{"version":3,"sources":["pages/Terms/Terms.tsx","components/Form/InputField/InputField.tsx","assets/img/arab.png","assets/img/drop.png","assets/img/alain_back_group_2.png","assets/img/lain-logo.png","assets/img/powered.png","assets/img/lain-logo-ab.png","assets/img/powered-ab.png","components/Country/Country.tsx","assets/img/FORM_TOP_NEW_IMAGE_.png","assets/img/sand.png","assets/img/alain_back_group_.png","assets/img/ball.png","components/UserDetail/UserDetail.tsx","assets/img/prize_count.png","components/PrizeModal/PrizeModal.tsx","assets/img/new_new_white_boundary_centered.png","components/PrizeWheel/countryPrizes.ts","components/PrizeWheel/PrizeWheel.tsx","utils/api/haribo.ts","pages/Landing/Landing.tsx","App.tsx","reportWebVitals.ts","styles/theme/theme.ts","fonts/Cunia/Cunia.otf","index.tsx","utils/locals/englishTranslation.ts","utils/locals/arabicTranslation.ts"],"names":["useStyles","makeStyles","theme","frame","width","height","border","TermsPage","classes","country","useParams","style","backgroundColor","className","src","uploadFile","margin","palette","secondary","dark","InputField","props","textFieldProps","TextField","InputProps","borderRadius","header","position","display","justifyContent","alignItems","body","flex","backgroundImage","backgroundRepeat","backgroundPosition","backgroundSize","formContainer","flexGrow","breakpoints","up","headerImage","down","countryItems","textAlign","maxWidth","opacity","webkitTransition","transition","cursor","Country","useTranslation","t","i18n","handleClick","Box","padding","language","hBG2","hBG3","powered","powered_ab","paddingBottom","vacationAlain","marginBottom","Typography","color","component","variant","Grid","container","item","xs","sm","md","lg","xl","arab","onClick","formHeading","background","primary","top","bottom","left","form","zIndex","light","userItems","animatedImg","animationName","animationTimingFunction","animationIterationCount","animationDuration","animationDirection","link","main","formHeadingContainer","borderTopLeftRadius","borderTopRightRadius","sandImage","sand","marginTop","hatImage","right","cameraImage","bagImage","marginLeft","formHeaderImage","contact","fontSize","CircularProgressWithLabel","sx","CircularProgress","Math","round","value","UserDetail","formik","progress","goBack","useTheme","cities","countryToCities","values","_retailers","retailers","hBG","onSubmit","handleSubmit","label","name","fullWidth","required","onChange","handleChange","email","type","mobileNumber","startAdornment","InputAdornment","flag","code","Select","city","displayEmpty","MenuItem","disabled","map","index","retailer","toLocaleLowerCase","retailerOther","productFile","endAdornment","htmlFor","id","accept","event","setFieldValue","currentTarget","files","Button","error","touched","file","Boolean","errors","helperText","receiptFile","numberOfPurchases","Array","from","length","_","i","FormControlLabel","control","Checkbox","to","target","isSubmitting","href","ball","PrizeModal","open","handleClose","prizeTitle","tries","setTimeout","Dialog","onClose","aria-labelledby","aria-describedby","disableBackdropClick","DialogTitle","DialogContent","DialogContentText","DialogActions","countryPrizes","UAE","fillStyle","text","textFillStyle","strokeStyle","PrizeWheel","submitForm","useState","count","setCount","getPrize","useRef","prizes","shouldNotSpin","setShouldNotSpin","firstTime","setFirstTime","setToggle","useMeasure","ref","currentPrize","setCurrentPrize","setOpen","isBigScreen","useMediaQuery","prizeList","A","B","C","D","E","F","getRandomSegmentNumber","segmentClass","arr","floor","random","wheelSpinning","startSpin","theWheel","animation","spins","stopAt","getRandomForSegment","current","stopAngle","startAnimation","Winwheel","numSegments","outerRadius","textFontSize","lineWidth","textFontFamily","innerRadius","segments","duration","callbackFinished","indicatedSegment","shouldSubmit","useEffect","resetForm","winner","stopAnimation","rotationAngle","draw","lainlogo","alt","paddingLeft","wheelBoundary","paddingTop","url","getPresignedUrl","axios","get","parent","flexDirection","footer","footerUnderline","languageSelect","addUserSchema","Yup","shape","matches","LandingPage","activeStep","setActiveStep","setProgress","React","setSubmittingStatus","a","payload","config","onUploadProgress","progressEvent","totalLength","lengthComputable","total","getResponseHeader","loaded","signedUrlResp","presignedUrl","data","put","headers","product","split","signedUrlRespReceipt","receiptSignedUrl","receipt","purchases","post","resp","status","statusCode","toast","message","console","useFormik","initialValues","params","validationSchema","enableReinitialize","document","getElementById","scrollTo","steps","icon","Container","i18","changeLanguage","autoFocus","Backdrop","drawer","App","path","exact","reportWebVitals","onPerfEntry","Function","then","getCLS","getFID","getFCP","getLCP","getTTFB","appTheme","createMuiTheme","typography","fontFamily","h1","h2","h3","h4","subtitle1","subtitle2","caption","overrides","MuiCssBaseline","html","MuiButton","root","textTransform","containedPrimary","MuiTextField","MuiFormLabel","MuiInputLabel","fontWeight","MuiFormHelperText","MuiInputBase","MuiFilledInput","adornedEnd","paddingRight","underline","borderBottom","MuiOutlinedInput","notchedOutline","use","initReactI18next","init","resources","en","translation","selectCountry","egypt","sa","oman","uae","kuwait","qatar","bahrain","privacy","terms","website","formHeading2","submit","emirate","queries","copyrights","ab","lng","fallbackLng","interpolation","escapeValue","ReactDOM","render","StrictMode","ThemeProvider","CssBaseline"],"mappings":"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","file":"static/js/main.058c90b1.chunk.js","sourcesContent":["import React from 'react';\r\nimport { makeStyles } from '@material-ui/core';\r\nimport { useParams } from 'react-router-dom';\r\nconst useStyles = makeStyles((theme) => ({\r\n  frame: {\r\n    width: '100%',\r\n    height: '99%',\r\n    border: 'none',\r\n  },\r\n}));\r\n\r\nexport const TermsPage = () => {\r\n  const classes = useStyles();\r\n  const { country } = useParams<any>();\r\n  return (\r\n    <div style={{\r\n      backgroundColor:'white',\r\n      height:'100%'\r\n    }} >\r\n      <iframe className={classes.frame} src={`./${country}.html`} />\r\n    </div>\r\n  );\r\n};\r\n","import React from 'react';\r\nimport { makeStyles, TextField, TextFieldProps } from '@material-ui/core';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  uploadFile: {\r\n    margin: '0.5rem 0',\r\n    '& .MuiButtonBase-root': {\r\n      backgroundColor: theme.palette.secondary.dark,\r\n    },\r\n  },\r\n}));\r\n\r\ninterface IProps {\r\n  textFieldProps: TextFieldProps;\r\n}\r\n\r\nexport const InputField = (props: IProps) => {\r\n  const { textFieldProps } = props;\r\n  const classes = useStyles();\r\n  return (\r\n    <>\r\n      <TextField\r\n        className={classes.uploadFile}\r\n        {...textFieldProps}\r\n        InputProps={{\r\n          ...textFieldProps.InputProps,\r\n          style: {\r\n            borderRadius: '0',\r\n           \r\n          },\r\n        }}\r\n      />\r\n    </>\r\n  );\r\n};\r\n","export default __webpack_public_path__ + \"static/media/arab.1d9b4ed1.png\";","export default __webpack_public_path__ + \"static/media/drop.2842d939.png\";","export default __webpack_public_path__ + \"static/media/alain_back_group_2.90806e56.png\";","export default __webpack_public_path__ + \"static/media/lain-logo.ff50c2ad.png\";","export default __webpack_public_path__ + \"static/media/powered.9d5d8b6b.png\";","export default __webpack_public_path__ + \"static/media/lain-logo-ab.f8d4d32e.png\";","export default __webpack_public_path__ + \"static/media/powered-ab.ae3ae1b4.png\";","import React from 'react';\r\nimport { Typography, Grid, Box } from '@material-ui/core';\r\nimport { makeStyles } from '@material-ui/core/styles';\r\nimport arab from '../../assets/img/arab.png';\r\nimport oman from '../../assets/img/oman.png';\r\nimport kuwait from '../../assets/img/kuwait.png';\r\nimport qatar from '../../assets/img/qatar.png';\r\nimport sa from '../../assets/img/sa.png';\r\nimport bahrain from '../../assets/img/bahrain.png';\r\nimport hBG from '../../assets/pringles/header.png';\r\nimport i18 from 'i18next';\r\nimport { useTranslation } from 'react-i18next';\r\nimport vacationAlain from '../../assets/img/drop.png';\r\nimport backgroundImage from '../../assets/img/alain_back_group_2.png';\r\nimport hBG2 from '../../assets/img/lain-logo.png';\r\nimport powered from '../../assets/img/powered.png';\r\nimport hBG3 from '../../assets/img/lain-logo-ab.png';\r\nimport powered_ab from '../../assets/img/powered-ab.png';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  header: {\r\n    position: 'relative',\r\n    display: 'flex',\r\n    justifyContent: 'center',\r\n    alignItems: 'center',\r\n  },\r\n  body: {\r\n    flex: 1,\r\n    backgroundImage: `url(${backgroundImage})`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center center',\r\n    backgroundSize: 'cover',\r\n  },\r\n  formContainer: {\r\n    flexGrow: 1,\r\n    [theme.breakpoints.up('lg')]: {},\r\n  },\r\n    headerImage:{\r\n        width: '14rem',\r\n        [theme.breakpoints.down('md')]: {\r\n            width: '12rem',\r\n        },\r\n        [theme.breakpoints.down('xs')]: {\r\n            width: '10rem',\r\n        },\r\n    },\r\n  countryItems: {\r\n    textAlign: 'center',\r\n    '& img': {\r\n      height: 'auto',\r\n      maxWidth: '100%',\r\n      opacity: '1',\r\n      webkitTransition: '.3s ease-in-out',\r\n      transition: '.3s ease-in-out',\r\n      '&:hover': {\r\n        cursor: 'pointer',\r\n        opacity: '.5',\r\n      },\r\n    },\r\n  },\r\n}));\r\ninterface IProps {\r\n  handleClick: (name: string, code: string, icon: any) => void;\r\n}\r\nexport const Country = (props: IProps) => {\r\n  const classes = useStyles();\r\n  const { t,i18n } = useTranslation();\r\n  const { handleClick } = props;\r\n  return (\r\n    <div className={classes.body}>\r\n      <Box\r\n        style={{\r\n          padding: '0.5rem 0rem 0.5rem 0.5rem',\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n        }}\r\n      >\r\n        <img src={i18n.language==='en'?hBG2:hBG3} className={classes.headerImage} />\r\n        <img src={i18n.language==='en'?powered:powered_ab} className={classes.headerImage} style={{ paddingBottom: '3rem' }} />\r\n      </Box>\r\n      <div className={classes.header}>\r\n        <img src={vacationAlain} style={{ height: '38rem',marginBottom:\"2rem\" }} />\r\n      </div>\r\n      <Typography style={{ textAlign: 'center', color: 'white' }} component={'p'} variant={'h2'}>\r\n        {t('selectCountry')}\r\n      </Typography>\r\n      <Grid\r\n        container\r\n        className={classes.formContainer}\r\n        justifyContent={'center'}\r\n        alignItems={'center'}\r\n      >\r\n        <Grid className={classes.countryItems} item xs={12} sm={6} md={4} lg={4} xl={4}>\r\n          <img\r\n            src={arab}\r\n            style={{ height: '9rem' }}\r\n            onClick={() => handleClick('UAE', '+971', arab)}\r\n          />\r\n          <Typography component={'p'} variant={'subtitle1'}>\r\n            {t('uae')}\r\n          </Typography>\r\n        </Grid>\r\n        {/* <Grid className={classes.countryItems} item xs={12} sm={6} md={4} lg={4} xl={4}>\r\n            <img src={sa} onClick={() => handleClick('Saudi', '+966', sa)} />\r\n            <Typography component={'p'} variant={'subtitle1'}>\r\n              {t('sa')}\r\n            </Typography>\r\n          </Grid> */}\r\n        {/* <Grid className={classes.countryItems} item xs={12} sm={6} md={4} lg={4} xl={4}>\r\n            <img src={oman} onClick={() => handleClick('Oman', '+968', oman)} />\r\n            <Typography component={'p'} variant={'subtitle1'}>\r\n              {t('oman')}\r\n            </Typography>\r\n          </Grid> */}\r\n        {/*<Grid className={classes.countryItems} item xs={12} sm={6} md={4} lg={4} xl={4}>*/}\r\n        {/*  <img*/}\r\n        {/*    src={kuwait}*/}\r\n        {/*    style={{*/}\r\n        {/*      height: '9.2rem',*/}\r\n        {/*    }}*/}\r\n        {/*    onClick={() => handleClick('Kuwait', '+965', kuwait)}*/}\r\n        {/*  />*/}\r\n        {/*  <Typography component={'p'} variant={'subtitle1'} style={{*/}\r\n        {/*    marginTop:'-0.5rem'*/}\r\n        {/*  }} >*/}\r\n        {/*    {t('kuwait')}*/}\r\n        {/*  </Typography>*/}\r\n        {/*</Grid>*/}\r\n        {/* <Grid className={classes.countryItems} item xs={12} sm={6} md={4} lg={4} xl={4}>\r\n            <img src={qatar} onClick={() => handleClick('Qatar', '+974', qatar)} />\r\n            <Typography component={'p'} variant={'subtitle1'}>\r\n              {t('qatar')}\r\n            </Typography>\r\n          </Grid> */}\r\n        {/*<Grid className={classes.countryItems} item xs={12} sm={6} md={4} lg={4} xl={4}>*/}\r\n        {/*    <img */}\r\n        {/*      src={bahrain}*/}\r\n        {/*      style={{ height: '8.8rem' }}*/}\r\n        {/*      onClick={() => handleClick('Bahrain', '+973', bahrain)} */}\r\n        {/*    />*/}\r\n        {/*    <Typography component={'p'} variant={'subtitle1'} style={{*/}\r\n        {/*      marginTop:'-0.45rem'*/}\r\n        {/*    }} >*/}\r\n        {/*      {t('bahrain')}*/}\r\n        {/*    </Typography>*/}\r\n        {/*  </Grid>*/}\r\n      </Grid>\r\n    </div>\r\n  );\r\n};\r\n","export default __webpack_public_path__ + \"static/media/FORM_TOP_NEW_IMAGE_.59f759ec.png\";","export default __webpack_public_path__ + \"static/media/sand.d7b9a806.png\";","export default __webpack_public_path__ + \"static/media/alain_back_group_.70965b62.png\";","export default __webpack_public_path__ + \"static/media/ball.0dc8769a.png\";","import React, { useEffect, useMemo } from 'react';\r\nimport { Link } from 'react-router-dom';\r\nimport {\r\n  Button,\r\n  Grid,\r\n  makeStyles,\r\n  Typography,\r\n  Checkbox,\r\n  FormControlLabel,\r\n  Link as MLink,\r\n  MenuItem,\r\n  Select,\r\n  InputAdornment,\r\n  CircularProgress,\r\n  CircularProgressProps,\r\n  Box,\r\n  styled,\r\n  useTheme,\r\n} from '@material-ui/core';\r\nimport { InputField } from '../Form';\r\nimport hBG from '../../assets/img/FORM_TOP_NEW_IMAGE_.png';\r\nimport hBG2 from '../../assets/img/lain-logo.png';\r\nimport { useTranslation } from 'react-i18next';\r\nimport countryToCities from '../../assets/others/countryToCities.json';\r\nimport retailers from '../../assets/others/retailers.json';\r\nimport i18 from 'i18next';\r\nimport sand from '../../assets/img/sand.png';\r\nimport camera from '../../assets/img/camera.png';\r\nimport onlyHat from '../../assets/img/only-hat.png';\r\nimport bag from '../../assets/img/Travel_Bag_1.png';\r\nimport backgroundImage from '../../assets/img/alain_back_group_.png';\r\nimport powered from '../../assets/img/powered.png';\r\nimport hBG3 from '../../assets/img/lain-logo-ab.png';\r\nimport powered_ab from '../../assets/img/powered-ab.png';\r\nimport ball from '../../assets/img/ball.png';\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  body: {\r\n    backgroundImage: `url(${backgroundImage})`,\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center center',\r\n    backgroundSize: 'cover',\r\n  },\r\n\r\n  formContainer: {\r\n    padding: '0 4rem 14rem 4rem',\r\n    [theme.breakpoints.down('sm')]: {\r\n      padding: '0 4rem 0 4rem',\r\n    },\r\n    [theme.breakpoints.down('xs')]: {\r\n      padding: '0 0 0 0',\r\n    },\r\n  },\r\n  formHeading: {\r\n    textAlign: 'center',\r\n    background: theme.palette.primary.dark,\r\n    padding: '2rem',\r\n    position: 'relative',\r\n    '& img': {\r\n      position: 'absolute',\r\n      maxWidth: '2rem',\r\n      top: 0,\r\n      bottom: 0,\r\n      margin: 'auto',\r\n      left: '2rem',\r\n      cursor: 'pointer',\r\n    },\r\n  },\r\n  form: {\r\n    zIndex: 1,\r\n    padding: '1rem 4rem 4rem 4rem',\r\n    [theme.breakpoints.down('xs')]: {\r\n          padding: '1rem 2rem 4rem 2rem',\r\n    },\r\n    backgroundColor: theme.palette.primary.light,\r\n  },\r\n  userItems: {\r\n    background: theme.palette.primary.light,\r\n  },\r\n  animatedImg: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    left: 0,\r\n    animationName: 'cf3FadeInOut',\r\n    animationTimingFunction: 'ease-in-out',\r\n    animationIterationCount: 'infinite',\r\n    animationDuration: '5s',\r\n    animationDirection: 'alternate',\r\n  },\r\n  link: {\r\n    color: theme.palette.secondary.main,\r\n  },\r\n  formHeadingContainer: {\r\n    backgroundColor: theme.palette.secondary.light,\r\n    padding: '1.5rem 3rem',\r\n    textAlign: 'center',\r\n    borderTopLeftRadius: '0.5rem',\r\n    borderTopRightRadius: '0.5rem',\r\n    position: 'relative',\r\n    // '&::after': {\r\n    //   content: '\"\"',\r\n    //   position: 'absolute',\r\n    //   // margin: '-20px',\r\n    //   width: '100%',\r\n    //   height: '1rem',\r\n    //   marginTop: '0.8rem',\r\n    //   // transform: 'rotate(45deg)',\r\n    //   backgroundColor: '#fff',\r\n    //   left: 0,\r\n    //   borderRadius: '70% 70% 0% 0%',\r\n    //   backgroundImage: 'linear-gradient(to right, darkgrey 0%, #fff 10% 95%, darkgrey 100% 100%)',\r\n    // },\r\n  },\r\n  sandImage: {\r\n    backgroundImage: `url(${sand})`,\r\n    height: '7rem',\r\n    width: '100%',\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center center',\r\n    backgroundSize: 'cover',\r\n    position: 'absolute',\r\n    [theme.breakpoints.down('sm')]: {\r\n      marginTop: '-2rem',\r\n      height: '9rem',\r\n    },\r\n  },\r\n  hatImage: {\r\n    // width:'100%',\r\n    width: '12rem',\r\n    position:'absolute',\r\n    bottom:'-2%',\r\n    right:'-15%',\r\n    display:'block',\r\n    [theme.breakpoints.down('sm')]: {\r\n      display: 'none'\r\n    },\r\n  },\r\n  cameraImage: {\r\n    // width:'100%',\r\n    height: '7rem',\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center center',\r\n    backgroundSize: 'cover',\r\n    position: 'absolute',\r\n    left: '15%',\r\n    marginTop: '-2rem',\r\n    zIndex: 6,\r\n    [theme.breakpoints.down('lg')]: {\r\n      height: '8rem',\r\n      marginTop: '-3rem',\r\n      left: '14%',\r\n      // height:'9rem'\r\n      // width:'75%'\r\n    },\r\n    [theme.breakpoints.down('md')]: {\r\n      height: '8rem',\r\n      marginTop: '-3rem',\r\n      left: '1%',\r\n      // height:'9rem'\r\n      // width:'75%'\r\n    },\r\n    [theme.breakpoints.down('sm')]: {\r\n      marginTop: '-2rem',\r\n      left: '1%',\r\n      height: '6rem',\r\n      // height:'9rem'\r\n    },\r\n  },\r\n  bagImage: {\r\n    // width:'100%',\r\n    // height: '10rem',\r\n    backgroundRepeat: 'no-repeat',\r\n    backgroundPosition: 'center center',\r\n    backgroundSize: 'cover',\r\n    position: 'absolute',\r\n    left: '0%',\r\n    zIndex: 5,\r\n    marginLeft: '-8rem',\r\n    height: '20rem',\r\n    top: '70%',\r\n    // [theme.breakpoints.up('sm')]: {\r\n    //   marginLeft: '-8rem',\r\n    //   // left: '14.25%',\r\n    //   height: '20rem',\r\n    //   // height:'9rem'\r\n    //   // width:'75%'\r\n    // },\r\n\r\n    // [theme.breakpoints.down('lg')]: {\r\n    //   marginTop: '-20rem',\r\n    //   left: '0%',\r\n    //   height: '20rem',\r\n    //   // height:'9rem'\r\n    // },\r\n    // [theme.breakpoints.down('md')]: {\r\n    //   marginTop: '-20rem',\r\n    //   left: '2%',\r\n    //   height: '20rem',\r\n    //   // height:'9rem'\r\n    // },\r\n    // [theme.breakpoints.down('sm')]: {\r\n    //   marginTop: '-20rem',\r\n    //   left: '-6%',\r\n    //   height: '20rem',\r\n    //   // height:'9rem'\r\n    // },\r\n    // [theme.breakpoints.down('xs')]: {\r\n    //   marginTop: '-20rem',\r\n    //   left: '-18.5%',\r\n    //   height: '20rem',\r\n    //   // height:'9rem'\r\n    // },\r\n  },\r\n  headerImage:{\r\n      width: '14rem',\r\n      [theme.breakpoints.down('md')]: {\r\n          width: '12rem',\r\n      },\r\n      [theme.breakpoints.down('xs')]: {\r\n          width: '10rem',\r\n      },\r\n  },\r\n  formHeaderImage: {\r\n    width: '50%',\r\n    marginBottom: '-1.50rem',\r\n    [theme.breakpoints.down('md')]: {\r\n          width: '75%',\r\n    },\r\n    [theme.breakpoints.down('xs')]: {\r\n      width: '100%',\r\n    },\r\n  },\r\n  contact: {\r\n    [theme.breakpoints.down('xs')]: {\r\n      fontSize: '0.7rem',\r\n    },\r\n  },\r\n}));\r\ninterface IUProps {\r\n  formik: any;\r\n  progress: number;\r\n  goBack: () => void;\r\n}\r\nconst CircularProgressWithLabel = (props: CircularProgressProps & { value: number }) => {\r\n  return (\r\n    <Box sx={{ position: 'relative', display: 'inline-flex' }}>\r\n      <CircularProgress variant=\"determinate\" {...props} />\r\n      <Box\r\n        sx={{\r\n          top: 0,\r\n          left: 0,\r\n          bottom: 0,\r\n          right: 0,\r\n          position: 'absolute',\r\n          display: 'flex',\r\n          alignItems: 'center',\r\n          justifyContent: 'center',\r\n        }}\r\n      >\r\n        <Typography variant=\"caption\" component=\"div\">{`${Math.round(props.value)}%`}</Typography>\r\n      </Box>\r\n    </Box>\r\n  );\r\n};\r\n\r\nexport const UserDetail = (props: IUProps) => {\r\n  const { formik, progress, goBack } = props;\r\n  const classes = useStyles();\r\n  const theme = useTheme();\r\n  // useEffect(() => {\r\n  //   return () => {\r\n  //     formik.resetForm();\r\n  //   };\r\n  // }, []);\r\n  const { t,i18n } = useTranslation();\r\n  const cities: Array<string> = (countryToCities as any)[formik.values.country] || [];\r\n  const _retailers: Array<string> = (retailers as any)['retailer'][formik.values.country] || [];\r\n  return (\r\n    <div className={classes.body}>\r\n      <Box\r\n        style={{\r\n          padding: '0.5rem 0rem 0.5rem 0.5rem',\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n        }}\r\n      >\r\n        <img className={classes.headerImage} src={i18n.language==='en'?hBG2:hBG3}/>\r\n        <img className={classes.headerImage} src={i18n.language==='en'?powered:powered_ab} style={{paddingBottom: '2rem' }} />\r\n      </Box>\r\n      <Box\r\n        sx={{\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          alignItems: 'flex-end',\r\n        }}\r\n      >\r\n        <img src={hBG} className={classes.formHeaderImage} />\r\n      </Box>\r\n      {/* <div>Alain travel image goes here</div> */}\r\n      <Grid container className={classes.formContainer} justifyContent={'center'}>\r\n        <Grid\r\n          item\r\n          xs={12}\r\n          sm={12}\r\n          md={10}\r\n          lg={7}\r\n          xl={7}\r\n          style={{\r\n            margin: '0 -0.2rem',\r\n          }}\r\n        >\r\n          <Box\r\n            sx={{\r\n              // padding: '0 5rem',\r\n              position: 'relative',\r\n              [theme.breakpoints.down('sm')]: {\r\n                // padding: '0 1.5rem 0 1.5rem',\r\n              },\r\n            }}\r\n          >\r\n            <Box className={classes.formHeadingContainer}>\r\n              <Typography\r\n                variant=\"h3\"\r\n                style={{\r\n                  fontSize: '2rem',\r\n                }}\r\n              >\r\n                {t('formHeading')}\r\n              </Typography>\r\n            </Box>\r\n          </Box>\r\n        </Grid>\r\n        <Grid className={classes.userItems} item xs={12} sm={12} md={10} lg={7} xl={7}>\r\n          {/* <Typography component={'p'} variant={'h2'} className={classes.formHeading}>\r\n            <img onClick={goBack} src={back} />\r\n            {t('formHeading')}\r\n          </Typography> */}\r\n          <form\r\n            className={classes.form}\r\n            onSubmit={formik.handleSubmit}\r\n            style={{\r\n              position: 'relative',\r\n            }}\r\n          >\r\n            <InputField\r\n              textFieldProps={{\r\n                label: t('name'),\r\n                value: formik.values.name,\r\n                variant: 'filled',\r\n                name: 'name',\r\n                fullWidth: true,\r\n                required: true,\r\n                onChange: formik.handleChange,\r\n                // error: formik.touched.name && Boolean(formik.errors.name),\r\n                // helperText: formik.touched.name && formik.errors.name\r\n              }}\r\n            />\r\n            <InputField\r\n              textFieldProps={{\r\n                label: t('email'),\r\n                value: formik.values.email,\r\n                type: 'email',\r\n                name: 'email',\r\n                variant: 'filled',\r\n                fullWidth: true,\r\n                required: true,\r\n                onChange: formik.handleChange,\r\n                // error: formik.touched.email && Boolean(formik.errors.email),\r\n                // helperText: formik.touched.email && formik.errors.email\r\n              }}\r\n            />\r\n            {/* <Select\r\n              value={formik.values.city}\r\n              style={{ margin: '1rem 0' }}\r\n              variant={'outlined'}\r\n              displayEmpty\r\n              name={'city'}\r\n              required\r\n              onChange={formik.handleChange}\r\n              fullWidth\r\n            >\r\n              <MenuItem value={''} disabled>\r\n                <span style={{ color: 'rgba(0, 0, 0, 0.54)' }}>\r\n                  {t(formik.values.country === 'UAE' ? 'emirate' : 'city')} *\r\n                </span>\r\n              </MenuItem>\r\n              {cities.map((item: string, index: number) => (\r\n                <MenuItem key={`${item}-${index}`} value={item}>\r\n                  {item}\r\n                </MenuItem>\r\n              ))}\r\n            </Select> */}\r\n            {/* <PhoneInputWithCountrySelect\r\n              international\r\n              defaultCountry=\"US\"\r\n              onChange={() => {}}\r\n              value=\"\"\r\n              focusInputOnCountrySelection={false}\r\n              countrySelectProps={{\r\n                style: {\r\n                  backgroundColor: 'black',\r\n                },\r\n              }}\r\n              inputComponent={() => (\r\n                <InputField\r\n                  textFieldProps={{\r\n                    variant: 'outlined',\r\n                    fullWidth: true,\r\n                  }}\r\n                />\r\n              )}\r\n            /> */}\r\n            <InputField\r\n              textFieldProps={{\r\n                label: t('contact'),\r\n                value: formik.values.mobileNumber,\r\n                name: 'mobileNumber',\r\n                variant: 'filled',\r\n                fullWidth: true,\r\n                required: true,\r\n                type: 'number',\r\n                InputProps: {\r\n                  startAdornment: (\r\n                    <InputAdornment position={'start'}>\r\n                      <span style={{ display: 'flex', alignItems: 'center' }}>\r\n                        <img style={{ maxWidth: '2rem' }} src={formik.values.flag} />\r\n                        {formik.values.code}\r\n                      </span>\r\n                    </InputAdornment>\r\n                  ),\r\n                },\r\n                onChange: formik.handleChange,\r\n                // error: formik.touched.mobileNumber && Boolean(formik.errors.mobileNumber),\r\n                // helperText: formik.touched.mobileNumber && formik.errors.mobileNumber\r\n              }}\r\n            />\r\n            <Select\r\n              value={formik.values.city}\r\n              style={{ margin: '0.5rem 0' }}\r\n              variant={'outlined'}\r\n              displayEmpty\r\n              name={'city'}\r\n              required\r\n              onChange={formik.handleChange}\r\n              fullWidth\r\n              label={formik.values.country === 'UAE' ? \"Emirate\": 'Cities'}\r\n            >\r\n              <MenuItem value={''} disabled>\r\n                <span style={{ color: 'rgba(0, 0, 0, 0.54)' }}>{formik.values.country === 'UAE' ? t('emirate') : t('cities')} *</span>\r\n              </MenuItem>\r\n              {cities.map((item: string, index: number) => (\r\n                <MenuItem key={`${item}-${index}`} value={item}>\r\n                  {item}\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n\r\n            <Select\r\n              value={formik.values.retailer}\r\n              style={{ margin: '0.5rem 0' }}\r\n              variant={'outlined'}\r\n              displayEmpty\r\n              name={'retailer'}\r\n              required\r\n              onChange={formik.handleChange}\r\n              fullWidth\r\n              label=\"Retailer\"\r\n            >\r\n              <MenuItem value={''} disabled>\r\n                <span style={{ color: 'rgba(0, 0, 0, 0.54)' }}>{t('retailer')} *</span>\r\n              </MenuItem>\r\n              {_retailers.map((item: string, index: number) => (\r\n                <MenuItem key={`${item}-${index}`} value={item}>\r\n                  {item}\r\n                </MenuItem>\r\n              ))}\r\n            </Select>\r\n            {formik.values.retailer.toLocaleLowerCase() === 'other' && (\r\n              <InputField\r\n                textFieldProps={{\r\n                  label: t('retailer name'),\r\n                  value: formik.values.retailerOther,\r\n                  variant: 'filled',\r\n                  name: 'retailerOther',\r\n                  fullWidth: true,\r\n                  required: true,\r\n                  onChange: formik.handleChange,\r\n                  // error: formik.touched.name && Boolean(formik.errors.name),\r\n                  // helperText: formik.touched.name && formik.errors.name\r\n                }}\r\n              />\r\n            )}\r\n            <InputField\r\n              textFieldProps={{\r\n                label: `${t('product')} *`,\r\n                value: formik.values.productFile?.name || '',\r\n                name: 'productFile',\r\n                disabled: true,\r\n                variant: 'filled',\r\n                fullWidth: true,\r\n                InputProps: {\r\n                  endAdornment: (\r\n                    <InputAdornment position={'end'}>\r\n                      <label htmlFor={'productFile'}>\r\n                        <input\r\n                          type={'file'}\r\n                          id={'productFile'}\r\n                          name={'productFile'}\r\n                          accept={'image/*'}\r\n                          onChange={(event: any) => {\r\n                            formik.setFieldValue(\r\n                              'productFile',\r\n                              event.currentTarget.files[0] || null,\r\n                            );\r\n                          }}\r\n                          style={{ display: 'none' }}\r\n                        />\r\n                        <Button color={'primary'} variant={'contained'} component={'span'}>\r\n                          + {t('file')}\r\n                        </Button>\r\n                      </label>\r\n                    </InputAdornment>\r\n                  ),\r\n                },\r\n                error: formik.touched.file && Boolean(formik.errors.file),\r\n                helperText: formik.touched.file && formik.errors.file,\r\n              }}\r\n            />\r\n            <InputField\r\n              textFieldProps={{\r\n                label: `${t('receipt')} *`,\r\n                value: formik.values.receiptFile?.name || '',\r\n                name: 'receiptFile',\r\n                disabled: true,\r\n                variant: 'filled',\r\n                fullWidth: true,\r\n                InputProps: {\r\n                  endAdornment: (\r\n                    <InputAdornment position={'end'}>\r\n                      <label htmlFor={'receiptFile'}>\r\n                        <input\r\n                          type={'file'}\r\n                          id={'receiptFile'}\r\n                          name={'receiptFile'}\r\n                          accept={'image/*'}\r\n                          onChange={(event: any) => {\r\n                            formik.setFieldValue(\r\n                              'receiptFile',\r\n                              event.currentTarget.files[0] || null,\r\n                            );\r\n                          }}\r\n                          style={{ display: 'none' }}\r\n                        />\r\n                        <Button color={'primary'} variant={'contained'} component={'span'}>\r\n                          + {t('file')}\r\n                        </Button>\r\n                      </label>\r\n                    </InputAdornment>\r\n                  ),\r\n                },\r\n                error: formik.touched.file && Boolean(formik.errors.file),\r\n                helperText: formik.touched.file && formik.errors.file,\r\n              }}\r\n            />\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                justifyContent: 'flex-end',\r\n              }}\r\n            >\r\n              <span\r\n                style={{\r\n                  color: 'red',\r\n                }}\r\n              >\r\n                *\r\n              </span>{' '}\r\n              Only image formats allowed\r\n            </div>\r\n            <Select\r\n              value={formik.values.numberOfPurchases}\r\n              style={{ margin: '0.5rem 0' }}\r\n              variant={'outlined'}\r\n              displayEmpty\r\n              name={'numberOfPurchases'}\r\n              required\r\n              onChange={formik.handleChange}\r\n              fullWidth\r\n              label=\"\"\r\n            >\r\n              <MenuItem value={''} disabled>\r\n                <span style={{ color: 'rgba(0, 0, 0, 0.54)' }}>{t('purchases')} *</span>\r\n              </MenuItem>\r\n              {(Array.from({ length: 10 }, (_, i) => i + 1) as any).map(\r\n                (item: string, index: number) => (\r\n                  <MenuItem key={`${item}-${index}`} value={item}>\r\n                    {item}\r\n                  </MenuItem>\r\n                ),\r\n              )}\r\n            </Select>\r\n            <div\r\n              style={{\r\n                display: 'flex',\r\n                justifyContent: 'flex-end',\r\n              }}\r\n            >\r\n              <span\r\n                style={{\r\n                  color: 'red',\r\n                }}\r\n              >\r\n                *\r\n              </span>{' '}\r\n              Please enter the same number as shown on the receipt\r\n            </div>\r\n            <FormControlLabel\r\n              style={{ marginTop: '4rem' }}\r\n              control={<Checkbox required={true} color={'secondary'} />}\r\n              label={\r\n                <span>\r\n                  I agree to all{' '}\r\n                    <Link className={classes.link} to={`/terms/${formik.values.country}`} target={'_blank'}>Terms & Conditions</Link>\r\n                </span>\r\n              }\r\n            />\r\n            <Button\r\n              color=\"primary\"\r\n              style={{ margin: '0.5rem 0', backgroundColor: theme.palette.secondary.dark }}\r\n              variant=\"contained\"\r\n              disabled={formik.isSubmitting}\r\n              fullWidth\r\n              type=\"submit\"\r\n            >\r\n              {progress ? (\r\n                <CircularProgressWithLabel\r\n                  color={'secondary'}\r\n                  variant={'determinate'}\r\n                  value={progress}\r\n                />\r\n              ) : (\r\n                t('submit')\r\n              )}\r\n            </Button>\r\n\r\n            <Typography\r\n              style={{ textAlign: 'center' }}\r\n              variant={'subtitle2'}\r\n              component={'p'}\r\n              className={classes.contact}\r\n            >\r\n              {t('queries')}\r\n              <br />\r\n              <MLink href={'mailto:contact@winwithalainwater.com'} target={'_blank'} color={'secondary'}>\r\n                contact@winwithalainwater.com\r\n              </MLink>\r\n            </Typography>\r\n            <img src={ball} className={classes.hatImage} />\r\n          </form>\r\n        </Grid>\r\n      </Grid>\r\n    </div>\r\n  );\r\n};\r\n","export default __webpack_public_path__ + \"static/media/prize_count.a1324b74.png\";","import {Backdrop, Button, Dialog, DialogActions, DialogContent, DialogContentText, DialogTitle} from \"@material-ui/core\"\r\nimport React from \"react\";\r\n\r\ninterface Props {\r\n  open: boolean\r\n  handleClose: ()=>void,\r\n  prizeTitle:string\r\n  tries: number\r\n}\r\n\r\nexport const PrizeModal = ({open, handleClose, prizeTitle, tries}: Props) => {\r\n  if(!tries)\r\n    setTimeout(()=>{\r\n    handleClose();\r\n    },2000)\r\n\r\n  return (\r\n    <Dialog\r\n    open={open}\r\n    onClose={handleClose}\r\n    aria-labelledby=\"alert-dialog-title\"\r\n    aria-describedby=\"alert-dialog-description\"\r\n    disableBackdropClick\r\n  >\r\n    <DialogTitle id=\"alert-dialog-title\">CONGRATULATIONS!</DialogTitle>\r\n    <DialogContent>\r\n      <DialogContentText id=\"alert-dialog-description\">\r\n        YOU WON <b>{prizeTitle}</b><br /><br />\r\n       {tries ?  `You have ${tries} more ${tries === 1 ? 'try' : 'tries'}` : ''}\r\n       {!tries && 'Please wait entry submission will start in a while, check your spam after entry submission so you don\\'t miss out on gaining the ultimate happiness'}\r\n      </DialogContentText>\r\n    </DialogContent>\r\n    <DialogActions>\r\n      {tries ? <Button onClick={handleClose}>\r\n        Spin Again!\r\n      </Button> : null }\r\n    </DialogActions>\r\n  </Dialog>\r\n  )\r\n}\r\n","export default __webpack_public_path__ + \"static/media/new_new_white_boundary_centered.9e96088a.png\";","export const countryPrizes: any = {\r\n  UAE: [\r\n    {\r\n      fillStyle: '#13A5D8',\r\n      text: 'Holiday Package',\r\n      textFillStyle: '#f2f2f2',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#FFFFFF',\r\n      text: 'Digital Poster',\r\n      textFillStyle: '#000000',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#D4243B',\r\n      text: 'Starzplay Entertainment',\r\n      textFillStyle: '#f2f2f2',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#FFFFFF',\r\n      text: 'Personalized Jersey',\r\n      textFillStyle: '#000000',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#13A5D8',\r\n      text: 'Starzplay Cricket',\r\n      textFillStyle: '#f2f2f2',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#D4243B',\r\n      text: 'Digital Poster',\r\n      textFillStyle: '#f2f2f2',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#13A5D8',\r\n      text: 'Airline Ticket',\r\n      textFillStyle: '#f2f2f2',\r\n      strokeStyle: 'transparent',\r\n    },\r\n    {\r\n      fillStyle: '#FFFFFF',\r\n      text: 'Digital Poster',\r\n      textFillStyle: '#000000',\r\n      strokeStyle: 'transparent',\r\n    },\r\n  ]\r\n};\r\n","import { Box, Button, useMediaQuery, useTheme } from '@material-ui/core';\r\nimport Confetti from 'react-confetti';\r\nimport { useMeasure } from 'react-use';\r\nimport { useEffect, useMemo, useRef, useState } from 'react';\r\nimport WheelComponent from './Temp';\r\nimport lainlogo from '../../assets/img/prize_count.png';\r\nimport bgImage from '../../assets/img/BGAsset_44x.png';\r\nimport hBG2 from '../../assets/img/lain-logo.png';\r\nimport powered from '../../assets/img/powered.png';\r\nimport { PrizeModal } from '../PrizeModal';\r\nimport backgroundImage from '../../assets/img/alain_back_group_.png';\r\nimport wheelBoundary from '../../assets/img/new_new_white_boundary_centered.png';\r\nimport BigWheelComponent from './BigWheel';\r\nimport { countryPrizes } from './countryPrizes';\r\nimport powered_ab from \"../../assets/img/powered-ab.png\";\r\nimport hBG3 from '../../assets/img/lain-logo-ab.png';\r\nimport {useTranslation} from \"react-i18next\";\r\n\r\ninterface Props {\r\n  formik: any;\r\n  submitForm: (arg: any) => void;\r\n}\r\n\r\nexport const PrizeWheel = ({ formik, submitForm }: Props) => {\r\n  const [count, setCount] = useState(formik.values.numberOfPurchases);\r\n  const getPrize = useRef(0);\r\n  const {i18n} = useTranslation();\r\n  // const [segments, setSegments] = useState(['A', 'B', 'C', 'A', 'B', 'A', 'A', 'C', 'D'])\r\n  // const [prizes, setPrizes] = useState<string[]>([]);\r\n  const prizes = useRef<string[]>([]);\r\n  const [shouldNotSpin, setShouldNotSpin] = useState<boolean>(false);\r\n  const [firstTime, setFirstTime] = useState(true);\r\n  const [toggle, setToggle] = useState(false);\r\n  const [ref, { width }] = useMeasure<HTMLDivElement>();\r\n  const theme = useTheme();\r\n  const [currentPrize, setCurrentPrize] = useState<string>('');\r\n  const [open, setOpen] = useState(false);\r\n  const isBigScreen = useMediaQuery(theme.breakpoints.up('md'));\r\n  const prizeList = {\r\n    A: 'Holiday Package',\r\n    B: 'Airline Ticket',\r\n    C: 'Digital Poster',\r\n    D: 'Starzplay Entertainment',\r\n    E: 'Personalized Jersey',\r\n    F: 'Starzplay Cricket'\r\n  };\r\n\r\n  const getRandomItem = (arr: number[]) => {\r\n    // get random index value\r\n    const randomIndex = Math.floor(Math.random() * arr.length);\r\n\r\n    // get random item\r\n    const item = arr[randomIndex];\r\n\r\n    return item;\r\n  };\r\n\r\n  const getRandomSegmentNumber = (segmentClass: 'A' | 'B' | 'C' | 'D' | 'E'| 'F' ) => {\r\n    if (segmentClass === 'A'){\r\n      return 1;\r\n    } else if (segmentClass === 'B') {\r\n      return 7\r\n    } else if (segmentClass === 'C') {\r\n      return getRandomItem([2 ,  6,  8]);\r\n    }\r\n    else if (segmentClass === 'E') {\r\n      return 4;\r\n    }\r\n    else if (segmentClass === 'F'){\r\n      return 5;\r\n    }\r\n    return 3;\r\n  };\r\n\r\n  // Vars used by the code in this page to do power controls.\r\n  let wheelSpinning = false;\r\n  let wheelPower = 0;\r\n\r\n  function alertPrize(indicatedSegment: any) {\r\n    // Do basic alert of the segment text. You would probably want to do something more interesting with this information.\r\n    // alert('You have won ' + indicatedSegment.text);\r\n    shouldSubmit(formik.values.prizes[getPrize.current]);\r\n    // resetWheel();\r\n    // wheelSpinning = false;\r\n    // shouldSubmit('C');\r\n  }\r\n\r\n  // -------------------------------------------------------\r\n  // Click handler for spin button.\r\n  // -------------------------------------------------------\r\n  function startSpin() {\r\n    // Ensure that spinning can't be clicked again while already running.\r\n    if (wheelSpinning == false) {\r\n      if (shouldNotSpin) return;\r\n      // Based on the power level selected adjust the number of spins for the wheel, the more times is has\r\n      // to rotate with the duration of the animation the quicker the wheel spins.\r\n      setCount(count - 1);\r\n      theWheel.animation.spins = 8;\r\n      // if (wheelPower == 1) {\r\n      //   theWheel.animation.spins = 3;\r\n      // } else if (wheelPower == 2) {\r\n      // } else if (wheelPower == 3) {\r\n      //   theWheel.animation.spins = 15;\r\n      // }\r\n      // console.log(theWheel.animation.spins)\r\n      // console.log(\r\n      //   segmentMapping[formik.values.prizes[getPrize.current]],\r\n      //   formik.values,\r\n      //   getPrize.current,\r\n      // );\r\n      const stopAt = theWheel?.getRandomForSegment(\r\n        // segmentMapping[formik.values.prizes[getPrize.current]],\r\n        getRandomSegmentNumber(formik.values.prizes[getPrize.current]),\r\n      );\r\n      // getPrize.current += 1;\r\n      theWheel.animation.stopAngle = stopAt;\r\n\r\n      // Begin the spin animation by calling startAnimation on the wheel object.\r\n      theWheel.startAnimation();\r\n\r\n      // Set to true so that power can't be changed and spin button re-enabled during\r\n      // the current animation. The user will have to reset before spinning again.\r\n      wheelSpinning = true;\r\n    }\r\n  }\r\n\r\n  // -------------------------------------------------------\r\n  // Function for reset button.\r\n  // -------------------------------------------------------\r\n  function resetWheel() {\r\n    theWheel.stopAnimation(false); // Stop the animation, false as param so does not call callback function.\r\n    theWheel.rotationAngle = 0; // Re-set the wheel angle to 0 degrees.\r\n    theWheel.draw(); // Call draw to render changes to the wheel.\r\n\r\n    wheelSpinning = false; // Reset to false to power buttons and spin can be clicked again.\r\n  }\r\n\r\n  // Create new wheel object specifying the parameters at creation time.\r\n  let theWheel: any = new Winwheel({\r\n    numSegments: 8, // Specify number of segments.\r\n    outerRadius: !isBigScreen?170:210, // Set outer radius so wheel fits inside the background.\r\n    textFontSize: !isBigScreen?8:11, // Set font size as desired.\r\n    lineWidth: 1,\r\n    textFontFamily: 'Cunia',\r\n    innerRadius: 20,\r\n    // drawMode: 'image',\r\n    // Define segments including colour and text.\r\n    // [2,4,6,8] - C\r\n    // [1] - A\r\n    // [3,5] - B\r\n    // [7] - D\r\n    segments: countryPrizes[formik.values.country],\r\n    // Specify the animation to use.\r\n    animation: {\r\n      type: 'spinToStop',\r\n      duration: 5, // Duration in seconds.\r\n      spins: 8, // Number of complete spins.\r\n      callbackFinished: alertPrize,\r\n    },\r\n  });\r\n\r\n  // Create new image object in memory.\r\n  // let loadedImg = new Image();\r\n\r\n  // // Create callback to execute once the image has finished loading.\r\n  // loadedImg.onload = function () {\r\n  //   theWheel.wheelImage = loadedImg; // Make wheelImage equal the loaded image object.\r\n  //   theWheel.draw(); // Also call draw function to render the wheel.\r\n  // };\r\n\r\n  // // Set the image source, once complete this will trigger the onLoad callback (above).\r\n  // loadedImg.src = '../../assets/img/new_white_wheel_boundary.png';\r\n\r\n  useEffect(() => {\r\n    setTimeout(() => {\r\n      setToggle(true);\r\n    }, 100);\r\n  }, []);\r\n\r\n  const onFinished = (winner: any) => {\r\n    console.log(winner);\r\n  };\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      formik.resetForm();\r\n    };\r\n  }, []);\r\n\r\n  const refreshChart = () => {\r\n    setToggle(false);\r\n    setTimeout(() => {\r\n      setToggle(true);\r\n      document?.getElementById('canvas')?.click();\r\n    }, 1000);\r\n  };\r\n\r\n  useEffect(() => {\r\n    // open && refreshChart();\r\n    // setToggle(false);\r\n    if (!firstTime) {\r\n      if (!open) {\r\n        if (getPrize.current === formik.values.prizes.length - 1) {\r\n          submitForm(prizes.current);\r\n        } else {\r\n          getPrize.current += 1; //refreshChart();\r\n          setFirstTime(false);\r\n          startSpin();\r\n          setShouldNotSpin(true);\r\n          // document?.getElementById('canvas')?.click();\r\n        }\r\n      }\r\n    }\r\n    setFirstTime(false);\r\n  }, [open]);\r\n\r\n  const shouldSubmit = (winner: 'A' | 'B' | 'C' | 'D' ) => {\r\n    // setShouldNotSpin(true);\r\n    // prizes.current.push(winner);\r\n    // let _s = segments\r\n    // _s[5] = winner\r\n    // setSegments(_s)\r\n    // if (prizes.current.length === formik.values.numberOfPurchases) {\r\n    //   submitForm(prizes.current);\r\n    // } else {\r\n    setTimeout(() => {\r\n      setCurrentPrize(prizeList[winner]);\r\n      setOpen(true);\r\n      setShouldNotSpin(false);\r\n      resetWheel();\r\n    }, 1000);\r\n    // }\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setCurrentPrize('');\r\n    setOpen(false);\r\n    // resetWheel()\r\n  };\r\n\r\n  return (\r\n    <Box\r\n      style={{\r\n        flexGrow: 1,\r\n        backgroundImage: `url(${backgroundImage})`,\r\n        backgroundPosition: 'center center',\r\n        backgroundSize: 'cover',\r\n      }}\r\n    >\r\n      <Box\r\n        style={{\r\n          padding: '0.5rem 0rem 0.5rem 0.5rem',\r\n          display: 'flex',\r\n          justifyContent: 'space-between',\r\n          alignItems: 'center',\r\n        }}\r\n      >\r\n        <img src={i18n.language==='en'?hBG2:hBG3} style={{ maxWidth: '50%', width: '14rem' }} />\r\n        <img src={i18n.language==='en'?powered:powered_ab} style={{ maxWidth: '50%', width: '16rem', paddingBottom: '2rem' }} />\r\n      </Box>\r\n      <div\r\n        ref={ref}\r\n        style={{\r\n          padding: '1rem',\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          // position:'relative',\r\n          height: '9rem',\r\n          paddingBottom: '2rem',\r\n          // marginLeft: `-${(count / 2) * 1.25}rem`,\r\n        }}\r\n      >\r\n        {open && <Confetti width={width} />}\r\n\r\n        {Array.from({ length: count >= 5 ? 5 : count }).map((_, i: number) => {\r\n          return (\r\n            <div\r\n              style={\r\n                {\r\n                  // paddingLeft: `0.25rem`,\r\n                  // position: 'absolute',\r\n                }\r\n              }\r\n            >\r\n              <img src={lainlogo} alt=\"logo\" style={{margin:\"0 0.5rem\"}} height={!isBigScreen ? '40px' : '80px'} />\r\n            </div>\r\n          );\r\n        })}\r\n      </div>\r\n      {count > 5 && (\r\n        <div\r\n          style={{\r\n            display: 'flex',\r\n            justifyContent: 'center',\r\n            // position:'relative',\r\n            height: isBigScreen ? '7rem' : '7rem',\r\n            // marginLeft: `-${(count / 2) * 1.25}rem`,\r\n          }}\r\n        >\r\n          {Array.from({ length: count > 5 ? count - 5 : 0 }).map((_, i: number) => {\r\n            return (\r\n              <div\r\n                style={{\r\n                  paddingLeft: `0.25remrem`,\r\n                  // position: 'absolute',\r\n                }}\r\n              >\r\n                <img src={lainlogo} alt=\"logo\" style={{margin:\"0 0.5rem\"}} height={!isBigScreen ? '40px' : '80px'} />\r\n              </div>\r\n            );\r\n          })}\r\n        </div>\r\n      )}\r\n      {/* {!toggle && (\r\n        <div\r\n          style={{\r\n            textAlign: 'center',\r\n            padding: '3rem',\r\n            color: '#f3f3f3',\r\n          }}\r\n        >\r\n          Loading Spin wheel for next round...\r\n        </div>\r\n      )} */}\r\n      {/* <div>\r\n        <a\r\n          href=\"#\"\r\n          onClick={() => {\r\n            resetWheel();\r\n            return false;\r\n          }}\r\n        >\r\n          Play Again\r\n        </a>\r\n        <br />\r\n        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(reset)\r\n      </div> */}\r\n      <div\r\n        style={{\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          position: 'relative',\r\n        }}\r\n      >\r\n        <canvas id=\"canvas\" width={!isBigScreen?\"350\":\"434\"} height={!isBigScreen?\"350\":\"434\"}>\r\n          <p style={{ color: 'white' }}>\r\n            Sorry, your browser doesn't support canvas. Please try another.\r\n          </p>\r\n        </canvas>\r\n        <div\r\n          style={{\r\n            position: 'absolute',\r\n            backgroundImage: `url(${wheelBoundary})`,\r\n            backgroundRepeat: 'no-repeat',\r\n            backgroundPosition: 'center center',\r\n            backgroundSize: 'cover',\r\n            height: '100%',\r\n            width: !isBigScreen?\"350px\":\"434px\",\r\n          }}\r\n        ></div>\r\n      </div>\r\n      <div\r\n        style={{\r\n          display: 'flex',\r\n          justifyContent: 'center',\r\n          paddingTop: '3rem',\r\n        }}\r\n      >\r\n        <Button\r\n          style={{\r\n            backgroundColor: '#CD2E3B',\r\n            fontSize: '1.5rem',\r\n            padding: '0.5rem 3rem',\r\n            color: '#f3f3f3',\r\n          }}\r\n          onClick={() => {\r\n            startSpin();\r\n            setShouldNotSpin(true);\r\n          }}\r\n        >\r\n          Spin!\r\n        </Button>\r\n      </div>\r\n      {/* {isBigScreen && toggle && (\r\n        <BigWheelComponent\r\n          segments={segments}\r\n          segColors={segColors}\r\n          winningSegment=\"\"\r\n          onFinished={(winner: any) => shouldSubmit(winner)}\r\n          primaryColor=\"darkred\"\r\n          // primaryColoraround=\"#ffffffb4\"\r\n          contrastColor={'yellow'}\r\n          buttonText=\"Go!\"\r\n          isOnlyOnce={false}\r\n          size={275}\r\n          upDuration={500}\r\n          downDuration={1000}\r\n          formik={formik}\r\n          submitForm={submitForm}\r\n          setCount={setCount}\r\n          count={count}\r\n          prizeList={userPrizeList}\r\n          fontFamily=\"'Cunia'\"\r\n          shouldNotSpin={shouldNotSpin}\r\n        />\r\n      )}\r\n      {!isBigScreen && toggle && (\r\n        <WheelComponent\r\n          segments={segments}\r\n          segColors={segColors}\r\n          winningSegment=\"\"\r\n          onFinished={(winner: any) => shouldSubmit(winner)}\r\n          primaryColor=\"darkred\"\r\n          // primaryColoraround=\"#ffffffb4\"\r\n          contrastColor={'yellow'}\r\n          buttonText=\"Go!\"\r\n          isOnlyOnce={false}\r\n          size={150}\r\n          upDuration={500}\r\n          downDuration={1000}\r\n          formik={formik}\r\n          submitForm={submitForm}\r\n          setCount={setCount}\r\n          count={count}\r\n          prizeList={userPrizeList}\r\n          fontFamily=\"'Cunia'\"\r\n          shouldNotSpin={shouldNotSpin}\r\n        />\r\n      )} */}\r\n      {open && (\r\n        <PrizeModal open={open} handleClose={handleClose} prizeTitle={currentPrize} tries={count} />\r\n      )}\r\n    </Box>\r\n  );\r\n};\r\n","import axios from 'axios';\r\n\r\nconst url = 'https://61bzxtjhh4.execute-api.us-east-2.amazonaws.com/prod' as const;\r\n\r\nexport const addUser = (body: any) =>\r\n  axios.post(`${url}/user`, {\r\n    ...body,\r\n  });\r\nexport const getPresignedUrl = () => axios.get(`${url}/user/presigned`);\r\n\r\nexport const getUserPrize = () => axios.get(`${url}/user/prize`);\r\n\r\nexport const getUserPrizes = (purchases: string, country: string) =>\r\n  axios.get(`${url}/user/prize`, {\r\n    params: {\r\n      purchases,\r\n      country\r\n    }\r\n  });\r\n","import React, { useEffect, useState } from 'react';\r\nimport {\r\n  Typography,\r\n  Container,\r\n  Select,\r\n  MenuItem,\r\n  Dialog,\r\n  DialogActions,\r\n  DialogContent,\r\n  DialogTitle,\r\n  Button,\r\n  DialogContentText,\r\n  Box,\r\n  Backdrop,\r\n  CircularProgress,\r\n} from '@material-ui/core';\r\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\r\nimport { useFormik } from 'formik';\r\nimport * as Yup from 'yup';\r\nimport { Country, PrizeWheel, UserDetail } from '../../components';\r\nimport { useTranslation } from 'react-i18next';\r\nimport i18 from 'i18next';\r\nimport { addUser, getPresignedUrl, getUserPrizes } from '../../utils';\r\nimport { ToastContainer, toast } from 'react-toastify';\r\nimport 'react-toastify/dist/ReactToastify.css';\r\nimport axios from 'axios';\r\nimport { Link } from 'react-router-dom';\r\nimport 'react-phone-number-input/style.css';\r\nimport Marquee from \"react-fast-marquee\";\r\n\r\n\r\nconst useStyles = makeStyles((theme) => ({\r\n  parent: {\r\n    padding: 0,\r\n    height: '100%',\r\n    maxWidth: '1400px',\r\n  },\r\n  container: {\r\n    display: 'flex',\r\n    flexDirection: 'column',\r\n    height: 'inherit',\r\n    position: 'relative',\r\n  },\r\n  footer: {\r\n    background: theme.palette.primary.light,\r\n    padding: '1.5rem 1.5rem 0 1.5rem',\r\n  },\r\n  footerUnderline: {\r\n    background: theme.palette.primary.dark,\r\n    display: 'flex',\r\n    justifyContent: 'space-between',\r\n    alignItems: 'center',\r\n    padding: '1rem',\r\n  },\r\n  userItems: {\r\n    padding: '1rem',\r\n  },\r\n  languageSelect: {\r\n    position: 'absolute',\r\n    top: 0,\r\n    right: 0,\r\n    zIndex: 1,\r\n    '& .MuiSelect-outlined': {\r\n      paddingTop: 0,\r\n      paddingBottom: 0,\r\n    },\r\n  },\r\n}));\r\nconst addUserSchema = Yup.object().shape({\r\n  name: Yup.string().required('Required'),\r\n  city: Yup.string().required('Required'),\r\n  country: Yup.string().required('Required'),\r\n  mobileNumber: Yup.string().required('Required'),\r\n  // emirate: Yup.string().required('Required'),\r\n  retailer: Yup.string().required('Required'),\r\n  email: Yup.string()\r\n    .matches(\r\n      /^(([^<>()[\\]\\\\.,;:\\s@\\\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\\\"]+)*)|(\\\".+\\\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\r\n    )\r\n    .required('Required'),\r\n  productFile: Yup.mixed().required('Product is required'),\r\n  receiptFile: Yup.mixed().required('Receipt is required'),\r\n  numberOfPurchases: Yup.number().required(),\r\n});\r\n\r\nexport const LandingPage = () => {\r\n  const classes = useStyles();\r\n  const [activeStep, setActiveStep] = useState(0);\r\n  const [progress, setProgress] = useState(0);\r\n  const [open, setOpen] = React.useState(false);\r\n  const [isSubmitting, setSubmittingStatus] = useState(false);\r\n  const { t } = useTranslation();\r\n  const theme = useTheme();\r\n  const handleClickOpen = () => {\r\n    setOpen(true);\r\n  };\r\n\r\n  const handleClose = () => {\r\n    setActiveStep(0);\r\n    setOpen(false);\r\n  };\r\n\r\n  const submitForm = async (prizes: any) => {\r\n    try {\r\n      setSubmittingStatus(true);\r\n      const values = formik.values;\r\n      values.prizes = prizes && prizes.length > 0 ? prizes : formik.values.prizes;\r\n      const payload: any = { ...values };\r\n      payload.mobileNumber = payload.code + payload.mobileNumber;\r\n      delete payload.code;\r\n      delete payload.flag;\r\n\r\n      if (payload?.retailer?.toLocaleLowerCase() === 'other') {\r\n        payload.retailer = payload.retailerOther;\r\n      }\r\n\r\n      delete payload.retailerOther;\r\n\r\n      const config = {\r\n        onUploadProgress: (progressEvent: any) => {\r\n          const totalLength = progressEvent.lengthComputable\r\n            ? progressEvent.total\r\n            : progressEvent.target.getResponseHeader('content-length') ||\r\n              progressEvent.target.getResponseHeader('x-decompressed-content-length');\r\n          if (totalLength !== null) {\r\n            setProgress(Math.round((progressEvent.loaded * 100) / totalLength));\r\n          }\r\n        },\r\n      };\r\n      const signedUrlResp = await getPresignedUrl();\r\n      const { presignedUrl } = signedUrlResp.data.body;\r\n      await axios.put(presignedUrl, values.productFile, {\r\n        headers: { 'Content-Type': (values as any).productFile.type },\r\n        ...config,\r\n      });\r\n      payload.product = presignedUrl.split('?')[0];\r\n      delete payload.productFile;\r\n\r\n      const signedUrlRespReceipt = await getPresignedUrl();\r\n      const { presignedUrl: receiptSignedUrl } = signedUrlRespReceipt.data.body;\r\n      await axios.put(receiptSignedUrl, values.receiptFile, {\r\n        headers: { 'Content-Type': (values as any).receiptFile.type },\r\n        ...config,\r\n      });\r\n      payload.receipt = receiptSignedUrl.split('?')[0];\r\n      delete payload.receiptFile;\r\n\r\n      payload.purchases = payload.numberOfPurchases;\r\n      delete payload.numberOfPurchases;\r\n\r\n      const resp = await addUser(payload);\r\n      setProgress(0);\r\n      setSubmittingStatus(false);\r\n      if (resp.status === 200) {\r\n        if (resp.data.statusCode === 200) {\r\n          handleClickOpen();\r\n          return;\r\n        }\r\n\r\n        toast(resp.data.body.message, { type: 'info' });\r\n      }\r\n    } catch (e) {\r\n      setProgress(0);\r\n      toast('Internal Server Error', { type: 'error' });\r\n      setSubmittingStatus(false);\r\n      console.error(e);\r\n    }\r\n  };\r\n\r\n  const formik = useFormik({\r\n    initialValues: {\r\n      name: '',\r\n      email: '',\r\n      mobileNumber: '',\r\n      city: '',\r\n      retailer: '',\r\n      retailerOther: '',\r\n      productFile: null,\r\n      receiptFile: null,\r\n      numberOfPurchases: '',\r\n      country: '',\r\n      code: '',\r\n      flag: '',\r\n      prizes: [],\r\n      // flag: null,\r\n    },\r\n    onSubmit: async (values) => {\r\n      const {\r\n        data: { prizes },\r\n      } = await getUserPrizes(values.numberOfPurchases as any, values.country);\r\n        formik.setFieldValue('prizes', prizes);\r\n        setActiveStep(2);\r\n    },\r\n    validationSchema: addUserSchema,\r\n    enableReinitialize: false,\r\n  });\r\n\r\n  const handleCountryChange = (name: string, code: string, icon: any) => {\r\n    formik.setFieldValue('country', name);\r\n    formik.setFieldValue('code', code);\r\n    formik.setFieldValue('flag', icon);\r\n    setActiveStep(activeStep + 1);\r\n  };\r\n  useEffect(() => {\r\n    document.getElementById('root')!.scrollTo(0, 0);\r\n  }, [activeStep]);\r\n\r\n  const steps: Array<React.ReactElement> = [\r\n    <Country handleClick={handleCountryChange} />,\r\n    <UserDetail progress={progress} formik={formik} goBack={() => setActiveStep(0)} />,\r\n    <PrizeWheel formik={formik} submitForm={submitForm} />,\r\n  ];\r\n  return (\r\n    <Container component={'div'} className={classes.parent} maxWidth={'xl'}>\r\n      <Marquee style={{background:'red',color:'white'}}>\r\n        The competition is now closed. Any purchases after 30th June will be invalid.\r\n      </Marquee>\r\n      <div className={classes.container}>\r\n        <Select\r\n          value={i18.language}\r\n          variant={'outlined'}\r\n          className={classes.languageSelect}\r\n          onChange={(event: any) => {\r\n            i18.changeLanguage(event.target.value);\r\n          }}\r\n        >\r\n          <MenuItem value={'en'}>English</MenuItem>\r\n          <MenuItem value={'ab'}>Arabic</MenuItem>\r\n        </Select>\r\n        {steps[activeStep]}\r\n        <div className={classes.footerUnderline}>\r\n          <Typography\r\n            component={'p'}\r\n            variant={'h3'}\r\n            style={{\r\n              fontSize: '0.75rem',\r\n            }}\r\n          >\r\n            {t('copyrights')}\r\n          </Typography>\r\n          <Typography component={'p'} variant={'h3'}>\r\n            {activeStep !== 0 && (\r\n                <Link style={{\r\n                  color: 'white',\r\n                  fontSize: '0.75rem',\r\n                }}\r\n                      to={`/terms/${formik.values.country}`} target={'_blank'}>{t('terms')}</Link>\r\n            )}\r\n          </Typography>\r\n        </div>\r\n      </div>\r\n      <ToastContainer />\r\n      <Dialog\r\n        open={open}\r\n        onClose={handleClose}\r\n        aria-labelledby=\"alert-dialog-title\"\r\n        aria-describedby=\"alert-dialog-description\"\r\n      >\r\n        <DialogTitle id=\"alert-dialog-title\">Your Cricket Fever has been Unleashed!</DialogTitle>\r\n        <DialogContent>\r\n          <DialogContentText id=\"alert-dialog-description\">\r\n            Thank you! your entry has been submitted.\r\n          </DialogContentText>\r\n        </DialogContent>\r\n        <DialogActions>\r\n          <Button onClick={handleClose} autoFocus>\r\n            OK\r\n          </Button>\r\n        </DialogActions>\r\n      </Dialog>\r\n      <Backdrop\r\n        style={{ color: '#fff', zIndex: theme.zIndex.drawer + 1,textAlign:'center',fontSize:'1.5rem',display:'flex',flexDirection:'column' }}\r\n        open={isSubmitting}\r\n      >\r\n        <Typography component={'p'}>Please wait while we submit your entry.<br/>Do not close this tab.<br/>Thank you for your patience!</Typography>\r\n        <div><CircularProgress color=\"inherit\" /></div>\r\n      </Backdrop>\r\n    </Container>\r\n  );\r\n};\r\n","import React from 'react';\nimport './App.css';\nimport { HashRouter, Switch, Route } from 'react-router-dom';\nimport { LandingPage, TermsPage } from './pages';\n\nfunction App() {\n  return (\n    <HashRouter>\n      <Switch>\n        <Route path={'/'} exact component={LandingPage} />\n        <Route path={'/terms/:country'} exact component={TermsPage} />\n      </Switch>\n    </HashRouter>\n  );\n}\n\nexport default App;\n","import { ReportHandler } from 'web-vitals';\n\nconst reportWebVitals = (onPerfEntry?: ReportHandler) => {\n  if (onPerfEntry && onPerfEntry instanceof Function) {\n    import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {\n      getCLS(onPerfEntry);\n      getFID(onPerfEntry);\n      getFCP(onPerfEntry);\n      getLCP(onPerfEntry);\n      getTTFB(onPerfEntry);\n    });\n  }\n};\n\nexport default reportWebVitals;\n","import { createMuiTheme, ThemeOptions } from '@material-ui/core';\r\nexport const appTheme: ThemeOptions = createMuiTheme({\r\n  palette: {\r\n    primary: {\r\n      main: '#1B3C69',\r\n      light: '#FFFFFF',\r\n      dark: '#1B3C69',\r\n    },\r\n    secondary: {\r\n      main: '#0072BC',\r\n      light:'#EC1846',\r\n      dark:'#1F4F7D'\r\n    },\r\n  },\r\n  typography: {\r\n    fontFamily: 'cunia',\r\n    h1: {\r\n      color: '#fff',\r\n      fontSize: '2.5rem',\r\n      // fontFamily: 'hariboFontBold',\r\n    },\r\n    h2: {\r\n      color: '#F7B93C',\r\n      fontSize: '2.2rem',\r\n      // fontFamily: 'hariboFontBold',\r\n    },\r\n    h3: {\r\n      color: '#fff',\r\n      fontSize: '0.9rem',\r\n      // fontFamily: 'hariboFontBold',\r\n    },\r\n    h4: {\r\n      color: '#fff',\r\n      fontSize: '0.9rem',\r\n    },\r\n    subtitle1: {\r\n      color: '#fff',\r\n      fontSize: '1.2rem',\r\n      // fontFamily: 'hariboFontBold',\r\n    },\r\n    subtitle2: {\r\n      color: '#000',\r\n      fontSize: '1rem',\r\n    },\r\n    caption: {\r\n      color: '#000',\r\n      fontSize: '0.8rem',\r\n    },\r\n  },\r\n  breakpoints: {},\r\n  overrides: {\r\n    MuiCssBaseline: {\r\n      '@global': {\r\n        html: {\r\n          '@media (max-width: 80px)': {\r\n            fontSize: '8px',\r\n          },\r\n          '@media (max-width: 1000px)': {\r\n            fontSize: '12px',\r\n          },\r\n\r\n          '@media (min-width: 2048px)': {\r\n            fontSize: '20px',\r\n          },\r\n        },\r\n      },\r\n    },\r\n\r\n    MuiButton: {\r\n      root: {\r\n        height: '3.2rem',\r\n        textTransform: 'capitalize',\r\n        // borderRadius:'120px'\r\n      },\r\n      containedPrimary: {\r\n        backgroundColor: '#AEB3C1',\r\n        color: 'white',\r\n        textTransform: 'capitalize',\r\n        '&:hover': {\r\n          backgroundColor: '#AEB3C1',\r\n          opacity: '0.8',\r\n        },\r\n      },\r\n    },\r\n    MuiTextField: {\r\n      root: {\r\n        margin: '1rem 0',\r\n      },\r\n    },\r\n    MuiFormLabel: {\r\n      root: {\r\n        '&.Mui-disabled': {\r\n          color: 'rgba(0, 0, 0, 0.54)',\r\n        },\r\n      },\r\n    },\r\n    MuiInputLabel: {\r\n      root: {\r\n        fontSize: '1rem',\r\n        fontWeight: 'normal',\r\n        '&.Mui-focused:not(.Mui-error)': {\r\n          color: '#0072BC',\r\n        },\r\n        '& + .MuiInput-formControl': {},\r\n      },\r\n    },\r\n    MuiFormHelperText: {\r\n      root: {\r\n        marginTop: '0.2rem',\r\n      },\r\n    },\r\n    MuiInputBase: {\r\n      root: {\r\n        background: '#EAF2FB',\r\n        // borderRadius:'30px !important'\r\n      },\r\n    },\r\n    MuiFilledInput: {\r\n      root: {\r\n        backgroundColor: '#EAF2FB',\r\n        '&:hover,&:focus': {\r\n          backgroundColor: 'rgba(234, 242, 251, 0.5)',\r\n        },\r\n        '&.Mui-disabled': {\r\n          backgroundColor: '#EAF2FB',\r\n        },\r\n      },\r\n      adornedEnd: {\r\n        paddingRight: 0,\r\n      },\r\n      underline: {\r\n        '&.Mui-disabled:before': {\r\n          borderBottom: 'none',\r\n        },\r\n        '&:after,&:before,&:hover:before': {\r\n          borderBottom: 'none',\r\n        },\r\n      },\r\n    },\r\n    MuiOutlinedInput: {\r\n      notchedOutline: {\r\n        border: 'none',\r\n      },\r\n    },\r\n  },\r\n});\r\n","export default __webpack_public_path__ + \"static/media/Cunia.f7d85144.otf\";","import React from 'react';\r\nimport ReactDOM from 'react-dom';\r\nimport './index.css';\r\nimport App from './App';\r\nimport reportWebVitals from './reportWebVitals';\r\nimport { appTheme } from './styles';\r\nimport { ThemeProvider } from '@material-ui/styles';\r\nimport { CssBaseline } from '@material-ui/core';\r\nimport { englishTranslation, arabicTranslation } from './utils';\r\nimport i18 from 'i18next';\r\nimport { initReactI18next } from 'react-i18next';\r\nimport './fonts/Cunia/Cunia.otf'\r\ni18.use(initReactI18next).init({\r\n  resources: { en: { translation: englishTranslation }, ab: { translation: arabicTranslation } },\r\n  lng: 'en',\r\n  fallbackLng: 'eng',\r\n  interpolation: { escapeValue: false },\r\n});\r\nReactDOM.render(\r\n  <React.StrictMode>\r\n    <ThemeProvider theme={appTheme}>\r\n      <CssBaseline />\r\n      <App />\r\n    </ThemeProvider>\r\n  </React.StrictMode>,\r\n  document.getElementById('root'),\r\n);\r\n\r\n// If you want to start measuring performance in your app, pass a function\r\n// to log results (for example: reportWebVitals(console.log))\r\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\r\nreportWebVitals();\r\n","export const englishTranslation = {\r\n  selectCountry: 'Select Your Country',\r\n  egypt: 'Egypt',\r\n  sa: 'Saudi Arabia',\r\n  oman: 'Oman',\r\n  uae: 'United Arab Emirates',\r\n  kuwait: 'Kuwait',\r\n  qatar: 'Qatar',\r\n  bahrain: 'Bahrain',\r\n  contact: 'Contact',\r\n  privacy: 'Privacy',\r\n  terms: 'Terms & Privacy Policy',\r\n  website: 'Alain website',\r\n  formHeading: 'Enter Details to Win',\r\n  formHeading2: 'Season Pass!',\r\n  submit: 'Submit',\r\n  city: 'City',\r\n  emirate: 'Emirate',\r\n  email: 'Email',\r\n  receipt: 'Purchase Receipt',\r\n  country: 'Country',\r\n  file: 'Choose File',\r\n  code: 'Code',\r\n  name: 'Name',\r\n  queries: 'For any queries, you may contact us at:',\r\n  copyrights: 'Copyright © Alain | All rights reserved',\r\n  retailer: 'Retailer',\r\n  purchases:'Number Of Purchases',\r\n  product:'Product Photo'\r\n};\r\n","export const arabicTranslation = {\r\n  selectCountry: 'اختر بلدك',\r\n  egypt: 'مصر',\r\n  sa: 'المملكة العربية السعودية',\r\n  oman: 'سلطنة عمان',\r\n  uae: 'الإمارات العربية المتحدة',\r\n  kuwait: 'الكويت',\r\n  qatar: 'دولة قطر',\r\n  bahrain: 'البحرين',\r\n  contact: 'اتصل',\r\n  privacy: 'خصوصية',\r\n  terms: 'الشروط وسياسة الخصوصية',\r\n  website: 'موقع هاريبو',\r\n  formHeading: 'أدخل التفاصيل للفوز',\r\n  formHeading2: 'مرور الموسم!',\r\n  submit: 'إرسال',\r\n  city: 'مدينة',\r\n  emirate: 'الإمارة',\r\n  email: 'البريد الإلكتروني',\r\n  receipt: 'إيصال الشرا',\r\n  country: 'بلد',\r\n  file: 'اختر ملف',\r\n  code: 'الشفرة',\r\n  name: 'اسم',\r\n  queries: ':لأية استفسارات ، يمكنك الاتصال بنا على',\r\n  copyrights: 'حقوق النشر © Alain | كل الحقوق محفوظة',\r\n  retailer: 'بائع تجزئة',\r\n  purchases:'عدد المشتريات',\r\n  product:'صورة المنتج',\r\n  //CITIES\r\n  \"Muscat\" : \"مسقط\",\r\n  \"Salalah\" :\"صلالة\",\r\n  \"Ruwi\" :\"روي\",\r\n  \"Al Sohar\": \"صحار\",\r\n  \"Nizwa\" : \"نزوى\",\r\n  \"Samad\" :\"صمد\",\r\n  \"Saham\": \"صحم\",\r\n  \"Cairo\" :\"القاهرة\",\r\n  \"New Cairo\":\"القاهرة الجديدة\",\r\n  \"Alexandria\": \"الإسكندرية\",\r\n  \"Giza\":\"الجيزة\",\r\n  \"Helwan\":\"حلوان\",\r\n  \"Shubra\":\"شبرا\",\r\n  \"Damietta\":\"دمياط\",\r\n  \"Suez\":\"السويس\",\r\n  \"Madinat an Nasr\":\"مدينة نصر\",\r\n  \"Al Mansurah\":\"المنصورة\",\r\n  \"Bani Suwayf\":\"بني سويف\",\r\n  \"Sohag\":\"سوهاج\",\r\n  \"Tanta\":\"طنطا\",\r\n  \"Zagazig\":\"الزقازيق\",\r\n  \"Ramsis\":\"رمسيس\" ,\r\n  \"Al Mahallah al Kubra\": \"المحلة الكبرى\",\r\n  \"Heliopolis\":  \"مصر الجديدة\",\r\n  \"Hurghada\":  \"الغردقة\",\r\n  \"Az Zamalik\": \"الزمالك\",\r\n  \"Rafah\": \"رفح\",\r\n  \"Madinat as Sadis min Uktubar\":\"مدينة السادس من أكتوبر\" ,\r\n  \"Ismailia\":  \"الإسماعيلية\",\r\n  \"Faraskur\": \"فارسكور\",\r\n  \"Shirbin\": \"شربين\",\r\n  \"Toukh\":  \"طوخ\",\r\n  \"Banha\": \"بنها\",\r\n  \"Port Said\":\"بورسعيد\",\r\n  \"Luxor\":  \"الأقصر\",\r\n  \"Minya\":\"المنيا\",\r\n  \"Sadat\": \"السادات\" ,\r\n  \"Almazah\":\"الماظة\",\r\n  \"Assiut\":\"أسيوط\",\r\n  \"Al Marj\": \"المرج\",\r\n  \"Abu Hammad\": \"أبو حماد\",\r\n  \"Nasr\":  \" نصر\",\r\n  \"Flaminj\": \"فلامينج\" ,\r\n  \"Kafr ash Shaykh\":\"كفر الشيخ\",\r\n  \"Badr\" :\"بدر\",\r\n  \"Dubai\":\"دبي\",\r\n  \"Sharjah\":\"الشارقة\",\r\n  \"Ajman\": \"عجمان\" ,\r\n  \"Abu Dhabi\":\"أبو ظبي\",\r\n  \"Al Ain\":\"العين\" ,\r\n  \"Fujairah\":\"الفجيرة\",\r\n  \"Ras Al Khaimah\": \"رأس الخيمة\",\r\n  \"Umm Al Quwain\" :  \"أم القيوين\",\r\n  \"Kuwait City\":\"مدينة الكويت\",\r\n  \"Bayan\":\"بيان\",\r\n  \"Al Farwaniyah\":\"الفروانية\",\r\n  \"Hawalli\": \"حولي\",\r\n  \"Ar Rawdah\": \"الروضة\",\r\n  \"As Salimiyah\":\"السالمية\",\r\n  \"Salwa\":\"سلوى\",\r\n  \"Al Shamiya\":\"الشامية\",\r\n  \"Kayfan\": \"كيفان\",\r\n  \"Al Ahmadi\":\"الأحمدي\",\r\n  \"Abraq Khaytan\": \"أبرق خيطان\",\r\n  \"Ash Shuwaykh\": \"الشويخ\",\r\n  \"Janub as Surrah\":\"جنوب السرة\",\r\n  \"Ad Dasmah\":\"الدسمة\",\r\n  \"Ad Dawhah\":\"الدوحة\",\r\n  \"Ash Shu`aybah\":\"الشعيبة\",\r\n  \"Doha\":\"الدوحة\",\r\n  \"Al Wakrah\": \"الوكرة\",\r\n  \"Ar Rayyan\":\"الريان\",\r\n  \"Manama\":\"المنامة\",\r\n  \"Barbar\":\"بربر\",\r\n  \"Al Muharraq\": \"المحرق\",\r\n  \"Madinat Hamad\":\"مدينة حمد\",\r\n  \"Al Janabiyah\":\"الجنبية\",\r\n  \"Al Markh\":\"المرخ\",\r\n  \"Al Budayyi`\":\"البديع\",\r\n  \"Bani Jamrah\":\"بني جمرة\",\r\n  \"Sanad\":\"سند\",\r\n  \"Madinat `Isa\":\"مدينة عيسى\",\r\n  \"Al Hadd\":\"الحد\",\r\n  \"Al Hamalah\": \"الهملة\",\r\n  \"Sitrah\":\"سترة\",\r\n  \"Tubli\":\"توبلي\",\r\n  \"Jurdab\":\"جرداب\",\r\n  \"Oil City\": \"المدينة النفطية\",\r\n  \"Sanabis\":\"السنابس\"\r\n};\r\n"],"sourceRoot":""}