{"version":3,"file":"react/js/main-df0d0304.54f3cf2e08ad07d93214.js","mappings":"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","sources":["webpack:///./src/pages/sections/cart/CartPage.tsx","webpack:///./src/pages/sections/cart/Utilities.tsx","webpack:///./src/pages/sections/cart/checkout/BillingAndShippingStep.tsx","webpack:///./src/pages/sections/cart/checkout/CartSummaryStep.tsx","webpack:///./src/pages/sections/cart/checkout/CheckoutStepNavigation.tsx","webpack:///./src/pages/sections/cart/checkout/CheckOutPageContent.tsx","webpack:///./src/pages/sections/cart/checkout/CheckOutPage.tsx","webpack:///./src/pages/sections/cart/checkout/FinishedStep.tsx","webpack:///./src/pages/sections/cart/checkout/LoginOrGuestStep.tsx","webpack:///./src/pages/sections/cart/checkout/PaymentInformationStep.tsx","webpack:///./src/pages/sections/cart/checkout/ReviewOrderStep.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport { useState, useEffect } from 'react';\r\nimport { useCart } from '../../../providers/cart/CartProvider';\r\nimport { Box, Container, Grid, Stack, Typography, useTheme, Button, Divider } from '@mui/material';\r\nimport DeleteIcon from '@mui/icons-material/Delete';\r\nimport ShoppingCartIcon from '@mui/icons-material/ShoppingCart';\r\nimport StyledPaperComponent from '../../../components/styled/StyledCardComponents/StyledPaperComponent';\r\nimport { ICartItem } from '../../../stores/slices/CartSlice';\r\nimport CartGridItemHeader from './components/CartGridItemHeader';\r\nimport CartGridItemRow from './components/CartGridItemRow';\r\nimport AudioSoundPlayer from '../../../audio/AudioSoundPlayer';\r\nimport { getFormattedPrice } from './Utilities';\r\nimport { colorToRgba } from '../../../theming/ThemeUtilities';\r\nimport CartGridItemFooterTextItem from './components/CartGridItemFooterTextItem';\r\nimport { useNavigate } from 'react-router-dom';\r\nimport { useCartCheckout } from '../../../providers/cart/CartCheckoutProvider';\r\n\r\nconst CartPage: React.FC<{}> = () =>\r\n{\r\n      const theme = useTheme();\r\n\r\n      const navigate = useNavigate();\r\n\r\n      const audioPlayer = AudioSoundPlayer.getInstance();\r\n\r\n      const { cartItems, hasCheckedItems, removeCheckedItemsFromCart, } = useCart();\r\n      const { start } = useCartCheckout();\r\n      const [ currentCartItems, setCurrentCartItems ] = useState<ICartItem[]>([]);\r\n      const [ deleteCheckedEnabled, setDeleteCheckedEnabled ] = useState<boolean>(false);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentCartItems(cartItems);\r\n\r\n      }, [ cartItems ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setDeleteCheckedEnabled(hasCheckedItems);\r\n\r\n      }, [ hasCheckedItems ]);\r\n\r\n      const handleDeleteChecked = () =>\r\n      {\r\n            removeCheckedItemsFromCart();\r\n\r\n            audioPlayer.playSound('removeFromCart');\r\n      };\r\n\r\n      const handleCheckout = () =>\r\n      {\r\n            if (currentCartItems && currentCartItems.length > 0)\r\n            {\r\n                  start();\r\n\r\n                  navigate('/cart/checkOut');\r\n            };\r\n      };\r\n\r\n      const calculateTotalPrice = () =>\r\n      {\r\n            const result = currentCartItems.reduce((total, item) => total + item.selectedProduct.liquidationPrice! * item.quantity, 0).toFixed(2);\r\n\r\n            return getFormattedPrice(result);\r\n      };\r\n\r\n      const calculateTotalSavings = () =>\r\n      {\r\n            //const result = currentCartItems.reduce((total, item) => total + (item.selectedProduct.regularPrice! - item.selectedProduct.liquidationPrice!) * item.quantity, 0).toFixed(2);\r\n            const result = currentCartItems.reduce((total, item) => item.selectedProduct.regularPrice! * item.quantity, 0).toFixed(2);\r\n\r\n            return getFormattedPrice(result);\r\n      };\r\n\r\n      const renderColumnHeaders = () => (\r\n            <Grid container spacing={ '2px' } columns={ 26 }>\r\n                  <CartGridItemHeader spacing={ 1 } value=\"No\" />\r\n                  <CartGridItemHeader spacing={ 10 } value=\"Item(s)\" />\r\n                  <CartGridItemHeader spacing={ 2 } value=\"Price\" />\r\n                  <CartGridItemHeader spacing={ 3 } value=\"Quantity\" />\r\n                  <CartGridItemHeader spacing={ 4 } value=\"Savings\" />\r\n                  <CartGridItemHeader spacing={ 4 } value=\"Total\" />\r\n                  <CartGridItemHeader spacing={ 2 } value=\"Remove\" />\r\n            </Grid>\r\n      );\r\n\r\n      const renderCartItemsList = () => (\r\n            <Box>\r\n                  { currentCartItems.map((item, index) => (\r\n                        <CartGridItemRow key={ `cartGridItemRow_${item.id.productId}_${item.id.colorId}` } cartItem={ item } index={ index } checked={ item.checked } />\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                  sx={ {\r\n                        color: theme.palette.secondary.contrastText,\r\n                        backgroundColor: colorToRgba(theme.palette.secondary.main, 0.5),\r\n                  } }\r\n                  columns={ 26 }>\r\n\r\n                  <CartGridItemFooterTextItem spacing={ 16 } text=\"TOTAL PRICE:\" isBold=\"bold\" />\r\n                  <CartGridItemFooterTextItem spacing={ 4 } text={ calculateTotalSavings() } align=\"right\" color=\"error\" isStrikeThrough />\r\n                  <CartGridItemFooterTextItem spacing={ 4 } text={ calculateTotalPrice() } align=\"right\" isBold=\"bold\" />\r\n\r\n            </Grid>\r\n      );\r\n\r\n      const renderButtons = () => (\r\n            <Grid container spacing={ 2 } columns={ 2 }>\r\n                  <Grid item xs={ 1 }>\r\n                        <Button\r\n                              variant=\"contained\"\r\n                              color=\"error\"\r\n                              startIcon={ <DeleteIcon /> }\r\n                              onClick={ handleDeleteChecked }\r\n                              disabled={ !deleteCheckedEnabled }\r\n                              fullWidth\r\n                        >\r\n                              Delete Checked\r\n                        </Button>\r\n                  </Grid>\r\n                  <Grid item xs={ 1 }>\r\n                        <Button\r\n                              variant=\"contained\"\r\n                              color=\"primary\"\r\n                              startIcon={ <ShoppingCartIcon /> }\r\n                              onClick={ handleCheckout }\r\n                              disabled={ currentCartItems && currentCartItems.length === 0 }\r\n                              fullWidth\r\n                              sx={ {\r\n                                    borderRadius: '4px',\r\n                              } }>\r\n                              Checkout\r\n                        </Button>\r\n                  </Grid>\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                                    Your cart is empty\r\n                              </Typography>\r\n                        </Box>\r\n                  );\r\n            }\r\n\r\n            return (\r\n                  <Box>\r\n                        { renderColumnHeaders() }\r\n                        { renderCartItemsList() }\r\n                        <Divider sx={ { margin: '8px 0px' } } />\r\n                        { renderTotals() }\r\n                        <Divider sx={ { margin: '8px 0px' } } />\r\n                        { renderButtons() }\r\n                  </Box>\r\n            );\r\n      };\r\n\r\n      return (\r\n            <Container>\r\n                  <Stack spacing={ 2 } direction=\"column\" sx={ { display: 'flex', alignItems: 'stretch' } }>\r\n                        <StyledPaperComponent effect=\"fade\" effectDuration={ 0.5 } headerTitle=\"Shopping Cart\" headerSize=\"large\" fillSize=\"both\">\r\n                              <Box sx={ { margin: '16px 24px' } }>\r\n                                    { renderCartItems() }\r\n                              </Box>\r\n                        </StyledPaperComponent>\r\n                  </Stack>\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default CartPage;\r\n","import convert, { Converter, MeasuresByUnit, Unit } from 'convert';\r\n\r\nimport creditCardType from 'credit-card-type';\r\nimport { CreditCardType } from 'credit-card-type/dist/types';\r\n\r\nimport { isNullOrUndefined, isNullOrUndefinedOrEmpty, notNullOrUndefinedOrEmpty } from \"../../../utilities/Utils\";\r\nimport { RestApiWeightUnit } from '../../../stores/api/Generated/Entities/RestApiWeightUnit';\r\nimport { UserNameTitle } from '../../../types/UserInformationTypes';\r\nimport UserAddressValidator from '../../../validators/UserAddressValidator';\r\nimport { IRestApiUserAddressDTO } from '../../../stores/api/Generated/Entities/RestApiUserAddressDTO';\r\nimport { ICheckoutWizardInformation, ICheckoutWizardUserAddress, ICheckoutWizardUserAddresses } from '../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { ISubmitOrderRequest } from '../../../providers/cart/CartCheckoutCreateOrderProvider';\r\n\r\n\r\nconst weightUnitMap: Record<RestApiWeightUnit, Unit> = {\r\n      'Milligrams': 'mg',\r\n      'Grams': 'g',\r\n      'Kilograms': 'kg',\r\n      'MetricTons': 't',\r\n      'Pounds': 'lb',\r\n      'Stone': 'st',\r\n      'Ounces': 'oz',\r\n      'ShortTons': 'short ton',\r\n      'LongTons': 'long ton'\r\n};\r\n\r\nexport const getConvertUnit = (unit: RestApiWeightUnit): Unit => weightUnitMap[ unit ];\r\n\r\nexport const getFormattedPrice = (price: string | number | undefined | null): string =>\r\n{\r\n      if (!price || isNullOrUndefined(price))\r\n      {\r\n            return '$0.00';\r\n      }\r\n\r\n      if (typeof price === 'string' && isNullOrUndefinedOrEmpty(price))\r\n      {\r\n            return '$0.00';\r\n      }\r\n\r\n      const priceValue: number = typeof price === 'string'\r\n            ? parseFloat(price)\r\n            : price;\r\n\r\n      return `$${priceValue.toFixed(2)}`;\r\n};\r\n\r\nexport const convertToKilograms = (value: number, unit: RestApiWeightUnit): number =>\r\n{\r\n      return convert(value, weightUnitMap[ unit ]).to(\"kg\");\r\n};\r\n\r\nexport const convertFromKilograms = (value: number, unit: RestApiWeightUnit): number =>\r\n{\r\n      const conv: Converter<number, MeasuresByUnit<\"kg\">> = convert(value, \"kg\");\r\n\r\n      switch (unit)\r\n      {\r\n            case 'Milligrams': return conv.to(\"mg\");\r\n            case 'Grams': return conv.to(\"g\");\r\n            case 'Kilograms': return conv.to(\"kg\");\r\n            case 'MetricTons': return conv.to(\"t\");\r\n            case 'Pounds': return conv.to(\"lb\");\r\n            case 'Stone': return conv.to(\"st\");\r\n            case 'Ounces': return conv.to(\"oz\");\r\n            case 'ShortTons': return conv.to(\"short ton\");\r\n            case 'LongTons': return conv.to(\"long ton\");\r\n      }\r\n};\r\n\r\nexport const convertTo = (sourceUnit: RestApiWeightUnit, targetUnit: RestApiWeightUnit, value: number): number =>\r\n{\r\n      return convert(value, weightUnitMap[ sourceUnit ]).to(weightUnitMap[ targetUnit ]);\r\n};\r\n\r\nexport const cleanCreditCardNumber = (cardNumber: string | number): string =>\r\n{\r\n      if (isNullOrUndefined(cardNumber))\r\n      {\r\n            return '';\r\n      }\r\n\r\n      if (typeof cardNumber === 'number')\r\n      {\r\n            return `${cardNumber}`.trim();\r\n      }\r\n\r\n      if (typeof cardNumber === 'string' && notNullOrUndefinedOrEmpty(cardNumber))\r\n      {\r\n            return `${cardNumber}`.replace(/\\s+/g, '').trim();\r\n      }\r\n\r\n      return 'Invalid Card Number';\r\n}\r\n\r\nexport const sanitiseCreditCardNumber = (cardNumber: string): string => \r\n{\r\n      const cleaned = cleanCreditCardNumber(cardNumber);\r\n      const last4Digits = cleaned.slice(-4);\r\n\r\n      return `XXXX XXXX XXXX ${last4Digits}`;\r\n};\r\n\r\nexport const getCreditCardProvider = (cardNumber: string | number): string =>\r\n{\r\n      if (isNullOrUndefined(cardNumber))\r\n      {\r\n            return 'Unknown';\r\n      }\r\n\r\n      const cardValue: string = cleanCreditCardNumber(cardNumber);\r\n      const cardTypes: CreditCardType[] = creditCardType(cardValue);\r\n\r\n      return cardTypes.length > 0 ? cardTypes[ 0 ].niceType : 'Unknown';\r\n};\r\n\r\nexport const getTitleType = (title: string | undefined | null): UserNameTitle =>\r\n{\r\n      if (isNullOrUndefined(title))\r\n      {\r\n            return 'None';\r\n      }\r\n\r\n      switch (title!.toLowerCase().trim())\r\n      {\r\n            case '':\r\n            case \"none\": return 'None';\r\n            case 'mr': return 'Mr';\r\n            case 'mrs': return 'Mrs';\r\n            case 'miss': return 'Miss';\r\n            case 'ms': return 'Ms';\r\n            case 'dr': return 'Dr';\r\n            case 'prof': return 'Prof';\r\n            case 'rev': return 'Rev';\r\n      }\r\n\r\n      return 'Other';\r\n}\r\n\r\nexport const getCurrentMonthAndYear = (): { month: number, year: number } =>\r\n{\r\n      const date = new Date();\r\n\r\n      return { month: date.getMonth(), year: date.getFullYear() };\r\n}\r\n\r\nexport const getCurrentAddressFromType = (addresses: ICheckoutWizardUserAddresses, targetType: 'Billing' | 'Shipping'): ICheckoutWizardUserAddress | undefined =>\r\n{\r\n      switch (targetType)\r\n      {\r\n            case 'Billing': return addresses?.billing;\r\n            case 'Shipping': return addresses?.shipping;\r\n      }\r\n}\r\n\r\nexport const isAddressValid = (address: IRestApiUserAddressDTO | undefined): boolean =>\r\n{\r\n      const { validate } = UserAddressValidator;\r\n\r\n      if (isNullOrUndefinedOrEmpty(address?.postalCode))\r\n      {\r\n            return false;\r\n      }\r\n\r\n      return validate(address!);\r\n}\r\n\r\n\r\nexport const generateOrderHash = (orderInfo: ICheckoutWizardInformation): string =>\r\n{\r\n      const jsonString = JSON.stringify(orderInfo);\r\n      const hash = CryptoJS.SHA256(jsonString).toString(CryptoJS.enc.Hex);\r\n\r\n      // Truncate to 20 characters\r\n      const truncatedHash = hash.substring(0, 19);\r\n\r\n      return truncatedHash;\r\n}","import * as React from 'react';\r\nimport { useState, useEffect, Fragment } from 'react';\r\nimport { Grid, Container, Divider, Button } from '@mui/material';\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { useAuth } from '../../../../providers/AuthProvider';\r\nimport { restApiUserOperations } from '../../../../stores/api/Generated/Endpoints/RestApiUserOperations';\r\nimport { notNullOrUndefined, notNullOrUndefinedOrEmpty } from '../../../../utilities/Utils';\r\nimport CheckoutAccountAddressInformationContent from './components/CheckoutAccountAddressInformationContent';\r\nimport { IRestApiUserAddressesDTO } from '../../../../stores/api/Generated/Entities/RestApiUserAddressesDTO';\r\nimport useLoadingDialog from '../../../../hooks/useLoadingDialog';\r\nimport { ICheckoutWizardUserAddress } from '../../../../providers/cart/CartCheckoutInformationProvider';\r\n\r\n\r\nconst BillingAndShippingStep: React.FC = () =>\r\n{\r\n      const { setCurrentStepCompleted } = useCartCheckout();\r\n      const { loggedIn, user } = useAuth();\r\n      const { showWithMessage, hide } = useLoadingDialog();\r\n\r\n      const [ trigger, userData ] = restApiUserOperations.hooks.lazyQueries.getUserInformation();\r\n\r\n      const [ currStepCompleted, setCurrStepCompleted ] = useState<boolean>(false);\r\n\r\n      const [ addressPool, setAddressPool ] = useState<IRestApiUserAddressesDTO | undefined>(undefined);\r\n\r\n      const [ isShippingAddressValid, setIsShippingAddressValid] = useState<boolean>(false);\r\n      const [ isBillingAddressValid, setIsBillingAddressValid] = useState<boolean>(false);\r\n\r\n      useEffect(() => {\r\n            setCurrStepCompleted(false);\r\n            if (isShippingAddressValid && isBillingAddressValid) {\r\n                  setCurrStepCompleted(true);\r\n            }\r\n      }, [isShippingAddressValid, isBillingAddressValid])\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (loggedIn &&\r\n                  (notNullOrUndefined(userData?.data?.addresses)))\r\n            {\r\n                  setAddressPool(userData.data!.addresses!);\r\n            }\r\n\r\n      }, [ userData ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (loggedIn && notNullOrUndefinedOrEmpty(user?.id))\r\n            {\r\n                  trigger({ userId: user!.id });\r\n            }\r\n\r\n      }, [ loggedIn ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentStepCompleted(false);\r\n\r\n            if (currStepCompleted)\r\n            {\r\n                  setCurrentStepCompleted(true);\r\n            }\r\n\r\n      }, [ currStepCompleted ]);\r\n\r\n      const onUpdate = (isValid: boolean, targetType: 'Billing' | 'Shipping', updatedAddress: ICheckoutWizardUserAddress) =>\r\n            {  \r\n                  if (targetType === 'Billing') {\r\n                        setIsBillingAddressValid(isValid);\r\n                  }\r\n                  if (targetType === 'Shipping') {\r\n                        setIsShippingAddressValid(isValid);\r\n                  }\r\n            }\r\n      \r\n      return (\r\n\r\n            <Container>\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\r\n                              <CheckoutAccountAddressInformationContent\r\n                                    targetType='Billing'\r\n                                    onUpdate={ onUpdate }\r\n                                    addressPool={ addressPool } />\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\r\n                              <CheckoutAccountAddressInformationContent\r\n                                    targetType='Shipping'\r\n                                    onUpdate={ onUpdate }\r\n                                    addressPool={ addressPool } />\r\n\r\n                        </Grid>\r\n\r\n                  </Grid>\r\n\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default BillingAndShippingStep;\r\n","import * as React from 'react';\r\nimport { useState, useEffect } from 'react';\r\nimport { Box, Grid, Typography, Divider } from '@mui/material';\r\n\r\nimport { useCart } from '../../../../providers/cart/CartProvider';\r\nimport { ICartItem } from '../../../../stores/slices/CartSlice';\r\nimport { getFormattedPrice } from '../Utilities';\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\n\r\nimport CartGridItemFooterTextItem from '../components/CartGridItemFooterTextItem';\r\nimport CartGridItemHeader from '../components/CartGridItemHeader';\r\nimport CheckOutCartGridItemRow from './components/CheckOutCartGridItemRow';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nconst CartSummaryStep: React.FC<{}> = () =>\r\n{\r\n      const { cartItems } = useCart();\r\n      const { setCurrentStepCompleted } = useCartCheckout();\r\n      const navigate = useNavigate();\r\n\r\n      const [ currentCartItems, setCurrentCartItems ] = useState<ICartItem[]>([]);\r\n\r\n      const [ hasCartItems, setHasCartItems ] = useState<boolean>(false);\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentCartItems(cartItems);\r\n\r\n            setCurrentStepCompleted(false);\r\n\r\n            if (cartItems && cartItems.length > 0)\r\n            {\r\n                  setHasCartItems(true);\r\n                  setCurrentStepCompleted(true);\r\n            }\r\n\r\n      }, [ cartItems ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!cartItems || cartItems.length === 0)\r\n            {\r\n                  navigate('/');\r\n            }\r\n\r\n      }, [ 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 calculateTotalSavings = () =>\r\n      {\r\n            const result = currentCartItems\r\n                  .reduce((total, item) => total + (item.selectedProduct.regularPrice! - 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={ 24 }>\r\n                  <CartGridItemHeader spacing={ 1 } value=\"No\" />\r\n                  <CartGridItemHeader spacing={ 10 } value=\"Item(s)\" />\r\n                  <CartGridItemHeader spacing={ 2 } value=\"Price\" />\r\n                  <CartGridItemHeader spacing={ 3 } value=\"Quantity\" />\r\n                  <CartGridItemHeader spacing={ 4 } value=\"Savings\" />\r\n                  <CartGridItemHeader spacing={ 4 } value=\"Total\" />\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                        <CheckOutCartGridItemRow key={ `cartGridItemRow_${item.id.productId}_${item.id.colorId}` } 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={ 24 }>\r\n                  <CartGridItemFooterTextItem spacing={ 16 } text=\"TOTAL PRICE:\" isBold=\"bold\" />\r\n                  <CartGridItemFooterTextItem spacing={ 4 } text={ calculateTotalSavings() } align=\"right\" color=\"error\" />\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 (!hasCartItems)\r\n            {\r\n                  return (\r\n                        <Box>\r\n                              <Typography variant=\"h5\" align=\"center\">\r\n                                    No Items to Checkout!\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            <Box aria-label=\"checkOutCartSummaryOuterBox\"\r\n                  sx={ {\r\n                        margin: 0,\r\n                        padding: '8px 24px',\r\n                  } }>\r\n\r\n                  { renderCartItems() }\r\n\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default CartSummaryStep;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { useNavigate } from 'react-router-dom';\r\n\r\nimport { Box } from '@mui/material';\r\n\r\nimport ArrowCircleLeftIcon from '@mui/icons-material/ArrowCircleLeft';\r\nimport ArrowCircleRightIcon from '@mui/icons-material/ArrowCircleRight';\r\nimport CancelIcon from '@mui/icons-material/Cancel';\r\n\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { useCartCreateOrder } from '../../../../providers/cart/CartCheckoutCreateOrderProvider';\r\n\r\nimport CheckOutStepNavigationButton from './components/CheckOutStepNavigationButton';\r\n\r\nconst CheckoutStepNavigation: React.FC<{}> = (): React.JSX.Element =>\r\n{\r\n      const { currentStepIndex, stepCount, nextStepAvailable, checkStepCompleted, goBack, goNext } = useCartCheckout();\r\n      const { resetCheckout } = useCartCreateOrder();\r\n\r\n      const navigate = useNavigate();\r\n\r\n      const [ CanMoveForward, setCanMoveForward ] = React.useState<boolean>(false);\r\n\r\n\r\n      useEffect(() =>\r\n      {\r\n            // If on the last step, disable moving forward\r\n            if (currentStepIndex === stepCount - 1)\r\n            {\r\n                  setCanMoveForward(false);\r\n\r\n                  return;\r\n            }\r\n\r\n            // For all other steps, check if the current step is complete and the next step is available\r\n            setCanMoveForward(checkStepCompleted() && nextStepAvailable);\r\n\r\n      }, [ currentStepIndex, stepCount, nextStepAvailable, checkStepCompleted ]);\r\n\r\n      const handleCancelCheckout = (): void =>\r\n      {\r\n            resetCheckout();\r\n            navigate('/');\r\n      };\r\n\r\n      return (\r\n            <Box\r\n                  sx={ {\r\n                        display: 'flex',\r\n                        justifyContent: 'space-between',\r\n                        margin: '16px 16px 0 16px',\r\n                  } }>\r\n\r\n                  <CheckOutStepNavigationButton\r\n                        onClick={ goBack }\r\n                        variant='outlined'\r\n                        disabled={ currentStepIndex === 0 }\r\n                        label=\"Back\"\r\n                        color=\"secondary\"\r\n                        icon={ ArrowCircleLeftIcon }\r\n                        iconPosition=\"left\"\r\n                  />\r\n\r\n                  <Box sx={ { display: 'flex', gap: '8px' } }>\r\n\r\n                        <CheckOutStepNavigationButton\r\n                              onClick={ handleCancelCheckout }\r\n                              label=\"Cancel Checkout\"\r\n                              color=\"error\"\r\n                              icon={ CancelIcon }\r\n                              iconPosition=\"left\"\r\n                        />\r\n\r\n                        <CheckOutStepNavigationButton\r\n                              onClick={ goNext }\r\n                              disabled={ !CanMoveForward }\r\n                              label={ currentStepIndex === stepCount - 1 ? 'Finish' : 'Next' }\r\n                              color=\"primary\"\r\n                              icon={ ArrowCircleRightIcon }\r\n                              iconPosition=\"right\"\r\n                        />\r\n\r\n                  </Box>\r\n            </Box>\r\n      );\r\n};\r\n\r\nexport default CheckoutStepNavigation;\r\n","import * as React from 'react';\r\nimport { Fragment, useEffect, useState } from 'react';\r\nimport { Box, Stepper, Typography, Button, Divider, Step, StepLabel } from '@mui/material';\r\n\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { notNullOrUndefined } from '../../../../utilities/Utils';\r\nimport { CheckOutWizardStepType } from '../../../../providers/cart/CartCheckoutProvider.Types';\r\n\r\nimport CheckoutStepNavigation from './CheckoutStepNavigation';\r\nimport CheckoutStepperItem from './components/CheckoutStepperItem';\r\n\r\ninterface ICheckOutPageContentProps\r\n{\r\n      initialPage?: CheckOutWizardStepType;\r\n}\r\n\r\nconst CheckOutPageContent: React.FC<ICheckOutPageContentProps> = (props: ICheckOutPageContentProps = { initialPage: undefined }): React.JSX.Element =>\r\n{\r\n      const { currentStep, currentStepIndex, steps, isFinished, getCurrentStepContent, setInitialStep, finish } = useCartCheckout();\r\n      const [ setInitialPageOnce, setSetInitialPageOnce ] = useState<boolean>(false);\r\n      const [ shouldRenderNavigation, setShouldRenderNavigation ] = useState<boolean>(true);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (shouldRenderNavigation !== !isFinished)\r\n            {\r\n                  setShouldRenderNavigation(!isFinished);\r\n            }\r\n\r\n      }, [ steps, isFinished ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!setInitialPageOnce && notNullOrUndefined(props.initialPage))\r\n            {\r\n                  setSetInitialPageOnce(true);\r\n            }\r\n\r\n      }, [ props.initialPage, currentStep.type ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (notNullOrUndefined(props.initialPage))\r\n            {\r\n                  setInitialStep(props.initialPage!);\r\n            }\r\n\r\n      }, [ setInitialPageOnce ]);\r\n\r\n      const renderNavigation = (shouldRenderNavigation: boolean): React.JSX.Element =>\r\n      {\r\n            if (!shouldRenderNavigation)\r\n            {\r\n                  return <Fragment />;\r\n            }\r\n\r\n            return (\r\n                  <Fragment>\r\n                        <Divider sx={ { margin: '16px' } } />\r\n                        <CheckoutStepNavigation />\r\n                  </Fragment>\r\n            );\r\n      }\r\n\r\n      const renderContent = (shouldRenderNavigation: boolean): React.JSX.Element =>\r\n      {\r\n            return (\r\n                  <Box sx={ { margin: 0, padding: 0 } }>\r\n                        { getCurrentStepContent() }\r\n                        { renderNavigation(shouldRenderNavigation) }\r\n                  </Box>\r\n            )\r\n      }\r\n\r\n      return (\r\n            <Fragment>\r\n\r\n                  <Stepper activeStep={ currentStepIndex } sx={ { padding: '8px 8px 16px 8px' } }>\r\n                        { steps.map((step, index) => (\r\n                              <Step key={ step.type }>\r\n\r\n                                    <StepLabel\r\n                                          StepIconComponent={ () => (\r\n\r\n                                                <Box sx={ { display: 'flex', flexDirection: 'column', alignItems: 'center' } }>\r\n\r\n                                                      <CheckoutStepperItem key={ step.type } stepItemIndex={ index } />\r\n\r\n                                                </Box>\r\n                                          ) }\r\n                                    />\r\n                              </Step>\r\n                        )) }\r\n                  </Stepper>\r\n\r\n                  <Divider sx={ { margin: '16px' } } />\r\n\r\n                  <Box sx={ { margin: 0, padding: 0 } }>\r\n\r\n                        { currentStepIndex >= steps.length ? (\r\n                              <Box>\r\n                                    <Typography>All steps completed</Typography>\r\n                                    <Button onClick={ finish }>Reset</Button>\r\n                              </Box>\r\n                        ) : renderContent(shouldRenderNavigation)\r\n                        }\r\n                  </Box>\r\n\r\n            </Fragment>\r\n      );\r\n};\r\n\r\nexport default CheckOutPageContent;\r\n","import * as React from 'react';\r\n\r\nimport { Box, Container, Stack } from '@mui/material';\r\n\r\nimport StyledPaperComponent from '../../../../components/styled/StyledCardComponents/StyledPaperComponent';\r\nimport CheckOutPageContent from './CheckOutPageContent';\r\nimport { useEffect } from 'react';\r\nimport { useCartCreateOrder } from '../../../../providers/cart/CartCheckoutCreateOrderProvider';\r\n\r\n\r\nconst CheckOutPage: React.FC = (): React.JSX.Element =>\r\n{\r\n      const { resetCheckout } = useCartCreateOrder();\r\n\r\n      useEffect(() =>\r\n      {\r\n            resetCheckout();\r\n\r\n      }, []);\r\n\r\n      return (\r\n\r\n            <Container arial-label=\"CheckoutPageContainer\">\r\n\r\n                  <Stack spacing={ 2 } direction=\"column\" sx={ { display: 'flex', alignItems: 'stretch' } }>\r\n\r\n                        <StyledPaperComponent effect=\"fade\" effectDuration={ 0.5 } headerTitle=\"Checkout Process\" headerSize=\"large\" fillSize=\"both\">\r\n\r\n                              <Box sx={ { margin: '16px 0px' } } aria-label=\"CheckOutPageContent\" >\r\n\r\n                                    <CheckOutPageContent initialPage='cartSummary' />\r\n\r\n                              </Box>\r\n\r\n                        </StyledPaperComponent>\r\n\r\n                  </Stack>\r\n\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default CheckOutPage;\r\n","import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport { Container } from '@mui/material';\r\n\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { useCartCreateOrder } from '../../../../providers/cart/CartCheckoutCreateOrderProvider';\r\n\r\nimport OrderSuccessful from './components/OrderSuccessful';\r\nimport OrderFailed from './components/OrderFailed';\r\n\r\nconst FinishedStep: React.FC<{}> = () =>\r\n{\r\n      const {\r\n            submitOrderSuccessResponse,\r\n            submitOrderErrorResponse,\r\n            resetOrderResult\r\n      } = useCartCreateOrder();\r\n\r\n      const { isFinished, finish, setCurrentStepCompleted, goNext } = useCartCheckout();\r\n\r\n      const [ orderingProcessFinished, setOrderingProcessFinished ] = useState<boolean>(false);\r\n      const [ isOrderSuccessful, setIsOrderSuccessful ] = useState<boolean>(false);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (orderingProcessFinished)\r\n            {\r\n                  return;\r\n            }\r\n\r\n            setCurrentStepCompleted(true);\r\n            setIsOrderSuccessful(false);\r\n\r\n            if (submitOrderSuccessResponse && submitOrderSuccessResponse.isSuccess)\r\n            {\r\n                  setIsOrderSuccessful(true);\r\n            }\r\n\r\n            if (submitOrderSuccessResponse !== null ||\r\n                  submitOrderErrorResponse !== null)\r\n            {\r\n                  resetOrderResult();\r\n                  setOrderingProcessFinished(true);\r\n            }\r\n\r\n      }, [ submitOrderSuccessResponse, submitOrderErrorResponse ]);\r\n\r\n      useEffect(() =>\r\n      {\r\n            if (!isFinished && isOrderSuccessful && orderingProcessFinished)\r\n            {\r\n                  finish();\r\n            }\r\n\r\n      }, [ orderingProcessFinished ]);\r\n\r\n      return (\r\n            <Container>\r\n\r\n                  { submitOrderSuccessResponse && orderingProcessFinished && isOrderSuccessful && (<OrderSuccessful success={ submitOrderSuccessResponse } />) }\r\n\r\n                  { submitOrderErrorResponse && orderingProcessFinished && !isOrderSuccessful && (<OrderFailed failure={ submitOrderErrorResponse } />) }\r\n\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default FinishedStep;\r\n","import * as React from 'react';\r\n\r\nimport { Grid, Container, Divider } from '@mui/material';\r\n\r\nimport CheckOutAsGuest from './components/CheckOutAsGuest';\r\nimport LoginBeforeCheckout from './components/LoginBeforeCheckout';\r\nimport CreateAccountBeforeCheckout from './components/CreateAccountBeforeCheckout';\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { CheckOutWizardStepType } from '../../../../providers/cart/CartCheckoutProvider.Types';\r\n\r\n\r\nconst LoginOrGuestStep: React.FC = (): React.JSX.Element =>\r\n{\r\n      const { setCurrentStepCompleted, jumpToStep } = useCartCheckout();\r\n\r\n      const moveToStep = (type: CheckOutWizardStepType) =>\r\n      {\r\n            jumpToStep(type, {\r\n                  markPreviousStepsComplete: true,\r\n                  markNextStepsAvailable: 'unchanged'\r\n            });\r\n      }\r\n\r\n      const handleCreateAccount = (): void =>\r\n      {\r\n            // Implement the create account functionality\r\n            console.log(\"Create account\");\r\n\r\n            setCurrentStepCompleted(true);\r\n      };\r\n\r\n      const handleContinueAsGuest = (): void =>\r\n      {\r\n            // Implement the continue as guest functionality\r\n            console.log(\"Continue as guest\");\r\n\r\n            setCurrentStepCompleted(true);\r\n            moveToStep('userInformation');\r\n      };\r\n\r\n      const handleLogin = (): void =>\r\n      {\r\n            // Implement the create account functionality\r\n            console.log(\"Create account\");\r\n\r\n            setCurrentStepCompleted(true);\r\n            moveToStep('userInformation');\r\n      };\r\n\r\n      return (\r\n            <Container>\r\n\r\n                  <Grid container spacing={ 1 } columns={ 26 } alignItems=\"stretch\">\r\n                        <Grid item xs={ 8 } sx={ { display: 'flex', flexDirection: 'column', justifyContent: 'center', margin: 0, padding: 0 } }>\r\n                              <CreateAccountBeforeCheckout onCreateAccount={ handleCreateAccount } />\r\n                        </Grid>\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                        <Grid item xs={ 8 } sx={ { display: 'flex', flexDirection: 'column', justifyContent: 'center', margin: 0, padding: 0 } }>\r\n                              <CheckOutAsGuest handleContinueAsGuest={ handleContinueAsGuest } />\r\n                        </Grid>\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                        <Grid item xs={ 8 } sx={ { display: 'flex', flexDirection: 'column', justifyContent: 'center', margin: 0, padding: 0 } }>\r\n                              <LoginBeforeCheckout handleLogin={ handleLogin } />\r\n                        </Grid>\r\n                  </Grid>\r\n\r\n            </Container>\r\n\r\n      );\r\n};\r\n\r\nexport default LoginOrGuestStep;\r\n","import * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { Container } from '@mui/material';\r\nimport { ICheckoutWizardUserAddress, ICheckoutWizardUserPaymentInformation, useCartCheckoutInformation } from '../../../../providers/cart/CartCheckoutInformationProvider';\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport PaymentInformationStepContent from './components/PaymentInformationStepContent';\r\nimport { ICreditCardInformation, IUserPaymentInformation } from '../../../../types/UserInformationTypes';\r\n\r\nimport PaymentInformationValidator from '../../../../validators/UserPaymentInformationValidator';\r\nimport { isNullOrUndefinedOrEmpty } from '../../../../utilities/Utils';\r\n\r\nexport interface AddressInformationHoldingType\r\n{\r\n      Address: ICheckoutWizardUserAddress;\r\n      IsValid: boolean;\r\n}\r\n\r\nconst PaymentInformationStep: React.FC = () =>\r\n{\r\n      const { information, setPaymentInformation } = useCartCheckoutInformation();\r\n      const { setCurrentStepCompleted } = useCartCheckout();\r\n\r\n      useEffect(() =>\r\n      {\r\n            setCurrentStepCompleted(false);\r\n\r\n            if (isValid(information.PaymentInformation))\r\n            {\r\n                  setCurrentStepCompleted(true);\r\n            }\r\n\r\n      }, [ information.PaymentInformation ]);\r\n\r\n      const isValid = (paymentInformation: IUserPaymentInformation): boolean =>\r\n      {\r\n            const { validate } = PaymentInformationValidator;\r\n\r\n            if (isNullOrUndefinedOrEmpty(paymentInformation?.creditCard?.name))\r\n            {\r\n                  return false;\r\n            }\r\n\r\n            return validate(paymentInformation);\r\n      }\r\n\r\n      const handleUpdatePaymentInfo = (isValid: boolean, paymentInfo: ICreditCardInformation): void =>\r\n      {\r\n            const newPaymentInformation: ICheckoutWizardUserPaymentInformation = {\r\n                  ...information.PaymentInformation,\r\n                  creditCard:\r\n                  {\r\n                        ...information.PaymentInformation.creditCard,\r\n                        name: paymentInfo.name,\r\n                        number: paymentInfo.number,\r\n                        expiryMonth: paymentInfo.expiryMonth,\r\n                        expiryYear: paymentInfo.expiryYear,\r\n                        verificationCode: paymentInfo.verificationCode\r\n                  }\r\n            };\r\n\r\n            setPaymentInformation(newPaymentInformation);\r\n      };\r\n\r\n      return (\r\n            <Container>\r\n                  <PaymentInformationStepContent paymentInformation={ information.PaymentInformation } updatePaymentInfo={ handleUpdatePaymentInfo } />\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default PaymentInformationStep;\r\n","import * as React from 'react';\r\nimport { useEffect, useState } from 'react';\r\nimport { Container, Typography, useTheme, Backdrop } from '@mui/material';\r\n\r\nimport { ICheckoutWizardUserAddress, useCartCheckoutInformation } from '../../../../providers/cart/CartCheckoutInformationProvider';\r\n\r\nimport { useCartCheckout } from '../../../../providers/cart/CartCheckoutProvider';\r\nimport { useCart } from '../../../../providers/cart/CartProvider';\r\nimport { useCartCreateOrder } from '../../../../providers/cart/CartCheckoutCreateOrderProvider';\r\n\r\nimport CheckOutAccountActionButton from './components/CheckOutAccountActionButton';\r\nimport CheckOutActionTitle from './components/CheckOutActionTitle';\r\nimport CartReviewSummaryOrderedItemsList from './components/CartSummaryOrderedItemsList';\r\nimport CartReviewSummaryPersonalDetails from './components/CartReviewSummaryPersonalDetails';\r\nimport CartReviewOrderAddresses from './components/CartReviewOrderAddresses';\r\n\r\nimport CartReviewOrderShippingMethod from './components/CartReviewOrderShippingMethod';\r\nimport CartReviewOrderBillingInformation from './components/CartReviewOrderBillingInformation';\r\nimport OrderSubmissionInProgress from './components/OrderSubmissionInProgress';\r\nimport CartReviewSummaryTax from './components/CartReviewSummaryTax';\r\n\r\n\r\nexport interface AddressInformationHoldingType {\r\n      Address: ICheckoutWizardUserAddress;\r\n      IsValid: boolean;\r\n}\r\n\r\nconst ReviewOrderStep: React.FC = () => {\r\n      const theme = useTheme();\r\n\r\n      const {\r\n            submitOrderResult,\r\n            submitOrderSuccessResponse,\r\n            submitOrderErrorResponse,\r\n            submitOrder } = useCartCreateOrder();\r\n\r\n      const { cartItems } = useCart();\r\n      const { information, setCheckoutItems } = useCartCheckoutInformation();\r\n      const { setCurrentStepCompleted, goNext } = useCartCheckout();\r\n\r\n      const [isSubmitting, setIsSubmitting] = useState(false);\r\n      const [canSubmit, setCanSubmit] = useState<boolean>(false);\r\n      const [canGoNext, setCanGoNext] = useState<boolean>(false);\r\n\r\n      useEffect(() => {\r\n            setCheckoutItems(cartItems);\r\n\r\n      }, [cartItems]);\r\n\r\n      useEffect(() => {\r\n            if (submitOrderSuccessResponse !== null) {\r\n                  console.log('Order Server Response:', submitOrderSuccessResponse);\r\n                  setCanSubmit(false);\r\n            }\r\n\r\n            if (submitOrderErrorResponse !== null) {\r\n                  console.log('Order Server Error:', submitOrderErrorResponse);\r\n                  setCanSubmit(true);\r\n            }\r\n\r\n            if (submitOrderSuccessResponse !== null ||\r\n                  submitOrderErrorResponse !== null) {\r\n                  setIsSubmitting(false);\r\n                  setCurrentStepCompleted(true);\r\n                  setIsSubmitting(false);\r\n            }\r\n\r\n      }, [submitOrderSuccessResponse, submitOrderErrorResponse]);\r\n\r\n      useEffect(() => {\r\n            if (submitOrderResult === 'initialised') {\r\n                  setCanSubmit(true);\r\n            }\r\n\r\n            if (submitOrderResult === 'success') {\r\n                  setCanSubmit(false);\r\n                  setCanGoNext(true);\r\n            }\r\n\r\n            if (submitOrderResult === 'payment-gateway-failure' || submitOrderResult === 'backend-server-failure') {\r\n                  setCanSubmit(true);\r\n                  setCanGoNext(true);\r\n            }\r\n\r\n      }, [submitOrderResult]);\r\n\r\n      useEffect(() => {\r\n            if (canGoNext) {\r\n                  const shouldCompleteStepNow = submitOrderResult === 'success'\r\n\r\n                  goNext(shouldCompleteStepNow);\r\n            }\r\n\r\n      }, [canGoNext, submitOrderResult]);\r\n\r\n      const handleOrderReviewCompletedClick = (event: React.MouseEvent<HTMLButtonElement>): void => {\r\n            console.log(`Clicked Complete Order`);\r\n\r\n            event.preventDefault();\r\n            event.stopPropagation();\r\n\r\n            setIsSubmitting(true);\r\n            submitOrder();\r\n      }\r\n\r\n      return (\r\n            <Container>\r\n\r\n                  <Backdrop\r\n                        open={ isSubmitting }\r\n                        sx={ {\r\n                              zIndex: (theme) => theme.zIndex.drawer + 1,\r\n                              color: theme.palette.background.paper,\r\n                              backdropFilter: 'blur(2px)'\r\n                        } }>\r\n\r\n                        <OrderSubmissionInProgress />\r\n\r\n                  </Backdrop>\r\n\r\n                  <CheckOutActionTitle title='Review Order' minHeight={ 60 } />\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                              color: theme.palette.text.primary\r\n                        } }\r\n                        align='justify' >\r\n                        This page allows you to review your order before finalizing it. Please ensure that all your information, including shipping and payment details, are correct.\r\n                        You can still go back to make any changes if necessary.\r\n                  </Typography>\r\n\r\n                  <CartReviewSummaryOrderedItemsList />\r\n\r\n                  <CartReviewSummaryPersonalDetails />\r\n\r\n                  <CartReviewOrderAddresses />\r\n\r\n                  <CartReviewOrderShippingMethod />\r\n\r\n                  <CartReviewSummaryTax />\r\n\r\n                  <CartReviewOrderBillingInformation />\r\n\r\n                  <Typography variant='body1' sx={ { marginBottom: '16px', fontWeight: 'bold', color: theme.palette.text.primary } } align='center' gutterBottom>\r\n                        Please ensure that all the information provided is accurate before clicking the \"Place Order\" button to finalize your purchase.\r\n                  </Typography>\r\n\r\n                  <Typography variant='body1' sx={ { marginBottom: '16px', color: theme.palette.text.primary } } align='justify' gutterBottom>\r\n                        After initiating the order process, kindly remain on this page and <u>avoid navigating to other sections of the website or closing your browser window</u>.\r\n                        The order completion process may take a few moments, and any interruption could lead to potential issues.\r\n                  </Typography>\r\n\r\n                  <Typography variant='body1' sx={ { marginBottom: '16px', color: theme.palette.text.primary } } align='justify' gutterBottom>\r\n                        It's important to note that your order will only be successfully placed if the payment is processed without any issues.\r\n                        If the payment fails for any reason, such as insufficient funds or incorrect payment details, the order will not be completed.\r\n                        In such cases, you may need to revisit the payment information and try again.\r\n                  </Typography>\r\n\r\n                  <Typography variant='body1' sx={ { marginBottom: '16px', color: theme.palette.text.primary } } align='center' gutterBottom>\r\n                        Your patience and cooperation during this critical step are greatly appreciated to ensure a smooth and successful transaction.\r\n                  </Typography>\r\n\r\n                  <CheckOutAccountActionButton\r\n                        text='Complete Order'\r\n                        isDisabled={ !canSubmit }\r\n                        backgroundColor='#800080'\r\n                        handleClick={ handleOrderReviewCompletedClick } />\r\n\r\n            </Container>\r\n      );\r\n};\r\n\r\nexport default ReviewOrderStep;\r\n"],"names":["theme","navigate","audioPlayer","A","getInstance","cartItems","hasCheckedItems","removeCheckedItemsFromCart","start","currentCartItems","setCurrentCartItems","useState","deleteCheckedEnabled","setDeleteCheckedEnabled","useEffect","handleDeleteChecked","playSound","handleCheckout","length","calculateTotalPrice","result","reduce","total","item","selectedProduct","liquidationPrice","quantity","toFixed","calculateTotalSavings","regularPrice","spacing","direction","sx","display","alignItems","effect","effectDuration","headerTitle","headerSize","fillSize","margin","variant","align","container","columns","value","map","index","cartItem","checked","id","productId","colorId","color","palette","secondary","contrastText","backgroundColor","main","text","isBold","isStrikeThrough","xs","startIcon","onClick","disabled","fullWidth","borderRadius","weightUnitMap","getFormattedPrice","price","parseFloat","convertToKilograms","unit","to","convertFromKilograms","conv","cleanCreditCardNumber","cardNumber","trim","replace","sanitiseCreditCardNumber","slice","getCreditCardProvider","cardValue","cardTypes","niceType","getCurrentMonthAndYear","date","Date","month","getMonth","year","getFullYear","getCurrentAddressFromType","addresses","targetType","billing","shipping","isAddressValid","address","validate","postalCode","setCurrentStepCompleted","loggedIn","user","showWithMessage","hide","trigger","userData","hooks","lazyQueries","getUserInformation","currStepCompleted","setCurrStepCompleted","addressPool","setAddressPool","undefined","isShippingAddressValid","setIsShippingAddressValid","isBillingAddressValid","setIsBillingAddressValid","data","userId","onUpdate","isValid","updatedAddress","flexDirection","justifyContent","padding","orientation","flexItem","hasCartItems","setHasCartItems","currentStepIndex","stepCount","nextStepAvailable","checkStepCompleted","goBack","goNext","resetCheckout","CanMoveForward","setCanMoveForward","Box","CheckOutStepNavigationButton","label","icon","ArrowCircleLeft","iconPosition","gap","Cancel","ArrowCircleRight","props","initialPage","currentStep","steps","isFinished","getCurrentStepContent","setInitialStep","finish","setInitialPageOnce","setSetInitialPageOnce","shouldRenderNavigation","setShouldRenderNavigation","type","renderNavigation","Fragment","Divider","Stepper","activeStep","step","Step","StepLabel","StepIconComponent","CheckoutStepperItem","stepItemIndex","Typography","Button","renderContent","Container","Stack","StyledPaperComponent","submitOrderSuccessResponse","submitOrderErrorResponse","resetOrderResult","orderingProcessFinished","setOrderingProcessFinished","isOrderSuccessful","setIsOrderSuccessful","isSuccess","success","failure","jumpToStep","moveToStep","markPreviousStepsComplete","markNextStepsAvailable","onCreateAccount","handleContinueAsGuest","handleLogin","information","setPaymentInformation","PaymentInformation","paymentInformation","creditCard","name","updatePaymentInfo","paymentInfo","newPaymentInformation","number","expiryMonth","expiryYear","verificationCode","submitOrderResult","submitOrder","setCheckoutItems","isSubmitting","setIsSubmitting","canSubmit","setCanSubmit","canGoNext","setCanGoNext","open","zIndex","drawer","background","paper","backdropFilter","title","minHeight","gutterBottom","marginTop","marginBottom","primary","fontWeight","isDisabled","handleClick","event","preventDefault","stopPropagation"],"sourceRoot":""}