@salesgenterp/ui-components 0.4.480 → 0.4.482

package/dist/index.js

@@ -7338,7 +7338,8 @@ var CardRow = function CardRow(_ref) {
     imgSize = _ref.imgSize,
     styles = _ref.styles,
     clickRedirect = _ref.clickRedirect,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce;
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice = _ref.doNotShowPrice;
   var imgnotfoundUrlcommon = noImgAvailable$1;
   if (imgnotfoundUrl && imgnotfoundUrl !== 'null') imgnotfoundUrlcommon = imgnotfoundUrl;
   var timer = React.useRef();
@@ -7426,7 +7427,7 @@ var CardRow = function CardRow(_ref) {
       color: 'red',
       fontWeight: 500
     }
-  }, "Quantity can not be less than 0")), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
+  }, "Quantity can not be less than 0")), !doNotShowPrice && /*#__PURE__*/React__default.createElement(CartTableCell$1, {
     align: "center",
     className: "CartnoBelowSm"
   }, /*#__PURE__*/React__default.createElement("p", {
@@ -7486,7 +7487,7 @@ var CardRow = function CardRow(_ref) {
     style: {
       fontSize: 'inherit'
     }
-  })))), /*#__PURE__*/React__default.createElement(CartTableCell$1, {
+  })))), !doNotShowPrice && /*#__PURE__*/React__default.createElement(CartTableCell$1, {
     alig: "center",
     className: "CartnoPaddingSm"
   }, /*#__PURE__*/React__default.createElement("p", {
@@ -7508,47 +7509,50 @@ var CardRow = function CardRow(_ref) {
   }))));
 };
 
