@salesgenterp/ui-components 0.4.532 → 0.4.539

package/README.md

@@ -1,5 +1,5 @@
 
-In the project directory, you can run:
+In the project directory, you can runn:
 
 ### `yarn install`
 

package/dist/index.js

@@ -62,6 +62,9 @@ var paramCase = require('param-case');
 var cg = require('react-icons/cg');
 var fi = require('react-icons/fi');
 var fa6 = require('react-icons/fa6');
+var Image$3 = _interopDefault(require('next/image'));
+var debounce$1 = _interopDefault(require('lodash/debounce'));
+var omit = _interopDefault(require('lodash/omit'));
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -5016,7 +5019,7 @@ var AccountDetails = function AccountDetails(_ref) {
               return Promise.resolve(API({
                 apiEndPoint: apiEndPoint,
                 token: token,
-                url: "store/store-ids"
+                url: "store"
               })).then(function (data) {
                 var _data$find;
                 var storeIds = Array.isArray(data) && (data === null || data === void 0 ? void 0 : data.length) > 0 ? data === null || data === void 0 ? void 0 : data.join(',') : '1';
@@ -10642,7 +10645,8 @@ var StaticPageList = function StaticPageList(_ref) {
   var _sortBy;
   var apiEndPoint = _ref.apiEndPoint,
     queryParams = _ref.queryParams,
-    itemLink = _ref.itemLink;
+    itemLink = _ref.itemLink,
+    pageData = _ref.pageData;
   var _useState = React.useState(false),
     loading = _useState[0],
     setLoading = _useState[1];
@@ -10652,30 +10656,37 @@ var StaticPageList = function StaticPageList(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _temp3 = function () {
-          if (apiEndPoint) {
-            var _temp2 = function _temp2() {
-              setLoading(false);
-            };
-            setLoading(true);
-            var _temp = _catch(function () {
-              return Promise.resolve(API({
-                apiEndPoint: apiEndPoint,
-                url: "/ecommerce/staticPage/list?page=0&size=9999",
-                queryParams: queryParams
-              })).then(function (response) {
-                setStaticPageData(response === null || response === void 0 ? void 0 : response.content);
-              });
-            }, function () {});
-            return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+        var _temp4 = function () {
+          if (pageData) {
+            setStaticPageData(pageData);
+          } else {
+            var _temp3 = function () {
+              if (apiEndPoint) {
+                var _temp2 = function _temp2() {
+                  setLoading(false);
+                };
+                setLoading(true);
+                var _temp = _catch(function () {
+                  return Promise.resolve(API({
+                    apiEndPoint: apiEndPoint,
+                    url: "/ecommerce/staticPage/list?page=0&size=999",
+                    queryParams: queryParams
+                  })).then(function (response) {
+                    setStaticPageData(response === null || response === void 0 ? void 0 : response.content);
+                  });
+                }, function () {});
+                return _temp && _temp.then ? _temp.then(_temp2) : _temp2(_temp);
+              }
+            }();
+            if (_temp3 && _temp3.then) return _temp3.then(function () {});
           }
         }();
-        return _temp3 && _temp3.then ? _temp3.then(function () {}) : void 0;
+        return _temp4 && _temp4.then ? _temp4.then(function () {}) : void 0;
       } catch (e) {
         Promise.reject(e);
       }
     })();
-  }, []);
+  }, [pageData]);
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
       padding: '1rem'
@@ -13557,6 +13568,12 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
     setTotalTaxAmount = _useState21[1];
   var previousSubTotalRef = React.useRef(null);
   var previousShippingAddressIdRef = React.useRef(null);
