@salesgenterp/ui-components 0.4.450 → 0.4.452

package/dist/index.js

@@ -1001,25 +1001,50 @@ var getCartDiscountList = function getCartDiscountList(_ref6) {
   var apiEndPoint = _ref6.apiEndPoint,
     token = _ref6.token;
   try {
+    var getStoreIdsData = localStorage.getItem('storeIds');
+    var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
     return Promise.resolve(API({
       apiEndPoint: apiEndPoint,
       token: token,
-      url: "/cartDiscount?storeId=2",
+      url: "/cartDiscount?storeId=" + storeId,
       hideErrorMessage: true
     }));
   } catch (e) {
     return Promise.reject(e);
   }
 };
-var addCartDiscount = function addCartDiscount(_ref8) {
-  var apiEndPoint = _ref8.apiEndPoint,
-    token = _ref8.token,
-    body = _ref8.body;
+var autoApplyCoupon = function autoApplyCoupon(_ref7) {
+  var apiEndPoint = _ref7.apiEndPoint,
+    token = _ref7.token,
+    subTotal = _ref7.subTotal;
   try {
+    var getStoreIdsData = localStorage.getItem('storeIds');
+    var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
     return Promise.resolve(API({
       apiEndPoint: apiEndPoint,
       token: token,
-      url: "/cartDiscount?storeId=2",
+      url: "/cartDiscount/autoApply",
+      method: 'put',
+      queryParams: {
+        cartTotal: subTotal,
+        storeId: storeId
+      }
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var addCartDiscount = function addCartDiscount(_ref9) {
+  var apiEndPoint = _ref9.apiEndPoint,
+    token = _ref9.token,
+    body = _ref9.body;
+  try {
+    var getStoreIdsData = localStorage.getItem('storeIds');
+    var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      url: "/cartDiscount?storeId=" + storeId,
       method: 'post',
       body: body,
       successMessage: 'Discount added successfully.',
@@ -1029,15 +1054,17 @@ var addCartDiscount = function addCartDiscount(_ref8) {
     return Promise.reject(e);
   }
 };
-var deleteCartDiscount = function deleteCartDiscount(_ref9) {
-  var apiEndPoint = _ref9.apiEndPoint,
-    token = _ref9.token,
-    discountId = _ref9.discountId;
+var deleteCartDiscount = function deleteCartDiscount(_ref10) {
+  var apiEndPoint = _ref10.apiEndPoint,
+    token = _ref10.token,
+    discountId = _ref10.discountId;
   try {
+    var getStoreIdsData = localStorage.getItem('storeIds');
+    var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
     return Promise.resolve(API({
       apiEndPoint: apiEndPoint,
       token: token,
-      url: "/cartDiscount?cartDiscountMapId=" + discountId + "&storeId=2",
+      url: "/cartDiscount?cartDiscountMapId=" + discountId + "&storeId=" + storeId,
       method: 'delete',
       successMessage: 'Discount removed successfully.',
       errorMessage: 'Error in removing discount.'
@@ -1046,6 +1073,93 @@ var deleteCartDiscount = function deleteCartDiscount(_ref9) {
     return Promise.reject(e);
   }
 };
+var addSalesOrder = function addSalesOrder(_ref12) {
+  var apiEndPoint = _ref12.apiEndPoint,
+    token = _ref12.token,
+    orderDetails = _ref12.orderDetails;
+  try {
+    var getStoreIdsData = localStorage.getItem('storeIds');
+    var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      body: orderDetails,
+      url: "/ecommerce/salesOrder?storeId=" + storeId,
+      method: 'post',
+      errorMessage: 'unable to complete the order'
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getCustomer = function getCustomer(_ref13) {
+  var apiEndPoint = _ref13.apiEndPoint,
+    token = _ref13.token;
+  try {
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      url: "/ecommerce/customer",
+      hideErrorMessage: true
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getDeliveryOption = function getDeliveryOption(_ref14) {
+  var apiEndPoint = _ref14.apiEndPoint,
+    token = _ref14.token;
+  try {
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      url: "/shipping/options"
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var getTaxData = function getTaxData(_ref15) {
+  var apiEndPoint = _ref15.apiEndPoint,
+    token = _ref15.token,
+    shippingAddressId = _ref15.shippingAddressId;
+  try {
+    var getStoreIdsData = localStorage.getItem('storeIds');
+    var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      url: "/cartLineItem/totalTax",
+      queryParams: {
+        storeId: storeId,
+        customerShippingAddressId: shippingAddressId
+      }
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
+var createStoreAddress = function createStoreAddress(_ref16) {
+  var apiEndPoint = _ref16.apiEndPoint,
+    token = _ref16.token,
+    data = _ref16.data,
+    customerId = _ref16.customerId;
+  try {
+    return Promise.resolve(API({
+      apiEndPoint: apiEndPoint,
+      token: token,
+      method: 'POST',
+      url: "/ecommerce/customer/" + customerId + "/address",
+      body: _extends({}, data, {
+        customerId: customerId
+      }),
+      successMessage: 'Address added successfully.',
+      errorMessage: 'Error in added the address.'
+    }));
+  } catch (e) {
+    return Promise.reject(e);
+  }
+};
 
 var Skeleton = function Skeleton(_ref) {
   var _ref$height = _ref.height,
@@ -5085,7 +5199,11 @@ var _templateObject$l, _templateObject2$d, _templateObject3$9;
 var BannerImages = function BannerImages(_ref) {
   var config = _ref.config,
     sliderImages = _ref.sliderImages,
-    itemStyle = _ref.itemStyle;
+    itemStyle = _ref.itemStyle,
+    _ref$sliderTypeName = _ref.sliderTypeName,
+    sliderTypeName = _ref$sliderTypeName === void 0 ? '' : _ref$sliderTypeName,
+    _ref$handleBannerClic = _ref.handleBannerClick,
+    handleBannerClick = _ref$handleBannerClic === void 0 ? function () {} : _ref$handleBannerClic;
   var sliderImageList = sliderImages === null || sliderImages === void 0 ? void 0 : sliderImages.sliderImageList;
   var isTablet = material.useMediaQuery('(max-width:768px)');
   var isMobile = material.useMediaQuery('(max-width:480px)');
@@ -5120,6 +5238,12 @@ var BannerImages = function BannerImages(_ref) {
       style: {
         overflow: 'hidden',
         height: '100%'
+      },
+      onClick: function onClick(e) {
+        if ((v === null || v === void 0 ? void 0 : v.sliderType) === sliderTypeName) {
+          e.preventDefault();
+          handleBannerClick(v);
+        }
       }
     }, /*#__PURE__*/React__default.createElement("a", {
       href: (v === null || v === void 0 ? void 0 : v.redirectPath) || ''
@@ -5255,7 +5379,11 @@ var HomeBanner = function HomeBanner(_ref) {
     businessTypeId = _ref$businessTypeId === void 0 ? 1 : _ref$businessTypeId,
     categoryId = _ref.categoryId,
     brandId = _ref.brandId,
-    extra = _ref.extra;
+    extra = _ref.extra,
+    _ref$sliderTypeName = _ref.sliderTypeName,
+    sliderTypeName = _ref$sliderTypeName === void 0 ? '' : _ref$sliderTypeName,
+    _ref$handleBannerClic = _ref.handleBannerClick,
+    handleBannerClick = _ref$handleBannerClic === void 0 ? function () {} : _ref$handleBannerClic;
   var _useState = React.useState([]),
     sliderTypes = _useState[0],
     setSliderTypes = _useState[1];
@@ -5409,7 +5537,9 @@ var HomeBanner = function HomeBanner(_ref) {
         }, JUSTIFY === null || JUSTIFY === void 0 ? void 0 : JUSTIFY[config === null || config === void 0 ? void 0 : config.justify])
       }, /*#__PURE__*/React__default.createElement(SingleBanner, {
         config: config,
-        sliderImages: sliderImages
+        sliderImages: sliderImages,
+        sliderTypeName: sliderTypeName,
+        handleBannerClick: handleBannerClick
       }));
     }))));
   }), extraExcludeComponents === null || extraExcludeComponents === void 0 ? void 0 : extraExcludeComponents.map(function (item, i) {
@@ -5424,10 +5554,14 @@ var Root$6 = styled__default.div(_templateObject$n || (_templateObject$n = _tagg
 var MainContainer$1 = styled__default.div(_templateObject2$f || (_templateObject2$f = _taggedTemplateLiteralLoose([""])));
 var SingleBanner = function SingleBanner(_ref3) {
   var config = _ref3.config,
-    sliderImages = _ref3.sliderImages;
+    sliderImages = _ref3.sliderImages,
+    sliderTypeName = _ref3.sliderTypeName,
+    handleBannerClick = _ref3.handleBannerClick;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, !(config !== null && config !== void 0 && config.isSlider) ? /*#__PURE__*/React__default.createElement(BannerImages, {
     config: config,
-    sliderImages: sliderImages
+    sliderImages: sliderImages,
+    sliderTypeName: sliderTypeName,
+    handleBannerClick: handleBannerClick
   }) : /*#__PURE__*/React__default.createElement(LandingCarousel, {
     config: config,
     sliderImages: sliderImages
@@ -5458,7 +5592,13 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
     isSlider = _ref.isSlider,
     filterNoUrlData = _ref.filterNoUrlData,
     _ref$maxShowItem = _ref.maxShowItem,
-    maxShowItem = _ref$maxShowItem === void 0 ? 9 : _ref$maxShowItem;
+    maxShowItem = _ref$maxShowItem === void 0 ? 9 : _ref$maxShowItem,
+    _ref$cssEase = _ref.cssEase,
+    cssEase = _ref$cssEase === void 0 ? '' : _ref$cssEase,
+    _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? 1000 : _ref$speed,
+    _ref$autoplaySpeed = _ref.autoplaySpeed,
+    autoplaySpeed = _ref$autoplaySpeed === void 0 ? 5000 : _ref$autoplaySpeed;
   var isTablet = material.useMediaQuery('(max-width:768px)');
   var isMobile = material.useMediaQuery('(max-width:480px)');
   var brandListData = (brandList === null || brandList === void 0 ? void 0 : brandList.content) || [];
@@ -5480,11 +5620,13 @@ var LandingCarousel$1 = function LandingCarousel(_ref) {
     return {
       dots: true,
       infinite: true,
+      speed: speed,
       slidesToShow: maxShowItem || 9,
       slidesToScroll: 1,
       swipeToSlide: true,
       autoplay: true,
-      autoplaySpeed: 5000,
+      autoplaySpeed: autoplaySpeed,
+      cssEase: cssEase,
       arrows: true,
       pauseOnHover: true,
       prevArrow: /*#__PURE__*/React__default.createElement(ai.AiOutlineLeft, null),
@@ -5593,7 +5735,13 @@ var BrandList = function BrandList(_ref) {
     _ref$filterNoUrlData = _ref.filterNoUrlData,
     filterNoUrlData = _ref$filterNoUrlData === void 0 ? false : _ref$filterNoUrlData,
     _ref$maxShowItem = _ref.maxShowItem,
-    maxShowItem = _ref$maxShowItem === void 0 ? 9 : _ref$maxShowItem;
+    maxShowItem = _ref$maxShowItem === void 0 ? 9 : _ref$maxShowItem,
+    _ref$cssEase = _ref.cssEase,
+    cssEase = _ref$cssEase === void 0 ? '' : _ref$cssEase,
+    _ref$speed = _ref.speed,
+    speed = _ref$speed === void 0 ? 1000 : _ref$speed,
+    _ref$autoplaySpeed = _ref.autoplaySpeed,
+    autoplaySpeed = _ref$autoplaySpeed === void 0 ? 5000 : _ref$autoplaySpeed;
   var _useState = React.useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -5628,7 +5776,10 @@ var BrandList = function BrandList(_ref) {
     noImgUrl: noImgUrl,
     isSlider: isSlider,
     filterNoUrlData: filterNoUrlData,
-    maxShowItem: maxShowItem
+    maxShowItem: maxShowItem,
+    cssEase: cssEase,
+    speed: speed,
+    autoplaySpeed: autoplaySpeed
   }))));
 };
 var Root$8 = styled__default.div(_templateObject$p || (_templateObject$p = _taggedTemplateLiteralLoose([""])));
@@ -10347,6 +10498,147 @@ var StyledButton = styled__default.button(_templateObject2$u || (_templateObject
   return props.theme.primaryColor;
 });
 
+var DiscountSummaryModal = function DiscountSummaryModal(_ref) {
+  var discountCoupons = _ref.discountCoupons,
+    orderTotal = _ref.orderTotal,
+    primaryColor = _ref.primaryColor,
+    open = _ref.open,
+    onCancel = _ref.onCancel;
+  return /*#__PURE__*/React__default.createElement(material.Dialog, {
+    open: open,
+    onClose: onCancel,
+    fullWidth: true,
+    maxWidth: "sm"
+  }, /*#__PURE__*/React__default.createElement(material.DialogTitle, null, /*#__PURE__*/React__default.createElement(material.Typography, {
+    variant: "h4",
+    fontWeight: "bold",
+    align: "center",
+    sx: {
+      color: '#000000',
+      fontSize: '1.8rem'
+    }
+  }, "Discount Has Been Applied! \uD83C\uDF89")), /*#__PURE__*/React__default.createElement(material.DialogContent, null, /*#__PURE__*/React__default.createElement(material.Box, {
+    sx: {
+      padding: 2
+    }
+  }, /*#__PURE__*/React__default.createElement(material.TableContainer, {
+    component: material.Box,
+    sx: {
+      border: '1px solid #e0e0e0',
+      borderRadius: 2
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Table, null, /*#__PURE__*/React__default.createElement(material.TableHead, null, /*#__PURE__*/React__default.createElement(material.TableRow, null, /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, "Coupon Code"), /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, "Discount"), /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, "Auto Applied"))), /*#__PURE__*/React__default.createElement(material.TableBody, null, discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.map(function (item, i) {
+    return /*#__PURE__*/React__default.createElement(material.TableRow, {
+      key: i
+    }, /*#__PURE__*/React__default.createElement(material.TableCell, {
+      sx: {
+        fontWeight: 'bold',
+        fontSize: '1.2rem',
+        padding: '12px'
+      }
+    }, (item === null || item === void 0 ? void 0 : item.couponCode) || ''), /*#__PURE__*/React__default.createElement(material.TableCell, {
+      sx: {
+        fontSize: '1.2rem',
+        padding: '12px',
+        color: 'success.main',
+        fontWeight: 'bold'
+      }
+    }, renderMoney(item === null || item === void 0 ? void 0 : item.amount)), /*#__PURE__*/React__default.createElement(material.TableCell, {
+      sx: {
+        fontSize: '1.2rem',
+        padding: '12px'
+      }
+    }, (item === null || item === void 0 ? void 0 : item.autoApplicable) && /*#__PURE__*/React__default.createElement(fa6.FaCheck, {
+      color: "green",
+      style: {
+        fontSize: '1.5rem'
+      }
+    })));
+  })))), /*#__PURE__*/React__default.createElement(material.Divider, {
+    sx: {
+      marginY: 3
+    }
+  }), /*#__PURE__*/React__default.createElement(material.TableContainer, {
+    component: material.Box,
+    sx: {
+      border: '1px solid #e0e0e0',
+      borderRadius: 2
+    }
+  }, /*#__PURE__*/React__default.createElement(material.Table, null, /*#__PURE__*/React__default.createElement(material.TableBody, null, /*#__PURE__*/React__default.createElement(material.TableRow, null, /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, "Sub Total"), /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.subTotal))), /*#__PURE__*/React__default.createElement(material.TableRow, null, /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, "Total Discount"), /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px',
+      color: 'success.main'
+    }
+  }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal))), /*#__PURE__*/React__default.createElement(material.TableRow, null, /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px'
+    }
+  }, "Order Total"), /*#__PURE__*/React__default.createElement(material.TableCell, {
+    sx: {
+      fontWeight: 'bold',
+      fontSize: '1.2rem',
+      padding: '12px',
+      color: 'primary.main'
+    }
+  }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount)))))))), /*#__PURE__*/React__default.createElement(material.DialogActions, {
+    sx: {
+      justifyContent: 'center',
+      padding: 2
+    }
+  }, /*#__PURE__*/React__default.createElement(MuiButton, {
+    variant: "contained",
+    onClick: function onClick() {
+      return onCancel(false);
+    },
+    primaryColor: primaryColor,
+    style: {
+      fontSize: '1.1rem',
+      padding: '0.5rem 2rem',
+      fontWeight: 700
+    }
+  }, "Okay")));
+};
+
 var _templateObject$K, _templateObject2$v, _templateObject3$m, _templateObject4$i, _templateObject5$e, _templateObject6$c, _templateObject7$8, _templateObject8$6;
 var CheckoutRootContainer = styled__default.div(_templateObject$K || (_templateObject$K = _taggedTemplateLiteralLoose(["\n  width: 100%;\n  padding: 2rem;\n  background-color: ", ";\n  font-size: 16px;\n\n  div,\n  button,\n  span {\n    font-size: 16px;\n  }\n  @media only screen and (max-width: 1600px) {\n    padding: 3em 0.5em;\n  }\n  @media screen and (max-width: 900px) {\n    div,\n    button,\n    span {\n      font-size: 12px;\n    }\n    padding: 2rem 0.5rem;\n  }\n"])), function (props) {
   return props.bg;
@@ -11067,7 +11359,7 @@ var Step2 = function Step2(_ref) {
     if (rangeValue) {
       modifyItem.amount = rangeValue === null || rangeValue === void 0 ? void 0 : rangeValue.value;
     }
-    if (item !== null && item !== void 0 && item.freeShippingLimit && (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) > (item === null || item === void 0 ? void 0 : item.freeShippingLimit)) {
+    if (item !== null && item !== void 0 && item.freeShippingLimit && ((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) || 0) - ((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.shippingAmount) || 0) > (item === null || item === void 0 ? void 0 : item.freeShippingLimit)) {
       modifyItem.amount = 0;
     }
     return modifyItem;
@@ -12574,7 +12866,7 @@ var steps = [{
   })
 }];
 var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
-  var _styles$input, _customer$customerDto12, _customer$customerDto13, _customer$customerDto14, _customer$customerDto15, _styles$checkoutSumma, _styles$checkoutSumma2;
+  var _styles$input, _customer$customerDto11, _customer$customerDto12, _customer$customerDto13, _customer$customerDto14, _styles$checkoutSumma, _styles$checkoutSumma2;
   var apiEndPoint = _ref.apiEndPoint,
     token = _ref.token,
     ccProcessingFees = _ref.ccProcessingFees,
@@ -12582,7 +12874,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     cartData = _ref.cartData,
     handleLogin = _ref.handleLogin,
     clickRedirect = _ref.clickRedirect,
-    shippingText = _ref.shippingText;
+    shippingText = _ref.shippingText,
+    fetchCartData = _ref.fetchCartData;
   var _useAllSystemFeatureV = useAllSystemFeatureValues({
       apiEndPoint: apiEndPoint,
       token: token
@@ -12652,6 +12945,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
   var _useState19 = React.useState([]),
     discountCoupons = _useState19[0],
     setDiscountCoupons = _useState19[1];
+  var previousSubTotalRef = React.useRef(null);
+  var previousShippingAddressIdRef = React.useRef(null);
   React.useEffect(function () {
     if (apiEndPoint && token) {
       (function () {
@@ -12719,10 +13014,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
                 if (_temp3 && _temp3.then) return _temp3.then(function () {});
               }
               var _temp4 = _catch(function () {
-                return Promise.resolve(API({
+                return Promise.resolve(getDeliveryOption({
                   apiEndPoint: apiEndPoint,
-                  token: token,
-                  url: "/shipping/options"
+                  token: token
                 })).then(function (data) {
                   setDeliveryOptions(data);
                 });
@@ -12730,11 +13024,9 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
               return _temp4 && _temp4.then ? _temp4.then(_temp5) : _temp5(_temp4);
             };
             var _temp6 = _catch(function () {
-              return Promise.resolve(API({
+              return Promise.resolve(getCustomer({
                 apiEndPoint: apiEndPoint,
-                token: token,
-                url: "/ecommerce/customer",
-                hideErrorMessage: true
+                token: token
               })).then(function (data) {
                 setCustomer(data);
               });
@@ -12755,121 +13047,159 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       setCurrStep(0);
     }
   }, [customer, currStep]);
-  var inDebounce;
   React.useEffect(function () {
-    if (customer) {
-      cartTotalOnChangeData();
-    }
+    (function () {
+      try {
+        var _temp9 = function () {
+          if (customer) {
+            return Promise.resolve(taxFunction()).then(function (taxAmount) {
+              return Promise.resolve(discountFunction()).then(function (couponDiscountTotal) {
+                return Promise.resolve(cartTotalOnChangeData({
+                  apiCouponDiscountTotal: couponDiscountTotal || 0,
+                  apiTaxAmount: taxAmount || 0
+                })).then(function () {});
+              });
+            });
+          }
+        }();
+        return _temp9 && _temp9.then ? _temp9.then(function () {}) : void 0;
+      } catch (e) {
+        Promise.reject(e);
+      }
+    })();
   }, [customer, cartData, shippingMethod, ccProcessingFees, shippingAddressId]);
-  var cartTotalOnChangeData = function cartTotalOnChangeData() {
-    clearTimeout(inDebounce);
-    inDebounce = setTimeout(function () {
-      (function () {
-        try {
-          var _temp14 = function () {
-            if (apiEndPoint && token) {
-              var _temp13 = function _temp13() {
-                function _temp11() {
-                  var _taxAmount, _ref2, _ref3, _cartData$cartDiscoun, _cartData$cartSubTota, _ref4;
-                  var totalData = {
-                    taxAmount: parseFloat((_taxAmount = _taxAmount2) === null || _taxAmount === void 0 ? void 0 : _taxAmount.toFixed(2)),
-                    shippingAmount: parseFloat((_ref2 = (shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) === null || _ref2 === void 0 ? void 0 : _ref2.toFixed(2)),
-                    couponDiscountTotal: _couponDiscountTotal,
-                    adjustmentValue: parseFloat((_ref3 = ccProcessingFees ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) * (ccProcessingFees / 100) : 0) === null || _ref3 === void 0 ? void 0 : _ref3.toFixed(2)),
-                    cartDiscount: parseFloat(cartData === null || cartData === void 0 ? void 0 : (_cartData$cartDiscoun = cartData.cartDiscount) === null || _cartData$cartDiscoun === void 0 ? void 0 : _cartData$cartDiscoun.toFixed(2)),
-                    subTotal: parseFloat(cartData === null || cartData === void 0 ? void 0 : (_cartData$cartSubTota = cartData.cartSubTotal) === null || _cartData$cartSubTota === void 0 ? void 0 : _cartData$cartSubTota.toFixed(2)),
-                    totalAmount: parseFloat((_ref4 = (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) + _taxAmount2 + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) - _couponDiscountTotal + (ccProcessingFees ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) * (ccProcessingFees / 100) : 0)) === null || _ref4 === void 0 ? void 0 : _ref4.toFixed(2)),
-                    totalQuantity: cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity
-                  };
-                  setOrderTotal(totalData);
-                }
-                var _temp10 = _catch(function () {
-                  return Promise.resolve(getCartDiscountList({
-                    apiEndPoint: apiEndPoint,
-                    token: token
-                  })).then(function (discountCouponsData) {
-                    var _ref5;
-                    _couponDiscountTotal = parseFloat((_ref5 = lodash.sumBy(discountCouponsData, 'amount') || 0) === null || _ref5 === void 0 ? void 0 : _ref5.toFixed(2));
-                    setDiscountCoupons(discountCouponsData);
+  var taxFunction = function taxFunction() {
+    try {
+      return Promise.resolve(function (_cartData$cartLineIte) {
+        if (shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0 && shippingAddressId !== previousShippingAddressIdRef.current) {
+          var taxAmount = 0;
+          return _catch(function () {
+            return Promise.resolve(getTaxData({
+              apiEndPoint: apiEndPoint,
+              token: token,
+              shippingAddressId: shippingAddressId
+            })).then(function (taxData) {
+              var _customer$customerDto;
+              taxAmount = !(customer !== null && customer !== void 0 && (_customer$customerDto = customer.customerDto) !== null && _customer$customerDto !== void 0 && _customer$customerDto.taxable) ? 0 : lodash.sumBy(taxData, 'taxAmount') || 0;
+              previousShippingAddressIdRef.current = shippingAddressId;
+              return taxAmount;
+            });
+          }, function () {});
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var discountFunction = function discountFunction() {
+    try {
+      return Promise.resolve(function () {
+        if (!isNullUndefined(cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal) && (cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal) !== previousSubTotalRef.current) {
+          var couponDiscountTotal = 0;
+          return _catch(function () {
+            return Promise.resolve(autoApplyCoupon({
+              apiEndPoint: apiEndPoint,
+              token: token,
+              subTotal: cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal
+            })).then(function () {
+              function _temp10(_fetchCartData) {
+                _fetchCartData;
+                return Promise.resolve(getCartDiscountList({
+                  apiEndPoint: apiEndPoint,
+                  token: token
+                })).then(function (discountCouponsData) {
+                  var _ref2;
+                  couponDiscountTotal = parseFloat((_ref2 = lodash.sumBy(discountCouponsData, 'amount') || 0) === null || _ref2 === void 0 ? void 0 : _ref2.toFixed(2));
+                  setDiscountCoupons({
+                    openDiscountModal: discountCouponsData === null || discountCouponsData === void 0 ? void 0 : discountCouponsData.some(function (coupon) {
+                      return coupon === null || coupon === void 0 ? void 0 : coupon.autoApplicable;
+                    }),
+                    discountCouponsData: discountCouponsData
                   });
-                }, function () {});
-                return _temp10 && _temp10.then ? _temp10.then(_temp11) : _temp11(_temp10);
-              };
-              var _taxAmount2 = 0;
-              var _couponDiscountTotal = 0;
-              var _temp12 = function (_cartData$cartLineIte) {
-                if (shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0) {
-                  var _temp9 = _catch(function () {
-                    return Promise.resolve(API({
-                      apiEndPoint: apiEndPoint,
-                      token: token,
-                      url: "/cartLineItem/totalTax",
-                      queryParams: {
-                        storeId: 2,
-                        customerShippingAddressId: shippingAddressId
-                      }
-                    })).then(function (taxData) {
-                      var _customer$customerDto;
-                      _taxAmount2 = !(customer !== null && customer !== void 0 && (_customer$customerDto = customer.customerDto) !== null && _customer$customerDto !== void 0 && _customer$customerDto.taxable) ? 0 : lodash.sumBy(taxData, 'taxAmount') || 0;
-                    });
-                  }, function () {});
-                  if (_temp9 && _temp9.then) return _temp9.then(function () {});
-                }
-              }();
-              return _temp12 && _temp12.then ? _temp12.then(_temp13) : _temp13(_temp12);
-            }
-          }();
-          return _temp14 && _temp14.then ? _temp14.then(function () {}) : void 0;
+                  previousSubTotalRef.current = cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal;
+                  return couponDiscountTotal;
+                });
+              }
+              return fetchCartData ? Promise.resolve(fetchCartData()).then(_temp10) : _temp10(fetchCartData);
+            });
+          }, function () {});
+        }
+      }());
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var inDebounce;
+  var cartTotalOnChangeData = function cartTotalOnChangeData(_ref3) {
+    var apiCouponDiscountTotal = _ref3.apiCouponDiscountTotal,
+      apiTaxAmount = _ref3.apiTaxAmount;
+    try {
+      clearTimeout(inDebounce);
+      inDebounce = setTimeout(function () {
+        try {
+          if (apiEndPoint && token) {
+            var _ref4, _ref5, _cartData$cartDiscoun, _cartData$cartSubTota, _ref6;
+            var taxAmount = apiTaxAmount || 0;
+            var couponDiscountTotal = apiCouponDiscountTotal || 0;
+            var totalData = {
+              taxAmount: parseFloat(taxAmount === null || taxAmount === void 0 ? void 0 : taxAmount.toFixed(2)),
+              shippingAmount: parseFloat((_ref4 = (shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) === null || _ref4 === void 0 ? void 0 : _ref4.toFixed(2)),
+              couponDiscountTotal: couponDiscountTotal,
+              adjustmentValue: parseFloat((_ref5 = ccProcessingFees ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) * (ccProcessingFees / 100) : 0) === null || _ref5 === void 0 ? void 0 : _ref5.toFixed(2)),
+              cartDiscount: parseFloat(cartData === null || cartData === void 0 ? void 0 : (_cartData$cartDiscoun = cartData.cartDiscount) === null || _cartData$cartDiscoun === void 0 ? void 0 : _cartData$cartDiscoun.toFixed(2)),
+              subTotal: parseFloat(cartData === null || cartData === void 0 ? void 0 : (_cartData$cartSubTota = cartData.cartSubTotal) === null || _cartData$cartSubTota === void 0 ? void 0 : _cartData$cartSubTota.toFixed(2)),
+              totalAmount: parseFloat((_ref6 = (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) + taxAmount + ((shippingMethod === null || shippingMethod === void 0 ? void 0 : shippingMethod.amount) || 0) - couponDiscountTotal + (ccProcessingFees ? (cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice) * (ccProcessingFees / 100) : 0)) === null || _ref6 === void 0 ? void 0 : _ref6.toFixed(2)),
+              totalQuantity: cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity
+            };
+            setOrderTotal(totalData);
+          }
         } catch (e) {
           Promise.reject(e);
         }
-      })();
-    }, 500);
+      }, 500);
+      return Promise.resolve();
+    } catch (e) {
+      return Promise.reject(e);
+    }
   };
   var onLoginCustomer = function onLoginCustomer(data) {
     try {
-      var _temp16 = function _temp16() {
+      var _temp12 = function _temp12() {
         setLoginLoading(false);
       };
       setLoginLoading(true);
-      var _temp15 = _catch(function () {
+      var _temp11 = _catch(function () {
         return Promise.resolve(handleLogin(data)).then(function () {});
       }, function () {});
-      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15));
+      return Promise.resolve(_temp11 && _temp11.then ? _temp11.then(_temp12) : _temp12(_temp11));
     } catch (e) {
       return Promise.reject(e);
     }
   };
   var addStoreAddress = function addStoreAddress(data) {
     try {
-      var _temp18 = _catch(function () {
-        var _customer$customerDto2, _customer$customerDto3;
-        return Promise.resolve(API({
+      var _temp14 = _catch(function () {
+        var _customer$customerDto2;
+        return Promise.resolve(createStoreAddress({
           apiEndPoint: apiEndPoint,
           token: token,
-          method: 'POST',
-          url: "/ecommerce/customer/" + (customer === null || customer === void 0 ? void 0 : (_customer$customerDto2 = customer.customerDto) === null || _customer$customerDto2 === void 0 ? void 0 : _customer$customerDto2.id) + "/address",
-          body: _extends({}, data, {
-            customerId: customer === null || customer === void 0 ? void 0 : (_customer$customerDto3 = customer.customerDto) === null || _customer$customerDto3 === void 0 ? void 0 : _customer$customerDto3.id
-          }),
-          successMessage: 'Address added successfully.',
-          errorMessage: 'Error in added the address.'
+          data: data,
+          customerId: customer === null || customer === void 0 ? void 0 : (_customer$customerDto2 = customer.customerDto) === null || _customer$customerDto2 === void 0 ? void 0 : _customer$customerDto2.id
         })).then(function (result) {
-          var _temp17 = function () {
+          var _temp13 = function () {
             if (result) {
-              return Promise.resolve(API({
+              return Promise.resolve(getCustomer({
                 apiEndPoint: apiEndPoint,
-                token: token,
-                url: "/ecommerce/customer"
+                token: token
               })).then(function (customerData) {
                 setCustomer(customerData);
               });
             }
           }();
-          if (_temp17 && _temp17.then) return _temp17.then(function () {});
+          if (_temp13 && _temp13.then) return _temp13.then(function () {});
         });
       }, function () {});
-      return Promise.resolve(_temp18 && _temp18.then ? _temp18.then(function () {}) : void 0);
+      return Promise.resolve(_temp14 && _temp14.then ? _temp14.then(function () {}) : void 0);
     } catch (e) {
       return Promise.reject(e);
     }
@@ -12892,12 +13222,12 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     setShippingMethod(shippingMethod);
   };
   var setPaymentDetails = function setPaymentDetails(storeCr, paymentMethod, cr) {
-    var _customer$customerDto4;
-    if (storeCr && (customer === null || customer === void 0 ? void 0 : (_customer$customerDto4 = customer.customerDto) === null || _customer$customerDto4 === void 0 ? void 0 : _customer$customerDto4.storeCredit) > 0) {
-      var _customer$customerDto5;
+    var _customer$customerDto3;
+    if (storeCr && (customer === null || customer === void 0 ? void 0 : (_customer$customerDto3 = customer.customerDto) === null || _customer$customerDto3 === void 0 ? void 0 : _customer$customerDto3.storeCredit) > 0) {
+      var _customer$customerDto4;
       setStoreCredits({
         id: 5,
-        amount: customer === null || customer === void 0 ? void 0 : (_customer$customerDto5 = customer.customerDto) === null || _customer$customerDto5 === void 0 ? void 0 : _customer$customerDto5.storeCredit
+        amount: customer === null || customer === void 0 ? void 0 : (_customer$customerDto4 = customer.customerDto) === null || _customer$customerDto4 === void 0 ? void 0 : _customer$customerDto4.storeCredit
       });
     } else {
       setStoreCredits(null);
@@ -12917,15 +13247,10 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
         discountCouponList: []
       }, details);
       return Promise.resolve(_catch(function () {
-        var getStoreIdsData = localStorage.getItem('storeIds');
-        var storeId = (getStoreIdsData === null || getStoreIdsData === void 0 ? void 0 : getStoreIdsData.storeId) || 2;
-        return Promise.resolve(API({
+        return Promise.resolve(addSalesOrder({
           apiEndPoint: apiEndPoint,
           token: token,
-          body: orderDetails,
-          url: "/ecommerce/salesOrder?storeId=" + storeId,
-          method: 'post',
-          errorMessage: 'unable to complete the order'
+          orderDetails: orderDetails
         })).then(function (data) {
           var _data$salesOrderDto;
           if (data !== null && data !== void 0 && data.productOutOfStock) {
@@ -12947,11 +13272,11 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
   };
   var onPlaceOrder = function onPlaceOrder(note, transactionId) {
     try {
-      var _temp20 = function _temp20() {
+      var _temp16 = function _temp16() {
         setOrdering(false);
       };
       setOrdering(true);
-      var _temp19 = _catch(function () {
+      var _temp15 = _catch(function () {
         var authorizeCustomerCardData = {
           authorizeDotNetCustomerProfileId: selectedPaymentMethod === null || selectedPaymentMethod === void 0 ? void 0 : selectedPaymentMethod.authorizeDotNetCustomerProfileId,
           authorizeDotNetCustomerPaymentProfileId: selectedPaymentMethod === null || selectedPaymentMethod === void 0 ? void 0 : selectedPaymentMethod.authorizeDotNetCustomerPaymentProfileId
@@ -13008,12 +13333,12 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
             paymentModeId: selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.id
           }];
         } else if (selectedStoreCredits && (selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.amount) < (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount)) {
-          var _selectedStoreCredits, _ref6;
+          var _selectedStoreCredits, _ref7;
           orderPaymentList = [{
             amount: parseFloat(selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : (_selectedStoreCredits = selectedStoreCredits.amount) === null || _selectedStoreCredits === void 0 ? void 0 : _selectedStoreCredits.toFixed(2)),
             paymentModeId: selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.id
           }, _extends({
-            amount: parseFloat((_ref6 = (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) - (selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.amount)) === null || _ref6 === void 0 ? void 0 : _ref6.toFixed(2)),
+            amount: parseFloat((_ref7 = (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount) - (selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.amount)) === null || _ref7 === void 0 ? void 0 : _ref7.toFixed(2)),
             paymentModeId: selectedPaymentMethod === null || selectedPaymentMethod === void 0 ? void 0 : selectedPaymentMethod.id,
             customerOrderCard: ecommerceCustomPaymentDto,
             transactionId: transactionId
@@ -13031,14 +13356,14 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
         var salesOrderDtoBody = {
           salesOrderDto: orderDto,
           salesOrderPaymentDtoList: paymentDtoList,
-          discountCouponList: discountCoupons
+          discountCouponList: discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.discountCouponsData
         };
         if (ecommerceCustomPaymentDto) {
           salesOrderDtoBody.ecommerceCustomPaymentDto;
         }
         return Promise.resolve(createSalesOrder(salesOrderDtoBody)).then(function () {});
       }, function () {});
-      return Promise.resolve(_temp19 && _temp19.then ? _temp19.then(_temp20) : _temp20(_temp19));
+      return Promise.resolve(_temp15 && _temp15.then ? _temp15.then(_temp16) : _temp16(_temp15));
     } catch (e) {
       return Promise.reject(e);
     }
@@ -13051,7 +13376,17 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     className: "checkout",
     bg: styles === null || styles === void 0 ? void 0 : styles.bg,
     primaryColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor
-  }, /*#__PURE__*/React__default.createElement(material.Stack, {
+  }, (discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.openDiscountModal) && /*#__PURE__*/React__default.createElement(DiscountSummaryModal, {
+    primaryColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor,
+    discountCoupons: discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.discountCouponsData,
+    orderTotal: orderTotal,
+    open: discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.openDiscountModal,
+    onCancel: function onCancel() {
+      return setDiscountCoupons(_extends({}, discountCoupons, {
+        openDiscountModal: false
+      }));
+    }
+  }), /*#__PURE__*/React__default.createElement(material.Stack, {
     flexDirection: "column",
     alignItems: "flex-start",
     style: {
@@ -13081,7 +13416,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       width: '100%'
     }
   }, steps === null || steps === void 0 ? void 0 : steps.map(function (item, index) {
-    var _styles$stepperIcon, _styles$stepperIcon2, _customer$customerDto6, _customer$customerDto7, _customer$customerDto8, _customer$customerDto9, _customer$customerDto10, _customer$customerDto11;
+    var _styles$stepperIcon, _styles$stepperIcon2, _customer$customerDto5, _customer$customerDto6, _customer$customerDto7, _customer$customerDto8, _customer$customerDto9, _customer$customerDto10;
     return /*#__PURE__*/React__default.createElement(material.Step, {
       key: index
     }, /*#__PURE__*/React__default.createElement(material.StepLabel, {
@@ -13114,7 +13449,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       text: item.text,
       icon: item.icon,
       single: true,
-      username: index === 0 ? customer === null || customer === void 0 ? void 0 : (_customer$customerDto6 = customer.customerDto) === null || _customer$customerDto6 === void 0 ? void 0 : _customer$customerDto6.firstName : '',
+      username: index === 0 ? customer === null || customer === void 0 ? void 0 : (_customer$customerDto5 = customer.customerDto) === null || _customer$customerDto5 === void 0 ? void 0 : _customer$customerDto5.firstName : '',
       primaryColor: styles === null || styles === void 0 ? void 0 : styles.primaryColor,
       closed: true,
       handleClick: function handleClick() {
@@ -13129,7 +13464,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     }, /*#__PURE__*/React__default.createElement(Step0, {
       currStep: currStep,
       loading: loginLoading,
-      userName: customer === null || customer === void 0 ? void 0 : (_customer$customerDto7 = customer.customerDto) === null || _customer$customerDto7 === void 0 ? void 0 : _customer$customerDto7.firstName,
+      userName: customer === null || customer === void 0 ? void 0 : (_customer$customerDto6 = customer.customerDto) === null || _customer$customerDto6 === void 0 ? void 0 : _customer$customerDto6.firstName,
       handleBack: handleBack,
       handleNext: handleNext,
       handleLogin: onLoginCustomer,
@@ -13171,8 +13506,8 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       countries: countries,
       setShipping: setShipping,
       showShipping: showShipping,
-      storeCredits: customer === null || customer === void 0 ? void 0 : (_customer$customerDto8 = customer.customerDto) === null || _customer$customerDto8 === void 0 ? void 0 : _customer$customerDto8.storeCredit,
-      discountCoupons: discountCoupons,
+      storeCredits: customer === null || customer === void 0 ? void 0 : (_customer$customerDto7 = customer.customerDto) === null || _customer$customerDto7 === void 0 ? void 0 : _customer$customerDto7.storeCredit,
+      discountCoupons: discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.discountCouponsData,
       addShipping: addStoreAddress,
       setSelectedCountry: setSelectedCountry,
       styles: styles,
@@ -13194,7 +13529,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       payments: paymentMethods,
       states: states,
       countries: countries,
-      storeCredits: customer === null || customer === void 0 ? void 0 : (_customer$customerDto9 = customer.customerDto) === null || _customer$customerDto9 === void 0 ? void 0 : _customer$customerDto9.storeCredit,
+      storeCredits: customer === null || customer === void 0 ? void 0 : (_customer$customerDto8 = customer.customerDto) === null || _customer$customerDto8 === void 0 ? void 0 : _customer$customerDto8.storeCredit,
       orderTotal: orderTotal,
       styles: styles,
       setSelectedCountry: setSelectedCountry,
@@ -13218,10 +13553,10 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       placeOrder: onPlaceOrder,
       styles: styles,
       storeCredits: (selectedStoreCredits === null || selectedStoreCredits === void 0 ? void 0 : selectedStoreCredits.amount) || 0,
-      discountCoupons: discountCoupons,
+      discountCoupons: discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.discountCouponsData,
       shippingText: shippingText,
       ccProcessingFees: ccProcessingFees,
-      shippingInformation: customer === null || customer === void 0 ? void 0 : (_customer$customerDto10 = customer.customerDto) === null || _customer$customerDto10 === void 0 ? void 0 : (_customer$customerDto11 = _customer$customerDto10.customerStoreAddressList) === null || _customer$customerDto11 === void 0 ? void 0 : _customer$customerDto11.find(function (item) {
+      shippingInformation: customer === null || customer === void 0 ? void 0 : (_customer$customerDto9 = customer.customerDto) === null || _customer$customerDto9 === void 0 ? void 0 : (_customer$customerDto10 = _customer$customerDto9.customerStoreAddressList) === null || _customer$customerDto10 === void 0 ? void 0 : _customer$customerDto10.find(function (item) {
         return (item === null || item === void 0 ? void 0 : item.id) === shippingAddressId;
       }),
       taxExempt: taxExempt,
@@ -13230,10 +13565,10 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
       selectedPaymentMethod: selectedPaymentMethod
     })));
   }))))), /*#__PURE__*/React__default.createElement(CheckoutSummary, {
-    billingInformation: customer === null || customer === void 0 ? void 0 : (_customer$customerDto12 = customer.customerDto) === null || _customer$customerDto12 === void 0 ? void 0 : (_customer$customerDto13 = _customer$customerDto12.customerStoreAddressList) === null || _customer$customerDto13 === void 0 ? void 0 : _customer$customerDto13.find(function (item) {
+    billingInformation: customer === null || customer === void 0 ? void 0 : (_customer$customerDto11 = customer.customerDto) === null || _customer$customerDto11 === void 0 ? void 0 : (_customer$customerDto12 = _customer$customerDto11.customerStoreAddressList) === null || _customer$customerDto12 === void 0 ? void 0 : _customer$customerDto12.find(function (item) {
       return (item === null || item === void 0 ? void 0 : item.id) === billingAddressId;
     }),
-    shippingInformation: customer === null || customer === void 0 ? void 0 : (_customer$customerDto14 = customer.customerDto) === null || _customer$customerDto14 === void 0 ? void 0 : (_customer$customerDto15 = _customer$customerDto14.customerStoreAddressList) === null || _customer$customerDto15 === void 0 ? void 0 : _customer$customerDto15.find(function (item) {
+    shippingInformation: customer === null || customer === void 0 ? void 0 : (_customer$customerDto13 = customer.customerDto) === null || _customer$customerDto13 === void 0 ? void 0 : (_customer$customerDto14 = _customer$customerDto13.customerStoreAddressList) === null || _customer$customerDto14 === void 0 ? void 0 : _customer$customerDto14.find(function (item) {
       return (item === null || item === void 0 ? void 0 : item.id) === shippingAddressId;
     }),
     shippingMethod: shippingMethod,
@@ -13242,7 +13577,7 @@ var CheckoutPageComponent = function CheckoutPageComponent(_ref) {
     } : null),
     bg: styles === null || styles === void 0 ? void 0 : (_styles$checkoutSumma = styles.checkoutSummary) === null || _styles$checkoutSumma === void 0 ? void 0 : _styles$checkoutSumma.bg,
     color: styles === null || styles === void 0 ? void 0 : (_styles$checkoutSumma2 = styles.checkoutSummary) === null || _styles$checkoutSumma2 === void 0 ? void 0 : _styles$checkoutSumma2.color,
-    discountCoupons: discountCoupons,
+    discountCoupons: discountCoupons === null || discountCoupons === void 0 ? void 0 : discountCoupons.discountCouponsData,
     orderTotal: orderTotal
   }))));
 };