-var headCells = [{
-  id: 'image',
-  numeric: false,
-  disablePadding: false,
-  label: 'Image',
-  filter: false
-}, {
-  id: 'name',
-  numeric: false,
-  disablePadding: false,
-  label: 'Name',
-  filter: false
-}, {
-  id: 'standardPrice',
-  numeric: true,
-  disablePadding: false,
-  label: 'price',
-  filter: true,
-  noBelowSm: true
-}, {
-  id: 'quantity',
-  numeric: true,
-  disablePadding: false,
-  label: 'qty',
-  filter: true
-}, {
-  id: 'subtotal',
-  numeric: false,
-  disablePadding: false,
-  label: 'subtotal',
-  filter: true
-}, {
-  id: 'delete',
-  numeric: false,
-  disablePadding: true,
-  label: ' ',
-  filter: false,
-  noBelowSm: true
-}];
+var headCells = function headCells(_ref) {
+  var doNotShowPrice = _ref.doNotShowPrice;
+  return [{
+    id: 'image',
+    numeric: false,
+    disablePadding: false,
+    label: 'Image',
+    filter: false
+  }, {
+    id: 'name',
+    numeric: false,
+    disablePadding: false,
+    label: 'Name',
+    filter: false
+  }, !doNotShowPrice && {
+    id: 'standardPrice',
+    numeric: true,
+    disablePadding: false,
+    label: 'price',
+    filter: true,
+    noBelowSm: true
+  }, {
+    id: 'quantity',
+    numeric: true,
+    disablePadding: false,
+    label: 'qty',
+    filter: true
+  }, !doNotShowPrice && {
+    id: 'subtotal',
+    numeric: false,
+    disablePadding: false,
+    label: 'subtotal',
+    filter: true
+  }, {
+    id: 'delete',
+    numeric: false,
+    disablePadding: true,
+    label: ' ',
+    filter: false,
+    noBelowSm: true
+  }];
+};
 function EnhancedTableHead(props) {
-  var _styles$cartSummary, _styles$cartSummary2;
+  var _styles$cartSummary, _styles$cartSummary2, _headCells, _headCells$filter;
   var onSelectAllClick = props.onSelectAllClick,
     disabledSelectAllProductCheckbox = props.disabledSelectAllProductCheckbox,
     order = props.order,
@@ -7556,7 +7560,8 @@ function EnhancedTableHead(props) {
     numSelected = props.numSelected,
     rowCount = props.rowCount,
     onRequestSort = props.onRequestSort,
-    styles = props.styles;
+    styles = props.styles,
+    doNotShowPrice = props.doNotShowPrice;
   var createSortHandler = function createSortHandler(property) {
     return function (event) {
       onRequestSort(event, property);
@@ -7585,7 +7590,11 @@ function EnhancedTableHead(props) {
         color: styles === null || styles === void 0 ? void 0 : (_styles$cartSummary2 = styles.cartSummary) === null || _styles$cartSummary2 === void 0 ? void 0 : _styles$cartSummary2.color
       }
     })
-  })), headCells.map(function (headCell) {
+  })), (_headCells = headCells({
+    doNotShowPrice: doNotShowPrice
+  })) === null || _headCells === void 0 ? void 0 : (_headCells$filter = _headCells.filter(function (item) {
+    return item;
+  })) === null || _headCells$filter === void 0 ? void 0 : _headCells$filter.map(function (headCell) {
     var _styles$cartSummary3;
     return /*#__PURE__*/React.createElement(CartTableCell, {
       key: headCell.id,
@@ -7614,18 +7623,19 @@ EnhancedTableHead.propTypes = {
   orderBy: propTypes.string.isRequired,
   rowCount: propTypes.number.isRequired
 };
-function EnhancedTable(_ref) {
+function EnhancedTable(_ref2) {
   var _cartData$cartLineIte, _styles$Btn, _styles$scroll, _styles$scroll2, _sortBy, _styles$Btn2, _styles$Btn3;
-  var cartData = _ref.cartData,
-    loading = _ref.loading,
-    imgnotfoundUrl = _ref.imgnotfoundUrl,
-    handleIncrementDecrement = _ref.handleIncrementDecrement,
-    handleRemoveProduct = _ref.handleRemoveProduct,
-    handleRemoveAll = _ref.handleRemoveAll,
-    styles = _ref.styles,
-    disabledSelectAllProductCheckbox = _ref.disabledSelectAllProductCheckbox,
-    clickRedirect = _ref.clickRedirect,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce;
+  var cartData = _ref2.cartData,
+    loading = _ref2.loading,
+    imgnotfoundUrl = _ref2.imgnotfoundUrl,
+    handleIncrementDecrement = _ref2.handleIncrementDecrement,
+    handleRemoveProduct = _ref2.handleRemoveProduct,
+    handleRemoveAll = _ref2.handleRemoveAll,
+    styles = _ref2.styles,
+    disabledSelectAllProductCheckbox = _ref2.disabledSelectAllProductCheckbox,
+    clickRedirect = _ref2.clickRedirect,
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref2.allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice = _ref2.doNotShowPrice;
   var cartList = cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.map(function (li) {
     return _extends({}, li, {
       subtotal: li.standardPrice * li.quantity
@@ -7718,7 +7728,8 @@ function EnhancedTable(_ref) {
     rowCount: cartArray === null || cartArray === void 0 ? void 0 : cartArray.length,
     styles: styles,
     disabledSelectAllProductCheckbox: disabledSelectAllProductCheckbox,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+    allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice: doNotShowPrice
   }), /*#__PURE__*/React.createElement(TableBody, null, (_sortBy = lodash.sortBy(cartArray, function (o) {
     return !((o === null || o === void 0 ? void 0 : o.quantity) <= 0 || (o === null || o === void 0 ? void 0 : o.availableQuantity) <= 0 || (o === null || o === void 0 ? void 0 : o.quantity) > (o === null || o === void 0 ? void 0 : o.availableQuantity));
   })) === null || _sortBy === void 0 ? void 0 : _sortBy.map(function (row, index) {
@@ -7733,7 +7744,8 @@ function EnhancedTable(_ref) {
       handleIncrementDecrement: handleIncrementDecrement,
       handleRemoveProduct: handleRemoveProduct,
       clickRedirect: clickRedirect,
-      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+      doNotShowPrice: doNotShowPrice
     });
   }))))), (cartArray === null || cartArray === void 0 ? void 0 : cartArray.length) > 0 && /*#__PURE__*/React.createElement(CartButtonsRow, {
     bg: styles === null || styles === void 0 ? void 0 : (_styles$Btn2 = styles.Btn) === null || _styles$Btn2 === void 0 ? void 0 : _styles$Btn2.background,
@@ -7773,7 +7785,8 @@ var CartPageProductCard = function CartPageProductCard(_ref) {
     loading = _ref.loading,
     imgSize = _ref.imgSize,
     clickRedirect = _ref.clickRedirect,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce;
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice = _ref.doNotShowPrice;
   var imgnotfoundUrlcommon = noImgAvailable$1;
   if (imgnotfoundUrl && imgnotfoundUrl !== 'null') imgnotfoundUrlcommon = imgnotfoundUrl;
   var timer = React.useRef();
@@ -7821,7 +7834,7 @@ var CartPageProductCard = function CartPageProductCard(_ref) {
     onClick: function onClick() {
       return clickRedirect(item);
     }
-  }, item.productName)), /*#__PURE__*/React__default.createElement("p", null, renderMoney(item.standardPrice))), /*#__PURE__*/React__default.createElement(QtAndPriceBox, null, /*#__PURE__*/React__default.createElement(CartPageQtBox, null, /*#__PURE__*/React__default.createElement("span", {
+  }, item.productName)), !doNotShowPrice && /*#__PURE__*/React__default.createElement("p", null, renderMoney(item.standardPrice))), /*#__PURE__*/React__default.createElement(QtAndPriceBox, null, /*#__PURE__*/React__default.createElement(CartPageQtBox, null, /*#__PURE__*/React__default.createElement("span", {
     className: "icon",
     onClick: function onClick() {
       if (loading) return;
@@ -7851,7 +7864,7 @@ var CartPageProductCard = function CartPageProductCard(_ref) {
         })
       }));
     }
-  }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus, null))), /*#__PURE__*/React__default.createElement("p", {
+  }, /*#__PURE__*/React__default.createElement(ai.AiOutlinePlus, null))), !doNotShowPrice && /*#__PURE__*/React__default.createElement("p", {
     className: "subtotal"
   }, "subtotal: $", (item.standardPrice * item.quantity).toFixed(2))), ((item === null || item === void 0 ? void 0 : item.quantity) > (item === null || item === void 0 ? void 0 : item.availableQuantity) || (item === null || item === void 0 ? void 0 : item.availableQuantity) <= 0) && /*#__PURE__*/React__default.createElement("p", {
     style: {
@@ -7883,7 +7896,8 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
     handleRemoveProduct = _ref.handleRemoveProduct,
     styles = _ref.styles,
     clickRedirect = _ref.clickRedirect,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce;
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice = _ref.doNotShowPrice;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "scrollDiv"
   }, /*#__PURE__*/React__default.createElement(CardsBox, {
@@ -7903,7 +7917,8 @@ var CartPageMainRetail = function CartPageMainRetail(_ref) {
       handleRemoveProduct: handleRemoveProduct,
       imgSize: styles === null || styles === void 0 ? void 0 : styles.imgSize,
       clickRedirect: clickRedirect,
-      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+      doNotShowPrice: doNotShowPrice
     });
   })));
 };
