{"version":3,"file":"component---src-pages-refund-policy-js-e6525c0f1bee185b5091.js","mappings":"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","sources":["webpack://SlatePages/./src/pages/refund-policy.js","webpack://SlatePages/./src/components/shared/section.js"],"sourcesContent":["import React, {useState} from \"react\";\nimport Layout from \"../components/layout/layout\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport {\n  IconButton,\n  Snackbar,\n  Typography,\n} from \"@material-ui/core\";\nimport Copy from '../assets/svgs/icons/copy.svg'\nimport { copyToTheClipboard } from \"../utils/helpers\";\nimport { Alert } from \"@material-ui/lab\";\nimport CustomButton from \"../components/shared/custom-button\";\nimport Phone from '../assets/images/contact/phone.svg'\nimport Email from '../assets/images/contact/email.svg'\nimport {\n  ANTI_BOT,\n  STATUS,\n} from \"../constants/contact\";\nimport Section from \"../components/shared/section\";\n\nconst useStyles = makeStyles((theme) => ({\n  section: {\n    paddingBottom: 0,\n    display: \"flex\",\n    flexDirection: \"column\",\n    alignItems: 'flex-start',\n  },\n  mainSection: {\n    flex: \"auto\",\n    zIndex: 100,\n  },\n  title: {\n    width: '100%',\n    marginBottom: 80,\n\n    [theme.breakpoints.down(840)]: {\n      textAlign: 'center',\n    },\n  },\n  description: {\n    marginBottom: 30,\n\n    [theme.breakpoints.down(840)]: {\n      textAlign: 'center',\n    },\n  },\n  descriptionWithButtons: {\n    marginBottom: 30,\n    width: '100%',\n\n    [theme.breakpoints.down(840)]: {\n      textAlign: 'center',\n    },\n  },\n  buttonsContainer: {\n    display: 'flex',\n    margin: '5px 0',\n    height: 44,\n    alignItems: 'center',\n\n    [theme.breakpoints.down(840)]: {\n      justifyContent: 'center',\n    },\n  },\n  copyButton: {\n    marginBottom: 0,\n\n    [theme.breakpoints.down(840)]: {\n      marginLeft: 44,\n    },\n  },\n  startIcon: {\n    margin: '0 -4px',\n  },\n  copyButtonIcon: {\n    height: '100%',\n    padding: '8px 13.5px',\n  },\n  buttonIcon: {\n    margin: '4px 0',\n  },\n}))\n\nconst initialSnackbarData = {\n  status: '',\n  text: '',\n  open: false,\n}\n\nconst RefundPolicy = (props) => {\n  const classes = useStyles();\n\n  const [snackbarState, setSnackbarState] = useState(initialSnackbarData);\n\n  const handleClick = (data) => {\n    setSnackbarState(data);\n  };\n\n  const handleClose = (event, reason) => {\n    if (reason === 'clickaway') {\n      return;\n    }\n    setSnackbarState(initialSnackbarData);\n  };\n\n  const copy = event => {\n    const id = event.currentTarget.dataset.id;\n    copyToTheClipboard(ANTI_BOT[id].value);\n    handleClick({\n      status: STATUS.success,\n      text: `Slate Pages ${ANTI_BOT[id].title} copied to your clipboard`,\n      open: true,\n    } )\n  }\n\n  const callNumber = () => {\n    window && window.open(`tel:${ANTI_BOT.phone.value.replaceAll('test', '')}`, '_self')\n  }\n  const sendEmail = () => {\n    window && window.open(`mailto:${ANTI_BOT.email.value.replaceAll('test', '')}`, '_self')\n  }\n\n  let { open, status, text } = snackbarState;\n\n  return (\n    <Layout SeoProps={{ title: `ContactUs` }} HeaderProps={{ path: props.path }}>\n      <Snackbar\n        anchorOrigin={{\n          vertical: 'top',\n          horizontal: 'right',\n        }}\n        open={open}\n        autoHideDuration={6000}\n        onClose={handleClose}\n      >\n        <Alert onClose={handleClose} severity={status}>\n          {text}\n        </Alert>\n      </Snackbar>\n      <Section\n        container\n        direction=\"column\"\n        alignItems=\"center\"\n        pt={10}\n        pb={15}\n        sectionClassName={classes.mainSection}\n        innerClassName={classes.section}\n      >\n\n        <Typography variant=\"h2\" className={classes.title}>\n          Refund Policy\n        </Typography>\n        <Typography className={classes.description}>\n          All sales are final. We accept returns or exchanges for products damaged in transit or if the incorrect item was shipped to you.\n        </Typography>\n        <Typography className={classes.description}>\n          Refunds & Exchanges: To be eligible for a refund or exchange, you must first email us within 30 days of the order date. Upon receipt of your email we will respond promptly and accordingly and make sure your replacement is sent out. If a replacement item is not available, we will refund the full purchase price.\n        </Typography>\n        <Typography className={classes.descriptionWithButtons}>\n          Your satisfaction is our top priority. Please let us know how we can help at:\n          <div className={classes.buttonsContainer}>\n            <CustomButton variant=\"contained\"\n                          color=\"primary\"\n                          mb={3}\n                          onClick={sendEmail}\n                          className={classes.copyButton}\n                          classes={{\n                            startIcon: classes.startIcon,\n                          }}\n                          startIcon={<img alt=\"email\" src={Email} className={classes.buttonIcon}/>}\n            />\n            <IconButton aria-label=\"delete\" className={classes.copyButtonIcon} onClick={copy} data-id={'email'}>\n              <Copy color={'primary'}/>\n            </IconButton>\n          </div>\n          or call\n          <div className={classes.buttonsContainer}>\n            <CustomButton variant=\"contained\"\n                          color=\"primary\"\n                          mb={3}\n                          onClick={callNumber}\n                          className={classes.copyButton}\n                          classes={{\n                            startIcon: classes.startIcon,\n                          }}\n                          startIcon={<img alt=\"phone\" src={Phone} className={classes.buttonIcon}/>}\n            />\n            <IconButton aria-label=\"delete\" className={classes.copyButtonIcon} onClick={copy} data-id={'phone'}>\n              <Copy color={'primary'}/>\n            </IconButton>\n          </div>\n        </Typography>\n      </Section>\n    </Layout>\n  );\n};\n\nexport default RefundPolicy\n","import React, { forwardRef } from \"react\";\nimport PropTypes from \"prop-types\";\nimport { Grid as MuiGrid } from \"@material-ui/core\";\nimport { styled, makeStyles } from \"@material-ui/core/styles\";\nimport { spacing } from \"@material-ui/system\";\nimport cx from \"classnames\";\n\nconst Grid = styled(MuiGrid)(spacing);\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: `0 ${theme.spacing(3)}px`,\n    marginBottom: 100,\n\n    '@media print': {\n      marginBottom: 0,\n    },\n  },\n  inner: {\n    paddingTop: 0,\n    maxWidth: theme.constants.maxWidth,\n    marginLeft: \"auto\",\n    marginRight: \"auto\",\n  },\n}));\n\nconst Section = forwardRef(\n  ({ id, children, sectionClassName, innerClassName, ...rest }, ref) => {\n    const classes = useStyles();\n    return (\n      <section ref={ref} className={cx(classes.root, sectionClassName)} id={id}>\n        <Grid className={cx(classes.inner, innerClassName)} {...rest}>\n          {children}\n        </Grid>\n      </section>\n    );\n  },\n);\n\nSection.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node,\n  ]).isRequired,\n  sectionClassName: PropTypes.string,\n  innerClassName: PropTypes.string,\n};\n\nSection.displayName = \"Section\";\n\nexport default Section;\n"],"names":["useStyles","makeStyles","theme","section","paddingBottom","display","flexDirection","alignItems","mainSection","flex","zIndex","title","width","marginBottom","breakpoints","down","textAlign","description","descriptionWithButtons","buttonsContainer","margin","height","justifyContent","copyButton","marginLeft","startIcon","copyButtonIcon","padding","buttonIcon","initialSnackbarData","status","text","open","props","classes","snackbarState","setSnackbarState","useState","handleClose","event","reason","copy","id","currentTarget","dataset","data","copyToTheClipboard","ANTI_BOT","value","STATUS","success","React","Layout","SeoProps","HeaderProps","path","Snackbar","anchorOrigin","vertical","horizontal","autoHideDuration","onClose","Alert","severity","Section","container","direction","pt","pb","sectionClassName","innerClassName","Typography","variant","className","CustomButton","color","mb","onClick","sendEmail","window","email","replaceAll","alt","src","Email","IconButton","Copy","callNumber","phone","Phone","Grid","styled","MuiGrid","spacing","root","inner","paddingTop","maxWidth","constants","marginRight","forwardRef","_ref","ref","children","rest","cx","Object","assign","displayName"],"sourceRoot":""}