{"version":3,"sources":["common/HtmlContent.tsx","common/Breadcrumbs.tsx","common/PageHeader.tsx","icons/Apointment.tsx","pages/Store/Contact.tsx","pages/Store/Content.tsx","pages/Store/index.tsx"],"names":["useStyles","makeStyles","_ref2","spacing","root","textAlign","color","textDecoration","margin","concat","maxWidth","marginBottom","HtmlContent","_ref","className","component","content","variant","propsInfo","classes","_jsx","Typography","classNames","children","XhtmlString","propInfo","Arrow","width","height","fill","xmlns","d","fillOpacity","_ref3","breakpoints","palette","down","item","display","delimiter","arrow","slash","rapunzel","black","up","list","dark","Breadcrumbs","state","page","useStore","pageStore","parents","data","_parents","map","link","index","_jsxs","LinkButton","url","linkText","title","length","_Fragment","paddingTop","center","background","backgroundImage","menuBackground","backgroundColor","alignItems","justifyContent","overflowY","PageHeader","withBackground","rest","isMobile","useBreakpoint","Wrapper","editorAttributes","align","Apointment","props","viewBox","heading","marginTop","subHeading","paddingLeft","capitalized","textTransform","openHoursContainer","lightGray","padding","marginLeft","openHoursSpecialContainer","specialOpenHours","specialDay","bookingLinkButton","minHeight","white","ctaButtonDark","border","transitions","bookingLinkContent","paddingBottom","bookingLink","bookingIcon","Contact","address","email","phoneNumber","openHours","t","useTranslation","tel","buttonClassName","mailto","linkContentClassName","Object","keys","regular","key","i","Grid","container","xs","gutterBottom","special","Content","body","preamble","imageContainer","image","objectFit","contactContainer","Store","narrow","storeName","Image","lazy","storeImage","src","_url","dominantColor","alt","_alt","containerProps","sm","md"],"mappings":"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","file":"static/js/storePage.0bff8cac.chunk.js","sourcesContent":["import { makeStyles } from \"@material-ui/core/styles\"\nimport XhtmlString, {\n  XhtmlStringProperty\n} from \"@starrepublic/epi/cms/components/XhtmlString\"\nimport { PropertyInfo } from \"@starrepublic/epi/types/cms/content\"\nimport classNames from \"classnames\"\nimport React from \"react\"\nimport { CustomVariant } from \"theme/typography\"\n\nimport Typography from \"./Typography\"\n\ntype Props = {\n  className?: string\n  content: XhtmlStringProperty\n  component?: React.ComponentType\n  variant?: CustomVariant\n  propsInfo?: PropertyInfo\n}\n\nconst HtmlContent: React.FunctionComponent<Props> = ({\n  className,\n  component,\n  content,\n  variant,\n  propsInfo\n}) => {\n  const classes = useStyles()\n  return (\n    <Typography\n      variant={variant}\n      className={classNames(classes.root, className)}\n      component=\"div\"\n    >\n      <XhtmlString\n        propInfo={propsInfo}\n        content={content}\n        component={component}\n      />\n    </Typography>\n  )\n}\n\nconst useStyles = makeStyles(({ spacing }) => ({\n  root: {\n    textAlign: \"left\",\n    \"& a\": {\n      color: \"inherit\",\n      textDecoration: \"underline\"\n    },\n    \"& p\": {\n      margin: `0 0 ${spacing(3)}px`\n    },\n    \"& iframe\": {\n      maxWidth: \"100%\"\n    },\n    \"& ul\": {\n      margin: `0 0 ${spacing(3)}px 0`\n    },\n    marginBottom: spacing(2)\n  }\n}))\n\nexport default HtmlContent\n","import { makeStyles } from \"@material-ui/core/styles\"\nimport classNames from \"classnames\"\nimport Typography from \"common/Typography\"\nimport useStore from \"global-hook-store\"\nimport React from \"react\"\nimport pageStore from \"stores/pageStore\"\n\nimport LinkButton from \"./LinkButton\"\n\ntype Props = {\n  className?: string\n}\n\nconst Arrow: React.FunctionComponent<{ className: string }> = ({\n  className\n}) => (\n  <span className={className}>\n    <svg width=\"8\" height=\"8\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M3 6.7L2.3 6l2-2-2-2 .7-.7L5.7 4 3 6.7z\"\n        fill=\"#000\"\n        fillOpacity=\".84\"\n      />\n    </svg>\n  </span>\n)\n\nconst Breadcrumbs: React.FC<Props> = ({ className }) => {\n  const {\n    state: { page }\n  } = useStore(pageStore)\n\n  const parents = (page.data && page.data._parents) || []\n\n  const classes = useStyles()\n\n  return parents ? (\n    <div className={classNames(classes.root, className)}>\n      {parents.map((link, index) => (\n        <div key={index} className={classes.item}>\n          <LinkButton\n            variant=\"caption\"\n            link={link.url}\n            linkText={link.title}\n            className={classes.list}\n          />\n          {index < parents.length - 1 && (\n            <>\n              <Arrow className={classNames(classes.delimiter, classes.arrow)} />\n\n              <Typography\n                variant=\"body2\"\n                className={classNames(classes.delimiter, classes.slash)}\n                color=\"textSecondary\"\n              >\n                /\n              </Typography>\n            </>\n          )}\n        </div>\n      ))}\n    </div>\n  ) : null\n}\n\nconst useStyles = makeStyles(({ breakpoints, palette }) => ({\n  root: {\n    [breakpoints.down(\"sm\")]: {\n      textAlign: \"center\"\n    }\n  },\n  item: {\n    display: \"inline-block\"\n  },\n  delimiter: {\n    display: \"inline-block\"\n  },\n  arrow: {\n    [breakpoints.down(\"sm\")]: {\n      display: \"none\"\n    }\n  },\n  slash: {\n    color: palette.rapunzel.black,\n    [breakpoints.up(\"md\")]: {\n      display: \"none\"\n    }\n  },\n  list: {\n    \"& span\": {\n      color: palette.rapunzel.dark,\n      textDecoration: \"none\"\n    }\n  }\n}))\n\nexport default Breadcrumbs\n","import { makeStyles } from \"@material-ui/core/styles\"\nimport { editorAttributes } from \"@starrepublic/epi/cms\"\nimport { PropertyInfo } from \"@starrepublic/epi/types/cms/content\"\nimport classNames from \"classnames\"\nimport { menuBackground } from \"common/backgrounds\"\nimport Breadcrumbs from \"common/Breadcrumbs\"\nimport Typography from \"common/Typography\"\nimport Wrapper from \"common/Wrapper\"\nimport useBreakpoint from \"hooks/useBreakpoint\"\nimport * as React from \"react\"\n\ntype Props = {\n  title: string\n  narrow?: boolean\n  withBackground?: boolean\n  propsInfo?: PropertyInfo\n}\n\nconst PageHeader: React.FunctionComponent<Props> = ({\n  title,\n  withBackground,\n  propsInfo,\n\n  ...rest\n}) => {\n  const isMobile = useBreakpoint(\"md\")\n  const classes = useStyles()\n  return (\n    <>\n      <Wrapper {...rest} className={classes.root}>\n        <Breadcrumbs className={classes.center} />\n      </Wrapper>\n\n      <Typography\n        {...editorAttributes(propsInfo)}\n        component=\"h1\"\n        variant={isMobile ? \"display2\" : \"display1\"}\n        align=\"center\"\n        className={classNames({ [classes.background]: withBackground })}\n      >\n        {title}\n      </Typography>\n    </>\n  )\n}\n\nconst useStyles = makeStyles(({ spacing }) => ({\n  root: {\n    paddingTop: spacing(3)\n  },\n  center: {\n    textAlign: \"center\",\n    marginBottom: spacing(1)\n  },\n  background: {\n    backgroundImage: menuBackground,\n    backgroundColor: \"#F7F7F7\",\n    width: \"100%\",\n    height: 152,\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    overflowY: \"auto\"\n  }\n}))\n\nexport default PageHeader\n","import { SvgIconProps } from \"@material-ui/core/SvgIcon\"\nimport React from \"react\"\n\ntype Props = SvgIconProps\n\nconst Apointment: React.FunctionComponent<Props> = props => (\n  <svg\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 16 16\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n    {...props}\n  >\n    <path\n      d=\"M16 0H9.99997L12.293 2.293L7.29297 7.293L8.70697 8.707L13.707 3.707L16 6V0Z\"\n      fill=\"white\"\n    />\n    <path\n      d=\"M15 16H1C0.448 16 0 15.552 0 15V1C0 0.448 0.448 0 1 0H8V2H2V14H14V8H16V15C16 15.552 15.552 16 15 16Z\"\n      fill=\"white\"\n    />\n  </svg>\n)\n\nexport default Apointment\n","import { makeStyles } from \"@material-ui/core\"\nimport Grid from \"@material-ui/core/Grid\"\nimport { editorAttributes } from \"@starrepublic/epi/cms\"\nimport { ContentPropertyInfo } from \"@starrepublic/epi/types/cms/content\"\nimport classNames from \"classnames\"\nimport LinkButton from \"common/LinkButton\"\nimport Typography from \"common/Typography\"\nimport Apointment from \"icons/Apointment\"\nimport * as React from \"react\"\nimport { useTranslation } from \"react-i18next\"\n\nexport type OpenHours = {\n  regular: {\n    [key: string]: string\n  }\n  special: {\n    [key: string]: string\n  }\n}\n\ntype OwnProps = {\n  address: string\n  email: string\n  phoneNumber: string\n  bookingLink: string\n  openHours: OpenHours\n}\n\ntype OutProps = OwnProps & {\n  propsInfo?: ContentPropertyInfo<OwnProps>\n}\n\ntype Props = OutProps\n\nconst Contact: React.SFC<Props> = ({\n  address,\n  email,\n  phoneNumber,\n  openHours,\n  bookingLink,\n  propsInfo\n}) => {\n  const { t } = useTranslation()\n  const classes = useStyles()\n\n  return (\n    <>\n      <Typography variant=\"display4\" className={classes.heading}>\n        {`${t(\"store.contact\")} `}\n      </Typography>\n      <Typography\n        {...editorAttributes(propsInfo && propsInfo.address)}\n        variant=\"body1\"\n      >\n        {address}\n      </Typography>\n      <LinkButton\n        propsInfo={propsInfo && propsInfo.phoneNumber}\n        tel\n        variant=\"body1\"\n        link={`${phoneNumber}`}\n        linkText={phoneNumber}\n        buttonClassName={classes.link}\n      />\n      <br />\n      <LinkButton\n        propsInfo={propsInfo && propsInfo.email}\n        mailto\n        variant=\"link2\"\n        link={email}\n        linkText={email}\n        buttonClassName={classes.link}\n      />\n      <LinkButton\n        propsInfo={propsInfo && propsInfo.bookingLink}\n        variant=\"button1\"\n        link={bookingLink}\n        className={classes.bookingLink}\n        linkContentClassName={classes.bookingLinkContent}\n        buttonClassName={classes.bookingLinkButton}\n      >\n        {t(\"store.booking\")}\n        <Apointment className={classes.bookingIcon} />\n      </LinkButton>\n      <div className={classes.openHoursContainer}>\n        <Typography variant=\"headline5\" className={classes.subHeading}>\n          {t(\"store.appointments_drop_in\")}\n        </Typography>\n        {Object.keys(openHours.regular).map((key, i) => (\n          <Grid container key={i}>\n            <Grid item xs={6}>\n              <Typography\n                variant=\"body1\"\n                className={classes.capitalized}\n                key={i}\n              >\n                {key}\n              </Typography>\n            </Grid>\n            <Grid item xs={6}>\n              <Typography variant=\"body1\">{openHours.regular[key]}</Typography>\n            </Grid>\n          </Grid>\n        ))}\n      </div>\n      <div\n        className={classNames(\n          classes.openHoursContainer,\n          classes.openHoursSpecialContainer\n        )}\n      >\n        <Typography\n          variant=\"headline5\"\n          gutterBottom\n          className={classNames(classes.specialOpenHours, classes.subHeading)}\n        >\n          {t(\"store.special_open_hours\")}\n        </Typography>\n        {Object.keys(openHours.special).map((key, i) => (\n          <Grid container key={i}>\n            <Grid item xs={6}>\n              <Typography variant=\"body1\" className={classes.capitalized}>\n                {key}\n              </Typography>\n            </Grid>\n            <Grid item xs={6}>\n              <Typography variant=\"body1\">{openHours.special[key]}</Typography>\n            </Grid>\n          </Grid>\n        ))}\n      </div>\n    </>\n  )\n}\n\nconst useStyles = makeStyles(({ spacing, breakpoints, palette }) => ({\n  heading: {\n    marginTop: spacing(1),\n    marginBottom: spacing(1)\n  },\n  subHeading: {\n    marginBottom: spacing(2)\n  },\n  link: {\n    paddingLeft: 0\n  },\n  capitalized: {\n    textTransform: \"capitalize\"\n  },\n  openHoursContainer: {\n    backgroundColor: palette.rapunzel.lightGray,\n    padding: spacing(2),\n    marginLeft: spacing(-2),\n    marginTop: spacing(4),\n    [breakpoints.down(\"sm\")]: {\n      marginLeft: 0\n    }\n  },\n  openHoursSpecialContainer: {\n    marginTop: spacing(1)\n  },\n  specialOpenHours: {\n    color: palette.rapunzel.specialDay\n  },\n  bookingLinkButton: {\n    minHeight: spacing(7),\n    color: palette.rapunzel.white,\n    background: palette.rapunzel.ctaButtonDark,\n    \"&:hover\": {\n      color: palette.rapunzel.ctaButtonDark,\n      backgroundColor: palette.rapunzel.white,\n      border: `1px solid ${palette.rapunzel.ctaButtonDark}`,\n      transitions: \"all 0.4s\"\n    },\n    textAlign: \"center\",\n    width: \"calc(100% - 20px)\",\n    [breakpoints.down(\"sm\")]: {\n      width: \"100%\",\n      \"&:hover\": {\n        color: palette.rapunzel.white,\n        backgroundColor: palette.rapunzel.ctaButtonDark\n      }\n    }\n  },\n  bookingLinkContent: {\n    paddingTop: spacing(1),\n    paddingBottom: spacing(1),\n    display: \"flex\",\n    alignItems: \"center\"\n  },\n  bookingLink: {\n    marginTop: spacing(2),\n    display: \"block\"\n  },\n  bookingIcon: {\n    height: \"17px\",\n    width: \"17px\",\n    marginLeft: spacing(2)\n  }\n}))\n\nexport default Contact\n","import { makeStyles } from \"@material-ui/core/styles\"\nimport { editorAttributes } from \"@starrepublic/epi/cms\"\nimport { ContentPropertyInfo } from \"@starrepublic/epi/types/cms/content\"\nimport HtmlContent from \"common/HtmlContent\"\nimport Typography from \"common/Typography\"\nimport * as React from \"react\"\n\ntype OwnProps = {\n  title: string\n  body: string\n  preamble: string\n}\n\ntype Props = OwnProps & {\n  propsInfo?: ContentPropertyInfo<OwnProps>\n}\n\nconst Content: React.SFC<Props> = ({ title, body, propsInfo, preamble }) => {\n  const classes = useStyles()\n\n  return (\n    <>\n      <Typography\n        className={classes.title}\n        {...editorAttributes(propsInfo && propsInfo.title)}\n        variant=\"headline2\"\n      >\n        {title}\n      </Typography>\n      <HtmlContent\n        propsInfo={propsInfo && propsInfo.preamble}\n        variant=\"body4\"\n        content={preamble}\n      />\n      <HtmlContent\n        propsInfo={propsInfo && propsInfo.body}\n        variant=\"body1\"\n        content={body}\n      />\n    </>\n  )\n}\n\nconst useStyles = makeStyles(({ spacing }) => ({\n  title: {\n    marginBottom: spacing(2)\n  }\n}))\n\nexport default Content\n","import Grid from \"@material-ui/core/Grid\"\nimport { makeStyles } from \"@material-ui/core/styles\"\nimport { editorAttributes } from \"@starrepublic/epi/cms/\"\nimport { ContentProps } from \"@starrepublic/epi/types/cms/props\"\nimport Image from \"common/Image\"\nimport PageHeader from \"common/PageHeader\"\nimport Wrapper from \"common/Wrapper\"\nimport * as React from \"react\"\n\nimport Contact, { OpenHours } from \"./Contact\"\nimport Content from \"./Content\"\n\ntype StoreContent = {\n  storeName: string\n  storeImage: {\n    _url: string\n    _alt: string\n    dominantColor: string\n  }\n  preamble: string\n  address: string\n  email: string\n  openHours: OpenHours\n  phoneNumber: string\n  title: string\n  body: string\n  bookingLink: string\n}\n\ntype Props = ContentProps<StoreContent>\n\nconst Store: React.SFC<Props> = ({ content, propsInfo }) => {\n  const classes = useStyles()\n\n  return (\n    <>\n      <PageHeader\n        narrow\n        title={content.storeName}\n        propsInfo={propsInfo.storeName}\n      />\n      <Image\n        lazy\n        {...editorAttributes(propsInfo.storeImage)}\n        src={content.storeImage._url}\n        color={content.storeImage.dominantColor}\n        alt={content.storeImage._alt || content.storeName}\n        className={classes.image}\n        containerProps={{ className: classes.imageContainer }}\n      />\n      <Wrapper className={classes.contactContainer}>\n        <Grid container spacing={10}>\n          <Grid item xs={12} sm={6} md={4}>\n            <Contact\n              propsInfo={propsInfo}\n              address={content.address}\n              email={content.email}\n              phoneNumber={content.phoneNumber}\n              openHours={content.openHours}\n              bookingLink={content.bookingLink}\n            />\n          </Grid>\n          <Grid item xs={12} sm={6} md={8}>\n            <Content\n              propsInfo={propsInfo}\n              title={content.title}\n              preamble={content.preamble}\n              body={content.body}\n            />\n          </Grid>\n        </Grid>\n      </Wrapper>\n    </>\n  )\n}\n\nconst useStyles = makeStyles(({ spacing, breakpoints }) => ({\n  imageContainer: {\n    width: \"100%\",\n    height: 400,\n    marginTop: spacing(3),\n    marginBottom: spacing(4)\n  },\n  image: {\n    width: \"100%\",\n    height: 400,\n    objectFit: \"cover\"\n  },\n  contactContainer: {\n    [breakpoints.up(\"md\")]: {\n      marginBottom: spacing(15)\n    }\n  }\n}))\n\nexport default Store\n"],"sourceRoot":""}