@@ -7969,7 +7984,8 @@ var CartSummary = function CartSummary(_ref) {
     _ref$discountCoupons = _ref.discountCoupons,
     discountCoupons = _ref$discountCoupons === void 0 ? [] : _ref$discountCoupons,
     cartDiscount = _ref.cartDiscount,
-    couponDiscountTotal = _ref.couponDiscountTotal;
+    couponDiscountTotal = _ref.couponDiscountTotal,
+    totalCartQuantity = _ref.totalCartQuantity;
   var storeIdList = (storeData === null || storeData === void 0 ? void 0 : (_storeData$map = storeData.map(function (data) {
     return data === null || data === void 0 ? void 0 : data.id;
   })) === null || _storeData$map === void 0 ? void 0 : _storeData$map.join(',')) || 2;
@@ -8019,7 +8035,9 @@ var CartSummary = function CartSummary(_ref) {
     color: cartSummary.color
   }, /*#__PURE__*/React__default.createElement("p", null, "Cart summary:"), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
     color: cartSummary.hr
-  }), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "subtotal"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(subtotal))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
+  }), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "Total Quantity"), /*#__PURE__*/React__default.createElement("h5", null, totalCartQuantity)), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
+    color: cartSummary.hr
+  }), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "subtotal"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(subtotal))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
     color: cartSummary.hr
   }), /*#__PURE__*/React__default.createElement(CartSummaryRow, null, /*#__PURE__*/React__default.createElement("h6", null, "Order Discount"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(cartDiscount))), /*#__PURE__*/React__default.createElement(CartSummaryHr, {
     color: cartSummary.hr
@@ -8069,7 +8087,7 @@ var CartSummary = function CartSummary(_ref) {
     color: cartSummary.hr
   }), /*#__PURE__*/React__default.createElement(CartSummaryRow, {
     h5: "1.64em"
-  }, /*#__PURE__*/React__default.createElement("h6", null, "order total"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(totalCartPrice + ((selectedShipping === null || selectedShipping === void 0 ? void 0 : selectedShipping.amount) || 0) - couponDiscountTotal))), /*#__PURE__*/React__default.createElement(CartSummaryRow, {
+  }, /*#__PURE__*/React__default.createElement("h6", null, "order total"), /*#__PURE__*/React__default.createElement("h5", null, renderMoney(totalCartPrice + ((selectedShipping === null || selectedShipping === void 0 ? void 0 : selectedShipping.amount) || 0) - couponDiscountTotal)))), /*#__PURE__*/React__default.createElement(CartSummaryRow, {
     justify: "center"
   }, /*#__PURE__*/React__default.createElement(CartSummaryCheckoutBtn, {
     onClick: function onClick() {
@@ -8175,7 +8193,9 @@ var CartPageComponent = function CartPageComponent(_ref) {
     loading = _ref.loading,
     imgnotfoundUrl = _ref.imgnotfoundUrl,
     styles = _ref.styles,
-    onChangeDiscountCoupon = _ref.onChangeDiscountCoupon;
+    onChangeDiscountCoupon = _ref.onChangeDiscountCoupon,
+    _ref$doNotShowPrice = _ref.doNotShowPrice,
+    doNotShowPrice = _ref$doNotShowPrice === void 0 ? false : _ref$doNotShowPrice;
   var _useAllSystemFeatureV = useAllSystemFeatureValues({
       apiEndPoint: apiEndPoint,
       token: token
@@ -8324,7 +8344,8 @@ var CartPageComponent = function CartPageComponent(_ref) {
     handleIncrementDecrement: onChangeQuantity,
     handleRemoveProduct: handleRemoveProduct,
     clickRedirect: clickRedirect,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+    allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice: doNotShowPrice
   }) : /*#__PURE__*/React__default.createElement(EnhancedTable, {
     retail: retail,
     clickRedirect: clickRedirect,
@@ -8336,7 +8357,8 @@ var CartPageComponent = function CartPageComponent(_ref) {
     handleRemoveProduct: handleRemoveProduct,
     handleRemoveAll: handleRemoveAll,
     disabledSelectAllProductCheckbox: disabledSelectAllProductCheckbox,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+    allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice: doNotShowPrice
   }), /*#__PURE__*/React__default.createElement(CartSummary, {
     apiEndPoint: apiEndPoint,
     token: token,
@@ -8348,6 +8370,7 @@ var CartPageComponent = function CartPageComponent(_ref) {
     clickRedirect: clickRedirect,
     subtotal: cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal,
     totalCartPrice: cartData === null || cartData === void 0 ? void 0 : cartData.totalCartPrice,
+    totalCartQuantity: cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity,
     styles: styles,
     loading: loading,
     cartDiscount: cartData === null || cartData === void 0 ? void 0 : cartData.cartDiscount,
@@ -8391,7 +8414,8 @@ var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
     handleRedirect = _ref.handleRedirect,
     imgnotfoundUrl = _ref.imgnotfoundUrl,
     loading = _ref.loading,
-    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce;
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref.allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    doNotShowPrice = _ref.doNotShowPrice;
   var timer = React.useRef();
   var _useState = React.useState(product === null || product === void 0 ? void 0 : product.quantity),
     quantity = _useState[0],
@@ -8445,7 +8469,7 @@ var CartDrawerProductCard = function CartDrawerProductCard(_ref) {
     onClick: function onClick() {
       return handleRedirect(product);
     }
-  }, product === null || product === void 0 ? void 0 : product.productName)), /*#__PURE__*/React__default.createElement("h6", null, !((product === null || product === void 0 ? void 0 : product.standardPrice) > (product === null || product === void 0 ? void 0 : product.standardPrice) - (product === null || product === void 0 ? void 0 : product.discountAmount)) ? "$" + ((product === null || product === void 0 ? void 0 : product.standardPrice) - (product === null || product === void 0 ? void 0 : product.discountAmount)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, renderMoney(product === null || product === void 0 ? void 0 : product.standardPrice)), renderMoney((product === null || product === void 0 ? void 0 : product.standardPrice) - (product === null || product === void 0 ? void 0 : product.discountAmount))))), /*#__PURE__*/React__default.createElement(material.Stack, {
+  }, product === null || product === void 0 ? void 0 : product.productName)), !doNotShowPrice && /*#__PURE__*/React__default.createElement("h6", null, !((product === null || product === void 0 ? void 0 : product.standardPrice) > (product === null || product === void 0 ? void 0 : product.standardPrice) - (product === null || product === void 0 ? void 0 : product.discountAmount)) ? "$" + ((product === null || product === void 0 ? void 0 : product.standardPrice) - (product === null || product === void 0 ? void 0 : product.discountAmount)) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("span", null, renderMoney(product === null || product === void 0 ? void 0 : product.standardPrice)), renderMoney((product === null || product === void 0 ? void 0 : product.standardPrice) - (product === null || product === void 0 ? void 0 : product.discountAmount))))), /*#__PURE__*/React__default.createElement(material.Stack, {
     flexDirection: "column",
     justifyContent: "space-between",
     alignItems: "flex-end",
@@ -8504,7 +8528,10 @@ var CartDrawer = function CartDrawer(_ref) {
     handleClose = _ref.handleClose,
     loading = _ref.loading,
     imgnotfoundUrl = _ref.imgnotfoundUrl,
-    cartHeadingText = _ref.cartHeadingText;
+    cartHeadingText = _ref.cartHeadingText,
+    _ref$doNotShowPrice = _ref.doNotShowPrice,
+    doNotShowPrice = _ref$doNotShowPrice === void 0 ? false : _ref$doNotShowPrice;
+  var allowToProcessInvoiceForOutOfStockProductsEcommerce = false;
   return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(CartDrawerContainer, {
     className: "cartDrawer-container",
     maxWidth: maxWidth
@@ -8527,7 +8554,8 @@ var CartDrawer = function CartDrawer(_ref) {
       key: i,
       imgnotfoundUrl: imgnotfoundUrl,
       loading: loading,
-      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+      doNotShowPrice: doNotShowPrice
     }));
   })) : /*#__PURE__*/React__default.createElement(CartDrawerEmptyCart, {
     color: color
@@ -8538,7 +8566,7 @@ var CartDrawer = function CartDrawer(_ref) {
     justifyContent: "space-between",
     alignItems: "center",
     className: "row"
-  }, /*#__PURE__*/React__default.createElement("h5", null, "Total", /*#__PURE__*/React__default.createElement("span", null, "(", cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity, " items)")), /*#__PURE__*/React__default.createElement("h5", null, "$", cartData === null || cartData === void 0 ? void 0 : (_cartData$totalCartPr = cartData.totalCartPrice) === null || _cartData$totalCartPr === void 0 ? void 0 : _cartData$totalCartPr.toFixed(2))), /*#__PURE__*/React__default.createElement(CartDrawerOutlinedButton, {
+  }, /*#__PURE__*/React__default.createElement("h5", null, "Total", /*#__PURE__*/React__default.createElement("span", null, "(", cartData === null || cartData === void 0 ? void 0 : cartData.totalCartQuantity, " items)")), !doNotShowPrice && /*#__PURE__*/React__default.createElement("h5", null, "$", cartData === null || cartData === void 0 ? void 0 : (_cartData$totalCartPr = cartData.totalCartPrice) === null || _cartData$totalCartPr === void 0 ? void 0 : _cartData$totalCartPr.toFixed(2))), /*#__PURE__*/React__default.createElement(CartDrawerOutlinedButton, {
     color: color,
     onClick: function onClick() {
       return handleRedirect('cart');
@@ -10814,12 +10842,17 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
     shippingMethod = _ref.shippingMethod,
     bg = _ref.bg,
     color = _ref.color,
-    orderTotal = _ref.orderTotal;
+    orderTotal = _ref.orderTotal,
+    doNotShowPrice = _ref.doNotShowPrice;
   return /*#__PURE__*/React__default.createElement(CheckoutSummaryContainer, {
     bg: bg,
     color: color
   }, /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
     className: "text"
+  }, "Total Quantity:"), /*#__PURE__*/React__default.createElement("h6", {
+    className: "total"
+  }, orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalCartQuantity)), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
+    className: "text"
   }, "Order Total:"), /*#__PURE__*/React__default.createElement("h6", {
     className: "total"
   }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalAmount))), (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.taxAmount) > 0 ? /*#__PURE__*/React__default.createElement(TextRow, null, /*#__PURE__*/React__default.createElement("p", {
@@ -10843,7 +10876,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
     style: {
       fontSize: '1rem'
     }
-  }, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal) || 0))) : null, /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
+  }, renderMoney((orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.couponDiscountTotal) || 0))) : null), /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
     className: "heading"
   }, "Billing Information"), billingInformation ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
