{"version":3,"sources":["util/contexts.js","util/history.js","util/constants.js","components/atoms/Truncate/index.jsx","components/atoms/ColorMediaIcon/index.jsx","components/atoms/HexagonImage/index.jsx","components/molecules/UnderConstruction/index.jsx","util/languages.js","hexagon.svg","components/atoms/StatusIndicator/index.jsx","util/appInsights.js","components/atoms/MenuIcon/index.jsx","components/atoms/Spinner/index.jsx","components/molecules/AdvanceSearch/index.jsx","components/organisms/SearchBox/index.jsx","components/organisms/Menu/index.jsx","components/atoms/Logo/index.jsx","components/pages/Home.jsx","util/useClientId.js","util/buildRoute.js","util/routes.js","components/pages/DefaultViewPage.jsx","components/atoms/MainViewHeader/index.jsx","components/pages/MainViewPage.jsx","util/useScrollTo.js","components/pages/RootPage.jsx","util/useRoutes.js","util/storage.js","i18n.js","App.jsx","polyfill.js","serviceWorker.js","index.js","components/atoms/Icon/index.jsx","util/queries.js","util/mediaBreakpoints.js","logo.svg","util/useAPI.js"],"names":["AppContext","createContext","createBrowserHistory","CUSTOM_PAGE_TYPE_FEEDS","customPageTypes","socialMediaTypes","Object","keys","map","Number","filterSocialMediaTypes","customPagesFilter","allCustomPagesFilter","values","backgroundColorDefault","today","Date","getFullYear","getMonth","getDate","getHours","Truncate","maxLength","text","length","title","slice","ColorMediaIcon","icon","props","facebook","viewBox","xmlns","fill","d","twitter","id","x1","y1","x2","y2","gradientTransform","offset","stopColor","instagram","youtube","socialXP","data-name","transform","points","HexagonImg","background","borderColor","HexaDiv","TopArrow","bdColor","Rect","BottomArrow","HoldImg","bg","hexagonShape","styled","div","UnderConstruction","t","useContext","NoContentAlert","languages","label","value","image","module","exports","StatusIndicator","status","loadingText","errorText","dark","viewPortHeight","heightAuto","search","translated","heightVPVl","appProperties","bgImg","useMemo","StatusWrapper","heightVP","className","style","reactPlugin","ReactPlugin","ai","ApplicationInsights","config","instrumentationKey","process","extensions","extensionConfig","identifier","history","loadAppInsights","appInsights","withAppInsights","componentName","Component","withAITracking","MenuIcon","home","height","width","historyActive","historyInactive","imageviewActive","imageviewInactive","settings","Spinner","Wrapper","AdvanceSearch","queryValue","setQueryValue","appShortName","useState","mediaSelected","setMediaSelected","undefined","results","setResults","useAPI","getAdvanceSearch","query","enabled","refetchOnWindowFocus","refetchOnReconnect","refetchOnMount","refetchIntervalInBackground","data","useEffect","List","media","index","iconString","mediaTypeId","toLowerCase","ListType","key","onClick","advancedQuery","username","vl","filter","i","selectMediaType","active","center","noPointer","ul","li","SearchBox","useForm","register","handleSubmit","watch","reset","errors","setValue","formState","isSubmitting","dirty","useHistory","searchVl","setSearchFocus","openAdvanceSearch","setOpenAdvanceSearch","inputFocus","setInputFocus","advanceQuery","setAdvanceQuery","handleSubmitForm","trackEvent","name","properties","searchedText","isDisabled","countDirty","setCountDirty","FormSearch","onSubmit","queryVl","size","mobileL","moveUp","isSafariMobile","Label","Input","type","placeholder","autoComplete","onFocus","error","ref","required","onKeyPress","event","CleanInputIcon","push","Icon","LineSeparator","SearchButton","disabled","Loading","SearchAdvance","form","button","input","SettingsMenu","lazy","Menu","xPagesPointer","setMainFilter","setToHome","openSearch","setopenSearch","hasPointer","openSettings","setOpenSettings","toogleOpenSettings","setActiveMenu","activeMenu","menuArray","onclick","splice","MenuItem","CustomLink","MenuPanel","CSSTransition","in","timeout","classNames","unmountOnExit","fallback","left","right","css","Logo","Home","HomeWrapper","LogoImage","src","logo","onError","target","alt","useClientIdState","createLocalStorageStateHook","generateClientId","a","biri","clientId","uuidv4","buildRoute","route","params","reduce","paramReducer","acc","cur","replace","homeRoute","settingsPageRoute","mainView","contentDividerId","shareUrl","shareCode","customPageRoute","customPageId","categoryRoute","listRoute","historyCustomPageRoute","historyCategoryRoute","historyListRoute","contentFilterPageRoute","aboutPageRoute","explorerPageRoute","categoryExplorerPageRoute","listExplorePageRoute","searchPage","searchByTags","searchByCategories","explorerListResults","XPagesAccordion","GoBack","DefaultViewPage","setXPagesPointer","titleProps","getDefaultView","defaultViewStatus","defaultViewData","isLoading","pathname","useLocation","trim","to","state","fromPointer","Title","color","textColor","opacity","textTransparency","contentDividers","h1","MainViewHeader","isMainView","WrapperBar","includes","Header","header","isHidden","ListView","MainViewPage","useParams","useMainViewQuery","take","sort","isFetchingNextPage","fetchNextPage","hasNextPage","window","scrollTo","top","behavior","customPages","flatMap","page","posts","statusPage","observer","useRef","lastItemNode","useCallback","node","current","disconnect","IntersectionObserver","entries","isIntersecting","observe","getNext","appImages","MainViewFilter","RootPage","Proxy","routes","get","useRoutes","setClientId","then","useClientId","location","setTitleProps","cache","setCache","setAppProperties","getDesignApp","onSuccess","Array","isArray","pageIndex","findIndex","e","shortName","newCache","prevArray","designStatus","backGroundImageUrl","iconUrl","description","Helmet","content","rel","href","path","component","defaultParams","exact","usePageholderCacheState","i18n","use","Backend","LanguageDetector","initReactI18next","init","lng","detection","order","lookupQuerystring","debug","fallbackLng","whitelist","interpolation","escapeValue","react","useSuspense","ns","defaultNS","supportedLngs","backend","loadPath","queryClient","QueryClient","App","searchFocus","mainFilter","isHome","useTranslation","handleLanguageChange","lang","changeLanguage","localStorage","getItem","screenWMax","screen","availWidth","defaultLang","setLanguage","client","render","match","Provider","CustomEvent","bubbles","cancelable","detail","evt","document","createEvent","initCustomEvent","prototype","Event","Boolean","hostname","ReactDOM","getElementById","navigator","serviceWorker","ready","registration","unregister","about","arrowBack","checkCircle","contentFilter","login","signUp","tools","timesCircle","times","externalAlt","dobleSquares","pages","ellipsis","share","url","axios","_axios","create","paramsSerializer","qs","stringify","arrayFormat","pageHolderShortName","getNavigationItems","parentId","getContentDividers","getAbout","endCursor","dt","setdt","retryDelay","R","useInfiniteQuery","pageParam","getMainView","structuralSharing","select","getNextPageParam","lastPage","staleTime","refetchInterval","mobileS","mobileM","tablet","laptop","laptopL","desktop","userAgent","indexOf","fetch","useQuery"],"mappings":"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","file":"static/js/main.278b8078.chunk.js","sourcesContent":["import { createContext } from 'react'\r\n\r\nexport const AppContext = createContext()\r\nexport const ContainerContext = createContext()\r\nexport const ContentDividersContext = createContext()\r\n","import { createBrowserHistory } from 'history'\r\n\r\nexport default createBrowserHistory()\r\n","export const CUSTOM_PAGE_TYPE_FEEDS = 1\r\nexport const CUSTOM_PAGE_TYPE_TAGS = 2\r\nexport const CUSTOM_PAGE_TYPE_LINKS = 3\r\nexport const CUSTOM_PAGE_TYPE_CONTENT_SOURCES = 4\r\nexport const CUSTOM_PAGE_TYPE_LOGS = 5\r\nexport const CUSTOM_PAGE_TYPE_PICS = 6\r\n\r\nexport const customPageTypes = {\r\n  [CUSTOM_PAGE_TYPE_FEEDS]: 'xFeeds',\r\n  [CUSTOM_PAGE_TYPE_TAGS]: 'xTags',\r\n  [CUSTOM_PAGE_TYPE_LINKS]: 'xLinks',\r\n  [CUSTOM_PAGE_TYPE_CONTENT_SOURCES]: 'Content Source',\r\n  [CUSTOM_PAGE_TYPE_LOGS]: 'xLogs',\r\n  [CUSTOM_PAGE_TYPE_PICS]: 'xPics'\r\n}\r\n\r\nexport const allCustomPageTypes = Object.keys(customPageTypes).map(Number)\r\n\r\nexport const SOCIAL_MEDIA_TYPE_FACEBOOK = 1\r\nexport const SOCIAL_MEDIA_TYPE_TWITTER = 2\r\nexport const SOCIAL_MEDIA_TYPE_INSTAGRAM = 3\r\nexport const SOCIAL_MEDIA_TYPE_YOUTUBE = 4\r\nexport const SOCIAL_MEDIA_TYPE_TWITTER_TAGS = 5\r\nexport const SOCIAL_MEDIA_TYPE_INSTAGRAM_TAGS = 6\r\nexport const SOCIAL_MEDIA_TYPE_YOUTUBE_TAGS = 7\r\nexport const SOCIAL_MEDIA_TYPE_VIDEO_LOGS = 8\r\nexport const SOCIAL_MEDIA_TYPE_IMAGE_LOGS = 9\r\n\r\nexport const socialMediaTypes = {\r\n  [SOCIAL_MEDIA_TYPE_FACEBOOK]: 'Facebook',\r\n  [SOCIAL_MEDIA_TYPE_YOUTUBE]: 'YouTube',\r\n  [SOCIAL_MEDIA_TYPE_INSTAGRAM]: 'Instagram',\r\n  [SOCIAL_MEDIA_TYPE_TWITTER]: 'Twitter',\r\n  [SOCIAL_MEDIA_TYPE_YOUTUBE_TAGS]: 'YouTube',\r\n  [SOCIAL_MEDIA_TYPE_INSTAGRAM_TAGS]: 'Instagram',\r\n  [SOCIAL_MEDIA_TYPE_TWITTER_TAGS]: 'Twitter',\r\n  [SOCIAL_MEDIA_TYPE_VIDEO_LOGS]: 'Twitter',\r\n  [SOCIAL_MEDIA_TYPE_IMAGE_LOGS]: 'YouTube'\r\n}\r\n\r\nexport const socialMediaIcons = {\r\n  [SOCIAL_MEDIA_TYPE_FACEBOOK]: ['fab', 'facebook-f'],\r\n  [SOCIAL_MEDIA_TYPE_YOUTUBE]: ['fab', 'youtube'],\r\n  [SOCIAL_MEDIA_TYPE_INSTAGRAM]: ['fab', 'instagram'],\r\n  [SOCIAL_MEDIA_TYPE_TWITTER]: ['fab', 'twitter']\r\n}\r\n\r\nexport const LOG_MEDIA_TYPE_FACEBOOK = 1\r\nexport const LOG_MEDIA_TYPE_TWITTER = 2\r\nexport const LOG_MEDIA_TYPE_INSTAGRAM = 3\r\nexport const LOG_MEDIA_TYPE_YOUTUBE = 4\r\nexport const LOG_MEDIA_TYPE_IMAGE = 5\r\nexport const LOG_MEDIA_TYPE_VIDEO = 6\r\n\r\nexport const logMediaTypes = {\r\n  [LOG_MEDIA_TYPE_FACEBOOK]: 'Facebook',\r\n  [LOG_MEDIA_TYPE_TWITTER]: 'Twitter',\r\n  [LOG_MEDIA_TYPE_INSTAGRAM]: 'Instagram',\r\n  [LOG_MEDIA_TYPE_YOUTUBE]: 'YouTube',\r\n  [LOG_MEDIA_TYPE_IMAGE]: 'Image',\r\n  [LOG_MEDIA_TYPE_VIDEO]: 'Video'\r\n}\r\n\r\nexport const normalizeMediaType = (looseMediaType = '') =>\r\n  looseMediaType.toLowerCase().replace('tags', '').trim()\r\n\r\nexport const filterSocialMediaTypes = {\r\n  [SOCIAL_MEDIA_TYPE_FACEBOOK]: 'Facebook',\r\n  [SOCIAL_MEDIA_TYPE_YOUTUBE]: 'YouTube',\r\n  [SOCIAL_MEDIA_TYPE_INSTAGRAM]: 'Instagram',\r\n  [SOCIAL_MEDIA_TYPE_TWITTER]: 'Twitter'\r\n}\r\n\r\nexport const allFilterSocialMediaTypes = Object.keys(\r\n  filterSocialMediaTypes\r\n).map(Number)\r\n\r\nexport const Latest = 0\r\nexport const MostView = 1\r\nexport const Popular = 2\r\n\r\nexport const customPagesFilter = {\r\n  [MostView]: 'Most Views',\r\n  [Latest]: 'Latest'\r\n}\r\n\r\nexport const allCustomPagesFilter = Object.values(customPagesFilter)\r\n\r\nexport const backgroundColorDefault = 'rgba(0, 0, 0, .6)'\r\n\r\nexport const today = new Date()\r\nexport const version = `${today.getFullYear()}${today.getMonth()}${today.getDate()}${today.getHours()}`\r\n","import PropTypes from 'prop-types'\r\nimport { slice } from 'ramda'\r\nimport React from 'react'\r\n\r\nexport const Truncate = ({ maxLength, text }) => {\r\n  if (!text) return ''\r\n  if (text.length < maxLength) return text\r\n\r\n  return <span title={text}>{slice(0, maxLength - 1, text)}…</span>\r\n}\r\n\r\nTruncate.propTypes = {\r\n  maxLength: PropTypes.number,\r\n  text: PropTypes.string\r\n}\r\n","import PropTypes from 'prop-types'\r\nimport React from 'react'\r\n\r\nexport const ColorMediaIcon = ({ icon, ...props }) =>\r\n  ({\r\n    facebook: (\r\n      <svg viewBox='5 0 20 20' xmlns='http://www.w3.org/2000/svg'>\r\n        <path\r\n          fill='#3b5998'\r\n          {...props}\r\n          d='M20 3H4a1 1 0 00-1 1v16a1 1 0 001 1h8.615v-6.96h-2.338v-2.725h2.338v-2c0-2.325 1.42-3.592 3.5-3.592.699-.002 1.399.034 2.095.107v2.42h-1.435c-1.128 0-1.348.538-1.348 1.325v1.735h2.697l-.35 2.725h-2.348V21H20a1 1 0 001-1V4a1 1 0 00-1-1z'\r\n        />\r\n      </svg>\r\n    ),\r\n    twitter: (\r\n      <svg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'>\r\n        <linearGradient\r\n          id='linearTwitter'\r\n          x1='0%'\r\n          y1='0%'\r\n          x2='100%'\r\n          y2='0%'\r\n          gradientTransform='rotate(45)'\r\n        >\r\n          <stop offset='1%' stopColor='#66757f' />\r\n          <stop offset='80%' stopColor='#00ACEE' />\r\n          <stop offset='99%' stopColor='#36D8FF' />\r\n          <stop offset='100%' stopColor='#f5f8fa' />\r\n        </linearGradient>\r\n        <path\r\n          fill='#00ACEE'\r\n          d='M400 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm-48.9 158.8c.2 2.8.2 5.7.2 8.5 0 86.7-66 186.6-186.6 186.6-37.2 0-71.7-10.8-100.7-29.4 5.3.6 10.4.8 15.8.8 30.7 0 58.9-10.4 81.4-28-28.8-.6-53-19.5-61.3-45.5 10.1 1.5 19.2 1.5 29.6-1.2-30-6.1-52.5-32.5-52.5-64.4v-.8c8.7 4.9 18.9 7.9 29.6 8.3a65.447 65.447 0 01-29.2-54.6c0-12.2 3.2-23.4 8.9-33.1 32.3 39.8 80.8 65.8 135.2 68.6-9.3-44.5 24-80.6 64-80.6 18.9 0 35.9 7.9 47.9 20.7 14.8-2.8 29-8.3 41.6-15.8-4.9 15.2-15.2 28-28.8 36.1 13.2-1.4 26-5.1 37.8-10.2-8.9 13.1-20.1 24.7-32.9 34z'\r\n        />\r\n      </svg>\r\n    ),\r\n    instagram: (\r\n      <svg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'>\r\n        <linearGradient\r\n          id='linear'\r\n          x1='0%'\r\n          y1='0%'\r\n          x2='100%'\r\n          y2='0%'\r\n          gradientTransform='rotate(45)'\r\n        >\r\n          <stop offset='0%' stopColor='#405de6' />\r\n          <stop offset='25%' stopColor='#5851db' />\r\n          <stop offset='50%' stopColor='#833ab4' />\r\n          <stop offset='80%' stopColor='#c13584' />\r\n          <stop offset='100%' stopColor='#e1306c' />\r\n        </linearGradient>\r\n        <path\r\n          fill='url(#linear)'\r\n          d='M224 202.66A53.34 53.34 0 10277.36 256 53.38 53.38 0 00224 202.66zm124.71-41a54 54 0 00-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31 6.43a54 54 0 00-30.41 30.41c-8.28 21-6.43 71.05-6.43 94.33s-1.85 73.27 6.47 94.34a54 54 0 0030.41 30.41c21 8.29 71 6.43 94.31 6.43s73.24 1.93 94.3-6.43a54 54 0 0030.41-30.41c8.35-21 6.43-71.05 6.43-94.33s1.92-73.26-6.43-94.33zM224 338a82 82 0 1182-82 81.9 81.9 0 01-82 82zm85.38-148.3a19.14 19.14 0 1119.13-19.14 19.1 19.1 0 01-19.09 19.18zM400 32H48A48 48 0 000 80v352a48 48 0 0048 48h352a48 48 0 0048-48V80a48 48 0 00-48-48zm-17.12 290c-1.29 25.63-7.14 48.34-25.85 67s-41.4 24.63-67 25.85c-26.41 1.49-105.59 1.49-132 0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61 0-132 1.29-25.63 7.07-48.34 25.85-67s41.47-24.56 67-25.78c26.41-1.49 105.59-1.49 132 0 25.63 1.29 48.33 7.15 67 25.85s24.63 41.42 25.85 67.05c1.49 26.32 1.49 105.44 0 131.88z'\r\n        />\r\n      </svg>\r\n    ),\r\n    youtube: (\r\n      <svg viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'>\r\n        <path\r\n          fill='#ff0000'\r\n          {...props}\r\n          d='M186.8 202.1l95.2 54.1-95.2 54.1V202.1zM448 80v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V80c0-26.5 21.5-48 48-48h352c26.5 0 48 21.5 48 48zm-42 176.3s0-59.6-7.6-88.2c-4.2-15.8-16.5-28.2-32.2-32.4C337.9 128 224 128 224 128s-113.9 0-142.2 7.7c-15.7 4.2-28 16.6-32.2 32.4-7.6 28.5-7.6 88.2-7.6 88.2s0 59.6 7.6 88.2c4.2 15.8 16.5 27.7 32.2 31.9C110.1 384 224 384 224 384s113.9 0 142.2-7.7c15.7-4.2 28-16.1 32.2-31.9 7.6-28.5 7.6-88.1 7.6-88.1z'\r\n        />\r\n      </svg>\r\n    ),\r\n    socialXP: (\r\n      <svg\r\n        id='Lager_1'\r\n        data-name='Lager 1'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n        viewBox='0 0 607.85 607.85'\r\n        fill={props.fill || '#cccccc'}\r\n      >\r\n        <title>Social_XP_Logo</title>\r\n        <path\r\n          d='M469.54,223.23H352.26l-59,71.27H469.54c12.5,0,26.42,16,26.42,38.94S482,372.38,469.54,372.38H420.6l-58.06,71.27h107c53.87,0,97.69-49.44,97.69-110.21S523.41,223.23,469.54,223.23Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <polygon points='275.05 496.2 438.81 299.77 341.44 299.77 178.5 495.71 275.05 496.2' />\r\n        <polygon points='224.54 416.07 269.82 361.62 236.44 321.83 327.51 213.25 236.57 213.25 190.97 267.61 145.37 213.25 54.42 213.25 145.49 321.83 53.3 432.23 55.92 432.19 143.87 432.19 190.97 376.04 224.54 416.07' />\r\n        <path\r\n          d='M167.77,200.37c-9,10.76-19.22,14.74-31.68,14.74h-70L84,193.7h60.82l12.5-15H125.46c-15.64,0-13.87-6.44-7-14.63L141.08,137c9.27-11.12,19.57-15.33,32.17-15.33h60.86L216.24,143H164.52L152.6,157.31h31.58c13.29,0,15.62,4.68,6.24,15.91Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M256.16,200.37c-8.69,10.41-18.67,14.74-31.27,14.74H187.66c-11.91,0-15.55-4.09-6.67-14.74l53.31-63.89c8.3-9.95,18.77-14.86,31.36-14.86H302.9c12,0,15.45,4.21,6.56,14.86Zm-23-6.67,42.17-50.55H257.25L215.07,193.7Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M308.8,215.11H275.16c-12.6,0-15.64-4-6.66-14.74l53.31-63.89c9-10.77,18.76-14.86,31.36-14.86h33.64L368.94,143l-24.19.12L302.58,193.7h24.09Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M346.89,215.11H318.38l78-93.49H424.9Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M433.4,215.11H406L427,190H408.74l-21,25.16H359.23L424.45,137c9.27-11.12,19.71-15.33,32.31-15.33h54.65Zm11.28-46.34L466.16,143H447.89l-21.48,25.74Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M529.22,215.11H444.61l78-93.49h28.51L491,193.7h56.09Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n      </svg>\r\n    )\r\n  }[icon])\r\n\r\nColorMediaIcon.propTypes = {\r\n  icon: PropTypes.string.isRequired\r\n}\r\n","import hexagonShape from 'hexagon.svg'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nexport const HexagonImg = ({ background, borderColor }) => {\r\n  return (\r\n    <>\r\n      {background ? (\r\n        <HexaDiv>\r\n          <TopArrow bdColor={borderColor || '#fff'} />\r\n          <Rect bdColor={borderColor || '#fff'} />\r\n          <BottomArrow bdColor={borderColor || '#fff'} />\r\n          <HoldImg\r\n            bg={background}\r\n            hexagonShape={hexagonShape}\r\n            bdColor={borderColor || '#fff'}\r\n          />\r\n        </HexaDiv>\r\n      ) : (\r\n        ''\r\n      )}\r\n    </>\r\n  )\r\n}\r\n\r\nconst HexaDiv = styled.div`\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n`\r\n\r\nconst TopArrow = styled.div`\r\n  width: 0;\r\n  border-bottom: 10px solid ${props => props.bdColor};\r\n  border-left: 20px solid transparent;\r\n  border-right: 20px solid transparent;\r\n`\r\n\r\nconst BottomArrow = styled.div`\r\n  width: 0;\r\n  border-top: 10px solid ${props => props.bdColor};\r\n  border-left: 20px solid transparent;\r\n  border-right: 20px solid transparent;\r\n`\r\n\r\nconst Rect = styled.div`\r\n  height: 20px;\r\n  width: 40px;\r\n  background: ${props => props.bdColor};\r\n`\r\n\r\nconst HoldImg = styled.div`\r\n  width: 36px;\r\n  height: 36px;\r\n  background-image: url('${props => props.bg}');\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  position: absolute;\r\n  mask-image: url(${props => props.hexagonShape});\r\n  mask-repeat: no-repeat;\r\n  mask-size: 100% 101%;\r\n  mask-position: center;\r\n`\r\n","import { Icon } from 'atoms/Icon'\r\nimport React, { useContext } from 'react'\r\nimport styled from 'styled-components'\r\nimport { AppContext } from 'util/contexts'\r\n\r\nexport const UnderConstruction = () => {\r\n  const { t } = useContext(AppContext)\r\n  return (\r\n    <NoContentAlert>\r\n      <Icon icon='tools' />\r\n      <p>{t('This app is')}</p>\r\n      <p>\r\n        <span>{t('Under')}</span> {t('construction')}\r\n      </p>\r\n    </NoContentAlert>\r\n  )\r\n}\r\n\r\nconst NoContentAlert = styled.div`\r\n  position: absolute;\r\n  background: black;\r\n  width: 100%;\r\n  height: 100vh;\r\n  opacity: 0.9;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: #ffff00;\r\n  flex-direction: column;\r\n  text-transform: uppercase;\r\n  font-weight: bold;\r\n  font-size: 20px;\r\n  line-height: 30px;\r\n\r\n  span {\r\n    color: white;\r\n  }\r\n\r\n  svg {\r\n    max-width: 25%;\r\n    margin: 0 0 1rem;\r\n  }\r\n`\r\n","export const languages = [\r\n  {\r\n    label: 'English',\r\n    value: 'en',\r\n    image: '../assets/english.png'\r\n  },\r\n  {\r\n    label: 'Portuguese - BR',\r\n    value: 'pr',\r\n    image: '../assets/portugese.png'\r\n  },\r\n  {\r\n    label: 'Spanish',\r\n    value: 'es',\r\n    image: '../assets/spanish.jpg'\r\n  }\r\n]\r\n","module.exports = __webpack_public_path__ + \"static/media/hexagon.15a213f4.svg\";","import { Icon } from 'atoms/Icon'\r\nimport PropTypes from 'prop-types'\r\nimport React, { useContext, useMemo } from 'react'\r\nimport styled from 'styled-components'\r\nimport { AppContext } from 'util/contexts'\r\n\r\nexport const StatusIndicator = ({\r\n  status,\r\n  loadingText = 'loading',\r\n  errorText = 'generic-error',\r\n  dark,\r\n  viewPortHeight,\r\n  heightAuto,\r\n  search,\r\n  translated = false\r\n}) => {\r\n  const heightVPVl = heightAuto ? 'auto' : viewPortHeight ? '100vh' : '100%'\r\n  const { appProperties, t } = useContext(AppContext)\r\n\r\n  const bgImg = useMemo(() => appProperties?.background, [appProperties])\r\n  return (\r\n    <>\r\n      {status === 'loading' && (\r\n        <StatusWrapper\r\n          dark={dark}\r\n          heightVP={heightVPVl}\r\n          bg={bgImg}\r\n          search={search}\r\n        >\r\n          <div\r\n            className='loading'\r\n            style={{ borderColor: dark ? '#000000' : '#ffffff' }}\r\n          />\r\n          {translated ? (\r\n            <span>{loadingText}</span>\r\n          ) : (\r\n            <span>{t(loadingText)}</span>\r\n          )}\r\n        </StatusWrapper>\r\n      )}\r\n\r\n      {status === 'error' && (\r\n        <StatusWrapper>\r\n          <Icon icon='timesCircle' />\r\n          <span>{t(errorText)}</span>\r\n        </StatusWrapper>\r\n      )}\r\n    </>\r\n  )\r\n}\r\n\r\nconst StatusWrapper = styled.div`\r\n  display: flex;\r\n  width: 100%;\r\n  height: ${props => props?.heightVP};\r\n  align-items: center;\r\n  justify-content: center;\r\n  color: ${props => (props.dark ? '#000000' : '#ffffff')};\r\n  flex-direction: column;\r\n  padding: 10px 0;\r\n\r\n  span {\r\n    margin: 15px 0 5px;\r\n  }\r\n\r\n  svg {\r\n    width: 10%;\r\n    max-width: 25px;\r\n  }\r\n\r\n  .loading {\r\n    font-size: 0;\r\n    width: 50px;\r\n    height: 50px;\r\n    border: 4px solid black;\r\n    border-radius: 50%;\r\n    position: relative;\r\n    box-sizing: border-box;\r\n\r\n    &::before {\r\n      content: ' ';\r\n      position: absolute;\r\n      top: -4px;\r\n      right: 0;\r\n      left: -4px;\r\n      margin: 0 auto;\r\n      border-radius: 50%;\r\n      border-top: 4px solid rgb(82, 82, 82);\r\n      border-bottom: 4px solid transparent;\r\n      border-left: 4px solid transparent;\r\n      border-right: 4px solid transparent;\r\n      border-radius: 50%;\r\n      width: 100%;\r\n      height: 100%;\r\n      animation: loading 1s linear infinite;\r\n    }\r\n  }\r\n\r\n  @keyframes loading {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n`\r\n\r\nStatusIndicator.propTypes = {\r\n  status: PropTypes.string.isRequired,\r\n  loadingText: PropTypes.string,\r\n  errorText: PropTypes.string,\r\n  dark: PropTypes.bool,\r\n  viewPortHeight: PropTypes.bool,\r\n  heightAuto: PropTypes.bool\r\n}\r\n","import {\r\n  ReactPlugin,\r\n  withAITracking\r\n} from '@microsoft/applicationinsights-react-js'\r\nimport { ApplicationInsights } from '@microsoft/applicationinsights-web'\r\nimport history from './history'\r\n\r\nconst reactPlugin = new ReactPlugin()\r\nconst ai = new ApplicationInsights({\r\n  config: {\r\n    instrumentationKey: process.env.REACT_APP_APPINSIGHTS_KEY,\r\n    extensions: [reactPlugin],\r\n    extensionConfig: {\r\n      [reactPlugin.identifier]: { history }\r\n    }\r\n  }\r\n})\r\nai.loadAppInsights()\r\n\r\nexport const { appInsights } = ai\r\nexport const withAppInsights = (componentName, Component) =>\r\n  process.env.NODE_ENV === 'test'\r\n    ? Component\r\n    : withAITracking(reactPlugin, Component, componentName)\r\n","import PropTypes from 'prop-types'\r\nimport React from 'react'\r\n\r\nexport const MenuIcon = ({ icon, ...props }) =>\r\n  ({\r\n    home: (\r\n      <svg\r\n        height='24px'\r\n        viewBox='0 0 512 512'\r\n        width='24px'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n      >\r\n        <path\r\n          fill='#ffffff'\r\n          d='m498.195312 222.695312c-.011718-.011718-.023437-.023437-.035156-.035156l-208.855468-208.847656c-8.902344-8.90625-20.738282-13.8125-33.328126-13.8125-12.589843 0-24.425781 4.902344-33.332031 13.808594l-208.746093 208.742187c-.070313.070313-.140626.144531-.210938.214844-18.28125 18.386719-18.25 48.21875.089844 66.558594 8.378906 8.382812 19.445312 13.238281 31.277344 13.746093.480468.046876.964843.070313 1.453124.070313h8.324219v153.699219c0 30.414062 24.746094 55.160156 55.167969 55.160156h81.710938c8.28125 0 15-6.714844 15-15v-120.5c0-13.878906 11.289062-25.167969 25.167968-25.167969h48.195313c13.878906 0 25.167969 11.289063 25.167969 25.167969v120.5c0 8.285156 6.714843 15 15 15h81.710937c30.421875 0 55.167969-24.746094 55.167969-55.160156v-153.699219h7.71875c12.585937 0 24.421875-4.902344 33.332031-13.808594 18.359375-18.371093 18.367187-48.253906.023437-66.636719zm0 0'\r\n        />\r\n      </svg>\r\n    ),\r\n    historyActive: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          fill='#fff'\r\n          d='M512,294.48c.31,141-114.79,256.41-255.79,256.52A255,255,0,0,1,95.38,494.33a24.7,24.7,0,0,1-1.86-36.75l11.66-11.66a24.81,24.81,0,0,1,32.93-2.06,189.85,189.85,0,1,0-12.28-287.28L178.27,209c10.43,10.43,3,28.18-11.66,28.18H16.52A16.56,16.56,0,0,1,0,220.68V70.59A16.49,16.49,0,0,1,28.18,58.92l51,51A254.92,254.92,0,0,1,256,39C397.21,39,511.69,153.37,512,294.48ZM325.26,375.83l10.12-13A24.8,24.8,0,0,0,331,328l-42-32.72V187.65a24.71,24.71,0,0,0-24.77-24.77H247.74A24.71,24.71,0,0,0,223,187.65V327.72l67.51,52.54A24.81,24.81,0,0,0,325.26,375.83Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    historyInactive: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          fill='#fff'\r\n          d='M12.39,55.52H22.71A12.42,12.42,0,0,1,35.1,67.9v97.65A255.72,255.72,0,0,1,256.83,39c140.8.41,255.38,115.61,255.17,256.41C511.79,436.63,397.21,551,256,551A255.32,255.32,0,0,1,84.44,485a12.36,12.36,0,0,1-.52-18l7.33-7.33a12.46,12.46,0,0,1,17-.52A220,220,0,0,0,256,515.9c121.5,0,220.9-98.37,220.9-220.9,0-121.5-98.37-220.9-220.9-220.9A220.91,220.91,0,0,0,59.56,193.84H161a12.42,12.42,0,0,1,12.39,12.39v10.32A12.42,12.42,0,0,1,161,228.94H12.39A12.42,12.42,0,0,1,0,216.55V67.9A12.42,12.42,0,0,1,12.39,55.52Zm332,325.37,4.85-6.71a12.47,12.47,0,0,0-2.68-17.34l-74-53.68V150.48a12.42,12.42,0,0,0-12.39-12.39h-8.26a12.42,12.42,0,0,0-12.39,12.39V319.88l87.64,63.69a12.18,12.18,0,0,0,17.24-2.68Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    imageviewActive: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          fill='#fff'\r\n          d='M426.67,437.22v14.22A42.68,42.68,0,0,1,384,494.11H42.67A42.68,42.68,0,0,1,0,451.44V223.89a42.68,42.68,0,0,1,42.67-42.67H56.89V366.11A71.21,71.21,0,0,0,128,437.22ZM512,366.11V138.56a42.68,42.68,0,0,0-42.67-42.67H128a42.68,42.68,0,0,0-42.67,42.67V366.11A42.68,42.68,0,0,0,128,408.78H469.33A42.68,42.68,0,0,0,512,366.11ZM227.56,181.22a42.67,42.67,0,1,1-42.67-42.67A42.68,42.68,0,0,1,227.56,181.22Zm-85.33,128,49.33-49.33a10.68,10.68,0,0,1,15.11,0L241.78,295,362.22,174.56a10.68,10.68,0,0,1,15.11,0l77.78,77.78v99.56H142.22Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    imageviewInactive: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          fill='#fff'\r\n          d='M469.33,95.89H99.56a42.68,42.68,0,0,0-42.67,42.67v14.22H42.67A42.68,42.68,0,0,0,0,195.44v256a42.68,42.68,0,0,0,42.67,42.67H412.44a42.68,42.68,0,0,0,42.67-42.67V437.22h14.22A42.68,42.68,0,0,0,512,394.56v-256A42.68,42.68,0,0,0,469.33,95.89ZM426.67,451.44a14.26,14.26,0,0,1-14.22,14.22H42.67a14.26,14.26,0,0,1-14.22-14.22v-256a14.26,14.26,0,0,1,14.22-14.22H56.89V394.56a42.68,42.68,0,0,0,42.67,42.67H426.67Zm56.89-56.89a14.26,14.26,0,0,1-14.22,14.22H99.56a14.26,14.26,0,0,1-14.22-14.22v-256a14.26,14.26,0,0,1,14.22-14.22H469.33a14.26,14.26,0,0,1,14.22,14.22ZM156.44,245.22a49.78,49.78,0,1,0-49.78-49.78A49.81,49.81,0,0,0,156.44,245.22Zm0-71.11a21.33,21.33,0,1,1-21.33,21.33A21.4,21.4,0,0,1,156.44,174.11Zm214.22,20.44a21.25,21.25,0,0,0-30.13,0L256.09,279l-27.56-27.56a21.25,21.25,0,0,0-30.13,0l-78.22,78.22A21.32,21.32,0,0,0,114,344.78v24.89a10.7,10.7,0,0,0,10.67,10.67h320a10.7,10.7,0,0,0,10.67-10.67V287.89a21.32,21.32,0,0,0-6.22-15.11Zm56,157.33H142.22v-4.18l71.11-71.11L256,319.27l99.56-99.56,71.11,71.11Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    search: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          fill='#fff'\r\n          d='M505,481.66,405.33,382a24,24,0,0,0-17-7H372a206.94,206.94,0,0,0,44-128c0-114.89-93.11-208-208-208S0,132.09,0,247,93.11,455,208,455a207,207,0,0,0,128-44v16.3a24,24,0,0,0,7,17L442.73,544a23.91,23.91,0,0,0,33.9,0l28.3-28.3A24.11,24.11,0,0,0,505,481.66ZM208,375A128,128,0,1,1,336,247,127.92,127.92,0,0,1,208,375Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    settings: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          fill='#fff'\r\n          d='M505.46,359.27l-45.94-26.53a207.7,207.7,0,0,0,0-75.7l45.94-26.53a13,13,0,0,0,5.93-15.1,268.56,268.56,0,0,0-59-102,13,13,0,0,0-16-2.48l-45.94,26.53A203.5,203.5,0,0,0,325,99.61V46.67a12.92,12.92,0,0,0-10.14-12.62,271.08,271.08,0,0,0-117.75,0,12.92,12.92,0,0,0-10.14,12.62V99.72a209.92,209.92,0,0,0-65.56,37.85L75.54,111a12.81,12.81,0,0,0-16,2.48,266.94,266.94,0,0,0-59,102,12.9,12.9,0,0,0,5.93,15.1l45.94,26.53a207.7,207.7,0,0,0,0,75.7L6.53,359.37A13,13,0,0,0,.6,374.47a268.56,268.56,0,0,0,59,102,13,13,0,0,0,16,2.48l45.94-26.53A203.5,203.5,0,0,0,187,490.28v53.05a12.92,12.92,0,0,0,10.14,12.62,271.08,271.08,0,0,0,117.75,0,12.92,12.92,0,0,0,10.14-12.62V490.28a209.92,209.92,0,0,0,65.56-37.85L436.56,479a12.81,12.81,0,0,0,16-2.48,266.94,266.94,0,0,0,59-102A13.32,13.32,0,0,0,505.46,359.27ZM255.94,381.16a86.26,86.26,0,1,1,86.26-86.26A86.38,86.38,0,0,1,255.94,381.16Z'\r\n        />\r\n      </svg>\r\n    )\r\n  }[icon])\r\n\r\nMenuIcon.propTypes = {\r\n  icon: PropTypes.string.isRequired\r\n}\r\n","import React from 'react'\r\nimport styled from 'styled-components'\r\n\r\nexport const Spinner = props => {\r\n  return <Wrapper {...props} />\r\n}\r\n\r\nconst Wrapper = styled.div`\r\n  position: absolute;\r\n  left: 27%;\r\n  font-size: 0;\r\n  width: 31px;\r\n  height: 31px;\r\n  border: 3px solid #ccc;\r\n  border-radius: 50%;\r\n  box-sizing: border-box;\r\n  background: #080808;\r\n  top: 11px;\r\n\r\n  &:before {\r\n    content: '';\r\n    position: absolute;\r\n    top: -3px;\r\n    right: 0;\r\n    left: -3px;\r\n    margin: 0 auto;\r\n    border-radius: 50%;\r\n    border-top: 3px solid rgb(82, 82, 82);\r\n    border-bottom: 3px solid transparent;\r\n    border-left: 3px solid transparent;\r\n    border-right: 3px solid transparent;\r\n    border-radius: 50%;\r\n    width: 100%;\r\n    height: 100%;\r\n    animation: loading 1s linear infinite;\r\n  }\r\n\r\n  @keyframes loading {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n`\r\n","import { ColorMediaIcon } from 'atoms/ColorMediaIcon'\r\nimport { StatusIndicator } from 'atoms/StatusIndicator'\r\nimport PropTypes from 'prop-types'\r\nimport React, { useContext, useEffect, useState } from 'react'\r\nimport styled from 'styled-components'\r\nimport { socialMediaTypes } from 'util/constants'\r\nimport { AppContext } from 'util/contexts'\r\nimport { getAdvanceSearch } from 'util/queries'\r\nimport { useAPI } from 'util/useAPI'\r\n\r\nexport const AdvanceSearch = ({ values }) => {\r\n  const { queryValue, setQueryValue, appShortName, t } = useContext(AppContext)\r\n  const [mediaSelected, setMediaSelected] = useState({})\r\n  const [results, setResults] = useState(undefined)\r\n\r\n  const { status, data } = useAPI(\r\n    ['advance-search', { values }],\r\n    getAdvanceSearch,\r\n    {\r\n      appShortName,\r\n      query: values\r\n    },\r\n    {\r\n      enabled: !!values,\r\n      refetchOnWindowFocus: false,\r\n      refetchOnReconnect: false,\r\n      refetchOnMount: false,\r\n      refetchIntervalInBackground: false\r\n    }\r\n  )\r\n\r\n  useEffect(() => {\r\n    if (data) {\r\n      setResults(data?.data)\r\n    }\r\n    if (!values) {\r\n      setResults(undefined)\r\n      setMediaSelected({})\r\n    }\r\n  }, [data, setResults, values])\r\n\r\n  const selectMediaType = media => {\r\n    if (mediaSelected === media) {\r\n      setMediaSelected({})\r\n      setQueryValue({})\r\n      setResults(data.data)\r\n    } else {\r\n      setQueryValue({\r\n        ...queryValue,\r\n        advancedQuery: media?.value || media?.username,\r\n        mediaTypeId: media?.mediaTypeId\r\n      })\r\n      setMediaSelected(media)\r\n      setResults(vl => vl.filter(i => i === media))\r\n    }\r\n  }\r\n\r\n  return (\r\n    <Wrapper>\r\n      {status === 'loading' ? (\r\n        <StatusIndicator status={status} loadingText='Searching' search />\r\n      ) : (\r\n        <>\r\n          {results && (\r\n            <>\r\n              {results?.length ? (\r\n                <List>\r\n                  {results.map((media, index) => {\r\n                    const iconString = socialMediaTypes[\r\n                      media?.mediaTypeId\r\n                    ]?.toLowerCase()\r\n                    return (\r\n                      <ListType\r\n                        key={index}\r\n                        onClick={() => selectMediaType(media)}\r\n                        active={mediaSelected === media}\r\n                      >\r\n                        {media?.mediaTypeId && (\r\n                          <ColorMediaIcon icon={iconString} />\r\n                        )}\r\n                        <span>{media?.value || media?.username}</span>\r\n                      </ListType>\r\n                    )\r\n                  })}\r\n                </List>\r\n              ) : (\r\n                <List>\r\n                  <ListType active center noPointer>\r\n                    {t('No results')}\r\n                  </ListType>\r\n                </List>\r\n              )}\r\n            </>\r\n          )}\r\n        </>\r\n      )}\r\n    </Wrapper>\r\n  )\r\n}\r\n\r\nconst Wrapper = styled.div`\r\n  height: auto;\r\n  flex: 0 0 100%;\r\n  width: 100%;\r\n`\r\n\r\nconst List = styled.ul`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 0 7px;\r\n  max-height: 215px;\r\n  overflow: auto;\r\n\r\n  svg {\r\n    margin: 0 10px 0 0;\r\n    background: white;\r\n    box-sizing: border-box;\r\n    width: 25px;\r\n    height: 25px;\r\n    border-radius: 5px;\r\n\r\n    path {\r\n      background: linear-gradient(\r\n        45deg,\r\n        #405de6,\r\n        #5851db,\r\n        #833ab4,\r\n        #c13584,\r\n        #e1306c,\r\n        #fd1d1d\r\n      );\r\n    }\r\n  }\r\n`\r\n\r\nconst ListType = styled.li`\r\n  align-items: center;\r\n  background: ${props => (props.active ? '#ffffff' : '#444')};\r\n  border-radius: 5px;\r\n  color: ${props => (props.active ? '#000000' : '#ffffff')};\r\n  display: flex;\r\n  margin: 0 auto 5px;\r\n  padding: 8px 15px;\r\n  width: 86%;\r\n  cursor: ${props => (props.noPointer ? 'text' : 'pointer')};\r\n  justify-content: ${props => (props.center ? 'center' : 'start')};\r\n\r\n  &:after {\r\n    content: '\\u2715';\r\n    display: ${props => (props.active ? 'block' : 'none')};\r\n    margin-left: auto;\r\n  }\r\n`\r\n\r\nAdvanceSearch.propTypes = {\r\n  values: PropTypes.string.isRequired\r\n}\r\n","import { Icon } from 'atoms/Icon'\r\nimport { MenuIcon } from 'atoms/MenuIcon'\r\nimport { AdvanceSearch } from 'molecules/AdvanceSearch'\r\nimport React, { useContext, useEffect, useMemo, useState } from 'react'\r\nimport { useForm } from 'react-hook-form'\r\nimport { useHistory } from 'react-router'\r\nimport styled from 'styled-components'\r\nimport { appInsights } from 'util/appInsights'\r\nimport { AppContext } from 'util/contexts'\r\nimport { isSafariMobile, size } from 'util/mediaBreakpoints'\r\n\r\nconst SearchBox = () => {\r\n  const {\r\n    register,\r\n    handleSubmit,\r\n    watch,\r\n    reset,\r\n    errors,\r\n    setValue,\r\n    formState: { isSubmitting, dirty }\r\n  } = useForm()\r\n  const history = useHistory()\r\n  const { appShortName, t } = useContext(AppContext)\r\n  const searchVl = watch('queryVl')\r\n  const { setQueryValue, setSearchFocus } = useContext(AppContext)\r\n  const [openAdvanceSearch, setOpenAdvanceSearch] = useState(false)\r\n  const [inputFocus, setInputFocus] = useState(false)\r\n  const [advanceQuery, setAdvanceQuery] = useState('')\r\n\r\n  useEffect(() => {\r\n    if (inputFocus) {\r\n      setSearchFocus(true)\r\n    }\r\n  }, [inputFocus, setSearchFocus])\r\n\r\n  const handleSubmitForm = vl => {\r\n    if (openAdvanceSearch) {\r\n      setAdvanceQuery(vl)\r\n      appInsights.trackEvent({\r\n        name: 'Advanced filter',\r\n        properties: { searchedText: vl }\r\n      })\r\n    } else {\r\n      setQueryValue({ query: vl })\r\n      appInsights.trackEvent({\r\n        name: 'Free text filter',\r\n        properties: { searchedText: vl }\r\n      })\r\n    }\r\n  }\r\n\r\n  const onSubmit = data => {\r\n    handleSubmitForm(data.queryVl)\r\n  }\r\n\r\n  const clearInput = () => {\r\n    setAdvanceQuery('')\r\n    reset()\r\n    setValue('queryVl', '')\r\n    setQueryValue({})\r\n    history.push(`/${appShortName}/main-view`)\r\n  }\r\n\r\n  const handleOpenAdvanceSearch = () => {\r\n    setOpenAdvanceSearch(true)\r\n    reset()\r\n    setQueryValue({})\r\n    setSearchFocus(false)\r\n  }\r\n\r\n  const handleCloseAdvanceSearch = () => {\r\n    setAdvanceQuery('')\r\n    setOpenAdvanceSearch(false)\r\n    reset()\r\n    setQueryValue({})\r\n    history.push(`/${appShortName}/main-view`)\r\n  }\r\n\r\n  const isDisabled = useMemo(\r\n    () => searchVl?.length < 3 || searchVl === undefined,\r\n    [searchVl]\r\n  )\r\n\r\n  const [countDirty, setCountDirty] = useState(0)\r\n  useEffect(() => {\r\n    if (dirty) {\r\n      setCountDirty(vl => vl + 1)\r\n    }\r\n  }, [dirty, setCountDirty])\r\n  return (\r\n    <FormSearch\r\n      onSubmit={handleSubmit(onSubmit)}\r\n      size={size.mobileL}\r\n      moveUp={inputFocus && isSafariMobile}\r\n    >\r\n      {openAdvanceSearch && <AdvanceSearch values={advanceQuery} />}\r\n      <Label>\r\n        <Input\r\n          type='text'\r\n          placeholder={\r\n            openAdvanceSearch\r\n              ? t('Social media account name or #')\r\n              : t('Free text search')\r\n          }\r\n          id='searchInput'\r\n          name='queryVl'\r\n          autoComplete='off'\r\n          onFocus={() => setInputFocus(!inputFocus)}\r\n          error={errors?.queryVl && countDirty >= 1}\r\n          ref={register({ required: true })}\r\n          onKeyPress={event => {\r\n            if (event.key === 'Enter' && !isDisabled) {\r\n              handleSubmitForm(searchVl)\r\n            }\r\n          }}\r\n        />\r\n        {searchVl ? (\r\n          <>\r\n            <CleanInputIcon onClick={clearInput} id='cleanButton'>\r\n              <Icon icon='times' fill='#313131' />\r\n            </CleanInputIcon>\r\n            <LineSeparator />\r\n          </>\r\n        ) : (\r\n          ''\r\n        )}\r\n\r\n        <SearchButton type='submit' disabled={isDisabled} id='searchButton'>\r\n          {isSubmitting === 'submiting' ? (\r\n            <Loading />\r\n          ) : (\r\n            <MenuIcon icon='search' />\r\n          )}\r\n        </SearchButton>\r\n      </Label>\r\n      {openAdvanceSearch ? (\r\n        <SearchAdvance\r\n          onClick={handleCloseAdvanceSearch}\r\n          id='searchAdvanceCloseButton'\r\n        >\r\n          <Icon icon='times' fill='#ffffff' />\r\n        </SearchAdvance>\r\n      ) : (\r\n        <SearchAdvance\r\n          onClick={() => handleOpenAdvanceSearch()}\r\n          id='searchAdvanceOpenButton'\r\n        >\r\n          <Icon icon='externalAlt' fill='#ffffff' />\r\n        </SearchAdvance>\r\n      )}\r\n    </FormSearch>\r\n  )\r\n}\r\n\r\nexport default SearchBox\r\n\r\nconst Loading = styled.div`\r\n  font-size: 0;\r\n  width: 21px;\r\n  height: 21px;\r\n  border: 2px solid #ffff;\r\n  border-radius: 50%;\r\n  position: relative;\r\n  box-sizing: border-box;\r\n  top: -4px;\r\n\r\n  &::before {\r\n    content: ' ';\r\n    position: absolute;\r\n    top: -2px;\r\n    right: 0;\r\n    left: -2px;\r\n    margin: 0 auto;\r\n    border-radius: 50%;\r\n    border-top: 2px solid rgb(82, 82, 82);\r\n    border-bottom: 2px solid transparent;\r\n    border-left: 2px solid transparent;\r\n    border-right: 2px solid transparent;\r\n    border-radius: 50%;\r\n    width: 100%;\r\n    height: 100%;\r\n    animation: loading 1s linear infinite;\r\n  }\r\n\r\n  @keyframes loading {\r\n    from {\r\n      transform: rotate(0deg);\r\n    }\r\n    to {\r\n      transform: rotate(360deg);\r\n    }\r\n  }\r\n`\r\n\r\nconst FormSearch = styled.form`\r\n  align-items: center;\r\n  background: #1f1f1f;\r\n  color: #ffffff;\r\n  display: flex;\r\n  height: auto;\r\n  justify-content: space-evenly;\r\n  margin: 0 auto;\r\n  max-width: ${props => props.size};\r\n  width: 100%;\r\n  position: ${props => (props.moveUp ? 'absolute' : 'fixed')};\r\n  bottom: ${props => (props.moveUp ? '40px' : '3rem')};\r\n  padding: 10px 0;\r\n  flex-wrap: wrap;\r\n\r\n  @media (max-width: 768px) {\r\n    bottom: ${props => (props.moveUp ? '40px' : '3rem')};\r\n    min-height: 3rem;\r\n  }\r\n`\r\n\r\nconst Label = styled.div`\r\n  position: relative;\r\n  width: 85%;\r\n  display: flex;\r\n`\r\n\r\nconst SearchButton = styled.button`\r\n  background: no-repeat;\r\n  border: 0;\r\n  color: #ffffff;\r\n  opacity: ${props => (props.disabled ? '0.2' : '1')};\r\n  cursor: ${props => (props.disabled ? 'not-allowed' : 'pointer')};\r\n  position: absolute;\r\n  right: 5px;\r\n  bottom: 4px;\r\n  padding: 0;\r\n  border: 0;\r\n  padding: 0;\r\n\r\n  svg {\r\n    width: 20px;\r\n  }\r\n`\r\n\r\nconst CleanInputIcon = styled.div`\r\n  align-items: center;\r\n  background: #636363;\r\n  border-radius: 50%;\r\n  cursor: pointer;\r\n  display: flex;\r\n  justify-content: center;\r\n  height: 15px;\r\n  position: absolute;\r\n  right: 41px;\r\n  top: 10px;\r\n  width: 15px;\r\n  border: 0;\r\n  padding: 0;\r\n\r\n  svg {\r\n    height: 7px;\r\n  }\r\n`\r\n\r\nconst LineSeparator = styled.div`\r\n  width: 1px;\r\n  height: 25px;\r\n  background: #fff;\r\n  display: block;\r\n  position: absolute;\r\n  right: 33px;\r\n  top: 5px;\r\n`\r\nconst SearchAdvance = styled.button`\r\n  width: 20px;\r\n  cursor: pointer;\r\n  background: transparent;\r\n  border: 0;\r\n  padding: 0;\r\n`\r\n\r\nconst Input = styled.input`\r\n  background: #313131;\r\n  color: #ffffff;\r\n  border: 0;\r\n  border-radius: 5px;\r\n  font-size: 0.9rem;\r\n  height: 1.5rem;\r\n  padding: 5px 40px 5px 10px;\r\n  width: 100%;\r\n  position: relative;\r\n\r\n  @media (max-width: 768px) {\r\n    height: 1.8rem;\r\n  }\r\n\r\n  @supports (-webkit-overflow-scrolling: touch) {\r\n    font-size: 16px;\r\n  }\r\n\r\n  &:focus {\r\n    border: 1px solid #636363;\r\n    box-shadow: 0px 0px 4px #989898;\r\n  }\r\n\r\n  &::-webkit-input-placeholder {\r\n    color: #636363;\r\n    font-weight: 100;\r\n    font-style: italic;\r\n  }\r\n  &:-moz-placeholder {\r\n    color: #636363;\r\n    font-weight: 100;\r\n    font-style: italic;\r\n  }\r\n  &::-moz-placeholder {\r\n    color: #636363;\r\n    font-weight: 100;\r\n    font-style: italic;\r\n  }\r\n  &:-ms-input-placeholder {\r\n    color: #636363;\r\n    font-weight: 100;\r\n    font-style: italic;\r\n  }\r\n`\r\n","import { MenuIcon } from 'atoms/MenuIcon'\r\nimport { Spinner } from 'atoms/Spinner'\r\nimport SearchBox from 'organisms/SearchBox'\r\nimport React, {\r\n  lazy,\r\n  Suspense,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useState\r\n} from 'react'\r\nimport { useHistory } from 'react-router-dom'\r\nimport { CSSTransition } from 'react-transition-group'\r\nimport styled, { css } from 'styled-components'\r\nimport { appInsights } from 'util/appInsights'\r\nimport { AppContext } from 'util/contexts'\r\nimport { size } from 'util/mediaBreakpoints'\r\n\r\n// const SearchBox = lazy(() => import('organisms/SearchBox'))\r\nconst SettingsMenu = lazy(() => import('organisms/SettingsMenu'))\r\n\r\nexport const Menu = () => {\r\n  const history = useHistory()\r\n  const {\r\n    appShortName,\r\n    xPagesPointer,\r\n    setQueryValue,\r\n    setMainFilter,\r\n    setToHome\r\n  } = useContext(AppContext)\r\n\r\n  const [openSearch, setopenSearch] = useState(false)\r\n  const hasPointer = useMemo(() => xPagesPointer?.length, [xPagesPointer])\r\n  const [openSettings, setOpenSettings] = useState(false)\r\n  const toogleOpenSettings = () => {\r\n    if (!openSettings) {\r\n      appInsights.trackEvent({\r\n        name: 'Open Settings'\r\n      })\r\n    }\r\n    openSearch && setopenSearch(false)\r\n    openSettings ? setActiveMenu('home') : setActiveMenu('settings')\r\n    setOpenSettings(!openSettings)\r\n  }\r\n  const toogleOpenSearch = () => {\r\n    openSearch ? setActiveMenu('home') : setActiveMenu('search')\r\n    setopenSearch(!openSearch)\r\n  }\r\n  const handleSearch = () => {\r\n    history.push(`/${appShortName}/main-view`)\r\n    toogleOpenSearch()\r\n  }\r\n  const [activeMenu, setActiveMenu] = useState('home')\r\n\r\n  useEffect(() => {\r\n    if (openSearch) {\r\n      setMainFilter(false)\r\n      setQueryValue({})\r\n    } else {\r\n      setQueryValue({})\r\n    }\r\n  }, [openSearch, setQueryValue, setMainFilter])\r\n\r\n  const menuArray = [\r\n    {\r\n      icon: 'search',\r\n      onclick: handleSearch\r\n    },\r\n    {\r\n      icon: 'home',\r\n      onclick: () => {\r\n        setopenSearch(false)\r\n        setActiveMenu('home')\r\n        setToHome(true)\r\n      }\r\n    },\r\n    { icon: 'settings', onclick: toogleOpenSettings }\r\n  ]\r\n\r\n  if (hasPointer) menuArray.splice(0, 2)\r\n\r\n  const MenuItem = ({ icon, onclick }) => {\r\n    return (\r\n      <CustomLink active={icon === activeMenu}>\r\n        <span onClick={onclick}>\r\n          <MenuIcon icon={icon} />\r\n        </span>\r\n      </CustomLink>\r\n    )\r\n  }\r\n\r\n  return (\r\n    <MenuPanel size={size.mobileL}>\r\n      {menuArray.map(props => (\r\n        <MenuItem key={props.icon} {...props} />\r\n      ))}\r\n      <CSSTransition\r\n        in={openSearch}\r\n        timeout={300}\r\n        classNames='settings'\r\n        unmountOnExit\r\n      >\r\n        {/* <Suspense fallback={<Spinner />}>\r\n          <SearchBox />\r\n        </Suspense> */}\r\n        <SearchBox />\r\n      </CSSTransition>\r\n\r\n      <CSSTransition\r\n        in={openSettings}\r\n        timeout={300}\r\n        classNames='settings'\r\n        unmountOnExit\r\n      >\r\n        <Suspense\r\n          fallback={<Spinner style={{ left: 'unset', right: '26%' }} />}\r\n        >\r\n          <SettingsMenu toogleOpenSettings={toogleOpenSettings} />\r\n        </Suspense>\r\n      </CSSTransition>\r\n    </MenuPanel>\r\n  )\r\n}\r\n\r\nconst MenuPanel = styled.div`\r\n  align-items: center;\r\n  background: #080808;\r\n  bottom: -1px;\r\n  color: #ffffff;\r\n  display: flex;\r\n  max-width: ${props => props.size};\r\n  position: fixed;\r\n  width: 100%;\r\n  z-index: 2;\r\n  border-top: 2px solid #1a1a1a;\r\n  height: auto;\r\n  justify-content: center;\r\n`\r\n\r\nconst CustomLink = styled.div`\r\n  flex: 0 0 20%;\r\n  text-align: center;\r\n  position: relative;\r\n  min-height: 3rem;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  @media (max-width: 768px) {\r\n    min-height: 3.5rem;\r\n  }\r\n\r\n  svg {\r\n    width: 1.8rem;\r\n    height: 1.8rem;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    width: 2rem;\r\n    height: 2rem;\r\n  }\r\n\r\n  ${({ active }) =>\r\n    active &&\r\n    css`\r\n      &:before {\r\n        content: '';\r\n        border: 1px solid #ffffff;\r\n        font-size: 0;\r\n        position: absolute;\r\n        top: 0;\r\n        width: 50%;\r\n      }\r\n    `}\r\n`\r\n","import React from 'react'\r\n\r\nconst Logo = props => {\r\n  return (\r\n    <svg\r\n      id='Lager_1'\r\n      data-name='Lager 1'\r\n      xmlns='http://www.w3.org/2000/svg'\r\n      viewBox='0 0 607.85 607.85'\r\n      fill={props.fill || '#cccccc'}\r\n    >\r\n      <title>Social_XP_Logo</title>\r\n      <path\r\n        d='M469.54,223.23H352.26l-59,71.27H469.54c12.5,0,26.42,16,26.42,38.94S482,372.38,469.54,372.38H420.6l-58.06,71.27h107c53.87,0,97.69-49.44,97.69-110.21S523.41,223.23,469.54,223.23Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n      <polygon points='275.05 496.2 438.81 299.77 341.44 299.77 178.5 495.71 275.05 496.2' />\r\n      <polygon points='224.54 416.07 269.82 361.62 236.44 321.83 327.51 213.25 236.57 213.25 190.97 267.61 145.37 213.25 54.42 213.25 145.49 321.83 53.3 432.23 55.92 432.19 143.87 432.19 190.97 376.04 224.54 416.07' />\r\n      <path\r\n        d='M167.77,200.37c-9,10.76-19.22,14.74-31.68,14.74h-70L84,193.7h60.82l12.5-15H125.46c-15.64,0-13.87-6.44-7-14.63L141.08,137c9.27-11.12,19.57-15.33,32.17-15.33h60.86L216.24,143H164.52L152.6,157.31h31.58c13.29,0,15.62,4.68,6.24,15.91Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n      <path\r\n        d='M256.16,200.37c-8.69,10.41-18.67,14.74-31.27,14.74H187.66c-11.91,0-15.55-4.09-6.67-14.74l53.31-63.89c8.3-9.95,18.77-14.86,31.36-14.86H302.9c12,0,15.45,4.21,6.56,14.86Zm-23-6.67,42.17-50.55H257.25L215.07,193.7Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n      <path\r\n        d='M308.8,215.11H275.16c-12.6,0-15.64-4-6.66-14.74l53.31-63.89c9-10.77,18.76-14.86,31.36-14.86h33.64L368.94,143l-24.19.12L302.58,193.7h24.09Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n      <path\r\n        d='M346.89,215.11H318.38l78-93.49H424.9Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n      <path\r\n        d='M433.4,215.11H406L427,190H408.74l-21,25.16H359.23L424.45,137c9.27-11.12,19.71-15.33,32.31-15.33h54.65Zm11.28-46.34L466.16,143H447.89l-21.48,25.74Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n      <path\r\n        d='M529.22,215.11H444.61l78-93.49h28.51L491,193.7h56.09Z'\r\n        transform='translate(-12.69 -9.98)'\r\n      />\r\n    </svg>\r\n  )\r\n}\r\n\r\nexport default Logo\r\n","import Logo from 'atoms/Logo'\r\nimport logo from 'logo.svg'\r\nimport React from 'react'\r\nimport styled from 'styled-components'\r\nimport { withAppInsights } from 'util/appInsights'\r\n\r\nexport const Home = withAppInsights('Home', () => {\r\n  return (\r\n    <HomeWrapper>\r\n      <LogoImage>\r\n        <img\r\n          src={logo}\r\n          onError={ref => (ref.target.src = logo)}\r\n          alt='App icon'\r\n        />\r\n      </LogoImage>{' '}\r\n      <div className='no-result'>\r\n        <Logo />\r\n      </div>\r\n      <div className='footer'>\r\n        <p>Social</p>\r\n        <i>Xperience</i>\r\n        <span>|</span>\r\n        <i>Xploring</i>\r\n        <span>|</span>\r\n        <i>Xposure</i>\r\n      </div>\r\n    </HomeWrapper>\r\n  )\r\n})\r\n\r\nconst LogoImage = styled.div`\r\n  background: black;\r\n  position: absolute;\r\n  top: 0;\r\n  width: 100%;\r\n  display: flex;\r\n  justify-content: flex-end;\r\n  align-items: flex-end;\r\n  padding: 0 15px;\r\n  box-sizing: border-box;\r\n\r\n  @media only screen and (min-width: 768px) {\r\n    img {\r\n      max-width: 90px;\r\n    }\r\n  }\r\n\r\n  @media (min-width: 1281px) {\r\n    img {\r\n      max-width: 60px;\r\n    }\r\n  }\r\n`\r\nconst HomeWrapper = styled.div`\r\n  width: 100%;\r\n  display: flex;\r\n  color: #ffffff;\r\n  flex-direction: column;\r\n  text-align: center;\r\n  background: rgb(43 43 43 / 50%);\r\n  height: 100vh;\r\n  overflow: hidden;\r\n  justify-content: center;\r\n\r\n  .no-result {\r\n    background: #f00d7f;\r\n    padding: 25px;\r\n    border-radius: 35px;\r\n    max-width: 50%;\r\n    margin: 0 auto 50px;\r\n    overflow: hidden;\r\n\r\n    img {\r\n      width: 200px;\r\n    }\r\n\r\n    svg {\r\n      width: 100vw;\r\n      fill: #000000;\r\n      max-width: 100%;\r\n      margin: 0;\r\n    }\r\n  }\r\n\r\n  .footer {\r\n    margin-top: 25px;\r\n    font-size: 25px;\r\n    line-height: 2rem;\r\n    color: white;\r\n    overflow: hidden;\r\n\r\n    @media only screen and (min-width: 768px) {\r\n      font-size: 4rem;\r\n      line-height: 8rem;\r\n    }\r\n\r\n    @media (min-width: 1281px) {\r\n      font-size: 1rem;\r\n      line-height: 2rem;\r\n    }\r\n\r\n    i {\r\n      font-style: italic;\r\n    }\r\n\r\n    span {\r\n      color: white;\r\n      margin: 0 10px;\r\n      font-weight: 600;\r\n    }\r\n\r\n    p {\r\n      padding: 0;\r\n      font-style: italic;\r\n      text-transform: uppercase;\r\n    }\r\n  }\r\n`\r\n","import biri from 'biri'\r\nimport { useEffect } from 'react'\r\nimport { createLocalStorageStateHook } from 'use-local-storage-state'\r\nimport { v4 as uuidv4 } from 'uuid'\r\n\r\nexport const useClientIdState = createLocalStorageStateHook('clientId')\r\n\r\nexport const useClientId = () => {\r\n  const [clientId, setClientId] = useClientIdState()\r\n\r\n  useEffect(() => {\r\n    if (!clientId) {\r\n      generateClientId().then(clientId => setClientId(clientId))\r\n    }\r\n    // eslint-disable-next-line\r\n  }, [clientId])\r\n\r\n  return clientId\r\n}\r\n\r\nconst generateClientId = async () => {\r\n  let clientId\r\n\r\n  try {\r\n    clientId = await biri()\r\n  } catch (err) {\r\n    clientId = uuidv4()\r\n  }\r\n\r\n  return clientId\r\n}\r\n","import { keys, reduce, replace } from 'ramda'\r\n\r\nexport const buildRoute = (route, params) =>\r\n  '' + reduce(paramReducer(params), route, keys(params))\r\n\r\nconst paramReducer = params => (acc, cur) =>\r\n  params[cur] ? replace(`:${cur}`, params[cur], acc) : acc\r\n","import { buildRoute } from './buildRoute'\r\n\r\nexport const homeRoute = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName', { appShortName })\r\nexport const settingsPageRoute = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/settings', { appShortName })\r\nexport const mainView = ({ appShortName = 0, contentDividerId = 0 }) =>\r\n  buildRoute('/:appShortName/main-view', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\nexport const shareUrl = ({ appShortName, shareCode = null }) =>\r\n  buildRoute('/:appShortName/:shareCode', {\r\n    appShortName,\r\n    shareCode\r\n  })\r\n\r\n// Home subroutes\r\nexport const customPageRoute = ({ appShortName = 0, customPageId = 0 }) =>\r\n  buildRoute('/:appShortName/customPage/:customPageId', {\r\n    appShortName,\r\n    customPageId\r\n  })\r\nexport const categoryRoute = ({ appShortName = 0, contentDividerId = 0 }) =>\r\n  buildRoute('/:appShortName/categories/:contentDividerId', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\nexport const listRoute = ({ appShortName = 0, contentDividerId = 0 }) =>\r\n  buildRoute('/:appShortName/list/:contentDividerId', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\n\r\n// History subroutes\r\nexport const historyCustomPageRoute = ({\r\n  appShortName = 0,\r\n  customPageId = 0\r\n}) =>\r\n  buildRoute('/:appShortName/history/customPage/:customPageId', {\r\n    appShortName,\r\n    customPageId\r\n  })\r\nexport const historyCategoryRoute = ({\r\n  appShortName = 0,\r\n  contentDividerId = 0\r\n}) =>\r\n  buildRoute('/:appShortName/history/categories/:contentDividerId', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\nexport const historyListRoute = ({ appShortName = 0, contentDividerId = 0 }) =>\r\n  buildRoute('/:appShortName/history/list/:contentDividerId', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\n\r\nexport const contentFilterPageRoute = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/settings/content-filter', {\r\n    appShortName\r\n  })\r\nexport const aboutPageRoute = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/settings/about', { appShortName })\r\n\r\nexport const explorerPageRoute = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/explore', { appShortName })\r\n\r\nexport const categoryExplorerPageRoute = ({\r\n  appShortName = 0,\r\n  contentDividerId = 0\r\n}) =>\r\n  buildRoute('/:appShortName/explore/categoriesExplore/:contentDividerId', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\n\r\nexport const listExplorePageRoute = ({\r\n  appShortName = 0,\r\n  contentDividerId = 0\r\n}) =>\r\n  buildRoute('/:appShortName/explore/listExplore/:contentDividerId', {\r\n    appShortName,\r\n    contentDividerId\r\n  })\r\n\r\nexport const searchPage = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/search', {\r\n    appShortName\r\n  })\r\n\r\nexport const searchByTags = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/search/tags', {\r\n    appShortName\r\n  })\r\n\r\nexport const searchByCategories = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/search/categories', {\r\n    appShortName\r\n  })\r\n\r\nexport const explorerListResults = ({ appShortName = 0 }) =>\r\n  buildRoute('/:appShortName/search/list', {\r\n    appShortName\r\n  })\r\n","import { StatusIndicator } from 'atoms/StatusIndicator'\r\nimport React, { lazy, Suspense, useContext, useEffect } from 'react'\r\nimport { Redirect, useLocation } from 'react-router-dom'\r\nimport styled from 'styled-components'\r\nimport { withAppInsights } from 'util/appInsights'\r\nimport { AppContext } from 'util/contexts'\r\nimport { getDefaultView } from 'util/queries'\r\nimport { useAPI } from 'util/useAPI'\r\n\r\nconst XPagesAccordion = lazy(() => import('organisms/XPagesAccordion'))\r\nconst GoBack = lazy(() => import('atoms/GoBack'))\r\nexport const DefaultViewPage = withAppInsights('Default View Page', () => {\r\n  const {\r\n    xPagesPointer,\r\n    setXPagesPointer,\r\n    appProperties,\r\n    titleProps\r\n  } = useContext(AppContext)\r\n  const {\r\n    status: defaultViewStatus,\r\n    data: defaultViewData,\r\n    isLoading\r\n  } = useAPI(['default-view'], getDefaultView)\r\n\r\n  useEffect(() => {\r\n    if (defaultViewData) {\r\n      setXPagesPointer(defaultViewData?.data)\r\n    }\r\n  }, [defaultViewData, setXPagesPointer])\r\n  if (!isLoading && !defaultViewData?.data.length) {\r\n    const newPath = `${useLocation().pathname}/main-view`\r\n    const pathname = newPath.replace(/(\\b\\S.+\\b)(?=.*\\1)/g, '').trim()\r\n    return (\r\n      <Redirect\r\n        to={{\r\n          pathname,\r\n          state: { fromPointer: useLocation().state?.fromPointer }\r\n        }}\r\n      />\r\n    )\r\n  }\r\n\r\n  return (\r\n    <>\r\n      <Suspense fallback={<StatusIndicator status='loading' />}>\r\n        <GoBack />\r\n      </Suspense>\r\n      <Wrapper>\r\n        <Title\r\n          color={titleProps.textColor}\r\n          opacity={titleProps.textTransparency}\r\n        >\r\n          {appProperties?.name}\r\n        </Title>\r\n        <Suspense fallback={<StatusIndicator status={defaultViewStatus} />}>\r\n          <XPagesAccordion\r\n            contentDividers={xPagesPointer}\r\n            status={defaultViewStatus}\r\n          />\r\n        </Suspense>\r\n      </Wrapper>\r\n    </>\r\n  )\r\n})\r\n\r\nconst Wrapper = styled.div`\r\n  height: 100vh;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n`\r\n\r\nconst Title = styled.h1`\r\n  font-size: 33px;\r\n  text-align: center;\r\n  font-weight: 500;\r\n  text-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.4);\r\n  color: ${props => props.color};\r\n  opacity: ${props => props.opacity};\r\n  margin-top: -55px;\r\n  margin-bottom: 22px;\r\n`\r\n","import { HexagonImg } from 'atoms/HexagonImage'\r\nimport { StatusIndicator } from 'atoms/StatusIndicator'\r\nimport { Truncate } from 'atoms/Truncate'\r\nimport logo from 'logo.svg'\r\nimport React, { useContext } from 'react'\r\nimport styled from 'styled-components'\r\nimport { AppContext } from 'util/contexts'\r\nimport { size } from 'util/mediaBreakpoints'\r\n\r\nexport const MainViewHeader = ({ isMainView }) => {\r\n  const { appProperties } = useContext(AppContext)\r\n  return (\r\n    <WrapperBar isMainView={isMainView}>\r\n      {appProperties?.icon?.includes('undefined') ? (\r\n        <StatusIndicator status='loading' />\r\n      ) : (\r\n        <Header>\r\n          <HexagonImg\r\n            background={\r\n              appProperties?.icon?.includes('noImage') ||\r\n              appProperties?.icon?.includes('undefined')\r\n                ? logo\r\n                : appProperties?.icon\r\n            }\r\n          />\r\n          <span>\r\n            <Truncate maxLength={30} text={appProperties?.name} />\r\n          </span>\r\n        </Header>\r\n      )}\r\n      <LogoImage>\r\n        <img\r\n          src={logo}\r\n          onError={ref => (ref.target.src = logo)}\r\n          alt='App icon'\r\n        />\r\n      </LogoImage>\r\n    </WrapperBar>\r\n  )\r\n}\r\nconst LogoImage = styled.div`\r\n  width: 15%;\r\n  position: relative;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n\r\n  img {\r\n    max-width: 100%;\r\n  }\r\n`\r\nconst Header = styled.div`\r\n  display: flex;\r\n  margin: 0 auto;\r\n  align-items: left;\r\n  width: -webkit-fill-available;\r\n  justify-content: left;\r\n  align-items: center;\r\n  max-height: 60px;\r\n\r\n  img {\r\n    max-width: 35px;\r\n    margin: 0 10px 0 0;\r\n    border-radius: 2px;\r\n    max-height: 35px;\r\n  }\r\n\r\n  span {\r\n    padding: 0 0 0 15px;\r\n  }\r\n`\r\n\r\nconst WrapperBar = styled.header`\r\n  background: #000000;\r\n  position: fixed;\r\n  width: 100%;\r\n  top: 0;\r\n  justify-content: flex-start;\r\n  box-sizing: border-box;\r\n  color: white;\r\n  align-items: center;\r\n  display: flex;\r\n  z-index: 2;\r\n  padding: ${props => (props.isHidden ? '0' : '0 15px')};\r\n  max-width: ${size.mobileL};\r\n\r\n  svg {\r\n    width: 10px;\r\n    cursor: pointer;\r\n    margin: 5px 0;\r\n  }\r\n`\r\n","import { MainViewHeader } from 'atoms/MainViewHeader'\r\nimport { StatusIndicator } from 'atoms/StatusIndicator'\r\nimport { UnderConstruction } from 'molecules/UnderConstruction'\r\n// import queryString from 'query-string'\r\nimport React, {\r\n  lazy,\r\n  Suspense,\r\n  useCallback,\r\n  useContext,\r\n  useEffect,\r\n  useMemo,\r\n  useRef\r\n} from 'react'\r\nimport { useParams } from 'react-router-dom'\r\nimport { withAppInsights } from 'util/appInsights'\r\nimport { AppContext } from 'util/contexts'\r\nimport { useMainViewQuery } from 'util/queries'\r\nimport { scrollToTop } from 'util/useScrollTo'\r\n\r\nconst ListView = lazy(() => import('organisms/ListView'))\r\nexport const MainViewPage = withAppInsights('Main View Page', () => {\r\n  const { shareCode } = useParams()\r\n  const { queryValue, appProperties, t } = useContext(AppContext)\r\n  const take = 30\r\n  const {\r\n    data,\r\n    status,\r\n    isLoading,\r\n    isFetchingNextPage,\r\n    fetchNextPage,\r\n    hasNextPage,\r\n    error\r\n  } = useMainViewQuery({\r\n    take,\r\n    query: queryValue?.query,\r\n    advancedQuery: queryValue?.advancedQuery,\r\n    mediaTypeId: queryValue?.mediaTypeId,\r\n    sort: queryValue?.sort,\r\n    customPageId: queryValue?.customPageId,\r\n    shareCode: shareCode\r\n  })\r\n\r\n  useEffect(() => {\r\n    status && scrollToTop()\r\n  }, [status])\r\n\r\n  const customPages = useMemo(\r\n    () => data?.flatMap(page => page.data.posts)?.flatMap(posts => posts),\r\n    [data]\r\n  )\r\n\r\n  const statusPage = useMemo(\r\n    () => data?.map(page => page.status)?.map(i => i)[0],\r\n    [data]\r\n  )\r\n\r\n  const observer = useRef()\r\n\r\n  const lastItemNode = useCallback(\r\n    node => {\r\n      if (isLoading) return\r\n      if (observer?.current) observer.current.disconnect()\r\n      // eslint-disable-next-line\r\n      observer.current = new IntersectionObserver(entries => {\r\n        if (entries[0].isIntersecting) {\r\n          hasNextPage && fetchNextPage()\r\n        }\r\n      })\r\n      if (node) observer.current.observe(node)\r\n    },\r\n    [fetchNextPage, hasNextPage, isLoading]\r\n  )\r\n\r\n  return (\r\n    <>\r\n      <MainViewHeader isMainView />\r\n\r\n      {isLoading ? (\r\n        <StatusIndicator\r\n          status={status}\r\n          viewPortHeight\r\n          loadingText={t('loading app name', {\r\n            name: appProperties.name || ''\r\n          })}\r\n          translated\r\n        />\r\n      ) : (\r\n        <>\r\n          {statusPage === 204 ? (\r\n            <div style={{ height: '100vh' }}>\r\n              <UnderConstruction />\r\n            </div>\r\n          ) : (\r\n            <Suspense\r\n              fallback={<StatusIndicator status='loading' viewPortHeight />}\r\n            >\r\n              <ListView\r\n                customPages={customPages}\r\n                isFetchingNextPage={isFetchingNextPage}\r\n                error={error}\r\n                getNext={lastItemNode}\r\n                hasNextPage={hasNextPage}\r\n                shareCode={shareCode}\r\n              />\r\n            </Suspense>\r\n          )}\r\n        </>\r\n      )}\r\n    </>\r\n  )\r\n})\r\n","export const scrollToTop = () =>\r\n  window.scrollTo({\r\n    top: 0,\r\n    behavior: 'smooth'\r\n  })\r\n","import { StatusIndicator } from 'atoms/StatusIndicator'\r\nimport React, { lazy, Suspense, useContext, useEffect, useMemo } from 'react'\r\nimport { Helmet } from 'react-helmet'\r\nimport { Route, Switch, useLocation } from 'react-router-dom'\r\nimport { appInsights } from 'util/appInsights'\r\nimport { AppContext } from 'util/contexts'\r\nimport { getDesignApp } from 'util/queries'\r\nimport { useAPI } from 'util/useAPI'\r\nimport { useClientId } from 'util/useClientId'\r\nimport { useRoutes } from 'util/useRoutes'\r\nimport { DefaultViewPage } from './DefaultViewPage'\r\nimport { MainViewPage } from './MainViewPage'\r\n\r\nconst appImages = process.env.REACT_APP_BLOB_IMAGES_URL\r\n\r\nconst MainViewFilter = lazy(() => import('organisms/MainViewFilter'))\r\n\r\nexport const RootPage = () => {\r\n  const { homeRoute, mainView, shareUrl } = useRoutes()\r\n  const clientId = useClientId()\r\n  const location = useLocation()\r\n  const isMainView = location.pathname.includes('main-view')\r\n\r\n  const {\r\n    appShortName,\r\n    xPagesPointer,\r\n    setTitleProps,\r\n    cache,\r\n    setCache,\r\n    setAppProperties\r\n  } = useContext(AppContext)\r\n  const hasPointer = useMemo(() => xPagesPointer?.length, [xPagesPointer])\r\n\r\n  const { status: designStatus, data } = useAPI(\r\n    ['app'],\r\n    getDesignApp,\r\n    {},\r\n    {\r\n      onSuccess: data => {\r\n        if (cache !== null && !Array.isArray(cache)) {\r\n          return setCache([data.data])\r\n        }\r\n        const pageIndex = cache?.findIndex(\r\n          e => e.shortName.toLowerCase() === data.data.shortName.toLowerCase()\r\n        )\r\n        if (pageIndex !== -1) {\r\n          const newCache = [...cache]\r\n\r\n          return setCache(newCache.splice(pageIndex))\r\n        }\r\n        if (\r\n          cache?.length &&\r\n          cache[0].shortName?.toLowerCase() ===\r\n            location.state?.fromPointer?.toLowerCase()\r\n        ) {\r\n          return setCache(prevArray => [data.data, ...prevArray])\r\n        }\r\n        return setCache([data.data])\r\n      }\r\n    }\r\n  )\r\n\r\n  const appProperties = data?.data || {}\r\n\r\n  useEffect(() => {\r\n    if (appProperties.backGroundImageUrl) {\r\n      setAppProperties({\r\n        background: appImages + appProperties.backGroundImageUrl,\r\n        name: appProperties.name,\r\n        icon: appImages + appProperties.iconUrl,\r\n        description: appProperties.description\r\n      })\r\n      setTitleProps({\r\n        textColor: appProperties.textColor,\r\n        textTransparency: appProperties.textTransparency\r\n      })\r\n    }\r\n  }, [appProperties, setTitleProps, setAppProperties])\r\n\r\n  useEffect(() => {\r\n    if (clientId) {\r\n      appInsights.trackEvent({\r\n        name: 'xPage viewed',\r\n        properties: { clientId, appShortName }\r\n      })\r\n    }\r\n  }, [clientId, appShortName])\r\n\r\n  return (\r\n    <>\r\n      <Helmet>\r\n        <title>{appProperties.name}</title>\r\n        <meta name={appProperties.name} content={appProperties.name} />\r\n        <link rel='apple-touch-icon' href={appProperties.iconUrl} />\r\n        <meta name='apple-mobile-web-app-capable' content='yes' />\r\n        <meta name='viewport' content='width = 425' />\r\n        <link\r\n          rel='shortcut icon'\r\n          id='favicon'\r\n          href={appImages + appProperties.iconUrl}\r\n        />\r\n      </Helmet>\r\n\r\n      {hasPointer ? (\r\n        <Route\r\n          path={homeRoute()}\r\n          component={DefaultViewPage}\r\n          defaultParams={{ appShortName: appShortName }}\r\n        />\r\n      ) : (\r\n        <Switch>\r\n          <Route\r\n            path={mainView()}\r\n            component={MainViewPage}\r\n            exact\r\n            defaultParams={{ appShortName: appShortName }}\r\n          />\r\n          <Route\r\n            path={shareUrl()}\r\n            component={MainViewPage}\r\n            exact\r\n            defaultParams={{\r\n              appShortName: appShortName\r\n            }}\r\n          />\r\n          <Route\r\n            path={homeRoute()}\r\n            component={DefaultViewPage}\r\n            defaultParams={{ appShortName: appShortName }}\r\n          />\r\n        </Switch>\r\n      )}\r\n      {designStatus === 'loading' && (\r\n        <StatusIndicator status={designStatus} loadingText='Loading App' />\r\n      )}\r\n\r\n      {isMainView ? (\r\n        <Suspense fallback={<StatusIndicator status='loading' />}>\r\n          <MainViewFilter />\r\n        </Suspense>\r\n      ) : (\r\n        ''\r\n      )}\r\n    </>\r\n  )\r\n}\r\n","import { useContext } from 'react'\r\nimport { AppContext } from 'util/contexts'\r\nimport { buildRoute } from './buildRoute'\r\nimport * as routes from './routes'\r\n\r\nexport const useRoutes = () => {\r\n  const { appShortName } = useContext(AppContext)\r\n\r\n  return new Proxy(routes, {\r\n    get: (target, name) =>\r\n      name in target\r\n        ? params => buildRoute(target[name](params || {}), { appShortName })\r\n        : undefined\r\n  })\r\n}\r\n","import { createLocalStorageStateHook } from 'use-local-storage-state'\r\n\r\nexport const useAppHistoryState = createLocalStorageStateHook('history')\r\nexport const useCustomPageCacheState = createLocalStorageStateHook(\r\n  'customPageCache'\r\n)\r\nexport const useContentDividerCacheState = createLocalStorageStateHook(\r\n  'contentDividerCache'\r\n)\r\nexport const usePageholderCacheState = createLocalStorageStateHook(\r\n  'pageholderCache'\r\n)\r\n","import i18n from 'i18next'\r\nimport LanguageDetector from 'i18next-browser-languagedetector'\r\nimport Backend from 'i18next-http-backend'\r\nimport { initReactI18next } from 'react-i18next'\r\n\r\nconst options = {\r\n  order: ['querystring', 'navigator'],\r\n  lookupQuerystring: 'lng'\r\n}\r\n\r\ni18n\r\n  .use(Backend)\r\n  .use(LanguageDetector)\r\n  .use(initReactI18next)\r\n  .init({\r\n    lng: 'en',\r\n    detection: options,\r\n    debug: false,\r\n    fallbackLng: 'en',\r\n    whitelist: ['en', 'pr', 'es'],\r\n    interpolation: {\r\n      escapeValue: false\r\n    },\r\n    react: {\r\n      useSuspense: false\r\n    },\r\n    ns: ['common'],\r\n    defaultNS: 'common',\r\n    supportedLngs: ['en', 'pr'],\r\n    backend: {\r\n      loadPath: `/locales/{{lng}}/{{ns}}.json`\r\n    }\r\n  })\r\n\r\nexport default i18n\r\n","import { Menu } from 'organisms/Menu'\r\nimport { Home } from 'pages/Home'\r\nimport { RootPage } from 'pages/RootPage'\r\nimport React, { useEffect, useState } from 'react'\r\nimport { useTranslation } from 'react-i18next'\r\nimport { QueryClient, QueryClientProvider } from 'react-query'\r\nimport { Route, Router } from 'react-router-dom'\r\nimport styled from 'styled-components'\r\nimport { AppContext } from 'util/contexts'\r\nimport history from 'util/history'\r\nimport { languages } from 'util/languages'\r\nimport { usePageholderCacheState } from 'util/storage'\r\nimport './i18n'\r\n\r\nconst queryClient = new QueryClient()\r\n\r\nexport const App = () => {\r\n  const [xPagesPointer, setXPagesPointer] = useState([])\r\n  const [queryValue, setQueryValue] = useState({})\r\n  const [titleProps, setTitleProps] = useState({})\r\n  const [searchFocus, setSearchFocus] = useState(false)\r\n  const [mainFilter, setMainFilter] = useState(false)\r\n  const [cache, setCache] = usePageholderCacheState()\r\n  const [appProperties, setAppProperties] = useState({\r\n    background: '',\r\n    name: '',\r\n    icon: '',\r\n    description: ''\r\n  })\r\n  const [isHome, setToHome] = useState(false)\r\n  const { t, i18n } = useTranslation()\r\n\r\n  const handleLanguageChange = lang => {\r\n    i18n.changeLanguage(lang)\r\n  }\r\n\r\n  useEffect(() => {\r\n    i18n.changeLanguage(window.localStorage.getItem('language'))\r\n  }, [i18n])\r\n  const screenWMax = window.screen.availWidth > 425 ? '425px' : 'initial'\r\n  const [defaultLang, setLanguage] = useState(languages[0])\r\n\r\n  return (\r\n    <QueryClientProvider client={queryClient}>\r\n      <Router history={history}>\r\n        <Wrapper background={appProperties?.background} size={screenWMax}>\r\n          <Route\r\n            path='/:appShortName'\r\n            render={({\r\n              match: {\r\n                params: { appShortName }\r\n              }\r\n            }) => (\r\n              <AppContext.Provider\r\n                value={{\r\n                  appShortName,\r\n                  setXPagesPointer,\r\n                  xPagesPointer,\r\n                  queryValue,\r\n                  setQueryValue,\r\n                  titleProps,\r\n                  setTitleProps,\r\n                  searchFocus,\r\n                  setSearchFocus,\r\n                  mainFilter,\r\n                  setMainFilter,\r\n                  cache,\r\n                  setCache,\r\n                  setAppProperties,\r\n                  appProperties,\r\n                  isHome,\r\n                  setToHome,\r\n                  handleLanguageChange,\r\n                  t,\r\n                  setLanguage,\r\n                  defaultLang\r\n                }}\r\n              >\r\n                <RootPage />\r\n                <Menu />\r\n              </AppContext.Provider>\r\n            )}\r\n          />\r\n          <Route exact path='/' render={() => <Home />} />\r\n        </Wrapper>\r\n      </Router>\r\n    </QueryClientProvider>\r\n  )\r\n}\r\n\r\nconst Wrapper = styled.div`\r\n  height: auto;\r\n  background-position: center;\r\n  background-size: cover;\r\n  background-repeat: no-repeat;\r\n  background-image: url('${props => props.background}');\r\n  max-width: ${props => props.size};\r\n  margin: 0 auto;\r\n  position: relative;\r\n\r\n  &::before {\r\n      content: '';\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0, 0, 0, 0.35);\r\n      position: absolute;\r\n      left: 0;\r\n      right: 0;\r\n      margin: 0 auto;\r\n  }\r\n`\r\n","/*\r\n* required polyfills\r\n*/\r\n\r\n/** IE9, IE10 and IE11 requires all of the following polyfills. **/\r\nimport 'core-js/es/symbol'\r\nimport 'core-js/es/object'\r\nimport 'core-js/es/function'\r\nimport 'core-js/es/parse-int'\r\nimport 'core-js/es/parse-float'\r\nimport 'core-js/es/number'\r\nimport 'core-js/es/math'\r\nimport 'core-js/es/string'\r\nimport 'core-js/es/date'\r\nimport 'core-js/es/array'\r\nimport 'core-js/es/regexp'\r\nimport 'core-js/es/map'\r\nimport 'core-js/es/weak-map'\r\nimport 'core-js/es/set'\r\nimport 'core-js/es/object'\r\n\r\n/** IE10 and IE11 requires the following for the Reflect API. */\r\n// import 'core-js/es/reflect'\r\n\r\n/** Evergreen browsers require these. **/\r\n// Used for reflect-metadata in JIT. If you use AOT (and only Angular decorators), you can remove.\r\n// import 'core-js/es7/reflect'\r\n\r\n// CustomEvent() constructor functionality in IE9, IE10, IE11\r\n(function () {\r\n\r\n  if ( typeof window.CustomEvent === \"function\" ) return false\r\n\r\n  function CustomEvent ( event, params ) {\r\n    params = params || { bubbles: false, cancelable: false, detail: undefined }\r\n    var evt = document.createEvent( 'CustomEvent' )\r\n    evt.initCustomEvent( event, params.bubbles, params.cancelable, params.detail )\r\n    return evt\r\n  }\r\n\r\n  CustomEvent.prototype = window.Event.prototype\r\n\r\n  window.CustomEvent = CustomEvent\r\n})()\r\n","// This optional code is used to register a service worker.\r\n// register() is not called by default.\r\n\r\n// This lets the app load faster on subsequent visits in production, and gives\r\n// it offline capabilities. However, it also means that developers (and users)\r\n// will only see deployed updates on subsequent visits to a page, after all the\r\n// existing tabs open on the page have been closed, since previously cached\r\n// resources are updated in the background.\r\n\r\n// To learn more about the benefits of this model and instructions on how to\r\n// opt-in, read https://bit.ly/CRA-PWA\r\n\r\nconst isLocalhost = Boolean(\r\n  window.location.hostname === 'localhost' ||\r\n    // [::1] is the IPv6 localhost address.\r\n    window.location.hostname === '[::1]' ||\r\n    // 127.0.0.1/8 is considered localhost for IPv4.\r\n    window.location.hostname.match(\r\n      /^127(?:\\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}$/\r\n    )\r\n)\r\n\r\nexport function register(config) {\r\n  if (process.env.NODE_ENV === 'production' && 'serviceWorker' in navigator) {\r\n    // The URL constructor is available in all browsers that support SW.\r\n    const publicUrl = new URL(process.env.PUBLIC_URL, window.location.href)\r\n    if (publicUrl.origin !== window.location.origin) {\r\n      // Our service worker won't work if PUBLIC_URL is on a different origin\r\n      // from what our page is served on. This might happen if a CDN is used to\r\n      // serve assets; see https://github.com/facebook/create-react-app/issues/2374\r\n      return\r\n    }\r\n\r\n    window.addEventListener('load', () => {\r\n      const swUrl = `${process.env.PUBLIC_URL}/service-worker.js`\r\n\r\n      if (isLocalhost) {\r\n        // This is running on localhost. Let's check if a service worker still exists or not.\r\n        checkValidServiceWorker(swUrl, config)\r\n\r\n        // Add some additional logging to localhost, pointing developers to the\r\n        // service worker/PWA documentation.\r\n        navigator.serviceWorker.ready.then(() => {\r\n          console.log(\r\n            'This web app is being served cache-first by a service ' +\r\n              'worker. To learn more, visit https://bit.ly/CRA-PWA'\r\n          )\r\n        })\r\n      } else {\r\n        // Is not localhost. Just register service worker\r\n        registerValidSW(swUrl, config)\r\n      }\r\n    })\r\n  }\r\n}\r\n\r\nfunction registerValidSW(swUrl, config) {\r\n  navigator.serviceWorker\r\n    .register(swUrl)\r\n    .then(registration => {\r\n      registration.onupdatefound = () => {\r\n        const installingWorker = registration.installing\r\n        if (installingWorker == null) {\r\n          return\r\n        }\r\n        installingWorker.onstatechange = () => {\r\n          if (installingWorker.state === 'installed') {\r\n            if (navigator.serviceWorker.controller) {\r\n              // At this point, the updated precached content has been fetched,\r\n              // but the previous service worker will still serve the older\r\n              // content until all client tabs are closed.\r\n              console.log(\r\n                'New content is available and will be used when all ' +\r\n                  'tabs for this page are closed. See https://bit.ly/CRA-PWA.'\r\n              )\r\n\r\n              // Execute callback\r\n              if (config && config.onUpdate) {\r\n                config.onUpdate(registration)\r\n              }\r\n            } else {\r\n              // At this point, everything has been precached.\r\n              // It's the perfect time to display a\r\n              // \"Content is cached for offline use.\" message.\r\n              console.log('Content is cached for offline use.')\r\n\r\n              // Execute callback\r\n              if (config && config.onSuccess) {\r\n                config.onSuccess(registration)\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    })\r\n    .catch(error => {\r\n      console.error('Error during service worker registration:', error)\r\n    })\r\n}\r\n\r\nfunction checkValidServiceWorker(swUrl, config) {\r\n  // Check if the service worker can be found. If it can't reload the page.\r\n  fetch(swUrl)\r\n    .then(response => {\r\n      // Ensure service worker exists, and that we really are getting a JS file.\r\n      const contentType = response.headers.get('content-type')\r\n      if (\r\n        response.status === 404 ||\r\n        (contentType != null && contentType.indexOf('javascript') === -1)\r\n      ) {\r\n        // No service worker found. Probably a different app. Reload the page.\r\n        navigator.serviceWorker.ready.then(registration => {\r\n          registration.unregister().then(() => {\r\n            window.location.reload()\r\n          })\r\n        })\r\n      } else {\r\n        // Service worker found. Proceed as normal.\r\n        registerValidSW(swUrl, config)\r\n      }\r\n    })\r\n    .catch(() => {\r\n      console.log(\r\n        'No internet connection found. App is running in offline mode.'\r\n      )\r\n    })\r\n}\r\n\r\nexport function unregister() {\r\n  if ('serviceWorker' in navigator) {\r\n    navigator.serviceWorker.ready.then(registration => {\r\n      registration.unregister()\r\n    })\r\n  }\r\n}\r\n","import React from 'react'\r\nimport ReactDOM from 'react-dom'\r\nimport { App } from './App'\r\nimport './App.scss'\r\nimport './polyfill'\r\nimport { unregister } from './serviceWorker.js'\r\n\r\nReactDOM.render(<App />, document.getElementById('root'))\r\n\r\n// If you want your app to work offline and load faster, you can change\r\n// unregister() to register() below. Note this comes with some pitfalls.\r\n// Learn more about service workers: https://bit.ly/CRA-PWA\r\nunregister()\r\n","import PropTypes from 'prop-types'\r\nimport React from 'react'\r\n\r\nexport const Icon = ({ icon, ...props }) =>\r\n  ({\r\n    about: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          {...props}\r\n          d='M256,6C117.9,6,6,118,6,256c0,138.1,111.9,250,250,250s250-111.9,250-250C506,118,394.1,6,256,6z M256,116.9\r\n\tc23.4,0,42.3,19,42.3,42.3s-19,42.3-42.3,42.3s-42.3-19-42.3-42.3S232.6,116.9,256,116.9z M312.5,372.9c0,6.7-5.4,12.1-12.1,12.1\r\n\th-88.7c-6.7,0-12.1-5.4-12.1-12.1v-24.2c0-6.7,5.4-12.1,12.1-12.1h12.1v-64.5h-12.1c-6.7,0-12.1-5.4-12.1-12.1v-24.2\r\n\tc0-6.7,5.4-12.1,12.1-12.1h64.5c6.7,0,12.1,5.4,12.1,12.1v100.8h12.1c6.7,0,12.1,5.4,12.1,12.1V372.9z'\r\n        />\r\n      </svg>\r\n    ),\r\n    arrowBack: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 148 254' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          {...props}\r\n          d='M3.51,118.57,120.55,3.5a12,12,0,0,1,16.89,0l7.05,7a11.9,11.9,0,0,1,0,16.86L42.86,127,144.4,226.6a11.9,11.9,0,0,1,0,16.86l-7.05,7a12,12,0,0,1-16.89,0L3.42,135.43A12,12,0,0,1,3.51,118.57Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    checkCircle: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'\r\n        />\r\n      </svg>\r\n    ),\r\n    contentFilter: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          {...props}\r\n          d='M482.5,6H29.5C8.6,6-1.9,31.3,12.9,46l180.6,180.6v201.2c0,7.6,3.7,14.8,10,19.2l78.1,54.7\r\n\tc15.4,10.8,36.9-0.1,36.9-19.2V226.6L499.1,46C513.8,31.3,503.4,6,482.5,6z'\r\n        />\r\n      </svg>\r\n    ),\r\n    login: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          {...props}\r\n          d='M140,113.7l21.4-21.4c9.1-9.1,23.9-9.2,33.1-0.1l148.3,147.2c9.3,9.2,9.3,24.1,0,33.3L194.5,419.8\r\n\tc-9.2,9.1-23.9,9.1-33.1-0.1L140,398.3c-9.5-9.5-9.1-24.8,0.8-33.9l75.8-69.4H29.4C16.4,295,6,284.5,6,271.5v-31.3\r\n\tc0-13,10.4-23.4,23.4-23.4h187l-75.8-69.4C130.9,138.5,130.5,123.1,140,113.7L140,113.7z M506,349.8V162.3c0-51.8-42-93.8-93.8-93.8\r\n\th-82c-6.4,0-11.7,5.3-11.7,11.7v39.1c0,6.4,5.3,11.7,11.7,11.7h82c17.3,0,31.3,14,31.3,31.3v187.5c0,17.3-14,31.3-31.3,31.3h-82\r\n\tc-6.4,0-11.7,5.3-11.7,11.7v39.1c0,6.4,5.3,11.7,11.7,11.7h82C464,443.5,506,401.5,506,349.8z'\r\n        />\r\n      </svg>\r\n    ),\r\n    history: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          {...props}\r\n          d='M12.39,55.52H22.71A12.42,12.42,0,0,1,35.1,67.9v97.65A255.72,255.72,0,0,1,256.83,39c140.8.41,255.38,115.61,255.17,256.41C511.79,436.63,397.21,551,256,551A255.32,255.32,0,0,1,84.44,485a12.36,12.36,0,0,1-.52-18l7.33-7.33a12.46,12.46,0,0,1,17-.52A220,220,0,0,0,256,515.9c121.5,0,220.9-98.37,220.9-220.9,0-121.5-98.37-220.9-220.9-220.9A220.91,220.91,0,0,0,59.56,193.84H161a12.42,12.42,0,0,1,12.39,12.39v10.32A12.42,12.42,0,0,1,161,228.94H12.39A12.42,12.42,0,0,1,0,216.55V67.9A12.42,12.42,0,0,1,12.39,55.52Zm332,325.37,4.85-6.71a12.47,12.47,0,0,0-2.68-17.34l-74-53.68V150.48a12.42,12.42,0,0,0-12.39-12.39h-8.26a12.42,12.42,0,0,0-12.39,12.39V319.88l87.64,63.69a12.18,12.18,0,0,0,17.24-2.68Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    signUp: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#ccc'\r\n          {...props}\r\n          d='M493.5,218.5h-50v-50c0-6.9-5.6-12.5-12.5-12.5h-25c-6.9,0-12.5,5.6-12.5,12.5v50h-50\r\n\tc-6.9,0-12.5,5.6-12.5,12.5v25c0,6.9,5.6,12.5,12.5,12.5h50v50c0,6.9,5.6,12.5,12.5,12.5h25c6.9,0,12.5-5.6,12.5-12.5v-50h50\r\n\tc6.9,0,12.5-5.6,12.5-12.5v-25C506,224.1,500.4,218.5,493.5,218.5z M181,256c55.2,0,100-44.8,100-100S236.2,56,181,56\r\n\tS81,100.8,81,156S125.8,256,181,256z M251,281h-13c-17.3,8-36.6,12.5-57,12.5s-39.5-4.5-57-12.5h-13C53,281,6,328,6,386v32.5\r\n\tC6,439.2,22.8,456,43.5,456h275c20.7,0,37.5-16.8,37.5-37.5V386C356,328,309,281,251,281z'\r\n        />\r\n      </svg>\r\n    ),\r\n    tools: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          d='M501.1 395.7L384 278.6c-23.1-23.1-57.6-27.6-85.4-13.9L192 158.1V96L64 0 0 64l96 128h62.1l106.6 106.6c-13.6 27.8-9.2 62.3 13.9 85.4l117.1 117.1c14.6 14.6 38.2 14.6 52.7 0l52.7-52.7c14.5-14.6 14.5-38.2 0-52.7zM331.7 225c28.3 0 54.9 11 74.9 31l19.4 19.4c15.8-6.9 30.8-16.5 43.8-29.5 37.1-37.1 49.7-89.3 37.9-136.7-2.2-9-13.5-12.1-20.1-5.5l-74.4 74.4-67.9-11.3L334 98.9l74.4-74.4c6.6-6.6 3.4-17.9-5.7-20.2-47.4-11.7-99.6.9-136.6 37.9-28.5 28.5-41.9 66.1-41.2 103.6l82.1 82.1c8.1-1.9 16.5-2.9 24.7-2.9zm-103.9 82l-56.7-56.7L18.7 402.8c-25 25-25 65.5 0 90.5s65.5 25 90.5 0l123.6-123.6c-7.6-19.9-9.9-41.6-5-62.7zM64 472c-13.2 0-24-10.8-24-24 0-13.3 10.7-24 24-24s24 10.7 24 24c0 13.2-10.7 24-24 24z'\r\n        />\r\n      </svg>\r\n    ),\r\n    timesCircle: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm121.6 313.1c4.7 4.7 4.7 12.3 0 17L338 377.6c-4.7 4.7-12.3 4.7-17 0L256 312l-65.1 65.6c-4.7 4.7-12.3 4.7-17 0L134.4 338c-4.7-4.7-4.7-12.3 0-17l65.6-65-65.6-65.1c-4.7-4.7-4.7-12.3 0-17l39.6-39.6c4.7-4.7 12.3-4.7 17 0l65 65.7 65.1-65.6c4.7-4.7 12.3-4.7 17 0l39.6 39.6c4.7 4.7 4.7 12.3 0 17L312 256l65.6 65.1z'\r\n        />\r\n      </svg>\r\n    ),\r\n    times: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 254 254' {...props}>\r\n        <path\r\n          fill='#fff'\r\n          {...props}\r\n          d='M248.55,243.62a11.81,11.81,0,0,0,0-16.62L150.21,127,248.5,27a11.81,11.81,0,0,0,0-16.62l-6.89-6.94a11.71,11.71,0,0,0-16.56,0l0,0L127,103.47l-98-99.93a11.71,11.71,0,0,0-16.56,0l0,0L5.45,10.47a11.81,11.81,0,0,0,0,16.62L103.66,127,5.5,226.91a11.81,11.81,0,0,0,0,16.62l6.89,6.94,0,0a11.71,11.71,0,0,0,16.56,0l98-99.93,98.06,100,0,0a11.71,11.71,0,0,0,16.56,0Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    socialXP: (\r\n      <svg\r\n        id='Lager_1'\r\n        data-name='Lager 1'\r\n        xmlns='http://www.w3.org/2000/svg'\r\n        viewBox='0 0 607.85 607.85'\r\n        {...props}\r\n      >\r\n        <title>Social_XP_Logo</title>\r\n        <path\r\n          d='M469.54,223.23H352.26l-59,71.27H469.54c12.5,0,26.42,16,26.42,38.94S482,372.38,469.54,372.38H420.6l-58.06,71.27h107c53.87,0,97.69-49.44,97.69-110.21S523.41,223.23,469.54,223.23Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <polygon points='275.05 496.2 438.81 299.77 341.44 299.77 178.5 495.71 275.05 496.2' />\r\n        <polygon points='224.54 416.07 269.82 361.62 236.44 321.83 327.51 213.25 236.57 213.25 190.97 267.61 145.37 213.25 54.42 213.25 145.49 321.83 53.3 432.23 55.92 432.19 143.87 432.19 190.97 376.04 224.54 416.07' />\r\n        <path\r\n          d='M167.77,200.37c-9,10.76-19.22,14.74-31.68,14.74h-70L84,193.7h60.82l12.5-15H125.46c-15.64,0-13.87-6.44-7-14.63L141.08,137c9.27-11.12,19.57-15.33,32.17-15.33h60.86L216.24,143H164.52L152.6,157.31h31.58c13.29,0,15.62,4.68,6.24,15.91Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M256.16,200.37c-8.69,10.41-18.67,14.74-31.27,14.74H187.66c-11.91,0-15.55-4.09-6.67-14.74l53.31-63.89c8.3-9.95,18.77-14.86,31.36-14.86H302.9c12,0,15.45,4.21,6.56,14.86Zm-23-6.67,42.17-50.55H257.25L215.07,193.7Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M308.8,215.11H275.16c-12.6,0-15.64-4-6.66-14.74l53.31-63.89c9-10.77,18.76-14.86,31.36-14.86h33.64L368.94,143l-24.19.12L302.58,193.7h24.09Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M346.89,215.11H318.38l78-93.49H424.9Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M433.4,215.11H406L427,190H408.74l-21,25.16H359.23L424.45,137c9.27-11.12,19.71-15.33,32.31-15.33h54.65Zm11.28-46.34L466.16,143H447.89l-21.48,25.74Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n        <path\r\n          d='M529.22,215.11H444.61l78-93.49h28.51L491,193.7h56.09Z'\r\n          transform='translate(-12.69 -9.98)'\r\n        />\r\n      </svg>\r\n    ),\r\n    externalAlt: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\r\n        <path\r\n          {...props}\r\n          d='M326.83,47.61H488.2L464.46,23.86v161.4c0,12.41,10.92,24.34,23.74,23.74s23.74-10.45,23.74-23.74V23.86A24.09,24.09,0,0,0,488.2.12H326.83C314.43.12,302.5,11,303.09,23.86s10.39,23.74,23.74,23.74Z'\r\n        />\r\n        <path\r\n          {...props}\r\n          d='M237.21,308.5l26.65-26.65,64-64,77.39-77.41,66.89-66.9C483,62.69,494,52,504.64,41l.47-.47c8.78-8.79,9.44-24.93,0-33.6s-24.21-9.38-33.59,0L444.88,33.6l-64,64q-38.73,38.73-77.39,77.47L236.62,242c-10.86,10.86-21.84,21.55-32.52,32.53l-.47.47c-8.78,8.79-9.44,24.93,0,33.6s24.21,9.32,33.59-.06Z'\r\n        />\r\n        <path\r\n          {...props}\r\n          d='M464.52,292.18v138c0,7.42.59,15.2-.42,22.62.3-2.08.59-4.21.83-6.29a45.19,45.19,0,0,1-2.73,10c.77-1.9,1.6-3.8,2.37-5.7a45.41,45.41,0,0,1-5.46,9.44l3.74-4.81a46.72,46.72,0,0,1-7.66,7.66l4.81-3.74a43.92,43.92,0,0,1-9.44,5.46c1.9-.77,3.8-1.6,5.7-2.37a44.29,44.29,0,0,1-10,2.73c2.08-.3,4.21-.59,6.29-.83-4.87.65-9.91.42-14.84.42H110.5c-15.07,0-30.15.12-45.16,0a41.5,41.5,0,0,1-6.05-.42c2.08.3,4.21.59,6.29.83a45.17,45.17,0,0,1-10-2.73c1.9.77,3.8,1.6,5.7,2.37a45.4,45.4,0,0,1-9.44-5.46l4.81,3.74A46.72,46.72,0,0,1,49,455.42l3.74,4.81a43.93,43.93,0,0,1-5.46-9.44c.77,1.9,1.6,3.8,2.37,5.7a44.32,44.32,0,0,1-2.73-10c.3,2.08.59,4.21.83,6.29-.65-4.87-.42-9.91-.42-14.84V110.65c0-15.08-.12-30.16,0-45.17a41.53,41.53,0,0,1,.42-6.05c-.3,2.08-.59,4.21-.83,6.29a45.19,45.19,0,0,1,2.73-10c-.77,1.9-1.6,3.8-2.37,5.7A45.41,45.41,0,0,1,52.76,52L49,56.81a46.72,46.72,0,0,1,7.66-7.66l-4.81,3.74a43.92,43.92,0,0,1,9.44-5.46c-1.9.77-3.8,1.6-5.7,2.37a44.29,44.29,0,0,1,10-2.73c-2.08.3-4.21.59-6.29.83,6.29-.83,12.82-.42,19.11-.42H219.88c12.4,0,24.33-10.92,23.74-23.74S233.18,0,219.88,0H67.3C49.08,0,31.39,6.35,18.57,19.65A66.62,66.62,0,0,0,.06,66.07V426.28c0,11.22-.47,22.44,1.37,33.54,2.08,12.53,9.2,24.93,18.28,33.66a62.14,62.14,0,0,0,16,11.4,72.28,72.28,0,0,0,24.51,6.83,95.46,95.46,0,0,0,10.09.3h375.8c17.8-.06,35.67-7,47.89-20.18a63.19,63.19,0,0,0,11-15.73,73.35,73.35,0,0,0,6.71-24.16,66.07,66.07,0,0,0,.3-7.66V292.12c0-12.41-10.92-24.34-23.74-23.74s-23.74,10.45-23.74,23.8Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    dobleSquares: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\r\n        <path\r\n          {...props}\r\n          d='M464,0a48,48,0,0,1,48,48V336a48,48,0,0,1-48,48H176a48,48,0,0,1-48-48V48A48,48,0,0,1,176,0H464M176,416a80.09,80.09,0,0,1-80-80V128H48A48,48,0,0,0,0,176V464a48,48,0,0,0,48,48H336a48,48,0,0,0,48-48V416Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    search: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 590'>\r\n        <path\r\n          {...props}\r\n          d='M505,481.66,405.33,382a24,24,0,0,0-17-7H372a206.94,206.94,0,0,0,44-128c0-114.89-93.11-208-208-208S0,132.09,0,247,93.11,455,208,455a207,207,0,0,0,128-44v16.3a24,24,0,0,0,7,17L442.73,544a23.91,23.91,0,0,0,33.9,0l28.3-28.3A24.11,24.11,0,0,0,505,481.66ZM208,375A128,128,0,1,1,336,247,127.92,127.92,0,0,1,208,375Z'\r\n        />\r\n      </svg>\r\n    ),\r\n    pages: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 319.2 389.3'>\r\n        <path\r\n          fill='#808080'\r\n          {...props}\r\n          d='M247.8,65.6L191.6,9.4c-6-6-14.2-9.4-22.7-9.4H32.1C14.4,0.1,0,14.5,0,32.2v278.6C0,328.6,14.4,343,32.1,343\r\n\tH225c17.7,0,32.1-14.4,32.1-32.1V88.4C257.2,79.9,253.8,71.7,247.8,65.6z M232.6,80.8c1.4,1.4,2.3,3.1,2.8,5h-64v-64\r\n\tc1.9,0.5,3.5,1.4,5,2.8L232.6,80.8z M225,321.6H32.1c-5.9,0-10.7-4.8-10.7-10.7V32.2c0-5.9,4.8-10.7,10.7-10.7H150v69.7\r\n\tc0,8.9,7.2,16.1,16.1,16.1h69.7v203.6C235.8,316.7,230.9,321.6,225,321.6z'\r\n        />\r\n\r\n        <path\r\n          fill='#ffffff'\r\n          {...props}\r\n          d='M63.5,65.7v263.6l6.9,42.4l34.6,6.4l191.6-4.3l13.8-16.5L307.2,170v-51.1c0,0-33.5-35.1-36.2-37.3\r\n\t\ts-45.8-37.8-45.8-37.8l-141,5.3l-11.2,2.1L63.5,65.7z'\r\n        />\r\n\r\n        <path\r\n          fill='#808080'\r\n          {...props}\r\n          d='M309.5,104.4l-57.7-57.7c-6.2-6.2-14.6-9.7-23.3-9.7H88c-18.2,0.1-33,14.9-33,33.1v286.2c0,18.2,14.8,33,33,33\r\n\th198.1c18.2,0,33-14.8,33-33V127.8C319.2,119.1,315.7,110.6,309.5,104.4z M293.9,120c1.4,1.4,2.4,3.2,2.9,5.1h-65.7V59.4\r\n\tc1.9,0.5,3.6,1.4,5.1,2.9L293.9,120z M286.2,367.3H88c-6.1,0-11-5-11-11V70.1c0-6.1,5-11,11-11h121.1v71.6c0,9.2,7.4,16.5,16.5,16.5\r\n\th71.6v209.2C297.2,362.4,292.2,367.3,286.2,367.3z'\r\n        />\r\n      </svg>\r\n    ),\r\n    ellipsis: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'>\r\n        <path\r\n          fill='#404040'\r\n          {...props}\r\n          d='M328 256c0 39.8-32.2 72-72 72s-72-32.2-72-72 32.2-72 72-72 72 32.2 72 72zm104-72c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72zm-352 0c-39.8 0-72 32.2-72 72s32.2 72 72 72 72-32.2 72-72-32.2-72-72-72z'\r\n        />\r\n      </svg>\r\n    ),\r\n    share: (\r\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 227.216 227.216'>\r\n        <path\r\n          fill='#000000'\r\n          {...props}\r\n          d='M175.897,141.476c-13.249,0-25.11,6.044-32.98,15.518l-51.194-29.066c1.592-4.48,2.467-9.297,2.467-14.317\r\n          c0-5.019-0.875-9.836-2.467-14.316l51.19-29.073c7.869,9.477,19.732,15.523,32.982,15.523c23.634,0,42.862-19.235,42.862-42.879\r\n          C218.759,19.229,199.531,0,175.897,0C152.26,0,133.03,19.229,133.03,42.865c0,5.02,0.874,9.838,2.467,14.319L84.304,86.258\r\n          c-7.869-9.472-19.729-15.514-32.975-15.514c-23.64,0-42.873,19.229-42.873,42.866c0,23.636,19.233,42.865,42.873,42.865\r\n          c13.246,0,25.105-6.042,32.974-15.513l51.194,29.067c-1.593,4.481-2.468,9.3-2.468,14.321c0,23.636,19.23,42.865,42.867,42.865\r\n          c23.634,0,42.862-19.23,42.862-42.865C218.759,160.71,199.531,141.476,175.897,141.476z M175.897,15\r\n          c15.363,0,27.862,12.5,27.862,27.865c0,15.373-12.499,27.879-27.862,27.879c-15.366,0-27.867-12.506-27.867-27.879\r\n          C148.03,27.5,160.531,15,175.897,15z M51.33,141.476c-15.369,0-27.873-12.501-27.873-27.865c0-15.366,12.504-27.866,27.873-27.866\r\n          c15.363,0,27.861,12.5,27.861,27.866C79.191,128.975,66.692,141.476,51.33,141.476z M175.897,212.216\r\n          c-15.366,0-27.867-12.501-27.867-27.865c0-15.37,12.501-27.875,27.867-27.875c15.363,0,27.862,12.505,27.862,27.875\r\n          C203.759,199.715,191.26,212.216,175.897,212.216z'\r\n        />\r\n      </svg>\r\n    )\r\n  }[icon])\r\n\r\nIcon.propTypes = {\r\n  icon: PropTypes.string.isRequired\r\n}\r\n","/*\r\n  util/queries\r\n\r\n  To use with react-query, all queries should be wrapped by util/useAPI.\r\n  This way, context is injected. Also, queries are converted to thunks,\r\n  so they are passed without being fired at every render.\r\n*/\r\n\r\nimport _axios from 'axios'\r\nimport qs from 'qs'\r\nimport * as R from 'ramda'\r\nimport { useContext, useState } from 'react'\r\nimport { useInfiniteQuery } from 'react-query'\r\nimport { AppContext } from './contexts'\r\n\r\nconst url = process.env.REACT_APP_API_URL\r\n\r\n// Workaround for array URL parameters\r\nconst axios = _axios.create({\r\n  paramsSerializer: params => qs.stringify(params, { arrayFormat: 'repeat' })\r\n})\r\n\r\n//\r\n// API methods\r\n//\r\n\r\nexport const getDesignApp = ({ appShortName: pageHolderShortName }) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/Design`)\r\n\r\nexport const getNavigationItems = ({\r\n  appShortName: pageHolderShortName,\r\n  parentId\r\n}) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/ContentDividers`, {\r\n    params: { parentId }\r\n  })\r\n\r\nexport const getContentDividers = ({ appShortName: pageHolderShortName }) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/content-dividers`)\r\n\r\nexport const getSingleContentDivider = ({ contentDividerId }) =>\r\n  axios.get(`${url}/App/${contentDividerId}/ContentDivider`)\r\n\r\nexport const getDefaultView = ({ appShortName: pageHolderShortName }) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/default-view`)\r\n\r\nexport const getTags = () => axios.get(`${url}/App/Tags`)\r\n\r\nexport const getMainView = ({\r\n  appShortName: pageHolderShortName,\r\n  take,\r\n  endCursor,\r\n  query,\r\n  advancedQuery,\r\n  mediaTypeId,\r\n  sort,\r\n  customPageId,\r\n  shareCode\r\n}) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/main-view`, {\r\n    params: {\r\n      take,\r\n      endCursor,\r\n      query,\r\n      advancedQuery,\r\n      mediaTypeId,\r\n      sort,\r\n      customPageId,\r\n      shareCode\r\n    }\r\n  })\r\n\r\nexport const getCategories = () => axios.get(`${url}/App/Categories`)\r\n\r\nexport const getSharePost = ({ shareCode }) =>\r\n  axios.get(`${url}/App/share`, {\r\n    params: { shareCode }\r\n  })\r\n\r\nexport const getAbout = ({ appShortName: pageHolderShortName }) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/about`)\r\n\r\nexport const getAdvanceSearch = ({\r\n  appShortName: pageHolderShortName,\r\n  query\r\n}) =>\r\n  axios.get(`${url}/App/${pageHolderShortName}/advance-search`, {\r\n    params: { query }\r\n  })\r\n\r\n//\r\n// Queries\r\n//\r\n\r\nexport const useMainViewQuery = ({\r\n  take,\r\n  endCursor,\r\n  query,\r\n  advancedQuery,\r\n  mediaTypeId,\r\n  sort,\r\n  customPageId,\r\n  shareCode\r\n}) => {\r\n  const { appShortName } = useContext(AppContext)\r\n  const [dt, setdt] = useState([])\r\n\r\n  const retryDelay =\r\n    R.last(dt)?.data?.posts?.length === 0 && advancedQuery ? 30000 : false\r\n\r\n  return {\r\n    ...useInfiniteQuery(\r\n      [\r\n        'mainViewQuery',\r\n        {\r\n          appShortName,\r\n          take,\r\n          query,\r\n          endCursor,\r\n          advancedQuery,\r\n          mediaTypeId,\r\n          sort,\r\n          customPageId,\r\n          shareCode\r\n        }\r\n      ],\r\n      ({ pageParam = undefined }) => {\r\n        return getMainView({\r\n          appShortName,\r\n          take,\r\n          endCursor: pageParam,\r\n          query,\r\n          advancedQuery,\r\n          mediaTypeId,\r\n          sort,\r\n          customPageId,\r\n          shareCode\r\n        })\r\n      },\r\n      {\r\n        refetchOnReconnect: false,\r\n        refetchOnMount: false,\r\n        refetchIntervalInBackground: false,\r\n        refetchOnWindowFocus: false,\r\n        structuralSharing: false,\r\n        select: data => data?.pages,\r\n        onSuccess: data => setdt(data),\r\n        getNextPageParam: (lastPage, pages) => lastPage.data.endCursor,\r\n        staleTime: retryDelay,\r\n        refetchInterval: retryDelay\r\n      }\r\n    )\r\n  }\r\n}\r\n","export const size = {\r\n  mobileS: '320px',\r\n  mobileM: '375px',\r\n  mobileL: '425px',\r\n  tablet: '768px',\r\n  laptop: '1024px',\r\n  laptopL: '1440px',\r\n  desktop: '2560px'\r\n}\r\n\r\nexport const device = {\r\n  mobileS: `(min-width: ${size.mobileS})`,\r\n  mobileM: `(min-width: ${size.mobileM})`,\r\n  mobileL: `(min-width: ${size.mobileL})`,\r\n  tablet: `(min-width: ${size.tablet})`,\r\n  laptop: `(min-width: ${size.laptop})`,\r\n  laptopL: `(min-width: ${size.laptopL})`,\r\n  desktop: `(min-width: ${size.desktop})`,\r\n  desktopL: `(min-width: ${size.desktop})`\r\n}\r\n\r\nexport const isSafari = navigator.userAgent.toLowerCase().indexOf('safari')\r\nexport const isSafariMobile = isSafari === 127\r\n","module.exports = __webpack_public_path__ + \"static/media/logo.b32f6712.svg\";","import { useContext } from 'react'\r\nimport { useQuery } from 'react-query'\r\nimport { AppContext } from 'util/contexts'\r\n\r\nexport const useAPI = (key, fetch, params = {}, config = {}) => {\r\n  const { appShortName } = useContext(AppContext)\r\n  return useQuery(\r\n    key && [appShortName, ...key],\r\n    () => fetch({ appShortName, ...params }),\r\n    config\r\n  )\r\n}\r\n"],"sourceRoot":""}