{"version":3,"file":"df0285dff9ebfe6316ff7e588335b9560585ae46-2925d3b8cb7805ef56b5.js","mappings":"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","sources":["webpack://ipf/./src/components/Collection/Specification.tsx","webpack://ipf/./src/components/GatsbyImageWithArtDirection.tsx","webpack://ipf/./src/components/GridSection.tsx","webpack://ipf/./src/reducers/orderCheckoutReducer/types.ts","webpack://ipf/./src/reducers/orderCheckoutReducer/index.ts","webpack://ipf/./src/reducers/orderCheckoutReducer/action-creators.ts","webpack://ipf/./src/components/Input.tsx","webpack://ipf/./src/constants/configuratorTranlsations.ts","webpack://ipf/./src/components/OrderCheckout/OrderCheckout.tsx","webpack://ipf/./src/components/Styled/ConfiguratorIframe.ts","webpack://ipf/./src/components/Wrapper.tsx","webpack://ipf/./src/hooks/useListenIframe.ts"],"sourcesContent":["import React from \"react\";\nimport { get } from \"../../constants/theme\";\nimport { SpecificationsQuery } from \"../../types/pages/collection\";\nimport { graphql, useStaticQuery } from \"gatsby\";\nimport Box from \"../Box/Box\";\nimport styled from \"styled-components\";\nimport { SxProp } from \"../../constants/sx\";\nimport css from \"@styled-system/css\";\nimport { Paragraph, Title } from \"../Styled/Text\";\nimport { clampBuilder } from \"../../helpers/sizeCalc\";\n\ntype Props = {\n  listspec:{\n    list: Array <{\n      field: string;\n      value: string;\n    }>\n    title: string;\n    footer?: string;\n  }\n};\n\nexport const SpecFieldText = styled(\"span\")<SxProp>`\n  font-family: custom_42266;\n  font-weight: 400;\n  font-size: 12px;\n  font-size: clamp(0.75rem, 0.4729rem + 0.7401vw, 1.25rem);\n  line-height: 26px;\n  text-transform: uppercase;\n  text-align: center;\n  color: ${get(\"palette.text.brown\")};\n\n  @media screen and (max-width: 599px) {\n    font-size: 16px;\n    line-height: 26px;\n    font-size: clamp(1.125rem, 0.4082rem + 3.5842vw, 1.75rem);\n  }\n\n  ${(p) => p.sx && css({ ...p.sx })};\n`;\n\nconst Specification = ({listspec}: Props) => {\n  \n\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        background: get(\"palette.background.gold\"),\n        padding: [\n          \"clamp(7.1875rem, 0.0907rem + 35.4839vw, 13.375rem) 5%\",\n          \"clamp(7.1875rem, 0.0907rem + 35.4839vw, 13.375rem) 5%\",\n          \"clamp(6.625rem, 2.3999rem + 11.2858vw, 14.25rem) 12.5%\",\n          \"clamp(6.625rem, 2.3999rem + 11.2858vw, 14.25rem) 12.5%\",\n        ],\n        marginBottom: clampBuilder(599, 1680, 1.8125, 4.0625),\n        marginTop: clampBuilder(599, 1680, 1.8125, 4.0625),\n      }}\n    >\n      <Title\n        variant=\"paragraph\"\n        sx={{\n          textAlign: \"center\",\n          alignSelf: \"center\",\n          marginBottom: \"clamp(3.875rem, -0.0677rem + 19.7133vw, 7.3125rem)\",\n        }}\n      >\n        {listspec.title}\n      </Title>\n\n      <Box\n        sx={{\n          alignSelf: [\"center\", \"center\", \"center\", \"center\"],\n          width: [\"100%\", \"80%\", \"80%\", \"80%\"],\n          \"& > :nth-child(1n)\": {\n            marginBottom: [0, 0, \"24px\", \"24px\"],\n            \"::after\": {\n              display: [\"block\", \"block\", \"none\", \"none\"],\n\n              content: `\"\"`,\n              width: \"50px\",\n              height: \"1px\",\n              maxHeight: \"1px\",\n              opacity: 0.85,\n              margin: \"clamp(1.4375rem, -1.1328rem + 12.8516vw, 3.6785rem) 0\",\n              background: get(\"palette.text.dark_gold\"),\n            },\n          },\n          \"& > :last-child\": {\n            marginBottom: 0,\n            \"::after\": {\n              display: \"none\",\n            },\n          },\n        }}\n      >\n        {listspec.list.map((item) => (\n          <Box\n            key={item.field}\n            sx={{\n              display: \"flex\",\n              flexDirection: [\"column\", \"column\", \"row\", \"row\"],\n              alignItems: \"center\",\n              justifyContent: \"stretch\",\n              width: \"100%\",\n              gap: [\".5rem\", \".5rem\", 0, 0],\n              whiteSpace: [\"unset\", \"nowrap\", \"nowrap\", \"nowrap\"],\n            }}\n          >\n            <SpecFieldText\n              sx={{\n                fontWeight: [800, 400, 400, 400],\n                color: [\n                  get(\"palette.text.brown\"),\n                  get(\"palette.text.brown\"),\n                  get(\"palette.text.brown\"),\n                  get(\"palette.text.brown\"),\n                ],\n              }}\n            >\n              {item.field}\n            </SpecFieldText>\n            <Box\n              sx={{\n                display: [\"none\", \"none\", \"block\", \"block\"],\n                flex: 1,\n                alignSelf: \"flex-end\",\n                height: \"1px\",\n                maxHeight: \"1px\",\n                background: get(\"palette.text.dark_gold\"),\n                margin: \"0 0.5rem\",\n              }}\n            />\n            <SpecFieldText\n              sx={{\n                color: [\n                  get(\"palette.text.dark_gold\"),\n                  get(\"palette.text.brown\"),\n                  get(\"palette.text.brown\"),\n                  get(\"palette.text.brown\"),\n                ],\n                justifySelf: \"flex-end\",\n                whiteSpace: [\"unset\", \"nowrap\", \"nowrap\", \"nowrap\"],\n              }}\n            >\n              {item.value}\n            </SpecFieldText>\n          </Box>\n        ))}\n              <Paragraph\n        sx={{\n          width: \"100%\",\n          textAlign: \"center\",\n        }}\n       >\n          {listspec.footer}\n      </Paragraph>\n      </Box>\n\n    </Box>\n  );\n};\n\nexport default React.memo(Specification);\n","import { SystemStyleObject } from \"@styled-system/css\";\nimport {\n  GatsbyImage,\n  IGatsbyImageData,\n  withArtDirection,\n  GatsbyImageProps,\n} from \"gatsby-plugin-image\";\nimport React, { useMemo } from \"react\";\nimport { breakpoints } from \"../constants/theme\";\nimport Box from \"./Box/Box\";\n\ninterface Props extends Omit<GatsbyImageProps, \"image\"> {\n  desktopImage: IGatsbyImageData;\n  alt: string;\n  mobileImage?: IGatsbyImageData;\n  sx?: SystemStyleObject;\n  imgStyle?: React.CSSProperties;\n  loading?: \"eager\" | \"lazy\";\n}\n\nfunction GatsbyImageWithArtDirection({\n  desktopImage,\n  alt,\n  mobileImage,\n  imgStyle,\n  sx,\n  loading = undefined,\n  ...imgProps\n}: Props) {\n  const image = useMemo(() => {\n    if (!mobileImage) return desktopImage;\n    return withArtDirection(desktopImage, [\n      {\n        media: `(max-width: ${breakpoints[0]})`,\n        image: mobileImage,\n      },\n      {\n        media: `(max-width: ${breakpoints[1]})`,\n        image: desktopImage,\n      },\n      {\n        media: `(max-width: ${breakpoints[2]})`,\n        image: desktopImage,\n      },\n      {\n        media: `(max-width: ${breakpoints[3]})`,\n        image: desktopImage,\n      },\n    ]);\n  }, [desktopImage, mobileImage]);\n\n  return (\n    <Box\n      as={GatsbyImage}\n      sx={{ ...sx }}\n      {...imgProps}\n      loading={loading}\n      imgStyle={{ ...imgStyle }}\n      image={image}\n      alt={alt}\n    />\n  );\n}\n\nexport default GatsbyImageWithArtDirection;\n","import css, { SystemStyleObject } from \"@styled-system/css\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { variant } from \"styled-system\";\nimport { SxProp } from \"../constants/sx\";\nimport { get } from \"../constants/theme\";\nimport useWindowSize from \"../hooks/useWindowSize\";\nimport Box from \"./Box/Box\";\n\nexport type GridSectionFirstChildrenType =\n  | \"textBox\"\n  | \"imageBox\"\n  | \"topImageBox\"\n  | \"topLeftImageBox\";\n\nexport type GridSectionSecondChildrenType =\n  | \"textBox\"\n  | \"imageBox\"\n  | \"bottomTextBox\"\n  | \"bottomRightTextBox\";\n\ntype Props = {\n  firstChildrenType: GridSectionFirstChildrenType;\n  secondChildrenType: GridSectionSecondChildrenType;\n  children: [React.ReactNode, React.ReactNode];\n  mainContainerSx?: SystemStyleObject;\n  firstChildrenWrapperSx?: SystemStyleObject;\n  secondChildrenWrapperSx?: SystemStyleObject;\n};\n\nconst GridContainer = styled(Box)<SxProp & { containerMinHeight?: number }>`\n  display: grid;\n  grid-template-columns: repeat(12, 1fr);\n  align-items: center;\n  flex-direction: row;\n  justify-content: space-between;\n  margin-top: 40px;\n  /* min-height: ${(props) =>\n    props.containerMinHeight ? `${props.containerMinHeight}px` : \"100vh\"}; */\n  width: 100%;\n  & > :nth-child(1n) {\n    flex: 1;\n  }\n\n  @media screen and (max-width: 768px) {\n    flex-direction: column;\n    padding: 0;\n    margin-top: 100px;\n  }\n\n  ${(props) => props.sx && css({ ...props.sx })};\n`;\n\nconst FirstChildrenWrapper = styled(Box)<\n  SxProp & { variant: GridSectionFirstChildrenType }\n>`\n  width: 100%;\n\n  ${variant({\n    variants: {\n      textBox: {\n        display: \"flex\",\n        gridColumnStart: [1, 1, 1, 1],\n        gridColumnEnd: [13, 7, 7, 7],\n        gridRowStart: [1, 1, 1, 1],\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        alignItems: \"center\",\n        fontWeight: 400,\n        fontFamily: \"custom_42264\",\n        color: get(\"palette.text.brown\"),\n        textAlign: [\"left\", \"left\", \"left\", \"left\"],\n        fontSize: \"1.5vmax\",\n        width: \"100%\",\n        marginTop: [\"20px\", 0, 0, 0],\n        marginBottom: [\"20px\", 0, 0, 0],\n      },\n      imageBox: {\n        gridColumnStart: [1, 1, 1, 1],\n        gridColumnEnd: [13, 6, 6, 6],\n      },\n      topImageBox: {\n        width: \"100%\",\n        marginTop: [0, \"40px\", \"60px\", \"80px\"],\n        gridColumnStart: [1, 5, 5, 5],\n        gridColumnEnd: [13, 12, 12, 12],\n        gridRowStart: [2, 1, 1, 1],\n        marginBottom: [0, \"40px\", \"60px\", \"80px\"],\n      },\n      topLeftImageBox: {\n        width: \"100%\",\n        gridColumnStart: [1, 2, 2, 2],\n        gridColumnEnd: [13, 8, 8, 8],\n        gridRowStart: [2, 1, 1, 1],\n        marginBottom: [0, \"40px\", \"60px\", \"80px\"],\n      },\n    },\n  })}\n  ${(props) => props.sx && css({ ...props.sx })};\n`;\n\nconst SecondChildrenWrapper = styled(Box)<\n  SxProp & { variant: GridSectionSecondChildrenType }\n>`\n  width: 100%;\n  ${variant({\n    variants: {\n      textBox: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        fontWeight: 400,\n        fontFamily: \"custom_42264\",\n        color: get(\"palette.text.brown\"),\n        textAlign: [\"left\", \"left\", \"left\", \"left\"],\n        fontSize: \"1.5vmax\",\n        gridColumnStart: [1, 7, 7, 7],\n        gridColumnEnd: [13, 13, 13, 13],\n        gridRowStart: [1, 1, 1, 1],\n        marginTop: [\"20px\", 0, 0, 0],\n        marginBottom: [\"20px\", 0, 0, 0],\n      },\n      imageBox: {\n        marginBottom: \"20px\",\n        gridColumnStart: [1, 8, 8, 8],\n        gridColumnEnd: [13, 13, 13, 13],\n        gridRowStart: [2, 1, 1, 1],\n      },\n      bottomTextBox: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        fontWeight: 400,\n        fontFamily: \"custom_42264\",\n        color: get(\"palette.text.brown\"),\n        textAlign: [\"left\", \"left\", \"left\", \"left\"],\n        fontSize: \"1.5vmax\",\n        gridColumnStart: [1, 1, 1, 1],\n        gridColumnEnd: [13, 7, 7, 7],\n        gridRowStart: [1, 2, 2, 2],\n        marginTop: [\"20px\", 0, 0, 0],\n        marginBottom: \"20px\",\n      },\n      bottomRightTextBox: {\n        display: \"flex\",\n        flexDirection: \"column\",\n        justifyContent: \"center\",\n        fontWeight: 400,\n        fontFamily: \"custom_42264\",\n        color: get(\"palette.text.brown\"),\n        textAlign: [\"left\", \"left\", \"left\", \"left\"],\n        fontSize: \"1.5vmax\",\n        gridColumnStart: [1, 7, 7, 7],\n        gridColumnEnd: [13, 13, 13, 13],\n        gridRowStart: [1, 2, 2, 2],\n        marginTop: [\"20px\", 0, 0, 0],\n        marginBottom: \"20px\",\n      },\n    },\n  })}\n\n  ${(props) => props.sx && css({ ...props.sx })};\n`;\n\nconst GridSection = ({\n  firstChildrenType,\n  secondChildrenType,\n  children,\n  mainContainerSx,\n  firstChildrenWrapperSx,\n  secondChildrenWrapperSx,\n}: Props) => {\n  const { height } = useWindowSize();\n\n  return (\n    <GridContainer containerMinHeight={height} sx={{ ...mainContainerSx }}>\n      <FirstChildrenWrapper\n        variant={firstChildrenType}\n        sx={{ ...firstChildrenWrapperSx }}\n      >\n        {children[0]}\n      </FirstChildrenWrapper>\n      <SecondChildrenWrapper\n        variant={secondChildrenType}\n        sx={{ ...secondChildrenWrapperSx }}\n      >\n        {children[1]}\n      </SecondChildrenWrapper>\n    </GridContainer>\n  );\n};\n\nexport default React.memo(GridSection);\n","export enum CheckoutState {\n  DESIGN_SUBMISSION = \"DESIGN_SUBMISSION\",\n  USER_INFO_SUBMISSION = \"USER_INFO_SUBMISSION\",\n  ORDER_SUBMITTED = \"ORDER_SUBMITTED\",\n}\n\nexport interface OrderCheckoutState {\n  checkoutState: CheckoutState;\n}\n\nexport enum OrderCheckoutActionEnum {\n  SET_CHECKOUT_STATE = \"SET_CHECKOUT_STATE\",\n}\n\nexport type SetCheckoutState = {\n  type: OrderCheckoutActionEnum.SET_CHECKOUT_STATE;\n  payload: CheckoutState;\n};\n\nexport type OrderCheckoutActions = SetCheckoutState;\n","import {\n  OrderCheckoutState as State,\n  OrderCheckoutActions as Action,\n  OrderCheckoutActionEnum,\n  CheckoutState,\n} from \"./types\";\n\nexport const initialState: State = {\n  checkoutState: CheckoutState.DESIGN_SUBMISSION,\n};\n\nconst orderCheckoutReducer = (state: State, action: Action): State => {\n  switch (action.type) {\n    case OrderCheckoutActionEnum.SET_CHECKOUT_STATE:\n      return { ...state, checkoutState: action.payload };\n\n    default:\n      return { ...state };\n  }\n};\n\nexport default orderCheckoutReducer;\n","import {\n  CheckoutState,\n  SetCheckoutState,\n  OrderCheckoutActionEnum,\n} from \"./types\";\n\nexport const changeCheckoutState = (\n  state: CheckoutState\n): SetCheckoutState => ({\n  type: OrderCheckoutActionEnum.SET_CHECKOUT_STATE,\n  payload: state,\n});\n","import { SystemStyleObject } from \"@styled-system/css\";\nimport React, { HTMLInputTypeAttribute } from \"react\";\nimport { UseFormRegisterReturn } from \"react-hook-form\";\nimport styled from \"styled-components\";\nimport { SxProp } from \"../constants/sx\";\nimport { get } from \"../constants/theme\";\nimport Box from \"./Box/Box\";\n\nexport const StyledInput = styled(\"input\")<SxProp & { autofill?: { bg: any } }>`\n  font-family: custom_42266;\n  font-style: normal;\n  font-weight: 400;\n  width: 100%;\n  color: ${get(\"palette.text.dark_gold\")};\n  font-feature-settings: \"liga\" 0, \"rlig\" 0, \"dlig\" 0, \"hlig\" 0, \"smcp\" 0;\n  text-rendering: optimizelegibility;\n  -webkit-font-smoothing: antialiased;\n  font-size: 16px;\n  font-size: clamp(1rem, 0.4459rem + 1.4801vw, 2rem);\n  line-height: 22px;\n  margin-bottom: 2px;\n  background: transparent;\n  outline: 0;\n  border-radius: 0;\n  border: 0;\n  box-shadow: none;\n\n  &:-webkit-autofill,\n  &:-webkit-autofill:hover,\n  &:-webkit-autofill:focus {\n    font-family: custom_42266;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    font-size: clamp(1rem, 0.4459rem + 1.4801vw, 2rem);\n    box-shadow: 0 0 0 30px ${(p) => (p.autofill ? p.autofill.bg : \"inherit\")}\n      inset !important;\n    -webkit-box-shadow: 0 0 0 30px\n      ${(p) => (p.autofill ? p.autofill.bg : \"inherit\")} solid !important;\n    background-color: ${(p) =>\n      p.autofill ? p.autofill.bg : \"inherit\"} !important;\n    background-clip: content-box !important;\n    caret-color: ${get(\"palette.text.dark_gold\")};\n  }\n\n  &:-webkit-autofill {\n    -webkit-text-fill-color: ${get(\"palette.text.dark_gold\")} !important;\n  }\n\n  &::placeholder {\n    font-family: custom_42266;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    font-size: clamp(1rem, 0.4459rem + 1.4801vw, 2rem);\n    font-family: custom_42266;\n    line-height: 22px;\n    font-feature-settings: \"liga\" 0, \"rlig\" 0, \"dlig\" 0, \"hlig\" 0, \"smcp\" 0;\n    text-rendering: optimizelegibility;\n    -webkit-font-smoothing: antialiased;\n    margin-bottom: 2px;\n    text-transform: uppercase;\n\n    @media screen and (max-width: 599px) {\n      font-size: 21px;\n      font-size: clamp(1.3125rem, 0.0939rem + 6.0932vw, 2.375rem);\n    }\n  }\n\n  @media screen and (max-width: 599px) {\n    font-size: 21px;\n    line-height: 21px;\n    font-size: clamp(1.3125rem, 0.0939rem + 6.0932vw, 2.375rem);\n\n    &:-webkit-autofill,\n    &:-webkit-autofill:hover,\n    &:-webkit-autofill:focus {\n      font-size: 21px;\n      line-height: 21px;\n      font-size: clamp(1.3125rem, 0.0939rem + 6.0932vw, 2.375rem);\n    }\n  }\n`;\n\ntype Props = {\n  placeholder?: string;\n  type: HTMLInputTypeAttribute;\n  register: UseFormRegisterReturn;\n  sx?: SystemStyleObject;\n  autoComplete?: \"off\" | \"on\";\n  error?: boolean;\n  autofil: {\n    bg: any;\n  };\n};\n\nconst Input = ({\n  placeholder = \"\",\n  autoComplete = \"on\",\n  type,\n  register,\n  error = false,\n  sx,\n  autofil,\n}: Props) => {\n  return (\n    <Box\n      sx={{\n        marginBottom: \"24px\",\n      }}\n    >\n      <StyledInput\n        autofill={autofil}\n        sx={{\n          ...sx,\n        }}\n        type={type}\n        multiple={false}\n        placeholder={placeholder}\n        spellCheck={false}\n        autoComplete={autoComplete}\n        {...register}\n      />\n      <Box\n        sx={{\n          width: \"100%\",\n          height: 2,\n          background: !error\n            ? get(\"palette.text.dark_gold\")\n            : get(\"palette.error\"),\n        }}\n      />\n    </Box>\n  );\n};\n\nexport default React.memo(Input);\n","export const configuratorComponentsTranslation = {\n  en: {\n    STONE_RING: {\n      \"Tiger's Eye\": \"Tiger Jasper\",\n      \"Goldstone Green\": \"Goldstone Green\",\n      Printstone: \"Red Jasper\",\n      \"Natural Agate Brown\": \"Natural Agate Brown\",\n      \"Mahagony Obsidian\": \"Mahagony Obsidian\",\n      \"Blue Lace\": \"Blue Lace\",\n      \"Natural Agate White\": \"Natural Agate White\",\n      \"Natural Agate Yellow\": \"Natural Agate Yellow\",\n      Carnelian: \"Carnelian\",\n      \"Lapis Lazuli\": \"Lapis Lazuli\",\n      \"Landscape Jasper\": \"Landscape Jasper\",\n      \"Picasso Jasper\": \"Jasper Graphics\",\n      \"Kalahari Jasper\": \"Sand Jasper\",\n      Dumortierite: \"Dumortierite\",\n      \"Brown Agate\": \"Brown Agate\",\n      Howlith: \"Howlith\",\n      \"Jasper Yellow\": \"Jasper Yellow\",\n      \"Quartz Blue\": \"Quartz Blue\",\n      Rhodonite: \"Rhodonite\",\n      Verdite: \"Verdite\",\n    },\n    CASE: {\n      white: \"WHITE GOLD\",\n      rose: \"ROSE GOLD\",\n      \"white with diamonds\": \"WHITE GOLD with diamonds\",\n      \"rose with diamonds\": \"ROSE GOLD with diamonds\",\n    },\n    DIAL: {\n      \"black gold\": \"black gold\",\n      \"black silver\": \"black silver\",\n      \"white gold\": \"white gold\",\n      \"white blue\": \"white blue\",\n      \"white black\": \"white black\",\n      \"black black\": \"black black\",\n    },\n    HANDS: {\n      black: \"BLACK\",\n      white: \"WHITE\",\n    },\n    STRAP: {\n      brown: \"BROWN\",\n      black: \"BLACK\",\n      blue: \"BLUE\",\n      white: \"WHITE\",\n    },\n  },\n  ru: {\n    STONE_RING: {\n      \"Tiger's Eye\": \"Тигровая яшма\",\n      \"Goldstone Green\": \"Зелёный Авантюрин\",\n      Printstone: \"Красная яшма\",\n      \"Natural Agate Brown\": \"Коричневый агат \",\n      \"Mahagony Obsidian\": \"Махагоновый Обсидиан\",\n      \"Blue Lace\": \"Голубой Агат\",\n      \"Natural Agate White\": \"Белый Агат\",\n      \"Natural Agate Yellow\": \"Желтый Агат\",\n      Carnelian: \"Сердолик\",\n      \"Lapis Lazuli\": \"Лазурит\",\n      \"Landscape Jasper\": \"Пейзажная Яшма\",\n      \"Picasso Jasper\": \"Яшма Графика\",\n      \"Kalahari Jasper\": \"Песочная яшма\",\n      Dumortierite: \"Дюмортьерит\",\n      \"Brown Agate\": \"Коричневый Агат\",\n      Howlith: \"Говлит\",\n      \"Jasper Yellow\": \"Желтая яшма\",\n      \"Quartz Blue\": \"Голубой кварц\",\n      Rhodonite: \"Родонит\",\n      Verdite: \"Вердит\",\n    },\n    CASE: {\n      white: \"Белое Золото\",\n      rose: \"Розовое Золото\",\n      \"white with diamonds\": \"Белое Золото с бриллиантами\",\n      \"rose with diamonds\": \"Розовое Золото с бриллиантами\",\n    },\n    DIAL: {\n      \"black gold\": \"Черный с золотом\",\n      \"black silver\": \"Черный с серебром\",\n      \"white gold\": \"Белый с золотом\",\n      \"white blue\": \"Белый с синим\",\n      \"white black\": \"Белый с черным\",\n      \"black black\": \"Черный с черным\",\n    },\n    HANDS: {\n      black: \"BLACK\",\n      white: \"WHITE\",\n    },\n    STRAP: {\n      brown: \"Коричневый\",\n      black: \"Черный\",\n      blue: \"Синий\",\n      white: \"Белый\",\n    },\n  },\n};\n","import { graphql, useStaticQuery } from \"gatsby\";\nimport React, { useState } from \"react\";\nimport ReactDom from \"react-dom\";\nimport { FormProvider, useForm } from \"react-hook-form\";\nimport { createNewOrder } from \"../../api/orders\";\nimport { get } from \"../../constants/theme\";\nimport useWindowSize from \"../../hooks/useWindowSize\";\nimport reducer, { initialState } from \"../../reducers/orderCheckoutReducer\";\nimport { changeCheckoutState } from \"../../reducers/orderCheckoutReducer/action-creators\";\nimport { CheckoutState } from \"../../reducers/orderCheckoutReducer/types\";\nimport { OrderSumbmisionState } from \"../../types/common/checkout\";\nimport { OrderCheckoutQuery } from \"../../types/pages/configurator\";\nimport { AnimatePresence } from \"framer-motion\";\nimport Fade from \"../Animations/Fade\";\nimport Box from \"../Box/Box\";\nimport MotionBox from \"../Box/MotionBox\";\nimport { SpecFieldText } from \"../Collection/Specification\";\nimport Input from \"../Input\";\nimport { FormBtn, Paragraph, Title } from \"../Styled/Text\";\nimport { Languages } from \"../../types/common/languages\";\nimport { configuratorComponentsTranslation as translations } from \"../../constants/configuratorTranlsations\";\nimport PersonalDataConsent from \"../PersonalDataConsent\";\nimport useAnalytics from \"../../hooks/useAnalytics\";\n\ninterface OrderCheckoutForm {\n  name: string;\n  phone: string;\n  email: string;\n  personalDataConsent: boolean;\n}\n\ntype Props = {\n  order: {\n    STONE_RING: string;\n    CASE: string;\n    HANDS: string;\n    DIAL: string;\n    STRAP: string;\n    ENGRAVING: string;\n    CUFFLINKS: boolean;\n  };\n  endSubmission: () => void;\n  appearAnimationComplete?: (state: boolean) => void;\n};\n\nconst OrderCheckout = ({\n  order,\n  endSubmission,\n  appearAnimationComplete,\n}: Props) => {\n  const [orderSubmissionState, setOrderSubmissionState] =\n    React.useState<OrderSumbmisionState>({\n      isSendingRequest: false,\n      isErrorOccur: null,\n      isSucceed: false,\n    });\n  const { height } = useWindowSize();\n  const { reachGoal } = useAnalytics();\n  const isMenuOpened = true;\n\n  const [{ checkoutState }, dispatch] = React.useReducer(reducer, initialState);\n\n  const { site, translationsJson } = useStaticQuery<OrderCheckoutQuery>(graphql`\n    query ConfiguratorOrderCheckoutQuery {\n      translationsJson {\n        pages {\n          configurator {\n            modal {\n              design_submission {\n                title\n                orderDetails {\n                  STONE_RING\n                  CASE\n                  DIAL\n                  HANDS\n                  STRAP\n                  ENGRAVING\n                  CUFFLINKS\n                }\n                ENGRAVING_STATUS {\n                  yes\n                  no\n                }\n                CUFFLINKS_STATUS {\n                  yes\n                  no\n                }\n                button\n              }\n              user_info_submission {\n                title\n                inputs {\n                  placeholder\n                }\n                errorMessage\n                button\n              }\n              order_submitted {\n                title\n                description\n                button\n              }\n            }\n          }\n        }\n      }\n      site {\n        siteMetadata {\n          lang\n        }\n      }\n    }\n  `);\n\n  const { design_submission, order_submitted, user_info_submission } =\n    translationsJson.pages.configurator.modal;\n\n  const submitDesign = React.useCallback(() => {\n    dispatch(changeCheckoutState(CheckoutState.USER_INFO_SUBMISSION));\n    reachGoal(\"confirm_design\");\n  }, [reachGoal]);\n  const submitOrder = React.useCallback(() => {\n    dispatch(changeCheckoutState(CheckoutState.ORDER_SUBMITTED));\n  }, []);\n  const finishSubmission = React.useCallback(() => {\n    appearAnimationComplete && appearAnimationComplete(false);\n    endSubmission();\n  }, [endSubmission, appearAnimationComplete]);\n\n  const form = useForm<OrderCheckoutForm>();\n\n  const {\n    register,\n    handleSubmit,\n    reset,\n    formState: { errors },\n  } = form;\n\n  const submitOrderForm = React.useCallback(\n    async (formData: OrderCheckoutForm) => {\n      setOrderSubmissionState(() => ({\n        isSendingRequest: true,\n        isErrorOccur: null,\n        isSucceed: false,\n      }));\n      try {\n        await createNewOrder({\n          lang: Languages[site.siteMetadata.lang],\n          clientData: {\n            ...formData,\n          },\n          orderDetails: {\n            stone_ring: order.STONE_RING,\n            case: order.CASE,\n            dial: order.DIAL,\n            hands: order.HANDS,\n            strap: order.STRAP,\n            engraving: order.ENGRAVING !== \"\" ? order.ENGRAVING : null,\n            cufflinks: order.CUFFLINKS,\n          },\n        });\n        reset();\n        setOrderSubmissionState(() => ({\n          isSendingRequest: false,\n          isErrorOccur: null,\n          isSucceed: true,\n        }));\n        submitOrder();\n      } catch (error) {\n        setOrderSubmissionState(() => ({\n          isSendingRequest: false,\n          isErrorOccur: \"Unable to create order\",\n          isSucceed: false,\n        }));\n        setTimeout(() => {\n          if (\n            !orderSubmissionState.isSendingRequest ||\n            !orderSubmissionState.isSucceed\n          )\n            setOrderSubmissionState((prev) => ({\n              ...prev,\n              isErrorOccur: null,\n            }));\n        }, 3500);\n      } finally {\n        reachGoal(\"send_form\");\n      }\n    },\n    [\n      order,\n      reset,\n      orderSubmissionState,\n      submitOrder,\n      site.siteMetadata.lang,\n      reachGoal,\n    ]\n  );\n\n  if (typeof document === \"undefined\") return null;\n\n  return ReactDom.createPortal(\n    <>\n      <Fade>\n        <Box\n          sx={{\n            zIndex: 300,\n            position: \"fixed\",\n            top: 0,\n            left: 0,\n            width: \"100vw\",\n            height: height,\n            backgroundColor: get(\"palette.background.gold\"),\n            color: get(\"palette.text.dark_gold\"),\n          }}\n        >\n          <Box\n            sx={{\n              position: \"relative\",\n              height: height,\n              display: \"flex\",\n              flexDirection: \"column\",\n              justifyContent: \"center\",\n              alignItems: \"center\",\n              top: `${height / 2}px`,\n              transform: `translateY(-${height / 2}px)`,\n            }}\n          >\n            {checkoutState === CheckoutState.DESIGN_SUBMISSION && (\n              <>\n                <Box sx={{ marginBottom: \"20px\" }}>\n                  {design_submission.title.map((t, i) => (\n                    <Title\n                      key={i}\n                      sx={{\n                        color: \"inherit\",\n                        textAlign: \"center\",\n                      }}\n                      variant=\"paragraph\"\n                    >\n                      {t}\n                    </Title>\n                  ))}\n                </Box>\n\n                <Box\n                  sx={{\n                    display: \"flex\",\n                    flexDirection: \"column\",\n                    width: \"100%\",\n                    alignItems: \"center\",\n                    justifyContent: \"center\",\n                  }}\n                >\n                  {Object.keys(design_submission.orderDetails).map((v) => {\n                    if (v === \"HANDS\") return null;\n                    return (\n                      <Box\n                        sx={{\n                          width: [\"90%\", \"65%\", \"50%\", \"35%\"],\n                          display: \"flex\",\n                          flexDirection: [\"column\", \"row\", \"row\", \"row\"],\n                          justifyContent: \"space-between\",\n                          alignItems: \"center\",\n                          whiteSpace: \"nowrap\",\n                          lineHeight: \"unset\",\n                          marginBottom: \"0.5rem\",\n                          position: \"relative\",\n                        }}\n                        key={v}\n                      >\n                        <SpecFieldText\n                          sx={{\n                            height: \"100%\",\n                            width: \"fit-content\",\n                            color: [\n                              get(\"palette.text.brown\"),\n                              \"inherit\",\n                              \"inherit\",\n                              \"inherit\",\n                            ],\n                            textAlign: [\"center\", \"left\", \"left\", \"left\"],\n                            backgroundColor: get(\"palette.background.gold\"),\n                            paddingRight: [\"0\", \"0.5rem\", \"0.5rem\", \"0.5rem\"],\n                          }}\n                        >\n                          {\n                            design_submission.orderDetails[\n                              v as keyof typeof design_submission.orderDetails\n                            ]\n                          }\n                        </SpecFieldText>\n                        <Box\n                          sx={{\n                            flexGrow: 1,\n                            borderBottom: \"1px solid\",\n                            borderBottomColor: get(\"palette.text.dark_gold\"),\n                            margin: \"5px\",\n                            alignSelf: \"flex-end\",\n                            display: [\"none\", \"block\", \"block\", \"block\"],\n                          }}\n                        />\n                        <SpecFieldText\n                          sx={{\n                            textAlign: [\"center\", \"left\", \"left\", \"left\"],\n                            color: \"inherit\",\n                            whiteSpace: \"nowrap\",\n                            lineHeight: \"unset\",\n                            backgroundColor: get(\"palette.background.gold\"),\n                            zIndex: 2,\n                            paddingLeft: [\"0\", \"0.5rem\", \"0.5rem\", \"0.5rem\"],\n                            \"::after\": {\n                              display: [\"block\", \"none\", \"none\", \"none\"],\n                              content: `\"\"`,\n                              width: \"50px\",\n                              height: \"1px\",\n                              maxHeight: \"1px\",\n                              opacity: 0.85,\n                              margin: [\n                                \"0.25rem auto\",\n                                \"clamp(1.4375rem, -1.1328rem + 12.8516vw, 3.6785rem) auto\",\n                                \"clamp(1.4375rem, -1.1328rem + 12.8516vw, 3.6785rem) auto\",\n                                \"clamp(1.4375rem, -1.1328rem + 12.8516vw, 3.6785rem) auto\",\n                              ],\n                              background: get(\"palette.text.dark_gold\"),\n                            },\n                          }}\n                        >\n                          {v === \"ENGRAVING\"\n                            ? order.ENGRAVING.length\n                              ? design_submission.ENGRAVING_STATUS.yes\n                              : design_submission.ENGRAVING_STATUS.no\n                            : null}\n                          {v === \"CUFFLINKS\"\n                            ? order.CUFFLINKS\n                              ? design_submission.CUFFLINKS_STATUS.yes\n                              : design_submission.CUFFLINKS_STATUS.no\n                            : null}\n                          {!(v === \"ENGRAVING\" || v === \"CUFFLINKS\")\n                            ? //@ts-ignore\n                              translations[site.siteMetadata.lang][v][order[v]]\n                            : null}\n                        </SpecFieldText>\n                      </Box>\n                    );\n                  })}\n                </Box>\n                <FormBtn\n                  onClick={submitDesign}\n                  sx={{\n                    textAlign: \"center\",\n                    \"&:hover, &:focus\": {\n                      opacity: 0.85,\n                    },\n                    width: \"auto\",\n                  }}\n                >\n                  {`${design_submission.button}`}\n                </FormBtn>\n              </>\n            )}\n            {checkoutState === CheckoutState.USER_INFO_SUBMISSION && (\n              <>\n                <Box\n                  sx={{\n                    marginBottom: \"20px\",\n                    \"& > :nth-child(1n)\": {\n                      textAlign: \"center\",\n                    },\n                  }}\n                >\n                  {user_info_submission.title.map((t, i) => (\n                    <Title\n                      key={i}\n                      sx={{\n                        color: \"inherit\",\n                      }}\n                      variant=\"paragraph\"\n                    >\n                      {t}\n                    </Title>\n                  ))}\n                </Box>\n\n                <FormProvider {...form}>\n                  <Box\n                    sx={{\n                      textAlign: \"center\",\n                      width: [\"90vw\", \"360px\"],\n                      margin: \"0 auto\",\n                      \"& > div > input\": {\n                        \"::placeholder\": {\n                          color: get(\"palette.text.gold\"),\n                          opacity: 0.85,\n                        },\n                      },\n                    }}\n                    as=\"form\"\n                    onSubmit={handleSubmit(submitOrderForm)}\n                  >\n                    <Input\n                      autofil={{ bg: get(\"palette.background.gold\") }}\n                      placeholder={user_info_submission.inputs[0].placeholder}\n                      type=\"text\"\n                      error={errors.name ? true : false}\n                      register={register(\"name\", {\n                        required: true,\n                        validate: (v) => {\n                          return v.trim().length > 0 ? true : \"error\";\n                        },\n                      })}\n                    />\n\n                    <Input\n                      autofil={{ bg: get(\"palette.background.gold\") }}\n                      placeholder={user_info_submission.inputs[1].placeholder}\n                      type=\"text\"\n                      error={errors.phone ? true : false}\n                      register={register(\"phone\", {\n                        required: true,\n                        pattern: /^[^a-zA-Z]+$/g,\n                        validate: (v) => {\n                          return v.trim().length > 0 ? true : \"error\";\n                        },\n                      })}\n                    />\n\n                    <Input\n                      autofil={{ bg: get(\"palette.background.gold\") }}\n                      placeholder={user_info_submission.inputs[2].placeholder}\n                      type=\"text\"\n                      error={errors.email ? true : false}\n                      register={register(\"email\", {\n                        required: true,\n                        pattern:\n                          /^(([^<>()\\[\\]\\\\.,;:\\s@\"]+(\\.[^<>()\\[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/,\n                      })}\n                    />\n\n                    <PersonalDataConsent />\n\n                    <AnimatePresence exitBeforeEnter>\n                      {!orderSubmissionState.isErrorOccur ? (\n                        <MotionBox\n                          key={\"default\"}\n                          initial={{ opacity: 0 }}\n                          animate={{\n                            opacity: 1,\n                            transition: { duration: 1, ease: \"easeInOut\" },\n                          }}\n                          exit={{\n                            opacity: 0,\n                            transition: { duration: 0.5, ease: \"linear\" },\n                          }}\n                        >\n                          <FormBtn\n                            sx={{\n                              textAlign: \"center\",\n                              \"&:hover, &:focus\": {\n                                opacity: 0.85,\n                              },\n                            }}\n                          >\n                            {user_info_submission.button}\n                          </FormBtn>\n                        </MotionBox>\n                      ) : (\n                        <MotionBox\n                          key={\"error\"}\n                          initial={{ opacity: 0 }}\n                          animate={{\n                            opacity: 1,\n                            transition: { duration: 1, ease: \"easeInOut\" },\n                          }}\n                          exit={{\n                            opacity: 0,\n                            transition: { duration: 0.5, ease: \"linear\" },\n                          }}\n                        >\n                          <FormBtn\n                            as=\"div\"\n                            sx={{\n                              cursor: \"default\",\n                              color: get(\"palette.error\"),\n                            }}\n                          >\n                            {user_info_submission.errorMessage}\n                          </FormBtn>\n                        </MotionBox>\n                      )}\n                    </AnimatePresence>\n                  </Box>\n                </FormProvider>\n              </>\n            )}\n            {checkoutState === CheckoutState.ORDER_SUBMITTED && (\n              <>\n                {order_submitted.title.map((t, i) => (\n                  <Title\n                    key={i}\n                    sx={{\n                      color: \"inherit\",\n                      textAlign: \"center\",\n                    }}\n                    variant=\"paragraph\"\n                  >\n                    {t}\n                  </Title>\n                ))}\n                <Paragraph\n                  sx={{\n                    textAlign: \"center\",\n                    width: [\"100%\", \"50%\", \"50%\", \"35%\"],\n                    marginTop: \"35px\",\n                    marginBottom: \"35px\",\n                  }}\n                >\n                  {order_submitted.description}\n                </Paragraph>\n                <FormBtn\n                  onClick={finishSubmission}\n                  sx={{\n                    \"&:hover, &:focus\": {\n                      opacity: 0.85,\n                    },\n                    width: \"auto\",\n                  }}\n                >\n                  {`${order_submitted.button}`}\n                </FormBtn>\n              </>\n            )}\n          </Box>\n\n          <MotionBox\n            sx={{\n              cursor: \"pointer\",\n              position: \"absolute\",\n              left: [\"16px\", \"5%\"],\n              top: [\"45px\", \"50px\"],\n              transform: \"translateY(-50%)\",\n              zIndex: 101,\n            }}\n            onClick={endSubmission}\n          >\n            <Box\n              sx={{\n                height: [40, 40, 46, 46],\n                width: [40, 40, 46, 46],\n                position: \"relative\",\n                \"& > :nth-child(1n)\": {\n                  position: \"absolute\",\n                  height: [\"1.5px\", \"3px\", \"3px\", \"3px\"],\n                  width: \"100%\",\n                  transition: [\"background\"]\n                    .map((prop) => `${prop} 0.5s ease-in-out`)\n                    .join(\",\"),\n                  background: isMenuOpened\n                    ? get(\"palette.text.dark_gold\")\n                    : \"white\",\n                },\n              }}\n            >\n              <MotionBox\n                animate={{\n                  rotate: isMenuOpened ? \"45deg\" : \"180deg\",\n                  top: isMenuOpened ? \"50%\" : \"35%\",\n                  translateY: \"-50%\",\n                  transition: {\n                    ease: \"easeInOut\",\n                    duration: 0.2,\n                  },\n                }}\n              />\n              <MotionBox\n                animate={{\n                  rotate: isMenuOpened ? \"-45deg\" : \"-180deg\",\n                  top: isMenuOpened ? \"50%\" : \"65%\",\n                  translateY: \"-50%\",\n                  transition: {\n                    ease: \"easeInOut\",\n                    duration: 0.2,\n                  },\n                }}\n              />\n            </Box>\n          </MotionBox>\n        </Box>\n      </Fade>\n    </>,\n    document.getElementById(\"portal\")!\n  );\n};\n\nexport default React.memo(OrderCheckout);\n","import css from \"@styled-system/css\";\nimport { motion } from \"framer-motion\";\nimport styled from \"styled-components\";\nimport { SxProp } from \"../../constants/sx\";\n\nexport const ConfiguratorIframeBox = styled(motion.iframe)<\n  SxProp & {\n    $iframeHeight?: number | undefined;\n  }\n>`\n  display: block;\n  border: none;\n  height: 971px;\n  width: 100vw;\n  margin-bottom: 80px;\n  @media (max-width: 720px) {\n    height: 1080px;\n    ${(props) => props.$iframeHeight && css({ height: props.$iframeHeight })};\n  }\n\n  @media (max-width: 420px) {\n    height: 780px;\n    ${(props) => props.$iframeHeight && css({ height: props.$iframeHeight })};\n  }\n\n  ${(props) => props.$iframeHeight && css({ height: props.$iframeHeight })};\n\n  ${(props) => props.sx && css({ ...props.sx })};\n`;\n\nexport default ConfiguratorIframeBox;\n","import css, { SystemStyleObject } from \"@styled-system/css\";\nimport React from \"react\";\nimport styled from \"styled-components\";\nimport { variant } from \"styled-system\";\nimport { SxProp } from \"../constants/sx\";\nimport { get } from \"../constants/theme\";\nimport useWindowSize from \"../hooks/useWindowSize\";\nimport Box from \"./Box/Box\";\n\nconst Wrapper = styled(Box)<SxProp>`\n\n  padding-left: calc(100vw/12 + 5%);\n  padding-right: calc(100vw/12);\n  max-width: 2560px;\n  margin: 0 auto;\n  @media screen and (max-width: 768px) {\n    padding: 0;\n  }\n\n\n  ${(props) => props.sx && css({ ...props.sx })};\n`;\n\n\n\n\n\nexport default React.memo(Wrapper);","import React from \"react\";\n\ntype ConfiguratorMessage = {\n  kind: string;\n  data: any;\n};\n\nconst useListenIframe = () => {\n  const [state, setState] = React.useState<\n    | {\n        STONE_RING: string;\n        CASE: string;\n        HANDS: string;\n        DIAL: string;\n        STRAP: string;\n        ENGRAVING: string;\n        CUFFLINKS: boolean;\n      }\n    | undefined\n  >(undefined);\n\n  const [isSubmitting, setIsSubmitting] = React.useState<boolean>(false);\n  const [iframeHeight, setIframeHeight] = React.useState<number | undefined>(\n    undefined\n  );\n  const closeSubmission = React.useCallback(() => {\n    setIsSubmitting(false);\n  }, []);\n\n  React.useLayoutEffect(() => {\n    window.addEventListener(\n      \"message\",\n      (s: MessageEvent<ConfiguratorMessage>) => {\n        if (\n          \"angry.sinoussi.400096.watch.configurator.pub_message\" === s.data.kind\n        )\n          setState(JSON.parse(s.data.data).orderDetails);\n        if (\n          \"angry.sinoussi.400096.watch.configurator.pub_message.SUBMIT\" ===\n          s.data.kind\n        ) {\n          setIsSubmitting(true);\n        }\n        if (\n          \"angry.sinoussi.400096.watch.configurator.pub_message.HEIGHT\" ===\n          s.data.kind\n        ) {\n          console.log(\"SETTING IFRAME SIZE   \", JSON.parse(s.data.data).height);\n\n          setIframeHeight(JSON.parse(s.data.data).height);\n        }\n      },\n      !1\n    );\n\n    return () => {\n      window.removeEventListener(\n        \"message\",\n        (s: MessageEvent<ConfiguratorMessage>) => {\n          if (\n            \"angry.sinoussi.400096.watch.configurator.pub_message\" ===\n            s.data.kind\n          )\n            setState(JSON.parse(s.data.data).orderDetails);\n          if (\n            \"angry.sinoussi.400096.watch.configurator.pub_message.SUBMIT\" ===\n            s.data.kind\n          ) {\n            setIsSubmitting(true);\n          }\n          if (\n            \"angry.sinoussi.400096.watch.configurator.pub_message.HEIGHT\" ===\n            s.data.kind\n          ) {\n            console.log(\n              \"SETTING IFRAME SIZE   \",\n              JSON.parse(s.data.data).height\n            );\n\n            setIframeHeight(JSON.parse(s.data.data).height);\n          }\n        },\n        !1\n      );\n    };\n  }, []);\n\n  return { state, closeSubmission, isSubmitting, iframeHeight };\n};\n\nexport default useListenIframe;\n"],"names":["SpecFieldText","styled","withConfig","_templateObject","get","p","sx","css","Specification","listspec","React","Box","display","flexDirection","background","padding","marginBottom","clampBuilder","marginTop","Title","variant","textAlign","alignSelf","title","width","content","height","maxHeight","opacity","margin","list","map","item","key","field","alignItems","justifyContent","gap","whiteSpace","fontWeight","color","flex","justifySelf","value","Paragraph","footer","desktopImage","alt","mobileImage","imgStyle","loading","undefined","imgProps","image","useMemo","withArtDirection","media","breakpoints","as","GatsbyImage","GridContainer","props","containerMinHeight","FirstChildrenWrapper","_templateObject2","variants","textBox","gridColumnStart","gridColumnEnd","gridRowStart","fontFamily","fontSize","imageBox","topImageBox","topLeftImageBox","SecondChildrenWrapper","_templateObject3","bottomTextBox","bottomRightTextBox","GridSection","firstChildrenType","secondChildrenType","children","mainContainerSx","firstChildrenWrapperSx","secondChildrenWrapperSx","useWindowSize","CheckoutState","OrderCheckoutActionEnum","initialState","checkoutState","DESIGN_SUBMISSION","state","action","type","SET_CHECKOUT_STATE","payload","changeCheckoutState","StyledInput","autofill","bg","Input","placeholder","autoComplete","register","error","autofil","multiple","spellCheck","configuratorComponentsTranslation","en","STONE_RING","Printstone","Carnelian","Dumortierite","Howlith","Rhodonite","Verdite","CASE","white","rose","DIAL","HANDS","black","STRAP","brown","blue","ru","OrderCheckout","order","endSubmission","appearAnimationComplete","isSendingRequest","isErrorOccur","isSucceed","orderSubmissionState","setOrderSubmissionState","reachGoal","useAnalytics","reducer","dispatch","useStaticQuery","site","translationsJson","pages","configurator","modal","design_submission","order_submitted","user_info_submission","submitDesign","USER_INFO_SUBMISSION","submitOrder","ORDER_SUBMITTED","finishSubmission","form","useForm","handleSubmit","reset","errors","formState","submitOrderForm","formData","_context","createNewOrder","lang","Languages","siteMetadata","clientData","orderDetails","stone_ring","case","dial","hands","strap","engraving","ENGRAVING","cufflinks","CUFFLINKS","setTimeout","prev","document","ReactDom","Fade","zIndex","position","top","left","backgroundColor","transform","t","i","Object","keys","v","lineHeight","paddingRight","flexGrow","borderBottom","borderBottomColor","paddingLeft","length","ENGRAVING_STATUS","yes","no","CUFFLINKS_STATUS","translations","FormBtn","onClick","button","FormProvider","onSubmit","inputs","name","required","validate","trim","phone","pattern","email","PersonalDataConsent","AnimatePresence","exitBeforeEnter","MotionBox","initial","animate","transition","duration","ease","exit","cursor","errorMessage","description","prop","join","rotate","translateY","getElementById","ConfiguratorIframeBox","motion","$iframeHeight","Wrapper","setState","isSubmitting","setIsSubmitting","iframeHeight","setIframeHeight","closeSubmission","window","addEventListener","s","data","kind","JSON","parse","console","log","removeEventListener"],"sourceRoot":""}