{"version":3,"file":"react/js/main-a3a555c2.545938c49733eaf7366f.js","mappings":"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","sources":["webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountUserInformationFields.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountUserInformation.tsx","webpack:///./src/pages/sections/cart/checkout/UserInformationStep.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewOrderAddress.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewOrderAddresses.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewOrderBillingInformation.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewOrderShippingMethod.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewSummaryPersonalDetails.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewSummarySectionTitle.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewSummaryTax.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartReviewSummaryOrderedItemRow.tsx","webpack:///./src/pages/sections/cart/checkout/components/CartSummaryOrderedItemsList.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckOutAccountActionButton.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckOutActionTitle.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckOutAsGuest.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckOutCartGridItemProductRow.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckOutCartGridItemRow.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckOutStepNavigationButton.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountAddressInformationFieldsChildren.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutInformationFormStateSelectField.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountAddressInformationFields.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountAddressInformation.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutInformationFormReadOnlyStringField.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountAddressInformationReadOnlyFields.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountReadOnlyAddressInformation.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutAccountAddressInformationContent.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutInformationFormSelectField.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutInformationFormStringField.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutStepperItem.tsx","webpack:///./src/pages/sections/cart/checkout/components/CreateAccountBeforeCheckout.tsx","webpack:///./src/pages/sections/cart/checkout/components/LoginBeforeCheckout.tsx","webpack:///./src/pages/sections/cart/checkout/components/OrderFailedMessages.tsx","webpack:///./src/pages/sections/cart/checkout/components/OrderFailed.tsx","webpack:///./src/pages/sections/cart/checkout/components/OrderSubmissionInProgress.tsx","webpack:///./src/pages/sections/cart/checkout/components/OrderSuccessful.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutInformationFormDateTimeField.tsx","webpack:///./src/pages/sections/cart/checkout/components/CheckoutInformationFormMaskedStringField.tsx","webpack:///./src/pages/sections/cart/checkout/components/PaymentInformationCreditCartFields.tsx","webpack:///./src/pages/sections/cart/checkout/components/PaymentInformationStepContent.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport { Grid, Theme, useTheme } from '@mui/material';\r\nimport { FormikProps, Form } from 'formik';\r\n\r\nimport CheckoutInformationFormStringField from './CheckoutInformationFormStringField';\r\nimport CheckoutInformationFormSelectField from './CheckoutInformationFormSelectField';\r\nimport { ICheckoutWizardUserInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\n\r\n\r\ninterface CheckoutAccountUserInformationFieldsProps {\r\n      formik: FormikProps<ICheckoutWizardUserInformation>;\r\n\r\n      handleFormChange: () => void;\r\n}\r\n\r\nconst CheckoutAccountUserInformationFields: React.FC<CheckoutAccountUserInformationFieldsProps> = (props: CheckoutAccountUserInformationFieldsProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const { formik, handleFormChange } = props;\r\n\r\n      const [showOtherTitle, setShowOtherTitle] = useState<boolean>(false);\r\n\r\n      useEffect(() => {\r\n            setShowOtherTitle(false);\r\n\r\n            if (formik.values.title == 'Other') {\r\n                  setShowOtherTitle(true);\r\n            }\r\n\r\n      }, [formik.values.title]);\r\n\r\n      const handleChange = (event: React.ChangeEvent<any>) => {\r\n            formik.handleChange(event);\r\n\r\n            handleFormChange();\r\n      };\r\n\r\n      return (\r\n            <Form>\r\n                  <Grid container spacing={ 2 }>\r\n                        <Grid item xs={ 6 }>\r\n                              <CheckoutInformationFormSelectField\r\n                                    name=\"title\"\r\n                                    label=\"Title\"\r\n                                    options={ [\r\n                                          { value: 'None', label: 'None' },\r\n                                          { value: 'Mr', label: 'Mr' },\r\n                                          { value: 'Mrs', label: 'Mrs' },\r\n                                          { value: 'Miss', label: 'Miss' },\r\n                                          { value: 'Ms', label: 'Ms' },\r\n                                          { value: 'Dr', label: 'Dr' },\r\n                                          { value: 'Prof', label: 'Prof' },\r\n                                          { value: 'Rev', label: 'Rev' },\r\n                                          { value: 'Other', label: 'Other' }\r\n                                    ] }\r\n                                    onChange={ handleChange }\r\n                              />\r\n                        </Grid>\r\n\r\n                        { showOtherTitle ? (\r\n                              <Grid item xs={ 6 }>\r\n                                    <CheckoutInformationFormStringField\r\n                                          name=\"titleOther\"\r\n                                          label=\"Please provide your title\"\r\n                                          onChange={ handleChange }\r\n                                    />\r\n                              </Grid>\r\n                        ) : (\r\n                              <Grid item xs={ 6 }>\r\n                                    &nbsp;\r\n                              </Grid>\r\n                        ) }\r\n\r\n                        <Grid item xs={ 6 }>\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"firstName\"\r\n                                    label=\"First Name\"\r\n                                    error={ formik.touched.firstName && !!formik.errors.firstName }\r\n                                    helperText={ formik.touched.firstName ? formik.errors.firstName : '' }\r\n                                    onChange={ handleChange }\r\n                              />\r\n                        </Grid>\r\n                        <Grid item xs={ 6 }>\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"lastName\"\r\n                                    label=\"Last Name\"\r\n                                    error={ formik.touched.lastName && !!formik.errors.lastName }\r\n                                    helperText={ formik.touched.lastName ? formik.errors.lastName : '' }\r\n                                    onChange={ handleChange }\r\n                              />\r\n                        </Grid>\r\n                        <Grid item xs={ 6 }>\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"email\"\r\n                                    label=\"Email\"\r\n                                    error={ formik.touched.email && !!formik.errors.email }\r\n                                    helperText={ formik.touched.email ? formik.errors.email : '' }\r\n                                    onChange={ handleChange }\r\n                              />\r\n                        </Grid>\r\n                        <Grid item xs={ 6 }>\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"phone\"\r\n                                    label=\"Phone\"\r\n                                    error={ formik.touched.phone && !!formik.errors.phone }\r\n                                    helperText={ formik.touched.phone ? formik.errors.phone : '' }\r\n                                    onChange={ handleChange }\r\n                              />\r\n                        </Grid>\r\n                  </Grid>\r\n            </Form>\r\n      );\r\n};\r\n\r\nexport default CheckoutAccountUserInformationFields;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { Fragment } from 'react';\r\nimport { Theme, useTheme } from '@mui/material';\r\nimport { Formik, FormikProps } from 'formik';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\nimport CheckoutAccountUserInformationFields from './CheckoutAccountUserInformationFields';\r\nimport { ICheckoutWizardUserInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport UserInformationValidator from '../../../../../validators/UserInformationValidator';\r\n\r\nexport interface ICheckoutAccountUserInformationProps {\r\n      userInfo?: ICheckoutWizardUserInformation;\r\n      updateUserInfo?: (isValid: boolean, userInfo: ICheckoutWizardUserInformation) => void;\r\n}\r\n\r\nconst getInitialValues = (): ICheckoutWizardUserInformation => ({\r\n      title: 'None',\r\n      titleOther: '',\r\n      firstName: '',\r\n      middleName: '',\r\n      lastName: '',\r\n      email: '',\r\n      phone: ''\r\n});\r\n\r\nconst CheckoutAccountUserInformation: React.FC<ICheckoutAccountUserInformationProps> = (props: ICheckoutAccountUserInformationProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const handleFormChange = async (values: ICheckoutWizardUserInformation, validateForm: FormikProps<ICheckoutWizardUserInformation>['validateForm']) => {\r\n            const errors = await validateForm();\r\n            const isValid = Object.keys(errors).length === 0;\r\n\r\n            if (props.updateUserInfo) {\r\n                  props.updateUserInfo(isValid, values);\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Fragment>\r\n                  <CheckOutActionTitle title=\"User Information\" />\r\n                  <Formik\r\n                        initialValues={ props.userInfo || getInitialValues() }\r\n                        enableReinitialize\r\n                        validationSchema={ UserInformationValidator.schema }\r\n                        validateOnMount\r\n                        onSubmit={ () => { } }\r\n                  >\r\n                        { (formik: FormikProps<ICheckoutWizardUserInformation>) => {\r\n                              useEffect(() => {\r\n                                    handleFormChange(formik.values, formik.validateForm);\r\n                              }, [formik.values]);\r\n\r\n                              return (\r\n                                    <CheckoutAccountUserInformationFields\r\n                                          formik={ formik }\r\n                                          handleFormChange={ () => handleFormChange(formik.values, formik.validateForm) }\r\n                                    />\r\n                              );\r\n                        } }\r\n                  </Formik>\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default CheckoutAccountUserInformation;\r\n","import * as React from 'react';\r\nimport { Grid, Container } from '@mui/material';\r\nimport CheckoutAccountUserInformation from './components/CheckoutAccountUserInformation';\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { ICheckoutWizardUserInformation, useCartCheckoutInformation } from '../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { useEffect } from 'react';\r\nimport { isNullOrUndefined, notNullOrUndefined, notNullOrUndefinedOrEmpty } from '../../../../utilities/Utils';\r\nimport { restApiUserOperations } from '../../../../stores/api/Generated/Endpoints/RestApiUserOperations';\r\nimport { useAuth } from '../../../../providers/AuthProvider';\r\nimport UserInfoValidator from '../../../../validators/UserInformationValidator';\r\n\r\nconst UserInformationStep: React.FC = (): React.JSX.Element => {\r\n      const { information, setUserInformation } = useCartCheckoutInformation();\r\n      const { setCurrentStepCompleted } = useCartCheckout();\r\n      const { loggedIn, user } = useAuth();\r\n\r\n      const [loadedUserInfo, setLoadedUserInfo] = React.useState<boolean>(false);\r\n\r\n      const [trigger, userData] = restApiUserOperations.hooks.lazyQueries.getUserInformation();\r\n\r\n      useEffect(() => {\r\n            if (loggedIn &&\r\n                  !loadedUserInfo &&\r\n                  notNullOrUndefined(userData) &&\r\n                  notNullOrUndefined(userData.data?.email)) {\r\n                  const userInfo: ICheckoutWizardUserInformation = {\r\n                        title: userData.data!.title,\r\n                        titleOther: userData.data!.titleOther,\r\n                        firstName: userData.data!.firstName,\r\n                        middleName: userData.data!.lastName,\r\n                        lastName: userData.data!.lastName,\r\n                        email: userData.data!.email,\r\n                        phone: userData.data!.phone,\r\n                        company: userData.data!.company\r\n                  }\r\n\r\n                  setUserInformation(userInfo);\r\n                  setLoadedUserInfo((prev) => true);\r\n            }\r\n\r\n      }, [userData]);\r\n\r\n      useEffect(() => {\r\n            if (loggedIn &&\r\n                  notNullOrUndefinedOrEmpty(user?.id)) {\r\n                  trigger({ userId: user!.id });\r\n            }\r\n\r\n      }, [loggedIn]);\r\n\r\n      useEffect(() => {\r\n            const { validate } = UserInfoValidator;\r\n\r\n            if (isNullOrUndefined(information.User)) {\r\n                  return;\r\n            }\r\n\r\n            if (validate(information.User!)) {\r\n                  setCurrentStepCompleted(true);\r\n            }\r\n\r\n      }, [information?.User]);\r\n\r\n      const handleUpdateUserInfo = (isValid: boolean, updatedUserInfo: ICheckoutWizardUserInformation): void => {\r\n            setUserInformation(updatedUserInfo);\r\n            setCurrentStepCompleted(isValid);\r\n      };\r\n\r\n      return (\r\n            <Container>\r\n                  <Grid container spacing={ 1 } columns={ 12 } alignItems=\"stretch\">\r\n                        <Grid item xs={ 12 } sx={ { display: 'flex', flexDirection: 'column', justifyContent: 'center', margin: 0, padding: 0 } }>\r\n                              <CheckoutAccountUserInformation userInfo={ information?.User } updateUserInfo={ handleUpdateUserInfo } />\r\n                        </Grid>\r\n                  </Grid>\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default UserInformationStep;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { Box, Grid, Typography, useTheme } from '@mui/material';\r\n\r\nimport { IRestApiUserAddressDTO } from '../../../../../stores/api/Generated/Entities/RestApiUserAddressDTO';\r\nimport { isNullOrUndefinedOrEmpty, notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\nimport { restApiUSStates } from '../../../../../stores/api/Generated/Endpoints/RestApiUSStates';\r\n\r\nimport CartReviewSummarySectionTitle from './CartReviewSummarySectionTitle';\r\n\r\ninterface CartReviewOrderAddressProps {\r\n      title: string;\r\n      targetType: 'Billing' | 'Shipping';\r\n      address: IRestApiUserAddressDTO | undefined;\r\n}\r\n\r\nconst CartReviewOrderAddress: React.FC<CartReviewOrderAddressProps> = (props: CartReviewOrderAddressProps) => {\r\n      const theme = useTheme();\r\n\r\n      const [getUSState, usState] = restApiUSStates.hooks.lazyQueries.getStateFromCode();\r\n\r\n      const [curentStateText, setCurrentStateText] = React.useState<string>(props.address?.state ?? '');\r\n      const [currentCountryText, setCurrentCountryText] = React.useState<string>(props.address?.country ?? 'UNITED STATES');\r\n\r\n      useEffect(() => {\r\n            if (usState && usState.data && notNullOrUndefinedOrEmpty(usState.data.name)) {\r\n                  setCurrentStateText(`${usState.data.name}, ${usState.data.abbreviation}`);\r\n            }\r\n\r\n      }, [usState]);\r\n\r\n      useEffect(() => {\r\n            if (notNullOrUndefinedOrEmpty(props.address?.stateAbbreviation)) {\r\n                  getUSState({\r\n                        stateCode: props.address!.stateAbbreviation!\r\n                  });\r\n            }\r\n\r\n      }, [props.address?.stateAbbreviation]);\r\n\r\n      useEffect(() => {\r\n            const country = countryFullName(props.address?.country) ?? 'UNITED STATES';\r\n\r\n            setCurrentCountryText(country);\r\n\r\n      }, [props.address?.country]);\r\n\r\n      const countryFullName = (countryCode: string | undefined | null) => {\r\n            if (isNullOrUndefinedOrEmpty(countryCode)) {\r\n                  return null;\r\n\r\n            }\r\n\r\n            switch (countryCode) {\r\n                  case 'US': return 'UNITED STATES';\r\n                  case 'GB':\r\n                  case 'UK': return 'UNITED KINGDOM';\r\n                  case 'CA': return 'CANADA';\r\n            }\r\n\r\n            return countryCode!.toUpperCase();\r\n      };\r\n\r\n      const renderTitle = (text: string) => (\r\n            <Typography\r\n                  variant='body2'\r\n                  sx={ {\r\n                        fontWeight: 'bold',\r\n                        color: theme.palette.primary.light,\r\n                  } }>\r\n                  { text }\r\n            </Typography>\r\n      );\r\n\r\n      const itemAlignment = 'baseline';\r\n\r\n      const renderAddressLines = () => {\r\n            return (\r\n                  <Grid container spacing={ '4px' } alignItems={ itemAlignment }>\r\n\r\n                        <Grid item xs={ 2 }>\r\n                              { renderTitle('Address:') }\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 10 } sx={ { margin: 0, padding: 0, lineHeight: 0, minHeight: '28px' } }>\r\n                              <Typography variant='body1' sx={ { margin: 0, padding: 0, } }>{ props.address?.addressLine1 }</Typography>\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 2 }></Grid>\r\n                        <Grid item xs={ 10 } sx={ { margin: 0, padding: 0, lineHeight: 0, minHeight: '28px' } }>\r\n                              <Typography variant='body1' sx={ { margin: 0, padding: 0, } }>{ props.address?.addressLine2 || ' ' }</Typography>\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 2 }></Grid>\r\n                        <Grid item xs={ 10 } sx={ { margin: 0, padding: 0, lineHeight: 0, minHeight: '28px' } }>\r\n                              <Typography variant='body1' sx={ { margin: 0, padding: 0, } }>{ props.address?.addressLine3 || ' ' }</Typography>\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            );\r\n      }\r\n\r\n      const RenderCity = () => {\r\n            return (\r\n                  <Grid container spacing={ 1 }\r\n                        alignItems={ itemAlignment }\r\n                        sx={ {\r\n                              marginTop: '4px'\r\n                        } }>\r\n\r\n                        <Grid item xs={ 2 }>\r\n                              { renderTitle('City:') }\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 10 }>\r\n                              <Typography variant='body1'>{ props.address?.city }</Typography>\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            )\r\n      }\r\n\r\n      const RenderStateAndPostCode = () => {\r\n            return (\r\n                  <Grid container spacing={ 1 } alignItems={ itemAlignment } columns={ 12 }>\r\n\r\n                        <Grid item xs={ 2 }>\r\n                              { renderTitle('State:') }\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 4 }>\r\n                              <Typography variant='body1'>{ curentStateText }</Typography>\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 2 }>\r\n                              { renderTitle('Code:') }\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 4 }>\r\n                              <Typography variant='body1' sx={ { fontWeight: 'bold' } }>{ props.address?.postalCode }</Typography>\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            );\r\n      }\r\n\r\n      const renderCountry = () => {\r\n            return (\r\n                  <Grid container spacing={ 1 }\r\n                        alignItems={ itemAlignment }\r\n                        sx={ {\r\n                              marginTop: '4px'\r\n                        } }>\r\n\r\n                        <Grid item xs={ 2 }>\r\n                              { renderTitle('Country:') }\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 10 }>\r\n                              <Typography\r\n                                    variant='body1'\r\n                                    sx={ {\r\n                                          fontWeight: 'bold',\r\n                                          fontStyle: 'italic',\r\n                                    } }\r\n                              >\r\n                                    { currentCountryText }\r\n                              </Typography>\r\n                        </Grid>\r\n                  </Grid>\r\n            );\r\n      }\r\n\r\n      return (\r\n            <Box sx={ { marginBottom: '16px' } }>\r\n\r\n                  <CartReviewSummarySectionTitle text={ `Your ${props.title} is` } />\r\n\r\n                  <Box sx={ { padding: '8px 16px' } }>\r\n\r\n                        { renderAddressLines() }\r\n                        { RenderCity() }\r\n                        { RenderStateAndPostCode() }\r\n                        { renderCountry() }\r\n\r\n                  </Box>\r\n\r\n            </Box >\r\n      );\r\n};\r\n\r\nexport default CartReviewOrderAddress;\r\n","import * as React from 'react';\r\nimport { Box, Grid } from '@mui/material';\r\nimport { useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport CartReviewOrderAddress from './CartReviewOrderAddress';\r\nimport { get } from 'http';\r\n\r\nconst CartReviewOrderAddresses: React.FC = () =>\r\n{\r\n      const { information } = useCartCheckoutInformation();\r\n\r\n      return (\r\n            <Box sx={ { width: '100%', marginBottom: '16px' } }>\r\n\r\n                  <Grid container spacing={ 2 }>\r\n\r\n                        <Grid item xs={ 6 }>\r\n                              <CartReviewOrderAddress targetType='Billing' title=\"Billing Address\" address={ information?.Addresses?.billing } />\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n                              <CartReviewOrderAddress targetType='Shipping' title=\"Shipping Address\" address={ information?.Addresses?.shipping } />\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default CartReviewOrderAddresses;\r\n","import * as React from 'react';\r\nimport { Box, Grid, Typography, useTheme } from '@mui/material';\r\n\r\nimport CartReviewSummarySectionTitle from './CartReviewSummarySectionTitle';\r\nimport { ICheckoutWizardUserPaymentInformation, useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { useEffect } from 'react';\r\nimport { notNullOrUndefined, notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\nimport { getCreditCardProvider, sanitiseCreditCardNumber } from '../../Utilities';\r\nimport dayjs from 'dayjs';\r\nimport { useCartCheckoutTax } from '../../../../../providers/cart/CartCheckoutTaxProvider';\r\n\r\n\r\nconst CartReviewOrderBillingInformation: React.FC = () => {\r\n      const theme = useTheme();\r\n      const { information } = useCartCheckoutInformation();\r\n\r\n      const { taxAmount } = useCartCheckoutTax();\r\n\r\n      const [currentPaymentInformation, setCurrentPaymentInformation] = React.useState<ICheckoutWizardUserPaymentInformation>(information.PaymentInformation || { CreditCard: { Number: '', ExpiryDate: '', CVV: '' } });\r\n      const [creditCardProvider, setCreditCardProvider] = React.useState<string>('Unknown');\r\n      const [creditCartNumber, setCreditCardNumber] = React.useState<string>('');\r\n      const [creditCardExpiryDate, setCreditCardExpiryDate] = React.useState<string>('');\r\n\r\n      const [shippingCost, setShippingCost] = React.useState<number | null>(null);\r\n      const [itemsCost, setItemsCost] = React.useState<number | null>(null);\r\n      const [totalCharges, setTotalCharges] = React.useState<number | null>(null);\r\n\r\n      useEffect(() => {\r\n            if (notNullOrUndefined(information?.PaymentInformation)) {\r\n                  setCurrentPaymentInformation(information.PaymentInformation);\r\n            }\r\n\r\n      }, [information.PaymentInformation]);\r\n\r\n      useEffect(() => {\r\n            const currentItemCosts = information.Items?.reduce((acc, item) => acc + item.selectedProduct.liquidationPrice! * item.quantity, 0);\r\n\r\n            setItemsCost(currentItemCosts);\r\n\r\n      }, [information.Items]);\r\n\r\n      useEffect(() => {\r\n            if (notNullOrUndefined(information.ShippingWeight?.ShippingCost)) {\r\n                  setShippingCost(information.ShippingWeight!.ShippingCost);\r\n            }\r\n\r\n      }, [information.ShippingWeight?.ShippingCost]);\r\n\r\n      useEffect(() => {\r\n            if (notNullOrUndefined(itemsCost) &&\r\n                  notNullOrUndefined(shippingCost)) {\r\n                  setTotalCharges(itemsCost! + shippingCost! + taxAmount);\r\n            }\r\n\r\n      }, [itemsCost, shippingCost]);\r\n\r\n      useEffect(() => {\r\n            if (notNullOrUndefined(currentPaymentInformation)) {\r\n                  if (notNullOrUndefined(currentPaymentInformation.creditCard)) {\r\n                        setCreditCardProvider(getCreditCardProvider(currentPaymentInformation.creditCard!.number!));\r\n                  }\r\n\r\n                  if (notNullOrUndefinedOrEmpty(currentPaymentInformation.creditCard?.number)) {\r\n                        const cardNumber: string = sanitiseCreditCardNumber(currentPaymentInformation.creditCard!.number!);\r\n\r\n                        setCreditCardNumber(cardNumber);\r\n                  }\r\n\r\n                  if (notNullOrUndefined(currentPaymentInformation.creditCard?.expiryMonth) &&\r\n                        notNullOrUndefined(currentPaymentInformation.creditCard?.expiryYear)) {\r\n                        const formattedDate = formatMonthYear(currentPaymentInformation.creditCard!.expiryMonth!, currentPaymentInformation.creditCard!.expiryYear!);\r\n\r\n                        setCreditCardExpiryDate(formattedDate);\r\n                  }\r\n            }\r\n\r\n      }, [currentPaymentInformation]);\r\n\r\n      const itemAlignment = 'baseline';\r\n\r\n      const formatMonthYear = (month: number, year: number): string => {\r\n            const date = dayjs(new Date(year, month));\r\n            const result = date.format('MMMM YYYY');\r\n\r\n            return `${result}`\r\n      };\r\n\r\n      const renderTitle = (text: string) => (\r\n            <Typography\r\n                  variant='body2'\r\n                  sx={ {\r\n                        fontWeight: 'bold',\r\n                        color: theme.palette.primary.light,\r\n                  } }>\r\n                  { text }\r\n            </Typography>\r\n      );\r\n\r\n      return (\r\n            <Box sx={ { width: '100%', marginBottom: '16px' } }>\r\n\r\n                  <CartReviewSummarySectionTitle text='Billing Information' />\r\n\r\n                  <Grid container spacing={ 2 }>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <Box sx={ { padding: '8px 16px' } }>\r\n\r\n                                    <Grid container spacing={ 1 } alignItems={ itemAlignment }>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Type:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                      } }>\r\n                                                      { `Credit Card (${creditCardProvider})` }\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Total Charges:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                            fontSize: totalCharges ? '1.5rem' : '0.9rem',\r\n                                                            fontStyle: totalCharges ? 'normal' : 'italic',\r\n                                                            color: totalCharges ? theme.palette.error.dark : theme.palette.text.disabled,\r\n                                                            borderBottom: totalCharges ? `1px solid ${theme.palette.error.dark}` : 'none',\r\n                                                      } }>\r\n\r\n                                                      { totalCharges ? `$${totalCharges.toFixed(2)}` : 'Calculating...' }\r\n\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                    </Grid>\r\n\r\n                              </Box>\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <Box sx={ { padding: '8px 16px' } }>\r\n\r\n                                    <Grid container spacing={ 1 } alignItems={ itemAlignment }>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Card Number:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                      } }\r\n                                                >\r\n                                                      { creditCartNumber }\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Expiry Date:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                      } }\r\n                                                >\r\n                                                      { creditCardExpiryDate }\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                    </Grid>\r\n\r\n                              </Box>\r\n\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default CartReviewOrderBillingInformation;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport convert from 'convert';\r\n\r\nimport { Box, Grid, Typography, useTheme } from '@mui/material';\r\n\r\nimport { ICheckoutWizardShippingInformation, ICheckoutWizardShippingWeight, useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport { restApiUSStates } from '../../../../../stores/api/Generated/Endpoints/RestApiUSStates';\r\nimport { IRestApiShippingRateDTO } from '../../../../../stores/api/Generated/Entities/RestApiShippingRateDTO';\r\n\r\nimport CartReviewSummarySectionTitle from './CartReviewSummarySectionTitle';\r\nimport { ICartItem } from '../../../../../stores/slices/CartSlice';\r\nimport { convertFromKilograms, convertToKilograms } from '../../Utilities';\r\n\r\n\r\nconst CartReviewOrderShippingMethod: React.FC = () => {\r\n      const theme = useTheme();\r\n      const { information, setShippingInformation } = useCartCheckoutInformation();\r\n\r\n      //const [ currentShippingInfo, setCurrentShippingInfo ] = React.useState<ICheckoutWizardShippingInformation | undefined>(information.ShippingWeight);\r\n\r\n      const [currentItemWeights, setCurrentItemWeights] = React.useState<ICheckoutWizardShippingWeight[]>([]);\r\n      const [currentShippingWeight, setCurrentShippingWeight] = React.useState<ICheckoutWizardShippingWeight | null>(null);\r\n      //const [ lastShippingWeight, setLastShippingWeight ] = React.useState<ICheckoutWizardShippingWeight | null>(null);\r\n      const [currentShippingRate, setCurrentShippingRate] = React.useState<IRestApiShippingRateDTO | null>(null);\r\n\r\n      const [calculateShippingCost, shippingWeightResult] = restApiUSStates.hooks.mutations.calculateShippingRateForState();\r\n\r\n      useEffect(() => {\r\n            if (!currentShippingWeight || !information.Addresses.shipping?.stateAbbreviation) {\r\n                  return;\r\n            }\r\n\r\n            const currState = information.Addresses.shipping?.stateAbbreviation;\r\n\r\n            if (currState) {\r\n                  calculateShippingCost({\r\n                        shippingCalculationDTO: {\r\n                              stateCode: currState,\r\n                              totalWeight: currentShippingWeight.WeightInKilograms,\r\n                              weightUnit: 'Kilograms',\r\n                        }\r\n                  });\r\n            }\r\n\r\n      }, [currentShippingWeight, information.Addresses.shipping?.stateAbbreviation, calculateShippingCost]);\r\n\r\n      useEffect(() => {\r\n            if (shippingWeightResult.data) {\r\n                  setCurrentShippingRate(shippingWeightResult.data);\r\n            }\r\n\r\n      }, [shippingWeightResult]);\r\n\r\n      useEffect(() => {\r\n            if (information?.Items &&\r\n                  information.Items.length > 0 &&\r\n                  currentItemWeights &&\r\n                  currentItemWeights.length > 0 &&\r\n                  currentShippingWeight?.value &&\r\n                  currentShippingWeight.value > 0 &&\r\n                  notNullOrUndefined(currentShippingRate?.price)) {\r\n                  const newShippingInfo: ICheckoutWizardShippingInformation = {\r\n                        ShippingMethod: 'Land Shipping',\r\n                        ShippingCost: currentShippingRate!.price!,\r\n                        ItemWeights: currentItemWeights,\r\n                        Provider: 'UPS Courier',\r\n                  };\r\n\r\n                  setShippingInformation(newShippingInfo);\r\n            }\r\n\r\n      }, [shippingWeightResult?.data, currentShippingRate, information.Items, currentItemWeights, currentShippingWeight]);\r\n\r\n      useEffect(() => {\r\n            const getAllWeights = getAllItemWeights(information.Items);\r\n\r\n            setCurrentItemWeights(getAllWeights);\r\n\r\n      }, [information.Items]);\r\n\r\n      useEffect(() => {\r\n            if (!currentItemWeights || currentItemWeights.length === 0) {\r\n                  return;\r\n            }\r\n\r\n            const currWeight: ICheckoutWizardShippingWeight = {\r\n                  value: currentItemWeights.reduce((acc, curr) => acc + curr.WeightInKilograms, 0),\r\n                  WeightInKilograms: currentItemWeights.reduce((acc, curr) => acc + curr.WeightInKilograms, 0),\r\n            };\r\n\r\n            setCurrentShippingWeight(currWeight);\r\n\r\n      }, [currentItemWeights]);\r\n\r\n      const getAllItemWeights = (items: ICartItem[]): ICheckoutWizardShippingWeight[] => {\r\n            const currItemWeights: ICheckoutWizardShippingWeight[] = items.map((item) => {\r\n                  const currentWeightForItem = item.selectedProduct.productWeight?.value! * item.quantity;\r\n                  const currentWeightForItemKg = convertToKilograms(currentWeightForItem, item.selectedProduct.productWeight?.unit!);\r\n\r\n                  return {\r\n                        value: currentWeightForItem,\r\n                        WeightInKilograms: currentWeightForItemKg,\r\n                        ProductId: item.selectedProduct.id,\r\n                  };\r\n            });\r\n\r\n            return currItemWeights;\r\n      }\r\n\r\n      const renderTitle = (text: string) => (\r\n            <Typography\r\n                  variant='body2'\r\n                  sx={ {\r\n                        fontWeight: 'bold',\r\n                        color: theme.palette.primary.light,\r\n                  } }>\r\n                  { text }\r\n            </Typography>\r\n      );\r\n\r\n      const itemAlignment = 'baseline';\r\n\r\n      const currentShippingWeightPounds: number | null = currentShippingWeight &&\r\n            currentShippingWeight.WeightInKilograms &&\r\n            currentShippingWeight.WeightInKilograms > 0\r\n            ? convertFromKilograms(currentShippingWeight.WeightInKilograms, 'Pounds')\r\n            : null;\r\n\r\n      const currentShippingInfo = information.ShippingWeight;\r\n\r\n      return (\r\n            <Box sx={ { width: '100%', marginBottom: '16px' } }>\r\n\r\n                  <CartReviewSummarySectionTitle text='Shipping Information' />\r\n\r\n                  <Grid container spacing={ 2 }>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <Box sx={ { padding: '8px 16px' } }>\r\n\r\n                                    <Grid container spacing={ 1 } alignItems={ itemAlignment }>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Provider:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                            color: currentShippingInfo ? theme.palette.text.primary : theme.palette.text.disabled,\r\n                                                      } }>\r\n                                                      { currentShippingInfo ? currentShippingInfo.Provider : 'Calculating...' }\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Method:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                            fontStyle: 'italic',\r\n                                                            color: currentShippingInfo ? theme.palette.text.primary : theme.palette.text.disabled,\r\n                                                      } }>\r\n                                                      { currentShippingInfo ? currentShippingInfo.ShippingMethod : 'Calculating...' }\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                    </Grid>\r\n\r\n                              </Box>\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <Box sx={ { padding: '8px 16px' } }>\r\n\r\n                                    <Grid container spacing={ 1 } alignItems={ itemAlignment }>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Total Shipping Weight:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                            fontStyle: currentShippingWeightPounds ? 'normal' : 'italic',\r\n                                                            color: currentShippingWeightPounds ? theme.palette.text.primary : theme.palette.text.disabled,\r\n                                                      } }>\r\n\r\n                                                      {/* { `${currentShippingWeightPounds.toFixed(2)} Pound(s)` } */ }\r\n\r\n                                                      { currentShippingWeightPounds ? `${currentShippingWeightPounds.toFixed(2)} Pound(s)` : 'Calculating...' }\r\n\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                { renderTitle('Shipping Cost:') }\r\n                                          </Grid>\r\n\r\n                                          <Grid item xs={ 6 }>\r\n                                                <Typography\r\n                                                      variant='body1'\r\n                                                      sx={ {\r\n                                                            fontWeight: 'bold',\r\n                                                            color: currentShippingInfo ? theme.palette.text.primary : theme.palette.text.disabled,\r\n                                                      } }>\r\n                                                      { currentShippingInfo ? `$${currentShippingInfo.ShippingCost.toFixed(2)}` : 'Calculating...' }\r\n                                                </Typography>\r\n                                          </Grid>\r\n\r\n                                    </Grid>\r\n\r\n                              </Box>\r\n\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default CartReviewOrderShippingMethod;\r\n","import * as React from 'react';\r\nimport { Box, Typography, useTheme } from '@mui/material';\r\nimport { Email, Person, Phone } from '@mui/icons-material';\r\nimport { useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { isNullOrUndefined, notNullOrUndefined, notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\nimport { Fragment } from 'react';\r\nimport CartReviewSummarySectionTitle from './CartReviewSummarySectionTitle';\r\n\r\nconst CartReviewSummaryPersonalDetails: React.FC = () =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const { information } = useCartCheckoutInformation();\r\n\r\n      const userDetails = notNullOrUndefinedOrEmpty(information?.User?.email) ? information?.User : null;\r\n\r\n      const hasPhone = notNullOrUndefined(userDetails) && notNullOrUndefinedOrEmpty(userDetails?.phone);\r\n\r\n      if (!userDetails || isNullOrUndefined(userDetails))\r\n      {\r\n            return (\r\n                  <Box sx={ { marginBottom: '16px', width: '100%' } }>\r\n                        <Typography variant='body1' sx={ { display: 'inline' } }>\r\n                              <strong>Full Name:</strong> Not provided\r\n                        </Typography>\r\n                  </Box>\r\n            )\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <CartReviewSummarySectionTitle text=\"Your Personal Details are\" />\r\n\r\n                  <Box sx={ { padding: '8px 16px', width: '100%' } }>\r\n\r\n                        <Box sx={ { display: 'flex', alignItems: 'center', justifyContent: 'space-between' } }>\r\n\r\n                              <Box sx={ { display: 'flex', alignItems: 'center' } }>\r\n\r\n                                    <Person sx={ { verticalAlign: 'middle', marginRight: '8px', color: theme.palette.primary.light } } />\r\n\r\n                                    <Typography variant='body1' sx={ { display: 'inline', fontWeight: 'bold' } }>\r\n                                          { userDetails.title } { userDetails.firstName } { userDetails.middleName } { userDetails.lastName }\r\n                                    </Typography>\r\n\r\n                              </Box>\r\n\r\n                              <Box sx={ { display: 'flex', alignItems: 'center', } }>\r\n\r\n                                    <Email sx={ { verticalAlign: 'middle', marginRight: '8px', color: theme.palette.primary.light } } />\r\n\r\n                                    <Typography variant='body1' sx={ { display: 'inline', fontWeight: 'bold' } }>\r\n                                          { userDetails.email }\r\n                                    </Typography>\r\n\r\n                              </Box>\r\n\r\n                              { hasPhone && (\r\n                                    <Box sx={ { display: 'flex', alignItems: 'center', } }>\r\n\r\n                                          <Phone sx={ { verticalAlign: 'middle', marginRight: '8px', color: theme.palette.primary.light } } />\r\n\r\n                                          <Typography variant='body1' sx={ { display: 'inline', fontWeight: 'bold' } }>\r\n                                                { userDetails.phone }\r\n                                          </Typography>\r\n\r\n                                    </Box>\r\n                              ) }\r\n\r\n                        </Box>\r\n\r\n                  </Box>\r\n\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default CartReviewSummaryPersonalDetails;\r\n","import * as React from 'react';\r\n\r\nimport { Box, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nexport interface ICartReviewSummarySectionTitleProps\r\n{\r\n      text: string;\r\n}\r\n\r\nconst CartReviewSummarySectionTitle: React.FC<ICartReviewSummarySectionTitleProps> = (props: ICartReviewSummarySectionTitleProps = { text: '' }) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      return (\r\n\r\n            <Typography\r\n                  variant='h6'\r\n                  sx={ {\r\n                        margin: '16px 0 8px 0',\r\n                        padding: '0 8px',\r\n                        color: theme.palette.secondary.contrastText,\r\n                        backgroundColor: theme.palette.secondary.main,\r\n                        fontWeight: 'bold'\r\n                  } } align='justify' gutterBottom>\r\n                  { `${props.text}` }\r\n            </Typography>\r\n\r\n      );\r\n}\r\n\r\nexport default CartReviewSummarySectionTitle;","import * as React from 'react';\r\nimport { Fragment } from 'react';\r\nimport { Box, Grid, Typography, useTheme } from '@mui/material';\r\nimport CartReviewSummarySectionTitle from './CartReviewSummarySectionTitle';\r\nimport { useCartCheckoutTax } from '../../../../../providers/cart/CartCheckoutTaxProvider';\r\n\r\nconst CartReviewSummaryTax: React.FC = () => {\r\n      const theme = useTheme();\r\n\r\n      const { taxAmount } = useCartCheckoutTax();\r\n\r\n      const renderTitle = (text: string) => (\r\n            <Typography\r\n                  variant='body2'\r\n                  sx={ {\r\n                        fontWeight: 'bold',\r\n                        color: theme.palette.primary.light,\r\n                  } }>\r\n                  { text }\r\n            </Typography>\r\n      );\r\n\r\n      if (taxAmount > 0) {\r\n            return (\r\n                  <Fragment>\r\n                        <CartReviewSummarySectionTitle text=\"State Tax\" />\r\n\r\n                        <Grid container spacing={ 2 }>\r\n\r\n                              <Grid item xs={ 6 }>\r\n\r\n                                    <Box sx={ { padding: '8px 16px' } }>\r\n\r\n                                          <Grid container spacing={ 1 } alignItems='baseline'>\r\n\r\n                                                <Grid item xs={ 6 }>\r\n                                                      { renderTitle('Tax Amount:') }\r\n                                                </Grid>\r\n\r\n                                                <Grid item xs={ 6 }>\r\n                                                      <Typography\r\n                                                            variant='body1'\r\n                                                            sx={ {\r\n                                                                  fontWeight: 'bold',\r\n                                                                  color: theme.palette.text.primary,\r\n                                                            } }>\r\n                                                            ${ parseFloat(taxAmount.toFixed(2)) }\r\n                                                      </Typography>\r\n                                                </Grid>\r\n                                          </Grid>\r\n                                    </Box>\r\n                              </Grid>\r\n                        </Grid>\r\n                  </Fragment>\r\n\r\n            );\r\n      }\r\n}\r\n\r\nexport default CartReviewSummaryTax;","import * as React from 'react';\r\nimport { Grid, useTheme } from '@mui/material';\r\nimport { ICartItem } from '../../../../../stores/slices/CartSlice';\r\nimport { getFormattedPrice } from '../../Utilities';\r\nimport CartGridItemTextInfo from '../../components/CartGridItemTextInfo';\r\n\r\ninterface CartReviewSummaryOrderedItemRowProps\r\n{\r\n      index: number;\r\n      cartItem: ICartItem;\r\n}\r\n\r\nconst CartReviewSummaryOrderedItemRow: React.FC<CartReviewSummaryOrderedItemRowProps> = (props: CartReviewSummaryOrderedItemRowProps) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      return (\r\n            <Grid container spacing={ '2px' } alignItems=\"center\" columns={ 18 } sx={ { margin: '2px 0' } }>\r\n                  <CartGridItemTextInfo spacing={ 1 } value={ props.index + 1 } />\r\n                  <CartGridItemTextInfo spacing={ 8 } value={ props.cartItem.selectedProduct.name! } boldText textColor={ `${theme.palette.primary.dark}` } />\r\n                  <CartGridItemTextInfo spacing={ 3 } align='left' variant=\"body2\" value={ props.cartItem.selectedColor.name! } />\r\n                  <CartGridItemTextInfo spacing={ 2 } align='right' variant=\"body2\" value={ getFormattedPrice(props.cartItem.selectedProduct.liquidationPrice!) } />\r\n                  <CartGridItemTextInfo spacing={ 1 } align='right' variant=\"body1\" value={ props.cartItem.quantity } boldText />\r\n                  <CartGridItemTextInfo spacing={ 3 } align='right' variant=\"body1\" value={ getFormattedPrice(props.cartItem.selectedProduct.liquidationPrice! * props.cartItem.quantity) } boldText />\r\n            </Grid>\r\n      );\r\n};\r\n\r\nexport default CartReviewSummaryOrderedItemRow;\r\n","import * as React from 'react';\r\nimport { Box, Grid, Typography, Divider, useTheme } from '@mui/material';\r\nimport { useCart } from '../../../../../providers/cart/CartProvider';\r\nimport { ICartItem } from '../../../../../stores/slices/CartSlice';\r\nimport CartGridItemFooterTextItem from '../../components/CartGridItemFooterTextItem';\r\nimport CartGridItemHeader from '../../components/CartGridItemHeader';\r\nimport { getFormattedPrice } from '../../Utilities';\r\nimport CartReviewSummaryOrderedItemRow from './CartReviewSummaryOrderedItemRow';\r\nimport { Fragment } from 'react';\r\nimport CartReviewSummarySectionTitle from './CartReviewSummarySectionTitle';\r\n\r\nconst CartReviewSummaryOrderedItemsList: React.FC<{}> = () =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const { cartItems } = useCart();\r\n\r\n      const currentCartItems: ICartItem[] = cartItems;\r\n\r\n      const calculateTotalPrice = () =>\r\n      {\r\n            const result = currentCartItems\r\n                  .reduce((total, item) => total + item.selectedProduct.liquidationPrice! * item.quantity, 0)\r\n                  .toFixed(2);\r\n\r\n            return getFormattedPrice(result);\r\n      };\r\n\r\n      const renderColumnHeaders = () => (\r\n            <Grid container spacing={ '2px' } columns={ 18 }>\r\n                  <CartGridItemHeader spacing={ 1 } value=\"No\" />\r\n                  <CartGridItemHeader spacing={ 8 } value=\"Item(s)\" />\r\n                  <CartGridItemHeader spacing={ 3 } value=\"Color\" />\r\n                  <CartGridItemHeader spacing={ 2 } value=\"Price\" align='right' />\r\n                  <CartGridItemHeader spacing={ 1 } value=\"Qty\" align='right' />\r\n                  <CartGridItemHeader spacing={ 3 } value=\"Total\" align='right' />\r\n            </Grid>\r\n      );\r\n\r\n      const renderCartItemsList = () => (\r\n            <Box\r\n                  sx={ {\r\n                        margin: 0,\r\n                        padding: 0,\r\n                  } }>\r\n\r\n                  { currentCartItems.map((item, index) => (\r\n                        <CartReviewSummaryOrderedItemRow key={ `orderedItemRow_${item.id.productId}_${item.id.colorId}_${index}` } cartItem={ item } index={ index } />\r\n                  )) }\r\n\r\n            </Box>\r\n      );\r\n\r\n      const renderTotals = () => (\r\n            <Grid\r\n                  container\r\n                  spacing={ '2px' }\r\n                  alignItems=\"center\"\r\n                  columns={ 18 }>\r\n                  <CartGridItemFooterTextItem spacing={ 14 } text=\"TOTAL PRICE:\" isBold=\"bold\" />\r\n                  <CartGridItemFooterTextItem spacing={ 4 } text={ calculateTotalPrice() } align=\"right\" isBold=\"bold\" />\r\n            </Grid>\r\n      );\r\n\r\n      const renderCartItems = () =>\r\n      {\r\n            if (currentCartItems.length === 0)\r\n            {\r\n                  return (\r\n                        <Box>\r\n                              <Typography variant=\"h5\" align=\"center\">\r\n                                    No Items to Review\r\n                              </Typography>\r\n                        </Box>\r\n                  );\r\n            }\r\n\r\n            return (\r\n                  <Box aria-label=\"checkOutCartSummaryInnerBox\"\r\n                        sx={ {\r\n                              margin: 0,\r\n                              padding: 0,\r\n                        } }>\r\n\r\n                        { renderColumnHeaders() }\r\n                        { renderCartItemsList() }\r\n\r\n                        <Divider sx={ { margin: '8px 0px' } } />\r\n\r\n                        { renderTotals() }\r\n\r\n                  </Box>\r\n            );\r\n      };\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <CartReviewSummarySectionTitle text=\"You ordered the following items\" />\r\n\r\n                  <Box aria-label=\"checkOutCartSummaryOuterBox\"\r\n                        sx={ {\r\n                              margin: 0,\r\n                              padding: '8px 16px',\r\n                        } }>\r\n\r\n                        { renderCartItems() }\r\n\r\n                  </Box>\r\n\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default CartReviewSummaryOrderedItemsList;\r\n","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\n\r\nimport { Box, Button, Theme, useTheme } from '@mui/material';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport { getContrastText } from '../../../../../theming/ThemeUtilities';\r\n\r\nexport interface ICheckOutAccountActionButtonProps\r\n{\r\n      text: string;\r\n      isDisabled?: boolean;\r\n      isSubmit?: boolean;\r\n\r\n      backgroundColor?: string;\r\n\r\n      handleClick: (event: React.MouseEvent<HTMLButtonElement>) => void;\r\n}\r\n\r\nconst CheckOutAccountActionButton: React.FC<ICheckOutAccountActionButtonProps> = (props: ICheckOutAccountActionButtonProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const [ buttonDisabled, setButtonDisabled ] = useState<boolean>(props.isDisabled!);\r\n      const [ isSubmittingButton, setIsSubmittingButton ] = useState<boolean>(false);\r\n\r\n      const [ currentTextColor, setCurrentTextColor ] = useState<string>(theme.palette.secondary.contrastText);\r\n      const [ currentBackgroundColor, setCurrentBackgroundColor ] = useState<string>(theme.palette.secondary.main);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setButtonDisabled(false);\r\n\r\n            if (notNullOrUndefined(props.isDisabled) && props.isDisabled)\r\n            {\r\n                  setButtonDisabled(true);\r\n            }\r\n\r\n      }, [ props.isDisabled ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setIsSubmittingButton(false);\r\n\r\n            if (notNullOrUndefined(props.isSubmit) && props.isSubmit)\r\n            {\r\n                  setIsSubmittingButton(true);\r\n            }\r\n      }, [ props.isSubmit ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentBackgroundColor(theme.palette.secondary.main);\r\n\r\n            if (notNullOrUndefined(props.backgroundColor))\r\n            {\r\n                  setCurrentBackgroundColor(props.backgroundColor!);\r\n            }\r\n\r\n      }, [ props.backgroundColor ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            const result = getContrastText(currentBackgroundColor);\r\n\r\n            if (notNullOrUndefined(result))\r\n            {\r\n                  setCurrentTextColor(result!);\r\n            }\r\n\r\n      }, [ currentBackgroundColor ]);\r\n\r\n      return (\r\n            <Box sx={ { flexShrink: 0 } }>\r\n                  <Button\r\n                        disabled={ buttonDisabled }\r\n                        type={ isSubmittingButton ? 'submit' : 'button' }\r\n                        fullWidth\r\n                        variant='contained'\r\n                        size='large'\r\n                        sx={ {\r\n                              fontWeight: 'bold',\r\n                              marginTop: '16px',\r\n                              color: currentTextColor,\r\n                              backgroundColor: currentBackgroundColor,\r\n                              opacity: buttonDisabled ? 0.25 : 0.8,\r\n                              borderRadius: '4px',\r\n                              '&:hover': {\r\n                                    color: currentTextColor,\r\n                                    backgroundColor: currentBackgroundColor,\r\n                                    opacity: buttonDisabled ? 0.25 : 1,\r\n                              },\r\n                        } }\r\n                        onClick={ props.handleClick }>\r\n                        { props.text }\r\n                  </Button>\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default CheckOutAccountActionButton;","import * as React from 'react';\r\nimport { Box, Divider, Theme, Typography, useTheme } from '@mui/material';\r\nimport { useEffect, useState } from 'react';\r\nimport { notNullOrUndefined, notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\n\r\nexport interface ICheckOutActionTitleProps\r\n{\r\n      title: string;\r\n      useDivider?: boolean;\r\n      textColor?: string;\r\n      bold?: boolean;\r\n      minHeight?: number;\r\n}\r\n\r\nconst CheckOutActionTitle: React.FC<ICheckOutActionTitleProps> = (props: ICheckOutActionTitleProps = { title: '' }) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const [ currentTextColor, setCurrentTextColor ] = useState<string>(theme.palette.secondary.main);\r\n      const [ minHeight, setMinHeight ] = useState<number>(80);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentTextColor(theme.palette.secondary.main);\r\n\r\n            if (notNullOrUndefinedOrEmpty(props.textColor))\r\n            {\r\n                  setCurrentTextColor(props.textColor!);\r\n            }\r\n\r\n      }, [ props.textColor ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setMinHeight(80);\r\n\r\n            if (notNullOrUndefined(props.minHeight) && props.minHeight! >= 0)\r\n            {\r\n                  setMinHeight(props.minHeight!);\r\n            }\r\n\r\n      }, [ props.minHeight ]);\r\n\r\n      const currentHeight: string = minHeight > 0 ? `${minHeight}px` : '0';\r\n\r\n      return (\r\n\r\n            <Box sx={ { flexShrink: 0, minHeight: `${currentHeight}` } }>\r\n                  <Typography variant='h4' sx={ {\r\n                        padding: '8px 4px 16px 4px',\r\n                        color: currentTextColor,\r\n                        textAlign: 'center',\r\n                        fontWeight: props.bold ? 'bold' : 'normal',\r\n                        fontSize: '1.75rem'\r\n                  } }>\r\n                        { props.title }\r\n                  </Typography>\r\n\r\n                  { props.useDivider && <Divider sx={ { margin: '8px 0px' } } /> }\r\n\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default CheckOutActionTitle;","import * as React from 'react';\r\nimport { Typography, useTheme, Theme, Box } from '@mui/material';\r\nimport CheckOutAccountActionButton from './CheckOutAccountActionButton';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\n\r\nexport interface ICheckOutAsGuestProps {\r\n      handleContinueAsGuest: () => void;\r\n}\r\n\r\nconst CheckOutAsGuest: React.FC<ICheckOutAsGuestProps> = (props: ICheckOutAsGuestProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const onButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n            if (props.handleContinueAsGuest) {\r\n                  props.handleContinueAsGuest();\r\n            }\r\n      }\r\n\r\n      return (\r\n            <Box maxWidth='sm' sx={ { display: 'flex', flexDirection: 'column', height: '100%', margin: 0, padding: 0 } }>\r\n\r\n                  <CheckOutActionTitle title='Continue As Guest' />\r\n\r\n                  <Box sx={ { flexGrow: 1, display: 'flex', alignItems: 'flex-start', justifyContent: 'flex-start', flexDirection: 'column' } }>\r\n                        <Typography variant='body1' sx={ { marginBottom: '8px', color: theme.palette.text.primary, fontWeight: 'bold' } } align='justify' gutterBottom>\r\n                              Choosing to continue as a guest allows you to quickly proceed with your purchase without creating an account.\r\n                        </Typography>\r\n                        <Typography variant='body1' sx={ { color: theme.palette.text.primary } } align='justify' gutterBottom>\r\n                              This option is ideal for one-time purchases or if you prefer not to save your details for future use.\r\n                              However, please note that you won't be able to track your order history until you make an account.\r\n                        </Typography>\r\n                  </Box>\r\n\r\n                  <CheckOutAccountActionButton text='Continue as Guest' backgroundColor='#FFA500' handleClick={ onButtonClick } />\r\n\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default CheckOutAsGuest;","import * as React from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { Grid, Link, Box, useTheme } from '@mui/material';\r\nimport { ICartItem } from '../../../../../stores/slices/CartSlice';\r\nimport {slugify, toCamelCase} from '../../../../../utilities/StringUtils';\r\n\r\ninterface ICheckOutCartGridItemProductRowProps\r\n{\r\n      spacing: number;\r\n      cartItem: ICartItem;\r\n}\r\n\r\nconst CheckOutCartGridItemProductRow: React.FC<ICheckOutCartGridItemProductRowProps> = ({ spacing, cartItem }) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const navigate = useNavigate();\r\n\r\n      const handleProductClick = (cartItem: ICartItem) =>\r\n      {\r\n            const productId = cartItem.selectedProduct.id!;\r\n            const colorId = cartItem.selectedColor.id!;\r\n            const productName = cartItem.selectedProduct.name!;\r\n\r\n            navigate(`/products/${slugify(productName)}`, {\r\n                  state: {\r\n                        productId: productId,\r\n                        colorId: colorId,\r\n                  }\r\n            });\r\n      };\r\n\r\n      return (\r\n            <Grid item xs={ spacing }>\r\n                  <Box display=\"flex\" alignItems=\"center\" justifyContent=\"space-between\">\r\n                        <Link component=\"button\" variant=\"body2\" fontWeight=\"bold\" onClick={ () => handleProductClick(cartItem) }>\r\n                              { cartItem.selectedProduct.name }\r\n                        </Link>\r\n\r\n                  </Box>\r\n            </Grid>\r\n      );\r\n};\r\n\r\nexport default CheckOutCartGridItemProductRow;\r\n","import * as React from 'react';\r\nimport { Grid, useTheme } from '@mui/material';\r\nimport { ICartItem } from '../../../../../stores/slices/CartSlice';\r\nimport { getFormattedPrice } from '../../Utilities';\r\nimport CartGridItemTextInfo from '../../components/CartGridItemTextInfo';\r\nimport CheckOutCartGridItemProductRow from './CheckOutCartGridItemProductRow';\r\n\r\ninterface CheckOutCartGridItemRowProps\r\n{\r\n      cartItem: ICartItem;\r\n      index: number;\r\n}\r\n\r\nconst CheckOutCartGridItemRow: React.FC<CheckOutCartGridItemRowProps> = ({ cartItem, index }) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      return (\r\n            <Grid container spacing={ '2px' } alignItems=\"center\" columns={ 24 } sx={ { margin: '2px 0' } }>\r\n                  <CartGridItemTextInfo spacing={ 1 } value={ index + 1 } />\r\n                  <CheckOutCartGridItemProductRow spacing={ 10 } cartItem={ cartItem } />\r\n                  <CartGridItemTextInfo spacing={ 2 } align='right' variant=\"body2\" value={ getFormattedPrice(cartItem.selectedProduct.liquidationPrice!) } />\r\n                  <CartGridItemTextInfo spacing={ 3 } align='right' variant=\"body1\" value={ cartItem.quantity } boldText />\r\n                  <CartGridItemTextInfo spacing={ 4 } align='right' variant=\"body2\" value={ getFormattedPrice((cartItem.selectedProduct.regularPrice! - cartItem.selectedProduct.liquidationPrice!) * cartItem.quantity) } textColor={ theme.palette.error.main } />\r\n                  <CartGridItemTextInfo spacing={ 4 } align='right' variant=\"body1\" value={ getFormattedPrice(cartItem.selectedProduct.liquidationPrice! * cartItem.quantity) } boldText />\r\n            </Grid>\r\n      );\r\n};\r\n\r\nexport default CheckOutCartGridItemRow;\r\n","import * as React from 'react';\r\nimport { Button } from '@mui/material';\r\nimport { SvgIconComponent } from '@mui/icons-material';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\n\r\nexport interface ICheckOutStepNavigationButtonProps\r\n{\r\n      label: string;\r\n      color: 'primary' | 'secondary' | 'error' | 'success' | 'warning' | 'info';\r\n      variant?: 'outlined' | 'contained';\r\n      icon?: SvgIconComponent;\r\n      iconPosition?: 'left' | 'right';\r\n      disabled?: boolean;\r\n\r\n      onClick: () => void;\r\n}\r\n\r\nconst CheckOutStepNavigationButton: React.FC<ICheckOutStepNavigationButtonProps> = (props: ICheckOutStepNavigationButtonProps): React.JSX.Element =>\r\n{\r\n      const {\r\n            disabled = false, // Default value set to false\r\n            label,\r\n            color,\r\n            icon: Icon,\r\n            iconPosition,\r\n            onClick,\r\n      } = props;\r\n\r\n      const variant = notNullOrUndefined(props.variant) ?\r\n            props.variant : 'contained';\r\n\r\n      return (\r\n            <Button\r\n                  variant={ variant }\r\n                  color={ color }\r\n                  size=\"large\"\r\n                  onClick={ onClick }\r\n                  disabled={ disabled }\r\n                  sx={ {\r\n                        margin: '8px',\r\n                        minWidth: '220px',\r\n                        fontSize: '1.25rem',\r\n                        fontWeight: 'bold',\r\n                        borderRadius: '4px',\r\n                  } }\r\n                  startIcon={ iconPosition === 'left' && Icon ? <Icon /> : null }\r\n                  endIcon={ iconPosition === 'right' && Icon ? <Icon /> : null }\r\n            >\r\n                  { label }\r\n            </Button>\r\n      );\r\n};\r\n\r\nexport default CheckOutStepNavigationButton;\r\n","import * as React from 'react';\r\n\r\n\r\nimport { Box, Grid, Theme, useTheme } from '@mui/material';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\n\r\nexport interface ICheckoutAccountAddressInformationFieldsChildrenProps\r\n{\r\n      children?: React.ReactNode;\r\n}\r\n\r\nconst CheckoutAccountAddressInformationFieldsChildren: React.FC<ICheckoutAccountAddressInformationFieldsChildrenProps> = (props: ICheckoutAccountAddressInformationFieldsChildrenProps = { children: null }) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const childrenContent: React.ReactNode | string = notNullOrUndefined(props.children)\r\n            ? props.children\r\n            : ' ';\r\n\r\n      return (\r\n            <Grid item\r\n                  xs={ 12 }\r\n                  sx={ {\r\n                        display: 'flex',\r\n                        flexDirection: 'column',\r\n                        minHeight: '72px',\r\n                        padding: 0,\r\n                        margin: 0,\r\n                  } }>\r\n\r\n                  <Box\r\n                        sx={ {\r\n                              display: 'flex',\r\n                              flexDirection: 'row',\r\n                              flexGrow: 1,\r\n                              alignItems: 'center', // Center vertically\r\n                              justifyContent: 'flex-start', // Align to the left horizontally\r\n                              padding: 0,\r\n                              margin: 0,\r\n                        } }>\r\n\r\n                        { childrenContent }\r\n\r\n                  </Box>\r\n\r\n            </Grid>\r\n      );\r\n}\r\n\r\nexport default CheckoutAccountAddressInformationFieldsChildren;","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { Field, FieldProps } from 'formik';\r\n\r\nimport { CircularProgress, MenuItem, TextField, Theme, useTheme } from '@mui/material';\r\n\r\nimport { restApiUSStates } from '../../../../../stores/api/Generated/Endpoints/RestApiUSStates';\r\nimport { IRestApiUSStateDTO } from '../../../../../stores/api/Generated/Entities/RestApiUSStateDTO';\r\n\r\n\r\nexport interface ICheckoutInformationFormStateSelectFieldProps\r\n{\r\n      name: string;\r\n      label: string;\r\n      error?: boolean;\r\n      helperText?: string;\r\n      defaultValue?: string;\r\n      readOnly?: boolean;\r\n      onChange: (e: React.ChangeEvent<any>) => void;\r\n}\r\n\r\ninterface IUSState\r\n{\r\n      value: string;\r\n      label: string;\r\n}\r\n\r\nconst CheckoutInformationFormStateSelectField: React.FC<ICheckoutInformationFormStateSelectFieldProps> = (props: ICheckoutInformationFormStateSelectFieldProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { name, label, error, helperText, defaultValue, readOnly, onChange } = props;\r\n\r\n      const { data, error: loadingError, isLoading } = restApiUSStates.hooks.queries.getAllStates();\r\n\r\n      const [ options, setOptions ] = React.useState<IUSState[]>([]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (data)\r\n            {\r\n                  const outStates: IUSState[] = Object.values(data)\r\n                        .filter((state) => state.shippingRates && state.shippingRates.length > 0)\r\n                        .map((state) => ({\r\n                              value: state.abbreviation ?? '',\r\n                              label: state.name ?? '',\r\n                        }))\r\n                        .sort((a, b) => (a.label.localeCompare(b.label)));\r\n\r\n                  setOptions(outStates);\r\n            }\r\n\r\n      }, [ data ]);\r\n\r\n      const disabled = isLoading || !options || options.length === 0;\r\n\r\n      if (disabled)\r\n      {\r\n            return <CircularProgress\r\n                  size={ 'small' }\r\n                  color={ 'secondary' }\r\n            />;\r\n      }\r\n\r\n      return (\r\n\r\n            <Field name={ name }>\r\n                  { ({ field, form }: FieldProps) => (\r\n                        <TextField\r\n                              { ...field }\r\n                              select\r\n                              fullWidth\r\n                              label={ label }\r\n                              error={ error }\r\n                              helperText={ helperText || '' }\r\n                              disabled={ disabled }\r\n                              onChange={ (e: React.ChangeEvent<any>) =>\r\n                              {\r\n                                    field.onChange(e);\r\n                                    onChange(e);\r\n                              } }\r\n                              value={ field.value || defaultValue } // Set default value\r\n                              SelectProps={ {\r\n                                    readOnly: readOnly, // Make select field read-only\r\n                                    style: { fontWeight: 'bold' }, // Make the text bold\r\n                              } }>\r\n                              { !disabled && options.map((option) => (\r\n                                    <MenuItem key={ option.value } value={ option.value }>\r\n                                          { option.label }\r\n                                    </MenuItem>\r\n                              )) }\r\n\r\n                              { disabled && (\r\n                                    <MenuItem key={ 'noState' } value={ '' }>\r\n                                          { `Please Wait...` }\r\n                                    </MenuItem>\r\n                              ) }\r\n                        </TextField>\r\n                  ) }\r\n            </Field>\r\n\r\n      );\r\n}\r\n\r\nexport default CheckoutInformationFormStateSelectField;","import * as React from 'react';\r\nimport { Box, Grid, Theme, useTheme } from '@mui/material';\r\nimport { FormikProps, Form } from 'formik';\r\n\r\nimport CheckoutInformationFormStringField from './CheckoutInformationFormStringField';\r\nimport CheckoutInformationFormSelectField from './CheckoutInformationFormSelectField';\r\n\r\nimport { ICheckoutWizardUserAddress } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport CheckoutAccountAddressInformationFieldsChildren from './CheckoutAccountAddressInformationFieldsChildren';\r\nimport CheckoutInformationFormStateSelectField from './CheckoutInformationFormStateSelectField';\r\nimport { useUSState } from '../../../../../providers/USStateProvider';\r\n\r\ninterface CheckoutAccountAddressInformationFieldsProps {\r\n      formik: FormikProps<ICheckoutWizardUserAddress>;\r\n      children?: React.ReactNode;\r\n\r\n      handleFormChange: () => void;\r\n}\r\n\r\nconst CheckoutAccountAddressInformationFields: React.FC<CheckoutAccountAddressInformationFieldsProps> = (props: CheckoutAccountAddressInformationFieldsProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const { getStateByAbbreviation } = useUSState();\r\n\r\n      const { formik, children, handleFormChange } = props;\r\n\r\n      const handleChange = (event: React.ChangeEvent<any>) => {\r\n            formik.handleChange(event);\r\n\r\n            handleFormChange();\r\n      };\r\n\r\n      return (\r\n            <Form>\r\n                  <Grid container spacing={ 2 }>\r\n\r\n                        <CheckoutAccountAddressInformationFieldsChildren>\r\n\r\n                              { children }\r\n\r\n                        </CheckoutAccountAddressInformationFieldsChildren>\r\n\r\n                        <Grid item xs={ 12 }>\r\n\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"addressLine1\"\r\n                                    label=\"Address Line 1\"\r\n                                    error={ formik.touched.addressLine1 && !!formik.errors.addressLine1 }\r\n                                    helperText={ formik.touched.addressLine1 ? formik.errors.addressLine1 : '' }\r\n                                    size='small'\r\n                                    onChange={ handleChange }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 12 }>\r\n\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"addressLine2\"\r\n                                    label=\"Address Line 2\"\r\n                                    size='small'\r\n                                    onChange={ handleChange }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 12 }>\r\n\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"addressLine3\"\r\n                                    label=\"Address Line 3\"\r\n                                    size='small'\r\n                                    onChange={ handleChange }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"city\"\r\n                                    label=\"City\"\r\n                                    error={ formik.touched.city && !!formik.errors.city }\r\n                                    helperText={ formik.touched.city ? formik.errors.city : '' }\r\n                                    onChange={ handleChange }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <CheckoutInformationFormStateSelectField\r\n                                    name=\"stateAbbreviation\"\r\n                                    label=\"State\"\r\n                                    error={ formik.touched.stateAbbreviation && !!formik.errors.stateAbbreviation }\r\n                                    helperText={ formik.touched.stateAbbreviation ? formik.errors.stateAbbreviation : '' }\r\n                                    onChange={ (event) => {\r\n                                          formik.setFieldValue('stateAbbreviation', event.target.value);\r\n                                          formik.setFieldValue('state', getStateByAbbreviation(event.target.value)?.label);\r\n                                    } }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"postalCode\"\r\n                                    label=\"Postal Code\"\r\n                                    error={ formik.touched.postalCode && !!formik.errors.postalCode }\r\n                                    helperText={ formik.touched.postalCode ? formik.errors.postalCode : '' }\r\n                                    onChange={ handleChange }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <CheckoutInformationFormSelectField\r\n                                    name=\"country\"\r\n                                    label=\"Country\"\r\n                                    error={ formik.touched.country && !!formik.errors.country }\r\n                                    helperText={ formik.touched.country ? formik.errors.country : '' }\r\n                                    options={ [\r\n                                          { value: 'US', label: 'United States' } // ONLY US will ever be supported\r\n                                    ] }\r\n                                    onChange={ handleChange }\r\n                                    defaultValue=\"US\"\r\n                                    readOnly={ false } // Make the field read-only\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n\r\n            </Form>\r\n      );\r\n};\r\n\r\nexport default CheckoutAccountAddressInformationFields;\r\n","import * as React from 'react';\r\nimport { useEffect, Fragment } from 'react';\r\nimport { Formik, FormikProps } from 'formik';\r\n\r\nimport UserAddressValidator from '../../../../../validators/UserAddressValidator'\r\n\r\nimport { ICheckoutWizardUserAddress, useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\nimport CheckoutAccountAddressInformationFields from './CheckoutAccountAddressInformationFields';\r\nimport { RestApiUserAddressType } from '../../../../../stores/api/Generated/Entities/RestApiUserAddressType';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport { getCurrentAddressFromType } from '../../Utilities';\r\n\r\nexport interface ICheckoutAccountAddressInformationProps\r\n{\r\n      addressType: 'Billing' | 'Shipping';\r\n\r\n      children?: React.ReactNode;\r\n\r\n      updateAddress?: (isValid: boolean, targetType: 'Billing' | 'Shipping', address: ICheckoutWizardUserAddress) => void;\r\n}\r\n\r\nconst CheckoutAccountAddressInformation: React.FC<ICheckoutAccountAddressInformationProps> = (props: ICheckoutAccountAddressInformationProps) =>\r\n{\r\n      const { information } = useCartCheckoutInformation();\r\n\r\n      const [ address, setAddress ] = React.useState<ICheckoutWizardUserAddress | undefined>(getCurrentAddressFromType(information.Addresses, props.addressType));\r\n\r\n      useEffect(() =>\r\n      {\r\n            setAddress(getCurrentAddressFromType(information.Addresses, props.addressType));\r\n\r\n      }, [ information?.Addresses ]);\r\n\r\n      const getInitialValues = (type: 'Billing' | 'Shipping'): ICheckoutWizardUserAddress =>\r\n      {\r\n            return {\r\n                  type: type as RestApiUserAddressType,\r\n                  addressLine1: '',\r\n                  addressLine2: '',\r\n                  addressLine3: '',\r\n                  city: '',\r\n                  state: '',\r\n                  postalCode: '',\r\n                  country: 'US'\r\n            };\r\n      }\r\n\r\n      const handleFormChange = async (values: ICheckoutWizardUserAddress, validateForm: FormikProps<ICheckoutWizardUserAddress>[ 'validateForm' ]) =>\r\n      {\r\n            const errors = await validateForm();\r\n            const isValid = Object.keys(errors).length === 0;\r\n\r\n            setAddress(values);\r\n\r\n            if (props.updateAddress)\r\n            {\r\n                  props.updateAddress(isValid, props.addressType, values);\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <CheckOutActionTitle title={ `${props.addressType} Address` } minHeight={ 72 } useDivider />\r\n\r\n                  <Formik\r\n                        initialValues={ address || getInitialValues(props.addressType) }\r\n                        enableReinitialize\r\n                        validationSchema={ UserAddressValidator.schema }\r\n                        validateOnMount\r\n                        onSubmit={ () => { } }>\r\n\r\n                        { (formik: FormikProps<ICheckoutWizardUserAddress>) =>\r\n                        {\r\n                              useEffect(() =>\r\n                              {\r\n                                    handleFormChange(formik.values, formik.validateForm);\r\n                              }, [ formik.values ]);\r\n\r\n                              return (\r\n                                    <CheckoutAccountAddressInformationFields\r\n                                          formik={ formik }\r\n                                          handleFormChange={ () => handleFormChange(formik.values, formik.validateForm) }>\r\n\r\n                                          { props.children }\r\n\r\n                                    </CheckoutAccountAddressInformationFields>\r\n                              );\r\n                        } }\r\n                  </Formik>\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default CheckoutAccountAddressInformation;\r\n","import * as React from 'react';\r\nimport { TextField, TextFieldPropsSizeOverrides, useTheme } from '@mui/material';\r\nimport { OverridableStringUnion } from '@mui/types';\r\nimport { useEffect } from 'react';\r\nimport { notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\n\r\ninterface CheckoutInformationFormStringFieldProps\r\n{\r\n      label: string;\r\n      value?: string | null;\r\n      size?: OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides> | undefined;\r\n}\r\n\r\nconst CheckoutInformationFormReadOnlyStringField: React.FC<CheckoutInformationFormStringFieldProps> = (props: CheckoutInformationFormStringFieldProps) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const [ currentValue, setCurrentValue ] = React.useState<string>('');\r\n      const [ currentSize, setCurrentSize ] = React.useState<OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides> | undefined>(undefined);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (notNullOrUndefinedOrEmpty(props.value))\r\n            {\r\n                  setCurrentValue(props.value!);\r\n            }\r\n\r\n      }, [ props.value ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentSize(props.size!);\r\n\r\n      }, [ props.size ]);\r\n\r\n      return (\r\n            <TextField\r\n                  variant=\"outlined\"\r\n                  label={ props.label }\r\n                  value={ currentValue.trim() }\r\n                  fullWidth\r\n                  size={ currentSize }\r\n                  InputProps={ {\r\n                        readOnly: true,\r\n                        sx: {\r\n                              fontWeight: 'bold', // Ensures text is bold\r\n                              fontStyle: 'italic', // Ensures text is italic\r\n\r\n                              '& .MuiInputBase-input.Mui-disabled': {\r\n                                    WebkitTextFillColor: theme.palette.commonColors?.Gray.H700.main, // Ensures text color is not greyed out\r\n                              },\r\n\r\n                              '& .MuiInputBase-root': {\r\n                                    cursor: 'default', // Ensures cursor is default\r\n                              },\r\n\r\n                              '& .MuiInputBase-root.Mui-disabled': {\r\n                                    backgroundColor: 'transparent', // Ensures background is transparent\r\n                                    borderColor: 'transparent', // Ensures border is transparent\r\n                              },\r\n                        },\r\n                  } }\r\n                  disabled // Ensures no interaction\r\n            />\r\n      );\r\n};\r\n\r\nexport default CheckoutInformationFormReadOnlyStringField;\r\n","import * as React from 'react';\r\nimport { Grid, Theme, useTheme } from '@mui/material';\r\nimport { FormikProps, Form } from 'formik';\r\n\r\nimport CheckoutInformationFormReadOnlyStringField from './CheckoutInformationFormReadOnlyStringField';\r\nimport CheckoutInformationFormSelectField from './CheckoutInformationFormSelectField';\r\n\r\nimport { ICheckoutWizardUserAddress } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport CheckoutAccountAddressInformationFieldsChildren from './CheckoutAccountAddressInformationFieldsChildren';\r\n\r\ninterface CheckoutAccountAddressInformationFieldsProps\r\n{\r\n      address: ICheckoutWizardUserAddress | undefined;\r\n      children?: React.ReactNode;\r\n}\r\n\r\nconst CheckoutAccountAddressInformationReadOnlyFields: React.FC<CheckoutAccountAddressInformationFieldsProps> = (props: CheckoutAccountAddressInformationFieldsProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { address, children } = props;\r\n\r\n      return (\r\n\r\n            <Grid container spacing={ 2 }>\r\n\r\n                  <CheckoutAccountAddressInformationFieldsChildren>\r\n\r\n                        { children }\r\n\r\n                  </CheckoutAccountAddressInformationFieldsChildren>\r\n\r\n                  <Grid item xs={ 12 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ address?.addressLine1 }\r\n                              label=\"Address Line 1\"\r\n                              size='small'\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n                  <Grid item xs={ 12 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ address?.addressLine2 }\r\n                              label=\"Address Line 2\"\r\n                              size='small'\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n                  <Grid item xs={ 12 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ address?.addressLine3 }\r\n                              label=\"Address Line 3\"\r\n                              size='small'\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n                  <Grid item xs={ 6 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ address?.city }\r\n                              label=\"City\"\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n                  <Grid item xs={ 6 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ address?.state }\r\n                              label=\"State\"\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n                  <Grid item xs={ 6 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ address?.postalCode }\r\n                              label=\"Postal Code\"\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n                  <Grid item xs={ 6 }>\r\n\r\n                        <CheckoutInformationFormReadOnlyStringField\r\n                              value={ 'United States' }\r\n                              label=\"Country\"\r\n                        />\r\n\r\n                  </Grid>\r\n\r\n            </Grid>\r\n      );\r\n};\r\n\r\nexport default CheckoutAccountAddressInformationReadOnlyFields;\r\n","import * as React from 'react';\r\nimport { Fragment, useEffect } from 'react';\r\n\r\nimport { ICheckoutWizardUserAddress, ICheckoutWizardUserAddresses, useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\nimport CheckoutAccountAddressInformationReadOnlyFields from './CheckoutAccountAddressInformationReadOnlyFields';\r\nimport { getCurrentAddressFromType } from '../../Utilities';\r\n\r\nexport interface ICheckoutAccountAddressInformationProps\r\n{\r\n      addressType: 'Billing' | 'Shipping';\r\n\r\n      children?: React.ReactNode;\r\n}\r\n\r\nconst CheckoutAccountReadOnlyAddressInformation: React.FC<ICheckoutAccountAddressInformationProps> = (props: ICheckoutAccountAddressInformationProps) =>\r\n{\r\n      const { information } = useCartCheckoutInformation();\r\n\r\n      const [ address, setAddress ] = React.useState<ICheckoutWizardUserAddress | undefined>(getCurrentAddressFromType(information.Addresses, props.addressType));\r\n\r\n      useEffect(() =>\r\n      {\r\n            setAddress(getCurrentAddressFromType(information.Addresses, props.addressType));\r\n\r\n      }, [ information ]);\r\n\r\n      const getAddressTitleFromType = (targetType: 'Billing' | 'Shipping'): string =>\r\n      {\r\n            switch (targetType)\r\n            {\r\n                  case 'Billing': return 'Billing Address';\r\n                  case 'Shipping': return 'Shipping Address';\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Fragment>\r\n                  <CheckOutActionTitle title={ getAddressTitleFromType(props.addressType) } minHeight={ 72 } useDivider />\r\n\r\n                  <CheckoutAccountAddressInformationReadOnlyFields address={ address }>\r\n\r\n                        { props.children }\r\n\r\n                  </CheckoutAccountAddressInformationReadOnlyFields>\r\n\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default CheckoutAccountReadOnlyAddressInformation;\r\n","import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\n\r\nimport CheckoutAccountAddressInformation from './CheckoutAccountAddressInformation';\r\nimport { ActualAddressType, ICheckoutWizardUserAddress, useCartCheckoutInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { useAuth } from '../../../../../providers/AuthProvider';\r\nimport CheckoutAccountReadOnlyAddressInformation from './CheckoutAccountReadOnlyAddressInformation';\r\nimport { isNullOrUndefined, notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport { IRestApiUserAddressesDTO } from '../../../../../stores/api/Generated/Entities/RestApiUserAddressesDTO';\r\nimport CheckoutAccountAddressInformationContentControls from './CheckoutAccountAddressInformationContentControls';\r\nimport { isAddressValid } from '../../Utilities';\r\nimport { useCartCheckout } from '../../../../../providers/cart/CartCheckoutProvider';\r\n\r\nexport interface ICheckoutAccountShippingAddressInformationProps\r\n{\r\n      targetType: 'Shipping' | 'Billing';\r\n      addressPool?: IRestApiUserAddressesDTO;\r\n      onUpdate: (isValid: boolean, targetType: 'Billing' | 'Shipping', updatedAddress: ICheckoutWizardUserAddress) => void;\r\n}\r\n\r\nconst CheckoutAccountAddressInformationContent: React.FC<ICheckoutAccountShippingAddressInformationProps> = (props: ICheckoutAccountShippingAddressInformationProps) =>\r\n{\r\n      const { targetType, addressPool } = props;\r\n\r\n      const { information, setAddressInformation } = useCartCheckoutInformation();\r\n\r\n      const { loggedIn, user } = useAuth();\r\n\r\n      const [ isReadOnly, setIsReadOnly ] = useState<boolean>(false);\r\n\r\n      const selectAddressFromSelection = (selection: ActualAddressType | string, type: ActualAddressType | string): ICheckoutWizardUserAddress | undefined =>\r\n      {\r\n            if (loggedIn && notNullOrUndefined(addressPool))\r\n            {\r\n                  if (selection === 'Primary' && notNullOrUndefined(addressPool!.primary))\r\n                  {\r\n                        return addressPool!.primary;\r\n                  }\r\n\r\n                  if (selection === 'Shipping' && notNullOrUndefined(addressPool!.shipping))\r\n                  {\r\n                        return addressPool!.shipping;\r\n                  }\r\n\r\n                  if (selection === 'Billing' && notNullOrUndefined(addressPool!.billing))\r\n                  {\r\n                        return addressPool!.billing;\r\n                  }\r\n\r\n                  return undefined\r\n            }\r\n\r\n            if (targetType === 'Shipping' && selection === 'SameAsBilling' && notNullOrUndefined(information?.Addresses?.billing))\r\n            {\r\n                  return information?.Addresses?.billing;\r\n            }\r\n      }\r\n\r\n      const onSelectionUpdate = (type: ActualAddressType | string, selection: ActualAddressType | string) =>\r\n      {\r\n            let selectedAddress = selectAddressFromSelection(selection, type);\r\n\r\n            if (isNullOrUndefined(selectedAddress))\r\n            {\r\n                  return;\r\n            }\r\n\r\n            onUpdate(isAddressValid(selectedAddress), targetType, selectedAddress!);\r\n      }\r\n\r\n      const onUpdate = (isValid: boolean, targetType: 'Billing' | 'Shipping', updatedAddress: ICheckoutWizardUserAddress) =>\r\n      {\r\n            setAddressInformation(targetType, updatedAddress);\r\n\r\n            if (props.onUpdate) {\r\n                  props.onUpdate(isValid, props.targetType, updatedAddress);\r\n            }\r\n      }\r\n\r\n      if (isReadOnly)\r\n      {\r\n            return (\r\n                  <CheckoutAccountReadOnlyAddressInformation\r\n                        addressType={ targetType }>\r\n\r\n                        {/* <CheckoutAccountAddressInformationContentControls\r\n                              targetType={ targetType }\r\n                              onSelectionChanged={ (type, selection) =>\r\n                              {\r\n                                    onSelectionUpdate(type, selection);\r\n                              } } /> */}\r\n\r\n                  </CheckoutAccountReadOnlyAddressInformation>\r\n            );\r\n      }\r\n\r\n      return (\r\n\r\n            <CheckoutAccountAddressInformation\r\n                        updateAddress={onUpdate}      \r\n                        addressType={ targetType }>\r\n\r\n\r\n                  {/* <CheckoutAccountAddressInformationContentControls\r\n                        targetType={ targetType }\r\n                        onSelectionChanged={ (type, selection) =>\r\n                        {\r\n                              onSelectionUpdate(type, selection);\r\n                        } } /> */}\r\n\r\n            </CheckoutAccountAddressInformation>\r\n\r\n      );\r\n}\r\n\r\nexport default CheckoutAccountAddressInformationContent;","import * as React from 'react';\r\nimport { TextField, MenuItem } from '@mui/material';\r\nimport { Field, FieldProps } from 'formik';\r\n\r\ninterface CheckoutInformationFormSelectFieldProps {\r\n      name: string;\r\n      label: string;\r\n      error?: boolean;\r\n      helperText?: string;\r\n      options: { value: string; label: string }[];\r\n      defaultValue?: string;\r\n      readOnly?: boolean;\r\n      onChange: (e: React.ChangeEvent<any>) => void;\r\n}\r\n\r\nconst CheckoutInformationFormSelectField: React.FC<CheckoutInformationFormSelectFieldProps> = (props: CheckoutInformationFormSelectFieldProps) => {\r\n      const { name, label, error, helperText, options, readOnly, onChange } = props;\r\n\r\n      return (\r\n            <Field name={ name }>\r\n                  { ({ field }: FieldProps) => (\r\n                        <TextField\r\n                              { ...field }\r\n                              select\r\n                              fullWidth\r\n                              label={ label }\r\n                              error={ error }\r\n                              helperText={ helperText || '' }\r\n                              onChange={ (e: React.ChangeEvent<any>) => {\r\n                                    field.onChange(e);\r\n                                    onChange(e);\r\n                              } }\r\n                              value={ field.value }\r\n                              SelectProps={ {\r\n                                    readOnly: readOnly, // Make select field read-only\r\n                                    style: { fontWeight: 'bold' }, // Make the text bold\r\n                              } }\r\n                        >\r\n                              { options.map((option) => (\r\n                                    <MenuItem key={ option.value } value={ option.value }>\r\n                                          { option.label }\r\n                                    </MenuItem>\r\n                              )) }\r\n                        </TextField>\r\n                  )\r\n                  }\r\n            </Field>\r\n      );\r\n}\r\n\r\nexport default CheckoutInformationFormSelectField;\r\n","import * as React from 'react';\r\nimport { Field, FieldProps } from 'formik';\r\nimport { TextField, TextFieldPropsSizeOverrides } from '@mui/material';\r\nimport { OverridableStringUnion } from '@mui/types';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport { useEffect } from 'react';\r\n\r\ninterface CheckoutInformationFormStringFieldProps {\r\n      name: string;\r\n      label: string;\r\n      error?: boolean;\r\n      helperText?: string;\r\n      maxTextLength?: number;\r\n      size?: OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides> | undefined;\r\n      disable?: boolean;\r\n      onChange: (e: React.ChangeEvent<any>) => void;\r\n      onFocus?: () => void;\r\n}\r\n\r\nconst CheckoutInformationFormStringField: React.FC<CheckoutInformationFormStringFieldProps> = (props: CheckoutInformationFormStringFieldProps) => {\r\n      const { name, label, error, helperText, onChange, maxTextLength } = props;\r\n\r\n      const [currentSize, setCurrentSize] = React.useState<OverridableStringUnion<'small' | 'medium', TextFieldPropsSizeOverrides> | undefined>(undefined);\r\n\r\n      useEffect(() => {\r\n            setCurrentSize(props.size!);\r\n\r\n      }, [props.size]);\r\n\r\n      const handleChange = (e: React.ChangeEvent<any>, fieldOnChange: (e: React.ChangeEvent<any>) => void) => {\r\n            if (maxTextLength && e.target.value.length > maxTextLength) {\r\n                  e.target.value = e.target.value.slice(0, maxTextLength);\r\n            }\r\n\r\n            fieldOnChange(e);\r\n            onChange(e);\r\n      };\r\n\r\n      return (\r\n            <Field name={ name }>\r\n                  { ({ field }: FieldProps) => (\r\n                        <TextField\r\n                              { ...field }\r\n                              fullWidth\r\n                              label={ label }\r\n                              error={ error }\r\n                              size={ currentSize }\r\n                              helperText={ helperText || '' }\r\n                              onChange={ (e: React.ChangeEvent<any>) => handleChange(e, field.onChange) }\r\n                              onFocus={ props.onFocus }\r\n                              disabled={ props.disable }\r\n                              inputProps={ {\r\n                                    maxLength: notNullOrUndefined(maxTextLength) ? maxTextLength : {},\r\n                                    style: { fontWeight: 'bold' }, // Make the text bold\r\n                              } }\r\n                        />\r\n                  ) }\r\n            </Field>\r\n      );\r\n};\r\n\r\nexport default CheckoutInformationFormStringField;\r\n","import * as React from 'react';\r\nimport { Fragment, useEffect } from 'react';\r\n\r\nimport { Badge, IconButton, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport { useCartCheckout } from '../../../../../providers/cart/CartCheckoutProvider';\r\nimport { CheckOutWizardStep } from '../../../../../providers/cart/CartCheckoutProvider.Types';\r\n\r\nexport interface ICheckoutStepperItemProps\r\n{\r\n      stepItemIndex: number;\r\n}\r\n\r\nconst CheckoutStepperItem: React.FC<ICheckoutStepperItemProps> = (props: ICheckoutStepperItemProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n      const { stepItemIndex } = props;\r\n\r\n      const { steps, currentStepIndex, isFinished, goToStep } = useCartCheckout();\r\n\r\n      const [ currentStep, setCurrentStep ] = React.useState<CheckOutWizardStep>(steps[ stepItemIndex ]);\r\n      const [ isFirstStep, setIsFirstStep ] = React.useState<boolean>(false);\r\n      const [ isLastStep, setIsLastStep ] = React.useState<boolean>(false);\r\n      const [ isProcessFinished, setIsProcessFinished ] = React.useState<boolean>(false);\r\n      const [ isDisabled, setIsDisabled ] = React.useState<boolean>(false);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (steps && steps.length > 0 && stepItemIndex >= 0)\r\n            {\r\n                  const isFirst = stepItemIndex === 0;\r\n                  const isLast = stepItemIndex === steps.length - 1;\r\n\r\n                  setIsFirstStep(isFirst);\r\n                  setIsLastStep(isLast);\r\n                  setCurrentStep(steps[ stepItemIndex ]);\r\n            }\r\n\r\n      }, [ steps, stepItemIndex ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!isProcessFinished && isFinished)\r\n            {\r\n                  setIsProcessFinished(true);\r\n            }\r\n\r\n      }, [ steps, isFinished ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setIsDisabled(false);\r\n\r\n            if (currentStep.stepLocked)\r\n            {\r\n                  setIsDisabled(true);\r\n            }\r\n\r\n            if (currentStepIndex !== stepItemIndex && !currentStep.stepCompleted)\r\n            {\r\n                  setIsDisabled(true);\r\n            }\r\n\r\n            if (isFinished && !isLastStep)\r\n            {\r\n                  setIsDisabled(true);\r\n            }\r\n\r\n      }, [ currentStep, currentStepIndex, stepItemIndex, isFinished, isLastStep ]);\r\n\r\n      return (\r\n\r\n            <Fragment>\r\n\r\n                  <IconButton\r\n                        color=\"inherit\"\r\n                        onClick={ () => (currentStep.stepCompleted && !currentStep.stepLocked ? goToStep(stepItemIndex) : null) }\r\n                        disabled={ isDisabled }\r\n                        size=\"large\"\r\n                        sx={ {\r\n                              width: '40px',\r\n                              height: '40px',\r\n                              margin: '0 8px',\r\n\r\n                              color: currentStep.stepCompleted || currentStepIndex === stepItemIndex\r\n                                    ? theme.palette.secondaryLightVariant!.contrastText\r\n                                    : `${theme.palette.secondaryLightVariant!.contrastText}80`,\r\n\r\n                              backgroundColor: currentStep.stepCompleted || currentStepIndex === stepItemIndex\r\n                                    ? theme.palette.secondaryLightVariant!.main\r\n                                    : `${theme.palette.commonColors?.Gray.H500}80`,\r\n\r\n                              border: !currentStep.stepCompleted && currentStepIndex !== stepItemIndex ? '1px solid gray' : 'none',\r\n                              opacity: currentStep.stepCompleted || currentStepIndex === stepItemIndex ? 1 : 0.75,\r\n                              cursor: currentStep.stepCompleted || currentStepIndex === stepItemIndex ? 'pointer' : 'default',\r\n\r\n                              '&:hover': {\r\n                                    boxShadow: `0px 4px 8px ${theme.palette.commonColors?.Gray.H200.dark}`,\r\n                                    backgroundColor: currentStep.stepCompleted || currentStepIndex === stepItemIndex\r\n                                          ? theme.palette.secondaryLightVariant!.main\r\n                                          : `${theme.palette.commonColors?.Gray.H500}80`,\r\n                                    '& .MuiBadge-badge': {\r\n                                          backgroundColor: theme.palette.error.main,\r\n                                    },\r\n                              },\r\n                        } }>\r\n\r\n                        <Badge badgeContent={ stepItemIndex + 1 } color={ currentStepIndex === stepItemIndex ? 'error' : 'primary' }>\r\n                              <currentStep.icon />\r\n                        </Badge>\r\n\r\n                  </IconButton>\r\n\r\n                  <Typography\r\n                        variant={ currentStepIndex === stepItemIndex ? 'body2' : 'caption' }\r\n                        align=\"center\"\r\n                        sx={ {\r\n                              marginTop: '2px',\r\n                              color: currentStep.stepCompleted || currentStepIndex === stepItemIndex\r\n                                    ? theme.palette.secondaryLightVariant!.contrastText\r\n                                    : `${theme.palette.secondaryLightVariant!.contrastText}80`,\r\n                              opacity: currentStep.stepCompleted || currentStepIndex === stepItemIndex ? 1 : 0.75,\r\n                              fontWeight: currentStepIndex === stepItemIndex ? 'bold' : 'normal',\r\n                        } }\r\n                  >\r\n                        { currentStep.label }\r\n\r\n                  </Typography>\r\n\r\n            </Fragment>\r\n      );\r\n}\r\n\r\nexport default CheckoutStepperItem;\r\n","import * as React from 'react';\r\nimport { Typography, useTheme, Theme, Box } from '@mui/material';\r\nimport CheckOutAccountActionButton from './CheckOutAccountActionButton';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nexport interface ICreateAccountBeforeCheckoutProps {\r\n      onCreateAccount: () => void;\r\n}\r\n\r\nconst CreateAccountBeforeCheckout: React.FC<ICreateAccountBeforeCheckoutProps> = (props: ICreateAccountBeforeCheckoutProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const navigate = useNavigate();\r\n\r\n      const onButtonClick = (event: React.MouseEvent<HTMLButtonElement>) => {\r\n            navigate('/appUsers/register', { replace: false });\r\n\r\n            if (props.onCreateAccount) {\r\n                  props.onCreateAccount();\r\n            }\r\n      }\r\n\r\n      return (\r\n            <Box maxWidth='sm' sx={ { display: 'flex', flexDirection: 'column', height: '100%', margin: 0, padding: 0 } }>\r\n\r\n                  <CheckOutActionTitle title='Create New Account' />\r\n\r\n                  <Box sx={ { flexGrow: 1, display: 'flex', alignItems: 'flex-start', justifyContent: 'flex-start', flexDirection: 'column' } }>\r\n                        <Typography variant='body1' sx={ { marginBottom: '8px', color: theme.palette.text.primary, fontWeight: 'bold' } } align='justify' gutterBottom>\r\n                              Creating an account provides you with several benefits, including the ability to track your order history,\r\n                              save your shipping and billing information for faster checkout in the future.\r\n                        </Typography>\r\n                        <Typography variant='body1' sx={ { color: theme.palette.text.primary } } align='justify' gutterBottom>\r\n                              While it takes a few moments to set up, having an account enhances your shopping experience and provides\r\n                              added convenience for future purchases.\r\n                        </Typography>\r\n                  </Box>\r\n\r\n                  <CheckOutAccountActionButton text='Create Account' backgroundColor='#800080' handleClick={ onButtonClick } />\r\n\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default CreateAccountBeforeCheckout;","import * as React from 'react';\r\nimport { FormEvent, useEffect, useState } from 'react';\r\nimport { Button, Checkbox, Container, FormControl, FormControlLabel, FormHelperText, Grid, IconButton, InputAdornment, InputLabel, OutlinedInput, Typography, useTheme, Theme, Box } from '@mui/material';\r\nimport Visibility from '@mui/icons-material/Visibility';\r\nimport VisibilityOff from '@mui/icons-material/VisibilityOff';\r\nimport { useAuth } from '../../../../../providers/AuthProvider';\r\nimport { useLoginFormData } from '../../../../../providers/LoginFormDataProvider';\r\nimport CheckOutAccountActionButton from './CheckOutAccountActionButton';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\n\r\nexport interface ILoginBeforeCheckoutProps {\r\n      handleLogin: () => void;\r\n}\r\n\r\nconst LoginBeforeCheckout: React.FC<ILoginBeforeCheckoutProps> = (props: ILoginBeforeCheckoutProps) => {\r\n      const theme: Theme = useTheme();\r\n\r\n      const { userEmail, rememberMe, setRememberMe } = useLoginFormData();\r\n      const { inProgress, login, loggedIn } = useAuth();\r\n\r\n      const [loginInProgress, setLoginInProgress] = useState<boolean>(inProgress);\r\n      const [showPassword, setShowPassword] = useState<boolean>(false);\r\n\r\n      useEffect(() => {\r\n            setLoginInProgress(inProgress);\r\n      }, [inProgress]);\r\n\r\n      const handleClickShowPassword = (): void => {\r\n            setShowPassword((show) => !show);\r\n      };\r\n\r\n      const handleMouseDownPassword = (event: React.MouseEvent<HTMLButtonElement>): void => {\r\n            event.preventDefault();\r\n      };\r\n\r\n      const handleSubmit = (event: FormEvent<HTMLFormElement>): void => {\r\n            const passwordValue = event.currentTarget.password.value;\r\n            const emailValue = event.currentTarget.email.value;\r\n\r\n            event.preventDefault();\r\n\r\n            login(emailValue, passwordValue, rememberMe);\r\n\r\n            if (props.handleLogin && loggedIn) {\r\n                  props.handleLogin();\r\n            }\r\n      };\r\n\r\n      return (\r\n            <Box maxWidth='sm' sx={ { display: 'flex', flexDirection: 'column', height: '100%', margin: 0, padding: 0 } }>\r\n\r\n                  <form onSubmit={ handleSubmit } autoComplete='on' style={ { width: '100%' } }>\r\n\r\n                        <CheckOutActionTitle title='Login To Your Account' />\r\n\r\n                        <Box sx={ { flexGrow: 1, display: 'flex', alignItems: 'flex-start', justifyContent: 'flex-start', flexDirection: 'column' } }>\r\n\r\n                              <Typography variant='body1' sx={ { color: theme.palette.text.primary, fontWeight: 'bold', marginBottom: '16px' } } align='justify' gutterBottom>\r\n                                    Please fill in your email and password in the fields below and then click on the \"Log In\" button below to log in, and checkout using your existing account:\r\n                              </Typography>\r\n\r\n\r\n                              <Grid container spacing={ 2 }>\r\n                                    <Grid item xs={ 12 }>\r\n                                          <FormControl fullWidth variant='outlined' sx={ { margin: '8px 0px' } }>\r\n                                                <InputLabel htmlFor='email'>User Name</InputLabel>\r\n                                                <OutlinedInput\r\n                                                      disabled={ loginInProgress }\r\n                                                      required\r\n                                                      defaultValue={ userEmail }\r\n                                                      type='text'\r\n                                                      id='email'\r\n                                                      autoComplete='username'\r\n                                                      label='lblUsername'\r\n                                                      sx={ { fontWeight: 'bold' } }\r\n                                                />\r\n                                                <FormHelperText id='email-field-helper-text'>Please enter your email</FormHelperText>\r\n                                          </FormControl>\r\n                                    </Grid>\r\n                                    <Grid item xs={ 12 }>\r\n                                          <FormControl fullWidth variant='outlined' sx={ { margin: '8px 0px' } }>\r\n                                                <InputLabel htmlFor='password'>Password</InputLabel>\r\n                                                <OutlinedInput\r\n                                                      id='password'\r\n                                                      autoComplete='password'\r\n                                                      type={ showPassword ? 'text' : 'password' }\r\n                                                      disabled={ loginInProgress }\r\n                                                      endAdornment={\r\n                                                            <InputAdornment position='end'>\r\n                                                                  <IconButton\r\n                                                                        aria-label='toggle password visibility'\r\n                                                                        onClick={ handleClickShowPassword }\r\n                                                                        onMouseDown={ handleMouseDownPassword }\r\n                                                                        edge='end'>\r\n                                                                        { showPassword ? <VisibilityOff /> : <Visibility /> }\r\n                                                                  </IconButton>\r\n                                                            </InputAdornment>\r\n                                                      }\r\n                                                      label='Password'\r\n                                                />\r\n                                                <FormHelperText id='password-field-helper-text'>Please enter your password</FormHelperText>\r\n                                          </FormControl>\r\n                                    </Grid>\r\n                                    <Grid item xs={ 12 }>\r\n                                          <FormControl fullWidth variant='outlined' sx={ { paddingRight: '8px' } }>\r\n                                                <FormControlLabel\r\n                                                      id='rememberMe'\r\n                                                      value='start'\r\n                                                      control={\r\n                                                            <Checkbox\r\n                                                                  disabled={ loginInProgress }\r\n                                                                  size='small'\r\n                                                                  color='secondary'\r\n                                                                  checked={ rememberMe }\r\n                                                                  onChange={ (e) => setRememberMe(e.target.checked) }\r\n                                                            />\r\n                                                      }\r\n                                                      label='Remember me'\r\n                                                      labelPlacement='start'\r\n                                                />\r\n                                          </FormControl>\r\n                                    </Grid>\r\n                              </Grid>\r\n\r\n                        </Box>\r\n\r\n                        <CheckOutAccountActionButton\r\n                              text='Log In'\r\n                              backgroundColor='#4483ca'\r\n                              isSubmit={ true }\r\n                              isDisabled={ loginInProgress }\r\n                              handleClick={ () => { } }\r\n                        />\r\n                  </form>\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default LoginBeforeCheckout;\r\n","import * as React from 'react';\r\nimport { useState, Fragment, useRef, useEffect } from 'react';\r\nimport { nanoid } from 'nanoid/non-secure';\r\nimport { Box, Typography, Link, Theme, useTheme, Grid, IconButton } from '@mui/material';\r\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\r\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\r\n\r\nimport { IRestApiCartMessagePairDTO } from '../../../../../stores/api/Generated/Entities/RestApiCartMessagePairDTO';\r\n\r\nexport interface IOrderFailedMessagesProps\r\n{\r\n      messages: IRestApiCartMessagePairDTO[];\r\n}\r\n\r\nconst OrderFailedMessages: React.FC<IOrderFailedMessagesProps> = (props: IOrderFailedMessagesProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { messages } = props;\r\n\r\n      const [ showMessages, setShowMessages ] = useState(false);\r\n      const [ parentRect, setParentRect ] = useState<DOMRect | null>(null);\r\n\r\n      const boxRef = useRef<HTMLDivElement | null>(null);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (boxRef.current)\r\n            {\r\n                  setParentRect(boxRef.current.getBoundingClientRect());\r\n            }\r\n\r\n      }, [ boxRef ]);\r\n\r\n      if (!messages || messages.length === 0)\r\n      {\r\n            return <Fragment />;\r\n      }\r\n\r\n      const renderMessageItem = (message: IRestApiCartMessagePairDTO, index: number): React.JSX.Element =>\r\n      {\r\n            const isLast = index === messages.length - 1;\r\n\r\n            return (\r\n                  <Fragment key={ `additional_msg_${index}` }>\r\n\r\n                        <Grid\r\n                              item\r\n                              xs={ 1 }\r\n                              sx={ {\r\n                                    borderBottom: `1px solid ${theme.palette.divider}`,\r\n                              } }\r\n                              key={ `additional_msg_pair_code_${nanoid(5)}` }>\r\n\r\n                              <Typography\r\n                                    variant=\"body2\"\r\n                                    sx={ {\r\n                                          margin: 0,\r\n                                          padding: 0,\r\n                                          fontSize: '0.9rem',\r\n                                          color: theme.palette.text.primary,\r\n                                    } }>\r\n                                    <strong>{ message.code }: </strong>\r\n                              </Typography>\r\n\r\n                        </Grid>\r\n\r\n                        <Grid\r\n                              item\r\n                              xs={ 5 }\r\n                              sx={ {\r\n                                    borderBottom: !isLast ? `1px solid ${theme.palette.divider}` : 'none',\r\n                              } }\r\n                              key={ `additional_msg_pair_message_${nanoid(5)}` }>\r\n\r\n                              <Typography\r\n                                    variant=\"body2\"\r\n                                    sx={ {\r\n                                          margin: 0,\r\n                                          padding: 0,\r\n                                          fontSize: '0.9rem',\r\n                                          color: theme.palette.text.primary,\r\n                                          overflowWrap: 'break-word', // Ensures breaks on special symbols                                          \r\n                                          textOverflow: 'ellipsis',\r\n                                    } }>\r\n                                    { message.message }\r\n                              </Typography>\r\n\r\n                        </Grid>\r\n\r\n                  </Fragment>\r\n            )\r\n      }\r\n\r\n      return (\r\n            <Box\r\n                  ref={ boxRef }\r\n                  sx={ {\r\n                        margin: 0,\r\n                        padding: 0,\r\n                        width: '100%',\r\n                        maxWidth: parentRect ? parentRect.width : '100%',\r\n                  } }>\r\n\r\n                  <Box\r\n                        sx={ {\r\n                              display: 'flex',\r\n                              justifyContent: 'flex-end',\r\n                              alignItems: 'center',\r\n                              marginTop: '4px',\r\n                              opacity: 0.5,\r\n                              color: theme.palette.primary.main,\r\n                        } }>\r\n                        <Link\r\n                              component=\"button\"\r\n                              variant=\"body2\"\r\n                              onClick={ () => setShowMessages(!showMessages) }\r\n                              sx={ {\r\n                                    color: 'inherit',\r\n                                    cursor: 'pointer',\r\n                                    textDecoration: 'none',\r\n                                    '&:hover': {\r\n                                          color: 'inherit',\r\n                                    }\r\n                              } }>\r\n                              { showMessages ? 'Hide Messages' : 'Show Additional Messages' }\r\n                        </Link>\r\n                        <IconButton\r\n                              size='small'\r\n                              onClick={ () => setShowMessages(!showMessages) }\r\n                              sx={ {\r\n                                    color: 'inherit',\r\n                                    padding: 0,\r\n                                    marginLeft: '4px',\r\n                                    '&:hover': {\r\n                                          color: 'inherit',\r\n                                          cursor: 'pointer',\r\n                                          opacity: 0.75,\r\n                                    },\r\n                              } }>\r\n                              { showMessages ? <ExpandLessIcon /> : <ExpandMoreIcon /> }\r\n                        </IconButton>\r\n                  </Box>\r\n\r\n                  { showMessages && (\r\n                        <Grid\r\n                              container\r\n                              columns={ 6 }\r\n                              spacing={ 1 }\r\n                              sx={ {\r\n                                    width: '100%',\r\n                              } }>\r\n\r\n                              { messages.map((message, index) => renderMessageItem(message, index)) }\r\n\r\n                        </Grid>\r\n                  ) }\r\n            </Box>\r\n      );\r\n}\r\n\r\nexport default OrderFailedMessages;\r\n","import * as React from 'react';\r\nimport { useState, useEffect, Fragment, useRef } from 'react';\r\nimport { nanoid } from 'nanoid/non-secure';\r\n\r\nimport Lottie, { LottieRefCurrentProps } from 'lottie-react';\r\n\r\nimport { Box, Grid, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport IconButton from '@mui/material/IconButton';\r\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\r\nimport Link from '@mui/material/Link';\r\n\r\nimport { ICartOrderFailedResponse, useCartCreateOrder } from '../../../../../providers/cart/CartCheckoutCreateOrderProvider';\r\nimport { notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\nimport { colorToRgba } from '../../../../../theming/ThemeUtilities';\r\nimport { IRestApiCartMessagePairDTO } from '../../../../../stores/api/Generated/Entities/RestApiCartMessagePairDTO';\r\n\r\nimport OrderFailedMessages from './OrderFailedMessages';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\n\r\nconst orderFailedAnimationData = require('../../../../../animations/OrderFailedAnimation.json');\r\n\r\nexport interface IOrderFailedProps\r\n{\r\n      failure: ICartOrderFailedResponse\r\n}\r\n\r\nconst OrderFailed: React.FC<IOrderFailedProps> = (props: IOrderFailedProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { failure } = props;\r\n\r\n      const { submitOrderErrorResponse } = useCartCreateOrder();\r\n\r\n      const aniRef = useRef<LottieRefCurrentProps>(null);\r\n\r\n      const [ errorResponse, setErrorResponse ] = useState<ICartOrderFailedResponse | null>(failure);\r\n\r\n      const [ additionalMessages, setAdditionalMessages ] = useState<IRestApiCartMessagePairDTO[] | null>(null);\r\n      const [ allReferenceMessages, setAllReferenceMessages ] = useState<IRestApiCartMessagePairDTO[]>([]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!errorResponse)\r\n            {\r\n                  return;\r\n            }\r\n\r\n            let currMessages = [];\r\n\r\n            if (errorResponse.messages && errorResponse.messages.length > 1)\r\n            {\r\n                  setAdditionalMessages(errorResponse.messages.slice(1));\r\n            }\r\n\r\n            if (errorResponse.messages && errorResponse.messages.length > 0)\r\n            {\r\n                  currMessages.push({ code: \"Code:\", message: errorResponse.messages[ 0 ].code });\r\n                  currMessages.push({ code: \"Message:\", message: errorResponse.messages[ 0 ].message });\r\n            }\r\n\r\n            if (notNullOrUndefinedOrEmpty(errorResponse.referenceId))\r\n            {\r\n                  currMessages.push({ code: 'Reference ID:', message: getUuidText(errorResponse.referenceId!) });\r\n            }\r\n\r\n            if (notNullOrUndefinedOrEmpty(errorResponse.orderId))\r\n            {\r\n                  currMessages.push({ code: 'Order ID:', message: getUuidText(errorResponse.orderId!) });\r\n            }\r\n\r\n            if (notNullOrUndefinedOrEmpty(errorResponse.userId))\r\n            {\r\n                  currMessages.push({ code: 'User ID:', message: getUuidText(errorResponse.userId!) });\r\n            }\r\n\r\n            if (notNullOrUndefinedOrEmpty(errorResponse.userEmail))\r\n            {\r\n                  currMessages.push({ code: 'User Email:', message: errorResponse.userEmail! });\r\n            }\r\n\r\n            setAllReferenceMessages(currMessages);\r\n\r\n      }, [ errorResponse ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (errorResponse)\r\n            {\r\n                  setErrorResponse(submitOrderErrorResponse);\r\n            }\r\n\r\n      }, [ submitOrderErrorResponse ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (aniRef)\r\n            {\r\n                  aniRef.current?.setSpeed(0.1);\r\n            }\r\n\r\n      }, [ aniRef ]);\r\n\r\n      const getUuidText = (uuid: string): string =>\r\n      {\r\n            return uuid.replace(/-/g, '').toUpperCase().trim();\r\n      }\r\n\r\n      const copyToClipboard = (references: IRestApiCartMessagePairDTO[], additionalMessages?: IRestApiCartMessagePairDTO[]) =>\r\n      {\r\n            let allCopyContent: IRestApiCartMessagePairDTO[] = [];\r\n\r\n            if (references.length > 0)\r\n            {\r\n                  allCopyContent.push(...references);\r\n            }\r\n\r\n            if (additionalMessages && additionalMessages.length > 0)\r\n            {\r\n                  allCopyContent.push(...additionalMessages);\r\n            }\r\n\r\n            if (allCopyContent.length === 0)\r\n            {\r\n                  return;\r\n            }\r\n\r\n            const separator = '-'.repeat(80);\r\n            const newLine = '\\r\\n';\r\n\r\n            navigator.clipboard.writeText(\r\n                  allCopyContent\r\n                        .map(item => `${item.code}: ${item.message}`)\r\n                        .join(`${newLine}${separator}${newLine}`));\r\n      }\r\n\r\n      const renderAnimation = () =>\r\n      {\r\n\r\n            return (\r\n                  <Box sx={ {\r\n                        position: 'absolute',\r\n                        top: 0,\r\n                        left: '50%',\r\n                        transform: 'translate(-50%, -15%)',\r\n                        zIndex: 0,\r\n                        opacity: 0.20\r\n                  } }>\r\n                        <Lottie\r\n                              lottieRef={ aniRef }\r\n                              animationData={ orderFailedAnimationData }\r\n                              style={ { width: 240, height: 240 } }\r\n                        />\r\n                  </Box>\r\n            );\r\n      }\r\n\r\n\r\n\r\n      const renderCopyLink = (references: IRestApiCartMessagePairDTO[], additionalMessages?: IRestApiCartMessagePairDTO[]) =>\r\n      {\r\n            return (\r\n                  <Box\r\n                        sx={ {\r\n                              position: 'absolute',\r\n                              right: '16px',\r\n                              top: '16px',\r\n                              display: 'flex',\r\n                              justifyContent: 'flex-end',\r\n                              alignItems: 'center',\r\n                              marginBottom: '8px',\r\n                              opacity: 0.5,\r\n                              color: theme.palette.primary.main,\r\n                              '&:hover': {\r\n                                    cursor: 'pointer',\r\n                                    opacity: 0.75,\r\n                                    color: theme.palette.primary.dark,\r\n                              }\r\n                        } }>\r\n                        <Link\r\n                              component=\"button\"\r\n                              variant=\"body2\"\r\n                              onClick={ () => copyToClipboard(references, additionalMessages) }\r\n                              sx={ {\r\n                                    color: 'inherit',\r\n                                    cursor: 'pointer',\r\n                                    textDecoration: 'none',\r\n                                    '&:hover': {\r\n                                          color: 'inherit',\r\n                                    }\r\n                              } }>\r\n                              Copy Messages\r\n                        </Link>\r\n                        <IconButton\r\n                              size='small'\r\n                              sx={ {\r\n                                    color: 'inherit',\r\n                                    padding: 0,\r\n                                    marginLeft: '4px',\r\n                                    '&:hover': {\r\n                                          color: 'inherit',\r\n                                          cursor: 'pointer',\r\n                                          opacity: 0.75,\r\n                                    }\r\n                              } }>\r\n\r\n                              <ContentCopyIcon />\r\n\r\n                        </IconButton>\r\n\r\n                  </Box>\r\n            );\r\n      }\r\n\r\n      const renderReferenceItem = (index: number, title: string | null | undefined, value: string | null | undefined) =>\r\n      {\r\n            return (\r\n                  <Fragment key={ `error_refs_row_messages_${nanoid(5)}` }>\r\n\r\n                        <Grid item\r\n                              xs={ 1 }\r\n                              key={ `error_refs_row_title_${index}_${nanoid(5)}` }\r\n                              sx={ {\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.primary.main,\r\n                                    textAlign: 'right',\r\n                                    padding: '0 4px 0 24px',\r\n                                    display: 'flex',\r\n                                    alignItems: 'center',\r\n                              } }>\r\n                              { notNullOrUndefinedOrEmpty(title) ? title : '' }\r\n                        </Grid>\r\n\r\n                        <Grid item\r\n                              key={ `error_refs_row_value_${index}_${nanoid(5)}` }\r\n                              xs={ 5 }\r\n                              sx={ {\r\n                                    color: theme.palette.primary.dark,\r\n                                    textAlign: 'left',\r\n                                    fontWeight: 'bolder',\r\n                                    fontStyle: 'italic',\r\n                                    padding: '0 24px 0 4px',\r\n                                    wordWrap: 'break-word',\r\n                                    display: 'flex',\r\n                                    alignItems: 'center',\r\n                              } }>\r\n                              { notNullOrUndefinedOrEmpty(value) ? value : 'Not Available' }\r\n                        </Grid>\r\n\r\n                  </Fragment>\r\n            );\r\n      };\r\n\r\n      const renderReferences = (references: IRestApiCartMessagePairDTO[], additionalMessages?: IRestApiCartMessagePairDTO[]) =>\r\n      {\r\n            return (\r\n                  <Box\r\n                        sx={ {\r\n                              position: 'relative',\r\n                              display: 'flex',\r\n                              padding: '8px',\r\n                              justifyContent: 'center',\r\n                              width: '85%',\r\n                        } }>\r\n\r\n                        { renderAnimation() }\r\n\r\n                        { renderCopyLink(references, additionalMessages) }\r\n\r\n                        <Grid container\r\n                              columns={ 6 }\r\n                              spacing={ 0 }\r\n                              key={ `error_refs_container_${nanoid(5)}` }\r\n                              sx={ {\r\n                                    display: 'flex',\r\n                                    margin: 0,\r\n                                    padding: '24px 8px 8px 8px',\r\n                                    backgroundColor: colorToRgba(theme.palette.error.main, 0.25),\r\n                                    border: `1px solid ${colorToRgba(theme.palette.error.main, 0.75)}`,\r\n                                    borderRadius: '8px',\r\n                              } }>\r\n\r\n                              { references.map((item, index) => renderReferenceItem(index, item.code, item.message)) }\r\n\r\n                              <Grid item\r\n                                    key={ `error_refs_row_additional_messages_${nanoid(5)}` }\r\n                                    xs={ 7 }\r\n                                    sx={ {\r\n                                          color: theme.palette.tertiary.main,\r\n                                          textAlign: 'left',\r\n                                          wordWrap: 'break-word',\r\n                                    } }>\r\n                                    <OrderFailedMessages messages={ additionalMessages! } />\r\n                              </Grid>\r\n\r\n                        </Grid>\r\n\r\n                  </Box>\r\n            );\r\n      }\r\n\r\n      const renderReferenceContent = (references: IRestApiCartMessagePairDTO[], additionalMessages?: IRestApiCartMessagePairDTO[] | null) =>\r\n      {\r\n            if (references.length === 0)\r\n            {\r\n                  return null;\r\n            }\r\n\r\n            return (\r\n\r\n                  <Box\r\n                        sx={ {\r\n                              position: 'relative',\r\n                              margin: 0,\r\n                              padding: 0,\r\n                              width: '100%',\r\n                              justifyContent: 'center',\r\n                              display: 'flex',\r\n                              alignItems: 'center',\r\n                        } }>\r\n\r\n                        { renderReferences(references, additionalMessages ? additionalMessages : []) }\r\n\r\n                  </Box>\r\n            );\r\n      };\r\n\r\n      return (\r\n\r\n            <Fragment>\r\n\r\n                  <CheckOutActionTitle title='Purchase Failed' minHeight={ 60 } bold />\r\n\r\n                  <Box sx={ {\r\n                        px: '24px',\r\n                        pb: '48px',\r\n                  } }>\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '8px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.error.main\r\n                              } }\r\n                              align='center' >\r\n                              We're sorry, but there was an issue processing your order at this time. Please try again later.\r\n                        </Typography>\r\n\r\n                        { renderReferenceContent(allReferenceMessages, additionalMessages) }\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '24px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.error.main\r\n                              } }\r\n                              align='center' >\r\n                              Please keep these references for your records, in case they are needed later.\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '8px',\r\n                                    color: theme.palette.text.primary\r\n                              } }\r\n                              align='left' >\r\n                              Please check your submission information and try again.\r\n                              If the problem persists contact our customer service team for assistance, Providing the references displayed above.\r\n                              We apologize for any inconvenience this may have caused and appreciate your patience as we work to resolve this issue.\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='h6'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: '24px',\r\n                                    marginBottom: '24px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.primary.main\r\n                              } }\r\n                              align='center' >\r\n                              We sincerely apologise for this situation. Thank you for your understanding.\r\n                        </Typography>\r\n\r\n                  </Box>\r\n\r\n            </Fragment>\r\n\r\n      );\r\n}\r\n\r\nexport default OrderFailed;\r\n\r\n\r\n// const tempFail: ICartOrderFailedResponse = {\r\n//       \"requestIP\": \"::1\",\r\n//       \"referenceId\": \"af9b4b9e-8585-42f0-97b8-102e4c122dd9\",\r\n//       \"idempotencyKey\": \"_U7k1DLzxTDcGozdgPX0\",\r\n//       \"orderId\": \"1c612a94-3743-4a94-9b4f-6e9f3052fb03\",\r\n//       \"userId\": \"b152af0f-3443-4921-8c38-3f38b131b692\",\r\n//       \"userEmail\": \"jane.smith@example.com\",\r\n//       \"messages\": [\r\n//             {\r\n//                   \"code\": \"Internal System Failure\",\r\n//                   \"message\": \"An error occurred while processing the payment. Please try again later, or contact support.\"\r\n//             },\r\n//             {\r\n//                   \"code\": \"Exception\",\r\n//                   \"message\": \"Microsoft.EntityFrameworkCore.DbUpdateException: An error occurred while saving the entity changes. See the inner exception for details.\\r\\n ---> Npgsql.PostgresException (0x80004005): 42703: column \\\"NetworkTransactionId\\\" of relation \\\"PaymentInformations\\\" does not exist\\r\\n\\r\\nPOSITION: 56\\r\\n   at Npgsql.Internal.NpgsqlConnector.ReadMessageLong(Boolean async, DataRowLoadingMode dataRowLoadingMode, Boolean readingNotifications, Boolean isReadingPrependedMessage)\\r\\n   at System.Runtime.CompilerServices.PoolingAsyncValueTaskMethodBuilder`1.StateMachineBox`1.System.Threading.Tasks.Sources.IValueTaskSource<TResult>.GetResult(Int16 token)\\r\\n   at Npgsql.NpgsqlDataReader.NextResult(Boolean async, Boolean isConsuming, CancellationToken cancellationToken)\\r\\n   at Npgsql.NpgsqlDataReader.NextResult(Boolean async, Boolean isConsuming, CancellationToken cancellationToken)\\r\\n   at Npgsql.NpgsqlCommand.ExecuteReader(Boolean async, CommandBehavior behavior, CancellationToken cancellationToken)\\r\\n   at Npgsql.NpgsqlCommand.ExecuteReader(Boolean async, CommandBehavior behavior, CancellationToken cancellationToken)\\r\\n   at Npgsql.NpgsqlCommand.ExecuteDbDataReaderAsync(CommandBehavior behavior, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.Storage.RelationalCommand.ExecuteReaderAsync(RelationalCommandParameterObject parameterObject, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.Storage.RelationalCommand.ExecuteReaderAsync(RelationalCommandParameterObject parameterObject, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.Update.ReaderModificationCommandBatch.ExecuteAsync(IRelationalConnection connection, CancellationToken cancellationToken)\\r\\n  Exception data:\\r\\n    Severity: ERROR\\r\\n    SqlState: 42703\\r\\n    MessageText: column \\\"NetworkTransactionId\\\" of relation \\\"PaymentInformations\\\" does not exist\\r\\n    Position: 56\\r\\n    File: parse_target.c\\r\\n    Line: 1066\\r\\n    Routine: checkInsertTargets\\r\\n   --- End of inner exception stack trace ---\\r\\n   at Microsoft.EntityFrameworkCore.Update.ReaderModificationCommandBatch.ExecuteAsync(IRelationalConnection connection, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.Update.Internal.BatchExecutor.ExecuteAsync(IEnumerable`1 commandBatches, IRelationalConnection connection, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.Update.Internal.BatchExecutor.ExecuteAsync(IEnumerable`1 commandBatches, IRelationalConnection connection, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.Update.Internal.BatchExecutor.ExecuteAsync(IEnumerable`1 commandBatches, IRelationalConnection connection, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.ChangeTracking.Internal.StateManager.SaveChangesAsync(IList`1 entriesToSave, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.ChangeTracking.Internal.StateManager.SaveChangesAsync(StateManager stateManager, Boolean acceptAllChangesOnSuccess, CancellationToken cancellationToken)\\r\\n   at Npgsql.EntityFrameworkCore.PostgreSQL.Storage.Internal.NpgsqlExecutionStrategy.ExecuteAsync[TState,TResult](TState state, Func`4 operation, Func`4 verifySucceeded, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.DbContext.SaveChangesAsync(Boolean acceptAllChangesOnSuccess, CancellationToken cancellationToken)\\r\\n   at Microsoft.EntityFrameworkCore.DbContext.SaveChangesAsync(Boolean acceptAllChangesOnSuccess, CancellationToken cancellationToken)\\r\\n   at HiXL.Core.Data.EntityFramework.Context.Abstractions.EntityRepository`2.SaveChanges(CancellationToken cancellationToken)\\r\\n   at HiXL.Solutions.Ergomat.Clearance.Service.Controllers.API.Cart.CartController.<>c__DisplayClass13_0.<<CreateOrder>b__0>d.MoveNext() in C:\\\\Source\\\\HiXL\\\\Projects\\\\Ergomat\\\\HiXL.Solutions.Ergomat.Clearance\\\\Service\\\\Controllers\\\\API\\\\Cart\\\\CartController.cs:line 201\"\r\n//             }\r\n//       ]\r\n// }","import * as React from 'react';\r\nimport Lottie from 'lottie-react';\r\n\r\nimport { Box, CircularProgress, Paper, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport pleaseWaitAnimationData from '../../../../../animations/AnimationTrolley.json';\r\n\r\n\r\nconst OrderSubmissionInProgress: React.FC<{}> = () =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      return (\r\n\r\n            <Box display=\"flex\" flexDirection=\"column\" alignItems=\"center\" justifyContent=\"center\" minHeight=\"100vh\">\r\n                  <Paper\r\n                        elevation={ 5 }\r\n                        sx={ {\r\n                              position: 'relative',\r\n                              padding: '32px',\r\n                              display: 'flex',\r\n                              flexDirection: 'column',\r\n                              alignItems: 'center',\r\n                              justifyContent: 'center',\r\n                              width: '100%',\r\n                              minWidth: '500px',\r\n                              maxWidth: '800px',\r\n                              minHeight: '500px',\r\n                              margin: '0 auto',\r\n                              borderRadius: '8px'\r\n                        } }>\r\n\r\n                        <Box sx={ {\r\n                              position: 'absolute',\r\n                              top: '50%',\r\n                              left: '50%',\r\n                              transform: 'translate(-50%, -50%)',\r\n                              zIndex: 0,\r\n                              opacity: 0.25\r\n                        } }>\r\n                              <Lottie animationData={ pleaseWaitAnimationData } style={ { width: 450, height: 450 } } />\r\n                        </Box>\r\n\r\n                        <Typography\r\n                              variant=\"h5\"\r\n                              sx={ {\r\n                                    margin: '32px 16px',\r\n                                    color: theme.palette.text.secondary,\r\n                                    fontWeight: 'bold'\r\n                              } }>\r\n                              Processing Your Order, Please Wait...\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant=\"body1\"\r\n                              sx={ {\r\n                                    marginTop: '16px',\r\n                                    color: theme.palette.text.primary,\r\n                                    textAlign: 'justify',\r\n                                    maxWidth: '600px'\r\n                              } }>\r\n                              <strong>Please remain on this page</strong> and avoid navigating to other sections of the website or closing your browser window.\r\n                              Doing so may cause the order process to fail, and you will need to start over.\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant=\"body1\"\r\n                              sx={ {\r\n                                    marginTop: '16px',\r\n                                    color: theme.palette.error.main,\r\n                                    textAlign: 'center',\r\n                                    fontWeight: 'bold',\r\n                                    textDecoration: 'underline',\r\n                                    maxWidth: '600px'\r\n                              } }>\r\n                              You could also be charged for the order without it being completed!\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant=\"h6\"\r\n                              sx={ {\r\n                                    marginTop: '16px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.text.primary,\r\n                                    textAlign: 'center',\r\n                                    maxWidth: '600px'\r\n                              } }>\r\n                              Thank you for your patience.\r\n                        </Typography>\r\n\r\n                  </Paper>\r\n            </Box>\r\n\r\n      );\r\n}\r\n\r\nexport default OrderSubmissionInProgress;","import * as React from 'react';\r\nimport { useState, useEffect, Fragment, useRef } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport Lottie, { LottieRefCurrentProps } from 'lottie-react';\r\n\r\nimport { Box, Button, Theme, Typography, useTheme } from '@mui/material';\r\n\r\nimport { ICartOrderSuccessResponse, useCartCreateOrder } from '../../../../../providers/cart/CartCheckoutCreateOrderProvider';\r\nimport { notNullOrUndefinedOrEmpty } from '../../../../../utilities/Utils';\r\n\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\n\r\nconst orderSuccessAnimationData = require('../../../../../animations/OrderSuccessAnimation.json');\r\n\r\n\r\nexport interface IOrderSuccessfulProps\r\n{\r\n      success: ICartOrderSuccessResponse\r\n}\r\n\r\nconst OrderSuccessful: React.FC<IOrderSuccessfulProps> = (props: IOrderSuccessfulProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n\r\n      const { success } = props;\r\n\r\n      const navigate = useNavigate();\r\n\r\n      const aniRef = useRef<LottieRefCurrentProps>(null);\r\n\r\n      const [ successResponse, setSuccessResponse ] = useState<ICartOrderSuccessResponse | null>(success);\r\n      const [ orderReference, setOrderReference ] = useState<string>('');\r\n      const [ orderId, setOrderId ] = useState<string>('');\r\n\r\n      const { submitOrderSuccessResponse } = useCartCreateOrder();\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!successResponse || !successResponse.isSuccess)\r\n            {\r\n                  return;\r\n            }\r\n            if (notNullOrUndefinedOrEmpty(successResponse.orderReference))\r\n            {\r\n                  const flatOrderRef = successResponse.orderReference!.replace(/-/g, '').toUpperCase().trim();\r\n\r\n                  setOrderReference(flatOrderRef);\r\n            }\r\n\r\n            if (notNullOrUndefinedOrEmpty(successResponse.orderId))\r\n            {\r\n                  const flatOrderId = successResponse.orderId!.replace(/-/g, '').toUpperCase().trim();\r\n\r\n                  setOrderId(flatOrderId);\r\n            }\r\n\r\n      }, [ successResponse ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!successResponse &&\r\n                  submitOrderSuccessResponse &&\r\n                  submitOrderSuccessResponse.isSuccess)\r\n            {\r\n                  setSuccessResponse(submitOrderSuccessResponse);\r\n            }\r\n\r\n      }, [ submitOrderSuccessResponse ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (aniRef)\r\n            {\r\n                  aniRef.current?.setSpeed(0.75);\r\n            }\r\n\r\n      }, [ aniRef ]);\r\n\r\n      const renderAnimation = () =>\r\n      {\r\n\r\n            return (\r\n                  <Box sx={ {\r\n                        position: 'absolute',\r\n                        top: '40%',\r\n                        left: '50%',\r\n                        transform: 'translate(-50%, -50%)',\r\n                        zIndex: 0,\r\n                        opacity: 0.25\r\n                  } }>\r\n                        <Lottie\r\n                              lottieRef={ aniRef }\r\n                              animationData={ orderSuccessAnimationData }\r\n                              style={ { width: 550, height: 550 } }\r\n                        />\r\n                  </Box>\r\n            );\r\n      }\r\n\r\n      return (\r\n\r\n            <Fragment>\r\n\r\n                  <CheckOutActionTitle title='Purchase Completed' minHeight={ 60 } bold />\r\n\r\n                  <Box sx={ {\r\n                        position: 'relative',\r\n                        px: '24px',\r\n                        pb: '48px',\r\n                  } }>\r\n\r\n                        { renderAnimation() }\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '8px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.primary.main\r\n                              } }\r\n                              align='center' >\r\n                              Your purchase has been successfully processed & accepted. Your order reference is:\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    fontWeight: 'bold',\r\n                                    fontSize: '1.5rem',\r\n                                    marginBottom: '8px',\r\n                                    color: theme.palette.tertiary.main\r\n                              } }\r\n                              align='center' >\r\n                              { orderReference }\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '24px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.primary.main\r\n                              } }\r\n                              align='center' >\r\n                              Please keep this reference for your records.\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '8px',\r\n                                    color: theme.palette.text.primary\r\n                              } }\r\n                              align='left' >\r\n                              You will receive an email confirmation shortly for your order, and once your payment is confirmed,\r\n                              it will be prepared for shipment and dispatched as soon as possible.\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='body1'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: 0,\r\n                                    marginBottom: '8px',\r\n                                    color: theme.palette.text.primary\r\n                              } }\r\n                              align='left' >\r\n                              If you have any questions or need further assistance, please do not hesitate to contact our customer service team,\r\n                              referencing your order reference number\r\n                              { orderId && notNullOrUndefinedOrEmpty(orderId) && (\r\n                                    <span>, (along with the report id: { orderId })</span>\r\n                              ) }\r\n                              .  We appreciate your business and look forward to serving you again in the future.\r\n                        </Typography>\r\n\r\n                        <Typography\r\n                              variant='h6'\r\n                              gutterBottom\r\n                              sx={ {\r\n                                    marginTop: '24px',\r\n                                    marginBottom: '24px',\r\n                                    fontWeight: 'bold',\r\n                                    color: theme.palette.primary.main\r\n                              } }\r\n                              align='center' >\r\n                              Thank you for shopping with us! Enjoy your new purchase!\r\n                        </Typography>\r\n\r\n                        <Box sx={ {\r\n                              width: '100%',\r\n                              display: 'flex',\r\n                              flexDirection: 'column',\r\n                        } }>\r\n                              <Button\r\n                                    fullWidth\r\n                                    variant='contained'\r\n                                    size='large'\r\n                                    sx={ {\r\n                                          fontWeight: 'bold',\r\n                                          marginTop: '16px',\r\n                                          borderRadius: '4px',\r\n                                          '&:hover': {\r\n                                                color: theme.palette.secondary.contrastText,\r\n                                                backgroundColor: theme.palette.secondary.dark,\r\n                                          },\r\n                                    } }\r\n                                    onClick={ () => navigate('/') }>\r\n                                    Go Back to Shopping\r\n                              </Button>\r\n                        </Box>\r\n\r\n                  </Box>\r\n\r\n            </Fragment>\r\n\r\n      );\r\n}\r\n\r\nexport default OrderSuccessful;\r\n\r\n\r\n// const tempSuccess: ICartOrderSuccessResponse = {\r\n//       \"orderId\": \"1c612a94-3743-4a94-9b4f-6e9f3052fb03\",\r\n//       \"isSuccess\": true,\r\n//       \"messages\": [\r\n//             {\r\n//                   \"code\": \"1\",\r\n//                   \"message\": \"This transaction has been approved.\"\r\n//             }\r\n//       ],\r\n//       \"orderReference\": \"ORD:0000000007\",\r\n//       \"value\": \"Approved\",\r\n//       \"idempotencyKey\": \"ePn9swlzkkki_s4BUvqz\",\r\n//       \"items\": [\r\n//             {\r\n//                   \"id\": {\r\n//                         \"productId\": \"13de0785-c86f-451d-aaa4-fd8d6bf44c61\",\r\n//                         \"colorId\": \"21464314-ea9f-459e-9f12-3f7fdc1763ed\"\r\n//                   },\r\n//                   \"selectedProduct\": {\r\n//                         \"id\": \"13de0785-c86f-451d-aaa4-fd8d6bf44c61\",\r\n//                         \"code\": \"ASCAWE-19C494\",\r\n//                         \"name\": \"Generic Concrete Bacon\",\r\n//                         \"title\": \"A explicabo sint voluptate voluptatum ratione.\",\r\n//                         \"description\": \"Nobis rem perferendis ipsum quisquam. Sit harum omnis quidem exercitationem magnam et voluptas. Praesentium in cum facere voluptates et accusamus eos quos. Ut delectus voluptatem vel id aperiam corporis cum aperiam. Pariatur quia ea. Veniam neque et.\\n\\nUt possimus aut illum molestiae officia odit voluptas minima provident. Harum eum minima voluptate unde. Inventore qui enim animi optio enim.\",\r\n//                         \"sortOrder\": 303,\r\n//                         \"stockQuantity\": 83,\r\n//                         \"regularPrice\": 118.8,\r\n//                         \"liquidationPrice\": 100.9,\r\n//                         \"available\": true,\r\n//                         \"highlight\": false,\r\n//                         \"bannerImageId\": \"dd5862f9-c258-48f8-95d1-f2b52f614a6e\",\r\n//                         \"thumbnailImageId\": \"cffe001e-a5b9-4253-8b4d-9ef6ca574db7\",\r\n//                         \"productWeight\": {\r\n//                               \"id\": \"420b8b3d-137b-4261-9f86-c633d077fb2b\",\r\n//                               \"displayOrder\": -103,\r\n//                               \"value\": 29.3,\r\n//                               \"unit\": \"Pounds\"\r\n//                         },\r\n//                         \"productColors\": [\r\n//                               {\r\n//                                     \"id\": \"21464314-ea9f-459e-9f12-3f7fdc1763ed\",\r\n//                                     \"name\": \"Olive\",\r\n//                                     \"hexCode\": \"#808000\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"31fa14d2-bf45-4939-98a0-aa7aacb0e80b\",\r\n//                                     \"name\": \"Mummys Tomb\",\r\n//                                     \"hexCode\": \"#828E84\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"4ca0059a-45e4-40ec-b087-e84b65c41fab\",\r\n//                                     \"name\": \"Chocolate Traditional\",\r\n//                                     \"hexCode\": \"#7B3F00\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"6ab0da73-0a7c-4962-b974-e3cd6d0f8bf2\",\r\n//                                     \"name\": \"Mystic Maroon\",\r\n//                                     \"hexCode\": \"#AD4379\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"6dc3a799-4819-4fb5-af1b-754e74bae4f6\",\r\n//                                     \"name\": \"Liver\",\r\n//                                     \"hexCode\": \"#674C47\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"7a6c9f77-ae5f-4d57-a8b6-808e1944fb68\",\r\n//                                     \"name\": \"Cinereous\",\r\n//                                     \"hexCode\": \"#98817B\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"99a5cbe9-c36c-474b-a6e6-0982512cec38\",\r\n//                                     \"name\": \"Mango Tango\",\r\n//                                     \"hexCode\": \"#FF8243\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"e5cb46f3-f86f-4f05-b958-4650df9b06b3\",\r\n//                                     \"name\": \"Bright Green\",\r\n//                                     \"hexCode\": \"#66FF00\"\r\n//                               },\r\n//                               {\r\n//                                     \"id\": \"f37f312c-41a2-4aa3-9c89-41c0d2db0ba2\",\r\n//                                     \"name\": \"Khaki\",\r\n//                                     \"hexCode\": \"#F0E68C\"\r\n//                               }\r\n//                         ],\r\n//                         \"productSizes\": [\r\n//                               {\r\n//                                     \"id\": \"8abadb96-e359-4471-9951-67f14acbe0ed\",\r\n//                                     \"value\": \"2.5 x 3.5 feet (LxH)\",\r\n//                                     \"displayOrder\": 34\r\n//                               }\r\n//                         ],\r\n//                         \"productCategories\": [\r\n//                               {\r\n//                                     \"id\": \"4959e98f-0ae9-4b80-9f0b-82d08c88bc01\",\r\n//                                     \"name\": \"Home\",\r\n//                                     \"title\": \"Handcrafted Cotton Pants\",\r\n//                                     \"subtitle\": \"Commodi non iusto voluptatem voluptate ut officiis est ratione.\",\r\n//                                     \"sortOrder\": -692\r\n//                               }\r\n//                         ]\r\n//                   },\r\n//                   \"selectedColor\": {\r\n//                         \"id\": \"21464314-ea9f-459e-9f12-3f7fdc1763ed\",\r\n//                         \"name\": \"Olive\",\r\n//                         \"hexCode\": \"#808000\"\r\n//                   },\r\n//                   \"quantity\": 1\r\n//             }\r\n//       ],\r\n//       \"user\": {\r\n//             \"title\": \"\",\r\n//             \"firstName\": \"Jane\",\r\n//             \"middleName\": \"\",\r\n//             \"lastName\": \"Smith\",\r\n//             \"email\": \"jane.smith@example.com\",\r\n//             \"phone\": \"08175555678\",\r\n//             \"company\": null\r\n//       },\r\n//       \"addresses\": {\r\n//             \"billing\": {\r\n//                   \"type\": \"Billing\",\r\n//                   \"addressLine1\": \"789 Pine Street\",\r\n//                   \"addressLine2\": \"\",\r\n//                   \"addressLine3\": \"\",\r\n//                   \"city\": \"Miami\",\r\n//                   \"state\": \"IA\",\r\n//                   \"postalCode\": \"33101\",\r\n//                   \"country\": \"\"\r\n//             },\r\n//             \"shipping\": {\r\n//                   \"type\": \"Shipping\",\r\n//                   \"addressLine1\": \"456 Elm Street\",\r\n//                   \"addressLine2\": \"Suite 5A\",\r\n//                   \"addressLine3\": \"\",\r\n//                   \"city\": \"New York\",\r\n//                   \"state\": \"IN\",\r\n//                   \"postalCode\": \"10001\",\r\n//                   \"country\": \"\"\r\n//             }\r\n//       },\r\n//       \"paymentInformation\": {\r\n//             \"orderId\": \"00000000-0000-0000-0000-000000000000\",\r\n//             \"paymentTypeId\": \"00000000-0000-0000-0000-000000000000\",\r\n//             \"paymentTypeName\": null,\r\n//             \"transactionID\": null,\r\n//             \"networkTransactionID\": null,\r\n//             \"amountPaid\": 0,\r\n//             \"paymentStatus\": \"Unknown\",\r\n//             \"payerEmail\": null,\r\n//             \"notes\": null,\r\n//             \"transactionData\": null\r\n//       },\r\n//       \"shippingWeight\": {\r\n//             \"shippingMethod\": \"Land Shipping\",\r\n//             \"shippingCost\": 23,\r\n//             \"itemWeights\": [\r\n//                   {\r\n//                         \"id\": \"420b8b3d-137b-4261-9f86-c633d077fb2b\",\r\n//                         \"displayOrder\": -103,\r\n//                         \"value\": 29.3,\r\n//                         \"unit\": \"Pounds\"\r\n//                   }\r\n//             ],\r\n//             \"provider\": \"UPS Courier\"\r\n//       }\r\n// }","import * as React from 'react';\r\nimport { Field, FieldInputProps, FieldProps, FormikErrors, FormikProps } from 'formik';\r\nimport { DatePicker } from '@mui/x-date-pickers/DatePicker';\r\nimport { DateValidationError, LocalizationProvider, PickerChangeHandlerContext } from '@mui/x-date-pickers';\r\nimport { AdapterDayjs } from '@mui/x-date-pickers/AdapterDayjs';\r\nimport dayjs, { Dayjs } from 'dayjs';\r\nimport { FormControl, FormHelperText, TextField, useTheme } from '@mui/material';\r\nimport { useEffect, useState } from 'react';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\n\r\nexport type FormDateTimeFieldType = 'month' | 'year';\r\n\r\ninterface CheckoutInformationFormDateTimeFieldProps\r\n{\r\n      type: FormDateTimeFieldType;\r\n      name: string;\r\n      label: string;\r\n      error?: boolean;\r\n      helperText?: string;\r\n\r\n      onChange: (event: React.ChangeEvent<any>) => void;\r\n      onFocus?: () => void;\r\n}\r\n\r\nconst CheckoutInformationFormDateTimeField: React.FC<CheckoutInformationFormDateTimeFieldProps> = (\r\n      props: CheckoutInformationFormDateTimeFieldProps\r\n) =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const { type, name, label, error, helperText, onChange, onFocus } = props;\r\n\r\n      const handleDateError = (error: string | null, form: any) =>\r\n      {\r\n            try\r\n            {\r\n                  const errorMsg = error ? error : '';\r\n                  const formErrors: FormikErrors<any> = {};\r\n\r\n                  formErrors[ name ] = errorMsg;\r\n\r\n                  form.setErrors(formErrors);\r\n            }\r\n            catch (error)\r\n            {\r\n                  console.error('Error handling date error:', error);\r\n            }\r\n      };\r\n\r\n      return (\r\n            <LocalizationProvider dateAdapter={ AdapterDayjs }>\r\n\r\n                  <Field name={ name }>\r\n\r\n                        { ({ field, form, meta }: FieldProps) =>\r\n                        {\r\n                              const getValue = (value: number): Dayjs =>\r\n                              {\r\n                                    if (notNullOrUndefined(field?.value))\r\n                                    {\r\n                                          return type === 'month' ? dayjs().month(value) : dayjs().year(value);\r\n                                    }\r\n\r\n                                    console.warn(`Field: '${field.name}' value is null or undefined:`, field?.value);\r\n\r\n                                    return dayjs();\r\n                              }\r\n\r\n                              const onValueChange = (value: Dayjs | null) => \r\n                              {\r\n                                    const changedValue = value ? value : dayjs();\r\n                                    const returnValue = type === 'month' ? changedValue.month() : changedValue.year();\r\n\r\n                                    const syntheticEvent = {\r\n                                          target: {\r\n                                                name,\r\n                                                value: returnValue,\r\n                                          },\r\n                                    } as React.ChangeEvent<any>;\r\n\r\n                                    onChange(syntheticEvent);\r\n                              }\r\n\r\n                              return (\r\n\r\n                                    <FormControl fullWidth error={ meta.touched && Boolean(meta.error) }>\r\n\r\n                                          <DatePicker\r\n                                                views={ [ type ] }\r\n                                                label={ label }\r\n                                                value={ getValue(field.value) }\r\n                                                onChange={ (date) => { onValueChange(date) } }\r\n                                                onError={ (error) => handleDateError(error, form) }\r\n                                                onOpen={ onFocus }\r\n                                                sx={ {\r\n\r\n                                                } }\r\n                                                slotProps={ {\r\n                                                      popper: {\r\n                                                            sx: {\r\n                                                                  '& .MuiPaper-root': {\r\n                                                                        elevation: 5,\r\n                                                                        boxShadow: `0px 4px 8px ${theme.palette.commonColors?.Gray.H200.dark}`,\r\n                                                                        borderRadius: '4px'\r\n                                                                  }\r\n                                                            }\r\n                                                      }\r\n                                                } }\r\n                                          />\r\n\r\n                                          { meta.touched && meta.error ? (\r\n                                                <FormHelperText>{ meta.error }</FormHelperText>\r\n                                          ) : (\r\n                                                <FormHelperText>{ helperText }</FormHelperText>\r\n                                          ) }\r\n\r\n                                    </FormControl>\r\n                              );\r\n                        } }\r\n\r\n                  </Field>\r\n\r\n            </LocalizationProvider>\r\n      );\r\n};\r\n\r\nexport default CheckoutInformationFormDateTimeField;\r\n","import * as React from 'react';\r\nimport { TextField } from '@mui/material';\r\nimport { Field, FieldProps } from 'formik';\r\nimport { notNullOrUndefined } from '../../../../../utilities/Utils';\r\nimport TextFieldMaskedInput from '../../../../../components/MaskedInput';\r\n\r\ninterface CheckoutInformationFormMaskedStringFieldProps\r\n{\r\n      name: string;\r\n      label: string;\r\n      mask: string;\r\n      definitions: { [ key: string ]: RegExp };\r\n      error?: boolean;\r\n      helperText?: string;\r\n      maxTextLength?: number;\r\n      onChange: (e: React.ChangeEvent<any>) => void;\r\n      onFocus?: () => void;\r\n}\r\n\r\nconst CheckoutInformationFormMaskedStringField: React.FC<CheckoutInformationFormMaskedStringFieldProps> = (props) =>\r\n{\r\n      const { name, label, mask, definitions, error, helperText, onChange, maxTextLength, onFocus } = props;\r\n\r\n      const handleChange = (e: React.ChangeEvent<any>, fieldOnChange: (e: React.ChangeEvent<any>) => void) =>\r\n      {\r\n            if (maxTextLength && e.target.value.length > maxTextLength)\r\n            {\r\n                  e.target.value = e.target.value.slice(0, maxTextLength);\r\n            }\r\n            fieldOnChange(e);\r\n            onChange(e);\r\n      };\r\n\r\n      return (\r\n            <Field name={ name }>\r\n                  { ({ field }: FieldProps) => (\r\n                        <TextField\r\n                              { ...field }\r\n                              fullWidth\r\n                              label={ label }\r\n                              error={ error }\r\n                              helperText={ helperText || '' }\r\n                              onChange={ (e: React.ChangeEvent<any>) => handleChange(e, field.onChange) }\r\n                              onFocus={ onFocus }\r\n                              InputProps={ {\r\n                                    inputComponent: TextFieldMaskedInput as any,\r\n                                    inputProps: {\r\n                                          mask: mask,\r\n                                          definitions: definitions,\r\n                                          onChange: field.onChange,\r\n                                          maxLength: notNullOrUndefined(maxTextLength) ? maxTextLength : undefined,\r\n                                    },\r\n                                    style: { fontWeight: 'bold' }, // Make the text bold\r\n                              } }\r\n                        />\r\n                  ) }\r\n            </Field>\r\n      );\r\n};\r\n\r\nexport default CheckoutInformationFormMaskedStringField;\r\n","import * as React from 'react';\r\nimport { Grid, Theme, useTheme } from '@mui/material';\r\nimport { FormikProps, Form } from 'formik';\r\nimport CheckoutInformationFormStringField from './CheckoutInformationFormStringField';\r\nimport CheckoutInformationFormDateTimeField from './CheckoutInformationFormDateTimeField';\r\nimport CheckoutInformationFormMaskedStringField from './CheckoutInformationFormMaskedStringField';\r\nimport { ICreditCardInformation } from '../../../../../types/UserInformationTypes';\r\n\r\ninterface PaymentInformationCreditCardFieldsProps\r\n{\r\n      formik: FormikProps<ICreditCardInformation>;\r\n\r\n      handleFormChange: () => void;\r\n      setFocusedField: (field: string) => void;\r\n}\r\n\r\nconst PaymentInformationCreditCardFields: React.FC<PaymentInformationCreditCardFieldsProps> = (props: PaymentInformationCreditCardFieldsProps) =>\r\n{\r\n      const theme: Theme = useTheme();\r\n      const { formik, handleFormChange, setFocusedField } = props;\r\n\r\n      const handleChange = (event: React.ChangeEvent<any>) =>\r\n      {\r\n            formik.handleChange(event);\r\n\r\n            handleFormChange();\r\n      };\r\n\r\n      return (\r\n            <Form>\r\n\r\n                  <Grid container spacing={ 2 }>\r\n\r\n                        <Grid item xs={ 12 }>\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"name\"\r\n                                    label=\"Cardholder Name\"\r\n                                    error={ formik.touched.name && !!formik.errors.name }\r\n                                    helperText={ formik.touched.name ? formik.errors.name : '' }\r\n                                    onChange={ handleChange }\r\n                                    onFocus={ () => setFocusedField('name') }\r\n                              />\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 8 }>\r\n                              <CheckoutInformationFormMaskedStringField\r\n                                    name=\"number\"\r\n                                    label=\"Card Number\"\r\n                                    mask=\"9999 9999 9999 9999\"\r\n                                    definitions={ { '9': /[0-9]/ } }\r\n                                    error={ formik.touched.number && !!formik.errors.number }\r\n                                    helperText={ formik.touched.number ? formik.errors.number : '' }\r\n                                    onChange={ handleChange }\r\n                                    onFocus={ () => setFocusedField('number') }\r\n                              />\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 4 }>\r\n                              <CheckoutInformationFormStringField\r\n                                    name=\"verificationCode\"\r\n                                    label=\"CVV\"\r\n                                    maxTextLength={ 5 }\r\n                                    error={ formik.touched.verificationCode && !!formik.errors.verificationCode }\r\n                                    helperText={ formik.touched.verificationCode ? formik.errors.verificationCode : '' }\r\n                                    onChange={ handleChange }\r\n                                    onFocus={ () => setFocusedField('cvc') }\r\n                              />\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <CheckoutInformationFormDateTimeField\r\n                                    type=\"month\"\r\n                                    name=\"expiryMonth\"\r\n                                    label=\"Expiry Month\"\r\n                                    error={ formik.touched.expiryMonth && !!formik.errors.expiryMonth }\r\n                                    helperText={ formik.touched.expiryMonth ? formik.errors.expiryMonth : '' }\r\n                                    onChange={ handleChange }\r\n                                    onFocus={ () => setFocusedField('expiry') }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 6 }>\r\n\r\n                              <CheckoutInformationFormDateTimeField\r\n                                    type='year'\r\n                                    name=\"expiryYear\"\r\n                                    label=\"Expiry Year\"\r\n                                    error={ formik.touched.expiryYear && !!formik.errors.expiryYear }\r\n                                    helperText={ formik.touched.expiryYear ? formik.errors.expiryYear : '' }\r\n                                    onChange={ handleChange }\r\n                                    onFocus={ () => setFocusedField('expiry') }\r\n                              />\r\n\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n            </Form>\r\n      );\r\n}\r\n\r\nexport default PaymentInformationCreditCardFields;\r\n","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\n\r\nimport { Divider, Grid } from '@mui/material';\r\n\r\nimport { Formik, FormikProps } from 'formik';\r\n\r\nimport UserPaymentInformationValidator from '../../../../../validators/UserPaymentInformationValidator'\r\n\r\nimport { ICheckoutWizardUserPaymentInformation } from '../../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport CheckOutActionTitle from './CheckOutActionTitle';\r\nimport CreditCard, { Focused } from 'react-credit-cards-2';\r\n\r\nimport 'react-credit-cards-2/dist/es/styles-compiled.css';\r\n\r\nimport { getCurrentMonthAndYear } from '../../Utilities';\r\nimport { ICreditCardInformation } from '../../../../../types/UserInformationTypes';\r\nimport PaymentInformationCreditCardFields from './PaymentInformationCreditCartFields';\r\nimport { isNullOrUndefined } from '../../../../../utilities/Utils';\r\n\r\nexport interface IPaymentInformationStepContentProps\r\n{\r\n      paymentInformation: ICheckoutWizardUserPaymentInformation;\r\n\r\n      updatePaymentInfo?: (isValid: boolean, userInfo: ICreditCardInformation) => void;\r\n}\r\n\r\nconst getInitialPaymentState = (): ICreditCardInformation =>\r\n{\r\n      const currentMonthAndYear = getCurrentMonthAndYear();\r\n\r\n      return {\r\n            name: '',\r\n            number: '',\r\n            expiryMonth: currentMonthAndYear.month,\r\n            expiryYear: currentMonthAndYear.year,\r\n            verificationCode: ''\r\n      };\r\n}\r\n\r\nconst PaymentInformationStepContent: React.FC<IPaymentInformationStepContentProps> = (props: IPaymentInformationStepContentProps) =>\r\n{\r\n      const { paymentInformation } = props;\r\n\r\n      const [ focusedField, setFocusedField ] = useState<Focused | undefined>(undefined);\r\n\r\n      const getFocusedTypeFromFieldName = (field: string): Focused =>\r\n      {\r\n            switch (field)\r\n            {\r\n                  case 'name': return 'name';\r\n                  case 'number': return 'number';\r\n                  case 'expiryMonth':\r\n                  case 'expiryYear': return 'expiry';\r\n                  case 'cvv':\r\n                  case 'cvc': return 'cvc';\r\n            }\r\n\r\n            return '';\r\n      };\r\n\r\n      const handleFocusFieldChange = (field: string) =>\r\n      {\r\n            const focusedField = getFocusedTypeFromFieldName(field);\r\n\r\n            setFocusedField(focusedField);\r\n      };\r\n\r\n      const handleFormChange = async (values: ICreditCardInformation, validateForm: FormikProps<ICreditCardInformation>[ 'validateForm' ]) =>\r\n      {\r\n            const errors = await validateForm();\r\n            const isValid = Object.keys(errors).length === 0;\r\n\r\n            if (props.updatePaymentInfo)\r\n            {\r\n                  props.updatePaymentInfo(isValid, values);\r\n            }\r\n      };\r\n\r\n      const padStart = (value: number | null | undefined, addNumber: number, padding: number): string =>\r\n      {\r\n            if (isNullOrUndefined(value))\r\n            {\r\n                  return '';\r\n            }\r\n\r\n            return `${value! + addNumber}`.padStart(padding, '0');\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <CheckOutActionTitle title=\"Payment Information\" />\r\n\r\n                  <Grid container spacing={ 1 } columns={ 15 } alignItems=\"stretch\">\r\n\r\n                        <Grid item xs={ 7 } sx={ { display: 'flex', flexDirection: 'column', justifyContent: 'center', margin: 0, padding: 0 } }>\r\n                              <CreditCard\r\n                                    preview={ true }\r\n                                    name={ paymentInformation.creditCard?.name || '' }\r\n                                    number={ paymentInformation.creditCard?.number || '' }\r\n                                    expiry={ `${padStart(paymentInformation.creditCard?.expiryMonth, 1, 2)}/${padStart(paymentInformation.creditCard?.expiryYear, 0, 4)}` }\r\n                                    cvc={ paymentInformation.creditCard?.verificationCode || '' }\r\n                                    focused={ focusedField }\r\n                              />\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 1 } sx={ { display: 'flex', justifyContent: 'center', alignItems: 'center', margin: 0, padding: 0 } }>\r\n                              <Divider orientation=\"vertical\" flexItem sx={ { margin: '16px 0' } } />\r\n                        </Grid>\r\n\r\n                        <Grid item xs={ 7 } sx={ { display: 'flex', flexDirection: 'column', justifyContent: 'center', margin: 0, padding: 0 } }>\r\n                              <Formik\r\n                                    initialValues={ paymentInformation.creditCard || getInitialPaymentState() }\r\n                                    enableReinitialize\r\n                                    validationSchema={ UserPaymentInformationValidator.schema }\r\n                                    onSubmit={ () => { } }\r\n                                    validateOnChange\r\n                                    validateOnBlur\r\n                              >\r\n\r\n                                    { (formik: FormikProps<ICreditCardInformation>) =>\r\n                                    {\r\n                                          useEffect(() =>\r\n                                          {\r\n                                                handleFormChange(formik.values, formik.validateForm);\r\n                                          }, [ formik.values ]);\r\n\r\n                                          return (\r\n                                                <PaymentInformationCreditCardFields\r\n                                                      formik={ formik }\r\n                                                      handleFormChange={ () => handleFormChange(formik.values, formik.validateForm) }\r\n                                                      setFocusedField={ handleFocusFieldChange }\r\n                                                />\r\n                                          );\r\n                                    } }\r\n\r\n                              </Formik>\r\n\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default PaymentInformationStepContent;\r\n"],"names":["props","useTheme","formik","handleFormChange","showOtherTitle","setShowOtherTitle","useState","useEffect","values","title","handleChange","event","Grid","container","spacing","item","xs","CheckoutInformationFormSelectField","name","label","options","value","onChange","CheckoutInformationFormStringField","error","touched","firstName","errors","helperText","lastName","email","phone","async","validateForm","isValid","Object","keys","length","updateUserInfo","Fragment","CheckOutActionTitle","initialValues","userInfo","titleOther","middleName","enableReinitialize","validationSchema","UserInformationValidator","schema","validateOnMount","onSubmit","information","setUserInformation","setCurrentStepCompleted","loggedIn","user","loadedUserInfo","setLoadedUserInfo","trigger","userData","hooks","lazyQueries","getUserInformation","data","company","prev","id","userId","validate","User","Container","columns","alignItems","sx","display","flexDirection","justifyContent","margin","padding","updatedUserInfo","theme","getUSState","usState","getStateFromCode","curentStateText","setCurrentStateText","address","state","currentCountryText","setCurrentCountryText","country","abbreviation","stateAbbreviation","stateCode","countryFullName","countryCode","toUpperCase","renderTitle","text","Typography","variant","fontWeight","color","palette","primary","light","itemAlignment","Box","marginBottom","CartReviewSummarySectionTitle","lineHeight","minHeight","addressLine1","addressLine2","addressLine3","marginTop","city","postalCode","fontStyle","width","targetType","Addresses","billing","shipping","taxAmount","currentPaymentInformation","setCurrentPaymentInformation","PaymentInformation","CreditCard","Number","ExpiryDate","CVV","creditCardProvider","setCreditCardProvider","creditCartNumber","setCreditCardNumber","creditCardExpiryDate","setCreditCardExpiryDate","shippingCost","setShippingCost","itemsCost","setItemsCost","totalCharges","setTotalCharges","currentItemCosts","Items","reduce","acc","selectedProduct","liquidationPrice","quantity","ShippingWeight","ShippingCost","creditCard","number","cardNumber","expiryMonth","expiryYear","formattedDate","formatMonthYear","month","year","Date","format","fontSize","dark","disabled","borderBottom","toFixed","setShippingInformation","currentItemWeights","setCurrentItemWeights","currentShippingWeight","setCurrentShippingWeight","currentShippingRate","setCurrentShippingRate","calculateShippingCost","shippingWeightResult","mutations","calculateShippingRateForState","currState","shippingCalculationDTO","totalWeight","WeightInKilograms","weightUnit","price","newShippingInfo","ShippingMethod","ItemWeights","Provider","getAllWeights","getAllItemWeights","currWeight","curr","items","map","currentWeightForItem","productWeight","unit","ProductId","currentShippingWeightPounds","currentShippingInfo","userDetails","hasPhone","verticalAlign","marginRight","secondary","contrastText","backgroundColor","main","align","gutterBottom","parseFloat","CartGridItemTextInfo","index","cartItem","boldText","textColor","selectedColor","cartItems","currentCartItems","calculateTotalPrice","result","total","CartGridItemHeader","productId","colorId","Divider","CartGridItemFooterTextItem","isBold","buttonDisabled","setButtonDisabled","isDisabled","isSubmittingButton","setIsSubmittingButton","currentTextColor","setCurrentTextColor","currentBackgroundColor","setCurrentBackgroundColor","isSubmit","flexShrink","type","fullWidth","size","opacity","borderRadius","onClick","handleClick","setMinHeight","currentHeight","textAlign","bold","useDivider","maxWidth","height","flexGrow","handleContinueAsGuest","navigate","Link","component","productName","handleProductClick","regularPrice","icon","Icon","iconPosition","minWidth","startIcon","endIcon","children","childrenContent","defaultValue","readOnly","loadingError","isLoading","queries","getAllStates","setOptions","outStates","filter","shippingRates","sort","a","b","localeCompare","CircularProgress","field","form","TextField","select","e","SelectProps","style","option","MenuItem","getStateByAbbreviation","setFieldValue","target","setAddress","addressType","updateAddress","UserAddressValidator","currentValue","setCurrentValue","currentSize","setCurrentSize","undefined","trim","InputProps","WebkitTextFillColor","commonColors","Gray","H700","cursor","borderColor","getAddressTitleFromType","addressPool","setAddressInformation","isReadOnly","setIsReadOnly","onUpdate","updatedAddress","maxTextLength","fieldOnChange","slice","onFocus","disable","inputProps","maxLength","stepItemIndex","steps","currentStepIndex","isFinished","goToStep","currentStep","setCurrentStep","isFirstStep","setIsFirstStep","isLastStep","setIsLastStep","isProcessFinished","setIsProcessFinished","setIsDisabled","isFirst","isLast","stepLocked","stepCompleted","secondaryLightVariant","H500","border","boxShadow","H200","badgeContent","replace","onCreateAccount","userEmail","rememberMe","setRememberMe","inProgress","login","loginInProgress","setLoginInProgress","showPassword","setShowPassword","passwordValue","currentTarget","password","emailValue","preventDefault","handleLogin","autoComplete","htmlFor","required","endAdornment","position","show","onMouseDown","edge","paddingRight","control","checked","labelPlacement","messages","showMessages","setShowMessages","parentRect","setParentRect","boxRef","useRef","current","getBoundingClientRect","ref","textDecoration","IconButton","marginLeft","ExpandLess","ExpandMore","message","divider","code","overflowWrap","textOverflow","renderMessageItem","orderFailedAnimationData","failure","submitOrderErrorResponse","aniRef","errorResponse","setErrorResponse","additionalMessages","setAdditionalMessages","allReferenceMessages","setAllReferenceMessages","currMessages","push","referenceId","getUuidText","orderId","setSpeed","uuid","renderCopyLink","references","right","top","allCopyContent","separator","repeat","navigator","clipboard","writeText","join","copyToClipboard","ContentCopy","renderReferences","left","transform","zIndex","lottieRef","animationData","wordWrap","renderReferenceItem","tertiary","px","pb","renderReferenceContent","elevation","orderSuccessAnimationData","success","successResponse","setSuccessResponse","orderReference","setOrderReference","setOrderId","submitOrderSuccessResponse","isSuccess","flatOrderRef","flatOrderId","LocalizationProvider","dateAdapter","AdapterDayjs","meta","FormControl","Boolean","DatePicker","views","date","changedValue","returnValue","onValueChange","onError","errorMsg","formErrors","setErrors","handleDateError","onOpen","slotProps","popper","FormHelperText","mask","definitions","inputComponent","setFocusedField","verificationCode","getInitialPaymentState","currentMonthAndYear","paymentInformation","focusedField","handleFocusFieldChange","getFocusedTypeFromFieldName","updatePaymentInfo","padStart","addNumber","preview","expiry","cvc","focused","orientation","flexItem","UserPaymentInformationValidator","validateOnChange","validateOnBlur"],"sourceRoot":""}