{"version":3,"file":"static/js/70.1b7c7db4.chunk.js","mappings":"gwwBACA,EAAgC,gCAAhC,EAA2E,2BAA3E,EAAqH,+BAArH,EAAwK,oCAAxK,EAA+N,mCAA/N,EAAqR,mCAArR,EAAsU,8B,iDCUhUA,EAAU,SAACC,GACb,IAAMC,GAAWC,EAAAA,EAAAA,MACbC,EAAU,CACdC,cAAeC,EACfC,MAAM,GAGAC,GAASC,EAAAA,EAAAA,WAAUL,GAAnBI,KAMR,OACEE,EAAAA,EAAAA,MAACC,EAAAA,EAAG,CAAAC,SAAA,EACFF,EAAAA,EAAAA,MAACG,EAAAA,EAAI,CAACC,UAAWC,EAAqBH,SAAA,EACpCI,EAAAA,EAAAA,KAAA,OAAKF,UAAWC,EAAqBE,I,icAAcC,IAAI,aACvDF,EAAAA,EAAAA,KAACG,EAAAA,EAAU,CAACL,WAAWM,EAAAA,EAAAA,GAAKL,EAAiBM,EAAAA,EAAaC,cAAcV,SAAC,qCAE3EI,EAAAA,EAAAA,KAACH,EAAAA,EAAI,CAACC,UAAWC,EAAyBH,SAAEJ,KAC5CE,EAAAA,EAAAA,MAACG,EAAAA,EAAI,CAACC,UAAWC,EAAwBH,SAAA,EACvCI,EAAAA,EAAAA,KAACG,EAAAA,EAAU,CAACL,WAAWM,EAAAA,EAAAA,GAAKC,EAAAA,EAAaE,SAAUR,GAAyBH,SAAC,oBAC7EI,EAAAA,EAAAA,KAACG,EAAAA,EAAU,CAACK,QAbW,WAC3BtB,EAAS,IAAMuB,EAAAA,GAAgB,IAAMC,EAAAA,GAAIC,eAC3C,EAWiDb,WAAWM,EAAAA,EAAAA,GAAKC,EAAAA,EAAaO,WAAYb,GAAoBH,SAAC,4CAIjH,EAEA,EAAeiB,EAAAA,KAAW7B,E,oBCtC1B,KAAgB,aAAe,6BAA6B,WAAa,2BAA2B,SAAW,yBAAyB,YAAc,4BAA4B,iBAAmB,iCAAiC,WAAa,2BAA2B,WAAa,2B","sources":["webpack://my-app/./src/pages/404/404Page.module.scss?4742","pages/404/index.jsx","webpack://my-app/./src/global.module.scss?254d"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"Header404Page\":\"_404Page_Header404Page__aZn9q\",\"OopsText\":\"_404Page_OopsText__vdL2q\",\"ImageWarning\":\"_404Page_ImageWarning__laO3a\",\"AnimationNotFound\":\"_404Page_AnimationNotFound__Kr1GK\",\"CardTextNotFound\":\"_404Page_CardTextNotFound__Zup0f\",\"DataNotFoundText\":\"_404Page_DataNotFoundText__XiMWJ\",\"RefreshText\":\"_404Page_RefreshText__G5xmx\"};","import React from \"react\";\nimport { Box, Typography, Card } from \"@mui/material\";\nimport { useLottie } from \"lottie-react\";\nimport AnimationNotFound from \"../../assets/animation.json\";\nimport warning from \"../../assets/warning.png\";\nimport Styles from \"./404Page.module.scss\";\nimport GlobalStyles from \"../../global.module.scss\";\nimport clsx from 'clsx';\nimport { URL, TOKEN_ACCOUNT } from \"../../utils/constants\";\nimport { useNavigate } from \"react-router-dom\";\n\nconst Page404 = (props) => {\n    const navigate = useNavigate();\n  const options = {\n    animationData: AnimationNotFound,\n    loop: true,\n  };\n\n  const { View } = useLottie(options);\n\n  const handleReturnShopPage = () => {\n    navigate(\"/\" + TOKEN_ACCOUNT + \"/\" + URL.SELECT_SERVICE);\n  }\n\n  return (\n    <Box>\n      <Card className={Styles.Header404Page}>\n        <img className={Styles.ImageWarning} src={warning} alt=\"warning\" />\n        <Typography className={clsx(Styles.OopsText, GlobalStyles.fontSemiBold)}>Oops, 404 error has occurred</Typography>\n        </Card>\n      <Card className={Styles.AnimationNotFound}>{View}</Card>\n      <Card className={Styles.CardTextNotFound}>\n        <Typography className={clsx(GlobalStyles.fontBold, Styles.DataNotFoundText)}>Data Not Found</Typography>\n        <Typography onClick={handleReturnShopPage} className={clsx(GlobalStyles.fontMedium, Styles.RefreshText)}>Click here to return the shop page</Typography>\n      </Card>\n    </Box>\n  );\n};\n\nexport default React.memo(Page404);\n","// extracted by mini-css-extract-plugin\nexport default {\"fontSemiBold\":\"global_fontSemiBold__uERPi\",\"fontMedium\":\"global_fontMedium__g13VE\",\"fontBold\":\"global_fontBold__wtw0u\",\"fontRegular\":\"global_fontRegular__S6Gms\",\"boxLoadingStyles\":\"global_boxLoadingStyles__kutRn\",\"floatRight\":\"global_floatRight__nugHd\",\"greenColor\":\"global_greenColor__L267A\"};"],"names":["Page404","props","navigate","useNavigate","options","animationData","AnimationNotFound","loop","View","useLottie","_jsxs","Box","children","Card","className","Styles","_jsx","src","alt","Typography","clsx","GlobalStyles","fontSemiBold","fontBold","onClick","TOKEN_ACCOUNT","URL","SELECT_SERVICE","fontMedium","React"],"sourceRoot":""}