@@ -10865,7 +10898,7 @@ var CheckoutSummary = function CheckoutSummary(_ref) {
     className: "heading"
   }, "Payment Method"), /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
-  }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)), (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue) > 0 && /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
+  }, paymentMethod === null || paymentMethod === void 0 ? void 0 : paymentMethod.name)), !doNotShowPrice && (orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue) > 0 && /*#__PURE__*/React__default.createElement(FilledInfo, null, /*#__PURE__*/React__default.createElement("h6", {
     className: "heading"
   }, "CC Processing Fees"), /*#__PURE__*/React__default.createElement("p", {
     className: "bold"
@@ -10977,8 +11010,10 @@ var StyledTableRow = styled__default(material.TableRow)(_templateObject16$1 || (
 }, function (props) {
   return props.bg || 'red';
 });
-var StyledTableCell = styled__default(material.TableCell)(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n  && {\n    border: none;\n    font-size: 1em;\n    .noAboveSm {\n      display: none;\n    }\n    @media only screen and (max-width: 768px) {\n      display: ", ";\n      padding: 0.5em 0.3em;\n      .noAboveSm {\n        display: inline-block;\n        margin-right: 6px;\n      }\n    }\n  }\n"])), function (props) {
+var StyledTableCell = styled__default(material.TableCell)(_templateObject17$1 || (_templateObject17$1 = _taggedTemplateLiteralLoose(["\n  && {\n    border: none;\n    font-size: 1em;\n    .noAboveSm {\n      display: none;\n    }\n    @media only screen and (max-width: 768px) {\n      display: ", ";\n      padding: 0.5em 0.3em;\n      .noAboveSm {\n        display: inline-block;\n        margin-right: 6px;\n      }\n    }\n    @media only screen and (min-width: 768px) {\n      display: ", ";\n    }\n  }\n"])), function (props) {
   return props.noSmall ? 'none' : '';
+}, function (props) {
+  return props.noAboveSmall ? 'none' : '';
 });
 var BottomGrid = styled__default(material.Grid)(_templateObject18$1 || (_templateObject18$1 = _taggedTemplateLiteralLoose(["\n  .bold {\n    font-weight: 600;\n    text-transform: capitalize;\n    margin: 1em 0;\n    font-size: 1em;\n  }\n  .icon {\n    font-size: 1.6em;\n    color: ", ";\n  }\n  textarea {\n    width: 100%;\n    resize: none;\n    border: 1px solid\n      ", ";\n    border-radius: 4px;\n    margin-bottom: 2em;\n    padding: 1em;\n    background: ", ";\n  }\n  p {\n    font-size: 12px;\n    .ul {\n      text-decoration: underline;\n      font-size: inherit;\n    }\n  }\n  .bottom {\n    margin-left: 3em;\n    font-style: italic;\n    span {\n      font-weight: 600;\n      color: ", ";\n\n      cursor: pointer;\n      &:hover {\n        text-decoration: underline;\n      }\n    }\n  }\n"])), function (prop) {
   return prop.primaryColor || 'rgba(107, 106, 106, 1)';
@@ -12642,7 +12677,8 @@ var Step4 = function Step4(_ref) {
     taxExempt = _ref.taxExempt,
     orderTotal = _ref.orderTotal,
     paymentWithPaypal = _ref.paymentWithPaypal,
-    selectedPaymentMethod = _ref.selectedPaymentMethod;
+    selectedPaymentMethod = _ref.selectedPaymentMethod,
+    doNotShowPrice = _ref.doNotShowPrice;
   var _React$useState = React__default.useState(false),
     checked = _React$useState[0],
     setChecked = _React$useState[1];
@@ -12709,7 +12745,14 @@ var Step4 = function Step4(_ref) {
       align: "left",
       component: 'th',
       scope: "row"
-    }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, row.productName))), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    }, /*#__PURE__*/React__default.createElement("p", null, /*#__PURE__*/React__default.createElement("span", null, row.productName))), doNotShowPrice ? /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTableCell, null), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+      align: "right",
+      color: styles === null || styles === void 0 ? void 0 : styles.bg
+    }, /*#__PURE__*/React__default.createElement("p", {
+      className: "price max"
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "red primaryColor"
+    }, row.quantity)))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
       align: "left",
       color: styles === null || styles === void 0 ? void 0 : styles.bg
     }, /*#__PURE__*/React__default.createElement("p", {
@@ -12720,17 +12763,17 @@ var Step4 = function Step4(_ref) {
       align: "right"
     }, /*#__PURE__*/React__default.createElement("p", {
       className: "price max"
-    }, "$", (_ref2 = row.quantity * (row === null || row === void 0 ? void 0 : row.standardPrice)) === null || _ref2 === void 0 ? void 0 : _ref2.toFixed(2))));
+    }, "$", (_ref2 = row.quantity * (row === null || row === void 0 ? void 0 : row.standardPrice)) === null || _ref2 === void 0 ? void 0 : _ref2.toFixed(2)))));
   }), /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1,
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "Total(", orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.totalQuantity, " items)")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm price"
@@ -12739,11 +12782,11 @@ var Step4 = function Step4(_ref) {
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "Shipping Charges")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm  primaryColor"
@@ -12752,11 +12795,11 @@ var Step4 = function Step4(_ref) {
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "Tax Charges")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm  primaryColor"
@@ -12765,11 +12808,11 @@ var Step4 = function Step4(_ref) {
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "Order Discount")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm  primaryColor"
@@ -12779,14 +12822,14 @@ var Step4 = function Step4(_ref) {
       noSmall: true
     }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
       colSpan: 1
