{"version":3,"sources":["Shared/Breadcrumb/Breadcrumb.tsx","Shared/Input/KexInputValidation.tsx","LoginPage/Account.ts","Shared/Icons/SignInIcon.tsx","Shared/Input/KexInput.tsx","LoginPage/LoginPage.tsx","Cart/Cart.ts","Shared/CtaButton/CtaButton.tsx","Shared/Icons/HeartIcon.tsx","Shared/Icons/ArrowRightIcon.tsx","Shared/Icons/AccountIcon.tsx","Shared/Icons/SearchIcon.tsx","Shared/Icons/CartIcon.tsx","Shared/Icons/MenuIcon.tsx","Shared/Icons/GlobeIcon.tsx","Shared/Icons/Logo.tsx","Shared/Icons/LogoWhite.tsx","Shared/Icons/ProfileIconFilled.tsx","Shared/Icons/LoadingCircle.tsx","Shared/Icons/ExclamationMarkIcon.tsx","Shared/Icons/index.ts","Shared/Icons/ContactIcon.tsx","Shared/Icons/ProfileIcon.tsx"],"names":["BreadcrumbContainer","styled","div","position","top","theme","desktopHeaderHeight","fontSize","beta","left","right","margin","x","maxWidth","screenMaxWidth","width","paddingTop","alignItems","display","paddingLeft","lineHeight","letterSpacing","SelectedSpan","span","fontWeight","bold","LinkText","textDecoration","BreadcrumbLink","KexLink","opacity","color","breadText","Seperator","normal","Breadcrumb","breadcrumb","useMedia","mediaQuery","mediaMinLarge","map","link","index","length","key","text","href","reducer","state","action","type","newInputs","inputs","newCount","count","undefined","name","payload","hasOwnProperty","ValidationDispatchContext","React","createContext","initialReducerState","KexInputValidation","children","onInputsValid","onInputsInvalid","useReducer","dispatch","useEffect","validCount","hasTouched","hasValue","hasError","Provider","value","useKexInputValidation","useContext","SignIn","userCredentials","requestToken","channelId","setError","setValidationMessage","setIsLoading","myPageUrl","a","accountUrl","language","fetch","method","headers","JSON","stringify","channelSystemId","RequestVerificationToken","body","res","json","data","statusCode","updateRequestVerificationToken","updateHeader","updateUserState","message","SignOut","languageRoute","EmptyCart","redirectUrl","window","location","compose","Svg","css","viewBox","xmlns","fillRule","clipRule","d","InputGroup","FormLabel","label","font","size","large","middleGray","FormInput","input","height","massive","padding","borderRadius","border","xy","style","tiny","veryLightGray","pseudo","spacing","media","FormInputError","errorPrimary","FormLabelError","errorText","title","onChange","onBlur","onKeyDown","validation","isEmpty","showLabel","validationDispatch","useState","setHasError","errorMessage","setErrorMessage","setHasTouched","setHasValue","onInputBlur","e","currentValue","validationError","active","pattern","test","required","minLength","maxLength","doValidation","currentTarget","backendValidation","data-notempty","placeholder","onFocus","onTouched","LoginPage","useCurrentPage","loginText","forgotPasswordText","password","setPassword","username","setUsername","isLoading","error","validationMessage","useAppSettingsData","translations","signInLabel","usernameLabel","passwordLabel","forgotLoginLabel","customerContactPhone","customerContactEmail","myPage","staticPages","email","userName","newPassword","disabled","signInUser","emailLink","Main","PageWrapper","FormContainer","FormTitleContainer","StyledSignInIcon","FromTitle","FromDetailText","ValidationMessage","IconStyleError","ErrorMessage","StyledKexInput","LoginButton","onClick","StyledLoadingCircle","ForgottenLogIn","ForgottenLonInText","InformationStringLink","main","mediaMaxSmall","backgroundColor","white","bottom","LoadingCircle","gamma","marginRight","medium","marginTop","small","marginBottom","KexInput","SignInIcon","fill","black","psi","weight","lighter","mediaMinSmall","y","h1","marginLeft","great","p","relaxed","huge","flexGrow","flexShrink","flexBasis","CtaButton","textTransform","primaryBlue","minHeight","greater","flexDirection","linkColor","cursor","abortController","AbortController","hasMounted","cartUrl","litiumContext","requestVerificationToken","GetCart","cart","setCart","pageCacheTime","fectchedCart","useSWR","url","abort","signal","Fetcher","resolve","FetchCart","initialData","revalidateOnFocus","IS_PRODUCTION_ENV","dedupingInterval","RemoveFromCart","productCode","ok","notification","EventDispatcher","NOTIFY_ACTION","mutate","UpdateCart","quantity","bookingNumber","updateQuantity","SetQuantity","Button","button","alpha","justifyContent","primaryDarkBlue","headerIconGray","Link","ButtonText","asLink","data-disabled","id","mask-type","maskUnits","mask","G","Path","isOpen","TopPathOut","TopPathIn","transform","CenterPathOut","CenterPathIn","BottomPathOut","BottomPathIn","CrossG","animationCrossIn","animationCrossOut","animationDuration","timings","threeTenths","animationMenuPathsIn","animationName","from","to","animationFillMode","animationMenuPathsOut","animationDelay","twoFifths","oneHalf","threeFifths","oneFifth","oneTenth","path","g","transformOrigin","StyledSvg","Circle","LoadingStyles","cx","cy","r","oneAndAHalf","animationTimingFunction","animationIterationCount","stroke","strokeWidth","strokeDashoffset","strokeDasharray","svg","overflow","fill-rule"],"mappings":"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","file":"Dist/build-client/static/js/LoginPage-LoginPage.9176445c.chunk.js","sourcesContent":["import React from 'react';\r\nimport KexLink from '../../Shared/KexLink/KexLink';\r\nimport { styled, theme } from '../../../Features/Theme';\r\nimport Link from '../../Shared/Models/Link.interface';\r\nimport useMedia from '../Hooks/useMedia';\r\n\r\ntype PropTypes = {\r\n  breadcrumb: Link[];\r\n};\r\n\r\nfunction Breadcrumb({ breadcrumb }: PropTypes) {\r\n  const isDesktop = useMedia(theme.mediaQuery.mediaMinLarge);\r\n  return isDesktop ? (\r\n    <BreadcrumbContainer>\r\n      {breadcrumb.map((link, index) =>\r\n        breadcrumb.length === index + 1 ? (\r\n          <div key={index}>\r\n            <SelectedSpan>{link.text}</SelectedSpan>\r\n          </div>\r\n        ) : (\r\n          <BreadcrumbLink key={index} href={link.href}>\r\n            <LinkText>{link.text}</LinkText>\r\n            <Seperator> / </Seperator>\r\n          </BreadcrumbLink>\r\n        )\r\n      )}\r\n    </BreadcrumbContainer>\r\n  ) : (\r\n    <></>\r\n  );\r\n}\r\n\r\nconst BreadcrumbContainer = styled.div({\r\n  position: 'absolute',\r\n  top: theme.desktopHeaderHeight,\r\n  fontSize: theme.beta,\r\n  left: 0,\r\n  right: 0,\r\n  margin: { x: 'auto' },\r\n  maxWidth: theme.screenMaxWidth,\r\n  width: '100%',\r\n  paddingTop: '18px',\r\n  alignItems: 'center',\r\n  display: 'flex',\r\n  paddingLeft: '32px',\r\n  lineHeight: 1.33,\r\n  letterSpacing: 0.45,\r\n});\r\n\r\nconst SelectedSpan = styled.span({\r\n  fontWeight: theme.fontWeight.bold,\r\n  lineHeight: 1.33,\r\n});\r\n\r\nconst LinkText = styled.span({\r\n  textDecoration: 'underline',\r\n});\r\n\r\nconst BreadcrumbLink = styled(KexLink, {\r\n  display: 'flex',\r\n  opacity: 0.9,\r\n  color: theme.breadText,\r\n});\r\n\r\nconst Seperator = styled.span({\r\n  margin: { x: '6px' },\r\n  fontWeight: theme.fontWeight.normal,\r\n  textDecoration: 'none',\r\n});\r\n\r\nexport default Breadcrumb;\r\n","import React, { useEffect, useReducer } from 'react';\r\n\r\ntype ValidationPropType = {\r\n  children: React.ReactNode;\r\n  onInputsValid?: Function;\r\n  onInputsInvalid?: Function;\r\n};\r\n\r\ntype ValidationAction = {\r\n  type: string;\r\n  name?: string;\r\n  payload: ValidationPayload;\r\n};\r\n\r\ntype ValidationPayload = {\r\n  hasTouched?: boolean;\r\n  hasError?: boolean;\r\n  hasValue?: boolean;\r\n};\r\n\r\nexport type BackendValidation = {\r\n  message: string;\r\n  code: number;\r\n};\r\n\r\nexport type ValidationDictionary<T> = {\r\n  [key: string]: T;\r\n};\r\n\r\nexport type ValidationParams = {\r\n  active?: boolean;\r\n\r\n  required?: boolean;\r\n  minLength?: number;\r\n  maxLength?: number;\r\n  pattern?: RegExp;\r\n\r\n  errorMessage?: string;\r\n  validationKey?: string;\r\n\r\n  backendValidation?: BackendValidation;\r\n  onTouched?: Function;\r\n};\r\n\r\nconst reducer = (\r\n  state: { count: number; inputs: ValidationDictionary<ValidationPayload> },\r\n  action: ValidationAction\r\n) => {\r\n  switch (action.type) {\r\n    case 'register': {\r\n      const newInputs = { ...state.inputs };\r\n      let newCount = state.count;\r\n\r\n      if (action.name !== undefined) {\r\n        newInputs[action.name] = action.payload;\r\n        newCount = state.count + 1;\r\n      }\r\n\r\n      return {\r\n        count: newCount,\r\n        inputs: { ...newInputs },\r\n      };\r\n    }\r\n    case 'unregister': {\r\n      const count = state.count - 1;\r\n      const newInputs = { ...state.inputs };\r\n\r\n      if (action.name !== undefined && newInputs.hasOwnProperty(action.name)) {\r\n        delete newInputs[action.name];\r\n      }\r\n\r\n      return {\r\n        count: count < 0 ? 0 : count,\r\n        inputs: { ...newInputs },\r\n      };\r\n    }\r\n    default: {\r\n      return state;\r\n    }\r\n  }\r\n};\r\n\r\nconst ValidationDispatchContext = React.createContext({});\r\n\r\nconst initialReducerState = {\r\n  count: 0,\r\n  inputs: {},\r\n};\r\n\r\nfunction KexInputValidation({\r\n  children,\r\n  onInputsValid,\r\n  onInputsInvalid,\r\n}: ValidationPropType) {\r\n  const [{ count, inputs }, dispatch] = useReducer(\r\n    reducer,\r\n    initialReducerState\r\n  );\r\n\r\n  useEffect(() => {\r\n    let validCount = 0;\r\n\r\n    if (count > 0) {\r\n      for (const key in inputs) {\r\n        if (inputs.hasOwnProperty(key)) {\r\n          const payload = inputs[key];\r\n\r\n          if (payload.hasTouched && payload.hasValue && !payload.hasError) {\r\n            validCount++;\r\n          }\r\n        }\r\n      }\r\n\r\n      if (validCount === count) {\r\n        onInputsValid && onInputsValid();\r\n      } else {\r\n        onInputsInvalid && onInputsInvalid();\r\n      }\r\n    }\r\n  }, [count, onInputsValid, onInputsInvalid, inputs]);\r\n\r\n  return (\r\n    <ValidationDispatchContext.Provider value={dispatch}>\r\n      {children}\r\n    </ValidationDispatchContext.Provider>\r\n  );\r\n}\r\n\r\nconst useKexInputValidation: () => React.Dispatch<ValidationAction> = () => {\r\n  return React.useContext(ValidationDispatchContext) as React.Dispatch<\r\n    ValidationAction\r\n  >;\r\n};\r\n\r\nexport { useKexInputValidation, KexInputValidation };\r\n","import UserCredentials from '../LoginPage/Models/UserCredentials.interface';\r\nimport { updateHeader } from '../Shared/Models/Headers/useQueryHeader';\r\nimport { updateUserState } from '../Shared/UserContextProvider/useQueryUserState';\r\nimport { EmptyCart } from '../Cart/Cart';\r\n\r\nexport async function SignIn(\r\n  userCredentials: UserCredentials,\r\n  requestToken: string,\r\n  channelId: string,\r\n  setError: (value: boolean) => void,\r\n  setValidationMessage: (value: string) => void,\r\n  setIsLoading: (value: boolean) => void,\r\n  myPageUrl: string\r\n) {\r\n  setIsLoading(true);\r\n  setError(false);\r\n  setValidationMessage('');\r\n  const accountUrl = `/api/${userCredentials.language}/account/`;\r\n  const res = await fetch(`${accountUrl}SignIn`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n      'litium-request-context': JSON.stringify({\r\n        channelSystemId: channelId,\r\n      }),\r\n      RequestVerificationToken: requestToken,\r\n    },\r\n    body: JSON.stringify(userCredentials),\r\n  });\r\n  const data = await res.json();\r\n\r\n  if (data.statusCode === 200) {\r\n    await updateRequestVerificationToken(userCredentials.language, myPageUrl);\r\n    await updateHeader();\r\n    await updateUserState();\r\n  } else {\r\n    setError(true);\r\n    setValidationMessage(data.message);\r\n  }\r\n  setIsLoading(false);\r\n}\r\n\r\nexport async function SignOut(languageRoute: string, requestToken: string) {\r\n  const accountUrl = `/api/${languageRoute}/account/`;\r\n  const res = await fetch(`${accountUrl}SignOut`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n      RequestVerificationToken: requestToken,\r\n    },\r\n  });\r\n  const data = await res.json();\r\n\r\n  if (data.statusCode === 200) {\r\n    await updateRequestVerificationToken(languageRoute);\r\n    await EmptyCart(languageRoute);\r\n    await updateHeader();\r\n    await updateUserState();\r\n  }\r\n}\r\n\r\nexport async function ForgotPassword(\r\n  userName: string,\r\n  requestToken: string,\r\n  languageRoute: string,\r\n  channelId: string,\r\n  setError: (value: boolean) => void,\r\n  setValidationMessage: (value: string) => void,\r\n  kexNavigate: (value: string) => void\r\n) {\r\n  const accountUrl = `/api/${languageRoute}/account/`;\r\n  const res = await fetch(`${accountUrl}ForgotPassword?userName=${userName}`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n      'litium-request-context': JSON.stringify({\r\n        channelSystemId: channelId,\r\n      }),\r\n      RequestVerificationToken: requestToken,\r\n    },\r\n  });\r\n  const data = await res.json();\r\n\r\n  if (data.statusCode === 200) {\r\n    updateHeader();\r\n    updateUserState();\r\n    kexNavigate(data.redirectUrl);\r\n  } else {\r\n    setError(true);\r\n    setValidationMessage(data.message);\r\n  }\r\n}\r\n\r\nexport async function ChangePassword(\r\n  userCredentials: UserCredentials,\r\n  requestToken: string,\r\n  languageRoute: string,\r\n  channelId: string,\r\n  setError: (value: boolean) => void,\r\n  setValidationMessage: (value: string) => void,\r\n  kexNavigate: (value: string) => void\r\n) {\r\n  const accountUrl = `/api/${languageRoute}/account/`;\r\n  const res = await fetch(`${accountUrl}ChangePassword`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n      'litium-request-context': JSON.stringify({\r\n        channelSystemId: channelId,\r\n      }),\r\n      RequestVerificationToken: requestToken,\r\n    },\r\n    body: JSON.stringify(userCredentials),\r\n  });\r\n  const data = await res.json();\r\n\r\n  if (data.statusCode === 200) {\r\n    updateHeader();\r\n    updateUserState();\r\n    kexNavigate(data.redirectUrl);\r\n  } else {\r\n    setError(true);\r\n    setValidationMessage(data.message);\r\n  }\r\n}\r\n\r\nasync function updateRequestVerificationToken(\r\n  languageRoute: string,\r\n  redirectUrl?: string\r\n) {\r\n  const accountUrl = `/api/${languageRoute}/account/`;\r\n  const res = await fetch(`${accountUrl}UpdateRequestVerificationToken`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'Content-Type': 'application/json',\r\n    },\r\n  });\r\n  const data = await res.json();\r\n  window.location.href = `${redirectUrl ? redirectUrl : data.redirectUrl}`;\r\n}\r\n","import React from 'react';\r\nimport { styled } from '../../Theme';\r\nimport { StyledProps } from '@glitz/react';\r\n\r\nfunction SignInIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      viewBox=\"0 0 20 20\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M9.99955 6.07307C6.38052 6.07307 3.4607 8.95842 3.4607 12.5006C3.4607 16.0427 6.38052 18.9281 9.99955 18.9281C13.6186 18.9281 16.5384 16.0427 16.5384 12.5006C16.5384 8.95842 13.6186 6.07307 9.99955 6.07307ZM2.435 12.5006C2.435 8.37661 5.82949 5.04736 9.99955 5.04736C14.1696 5.04736 17.5641 8.37661 17.5641 12.5006C17.5641 16.6245 14.1696 19.9538 9.99955 19.9538C5.82949 19.9538 2.435 16.6245 2.435 12.5006Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M9.99957 1.0257C8.94283 1.0257 7.93098 1.43894 7.1862 2.17195C6.4417 2.9047 6.02497 3.89676 6.02497 4.92944V7.14615C6.02497 7.42939 5.79536 7.659 5.51212 7.659C5.22888 7.659 4.99927 7.42939 4.99927 7.14615V4.92944C4.99927 3.61941 5.5281 2.36472 6.46672 1.44093C7.40506 0.5174 8.67601 0 9.99957 0C11.3231 0 12.5941 0.5174 13.5324 1.44093C14.471 2.36472 14.9999 3.61941 14.9999 4.92944V7.14615C14.9999 7.42939 14.7703 7.659 14.487 7.659C14.2038 7.659 13.9742 7.42939 13.9742 7.14615V4.92944C13.9742 3.89676 13.5574 2.9047 12.8129 2.17195C12.0681 1.43894 11.0563 1.0257 9.99957 1.0257Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M9.99994 10.7256C10.2761 10.7256 10.4999 10.9552 10.4999 11.2384V13.7622C10.4999 14.0454 10.2761 14.2751 9.99994 14.2751C9.7238 14.2751 9.49994 14.0454 9.49994 13.7622V11.2384C9.49994 10.9552 9.7238 10.7256 9.99994 10.7256Z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(SignInIcon);\r\n","import React, { useEffect, useState } from 'react';\r\nimport { theme } from '../../Theme';\r\nimport { media, pseudo } from '@glitz/core';\r\nimport { StyleOrStyleArray } from '@glitz/type';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { useKexInputValidation, ValidationParams } from './KexInputValidation';\r\n\r\ntype KexInputValidationType = {\r\n  validation?: ValidationParams;\r\n};\r\n\r\ntype KexInputType = StyledProps &\r\n  KexInputValidationType & {\r\n    onChange?: (value: string) => void;\r\n    onBlur?: (value: string) => void;\r\n    onKeyDown?: (event: React.KeyboardEvent) => void;\r\n    title: string;\r\n    type?: string;\r\n    name?: string;\r\n    isEmpty?: boolean;\r\n    showLabel?: boolean;\r\n  };\r\n\r\nconst KexInput = ({\r\n  title,\r\n  type = 'text',\r\n  onChange,\r\n  onBlur,\r\n  onKeyDown,\r\n  compose,\r\n  name,\r\n  validation,\r\n  isEmpty,\r\n  showLabel = true,\r\n}: KexInputType) => {\r\n  const validationDispatch = useKexInputValidation();\r\n\r\n  const [hasError, setHasError] = useState<boolean>(false);\r\n  const [errorMessage, setErrorMessage] = useState<string>('');\r\n  const [hasTouched, setHasTouched] = useState<boolean>(false);\r\n  const [hasValue, setHasValue] = useState<boolean>(false);\r\n\r\n  const doValidation = (currentValue: string) => {\r\n    if (!!validation) {\r\n      const errorMessage = validation.errorMessage || '';\r\n      let validationError = false;\r\n\r\n      if (validation.active !== undefined && !validation.active) {\r\n        return;\r\n      }\r\n\r\n      if (validation.pattern) {\r\n        if (!validation.pattern.test(currentValue)) {\r\n          validationError = true;\r\n        }\r\n      } else if (validation.required) {\r\n        if (!currentValue) {\r\n          validationError = true;\r\n        }\r\n      } else if (validation.minLength) {\r\n        if (\r\n          !currentValue ||\r\n          (currentValue && currentValue.length < validation.minLength)\r\n        ) {\r\n          validationError = true;\r\n        }\r\n      } else if (validation.maxLength) {\r\n        if (currentValue && currentValue.length > validation.maxLength) {\r\n          validationError = true;\r\n        }\r\n      }\r\n\r\n      if (validationError) {\r\n        setHasError(true);\r\n        setErrorMessage(errorMessage);\r\n      }\r\n\r\n      setHasValue(!!currentValue);\r\n    }\r\n  };\r\n\r\n  const onInputBlur = (e: React.FocusEvent<HTMLInputElement>) => {\r\n    const currentValue: string = e.currentTarget.value;\r\n\r\n    doValidation(currentValue);\r\n    onBlur && onBlur(e.currentTarget.value);\r\n  };\r\n\r\n  const onInputFocus = (e: React.FocusEvent<HTMLInputElement>) => {\r\n    if (!!validation && validation.onTouched) {\r\n      validation.onTouched(name); // TODO: Refactor? While it's okay to use callbacks since they was passed down, I don't like the fact\r\n    }\r\n\r\n    setHasError(false);\r\n    setHasTouched(true);\r\n  };\r\n\r\n  useEffect(() => {\r\n    validationDispatch({\r\n      type: 'register',\r\n      name: name,\r\n      payload: {\r\n        hasTouched: hasTouched,\r\n        hasError: hasError,\r\n        hasValue: hasValue,\r\n      },\r\n    });\r\n\r\n    if (!!validation) {\r\n      if (validation.backendValidation) {\r\n        setHasError(true);\r\n        setErrorMessage(validation.backendValidation.message);\r\n      }\r\n    }\r\n\r\n    return () => {\r\n      validationDispatch({ type: 'unregister', name: name, payload: {} });\r\n    };\r\n  }, [validationDispatch, name, hasTouched, hasError, hasValue, validation]);\r\n\r\n  return (\r\n    <InputGroup css={compose()}>\r\n      {!isEmpty && showLabel && (\r\n        <FormLabel css={hasError ? FormLabelError : {}}>\r\n          {hasError ? errorMessage : title}\r\n        </FormLabel>\r\n      )}\r\n      <FormInput\r\n        data-notempty={!isEmpty && showLabel}\r\n        placeholder={title}\r\n        css={hasError ? FormInputError : {}}\r\n        type={type}\r\n        onChange={e => {\r\n          onChange && onChange(e.currentTarget.value);\r\n        }}\r\n        onBlur={e => {\r\n          onInputBlur(e);\r\n        }}\r\n        onKeyDown={e => {\r\n          onKeyDown && onKeyDown(e);\r\n        }}\r\n        onFocus={e => {\r\n          onInputFocus(e);\r\n        }}\r\n        name={name}\r\n      />\r\n    </InputGroup>\r\n  );\r\n};\r\n\r\nconst InputGroup = styled.div({\r\n  position: 'relative',\r\n});\r\n\r\nconst FormLabel = styled.label({\r\n  font: { size: theme.large },\r\n  letterSpacing: '0.02em',\r\n  position: 'absolute',\r\n  top: '12px',\r\n  left: '26px',\r\n  color: theme.middleGray,\r\n});\r\n\r\nconst FormInput = styled.input({\r\n  font: { size: theme.beta },\r\n  width: '100%',\r\n  height: theme.massive,\r\n  padding: { x: '25px' },\r\n  borderRadius: '8px',\r\n  border: {\r\n    xy: {\r\n      style: 'solid',\r\n      width: theme.tiny,\r\n      color: theme.veryLightGray,\r\n    },\r\n  },\r\n  ...pseudo([':nth-child(n)[data-notempty=\"true\"]'], {\r\n    paddingTop: theme.spacing(3),\r\n  }),\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    width: '100%',\r\n  }),\r\n});\r\n\r\nconst FormInputError: StyleOrStyleArray = {\r\n  border: {\r\n    xy: {\r\n      color: theme.errorPrimary,\r\n    },\r\n  },\r\n};\r\n\r\nconst FormLabelError: StyleOrStyleArray = {\r\n  color: theme.errorText,\r\n};\r\n\r\nexport default styled(KexInput);\r\n","import React, { useState } from 'react';\r\nimport LoginPagePageModel from './Models/LoginPageModel.interface';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\nimport { styled, theme } from '../Theme';\r\nimport { media } from '@glitz/core';\r\nimport KexInput from '../Shared/Input/KexInput';\r\nimport { KexInputValidation } from '../Shared/Input/KexInputValidation';\r\nimport { SmallButton } from '../Shared/Button/Button';\r\nimport { ErrorIcon, LoadingCircle } from '../Shared/Icons';\r\nimport { StyleOrStyleArray } from '@glitz/type';\r\nimport { SignIn } from '../LoginPage/Account';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport UserCredentials from '../LoginPage/Models/UserCredentials.interface';\r\nimport Breadcrumb from '../Shared/Breadcrumb/Breadcrumb';\r\nimport { mediaQuery } from '../Theme/mediaQueries';\r\nimport SignInIcon from '../Shared/Icons/SignInIcon';\r\nimport CtaButton from '../Shared/CtaButton/CtaButton';\r\nimport KexLink from '../Shared/KexLink/KexLink';\r\n\r\nfunction LoginPage() {\r\n  const {\r\n    loginText,\r\n    forgotPasswordText,\r\n    channelId,\r\n    breadcrumb,\r\n  } = useCurrentPage<LoginPagePageModel>();\r\n\r\n  const [password, setPassword] = useState<string>('');\r\n  const [username, setUsername] = useState<string>('');\r\n  const [isLoading, setIsLoading] = useState<boolean>(false);\r\n  const [error, setError] = useState(false);\r\n  const [validationMessage, setValidationMessage] = useState<string>('');\r\n\r\n  const {\r\n    translations: {\r\n      'account/signIn': signInLabel,\r\n      'account/username': usernameLabel,\r\n      'account/password': passwordLabel,\r\n      'account/forgotLogin': forgotLoginLabel,\r\n      'customerInfo/customerContactPhone': customerContactPhone,\r\n      'customerInfo/customerContactEmail': customerContactEmail,\r\n    },\r\n    languageRoute,\r\n    requestToken,\r\n    staticPages: { myPage },\r\n  } = useAppSettingsData();\r\n\r\n  const userCredentials: UserCredentials = {\r\n    email: username,\r\n    userName: username,\r\n    password: password,\r\n    language: languageRoute,\r\n    newPassword: '',\r\n  };\r\n  const disabled = password.length === 0 || username.length === 0;\r\n\r\n  const signInUser = () => {\r\n    if (disabled) return;\r\n\r\n    SignIn(\r\n      userCredentials,\r\n      requestToken,\r\n      channelId,\r\n      setError,\r\n      setValidationMessage,\r\n      setIsLoading,\r\n      myPage\r\n    );\r\n  };\r\n\r\n  const emailLink = 'mailto:' + customerContactEmail;\r\n\r\n  return (\r\n    <Main>\r\n      <PageWrapper>\r\n        {!!breadcrumb.length && <Breadcrumb breadcrumb={breadcrumb} />}\r\n        <FormContainer>\r\n          <FormTitleContainer>\r\n            <StyledSignInIcon />\r\n            <FromTitle>{signInLabel}</FromTitle>\r\n          </FormTitleContainer>\r\n          <FromDetailText>{loginText}</FromDetailText>\r\n          {error && (\r\n            <ValidationMessage>\r\n              <ErrorIcon css={IconStyleError} />{' '}\r\n              <ErrorMessage>{validationMessage}</ErrorMessage>\r\n            </ValidationMessage>\r\n          )}\r\n          <KexInputValidation>\r\n            <StyledKexInput\r\n              title={usernameLabel}\r\n              onChange={setUsername}\r\n              onKeyDown={e => e.key === 'Enter' && signInUser()}\r\n              isEmpty={!!!username.length}\r\n            />\r\n            <KexInput\r\n              title={passwordLabel}\r\n              type=\"password\"\r\n              onChange={setPassword}\r\n              onKeyDown={e => e.key === 'Enter' && signInUser()}\r\n              isEmpty={!!!password.length}\r\n            />\r\n          </KexInputValidation>\r\n          <LoginButton disabled={disabled} onClick={signInUser}>\r\n            {isLoading ? (\r\n              <StyledLoadingCircle isLoading={isLoading} />\r\n            ) : (\r\n              <>{signInLabel}</>\r\n            )}\r\n          </LoginButton>\r\n          <ForgottenLogIn>\r\n            <ForgottenLonInText>{forgotLoginLabel}</ForgottenLonInText>\r\n            <InformationStringLink>\r\n              {customerContactPhone}\r\n            </InformationStringLink>\r\n            <InformationStringLink href={emailLink}>\r\n              {customerContactEmail}\r\n            </InformationStringLink>\r\n          </ForgottenLogIn>\r\n        </FormContainer>\r\n      </PageWrapper>\r\n    </Main>\r\n  );\r\n}\r\n\r\nexport default LoginPage;\r\n\r\nconst Main = styled.main({\r\n  ...media(mediaQuery.mediaMaxSmall, { backgroundColor: theme.white }),\r\n});\r\n\r\nconst PageWrapper = styled.div({\r\n  padding: { x: '30px', top: '42px', bottom: '60px' },\r\n  ...media(mediaQuery.mediaMinLarge, {\r\n    padding: { x: 0, top: '54px', bottom: '80px' },\r\n  }),\r\n});\r\n\r\nconst StyledLoadingCircle = styled(LoadingCircle, {\r\n  color: theme.white,\r\n  height: theme.gamma,\r\n  margin: { xy: 'auto' },\r\n});\r\n\r\nconst IconStyleError: StyleOrStyleArray = {\r\n  width: theme.gamma,\r\n  height: theme.gamma,\r\n  marginRight: theme.medium,\r\n  marginTop: theme.small,\r\n};\r\n\r\nconst FormTitleContainer = styled.div({\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  marginBottom: theme.spacing(3),\r\n});\r\n\r\nconst StyledKexInput = styled(KexInput, { marginBottom: '25px' });\r\n\r\nconst StyledSignInIcon = styled(SignInIcon, {\r\n  fill: theme.black,\r\n  width: '24px',\r\n  height: '24px',\r\n  marginBottom: theme.spacing(1),\r\n  ...media(mediaQuery.mediaMinLarge, {\r\n    width: '30px',\r\n    height: '30px',\r\n  }),\r\n});\r\n\r\nconst FormContainer = styled.div({\r\n  font: { size: theme.psi, weight: theme.fontWeight.lighter },\r\n  color: theme.black,\r\n  lineHeight: theme.lineHeight.normal,\r\n  letterSpacing: theme.letterSpacing.medium,\r\n  ...media(theme.mediaQuery.mediaMinSmall, {\r\n    borderRadius: '10px',\r\n    backgroundColor: theme.white,\r\n    padding: { x: '45px', y: '32px' },\r\n    maxWidth: '554px',\r\n    margin: { x: 'auto' },\r\n  }),\r\n  ...media(theme.mediaQuery.mediaMinLarge, {\r\n    padding: { x: '90px', y: theme.massive },\r\n  }),\r\n});\r\n\r\nconst FromTitle = styled.h1({\r\n  font: { size: '26px', weight: theme.fontWeight.bold },\r\n  marginLeft: '10px',\r\n  ...media(mediaQuery.mediaMinLarge, {\r\n    fontSize: theme.great,\r\n  }),\r\n});\r\n\r\nconst FromDetailText = styled.p({\r\n  font: { size: theme.gamma, weight: theme.fontWeight.normal },\r\n  lineHeight: '25.6px',\r\n  marginBottom: '38px',\r\n});\r\n\r\nconst ValidationMessage = styled.div({\r\n  font: { size: theme.gamma, weight: theme.fontWeight.normal },\r\n  lineHeight: theme.lineHeight.relaxed,\r\n  backgroundColor: theme.errorPrimary,\r\n  color: theme.errorText,\r\n  padding: { y: theme.huge, x: theme.huge },\r\n  margin: { y: theme.huge },\r\n  display: 'flex',\r\n});\r\n\r\nconst ErrorMessage = styled.p({\r\n  flexGrow: 1,\r\n  flexShrink: 1,\r\n  flexBasis: '0%',\r\n});\r\n\r\nconst LoginButton = styled(CtaButton, {\r\n  fontSize: '15px',\r\n  letterSpacing: theme.letterSpacing.medium,\r\n  textTransform: 'uppercase',\r\n  backgroundColor: theme.primaryBlue,\r\n  color: theme.white,\r\n  borderRadius: '100px',\r\n  width: '100%',\r\n  minHeight: theme.greater,\r\n  margin: { y: '30px' },\r\n});\r\n\r\nconst ForgottenLogIn = styled.div({\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n});\r\n\r\nconst ForgottenLonInText = styled.p({\r\n  fontSize: theme.gamma,\r\n  color: theme.breadText,\r\n});\r\n\r\nconst InformationStringLink = styled(KexLink, {\r\n  color: theme.linkColor,\r\n  cursor: 'pointer',\r\n  textDecoration: 'underline',\r\n  fontSize: theme.gamma,\r\n  lineHeight: '1.4',\r\n  marginTop: '8px',\r\n});\r\n","import { useEffect, useState } from 'react';\r\nimport useSWR, { mutate } from 'swr';\r\nimport IKexCart from './Models/KexCart.interface';\r\nimport Fetcher from '../Shared/Common/Fetcher';\r\nimport { IS_PRODUCTION_ENV } from '../Shared/Configs/EnvConfig';\r\nimport { useAppSettingsData } from '../Shared/AppSettingsProvider/AppSettingsProvider';\r\nimport {\r\n  EventDispatcher,\r\n  NOTIFY_ACTION,\r\n} from '../Shared/Common/EventDispatcher';\r\nimport useCurrentPage from '../Shared/Hooks/useCurrentPage';\r\n\r\nlet abortController: AbortController = new AbortController();\r\nlet hasMounted = false;\r\nlet cartUrl = '';\r\nlet litiumContext = '';\r\nlet requestVerificationToken = '';\r\n\r\ntype CartReturnType = {\r\n  cart: IKexCart;\r\n  isLoading: boolean;\r\n};\r\n\r\nexport function GetCart(): CartReturnType {\r\n  const tempCartObject: IKexCart = {} as IKexCart;\r\n\r\n  const [cart, setCart] = useState<IKexCart>(tempCartObject);\r\n  const { pageCacheTime, languageRoute, requestToken } = useAppSettingsData();\r\n  const { channelId } = useCurrentPage();\r\n  const [isLoading, setIsLoading] = useState<boolean>(true);\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n\r\n  litiumContext = JSON.stringify({\r\n    channelSystemId: channelId,\r\n  });\r\n\r\n  requestVerificationToken = requestToken;\r\n\r\n  const { data: fectchedCart } = useSWR<IKexCart>(\r\n    `${cartUrl}GetCart`,\r\n    () => FetchCart(`${cartUrl}GetCart`, litiumContext),\r\n    {\r\n      initialData: undefined,\r\n      revalidateOnFocus: IS_PRODUCTION_ENV,\r\n      dedupingInterval: pageCacheTime,\r\n    }\r\n  );\r\n\r\n  useEffect(() => {\r\n    if (!hasMounted) {\r\n      hasMounted = true;\r\n    } else {\r\n      if (fectchedCart) {\r\n        setCart(fectchedCart);\r\n        setIsLoading(false);\r\n      }\r\n    }\r\n  }, [fectchedCart]);\r\n\r\n  return { cart, isLoading };\r\n}\r\n\r\nexport async function RemoveFromCart(\r\n  productCode: string,\r\n  languageRoute: string\r\n) {\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const res = await fetch(`${cartUrl}RemoveItem?code=${productCode}`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'litium-request-context': litiumContext,\r\n      RequestVerificationToken: requestVerificationToken,\r\n    },\r\n  });\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n  }\r\n}\r\n\r\nexport async function UpdateCart(\r\n  productCode: string,\r\n  quantity: number,\r\n  languageRoute: string,\r\n  bookingNumber?: string,\r\n  setIsLoading?: (value: boolean) => void\r\n) {\r\n  setIsLoading && setIsLoading(true);\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const updateQuantity = quantity;\r\n  const res = await fetch(\r\n    `${cartUrl}Update?code=${productCode}&bookingNumber=${bookingNumber}&quantity=${updateQuantity}`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'litium-request-context': litiumContext,\r\n        RequestVerificationToken: requestVerificationToken,\r\n      },\r\n    }\r\n  );\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n    setIsLoading && setIsLoading(false);\r\n    return true;\r\n  }\r\n  setIsLoading && setIsLoading(false);\r\n  return false;\r\n}\r\n\r\nexport async function SetQuantity(\r\n  productCode: string,\r\n  bookingNumber: string,\r\n  quantity: number,\r\n  languageRoute: string,\r\n  setIsLoading?: (value: boolean) => void\r\n) {\r\n  setIsLoading && setIsLoading(true);\r\n  const updateQuantity = quantity;\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const res = await fetch(\r\n    `${cartUrl}SetQuantity?code=${productCode}&bookingNumber=${bookingNumber}&quantity=${updateQuantity}`,\r\n    {\r\n      method: 'POST',\r\n      headers: {\r\n        'litium-request-context': litiumContext,\r\n        RequestVerificationToken: requestVerificationToken,\r\n      },\r\n    }\r\n  );\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n    setIsLoading && setIsLoading(false);\r\n  }\r\n}\r\n\r\nexport async function EmptyCart(languageRoute: string) {\r\n  cartUrl = `/api/${languageRoute}/PicturaCart/`;\r\n  const res = await fetch(`${cartUrl}RemoveAllItems`, {\r\n    method: 'POST',\r\n    headers: {\r\n      'litium-request-context': litiumContext,\r\n      RequestVerificationToken: requestVerificationToken,\r\n    },\r\n  });\r\n  if (res.ok) {\r\n    const { cart, notification } = await res.json();\r\n    EventDispatcher.dispatch(NOTIFY_ACTION, notification);\r\n    mutate(`${cartUrl}GetCart`, cart, false);\r\n    return true;\r\n  }\r\n}\r\n\r\nfunction FetchCart(url: string, litiumContext: string) {\r\n  abortController.abort();\r\n  abortController = new AbortController();\r\n  const signal = abortController.signal;\r\n\r\n  return Fetcher<IKexCart, any>(\r\n    url,\r\n    signal,\r\n    (data, resolve) => {\r\n      if (data.cart) {\r\n        resolve(data.cart);\r\n      }\r\n\r\n      resolve(data);\r\n    },\r\n    litiumContext\r\n  );\r\n}\r\n","import React from 'react';\r\n\r\nimport { theme, styled } from '../../Theme';\r\n\r\nimport { media, pseudo } from '@glitz/core';\r\nimport { mediaQuery } from '../../Theme/mediaQueries';\r\nimport { StyledProps } from '@glitz/react';\r\n\r\nimport KexLink from '../KexLink/KexLink';\r\n\r\ntype PropTypes = StyledProps & {\r\n  onClick?: () => void;\r\n  asLink?: boolean;\r\n  href?: string;\r\n  children?: any;\r\n  disabled?: boolean;\r\n};\r\n\r\nfunction CtaButton({\r\n  compose,\r\n  onClick,\r\n  asLink,\r\n  href,\r\n  children,\r\n  disabled,\r\n}: PropTypes) {\r\n  return asLink ? (\r\n    <Link\r\n      data-disabled={disabled}\r\n      css={compose()}\r\n      href={!disabled ? href : ''}\r\n      onClick={onClick && onClick}\r\n    >\r\n      <LinkText>{children}</LinkText>\r\n    </Link>\r\n  ) : (\r\n    <Button disabled={disabled} css={compose()} onClick={onClick}>\r\n      <ButtonText>{children}</ButtonText>\r\n    </Button>\r\n  );\r\n}\r\n\r\nconst Button = styled.button({\r\n  backgroundColor: theme.primaryBlue,\r\n  font: { size: theme.alpha, weight: theme.fontWeight.bold },\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  borderRadius: '50px',\r\n  padding: { y: theme.spacing(4), x: theme.spacing(6) },\r\n  ...media(mediaQuery.mediaMinLarge, {\r\n    ':hover': { backgroundColor: theme.primaryDarkBlue },\r\n  }),\r\n  ':disabled': {\r\n    cursor: 'not-allowed',\r\n    backgroundColor: theme.headerIconGray,\r\n    ':hover': { backgroundColor: theme.headerIconGray },\r\n  },\r\n});\r\n\r\nconst Link = styled(KexLink, {\r\n  backgroundColor: theme.primaryBlue,\r\n  font: { size: theme.alpha, weight: theme.fontWeight.bold },\r\n  display: 'flex',\r\n  justifyContent: 'center',\r\n  borderRadius: '50px',\r\n  padding: { y: theme.spacing(4), x: theme.spacing(6) },\r\n  ...media(mediaQuery.mediaMinLarge, {\r\n    ':hover': { backgroundColor: theme.primaryDarkBlue },\r\n  }),\r\n  ...pseudo([':nth-child(n)[data-disabled=\"true\"]'], {\r\n    cursor: 'not-allowed',\r\n    backgroundColor: theme.headerIconGray,\r\n    ':hover': { backgroundColor: theme.headerIconGray },\r\n  }),\r\n});\r\n\r\nconst ButtonText = styled.span({\r\n  color: theme.white,\r\n  textTransform: 'uppercase',\r\n  letterSpacing: '0.05em',\r\n});\r\n\r\nconst LinkText = styled.span({\r\n  padding: { x: theme.spacing(2) },\r\n  color: theme.white,\r\n  textTransform: 'uppercase',\r\n  letterSpacing: '0.05em',\r\n});\r\n\r\nexport default CtaButton;\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction HeartIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 12 10\"\r\n    >\r\n      <path\r\n        fill=\"#484848\"\r\n        d=\"M4.977.744l.144.135.879.878.879-.878.144-.135C8.2-.291 9.997-.246 11.12.879c1.125 1.124 1.17 2.92.135 4.098l-.135.144L6.345 9.86c-.193.184-.497.184-.69 0L.88 5.121C-.293 3.95-.293 2.051.879.88 2.003-.246 3.799-.291 4.977.744zm5.437.842C9.71.88 8.602.809 7.838 1.368l-.131.105-.121.113L6 3.17 4.437 1.608l-.124-.116-.13-.105c-.74-.544-1.763-.512-2.469.081l-.128.118c-.74.74-.78 1.915-.12 2.699l.117.126L6 8.792l4.392-4.355.113-.12c.692-.788.656-1.985-.09-2.731z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(HeartIcon);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction ArrowRightIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      viewBox=\"0 0 24 24\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <mask\r\n        id=\"mask0\"\r\n        mask-type=\"alpha\"\r\n        maskUnits=\"userSpaceOnUse\"\r\n        x=\"0\"\r\n        y=\"0\"\r\n        width=\"24\"\r\n        height=\"24\"\r\n      >\r\n        <rect width=\"24\" height=\"24\" fill=\"#C4C4C4\" />\r\n      </mask>\r\n      <g mask=\"url(#mask0)\">\r\n        <path\r\n          fillRule=\"evenodd\"\r\n          clipRule=\"evenodd\"\r\n          d=\"M8.7855 19.3488C8.69806 19.4326 8.55948 19.4303 8.47478 19.3438L7.65705 18.5081C7.57073 18.4199 7.57343 18.2781 7.66303 18.1932L14.0655 12.1295L7.65667 5.80688C7.57007 5.72144 7.56884 5.58207 7.65393 5.49512L8.47217 4.65895C8.5579 4.57134 8.69858 4.57028 8.78562 4.6566L15.999 11.8103C16.1754 11.9852 16.1729 12.2712 15.9935 12.443L8.7855 19.3488Z\"\r\n        />\r\n      </g>\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(ArrowRightIcon);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction AccountIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 9 11\"\r\n    >\r\n      <path\r\n        fill=\"#484848\"\r\n        fillRule=\"evenodd\"\r\n        d=\"M4.5 0c1.657 0 3 1.343 3 3 0 1.185-.687 2.209-1.684 2.697C7.66 6.259 9 7.973 9 10c0 .276-.224.5-.5.5S8 10.276 8 10c0-1.933-1.567-3.5-3.5-3.5S1 8.067 1 10c0 .276-.224.5-.5.5S0 10.276 0 10c0-2.027 1.34-3.741 3.183-4.304C2.187 5.209 1.5 4.185 1.5 3c0-1.657 1.343-3 3-3zm0 1c-1.105 0-2 .895-2 2s.895 2 2 2 2-.895 2-2-.895-2-2-2z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(AccountIcon);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\ntype SearchIconType = StyledProps & {\r\n  onClick?: () => void;\r\n};\r\n\r\nfunction SearchIcon({ compose, onClick }: SearchIconType) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 16 16\"\r\n      onClick={() => onClick && onClick()}\r\n    >\r\n      <path\r\n        fill=\"#484848\"\r\n        fillRule=\"evenodd\"\r\n        d=\"M6.997 12.997c-1.603 0-3.11-.624-4.243-1.758-2.34-2.34-2.34-6.145 0-8.485 2.338-2.34 6.145-2.34 8.485 0 1.134 1.134 1.758 2.64 1.758 4.243 0 1.603-.624 3.109-1.758 4.242-1.133 1.134-2.64 1.758-4.242 1.758m8.854 2.146l-3.57-3.568c1.107-1.271 1.716-2.877 1.716-4.578 0-1.87-.73-3.628-2.051-4.95-2.728-2.728-7.17-2.73-9.9 0-2.728 2.729-2.728 7.17 0 9.899 1.323 1.322 3.08 2.05 4.95 2.05 1.702 0 3.308-.608 4.579-1.714l3.568 3.569c.098.097.226.146.354.146.128 0 .256-.05.354-.146.195-.196.195-.512 0-.708\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(SearchIcon);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction CartIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 16 21\"\r\n      css={compose()}\r\n    >\r\n      <styled.G css={compose()} fill=\"none\" fillRule=\"evenodd\">\r\n        <styled.Path\r\n          d=\"M8 0a4.513 4.513 0 014.495 4.289l.005.211V5H15a1 1 0 011 1v14a1 1 0 01-1 1H1a1 1 0 01-1-1V6a1 1 0 011-1h2.5v-.5C3.5 2.024 5.524 0 8 0zm7 6h-2.5v3.5a.5.5 0 01-.992.09L11.5 9.5V6h-7v3.5a.5.5 0 01-.992.09L3.5 9.5V6H1v14h14V6zM8 1a3.513 3.513 0 00-3.495 3.309L4.5 4.5V5h7v-.5C11.5 2.576 9.924 1 8 1z\"\r\n          fill=\"#FFF\"\r\n          fillRule=\"nonzero\"\r\n          css={compose()}\r\n        />\r\n      </styled.G>\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(CartIcon);\r\n","import React from 'react';\r\nimport { StyledProps } from '@glitz/react';\r\nimport { styled, theme } from '../../Theme';\r\nimport { Style } from '@glitz/type';\r\n\r\ntype PropType = StyledProps & {\r\n  isOpen?: boolean;\r\n};\r\n\r\nfunction MenuIcon({ compose, isOpen }: PropType) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 16 12\"\r\n    >\r\n      <g fill=\"#484848\" fillRule=\"evenodd\">\r\n        <Path\r\n          css={\r\n            isOpen\r\n              ? { ...TopPathOut, opacity: 1 }\r\n              : { ...TopPathIn, opacity: 0 }\r\n          }\r\n          d=\"M13.5,1.5 C13.7761424,1.5 14,1.72385763 14,2 C14,2.27614237 13.7761424,2.5 13.5,2.5 L2.5,2.5 C2.22385763,2.5 2,2.27614237 2,2 C2,1.72385763 2.22385763,1.5 2.5,1.5 L13.5,1.5 Z\"\r\n          transform=\"translate(0 -1)\"\r\n        />\r\n        <Path\r\n          css={\r\n            isOpen\r\n              ? { ...CenterPathOut, opacity: 1 }\r\n              : { ...CenterPathIn, opacity: 0 }\r\n          }\r\n          d=\"M15.5,6.5 C15.7761424,6.5 16,6.72385763 16,7 C16,7.27614237 15.7761424,7.5 15.5,7.5 L0.5,7.5 C0.223857625,7.5 0,7.27614237 0,7 C0,6.72385763 0.223857625,6.5 0.5,6.5 L15.5,6.5 Z\"\r\n          transform=\"translate(0 -1)\"\r\n        />\r\n        <Path\r\n          css={\r\n            isOpen\r\n              ? { ...BottomPathOut, opacity: 1 }\r\n              : { ...BottomPathIn, opacity: 0 }\r\n          }\r\n          d=\"M13.5,11.5 C13.7761424,11.5 14,11.7238576 14,12 C14,12.2761424 13.7761424,12.5 13.5,12.5 L2.5,12.5 C2.22385763,12.5 2,12.2761424 2,12 C2,11.7238576 2.22385763,11.5 2.5,11.5 L13.5,11.5 Z\"\r\n          transform=\"translate(0 -1)\"\r\n        />\r\n        <CrossG\r\n          css={\r\n            isOpen\r\n              ? { ...animationCrossIn, transform: 'scale(0)' }\r\n              : { ...animationCrossOut, transform: 'scale(1)' }\r\n          }\r\n        >\r\n          <path\r\n            d=\"M15.5,6.5 C15.7761424,6.5 16,6.72385763 16,7 C16,7.27614237 15.7761424,7.5 15.5,7.5 L0.5,7.5 C0.223857625,7.5 0,7.27614237 0,7 C0,6.72385763 0.223857625,6.5 0.5,6.5 L15.5,6.5 Z\"\r\n            transform=\"rotate(-45 6.793 6.5)\"\r\n          />\r\n          <path\r\n            d=\"M15.5,6.5 C15.7761424,6.5 16,6.72385763 16,7 C16,7.27614237 15.7761424,7.5 15.5,7.5 L0.5,7.5 C0.223857625,7.5 0,7.27614237 0,7 C0,6.72385763 0.223857625,6.5 0.5,6.5 L15.5,6.5 Z\"\r\n            transform=\"rotate(45 9.207 6.5)\"\r\n          />\r\n        </CrossG>\r\n      </g>\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(MenuIcon);\r\n\r\nconst animationDuration = theme.timings.threeTenths;\r\n\r\nconst animationMenuPathsIn = {\r\n  animationName: {\r\n    from: {\r\n      opacity: 0,\r\n    },\r\n    to: {\r\n      opacity: 1,\r\n    },\r\n  },\r\n  animationFillMode: 'forwards',\r\n  animationDuration,\r\n} as Style;\r\n\r\nconst animationMenuPathsOut = {\r\n  animationName: {\r\n    from: {\r\n      opacity: 1,\r\n    },\r\n    to: {\r\n      opacity: 0,\r\n    },\r\n  },\r\n  animationFillMode: 'forwards',\r\n  animationDuration,\r\n} as Style;\r\n\r\nconst TopPathIn = {\r\n  ...animationMenuPathsIn,\r\n  animationDelay: theme.timings.twoFifths,\r\n};\r\nconst CenterPathIn = {\r\n  ...animationMenuPathsIn,\r\n  animationDelay: theme.timings.oneHalf,\r\n};\r\nconst BottomPathIn = {\r\n  ...animationMenuPathsIn,\r\n  animationDelay: theme.timings.threeFifths,\r\n};\r\n\r\nconst TopPathOut = {\r\n  ...animationMenuPathsOut,\r\n  animationDelay: theme.timings.oneFifth,\r\n};\r\nconst CenterPathOut = {\r\n  ...animationMenuPathsOut,\r\n  animationDelay: theme.timings.oneTenth,\r\n};\r\nconst BottomPathOut = {\r\n  ...animationMenuPathsOut,\r\n};\r\n\r\nconst Path = styled.path({});\r\n\r\nconst animationCrossIn = {\r\n  animationName: {\r\n    '0%': {\r\n      transform: 'scale(0)',\r\n    },\r\n    '90%': {\r\n      transform: 'scale(1.1)',\r\n    },\r\n    '100%': {\r\n      transform: 'scale(1)',\r\n    },\r\n  },\r\n  animationDuration,\r\n  animationFillMode: 'forwards',\r\n  animationDelay: theme.timings.threeTenths,\r\n} as Style;\r\n\r\nconst animationCrossOut = {\r\n  animationName: {\r\n    '0%': {\r\n      transform: 'scale(1)',\r\n    },\r\n    '10%': {\r\n      transform: 'scale(1.1)',\r\n    },\r\n    '100%': {\r\n      transform: 'scale(0)',\r\n    },\r\n  },\r\n  animationFillMode: 'forwards',\r\n  animationDuration,\r\n} as Style;\r\n\r\nconst CrossG = styled.g({\r\n  transformOrigin: 'center',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction GlobeIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 12 12\"\r\n    >\r\n      <path\r\n        fill=\"#484848\"\r\n        fillRule=\"evenodd\"\r\n        d=\"M6 0c3.314 0 6 2.686 6 6s-2.686 6-6 6-6-2.686-6-6 2.686-6 6-6zm1.989 6.501H4.01C4.13 9.084 5.14 11 6 11c.861 0 1.87-1.916 1.989-4.499zm-4.979 0H1.025c.185 1.866 1.397 3.43 3.062 4.12-.604-1-1.008-2.465-1.077-4.12zm7.965 0H8.99c-.069 1.655-.473 3.12-1.077 4.12 1.665-.69 2.877-2.254 3.062-4.12zM4.087 1.378l-.127.056C2.36 2.15 1.205 3.682 1.025 5.5H3.01c.068-1.655.473-3.12 1.077-4.122zM6 1c-.861 0-1.871 1.917-1.989 4.5H7.99c-.114-2.498-1.061-4.372-1.903-4.494L6 1zm1.913.379l.02.032c.593 1 .99 2.452 1.057 4.09h1.985c-.185-1.867-1.397-3.432-3.062-4.122z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(GlobeIcon);\r\n","import React from 'react';\r\nimport { styled } from '../../Theme';\r\nimport { StyledProps } from '@glitz/react';\r\n\r\nfunction Logo({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      viewBox=\"0 0 40 15\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M3.428 14.219v-3.75l1.406-1.543 3.027 5.293h4.063l-4.805-7.93L11.924 0H7.686L4.619 4.463 3.428 6.27V0H0v14.219h3.428zm21.16 0v-2.637H18.22V8.193h5.39V5.645h-5.39V2.646h6.386V0h-9.814v14.219h9.795zm6.307 0l2.392-4.815 2.393 4.815h3.955L35.553 7.05 39.527 0h-3.916l-2.324 4.727L30.963 0h-3.906l3.964 7.05-4.072 7.169h3.946z\"\r\n        fill=\"#484848\"\r\n        fillRule=\"nonzero\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(Logo);\r\n","import React from 'react';\r\nimport { styled } from '../../Theme';\r\nimport { StyledProps } from '@glitz/react';\r\n\r\nfunction LogoWhite({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      viewBox=\"0 0 40 15\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        d=\"M3.428 14.219v-3.75l1.406-1.543 3.027 5.293h4.063l-4.805-7.93L11.924 0H7.686L4.619 4.463 3.428 6.27V0H0v14.219h3.428zm21.16 0v-2.637H18.22V8.193h5.39V5.645h-5.39V2.646h6.386V0h-9.814v14.219h9.795zm6.307 0l2.392-4.815 2.393 4.815h3.955L35.553 7.05 39.527 0h-3.916l-2.324 4.727L30.963 0h-3.906l3.964 7.05-4.072 7.169h3.946z\"\r\n        fill=\"#fff\"\r\n        fillRule=\"nonzero\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(LogoWhite);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction ProfileIconFilled({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 14 16\"\r\n    >\r\n      <path\r\n        fill=\"#F7EDDA\"\r\n        d=\"M13.5 15.5C13.5 11.91 10.59 9 7 9S.5 11.91.5 15.5h13z\"\r\n      />\r\n      <path\r\n        fill=\"#484848\"\r\n        fillRule=\"nonzero\"\r\n        d=\"M7 0c2.485 0 4.5 2.015 4.5 4.5 0 1.666-.905 3.12-2.25 3.898C12.016 9.4 14 12.206 14 15.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5C13 11.902 10.305 9 7 9s-6 2.902-6 6.5c0 .276-.224.5-.5.5s-.5-.224-.5-.5c0-3.294 1.984-6.1 4.75-7.105C3.405 7.62 2.5 6.165 2.5 4.5 2.5 2.015 4.515 0 7 0zm0 1C5.067 1 3.5 2.567 3.5 4.5S5.067 8 7 8s3.5-1.567 3.5-3.5S8.933 1 7 1z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(ProfileIconFilled);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport { StyleOrStyleArray } from '@glitz/type';\r\nimport { theme } from '../../Theme';\r\n\r\ntype LoadingCircleType = StyledProps & {\r\n  width?: string;\r\n  isLoading?: boolean;\r\n};\r\n\r\nfunction LoadingCircle({ isLoading, compose }: LoadingCircleType) {\r\n  return (\r\n    <StyledSvg\r\n      viewBox=\"0 0 100 100\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      css={compose()}\r\n    >\r\n      <styled.Circle\r\n        css={compose(isLoading ? LoadingStyles : {})}\r\n        cx=\"50\"\r\n        cy=\"50\"\r\n        r=\"49\"\r\n        fill=\"none\"\r\n      />\r\n    </StyledSvg>\r\n  );\r\n}\r\n\r\nexport default styled(LoadingCircle);\r\n\r\nconst LoadingStyles: StyleOrStyleArray = {\r\n  transform: 'rotate(-90deg)',\r\n  transformOrigin: '50%',\r\n  animationDuration: theme.timings.oneAndAHalf,\r\n  animationTimingFunction: 'cubic-bezier(0.47, 0.01, 0.51, 1)',\r\n  animationIterationCount: 'infinite',\r\n  stroke: theme.white,\r\n  strokeWidth: theme.small,\r\n  strokeDashoffset: 'calc(-3.14 * 2 * 100%)',\r\n  strokeDasharray: 'calc(3.14 * 2 * 100%)',\r\n  fill: 'none',\r\n  animationName: {\r\n    '0%': {\r\n      strokeDashoffset: 'calc(3.14 * 2 * 100%)',\r\n    },\r\n    '50%': {\r\n      strokeDashoffset: '0%',\r\n    },\r\n    '100%': {\r\n      strokeDashoffset: '-calc(3.14 * 2 * 100%)',\r\n    },\r\n  },\r\n};\r\n\r\nconst StyledSvg = styled.svg({\r\n  padding: {\r\n    xy: theme.tiny,\r\n  },\r\n  overflow: 'visible',\r\n});\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction ExclamationMarkIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n      viewBox=\"0 0 16 16\"\r\n    >\r\n      <path\r\n        fill=\"#9A2626\"\r\n        fill-rule=\"nonzero\"\r\n        transform=\"translate(-781 -510) translate(765 172) translate(0 316) translate(16 22)\"\r\n        d=\"M8 0c4.418 0 8 3.582 8 8s-3.582 8-8 8-8-3.582-8-8 3.582-8 8-8zm0 1C4.134 1 1 4.134 1 8s3.134 7 7 7 7-3.134 7-7-3.134-7-7-7zm.5 10v2h-1v-2h1zm0-8v7h-1V3h1z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(ExclamationMarkIcon);\r\n","import AccountIcon from './AccountIcon';\r\nimport SearchIcon from './SearchIcon';\r\nimport HeartIcon from './HeartIcon';\r\nimport CartIcon from './CartIcon';\r\nimport ContactIcon from './ContactIcon';\r\nimport MenuIcon from './MenuIcon';\r\nimport GlobeIcon from './GlobeIcon';\r\nimport ArrowRightIcon from './ArrowRightIcon';\r\nimport CloseIcon from './CloseIcon';\r\nimport Logo from './Logo';\r\nimport LogoWhite from './LogoWhite';\r\nimport ProfileIcon from './ProfileIcon';\r\nimport ProfileIconFilled from './ProfileIconFilled';\r\nimport LoadingCircle from './LoadingCircle';\r\nimport ErrorIcon from './ExclamationMarkIcon';\r\n\r\nexport {\r\n  AccountIcon,\r\n  SearchIcon,\r\n  HeartIcon,\r\n  CartIcon,\r\n  ContactIcon,\r\n  MenuIcon,\r\n  GlobeIcon,\r\n  ArrowRightIcon,\r\n  CloseIcon,\r\n  Logo,\r\n  LogoWhite,\r\n  ProfileIcon,\r\n  ProfileIconFilled,\r\n  LoadingCircle,\r\n  ErrorIcon,\r\n};\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction ContactIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      viewBox=\"0 0 24 24\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M19.7757 1.74446C19.7954 1.74643 19.815 1.74958 19.8344 1.75389C20.945 2.00064 21.9383 2.61877 22.6502 3.5062C23.3621 4.39364 23.75 5.49732 23.75 6.635V7.52499C23.75 8.05542 23.5393 8.56413 23.1642 8.9392C22.7891 9.31427 22.2804 9.52499 21.75 9.52499H18C17.4696 9.52499 16.9609 9.31427 16.5858 8.9392C16.2107 8.56413 16 8.05542 16 7.52499C16 7.25977 15.8946 7.00542 15.7071 6.81788C15.5196 6.63035 15.2652 6.52499 15 6.52499H9C8.73478 6.52499 8.48043 6.63035 8.29289 6.81788C8.10536 7.00542 8 7.25977 8 7.52499C8 8.05542 7.78929 8.56413 7.41421 8.9392C7.03914 9.31427 6.53043 9.52499 6 9.52499H2.25C1.71957 9.52499 1.21086 9.31427 0.835787 8.9392C0.460714 8.56413 0.25 8.05542 0.25 7.52499L0.25 6.63522C0.249519 5.49724 0.637242 4.3929 1.34912 3.50507C2.06105 2.61718 3.05458 1.99872 4.16556 1.75189C4.18499 1.74757 4.20465 1.74442 4.22442 1.74245C9.36105 0.753305 14.6393 0.753987 19.7757 1.74446ZM4.37955 2.72873C3.49194 2.92663 2.69822 3.42109 2.1293 4.13063C1.55975 4.84094 1.24957 5.7243 1.25 6.63475V7.52499C1.25 7.79021 1.35536 8.04456 1.54289 8.2321C1.73043 8.41963 1.98478 8.52499 2.25 8.52499H6C6.26522 8.52499 6.51957 8.41963 6.70711 8.2321C6.89464 8.04456 7 7.79021 7 7.52499C7 6.99456 7.21071 6.48585 7.58579 6.11077C7.96086 5.7357 8.46957 5.52499 9 5.52499H15C15.5304 5.52499 16.0391 5.7357 16.4142 6.11077C16.7893 6.48585 17 6.99455 17 7.52499C17 7.79021 17.1054 8.04456 17.2929 8.2321C17.4804 8.41963 17.7348 8.52499 18 8.52499H21.75C22.0152 8.52499 22.2696 8.41963 22.4571 8.2321C22.6446 8.04456 22.75 7.7902 22.75 7.52499V6.63498C22.75 5.72483 22.4397 4.84188 21.8701 4.13194C21.3082 3.43144 20.5272 2.94069 19.653 2.73813C19.6419 2.73674 19.6309 2.73499 19.6199 2.73286C14.5868 1.75784 9.41335 1.75717 4.37997 2.73089L4.37955 2.72873Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M3.75 11.525C4.02614 11.525 4.25 11.7489 4.25 12.025V18.025C4.25 19.0859 4.67143 20.1033 5.42157 20.8534C6.17172 21.6036 7.18913 22.025 8.25 22.025H15.75C16.8109 22.025 17.8283 21.6036 18.5784 20.8534C19.3286 20.1033 19.75 19.0859 19.75 18.025V12.025C19.75 11.7489 19.9739 11.525 20.25 11.525C20.5261 11.525 20.75 11.7489 20.75 12.025V18.025C20.75 19.3511 20.2232 20.6228 19.2855 21.5605C18.3479 22.4982 17.0761 23.025 15.75 23.025H8.25C6.92392 23.025 5.65215 22.4982 4.71447 21.5605C3.77678 20.6228 3.25 19.3511 3.25 18.025V12.025C3.25 11.7489 3.47386 11.525 3.75 11.525Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M7.875 12.775C7.6525 12.775 7.43499 12.841 7.24998 12.9646C7.06498 13.0882 6.92078 13.2639 6.83564 13.4695C6.75049 13.675 6.72821 13.9012 6.77162 14.1195C6.81503 14.3377 6.92217 14.5382 7.07951 14.6955C7.23684 14.8528 7.43729 14.96 7.65552 15.0034C7.87375 15.0468 8.09995 15.0245 8.30552 14.9394C8.51108 14.8542 8.68679 14.71 8.8104 14.525C8.93402 14.34 9 14.1225 9 13.9C9 13.6016 8.88147 13.3155 8.6705 13.1045C8.45952 12.8935 8.17337 12.775 7.875 12.775Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M12 12.775C11.7775 12.775 11.56 12.841 11.375 12.9646C11.19 13.0882 11.0458 13.2639 10.9606 13.4695C10.8755 13.675 10.8532 13.9012 10.8966 14.1195C10.94 14.3377 11.0472 14.5382 11.2045 14.6955C11.3618 14.8528 11.5623 14.96 11.7805 15.0034C11.9988 15.0468 12.225 15.0245 12.4305 14.9394C12.6361 14.8542 12.8118 14.71 12.9354 14.525C13.059 14.34 13.125 14.1225 13.125 13.9C13.125 13.6016 13.0065 13.3155 12.7955 13.1045C12.5845 12.8935 12.2984 12.775 12 12.775Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M16.125 12.775C15.9025 12.775 15.685 12.841 15.5 12.9646C15.315 13.0882 15.1708 13.2639 15.0856 13.4695C15.0005 13.675 14.9782 13.9012 15.0216 14.1195C15.065 14.3377 15.1722 14.5382 15.3295 14.6955C15.4868 14.8528 15.6873 14.96 15.9055 15.0034C16.1238 15.0468 16.35 15.0245 16.5555 14.9394C16.7611 14.8542 16.9368 14.71 17.0604 14.525C17.184 14.34 17.25 14.1225 17.25 13.9C17.25 13.6016 17.1315 13.3155 16.9205 13.1045C16.7095 12.8935 16.4234 12.775 16.125 12.775Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M7.875 16.525C7.65249 16.525 7.43498 16.591 7.24998 16.7146C7.06498 16.8382 6.92078 17.0139 6.83564 17.2195C6.75049 17.425 6.72821 17.6512 6.77162 17.8695C6.81503 18.0877 6.92217 18.2882 7.07951 18.4455C7.23684 18.6028 7.4373 18.71 7.65552 18.7534C7.87375 18.7968 8.09995 18.7745 8.30552 18.6894C8.51108 18.6042 8.68678 18.46 8.8104 18.275C8.93402 18.09 9 17.8725 9 17.65C9 17.3516 8.88148 17.0655 8.6705 16.8545C8.45952 16.6435 8.17337 16.525 7.875 16.525Z\"\r\n      />\r\n      <path d=\"M11.375 16.7146C11.56 16.591 11.7775 16.525 12 16.525C12.2984 16.525 12.5845 16.6435 12.7955 16.8545C13.0065 17.0655 13.125 17.3516 13.125 17.65C13.125 17.8725 13.059 18.09 12.9354 18.275C12.8118 18.46 12.6361 18.6042 12.4305 18.6894C12.225 18.7745 11.9988 18.7968 11.7805 18.7534C11.5623 18.71 11.3618 18.6028 11.2045 18.4455C11.0472 18.2882 10.94 18.0877 10.8966 17.8695C10.8532 17.6512 10.8755 17.425 10.9606 17.2195C11.0458 17.0139 11.19 16.8382 11.375 16.7146Z\" />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M15.5 16.7146C15.685 16.591 15.9025 16.525 16.125 16.525C16.4234 16.525 16.7095 16.6435 16.9205 16.8545C17.1315 17.0655 17.25 17.3516 17.25 17.65C17.25 17.8725 17.184 18.09 17.0604 18.275C16.9368 18.46 16.7611 18.6042 16.5555 18.6894C16.35 18.7745 16.1238 18.7968 15.9055 18.7534C15.6873 18.71 15.4868 18.6028 15.3295 18.4455C15.1722 18.2882 15.065 18.0877 15.0216 17.8695C14.9782 17.6512 15.0005 17.425 15.0856 17.2195C15.1708 17.0139 15.315 16.8382 15.5 16.7146Z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(ContactIcon);\r\n","import React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\n\r\nfunction ProfileIcon({ compose }: StyledProps) {\r\n  return (\r\n    <styled.Svg\r\n      css={compose()}\r\n      width=\"24\"\r\n      height=\"24\"\r\n      viewBox=\"0 0 24 24\"\r\n      xmlns=\"http://www.w3.org/2000/svg\"\r\n    >\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M12 5C9.37665 5 7.25 7.12665 7.25 9.75C7.25 12.3734 9.37665 14.5 12 14.5C14.6234 14.5 16.75 12.3734 16.75 9.75C16.75 7.12665 14.6234 5 12 5ZM6.25 9.75C6.25 6.57436 8.82436 4 12 4C15.1756 4 17.75 6.57436 17.75 9.75C17.75 12.9256 15.1756 15.5 12 15.5C8.82436 15.5 6.25 12.9256 6.25 9.75Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M8.06346 18.286C9.31074 17.767 10.6483 17.4999 11.9992 17.4999C13.3502 17.4999 14.6878 17.767 15.935 18.286C17.1823 18.8049 18.3147 19.5653 19.2669 20.5236C19.4616 20.7194 19.4606 21.036 19.2647 21.2307C19.0688 21.4253 18.7522 21.4243 18.5576 21.2285C17.6983 20.3638 16.6764 19.6775 15.5509 19.2092C14.4254 18.741 13.2183 18.4999 11.9992 18.4999C10.7802 18.4999 9.57313 18.741 8.44759 19.2092C7.32204 19.6775 6.30021 20.3638 5.4409 21.2285C5.24625 21.4243 4.92967 21.4253 4.7338 21.2307C4.53793 21.036 4.53693 20.7194 4.73158 20.5236C5.68384 19.5653 6.81618 18.8049 8.06346 18.286Z\"\r\n      />\r\n      <path\r\n        fillRule=\"evenodd\"\r\n        clipRule=\"evenodd\"\r\n        d=\"M12 1.25C6.06294 1.25 1.25 6.06294 1.25 12C1.25 17.9371 6.06294 22.75 12 22.75C17.9371 22.75 22.75 17.9371 22.75 12C22.75 6.06294 17.9371 1.25 12 1.25ZM0.25 12C0.25 5.51065 5.51065 0.25 12 0.25C18.4893 0.25 23.75 5.51065 23.75 12C23.75 18.4893 18.4893 23.75 12 23.75C5.51065 23.75 0.25 18.4893 0.25 12Z\"\r\n      />\r\n    </styled.Svg>\r\n  );\r\n}\r\n\r\nexport default styled(ProfileIcon);\r\n"],"sourceRoot":""}