{"version":3,"file":"dist/build-client/static/js/Pages-Checkout-B2C-CheckoutB2CPage.7750750b.chunk.js","mappings":"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","sources":["Atoms/Checkbox/Checkbox.tsx","Molecules/SelectionModule/SelectionModule.tsx","Pages/Checkout/CheckoutOrderSummary.tsx","Pages/Checkout/B2C/CompletePurchase.tsx","Pages/Checkout/B2C/DeliveryDetails.tsx","Pages/Checkout/B2C/DeliveryOptions.tsx","Pages/Checkout/B2C/CheckoutB2CPage.tsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { styled } from '../../stitches.config';\r\n\r\ntype PropType = {\r\n  name: string;\r\n  value: boolean | string;\r\n  label?: string;\r\n  checked?: boolean;\r\n  hovered?: boolean;\r\n  onChange?: (value: string, checked: boolean, filterType: string) => void;\r\n  filterType?: string;\r\n  isRound?: boolean;\r\n  children?: any;\r\n};\r\n\r\nfunction Checkbox({\r\n  name,\r\n  value,\r\n  label,\r\n  checked = false,\r\n  hovered,\r\n  onChange,\r\n  filterType,\r\n  isRound = false,\r\n  children,\r\n}: PropType) {\r\n  const [isChecked, setIsChecked] = useState(checked);\r\n  const [isHovered, setIsHovered] = useState(hovered);\r\n\r\n  const onInputChange = (checked: boolean, val: string) => {\r\n    setIsChecked(checked);\r\n    onChange && filterType && onChange(val, checked, filterType);\r\n  };\r\n\r\n  useEffect(() => {\r\n    setIsChecked(checked);\r\n    setIsHovered(hovered);\r\n  }, [checked, hovered]);\r\n\r\n  return (\r\n    <Root\r\n      onMouseOver={() => setIsHovered(true)}\r\n      onMouseOut={() => setIsHovered(false)}\r\n    >\r\n      <LabelContainer>\r\n        <Label htmlFor={name + value}>\r\n          <LabelInner>\r\n            <Input\r\n              checked={isChecked}\r\n              id={name + value}\r\n              name={name}\r\n              value={encodeURIComponent(value)}\r\n              type=\"checkbox\"\r\n              onChange={(e: any) => onInputChange(e.target.checked, name)}\r\n            />\r\n            <Square\r\n              isChecked={isChecked}\r\n              isRound={isRound}\r\n              isHovered={isHovered}\r\n              id=\"square\"\r\n            ></Square>\r\n            {label ? <FilterText>{label}</FilterText> : children}\r\n          </LabelInner>\r\n        </Label>\r\n      </LabelContainer>\r\n    </Root>\r\n  );\r\n}\r\n\r\nconst Root = styled('div', {\r\n  display: 'flex',\r\n  position: 'relative',\r\n  w: 'fit-content',\r\n});\r\n\r\nconst LabelContainer = styled('div', {\r\n  display: 'flex',\r\n  whiteSpace: 'pre-wrap',\r\n  w: '100%',\r\n});\r\n\r\nconst LabelInner = styled('div', {\r\n  display: 'inline-flex',\r\n  alignItems: 'center',\r\n});\r\n\r\nconst Input = styled('input', {\r\n  opacity: 0,\r\n  position: 'absolute',\r\n  cursor: 'pointer',\r\n});\r\n\r\nconst FilterText = styled('span', {});\r\n\r\nconst Square = styled('div', {\r\n  position: 'relative',\r\n  mr: '16px',\r\n  l: 0,\r\n  wh: 4,\r\n  br: '2px',\r\n  backgroundColor: '$white',\r\n  pointerEvents: 'none',\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  justifyContent: 'center',\r\n  p: '3px',\r\n  transition: '$300 all linear',\r\n  border: '2px solid $primary',\r\n  variants: {\r\n    isChecked: {\r\n      true: {\r\n        backgroundColor: '$primary',\r\n        backgroundClip: 'content-box',\r\n        '&:after': {\r\n          transform: 'scale(1)',\r\n        },\r\n      },\r\n    },\r\n    isRound: {\r\n      true: {\r\n        '&:after': {\r\n          br: 1.5,\r\n        },\r\n        br: 2,\r\n      },\r\n    },\r\n    isHovered: {\r\n      true: {\r\n        backgroundColor: '$grey100',\r\n      },\r\n    },\r\n  },\r\n  '&:after': {\r\n    w: '24px',\r\n    h: '100%',\r\n    content: '\" \"',\r\n    display: 'block',\r\n    position: 'relative',\r\n    backgroundColor: '$primary',\r\n    transform: 'scale(0)',\r\n    transition: '$200 transform linear',\r\n  },\r\n});\r\n\r\nconst Label = styled('label', {\r\n  display: 'flex',\r\n  justifyContent: 'space-between',\r\n  w: '100%',\r\n  fontSize: '14px',\r\n  fontWeight: '$fw400',\r\n  lineHeight: '24px',\r\n  letterSpacing: '1px',\r\n  cursor: 'pointer',\r\n});\r\n\r\nexport default Checkbox;\r\n","import { useState } from 'react';\r\nimport Checkbox from '../../Atoms/Checkbox/Checkbox';\r\nimport { styled } from '../../stitches.config';\r\n\r\ntype PropType = {\r\n  title: string;\r\n  selected: boolean;\r\n  description?: string;\r\n  onClick?: () => void;\r\n  children?: any;\r\n};\r\n\r\nfunction SelectionModule({\r\n  title,\r\n  selected,\r\n  description,\r\n  onClick,\r\n  children,\r\n}: PropType) {\r\n  const [isHovered, setIsHovered] = useState(false);\r\n  return (\r\n    <SelectionModuleRoot\r\n      selected={selected}\r\n      onClick={onClick && onClick}\r\n      onMouseOver={() => setIsHovered(true)}\r\n      onMouseOut={() => setIsHovered(false)}\r\n    >\r\n      <LeftSectionWrapper>\r\n        <Checkbox\r\n          checked={selected}\r\n          hovered={isHovered}\r\n          name={title}\r\n          value={true}\r\n          isRound\r\n        />\r\n      </LeftSectionWrapper>\r\n      {children}\r\n    </SelectionModuleRoot>\r\n  );\r\n}\r\n\r\nconst SelectionModuleRoot = styled('div', {\r\n  br: 2.5,\r\n  p: 4,\r\n  display: 'flex',\r\n  alignItems: 'center',\r\n  border: '1px solid $grey100',\r\n  '&:not(:last-child)': {\r\n    mb: 6,\r\n  },\r\n  variants: {\r\n    selected: {\r\n      true: {\r\n        outline: '2px solid $blue',\r\n      },\r\n      false: {\r\n        '&:hover': {\r\n          border: '1px solid $grey300',\r\n          cursor: 'pointer',\r\n        },\r\n      },\r\n    },\r\n  },\r\n});\r\n\r\nconst LeftSectionWrapper = styled('div', {\r\n  display: 'flex',\r\n  mr: 3,\r\n});\r\n\r\nexport default SelectionModule;\r\n","import KexCart from '../../Cart/Models/KexCart.interface';\r\nimport { useTranslationData } from '../../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../../stitches.config';\r\n\r\ntype PropType = {\r\n  cart: KexCart;\r\n};\r\n\r\nfunction CheckoutOrderSummary({ cart }: PropType) {\r\n  const { 'common/discount': discountLabel } = useTranslationData();\r\n\r\n  return (\r\n    <OrderSummaryContainer>\r\n      <OrderSummaryWrapper>\r\n        <Attributes>\r\n          <span>Items:</span>\r\n          <span>Sub total inc. tax:</span>\r\n          <span>Shipping:</span>\r\n          {cart.totalDiscount && <span>{discountLabel}:</span>}\r\n          <span>Order total inc. tax:</span>\r\n        </Attributes>\r\n        <Values>\r\n          <span>{cart.numberOfItems}</span>\r\n          <span>{cart.totalPriceForItems}</span>\r\n          <span>{cart.totalFreightPrice}</span>\r\n          {cart.totalDiscount && <Discount>{cart.totalDiscount}</Discount>}\r\n          <span>{cart.totalPrice}</span>\r\n        </Values>\r\n      </OrderSummaryWrapper>\r\n    </OrderSummaryContainer>\r\n  );\r\n}\r\n\r\nexport default CheckoutOrderSummary;\r\n\r\nconst OrderSummaryContainer = styled('div', {\r\n  display: 'flex',\r\n  justifyContent: 'flex-end',\r\n  w: '100%',\r\n  mb: 4,\r\n  '@mediaMinLarge': {\r\n    mb: 6,\r\n  },\r\n});\r\n\r\nconst OrderSummaryWrapper = styled('div', {\r\n  display: 'flex',\r\n  fs: 8,\r\n  lineHeight: '28px',\r\n});\r\n\r\nconst Attributes = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  mr: 2,\r\n  textAlign: 'right',\r\n});\r\n\r\nconst Discount = styled('span', {\r\n  color: '$errorText',\r\n});\r\n\r\nconst Values = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  textAlign: 'left',\r\n  fontWeight: '$fw700',\r\n  opacity: 0.9,\r\n});\r\n","import Checkbox from '../../../Atoms/Checkbox/Checkbox';\r\nimport KexCart from '../../../Cart/Models/KexCart.interface';\r\nimport SelectionModule from '../../../Molecules/SelectionModule/SelectionModule';\r\nimport { styled } from '../../../stitches.config';\r\nimport CheckoutB2CPageModel from '../../../CheckoutPage/Models/CheckoutB2CPageModel.interface';\r\nimport useCurrentPage from '../../../Shared/Hooks/useCurrentPage';\r\nimport { CheckoutSectionTitle } from '../CheckoutProductListing';\r\nimport KexPaymentOptionModel from '../../../CheckoutPage/Models/KexPaymentOptionModel.interface';\r\nimport { useState } from 'react';\r\nimport CtaButton from '../../../Atoms/Buttons/CtaButton';\r\nimport CheckoutOrderSummary from '../CheckoutOrderSummary';\r\nimport { useTranslationData } from '../../../Shared/Providers/TranslationProvider';\r\n\r\ntype PropType = {\r\n  cart: KexCart;\r\n  availablePaymentOptions: KexPaymentOptionModel[];\r\n  onOrderSubmit: () => void;\r\n  submitIsLoading?: boolean;\r\n  errorMessage?: string;\r\n};\r\n\r\nfunction CompletePurchase({\r\n  cart,\r\n  availablePaymentOptions,\r\n  onOrderSubmit,\r\n  submitIsLoading,\r\n  errorMessage,\r\n}: PropType) {\r\n  const {\r\n    'checkoutPage/completePurchase': completePurchaseLabel,\r\n    'checkoutPage/paymentMethods': paymentMethodsLabel,\r\n    'checkoutPage/order/sendOrder': sendOrderLabel,\r\n  } = useTranslationData();\r\n\r\n  const { termsAndConditionsText } = useCurrentPage<CheckoutB2CPageModel>();\r\n\r\n  const [selectedDeliveryMethod, setSelectedDeliveryMethod] =\r\n    useState<KexPaymentOptionModel>(availablePaymentOptions[0]);\r\n\r\n  return (\r\n    <div>\r\n      <CheckoutSectionTitle>{completePurchaseLabel}</CheckoutSectionTitle>\r\n      <CheckoutOrderSummary cart={cart} />\r\n      <TermsWrapper>\r\n        <Checkbox name=\"name\" value={true}>\r\n          <TermsText\r\n            dangerouslySetInnerHTML={{\r\n              __html: termsAndConditionsText,\r\n            }}\r\n          ></TermsText>\r\n        </Checkbox>\r\n      </TermsWrapper>\r\n      <CheckoutSectionTitle>{paymentMethodsLabel}</CheckoutSectionTitle>\r\n      <SelectionContainer>\r\n        {availablePaymentOptions.map((paymentOption: KexPaymentOptionModel) => (\r\n          <SelectionModule\r\n            key={paymentOption.name}\r\n            title={paymentOption.name}\r\n            description={paymentOption.description}\r\n            selected={\r\n              availablePaymentOptions.length === 1\r\n                ? true\r\n                : selectedDeliveryMethod.name === paymentOption.name\r\n            }\r\n            onClick={() => setSelectedDeliveryMethod(paymentOption)}\r\n          ></SelectionModule>\r\n        ))}\r\n      </SelectionContainer>\r\n      <CtaButtonWrapper>\r\n        <CtaButton onClick={onOrderSubmit} isLoading={submitIsLoading}>\r\n          {sendOrderLabel}\r\n        </CtaButton>\r\n        {errorMessage && <ErrorMessage>{errorMessage}</ErrorMessage>}\r\n      </CtaButtonWrapper>\r\n    </div>\r\n  );\r\n}\r\n\r\nexport default CompletePurchase;\r\n\r\nconst TermsText = styled('div', {\r\n  display: 'flex',\r\n  fs: 6,\r\n});\r\n\r\nconst SelectionContainer = styled('div', {\r\n  mb: 8,\r\n});\r\n\r\nconst TermsWrapper = styled('div', {\r\n  pb: 4,\r\n});\r\n\r\nconst CtaButtonWrapper = styled('div', {\r\n  mx: 'auto',\r\n  '@mediaMinMedium': {\r\n    maxW: '50%',\r\n  },\r\n});\r\n\r\nconst ErrorMessage = styled('div', { color: '$errorPrimary' });\r\n","import KexInput from '../../../Shared/Input/KexInput';\r\nimport { KexInputValidation } from '../../../Shared/Input/KexInputValidation';\r\nimport { useTranslationData } from '../../../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../../../stitches.config';\r\nimport { CheckoutSectionTitle } from '../CheckoutProductListing';\r\n\r\ntype PropTypes = {\r\n  formData: any;\r\n  setFormData?: any;\r\n};\r\n\r\nfunction DeliveryDetails({ setFormData, formData }: PropTypes) {\r\n  const {\r\n    'checkoutPage/deliveryaddress': deliveryAddressLabel,\r\n    'checkoutPage/contactInformationLabel': contactInformationLabel,\r\n    'common/yourInformation': yourInformationLabel,\r\n    'input/firstNameTitle': firstNameTitleLabel,\r\n    'input/firstNamePlaceholder': firstNamePlaceholder,\r\n    'input/lastNameTitle': lastNameTitleLabel,\r\n    'input/lastNamePlaceholder': lastNamePlaceholderLabel,\r\n    'input/addressTitle': addressTitleLabel,\r\n    'input/addressPlaceholder': addressPlaceholderLabel,\r\n    'input/postalCodeTitle': postalCodeTitleLabel,\r\n    'input/postalCodePlaceholder': postalCodePlaceholderLabel,\r\n    'validation/invalidPostalCode': invalidPostalCodeLabel,\r\n    'input/regionTitle': regionTitleLabel,\r\n    'input/regionPlaceholder': regionPlaceholderLabel,\r\n    'input/phoneNumberTitle': phoneNumberTitleLabel,\r\n    'input/phoneNrPlaceholder': phoneNumberPlaceholderLabel,\r\n    'validation/invalidPhoneNumber': invalidPhoneNrLabel,\r\n    'input/emailTitle': emailTitleLabel,\r\n    'input/emailPlaceholder': emailPlaceholderLabel,\r\n    'validation/invalidEmail': invalidEmailLabel,\r\n  } = useTranslationData();\r\n\r\n  const phoneRegExp = new RegExp('(^[\\\\s-+()0-9]{6,16}$)');\r\n  const numberRegExp = new RegExp('(^[\\\\d ]*$)');\r\n  const emailRegExp = /^\\w+([\\.-]?\\w+)*@\\w+([\\.-]?\\w+)*(\\.\\w{2,3})+$/;\r\n\r\n  return (\r\n    <>\r\n      <CheckoutSectionTitle>{deliveryAddressLabel} </CheckoutSectionTitle>\r\n      <FormContainer>\r\n        <InputSectionTitle>{yourInformationLabel}</InputSectionTitle>\r\n        <InputSection>\r\n          <KexInputValidation>\r\n            <FlexWrapper>\r\n              <StyledKexInput\r\n                title={firstNameTitleLabel}\r\n                placeholder={firstNamePlaceholder}\r\n                onChange={(e: any) =>\r\n                  setFormData({ ...formData, firstName: e })\r\n                }\r\n              />\r\n              <StyledKexInput\r\n                title={lastNameTitleLabel}\r\n                placeholder={lastNamePlaceholderLabel}\r\n                onChange={(e: any) => setFormData({ ...formData, lastName: e })}\r\n              />\r\n            </FlexWrapper>\r\n          </KexInputValidation>\r\n        </InputSection>\r\n        <BottomSection>\r\n          <InputSectionTitle>{deliveryAddressLabel}</InputSectionTitle>\r\n          <InputSection>\r\n            <KexInputValidation>\r\n              <StyledKexInput\r\n                title={addressTitleLabel}\r\n                placeholder={addressPlaceholderLabel}\r\n                onChange={(e: any) =>\r\n                  setFormData({ ...formData, shippingAddress: e })\r\n                }\r\n              />\r\n              <FlexWrapper>\r\n                <PostNrWrapper>\r\n                  <StyledKexInput\r\n                    title={postalCodeTitleLabel}\r\n                    placeholder={postalCodePlaceholderLabel}\r\n                    validation={{\r\n                      pattern: numberRegExp,\r\n                      errorMessage: invalidPostalCodeLabel,\r\n                    }}\r\n                    onChange={(e: any) =>\r\n                      setFormData({ ...formData, shippingPostalCode: e })\r\n                    }\r\n                  />\r\n                </PostNrWrapper>\r\n                <StyledKexInput\r\n                  title={regionTitleLabel}\r\n                  placeholder={regionPlaceholderLabel}\r\n                  onChange={(e: any) =>\r\n                    setFormData({ ...formData, shippingDistrict: e })\r\n                  }\r\n                />\r\n              </FlexWrapper>\r\n            </KexInputValidation>\r\n          </InputSection>\r\n          <InputSectionTitle>{contactInformationLabel}</InputSectionTitle>\r\n          <InputSection>\r\n            <KexInputValidation>\r\n              <StyledKexInput\r\n                title={phoneNumberTitleLabel}\r\n                placeholder={phoneNumberPlaceholderLabel}\r\n                validation={{\r\n                  pattern: phoneRegExp,\r\n                  errorMessage: invalidPhoneNrLabel,\r\n                }}\r\n                onChange={(e: any) =>\r\n                  setFormData({ ...formData, phoneNumber: e })\r\n                }\r\n              />\r\n              <StyledKexInput\r\n                title={emailTitleLabel}\r\n                type={'email'}\r\n                placeholder={emailPlaceholderLabel}\r\n                validation={{\r\n                  pattern: emailRegExp,\r\n                  errorMessage: invalidEmailLabel,\r\n                }}\r\n                onChange={(e: any) => setFormData({ ...formData, email: e })}\r\n              />\r\n            </KexInputValidation>\r\n          </InputSection>\r\n        </BottomSection>\r\n      </FormContainer>\r\n    </>\r\n  );\r\n}\r\n\r\nexport default DeliveryDetails;\r\n\r\nconst FormContainer = styled('div', {});\r\n\r\nconst InputSection = styled('div', {\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  mt: 3,\r\n  mb: 8,\r\n});\r\n\r\nconst BottomSection = styled('div', {\r\n  '@mediaMinMedium': {\r\n    maxW: '49%',\r\n  },\r\n});\r\n\r\nconst InputSectionTitle = styled('span', {\r\n  fs: 7,\r\n  fontWeight: '$fw700',\r\n});\r\n\r\nconst FlexWrapper = styled('div', {\r\n  '@mediaMinMedium': {\r\n    display: 'flex',\r\n    g: 4,\r\n  },\r\n});\r\n\r\nconst StyledKexInput = styled(KexInput, {\r\n  w: '100%',\r\n  backgroundColor: '$white',\r\n});\r\n\r\nconst PostNrWrapper = styled('div', {\r\n  w: '100%',\r\n  '@mediaMinMedium': {\r\n    maxW: '38.5%',\r\n  },\r\n  '@mediaMinLarge': {\r\n    maxW: '35%',\r\n  },\r\n});\r\n","import { useState } from 'react';\r\nimport KexDeliveryOptionModel from '../../../CheckoutPage/Models/KexDeliveryOptionModel.interface';\r\nimport SelectionModule from '../../../Molecules/SelectionModule/SelectionModule';\r\nimport { useTranslationData } from '../../../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../../../stitches.config';\r\nimport { CheckoutSectionTitle } from '../CheckoutProductListing';\r\n\r\ntype PropType = {\r\n  deliveryOptions: KexDeliveryOptionModel[];\r\n  onChange: (value: KexDeliveryOptionModel) => void;\r\n};\r\n\r\nfunction DeliveryOptions({ deliveryOptions, onChange }: PropType) {\r\n  const { 'checkoutPage/deliveryOptions': deliveryOptionsLabel } =\r\n    useTranslationData();\r\n\r\n  const [selectedDeliveryMethod, setSelectedDeliveryMethod] =\r\n    useState<KexDeliveryOptionModel>(deliveryOptions[0]);\r\n\r\n  const onDeliveryChange = (deliveryOption: KexDeliveryOptionModel) => {\r\n    setSelectedDeliveryMethod(deliveryOption);\r\n    onChange(deliveryOption);\r\n  };\r\n\r\n  return (\r\n    <div>\r\n      <CheckoutSectionTitle>{deliveryOptionsLabel}</CheckoutSectionTitle>\r\n      <SelectionContainer>\r\n        {deliveryOptions.map((deliveryOption: KexDeliveryOptionModel) => (\r\n          <SelectionModule\r\n            key={deliveryOption.name}\r\n            title={deliveryOption.name}\r\n            description={deliveryOption.description}\r\n            selected={\r\n              deliveryOptions.length === 1\r\n                ? true\r\n                : selectedDeliveryMethod.name === deliveryOption.name\r\n            }\r\n            onClick={() => onDeliveryChange(deliveryOption)}\r\n          >\r\n            <span>{deliveryOption.formattedPrice}</span>\r\n          </SelectionModule>\r\n        ))}\r\n      </SelectionContainer>\r\n    </div>\r\n  );\r\n}\r\n\r\nconst SelectionContainer = styled('div', {\r\n  pt: 2,\r\n});\r\n\r\nexport default DeliveryOptions;\r\n","import { useState } from 'react';\r\nimport CheckoutB2CPageModel from '../../../CheckoutPage/Models/CheckoutB2CPageModel.interface';\r\nimport FormSubmissionB2C from '../../../CheckoutPage/Models/FormSubmissionB2C.interface';\r\nimport KexDeliveryOptionModel from '../../../CheckoutPage/Models/KexDeliveryOptionModel.interface';\r\nimport { useKexNavigate } from '../../../Kex/KexRouter/KexRouter';\r\nimport useCurrentPage from '../../../Shared/Hooks/useCurrentPage';\r\nimport { useAppSettingsData } from '../../../Shared/Providers/AppSettingsProvider';\r\nimport { useTranslationData } from '../../../Shared/Providers/TranslationProvider';\r\nimport { styled } from '../../../stitches.config';\r\nimport { GetCart } from '../../CartPage/Cart';\r\nimport { PlaceB2COrder } from '../CheckoutApi';\r\nimport CheckoutProductListing, {\r\n  CheckoutSectionTitle,\r\n} from '../CheckoutProductListing';\r\nimport CompletePurchase from './CompletePurchase';\r\nimport DeliveryDetails from './DeliveryDetails';\r\nimport DeliveryOptions from './DeliveryOptions';\r\n\r\nfunction CheckoutB2CPage() {\r\n  const {\r\n    languageRoute,\r\n    staticPages: { orderConfirmationPage },\r\n  } = useAppSettingsData();\r\n\r\n  const {\r\n    'common/emptyCart': emptyCartLabel,\r\n    'common/errorMessage': errorMessageLabel,\r\n  } = useTranslationData();\r\n\r\n  const kexNavigate = useKexNavigate();\r\n  const { channelId, availableDeliveryOptions, availablePaymentOptions } =\r\n    useCurrentPage<CheckoutB2CPageModel>();\r\n  const { cart } = GetCart();\r\n  const [submitErrorMsg, setSubmitErrorMsg] = useState<string>('');\r\n  const [submitIsLoading, setSubmitIsLoading] = useState<boolean>(false);\r\n\r\n  const intialFormData: FormSubmissionB2C = {\r\n    selectedDeliveryMethod: availableDeliveryOptions[0],\r\n    selectedPaymentMethod: availablePaymentOptions[0],\r\n  };\r\n\r\n  const [b2cOrderSubmitData, setB2cOrderSubmitData] =\r\n    useState<FormSubmissionB2C>(intialFormData);\r\n\r\n  const onDeliveryChange = (selectedDelivery: KexDeliveryOptionModel) => {\r\n    setB2cOrderSubmitData({\r\n      ...b2cOrderSubmitData,\r\n      selectedDeliveryMethod: selectedDelivery,\r\n    });\r\n  };\r\n\r\n  function submitOrder() {\r\n    PlaceB2COrder(\r\n      b2cOrderSubmitData,\r\n      channelId,\r\n      languageRoute,\r\n      setSubmitIsLoading\r\n    ).then((data) => {\r\n      setSubmitIsLoading(false);\r\n      if (data.success) {\r\n        let url = `${orderConfirmationPage}?orderId=${data.orderId}`;\r\n        kexNavigate(url);\r\n      } else {\r\n        setSubmitErrorMsg(errorMessageLabel);\r\n      }\r\n    });\r\n  }\r\n\r\n  return (\r\n    <main>\r\n      <PageWrapper>\r\n        {cart && cart.lineItems && !!cart.lineItems.length ? (\r\n          <>\r\n            <CheckoutSectionContainer>\r\n              <CheckoutProductListing cart={cart} />\r\n            </CheckoutSectionContainer>\r\n            <CheckoutSectionContainer>\r\n              <DeliveryDetails\r\n                formData={b2cOrderSubmitData}\r\n                setFormData={setB2cOrderSubmitData}\r\n              />\r\n            </CheckoutSectionContainer>\r\n            {availableDeliveryOptions && !!availableDeliveryOptions.length && (\r\n              <CheckoutSectionContainer>\r\n                <DeliveryOptions\r\n                  deliveryOptions={availableDeliveryOptions}\r\n                  onChange={onDeliveryChange}\r\n                />\r\n              </CheckoutSectionContainer>\r\n            )}\r\n            {availablePaymentOptions && !!availablePaymentOptions.length && (\r\n              <CheckoutSectionContainer>\r\n                <CompletePurchase\r\n                  cart={cart}\r\n                  availablePaymentOptions={availablePaymentOptions}\r\n                  onOrderSubmit={submitOrder}\r\n                  submitIsLoading={submitIsLoading}\r\n                  errorMessage={submitErrorMsg}\r\n                />\r\n              </CheckoutSectionContainer>\r\n            )}\r\n          </>\r\n        ) : !(Object.keys(cart).length === 0) ? (\r\n          <CheckoutSectionContainer>\r\n            <CheckoutSectionTitle>{emptyCartLabel}</CheckoutSectionTitle>\r\n          </CheckoutSectionContainer>\r\n        ) : (\r\n          <></>\r\n        )}\r\n      </PageWrapper>\r\n    </main>\r\n  );\r\n}\r\n\r\nexport default CheckoutB2CPage;\r\n\r\nconst PageWrapper = styled('div', {\r\n  p: 4,\r\n  '@mediaMinLarge': {\r\n    maxWidth: '864px',\r\n    mx: 'auto',\r\n    px: 0,\r\n    pt: 8,\r\n  },\r\n});\r\n\r\nexport const CheckoutSectionContainer = styled('div', {\r\n  backgroundColor: '$white',\r\n  px: 4,\r\n  py: 8,\r\n  mb: 4,\r\n  '@mediaMinVerySmall': {\r\n    br: 2.5,\r\n  },\r\n  '@mediaMinLarge': {\r\n    py: 16,\r\n    px: 25.5,\r\n    mb: 8,\r\n  },\r\n});\r\n"],"names":["Root","styled","display","position","w","LabelContainer","whiteSpace","LabelInner","alignItems","Input","opacity","cursor","FilterText","Square","mr","l","wh","br","backgroundColor","pointerEvents","justifyContent","p","transition","border","variants","isChecked","true","backgroundClip","transform","isRound","isHovered","h","content","Label","fontSize","fontWeight","lineHeight","letterSpacing","_ref","name","value","label","_ref$checked","checked","hovered","onChange","filterType","_ref$isRound","children","_useState","useState","_useState2","_slicedToArray","setIsChecked","_useState3","_useState4","setIsHovered","onInputChange","val","useEffect","_jsx","onMouseOver","onMouseOut","htmlFor","_jsxs","id","encodeURIComponent","type","e","target","SelectionModuleRoot","mb","selected","outline","false","LeftSectionWrapper","title","onClick","description","Checkbox","cart","discountLabel","useTranslationData","OrderSummaryContainer","OrderSummaryWrapper","Attributes","totalDiscount","Values","numberOfItems","totalPriceForItems","totalFreightPrice","Discount","totalPrice","fs","flexDirection","textAlign","color","availablePaymentOptions","onOrderSubmit","submitIsLoading","errorMessage","_useTranslationData","completePurchaseLabel","paymentMethodsLabel","sendOrderLabel","termsAndConditionsText","useCurrentPage","selectedDeliveryMethod","setSelectedDeliveryMethod","CheckoutSectionTitle","CheckoutOrderSummary","TermsWrapper","TermsText","dangerouslySetInnerHTML","__html","SelectionContainer","map","paymentOption","SelectionModule","length","CtaButtonWrapper","CtaButton","isLoading","ErrorMessage","pb","mx","maxW","setFormData","formData","deliveryAddressLabel","contactInformationLabel","yourInformationLabel","firstNameTitleLabel","firstNamePlaceholder","lastNameTitleLabel","lastNamePlaceholderLabel","addressTitleLabel","addressPlaceholderLabel","postalCodeTitleLabel","postalCodePlaceholderLabel","invalidPostalCodeLabel","regionTitleLabel","regionPlaceholderLabel","phoneNumberTitleLabel","phoneNumberPlaceholderLabel","invalidPhoneNrLabel","emailTitleLabel","emailPlaceholderLabel","invalidEmailLabel","phoneRegExp","RegExp","numberRegExp","_Fragment","FormContainer","InputSectionTitle","InputSection","KexInputValidation","FlexWrapper","StyledKexInput","placeholder","_objectSpread","firstName","lastName","BottomSection","shippingAddress","PostNrWrapper","validation","pattern","shippingPostalCode","shippingDistrict","phoneNumber","email","mt","g","KexInput","pt","deliveryOptions","deliveryOptionsLabel","deliveryOption","onDeliveryChange","formattedPrice","_useAppSettingsData","useAppSettingsData","languageRoute","orderConfirmationPage","staticPages","emptyCartLabel","errorMessageLabel","kexNavigate","useKexNavigate","_useCurrentPage","channelId","availableDeliveryOptions","GetCart","submitErrorMsg","setSubmitErrorMsg","setSubmitIsLoading","intialFormData","selectedPaymentMethod","_useState5","_useState6","b2cOrderSubmitData","setB2cOrderSubmitData","PageWrapper","lineItems","CheckoutSectionContainer","CheckoutProductListing","DeliveryDetails","DeliveryOptions","selectedDelivery","CompletePurchase","PlaceB2COrder","then","data","success","url","concat","orderId","Object","keys","maxWidth","px","py"],"sourceRoot":""}