-    }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-      colSpan: 1
     }, /*#__PURE__*/React__default.createElement("p", {
       className: "max sm",
       style: {
         fontSize: '0.8rem'
       }
     }, coupon === null || coupon === void 0 ? void 0 : coupon.name)), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+      noAboveSmall: true
+    }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
       align: "right"
     }, /*#__PURE__*/React__default.createElement("p", {
       className: "max sm  primaryColor",
@@ -12799,11 +12842,11 @@ var Step4 = function Step4(_ref) {
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "Total Coupon Discount")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm  primaryColor"
@@ -12812,11 +12855,11 @@ var Step4 = function Step4(_ref) {
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "Store Credits")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm price"
@@ -12825,19 +12868,17 @@ var Step4 = function Step4(_ref) {
     noSmall: true
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm"
   }, "CC Processing Fees")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     align: "right"
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm price"
   }, renderMoney(orderTotal === null || orderTotal === void 0 ? void 0 : orderTotal.adjustmentValue)))) : null, /*#__PURE__*/React__default.createElement(StyledTableRow, null, /*#__PURE__*/React__default.createElement(StyledTableCell, {
     colSpan: 1,
     noSmall: true
-  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
-    colSpan: 1
   }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     sx: {
       paddingTop: '1em'
@@ -12846,6 +12887,8 @@ var Step4 = function Step4(_ref) {
   }, /*#__PURE__*/React__default.createElement("p", {
     className: "max sm bolder primaryColor"
   }, "Grand Total")), /*#__PURE__*/React__default.createElement(StyledTableCell, {
+    noAboveSmall: true
+  }), /*#__PURE__*/React__default.createElement(StyledTableCell, {
     sx: {
       paddingTop: '1em'
     },
@@ -13004,7 +13047,9 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
     clickRedirect = _ref.clickRedirect,
     shippingText = _ref.shippingText,
     fetchCartData = _ref.fetchCartData,
-    storeId = _ref.storeId;
+    storeId = _ref.storeId,
+    _ref$doNotShowPrice = _ref.doNotShowPrice,
+    doNotShowPrice = _ref$doNotShowPrice === void 0 ? false : _ref$doNotShowPrice;
   var _useAllSystemFeatureV = useAllSystemFeatureValues({
       apiEndPoint: apiEndPoint,
       token: token
@@ -13748,7 +13793,8 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
       taxExempt: taxExempt,
       orderTotal: orderTotal,
       paymentWithPaypal: paymentWithPaypal,
-      selectedPaymentMethod: selectedPaymentMethod
+      selectedPaymentMethod: selectedPaymentMethod,
+      doNotShowPrice: doNotShowPrice
     })));
   }))))), /*#__PURE__*/React__default.createElement(CheckoutSummary, {
     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) {