+  React.useEffect(function () {
+    var _cartData$cartLineIte;
+    if (cartData && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.length) > 0 && currStep !== 1) {
+      setCurrStep(1);
+    }
+  }, [cartData]);
   React.useEffect(function () {
     if (apiEndPoint && token) {
       (function () {
@@ -13681,8 +13698,8 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
   React.useEffect(function () {
     (function () {
       try {
-        var _cartData$cartLineIte;
-        var isQuantityZero = cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte === void 0 ? void 0 : _cartData$cartLineIte.some(function (data) {
+        var _cartData$cartLineIte2;
+        var isQuantityZero = cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte2 = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte2 === void 0 ? void 0 : _cartData$cartLineIte2.some(function (data) {
           return (data === null || data === void 0 ? void 0 : data.quantity) <= 0;
         });
         if (isQuantityZero) {
@@ -13721,8 +13738,8 @@ var CheckoutPageComponentWrapper = function CheckoutPageComponentWrapper(_ref) {
   var taxFunction = function taxFunction() {
     try {
       var taxAmount = totalTaxAmount || 0;
-      var _temp10 = function (_cartData$cartLineIte2) {
-        if (shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte2 = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte2 === void 0 ? void 0 : _cartData$cartLineIte2.length) > 0 && shippingAddressId && (shippingAddressId !== previousShippingAddressIdRef.current || (cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal) !== previousSubTotalRef.current)) {
+      var _temp10 = function (_cartData$cartLineIte3) {
+        if (shippingAddressId && (cartData === null || cartData === void 0 ? void 0 : (_cartData$cartLineIte3 = cartData.cartLineItemDtoList) === null || _cartData$cartLineIte3 === void 0 ? void 0 : _cartData$cartLineIte3.length) > 0 && shippingAddressId && (shippingAddressId !== previousShippingAddressIdRef.current || (cartData === null || cartData === void 0 ? void 0 : cartData.cartSubTotal) !== previousSubTotalRef.current)) {
           previousShippingAddressIdRef.current = shippingAddressId;
           var _temp9 = _catch(function () {
             return Promise.resolve(getTaxData({
@@ -15827,6 +15844,343 @@ function CustomTabPanel(props) {
   }, children));
 }
 
+var cardStyle = {
+  border: '1px solid #d3d3d3',
+  borderRadius: '10px',
+  display: 'flex',
+  flexDirection: 'column',
+  justifyContent: 'center',
+  alignItems: 'center',
+  padding: '10px',
+  gap: '10px',
+  backgroundColor: '#ffffff'
+};
+var WishlistProductCardSkeleton = function WishlistProductCardSkeleton(_ref) {
+  var span = _ref.span,
+    _ref$count = _ref.count,
+    count = _ref$count === void 0 ? 18 : _ref$count;
+  return /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, Array.from({
+    length: count
+  }).map(function (_, i) {
+    var _span$xs, _span$sm, _span$md, _span$lg;
+    return /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      xs: (_span$xs = span === null || span === void 0 ? void 0 : span.xs) != null ? _span$xs : 12,
+      sm: (_span$sm = span === null || span === void 0 ? void 0 : span.sm) != null ? _span$sm : 6,
+      md: (_span$md = span === null || span === void 0 ? void 0 : span.md) != null ? _span$md : 4,
+      lg: (_span$lg = span === null || span === void 0 ? void 0 : span.lg) != null ? _span$lg : 2,
+      key: i
+    }, /*#__PURE__*/React__default.createElement("div", {
+      style: cardStyle
+    }, /*#__PURE__*/React__default.createElement(material.Skeleton, {
+      variant: "rectangular",
+      width: 160,
+      height: 160,
+      animation: "wave"
+    }), /*#__PURE__*/React__default.createElement(material.Skeleton, {
+      variant: "text",
+      width: 80,
+      height: 24,
+      animation: "wave"
+    }), /*#__PURE__*/React__default.createElement(material.Skeleton, {
+      variant: "text",
+      width: "90%",
+      height: 43,
+      animation: "wave"
+    }), /*#__PURE__*/React__default.createElement(material.Skeleton, {
+      variant: "rectangular",
+      width: 120,
+      height: 36,
+      animation: "wave",
+      sx: {
+        borderRadius: '10px'
+      }
+    })));
+  }));
+};
+
+var _templateObject$S, _templateObject2$C, _templateObject3$s, _templateObject4$m, _templateObject5$h, _templateObject6$f, _templateObject7$b, _templateObject8$9, _templateObject9$6, _templateObject10$4, _templateObject11$3;
+var getProductImage = function getProductImage(imageUrl, imgNotFoundUrl) {
+  return imageUrl && imageUrl !== 'null' ? imageUrl : imgNotFoundUrl != null ? imgNotFoundUrl : '/images/products/imgnotfound.png';
+};
+var DEFAULT_GRID_SPAN = {
+  lg: 3,
+  md: 4,
+  sm: 6,
+  xs: 6
+};
+var WISHLIST_ITEM_OMIT_KEYS = ['id', 'createdBy', 'insertedTimestamp', 'updatedBy', 'updatedTimestamp'];
+var getStyleOverride = function getStyleOverride(styleOverrides) {
+  for (var _len = arguments.length, keys = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    keys[_key - 1] = arguments[_key];
+  }
+  for (var _i = 0, _keys = keys; _i < _keys.length; _i++) {
+    var key = _keys[_i];
+    if (styleOverrides !== null && styleOverrides !== void 0 && styleOverrides[key]) return styleOverrides[key];
+  }
+  return undefined;
+};
+var WishlistComponent = function WishlistComponent(_ref) {
+  var style = _ref.style,
+    imgNotFoundUrl = _ref.imgNotFoundUrl,
+    token = _ref.token,
+    _ref$isLoading = _ref.isLoading,
+    isLoading = _ref$isLoading === void 0 ? false : _ref$isLoading,
+    _ref$wishlistData = _ref.wishlistData,
+    wishlistData = _ref$wishlistData === void 0 ? [] : _ref$wishlistData,
+    onRemoveFromWishlist = _ref.onRemoveFromWishlist,
+    onSearch = _ref.onSearch,
+    _ref$span = _ref.span,
+    span = _ref$span === void 0 ? DEFAULT_GRID_SPAN : _ref$span,
+    primaryColor = _ref.primaryColor,
+    apiEndPoint = _ref.apiEndPoint,
+    onAddToCart = _ref.onAddToCart,
+    _ref$doNotShowPrice = _ref.doNotShowPrice,
+    doNotShowPrice = _ref$doNotShowPrice === void 0 ? false : _ref$doNotShowPrice;
+  var _useAllSystemFeatureV = useAllSystemFeatureValues({
+      apiEndPoint: apiEndPoint,
+      token: token
+    }),
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _useAllSystemFeatureV.allowToProcessInvoiceForOutOfStockProductsEcommerce;
+  var styleOverrides = React.useMemo(function () {
+    return _extends({}, style || {});
+  }, [style]);
+  var _useState = React.useState(''),
+    searchInput = _useState[0],
+    setSearchInput = _useState[1];
+  var items = React.useMemo(function () {
+    var _wishlistData$content;
+    if (Array.isArray(wishlistData)) return wishlistData;
+    return (_wishlistData$content = wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.content) != null ? _wishlistData$content : [];
+  }, [wishlistData]);
+  var gridSpan = React.useMemo(function () {
+    return _extends({}, DEFAULT_GRID_SPAN, span || {});
+  }, [span]);
+  var totalItems = React.useMemo(function () {
+    if (typeof (wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.totalElements) === 'number') {
+      return wishlistData === null || wishlistData === void 0 ? void 0 : wishlistData.totalElements;
+    }
+    return items === null || items === void 0 ? void 0 : items.length;
+  }, [wishlistData, items === null || items === void 0 ? void 0 : items.length]);
+  var debouncedSearch = React.useMemo(function () {
+    return debounce$1(function (value) {
+      return onSearch === null || onSearch === void 0 ? void 0 : onSearch(value);
+    }, 500);
+  }, [onSearch]);
+  React.useEffect(function () {
+    return function () {
+      debouncedSearch.cancel();
+    };
+  }, [debouncedSearch]);
+  if (!token) {
+    return /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("h1", null, "Wishlist"), /*#__PURE__*/React__default.createElement("p", null, "Please log in to view your wishlist."));
+  }
+  if (!isLoading && items.length === 0) {
+    return /*#__PURE__*/React__default.createElement(EmptyStateText, {
+      style: getStyleOverride(styleOverrides, 'emptyStateText', 'EmptyStateText')
+    }, "no products added to wishlist");
+  }
+  return /*#__PURE__*/React__default.createElement("div", {
+    style: {
+      marginTop: '1rem',
+      height: '100%',
+      width: '100%'
+    }
+  }, /*#__PURE__*/React__default.createElement(TopBar, {
+    style: getStyleOverride(styleOverrides, 'topBar', 'TopBar')
+  }, /*#__PURE__*/React__default.createElement(SearchWrapper, {
+    style: getStyleOverride(styleOverrides, 'searchWrapper', 'SearchWrapper')
+  }, /*#__PURE__*/React__default.createElement(material.TextField, {
+    placeholder: "Type minimum 3 characters to search...",
+    value: searchInput,
+    onChange: function onChange(e) {
+      var value = e.target.value;
+      setSearchInput(value);
+      if (!token || typeof onSearch !== 'function') return;
+      debouncedSearch(value);
+    },
+    size: "small",
+    fullWidth: true,
+    sx: {
+      '& .MuiOutlinedInput-root': {
+        borderRadius: '8px'
+      }
+    }
+  })), /*#__PURE__*/React__default.createElement(TotalItemsText, {
+    style: getStyleOverride(styleOverrides, 'totalItemsText', 'TotalItemsText')
+  }, "Total " + totalItems + " item" + (totalItems === 1 ? '' : 's'))), isLoading ? /*#__PURE__*/React__default.createElement(WishlistProductCardSkeleton, {
+    span: span
+  }) : /*#__PURE__*/React__default.createElement(material.Grid, {
+    container: true,
+    spacing: 2
+  }, items === null || items === void 0 ? void 0 : items.map(function (product) {
+    return /*#__PURE__*/React__default.createElement(material.Grid, {
+      item: true,
+      xs: gridSpan.xs,
+      sm: gridSpan.sm,
+      md: gridSpan.md,
+      lg: gridSpan.lg,
+      key: product === null || product === void 0 ? void 0 : product.id
+    }, /*#__PURE__*/React__default.createElement(ProductCard, {
+      product: product,
+      styleOverrides: styleOverrides,
+      onRemoveFromWishlist: onRemoveFromWishlist,
+      primaryColor: primaryColor,
+      imgNotFoundUrl: imgNotFoundUrl,
+      onAddToCart: onAddToCart,
+      allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce,
+      doNotShowPrice: doNotShowPrice
+    }));
+  })));
+};
+var ProductCardWrapper = styled__default.div(_templateObject$S || (_templateObject$S = _taggedTemplateLiteralLoose(["\n  position: relative;\n  background-color: #ffffff;\n  border: 1px solid #d3d3d3;\n  border-radius: 10px;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  padding: 10px;\n  gap: 10px;\n  cursor: pointer;\n"])));
+var TopBar = styled__default.div(_templateObject2$C || (_templateObject2$C = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  align-items: center;\n  gap: 12px;\n"])));
+var SearchWrapper = styled__default(material.Box)(_templateObject3$s || (_templateObject3$s = _taggedTemplateLiteralLoose(["\n  && {\n    margin-bottom: 24px;\n    max-width: 400px;\n    width: 100%;\n  }\n"])));
+var TotalItemsText = styled__default.div(_templateObject4$m || (_templateObject4$m = _taggedTemplateLiteralLoose(["\n  font-size: 14px;\n  font-weight: 500;\n  color: #4b4b4b;\n  margin-bottom: 24px;\n  white-space: nowrap;\n"])));
+var EmptyStateText = styled__default.p(_templateObject5$h || (_templateObject5$h = _taggedTemplateLiteralLoose(["\n  font-size: 16px;\n  color: #4b4b4b;\n  margin: 16px 0;\n"])));
+var DeleteButton = styled__default.button(_templateObject6$f || (_templateObject6$f = _taggedTemplateLiteralLoose(["\n  position: absolute;\n  top: 8px;\n  right: 8px;\n  opacity: 1;\n  pointer-events: auto;\n  z-index: 2;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 32px;\n  height: 32px;\n  padding: 0;\n  border: none;\n  border-radius: 50%;\n  background-color: #ffffff;\n  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.15);\n  cursor: pointer;\n  color: #ff0000;\n"])));
+var PriceContainer = styled__default.div(_templateObject7$b || (_templateObject7$b = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n"])));
+var DiscountPriceRow = styled__default.div(_templateObject8$9 || (_templateObject8$9 = _taggedTemplateLiteralLoose(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n"])));
+var ProductName$2 = styled__default.div(_templateObject9$6 || (_templateObject9$6 = _taggedTemplateLiteralLoose(["\n  font-size: 16px;\n  font-weight: 500;\n  color: #000000;\n  text-align: center;\n  height: 40px;\n  overflow: hidden;\n  width: 100%;\n  text-overflow: ellipsis;\n  white-space: pre-wrap;\n"])));
+var ProductActionButton = styled__default(material.Button)(_templateObject10$4 || (_templateObject10$4 = _taggedTemplateLiteralLoose(["\n  && {\n    background-color: ", ";\n    color: #ffffff;\n    border-radius: 10px;\n    font-weight: 500;\n  }\n"])), function (_ref2) {
+  var primaryColor = _ref2.primaryColor;
+  return primaryColor != null ? primaryColor : '#000000';
+});
+var OutOfStockButton = styled__default(material.Button)(_templateObject11$3 || (_templateObject11$3 = _taggedTemplateLiteralLoose(["\n  && {\n    color: #ffffff;\n    border-radius: 10px;\n    font-weight: 500;\n  }\n"])));
+var ProductCard = function ProductCard(_ref3) {
+  var _product$standardPric, _product$retailPrice, _product$standardPric2;
+  var product = _ref3.product,
+    styleOverrides = _ref3.styleOverrides,
+    onRemoveFromWishlist = _ref3.onRemoveFromWishlist,
+    primaryColor = _ref3.primaryColor,
+    imgNotFoundUrl = _ref3.imgNotFoundUrl,
+    allowToProcessInvoiceForOutOfStockProductsEcommerce = _ref3.allowToProcessInvoiceForOutOfStockProductsEcommerce,
+    onAddToCart = _ref3.onAddToCart,
+    doNotShowPrice = _ref3.doNotShowPrice;
+  var router$1 = router.useRouter();
+  var _useState2 = React.useState(false),
+    deleteLoading = _useState2[0],
+    setDeleteLoading = _useState2[1];
+  var _useState3 = React.useState(false),
+    addToCartLoading = _useState3[0],
+    setAddToCartLoading = _useState3[1];
+  var removeFromWishlist = function removeFromWishlist(productId) {
+    try {
+      if (typeof onRemoveFromWishlist !== 'function') return Promise.resolve();
+      setDeleteLoading(true);
+      var _temp = _finallyRethrows(function () {
+        return _catch(function () {
+          return Promise.resolve(onRemoveFromWishlist(productId)).then(function () {});
+        }, function (error) {
+          console.log('error', error);
+        });
+      }, function (_wasThrown, _result) {
+        setDeleteLoading(false);
+        if (_wasThrown) throw _result;
+        return _result;
+      });
+      return Promise.resolve(_temp && _temp.then ? _temp.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  var onChangeQuantity = function onChangeQuantity(product) {
+    try {
+      if (!onAddToCart || typeof onAddToCart !== 'function') return Promise.resolve();
+      var _temp2 = _finallyRethrows(function () {
+        return _catch(function () {
+          setAddToCartLoading(true);
+          return Promise.resolve(onAddToCart(omit(product, WISHLIST_ITEM_OMIT_KEYS))).then(function () {});
+        }, function () {});
+      }, function (_wasThrown2, _result2) {
+        setAddToCartLoading(false);
+        if (_wasThrown2) throw _result2;
+        return _result2;
+      });
+      return Promise.resolve(_temp2 && _temp2.then ? _temp2.then(function () {}) : void 0);
+    } catch (e) {
+      return Promise.reject(e);
+    }
+  };
+  return /*#__PURE__*/React__default.createElement(ProductCardWrapper, {
+    style: getStyleOverride(styleOverrides, 'productCardWrapper', 'ProductCardWrapper'),
+    onClick: function onClick() {
+      var _ref4, _product$urlAlias;
+      router$1.push("/product-details/" + paramCase.paramCase((_ref4 = (_product$urlAlias = product.urlAlias) != null ? _product$urlAlias : product.alias) != null ? _ref4 : product.productName) + "?id=" + (product === null || product === void 0 ? void 0 : product.productId));
+    }
+  }, /*#__PURE__*/React__default.createElement(DeleteButton, {
+    type: "button",
+    className: "wishlist-delete-btn",
+    "aria-label": "Remove from wishlist",
+    style: getStyleOverride(styleOverrides, 'deleteButton', 'DeleteButton'),
+    onClick: function onClick(e) {
+      try {
+        var _temp3 = _catch(function () {
+          e.stopPropagation();
+          return Promise.resolve(removeFromWishlist(product === null || product === void 0 ? void 0 : product.productId)).then(function () {});
+        }, function (error) {
+          console.log('error', error);
+        });
+        return Promise.resolve(_temp3 && _temp3.then ? _temp3.then(function () {}) : void 0);
+      } catch (e) {
+        return Promise.reject(e);
+      }
+    }
+  }, deleteLoading ? /*#__PURE__*/React__default.createElement(material.CircularProgress, {
+    size: 20
+  }) : /*#__PURE__*/React__default.createElement(ai.AiOutlineDelete, {
+    style: {
+      fontSize: 18
+    }
+  })), /*#__PURE__*/React__default.createElement(Image$3, {
+    src: getProductImage(product === null || product === void 0 ? void 0 : product.imageUrl, imgNotFoundUrl),
+    alt: (product === null || product === void 0 ? void 0 : product.productName) || 'Product',
+    width: 160,
+    height: 160,
+    objectFit: "contain"
+  }), !doNotShowPrice ? /*#__PURE__*/React__default.createElement(PriceContainer, {
+    style: getStyleOverride(styleOverrides, 'priceContainer', 'PriceContainer')
+  }, (product === null || product === void 0 ? void 0 : product.standardPrice) > (product === null || product === void 0 ? void 0 : product.retailPrice) ? /*#__PURE__*/React__default.createElement(DiscountPriceRow, {
+    style: getStyleOverride(styleOverrides, 'discountPriceRow', 'DiscountPriceRow')
+  }, /*#__PURE__*/React__default.createElement("del", null, "$" + (product === null || product === void 0 ? void 0 : (_product$standardPric = product.standardPrice) === null || _product$standardPric === void 0 ? void 0 : _product$standardPric.toFixed(2))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", null, "$" + (product === null || product === void 0 ? void 0 : (_product$retailPrice = product.retailPrice) === null || _product$retailPrice === void 0 ? void 0 : _product$retailPrice.toFixed(2))))) : /*#__PURE__*/React__default.createElement("div", null, "$" + (product === null || product === void 0 ? void 0 : (_product$standardPric2 = product.standardPrice) === null || _product$standardPric2 === void 0 ? void 0 : _product$standardPric2.toFixed(2)))) : /*#__PURE__*/React__default.createElement("div", null), /*#__PURE__*/React__default.createElement(ProductName$2, {
+    style: getStyleOverride(styleOverrides, 'productName', 'ProductName')
+  }, product === null || product === void 0 ? void 0 : product.productName), /*#__PURE__*/React__default.createElement("div", null, (product === null || product === void 0 ? void 0 : product.productStock) > 0 || product !== null && product !== void 0 && product.hasChildProduct ? /*#__PURE__*/React__default.createElement(ProductActionButton, {
+    variant: "contained",
+    color: "primary",
+    primaryColor: primaryColor,
+    style: getStyleOverride(styleOverrides, 'productActionButton', 'ProductActionButton'),
+    onClick: function onClick(e) {
+      e.stopPropagation();
+      e.preventDefault();
+      if (product !== null && product !== void 0 && product.hasChildProducts) {
+        router$1.push("/products/" + (product === null || product === void 0 ? void 0 : product.productId));
+      } else {
+        if (onAddToCart) {
+          var _product$quantity;
+          onChangeQuantity(_extends({}, product, {
+            quantity: checkMinMaxQty({
+              quantity: (_product$quantity = product === null || product === void 0 ? void 0 : product.quantity) != null ? _product$quantity : 1,
+              product: product,
+              allowToProcessInvoiceForOutOfStockProductsEcommerce: allowToProcessInvoiceForOutOfStockProductsEcommerce
+            })
+          }));
+        }
+      }
+    }
+  }, product !== null && product !== void 0 && product.hasChildProduct ? 'Select Options' : addToCartLoading ? 'Adding...' : 'Add to Cart') : /*#__PURE__*/React__default.createElement(OutOfStockButton, {
+    variant: "contained",
+    color: "primary",
+    disabled: true,
+    style: getStyleOverride(styleOverrides, 'outOfStockButton', 'OutOfStockButton'),
+    onClick: function onClick(e) {
+      return e.stopPropagation();
+    }
+  }, "Out Of stock")));
+};
+
 exports.APIStaticPage = APIStaticPage;
 exports.AccountDetails = AccountDetails;
 exports.BrandList = BrandList;
@@ -15851,6 +16205,7 @@ exports.SwitchUser = SwitchUser;
 exports.ThankYou = ThankYou;
 exports.Variant = Variant;
 exports.VendorAccount = VendorAccountDetails;
+exports.Wishlist = WishlistComponent;
 exports.useGridSize = useGridSize;
 exports.useWindowSize = useWindowSize;
 //# sourceMappingURL=index.js.map