\n
\n \n )\n}\n\nexport default memo(NotSchedulePickupModal)\n","import { PromoDialogTypes } from '@returnmates/client-core/src/type'\n\ninterface Props {\n dialogType: PromoDialogTypes | null\n}\n\nconst PromoMobileBottom = ({ dialogType }: Props): JSX.Element => {\n if (dialogType === PromoDialogTypes.rtr) {\n return (\n \n *Offer applies to Subscription only\n \n )\n } else if (dialogType === PromoDialogTypes.mail) {\n return (\n \n *Offer applies to Pay as You Go only\n \n )\n }\n\n return <>\n}\n\nexport default PromoMobileBottom\n","import { makeStyles } from '@mui/styles'\nimport {\n ALICE_BLUE,\n MIDNIGHT_EXPRESS,\n NEON_BLUE_LIGHT,\n PORT_GORE,\n SHAMROCK,\n SLATE_GREY,\n YELLOW_SEA,\n} from '@returnmates/client-core/src/constants/colors'\n\nimport { POPPINS } from '../../constants/styles/fonts'\n\nconst useStyles = makeStyles(() => ({\n modal: {\n width: 488,\n maxWidth: 488,\n },\n root: {\n borderRadius: 30,\n margin: 0,\n overflow: 'hidden',\n },\n noMobile: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n padding: '30px 40px 40px',\n },\n logo: {\n width: 200,\n },\n label: {\n marginTop: 12,\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n color: MIDNIGHT_EXPRESS,\n width: 452,\n textAlign: 'center',\n },\n priceInfo: {\n textAlign: 'center',\n fontFamily: POPPINS,\n fontSize: 16,\n lineHeight: '160%',\n color: SLATE_GREY,\n marginTop: 10,\n padding: '0 10px',\n },\n purpleText: {\n color: NEON_BLUE_LIGHT,\n },\n noDisplay: {\n display: 'none',\n },\n promoImage: {\n width: 326,\n height: 260,\n marginTop: 30,\n },\n code: {\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 18,\n lineHeight: '27px',\n color: MIDNIGHT_EXPRESS,\n marginTop: 30,\n },\n codeSecondLine: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 18,\n lineHeight: '27px',\n color: MIDNIGHT_EXPRESS,\n },\n purpleCode: {\n color: NEON_BLUE_LIGHT,\n textDecoration: 'underline',\n },\n button: {\n width: 405,\n marginTop: 20,\n },\n leftImage: {\n position: 'relative',\n height: 272,\n zIndex: 3,\n verticalAlign: 'top',\n marginTop: 50,\n marginBottom: 20,\n },\n schedulePickupLabel: {\n textTransform: 'none',\n fontFamily: POPPINS,\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '160%',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n mobile: {\n display: 'none',\n },\n mobileRoot: {\n borderRadius: 20,\n backgroundColor: PORT_GORE,\n paddingTop: 20,\n textAlign: 'center',\n },\n mobileLabel: {\n whiteSpace: 'pre-line',\n fontFamily: POPPINS,\n fontWeight: 'bold',\n fontSize: 30,\n lineHeight: '39px',\n textAlign: 'center',\n color: '#FFFFFF',\n },\n mobileImage: {\n display: 'block',\n width: 200,\n marginTop: 10,\n margin: '0 auto',\n },\n mobilePromo: {\n background: SHAMROCK,\n borderRadius: 20,\n width: 'calc(100% - 20px)',\n margin: '0 auto',\n paddingTop: 18,\n paddingBottom: 12,\n },\n mobilePromoHead: {\n fontFamily: POPPINS,\n fontSize: 40,\n lineHeight: '40px',\n textAlign: 'center',\n color: '#FFFFFF',\n whiteSpace: 'pre-line',\n borderRadius: 18,\n },\n mobilePromoText: {\n width: 292,\n margin: '10px auto 0',\n backgroundColor: ALICE_BLUE,\n border: `2px dashed ${SHAMROCK}`,\n boxSizing: 'border-box',\n borderRadius: 10,\n fontFamily: POPPINS,\n fontWeight: 500,\n fontSize: 30,\n lineHeight: '40px',\n textAlign: 'center',\n color: PORT_GORE,\n '& > span': {\n fontWeight: 700,\n color: YELLOW_SEA,\n },\n },\n mobilePromoBottomText: {\n fontFamily: POPPINS,\n fontSize: 15,\n lineHeight: '22px',\n textAlign: 'center',\n color: '#FFFFFF',\n marginTop: 10,\n },\n phone: {\n position: 'absolute',\n top: 100,\n right: 50,\n height: 300,\n },\n mobileImageWrapper: {\n position: 'relative',\n },\n '@media screen and (max-width: 1050px)': {\n leftImage: {\n height: 200,\n },\n phone: {\n position: 'absolute',\n top: 160,\n right: 50,\n height: 200,\n },\n },\n '@media screen and (max-width: 920px)': {\n modal: {\n width: 'auto',\n maxWidth: 'auto',\n borderRadius: 20,\n },\n button: {\n width: 'calc(100% - 20px)',\n margin: '20px 10px 16px',\n boxSizing: 'border-box',\n },\n noMobile: {\n display: 'none',\n },\n root: {\n width: 360,\n maxWidth: 360,\n borderRadius: 20,\n backgroundColor: PORT_GORE,\n },\n mobile: {\n display: 'block',\n },\n phone: {\n top: 30,\n right: 100,\n height: 80,\n },\n leftImage: {\n height: 100,\n },\n },\n}))\n\nexport default useStyles\n","import * as actions from '@returnmates/client-core/src/constants/actionTypes'\nimport { getUserData } from '@returnmates/client-core/src/selectors/user'\nimport { PromoDialogTypes } from '@returnmates/client-core/src/type'\nimport Button from '@returnmates/ui-core/src/components/Button'\nimport Logo from '@returnmates/ui-core/src/components/images/logo'\nimport Modal from '@returnmates/ui-core/src/components/Modal'\nimport clsx from 'clsx'\nimport { memo, useCallback, useEffect, useMemo, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { useLocation, useNavigate } from 'react-router-dom'\n\nimport {\n MAIN,\n MY_ACCOUNT_SCHEDULE_PICKUP,\n PROMO_MAIL,\n PROMO_RTR,\n ZIP_CODE,\n} from '../../constants/paths'\nimport PromoMobileBottom from './PromoMobileButton'\nimport useStyles from './styles'\n\nfunction PromoDialog(): JSX.Element {\n const userData = useSelector(getUserData)\n const [dialogType, setDialogType] = useState\n
\n \n ![\"\"](\"/assets/images/noScheduleModalImage.jpg\")
\n
\n \n \n ![\"box\"](\"/assets/images/box.png\")
\n
\n \n \n The Returnmates Home Pickup Service has been discontinued\n
\n\n We’re focusing our efforts on supporting shoppers through partnerships with some of\n the world’s largest brands. Have a question? Reach out to{' '}\n hello@returnmates.com\n
\n \n\n
\n \n )\n}\n\nexport default memo(PromoDialog)\n","import { makeStyles } from '@mui/styles'\nimport {\n BRIGHT_GRAY,\n GOLD,\n RAISIN_BLACK,\n ROBO_MASTER,\n} from '@returnmates/client-core/src/constants/colors'\nimport { OSWALD, POPPINS } from '@returnmates/ui-core/src/constants/styles/fonts'\n\nimport { DEFAULT_MAX_WIDTH } from '../../constants/styles'\n\nconst useStyles = makeStyles(() => ({\n container: {},\n topPart: {\n position: 'relative',\n backgroundImage: `url(/assets/images/wall.jpg)`,\n backgroundRepeat: 'no-repeat',\n '-webkit-background-size': 'cover',\n '-moz-background-size': 'cover',\n '-o-background-size': 'cover',\n backgroundSize: 'cover',\n backgroundPosition: 'bottom',\n minHeight: 587,\n overflow: 'hidden',\n },\n header: {\n height: 120,\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n headerBackground: {\n position: 'absolute',\n top: 0,\n left: 0,\n height: '100%',\n width: '100%',\n background: 'linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 106.96%)',\n opacity: 0.2,\n },\n main: {\n display: 'flex',\n height: '100%',\n },\n logoWrap: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n maxWidth: 312,\n },\n partnerLogoWrap: {\n display: 'flex',\n alignItems: 'center',\n },\n logo: {\n height: 29,\n '& > path': {\n fill: '#FFFFFF',\n },\n },\n cross: {\n margin: '0 34px',\n },\n luxerLogo: {\n marginTop: 6,\n },\n title: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 56,\n lineHeight: '130%',\n color: '#FFFFFF',\n textTransform: 'uppercase',\n padding: '80px 95px 0 0',\n maxWidth: 565,\n '& > span': {\n color: GOLD,\n },\n },\n lockersImageWrap: {\n height: 460,\n width: '100%',\n },\n lockersImage: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n width: '100%',\n maxWidth: 621,\n },\n benefits: {\n padding: '84px 172px',\n },\n sectionContainer: {\n maxWidth: DEFAULT_MAX_WIDTH,\n margin: '0 auto',\n },\n topPartWrapper: {\n padding: '0 30px',\n },\n benefitsTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n textTransform: 'uppercase',\n textAlign: 'center',\n color: RAISIN_BLACK,\n '& > span': {\n color: GOLD,\n },\n },\n text: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 16,\n lineHeight: '160%',\n textAlign: 'center',\n color: RAISIN_BLACK,\n margin: '16px auto 0',\n maxWidth: 615,\n },\n freeTrialBlock: {\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n margin: '40px auto 0',\n maxWidth: 253,\n width: '100%',\n backgroundColor: 'rgba(242, 169, 0, 0.06)',\n padding: '13px 16px 19px',\n boxSizing: 'border-box',\n backgroundImage: `repeating-linear-gradient(-18deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(65deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(144deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(245deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px)`,\n backgroundSize: '1px 100%, 100% 1px, 1px 100% , 100% 1px',\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\n backgroundRepeat: 'no-repeat',\n },\n prevPrice: {\n position: 'relative',\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 30,\n lineHeight: '130%',\n width: 46,\n textAlign: 'center',\n color: ROBO_MASTER,\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: '53%',\n left: 0,\n transform: 'translateY(-50%)',\n width: '100%',\n height: 3,\n backgroundColor: ROBO_MASTER,\n },\n },\n freeTrialLabel: {\n position: 'relative',\n backgroundColor: GOLD,\n marginTop: 4,\n },\n freeTrialText: {\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 27,\n lineHeight: '130%',\n textTransform: 'uppercase',\n color: '#FFFFFF',\n },\n leftArrows: {\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: -25,\n width: 28,\n height: '50%',\n transform: 'skewX(35deg)',\n transformOrigin: 'top left',\n backgroundColor: GOLD,\n zIndex: -1,\n },\n '&:after': {\n transformOrigin: 'bottom left',\n transform: 'skewX(-35deg)',\n top: 'auto',\n bottom: 0,\n },\n },\n rightArrows: {\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: -25,\n width: 28,\n height: '50%',\n transform: 'skewX(-35deg)',\n transformOrigin: 'top right',\n backgroundColor: GOLD,\n zIndex: -1,\n },\n '&:after': {\n transformOrigin: 'bottom right',\n transform: 'skewX(35deg)',\n top: 'auto',\n bottom: 0,\n },\n },\n benefitsRow: {\n marginTop: 61,\n display: 'flex',\n justifyContent: 'center',\n gap: 75,\n },\n benefitBox: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n minWidth: 150,\n },\n benefitText: {\n fontFamily: OSWALD,\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '130%',\n textTransform: 'uppercase',\n textAlign: 'center',\n color: RAISIN_BLACK,\n marginTop: 36,\n maxWidth: 200,\n },\n benefitIcon: {\n height: 72,\n },\n howItWorks: {\n display: 'flex',\n alignItems: 'center',\n backgroundColor: RAISIN_BLACK,\n height: 705,\n position: 'relative',\n },\n leftPart: {\n width: '50%',\n padding: '67px 100px 58px 0px',\n boxSizing: 'border-box',\n },\n rightPart: {\n position: 'absolute',\n top: 0,\n right: 0,\n width: '50%',\n height: '100%',\n },\n howItWorksTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 48,\n lineHeight: '130%',\n color: '#FFFFFF',\n textTransform: 'uppercase',\n },\n pointsBlock: {\n marginTop: 47,\n },\n howItWorkItemBlock: {\n display: 'flex',\n alignItems: 'center',\n '&:not(:first-child)': {\n marginTop: 30,\n },\n },\n howItWorksItem: {\n fontFamily: POPPINS,\n fontWeight: 500,\n fontSize: 20,\n lineHeight: '180%',\n color: '#FFFFFF',\n },\n howItWorksItemNumber: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 22.5,\n lineHeight: '150%',\n color: '#FFFFFF',\n textAlign: 'center',\n backgroundColor: GOLD,\n width: 40,\n minWidth: 40,\n height: 40,\n borderRadius: '50%',\n marginRight: 19,\n },\n howItWorksImage: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'top',\n },\n howItWorksWrap: {\n display: 'flex',\n width: '100%',\n padding: '0 30px',\n },\n questions: {\n display: 'flex',\n flexDirection: 'column',\n maxWidth: 802,\n margin: '0 auto',\n padding: '85px 130px 144px',\n },\n questionsWrap: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: 40,\n },\n dropdownHeadText: {\n '& > span': {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 20,\n lineHeight: '130%',\n color: RAISIN_BLACK,\n textTransform: 'uppercase',\n },\n },\n dropdownText: {\n color: `${RAISIN_BLACK} !important`,\n },\n questionBlock: {\n width: '100%',\n '&:nth-child(1)': {\n marginRight: 18,\n },\n '&:nth-child(2)': {\n marginLeft: 18,\n },\n },\n questionsImageBlock: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: 341,\n width: '100%',\n backgroundColor: BRIGHT_GRAY,\n },\n questionsTextBlock: {\n marginTop: 36,\n },\n questionTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n color: RAISIN_BLACK,\n textTransform: 'uppercase',\n },\n questionText: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 16,\n lineHeight: '160%',\n color: RAISIN_BLACK,\n marginTop: 20,\n '& > span': {\n textTransform: 'uppercase',\n color: GOLD,\n fontWeight: 600,\n },\n },\n '@media (max-width: 1680px)': {\n howItWorks: {\n height: 531,\n },\n },\n '@media (max-width: 1288px)': {\n title: {\n maxWidth: 500,\n },\n },\n '@media (max-width: 1180px)': {\n topPartWrapper: {\n padding: 0,\n },\n questionsImageBlock: {\n height: 285,\n },\n leftPart: {\n paddingRight: 50,\n },\n title: {\n textAlign: 'center',\n padding: 0,\n margin: '0 auto',\n },\n main: {\n flexDirection: 'column',\n paddingLeft: 0,\n },\n lockersImageWrap: {\n position: 'relative',\n overflow: 'hidden',\n height: 353,\n marginTop: 36,\n },\n lockersImage: {\n left: -60,\n objectFit: 'cover',\n objectPosition: 'top',\n width: '100%',\n height: '100%',\n },\n },\n '@media (max-width: 1024px)': {\n benefitsRow: {\n flexWrap: 'wrap',\n marginTop: 36,\n },\n benefitBox: {\n width: '50%',\n },\n howItWorks: {\n height: 'auto',\n },\n howItWorksWrap: {\n flexDirection: 'column',\n height: 'auto',\n padding: 0,\n },\n rightPart: {\n order: 1,\n width: '100%',\n position: 'initial',\n },\n leftPart: {\n order: 2,\n padding: '65px 130px',\n alignSelf: 'flex-start',\n width: '100%',\n },\n howItWorksImage: {\n maxHeight: 531,\n },\n },\n '@media (max-width: 950px)': {\n questionsWrap: {\n flexDirection: 'column',\n },\n questionBlock: {\n '&:nth-child(1)': {\n marginRight: 0,\n },\n '&:nth-child(2)': {\n marginLeft: 0,\n marginTop: 54,\n },\n },\n },\n '@media (max-width: 800px)': {\n benefits: {\n padding: '84px 30px',\n },\n leftPart: {\n padding: '47px 30px 60px',\n },\n },\n '@media (max-width: 640px)': {\n topPart: {\n minHeight: 'auto',\n },\n partnerLogoWrap: {\n position: 'initial',\n },\n title: {\n fontSize: 40,\n padding: '0 20px',\n },\n howItWorksTitle: {\n fontSize: 40,\n },\n lockersImageWrap: {\n height: 300,\n },\n benefitsRow: {\n marginTop: 20,\n },\n benefitBox: {\n width: '100%',\n },\n questions: {\n padding: '66px 30px 49px',\n },\n },\n '@media (max-width: 430px)': {\n lockersImageWrap: {\n height: 204,\n },\n benefitsTitle: {\n fontSize: 30,\n },\n howItWorksTitle: {\n fontSize: 30,\n },\n howItWorksItem: {\n fontSize: 16,\n },\n questionsImageBlock: {\n height: 187,\n '& > svg': {\n height: 92,\n width: 92,\n },\n },\n questionTitle: {\n fontSize: 24,\n },\n },\n '@media (max-width: 340px)': {\n cross: {\n margin: '0 14px',\n },\n luxerLogo: {\n width: '100%',\n },\n logoWrap: {\n padding: '0 10px',\n },\n },\n}))\n\nexport default useStyles\n","import {\n BrandsWithBox,\n RetailersGroup,\n Users,\n} from '@returnmates/ui-core/src/components/imageComponents'\nimport { memo } from 'react'\n\nimport useStyles from './styles'\n\nconst benefitsMap = [\n {\n text: 'No post office lines',\n icon: Users,\n },\n {\n text: 'We accept returns from any retailer or carrier',\n icon: RetailersGroup,\n },\n {\n text: 'Outbound shipping',\n icon: BrandsWithBox,\n },\n]\n\nfunction Benefits() {\n const classes = useStyles()\n\n return (\n \n \n {priceInfoText}\n \n {buttonText}}\n />\n
\n \n {dialogType === PromoDialogTypes.rtr ? (\n <>\n Save 25% \n on your pickups\n \n ) : (\n <>\n Schedule Your\n Free Pickup \n in Minutes!\n \n )}\n
\n{codeText}
\n\n USE PROMO: \n
\n\n
\n {mobileLabel}
\n\n ![\"phone\"](\"/assets/images/phone.png\")
\n ![\"track\"](\"/assets/images/track.png\")
\n
\n \n \n \n
\n {promoMobileHead}
\n \n {promoMobileText} {promoCodeText}\n
\n \n
\n \n \n Online returns\n
\n
\n \n Online returns\n
\n just got a lot easier\n
\n \n Online returns are a hassle. We've partnered with Returnmates to make it easy! Want to\n skip the post office trip? No packaging or physical return label required but if you have\n them, even better! Just place your return in the Luxer locker and we'll take care of the\n rest!\n
\n\n {benefitsMap.map((benefit, i) => (\n
\n \n
\n ))}\n {benefit.text}
\n\n
\n \n
\n How it works
\n\n {howItWorksPoints.map((item, idx) => (\n
\n \n
\n ))}\n {idx + 1}
\n {item.text}
\n\n
\n frequently asked questions
\n\n {FAQList.map(item => (\n
\n \n \n
\n )\n}\n\nexport default memo(Header)\n","import clsx from 'clsx'\nimport { memo } from 'react'\n\nimport Header from './Header'\nimport useStyles from './styles'\n\nfunction TopPart() {\n const classes = useStyles()\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n You can now use Luxer One lockers for online returns!\n
\n\n ![\"lockers\"](\"/assets/images/lockers.png\")
\n
\n \n \n
\n )\n}\n\nexport default memo(LuxerOne)\n","export default __webpack_public_path__ + \"static/media/rectangle.a3756ff4.svg\";","import { makeStyles } from '@mui/styles'\nimport {\n BRIGHT_GRAY,\n GOLD,\n RAISIN_BLACK,\n ROBO_MASTER,\n WHITE,\n} from '@returnmates/client-core/src/constants/colors'\nimport { OSWALD, POPPINS } from '@returnmates/ui-core/src/constants/styles/fonts'\n\nimport { DEFAULT_MAX_WIDTH } from '../../constants/styles'\nimport rectangleIcon from './icons/rectangle.svg'\n\nconst useStyles = makeStyles(() => ({\n container: {},\n topPart: {\n position: 'relative',\n backgroundImage: `url(/assets/images/wall.jpg)`,\n backgroundRepeat: 'no-repeat',\n '-webkit-background-size': 'cover',\n '-moz-background-size': 'cover',\n '-o-background-size': 'cover',\n backgroundSize: 'cover',\n backgroundPosition: 'bottom',\n minHeight: 587,\n overflow: 'hidden',\n },\n header: {\n height: 120,\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n headerBackground: {\n position: 'absolute',\n top: 0,\n left: 0,\n height: '100%',\n width: '100%',\n background: 'linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 106.96%)',\n opacity: 0.2,\n },\n main: {\n display: 'flex',\n height: '100%',\n },\n logoWrap: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n maxWidth: 312,\n },\n partnerLogoWrap: {\n display: 'flex',\n alignItems: 'center',\n },\n logo: {\n height: 29,\n '& > path': {\n fill: '#FFFFFF',\n },\n },\n cross: {\n margin: '0 34px',\n },\n luxerLogo: {\n marginTop: 6,\n },\n title: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 56,\n lineHeight: '130%',\n color: '#FFFFFF',\n textTransform: 'uppercase',\n padding: '80px 95px 0 0',\n maxWidth: 565,\n '& > span': {\n color: GOLD,\n },\n },\n lockersImageWrap: {\n height: 460,\n width: '100%',\n },\n lockersImage: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n width: '100%',\n maxWidth: 621,\n },\n benefits: {\n padding: '95px 172px 62px',\n },\n sectionContainer: {\n maxWidth: DEFAULT_MAX_WIDTH,\n margin: '0 auto',\n },\n topPartWrapper: {\n padding: '0 30px',\n },\n benefitsTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n textTransform: 'uppercase',\n textAlign: 'center',\n color: RAISIN_BLACK,\n '& > span': {\n color: GOLD,\n },\n },\n text: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 16,\n lineHeight: '160%',\n textAlign: 'center',\n color: RAISIN_BLACK,\n margin: '16px auto 0',\n maxWidth: 615,\n },\n freeTrialBlock: {\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n margin: '40px auto 0',\n maxWidth: 253,\n width: '100%',\n backgroundColor: 'rgba(242, 169, 0, 0.06)',\n padding: '13px 16px 19px',\n boxSizing: 'border-box',\n backgroundImage: `repeating-linear-gradient(-18deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(65deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(144deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(245deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px)`,\n backgroundSize: '1px 100%, 100% 1px, 1px 100% , 100% 1px',\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\n backgroundRepeat: 'no-repeat',\n },\n prevPrice: {\n position: 'relative',\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 30,\n lineHeight: '130%',\n width: 46,\n textAlign: 'center',\n color: ROBO_MASTER,\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: '53%',\n left: 0,\n transform: 'translateY(-50%)',\n width: '100%',\n height: 3,\n backgroundColor: ROBO_MASTER,\n },\n },\n freeTrialLabelContainer: {\n backgroundImage: `url(${rectangleIcon})`,\n backgroundRepeat: 'no-repeat',\n padding: '0px 20px',\n marginTop: '5px',\n },\n freeTrialLabel: {\n position: 'relative',\n color: WHITE,\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 29,\n textTransform: 'uppercase',\n },\n freeTrialText: {\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 27,\n lineHeight: '130%',\n textTransform: 'uppercase',\n color: ROBO_MASTER,\n textDecoration: 'line-through',\n },\n leftArrows: {\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: -25,\n width: 28,\n height: '50%',\n transform: 'skewX(35deg)',\n transformOrigin: 'top left',\n backgroundColor: GOLD,\n zIndex: -1,\n },\n '&:after': {\n transformOrigin: 'bottom left',\n transform: 'skewX(-35deg)',\n top: 'auto',\n bottom: 0,\n },\n },\n rightArrows: {\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: -25,\n width: 28,\n height: '50%',\n transform: 'skewX(-35deg)',\n transformOrigin: 'top right',\n backgroundColor: GOLD,\n zIndex: -1,\n },\n '&:after': {\n transformOrigin: 'bottom right',\n transform: 'skewX(35deg)',\n top: 'auto',\n bottom: 0,\n },\n },\n benefitsRow: {\n marginTop: 50,\n display: 'flex',\n justifyContent: 'space-between',\n },\n benefitBox: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n minWidth: 150,\n },\n benefitText: {\n fontFamily: OSWALD,\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '130%',\n textTransform: 'uppercase',\n textAlign: 'center',\n color: RAISIN_BLACK,\n marginTop: 36,\n maxWidth: 200,\n },\n benefitIcon: {\n height: 72,\n },\n howItWorks: {\n display: 'flex',\n alignItems: 'center',\n backgroundColor: RAISIN_BLACK,\n height: 705,\n position: 'relative',\n },\n leftPart: {\n width: '50%',\n padding: '67px 100px 58px 0px',\n boxSizing: 'border-box',\n },\n rightPart: {\n position: 'absolute',\n top: 0,\n right: 0,\n width: '50%',\n height: '100%',\n },\n howItWorksTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 48,\n lineHeight: '130%',\n color: '#FFFFFF',\n textTransform: 'uppercase',\n },\n pointsBlock: {\n marginTop: 47,\n },\n howItWorkItemBlock: {\n display: 'flex',\n alignItems: 'center',\n '&:not(:first-child)': {\n marginTop: 30,\n },\n },\n howItWorksItem: {\n fontFamily: POPPINS,\n fontWeight: 500,\n fontSize: 20,\n lineHeight: '180%',\n color: '#FFFFFF',\n },\n howItWorksItemNumber: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 22.5,\n lineHeight: '150%',\n color: '#FFFFFF',\n textAlign: 'center',\n backgroundColor: GOLD,\n width: 40,\n minWidth: 40,\n height: 40,\n borderRadius: '50%',\n marginRight: 19,\n },\n howItWorksImage: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'top',\n },\n howItWorksWrap: {\n display: 'flex',\n width: '100%',\n padding: '0 30px',\n },\n questions: {\n display: 'flex',\n flexDirection: 'column',\n maxWidth: 802,\n margin: '0 auto',\n padding: '85px 130px 144px',\n },\n questionsWrap: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: 40,\n },\n dropdownHeadText: {\n '& > span': {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 20,\n lineHeight: '130%',\n color: RAISIN_BLACK,\n textTransform: 'uppercase',\n },\n },\n dropdownText: {\n color: `${RAISIN_BLACK} !important`,\n },\n questionBlock: {\n width: '100%',\n '&:nth-child(1)': {\n marginRight: 18,\n },\n '&:nth-child(2)': {\n marginLeft: 18,\n },\n },\n questionsImageBlock: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: 341,\n width: '100%',\n backgroundColor: BRIGHT_GRAY,\n },\n questionsTextBlock: {\n marginTop: 36,\n },\n questionTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n color: RAISIN_BLACK,\n textTransform: 'uppercase',\n },\n questionText: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 16,\n lineHeight: '160%',\n color: RAISIN_BLACK,\n marginTop: 20,\n '& > span': {\n textTransform: 'uppercase',\n color: GOLD,\n fontWeight: 600,\n },\n },\n '@media (max-width: 1680px)': {\n howItWorks: {\n height: 531,\n },\n },\n '@media (max-width: 1288px)': {\n title: {\n maxWidth: 500,\n },\n },\n '@media (max-width: 1180px)': {\n topPartWrapper: {\n padding: 0,\n },\n questionsImageBlock: {\n height: 285,\n },\n leftPart: {\n paddingRight: 50,\n },\n title: {\n textAlign: 'center',\n padding: 0,\n margin: '0 auto',\n },\n main: {\n flexDirection: 'column',\n paddingLeft: 0,\n },\n lockersImageWrap: {\n position: 'relative',\n overflow: 'hidden',\n height: 353,\n marginTop: 36,\n },\n lockersImage: {\n left: -60,\n objectFit: 'cover',\n objectPosition: 'top',\n width: '100%',\n height: '100%',\n },\n },\n '@media (max-width: 1024px)': {\n benefitsRow: {\n flexWrap: 'wrap',\n marginTop: 36,\n },\n benefitBox: {\n width: '50%',\n marginTop: 54,\n },\n howItWorks: {\n height: 'auto',\n },\n howItWorksWrap: {\n flexDirection: 'column',\n height: 'auto',\n padding: 0,\n },\n rightPart: {\n order: 1,\n width: '100%',\n position: 'initial',\n },\n leftPart: {\n order: 2,\n padding: '65px 130px',\n alignSelf: 'flex-start',\n width: '100%',\n },\n howItWorksImage: {\n maxHeight: 531,\n },\n },\n '@media (max-width: 950px)': {\n questionsWrap: {\n flexDirection: 'column',\n },\n questionBlock: {\n '&:nth-child(1)': {\n marginRight: 0,\n },\n '&:nth-child(2)': {\n marginLeft: 0,\n marginTop: 54,\n },\n },\n },\n '@media (max-width: 800px)': {\n benefits: {\n padding: '72px 30px 96px',\n },\n leftPart: {\n padding: '47px 30px 60px',\n },\n },\n '@media (max-width: 640px)': {\n topPart: {\n minHeight: 'auto',\n },\n partnerLogoWrap: {\n position: 'initial',\n },\n title: {\n fontSize: 40,\n padding: '0 20px',\n },\n howItWorksTitle: {\n fontSize: 40,\n },\n lockersImageWrap: {\n height: 300,\n },\n benefitsRow: {\n marginTop: 0,\n },\n benefitBox: {\n width: '100%',\n },\n questions: {\n padding: '66px 30px 49px',\n },\n },\n '@media (max-width: 430px)': {\n lockersImageWrap: {\n height: 204,\n },\n benefitsTitle: {\n fontSize: 30,\n },\n howItWorksTitle: {\n fontSize: 30,\n },\n howItWorksItem: {\n fontSize: 16,\n },\n questionsImageBlock: {\n height: 187,\n '& > svg': {\n height: 92,\n width: 92,\n },\n },\n questionTitle: {\n fontSize: 24,\n },\n },\n '@media (max-width: 340px)': {\n cross: {\n margin: '0 14px',\n },\n luxerLogo: {\n width: '100%',\n },\n logoWrap: {\n padding: '0 10px',\n },\n },\n}))\n\nexport default useStyles\n","import {\n BrandsWithBox,\n RetailersGroup,\n Tape,\n Users,\n} from '@returnmates/ui-core/src/components/imageComponents'\nimport { memo } from 'react'\n\nimport useStyles from './styles'\n\nconst benefitsMap = [\n {\n text: 'No post office lines',\n icon: Users,\n },\n {\n text: 'No packaging required',\n icon: Tape,\n },\n {\n text: 'We accept returns from any retailer',\n icon: RetailersGroup,\n },\n {\n text: 'Outbound shipping',\n icon: BrandsWithBox,\n },\n]\n\nfunction Benefits() {\n const classes = useStyles()\n\n return (\n \n \n Online returns\n
\n
\n \n Online returns\n
\n just got a lot easier\n
\n \n Online returns are a hassle. We've partnered with Returnmates to make it easy! Want to\n skip the post office trip? Don't want to hassle with printing labels and packaging? Just\n put your return in the Luxer locker and we'll take care of the rest!\n
\n\n
\n $3
\n\n
\n Free trial!
\n\n {benefitsMap.map((benefit, i) => (\n
\n \n
\n ))}\n {benefit.text}
\n\n
\n \n
\n How it works
\n\n {howItWorksPoints.map((item, idx) => (\n
\n \n
\n ))}\n {idx + 1}
\n {item.text}
\n\n
\n frequently asked questions
\n\n {FAQList.map(item => (\n
\n \n \n
\n )\n}\n\nexport default memo(Header)\n","import clsx from 'clsx'\nimport { memo } from 'react'\n\nimport Header from './Header'\nimport useStyles from './styles'\n\nfunction TopPart() {\n const classes = useStyles()\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n You can now use Luxer One lockers for online returns!\n
\n\n \n
\n \n \n
\n )\n}\n\nexport default memo(LuxerOneFree)\n","import { makeStyles } from '@mui/styles'\nimport {\n BRIGHT_GRAY,\n GOLD,\n RAISIN_BLACK,\n ROBO_MASTER,\n} from '@returnmates/client-core/src/constants/colors'\nimport { OSWALD, POPPINS } from '@returnmates/ui-core/src/constants/styles/fonts'\n\nimport { DEFAULT_MAX_WIDTH } from '../../constants/styles'\n\nconst useStyles = makeStyles(() => ({\n container: {},\n topPart: {\n position: 'relative',\n backgroundImage: `url(/assets/images/wall.jpg)`,\n backgroundRepeat: 'no-repeat',\n '-webkit-background-size': 'cover',\n '-moz-background-size': 'cover',\n '-o-background-size': 'cover',\n backgroundSize: 'cover',\n backgroundPosition: 'bottom',\n minHeight: 587,\n overflow: 'hidden',\n },\n header: {\n height: 120,\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n },\n headerBackground: {\n position: 'absolute',\n top: 0,\n left: 0,\n height: '100%',\n width: '100%',\n background: 'linear-gradient(180deg, #000000 0%, rgba(0, 0, 0, 0) 106.96%)',\n opacity: 0.2,\n },\n main: {\n display: 'flex',\n height: '100%',\n },\n logoWrap: {\n position: 'relative',\n display: 'flex',\n alignItems: 'center',\n maxWidth: 312,\n },\n partnerLogoWrap: {\n display: 'flex',\n alignItems: 'center',\n },\n logo: {\n height: 29,\n '& > path': {\n fill: '#FFFFFF',\n },\n },\n cross: {\n margin: '0 34px',\n },\n luxerLogo: {\n marginTop: 6,\n },\n title: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 56,\n lineHeight: '130%',\n color: '#FFFFFF',\n textTransform: 'uppercase',\n padding: '80px 95px 0 0',\n maxWidth: 565,\n '& > span': {\n color: GOLD,\n },\n },\n lockersImageWrap: {\n height: 460,\n width: '100%',\n },\n lockersImage: {\n position: 'absolute',\n bottom: 0,\n right: 0,\n width: '100%',\n maxWidth: 621,\n },\n benefits: {\n padding: '95px 172px 62px',\n },\n sectionContainer: {\n maxWidth: DEFAULT_MAX_WIDTH,\n margin: '0 auto',\n },\n topPartWrapper: {\n padding: '0 30px',\n },\n benefitsTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n textTransform: 'uppercase',\n textAlign: 'center',\n color: RAISIN_BLACK,\n '& > span': {\n color: GOLD,\n },\n },\n text: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 16,\n lineHeight: '160%',\n textAlign: 'center',\n color: RAISIN_BLACK,\n margin: '16px auto 0',\n maxWidth: 615,\n },\n freeTrialBlock: {\n position: 'relative',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: 'center',\n alignItems: 'center',\n margin: '40px auto 0',\n maxWidth: 390,\n width: '100%',\n backgroundColor: 'rgba(242, 169, 0, 0.06)',\n padding: '13px 16px 19px',\n boxSizing: 'border-box',\n backgroundImage: `repeating-linear-gradient(-18deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(65deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(144deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px), repeating-linear-gradient(245deg, ${GOLD}, ${GOLD} 7px, transparent 7px, transparent 14px, ${GOLD} 14px)`,\n backgroundSize: '1px 100%, 100% 1px, 1px 100% , 100% 1px',\n backgroundPosition: '0 0, 0 0, 100% 0, 0 100%',\n backgroundRepeat: 'no-repeat',\n },\n prevPrice: {\n position: 'relative',\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 30,\n lineHeight: '130%',\n width: 46,\n textAlign: 'center',\n color: ROBO_MASTER,\n '&:before': {\n content: '\"\"',\n position: 'absolute',\n top: '53%',\n left: 0,\n transform: 'translateY(-50%)',\n width: '100%',\n height: 3,\n backgroundColor: ROBO_MASTER,\n },\n },\n freeTrialLabel: {\n position: 'relative',\n color: GOLD,\n fontSize: 16,\n fontFamily: POPPINS,\n fontWeight: 700,\n marginTop: 4,\n textTransform: 'uppercase',\n },\n freeTrialText: {\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 30,\n lineHeight: '130%',\n color: '#22222299',\n marginTop: 7,\n },\n leftArrows: {\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n left: -25,\n width: 28,\n height: '50%',\n transform: 'skewX(35deg)',\n transformOrigin: 'top left',\n backgroundColor: GOLD,\n zIndex: -1,\n },\n '&:after': {\n transformOrigin: 'bottom left',\n transform: 'skewX(-35deg)',\n top: 'auto',\n bottom: 0,\n },\n },\n rightArrows: {\n '&:before, &:after': {\n content: '\"\"',\n position: 'absolute',\n top: 0,\n right: -25,\n width: 28,\n height: '50%',\n transform: 'skewX(-35deg)',\n transformOrigin: 'top right',\n backgroundColor: GOLD,\n zIndex: -1,\n },\n '&:after': {\n transformOrigin: 'bottom right',\n transform: 'skewX(35deg)',\n top: 'auto',\n bottom: 0,\n },\n },\n benefitsRow: {\n marginTop: 50,\n display: 'flex',\n justifyContent: 'space-between',\n },\n benefitBox: {\n display: 'flex',\n flexDirection: 'column',\n alignItems: 'center',\n minWidth: 150,\n },\n benefitText: {\n fontFamily: OSWALD,\n fontWeight: 500,\n fontSize: 18,\n lineHeight: '130%',\n textTransform: 'uppercase',\n textAlign: 'center',\n color: RAISIN_BLACK,\n marginTop: 36,\n maxWidth: 200,\n },\n benefitIcon: {\n height: 72,\n },\n howItWorks: {\n display: 'flex',\n alignItems: 'center',\n backgroundColor: RAISIN_BLACK,\n height: 705,\n position: 'relative',\n },\n leftPart: {\n width: '50%',\n padding: '67px 100px 58px 0px',\n boxSizing: 'border-box',\n },\n rightPart: {\n position: 'absolute',\n top: 0,\n right: 0,\n width: '50%',\n height: '100%',\n },\n howItWorksTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 48,\n lineHeight: '130%',\n color: '#FFFFFF',\n textTransform: 'uppercase',\n },\n pointsBlock: {\n marginTop: 47,\n },\n howItWorkItemBlock: {\n display: 'flex',\n alignItems: 'center',\n '&:not(:first-child)': {\n marginTop: 30,\n },\n },\n howItWorksItem: {\n fontFamily: POPPINS,\n fontWeight: 500,\n fontSize: 20,\n lineHeight: '180%',\n color: '#FFFFFF',\n },\n howItWorksItemNumber: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n fontFamily: POPPINS,\n fontWeight: 600,\n fontSize: 22.5,\n lineHeight: '150%',\n color: '#FFFFFF',\n textAlign: 'center',\n backgroundColor: GOLD,\n width: 40,\n minWidth: 40,\n height: 40,\n borderRadius: '50%',\n marginRight: 19,\n },\n howItWorksImage: {\n width: '100%',\n height: '100%',\n objectFit: 'cover',\n objectPosition: 'top',\n },\n howItWorksWrap: {\n display: 'flex',\n width: '100%',\n padding: '0 30px',\n },\n questions: {\n display: 'flex',\n flexDirection: 'column',\n maxWidth: 802,\n margin: '0 auto',\n padding: '85px 130px 144px',\n },\n questionsWrap: {\n display: 'flex',\n flexDirection: 'column',\n marginTop: 40,\n },\n dropdownHeadText: {\n '& > span': {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 20,\n lineHeight: '130%',\n color: RAISIN_BLACK,\n textTransform: 'uppercase',\n },\n },\n dropdownText: {\n color: `${RAISIN_BLACK} !important`,\n },\n questionBlock: {\n width: '100%',\n '&:nth-child(1)': {\n marginRight: 18,\n },\n '&:nth-child(2)': {\n marginLeft: 18,\n },\n },\n questionsImageBlock: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n height: 341,\n width: '100%',\n backgroundColor: BRIGHT_GRAY,\n },\n questionsTextBlock: {\n marginTop: 36,\n },\n questionTitle: {\n fontFamily: OSWALD,\n fontWeight: 600,\n fontSize: 40,\n lineHeight: '130%',\n color: RAISIN_BLACK,\n textTransform: 'uppercase',\n },\n questionText: {\n fontFamily: POPPINS,\n fontWeight: 400,\n fontSize: 16,\n lineHeight: '160%',\n color: RAISIN_BLACK,\n marginTop: 20,\n '& > span': {\n textTransform: 'uppercase',\n color: GOLD,\n fontWeight: 600,\n },\n },\n '@media (max-width: 1680px)': {\n howItWorks: {\n height: 531,\n },\n },\n '@media (max-width: 1288px)': {\n title: {\n maxWidth: 500,\n },\n },\n '@media (max-width: 1180px)': {\n topPartWrapper: {\n padding: 0,\n },\n questionsImageBlock: {\n height: 285,\n },\n leftPart: {\n paddingRight: 50,\n },\n title: {\n textAlign: 'center',\n padding: 0,\n margin: '0 auto',\n },\n main: {\n flexDirection: 'column',\n paddingLeft: 0,\n },\n lockersImageWrap: {\n position: 'relative',\n overflow: 'hidden',\n height: 353,\n marginTop: 36,\n },\n lockersImage: {\n left: -60,\n objectFit: 'cover',\n objectPosition: 'top',\n width: '100%',\n height: '100%',\n },\n },\n '@media (max-width: 1024px)': {\n benefitsRow: {\n flexWrap: 'wrap',\n marginTop: 36,\n },\n benefitBox: {\n width: '50%',\n marginTop: 54,\n },\n howItWorks: {\n height: 'auto',\n },\n howItWorksWrap: {\n flexDirection: 'column',\n height: 'auto',\n padding: 0,\n },\n rightPart: {\n order: 1,\n width: '100%',\n position: 'initial',\n },\n leftPart: {\n order: 2,\n padding: '65px 130px',\n alignSelf: 'flex-start',\n width: '100%',\n },\n howItWorksImage: {\n maxHeight: 531,\n },\n },\n '@media (max-width: 950px)': {\n questionsWrap: {\n flexDirection: 'column',\n },\n questionBlock: {\n '&:nth-child(1)': {\n marginRight: 0,\n },\n '&:nth-child(2)': {\n marginLeft: 0,\n marginTop: 54,\n },\n },\n },\n '@media (max-width: 800px)': {\n benefits: {\n padding: '72px 30px 96px',\n },\n leftPart: {\n padding: '47px 30px 60px',\n },\n },\n '@media (max-width: 640px)': {\n topPart: {\n minHeight: 'auto',\n },\n partnerLogoWrap: {\n position: 'initial',\n },\n title: {\n fontSize: 40,\n padding: '0 20px',\n },\n howItWorksTitle: {\n fontSize: 40,\n },\n lockersImageWrap: {\n height: 300,\n },\n benefitsRow: {\n marginTop: 0,\n },\n benefitBox: {\n width: '100%',\n },\n questions: {\n padding: '66px 30px 49px',\n },\n },\n '@media (max-width: 430px)': {\n lockersImageWrap: {\n height: 204,\n },\n benefitsTitle: {\n fontSize: 30,\n },\n howItWorksTitle: {\n fontSize: 30,\n },\n howItWorksItem: {\n fontSize: 16,\n },\n questionsImageBlock: {\n height: 187,\n '& > svg': {\n height: 92,\n width: 92,\n },\n },\n questionTitle: {\n fontSize: 24,\n },\n },\n '@media (max-width: 340px)': {\n cross: {\n margin: '0 14px',\n },\n luxerLogo: {\n width: '100%',\n },\n logoWrap: {\n padding: '0 10px',\n },\n },\n}))\n\nexport default useStyles\n","import {\n BrandsWithBox,\n RetailersGroup,\n Tape,\n Users,\n} from '@returnmates/ui-core/src/components/imageComponents'\nimport { memo } from 'react'\n\nimport useStyles from './styles'\n\nconst benefitsMap = [\n {\n text: 'No post office lines',\n icon: Users,\n },\n {\n text: 'No packaging required',\n icon: Tape,\n },\n {\n text: 'We accept returns from any retailer',\n icon: RetailersGroup,\n },\n {\n text: 'Outbound shipping',\n icon: BrandsWithBox,\n },\n]\n\nfunction Benefits() {\n const classes = useStyles()\n\n return (\n \n \n Online returns\n
\n
\n \n Online returns\n
\n just got a lot easier\n
\n \n Online returns are a hassle. We've partnered with Returnmates to make it easy! Want to\n skip the post office trip? Don't want to hassle with printing labels and packaging? Just\n put your return in the Luxer locker and we'll take care of the rest!\n
\n\n
\n Promotional Price
\nPRICE: $1.50 per return
\n\n {benefitsMap.map((benefit, i) => (\n
\n \n
\n ))}\n {benefit.text}
\n\n
\n \n
\n How it works
\n\n {howItWorksPoints.map((item, idx) => (\n
\n \n
\n ))}\n {idx + 1}
\n {item.text}
\n\n
\n frequently asked questions
\n\n {FAQList.map(item => (\n
\n \n \n
\n )\n}\n\nexport default memo(Header)\n","import clsx from 'clsx'\nimport { memo } from 'react'\n\nimport Header from './Header'\nimport useStyles from './styles'\n\nfunction TopPart() {\n const classes = useStyles()\n\n return (\n \n
\n \n
\n \n
\n \n
\n \n You can now use Luxer One lockers for online returns!\n
\n\n \n
\n \n \n
\n )\n}\n\nexport default memo(LuxerOneTrial)\n","import { makeStyles } from '@mui/styles'\n\nconst useStyles = makeStyles(() => ({\n spinnerHandler: {\n width: '100%',\n height: '100vh',\n display: 'flex',\n justifyContent: 'center',\n alignItems: 'center',\n },\n}))\n\nexport default useStyles\n","import { useJsApiLoader } from '@react-google-maps/api'\nimport * as actions from '@returnmates/client-core/src/constants/actionTypes'\nimport { getUserData } from '@returnmates/client-core/src/selectors/user'\nimport { createAsyncAction } from '@returnmates/client-core/src/utils/reduxUtils'\nimport refreshTimeout from '@returnmates/client-core/src/utils/refreshTimeout'\nimport SnackBars from '@returnmates/ui-core/src/components/SnackBars'\nimport Spinner from '@returnmates/ui-core/src/components/Spinner'\nimport AWS from 'aws-sdk'\nimport { lazy, memo, Suspense, useCallback, useEffect, useState } from 'react'\nimport { useDispatch, useSelector } from 'react-redux'\nimport { BrowserRouter, Route, Routes } from 'react-router-dom'\nimport { Navigate } from 'react-router-dom'\n\nimport Middleware from '../../components/Middleware'\nimport NotSchedulePickupModal from '../../components/NotScheduePickupModal'\nimport PromoDialog from '../../components/PromoDialog'\nimport config from '../../config'\nimport {\n ABOUT,\n BLOG,\n BLOGS,\n CAREER,\n CONSOLIDATION,\n CONSOLIDATIONS_DETAILS,\n DISABLED_PATH_FOR_POPUP,\n DRIVE,\n FAQ,\n FIRST_PICKUP,\n FOR_BRANDS,\n FORGOT_PASSWORD,\n HOME,\n LEXERONE_TRIAL,\n LOGIN,\n LUXERONE,\n LUXERONE_FREE,\n MANIFEST,\n MY_ACCOUNT,\n OAUTH,\n PACKAGE,\n PACKAGE_FAQ,\n PRICING,\n PRIVACY,\n PRIVACY_PARTNER,\n SCHEDULE_PICKUP_SUCCESS,\n SIGNUP,\n SWAP,\n TERMS,\n TRACKING,\n TRIPS_TRACKING,\n UNAVAILABLE_AREA,\n UNAVAILABLE_AREA_THANKS,\n UPDATE_PASSWORD,\n UPGRADE,\n ZIP_CODE,\n} from '../../constants/paths'\nimport LuxerOne from '../LuxerOne'\nimport LuxerOneFree from '../LuxerOneFree'\nimport LuxerOneTrial from '../LuxerOneTrial'\nimport useStyles from './styles'\n\nconst AboutUs = lazy(() => import('../AboutUs'))\nconst AddressesPage = lazy(() => import('../Addresses'))\nconst BlogPage = lazy(() => import('../Blog'))\nconst BlogsPage = lazy(() => import('../Blogs'))\nconst CareerPage = lazy(() => import('../Career'))\nconst CreateFirstPickupPage = lazy(() => import('../CreateFirstPickup'))\nconst DrivePage = lazy(() => import('../Drive'))\nconst FAQPage = lazy(() => import('../FAQ'))\nconst ForBrandsPage = lazy(() => import('../ForBrands'))\nconst ForgotPasswordPage = lazy(() => import('../ForgotPassword'))\nconst LoginPage = lazy(() => import('../Login'))\nconst MainPage = lazy(() => import('../Main'))\nconst Manifest = lazy(() => import('../Manifest'))\nconst MyAccount = lazy(() => import('../MyAccount'))\nconst OauthLoginPage = lazy(() => import('../OauthLogin'))\nconst PackageFAQ = lazy(() => import('../PackageFAQ'))\nconst PricingPage = lazy(() => import('../Pricing'))\nconst PrivacyPage = lazy(() => import('../Privacy'))\nconst PrivacyPartnerPage = lazy(() => import('../PrivacyPartner'))\nconst RegistrationPage = lazy(() => import('../Registration'))\nconst ScheduledPickup = lazy(() => import('../ScheduledPickup'))\nconst TermsPage = lazy(() => import('../Terms'))\nconst TrackingPage = lazy(() => import('../Tracking'))\nconst TrackingPageByPackageId = lazy(() => import('../TrackingByPackageId'))\nconst NewTripsTracking = lazy(() => import('../NewTripsTracking'))\nconst UnvaibleAreaPage = lazy(() => import('../UnvaibleArea'))\nconst UnvaibleAreaThanksPage = lazy(() => import('../UnvaibleAreaThanks'))\nconst UpdatePasswordPage = lazy(() => import('../UpdatePassword'))\nconst UpgradePlan = lazy(() => import('../UpgradePlan'))\nconst ZipCodePage = lazy(() => import('../ZipCode'))\nconst ConsolidationsDetails = lazy(() => import('../ConsolidationsDetails'))\n\nAWS.config.update({\n region: config.aws.region,\n credentials: new AWS.CognitoIdentityCredentials({\n IdentityPoolId: config.aws.identityPoolId,\n }),\n})\n\nfunction Root() {\n const [isLoading, setIsLoading] = useState(true)\n const [isZipCodeUploaded, setIsZipCodeUploaded] = useState(false)\n const [isModalOpen, setIsModalOpen] = useState(false)\n const classes = useStyles()\n const userData = useSelector(getUserData)\n const dispatch = useDispatch()\n const { isLoaded: isLoadedGoogle } = useJsApiLoader({\n id: 'google-map-script',\n googleMapsApiKey: config.google.maps,\n libraries: ['places'],\n })\n\n const checkIsTokenExist = useCallback(async () => {\n try {\n await refreshTimeout(dispatch, true)\n } finally {\n setIsLoading(false)\n }\n }, [dispatch])\n\n const getServicedZipCodes = useCallback(async () => {\n try {\n await createAsyncAction(dispatch, actions.getServicedZipCodes.request({ where: {} }))\n } finally {\n setIsZipCodeUploaded(true)\n }\n }, [dispatch])\n\n useEffect(() => {\n checkIsTokenExist()\n }, [checkIsTokenExist])\n\n useEffect(() => {\n getServicedZipCodes()\n }, [getServicedZipCodes])\n\n useEffect(() => {\n const uuidPattern = '[0-9a-f]{8}-[0-9a-f]{4}-4[0-9a-f]{3}-[89ab][0-9a-f]{3}-[0-9a-f]{12}'\n const urlRegex = new RegExp(`^/(manifest)/(${uuidPattern})$`, 'i')\n\n if (\n !window.location.pathname.includes(TRIPS_TRACKING) &&\n !window.location.pathname.includes(TRACKING) &&\n !window.location.pathname.includes(PACKAGE) &&\n !urlRegex.test(window.location.pathname)\n ) {\n setIsModalOpen(true)\n }\n }, [])\n\n if (isLoading || !isLoadedGoogle || !isZipCodeUploaded) {\n return (\n \n
\n \n \n \n \n } options={options}>\n \n \n \n \n
\n )\n}\n\nexport default App\n","import './utils/Zingle'\n\nimport Amplify from '@aws-amplify/core'\nimport { Auth } from '@returnmates/client-core/src/amplify'\nimport StandingStore from '@returnmates/client-core/src/standingStore'\nimport { store } from '@returnmates/client-core/src/store/configureStore'\nimport ReactDOM from 'react-dom'\nimport { Provider } from 'react-redux'\n\nimport App from './App'\nimport config from './config'\n\nStandingStore.setStore({\n getItem: key => localStorage.getItem(key),\n setItem: (key, val: string) => localStorage.setItem(key, val),\n removeItem: key => localStorage.removeItem(key),\n})\n\nAmplify.configure({\n Auth: {\n identityPoolId: config.aws.identityPoolId,\n region: config.aws.region,\n userPoolId: config.aws.userPoolId,\n userPoolWebClientId: config.aws.userPoolWebClientId,\n },\n})\n\nconst isHostEnv = (env: string): boolean => {\n return window.location.host.split('.')[0] === env || window.location.host.split('.')[1] === env\n}\n\nconst getDomain = () => {\n let env\n\n if (isHostEnv('dev') || window.location.hostname.includes('localhost')) {\n env = 'dev'\n } else if (isHostEnv('stage')) {\n env = 'stage'\n } else {\n env = 'prod'\n }\n\n return `returnmates-${env}.auth.us-west-2.amazoncognito.com`\n}\n\nAuth.configure({\n Auth: {\n oauth: {\n domain: getDomain(),\n scope: ['email', 'profile', 'openid'],\n redirectSignIn: `${location.origin}/oauth`,\n redirectSignOut: `${location.origin}/`,\n responseType: 'code',\n },\n identityPoolId: config.aws.identityPoolId,\n region: config.aws.region,\n userPoolId: config.aws.userPoolId,\n userPoolWebClientId: config.aws.userPoolWebClientId,\n },\n})\n\nReactDOM.render(\n