tabexseriescomponents 0.0.258 → 0.0.259

package/dist/index.cjs.js

@@ -1627,12 +1627,8 @@ var Product_itemtype = function Product_itemtype(props) {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
-        var _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39;
-        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.isproductforcedtocheckout) == 0) {
-          addtocartfunc();
-        } else {
-          routingcountext(StaticPagesLinksContext.Checkout);
-        }
+        // if (fetchProductInfoQueryContext?.data?.data?.productinfo?.isproductforcedtocheckout == 0) {
+        addtocartfunc();
       } else {
         NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
       }
@@ -7466,7 +7462,17 @@ var Checkout = function Checkout(props) {
   })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
     options: fetchTabexCountriesQueryContext.data.data.countries,
     getOptionLabel: function getOptionLabel(option) {
-      return option.name;
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
     },
     getOptionValue: function getOptionValue(option) {
       return option.id;
@@ -7497,9 +7503,22 @@ var Checkout = function Checkout(props) {
     height: "20px",
     duration: "1s"
   })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
-    options: fetchTabexStatesQueryContext.data.data.states,
+    options: fetchTabexStatesQueryContext.data.data.states
+    // getOptionLabel={(option) => option.name}
+    // getOptionValue={(option) => option.id}
+    ,
     getOptionLabel: function getOptionLabel(option) {
-      return option.name;
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
     },
     getOptionValue: function getOptionValue(option) {
       return option.id;
@@ -7537,7 +7556,17 @@ var Checkout = function Checkout(props) {
   })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
     options: fetchTabexCitiesQueryContext.data.data.cities,
     getOptionLabel: function getOptionLabel(option) {
-      return option.name;
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
     },
     getOptionValue: function getOptionValue(option) {
       return option.id;
@@ -11252,6 +11281,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productimages = arrayItem.productinfo.productimages;
         cardobj.quantity = itemquantity;
         cardobj.timestamp = arrayItem.productinfo.timestamp;
+        cardobj.productquantity = arrayItem.productinfo.productquantity;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -53696,6 +53726,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var NotificationManager = props.actions.NotificationManager;
   var _useState5 = React.useState(props.cardinfoindexprops),
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
@@ -53737,7 +53768,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      transition: '.3s'
+      transition: '.3s',
+      opacity: item.productquantity < 1 ? 0.4 : 1
     }),
     productNameStyles: glamor.css({
       color: sectionproperties.prodNameColor,
@@ -53792,6 +53824,21 @@ var Simpleproductcard = function Simpleproductcard(props) {
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
+    }),
+    outstockbadge: glamor.css({
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
+      background: sectionproperties.outstock_bg,
+      color: sectionproperties.outstock_color,
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
+      zIndex: 2,
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      margin: 'auto'
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53904,7 +53951,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       zIndex: 1
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+  }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -53914,7 +53961,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+  })), item.productquantity < 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -53943,8 +53994,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      if (item.productquantity > 0) {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      } else {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      }
     }
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
     "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'

package/dist/index.esm.js

@@ -1580,12 +1580,8 @@ var Product_itemtype = function Product_itemtype(props) {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
-        var _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39;
-        if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.isproductforcedtocheckout) == 0) {
-          addtocartfunc();
-        } else {
-          routingcountext(StaticPagesLinksContext.Checkout);
-        }
+        // if (fetchProductInfoQueryContext?.data?.data?.productinfo?.isproductforcedtocheckout == 0) {
+        addtocartfunc();
       } else {
         NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
       }
@@ -7419,7 +7415,17 @@ var Checkout = function Checkout(props) {
   })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
     options: fetchTabexCountriesQueryContext.data.data.countries,
     getOptionLabel: function getOptionLabel(option) {
-      return option.name;
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
     },
     getOptionValue: function getOptionValue(option) {
       return option.id;
@@ -7450,9 +7456,22 @@ var Checkout = function Checkout(props) {
     height: "20px",
     duration: "1s"
   })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
-    options: fetchTabexStatesQueryContext.data.data.states,
+    options: fetchTabexStatesQueryContext.data.data.states
+    // getOptionLabel={(option) => option.name}
+    // getOptionValue={(option) => option.id}
+    ,
     getOptionLabel: function getOptionLabel(option) {
-      return option.name;
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
     },
     getOptionValue: function getOptionValue(option) {
       return option.id;
@@ -7490,7 +7509,17 @@ var Checkout = function Checkout(props) {
   })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
     options: fetchTabexCitiesQueryContext.data.data.cities,
     getOptionLabel: function getOptionLabel(option) {
-      return option.name;
+      var crname = '';
+      if (langdetect == 'en') {
+        crname = option.name;
+      } else if (langdetect == 'ar') {
+        if (option.name_ar != null) {
+          crname = option.name_ar;
+        } else {
+          crname = option.name;
+        }
+      }
+      return crname;
     },
     getOptionValue: function getOptionValue(option) {
       return option.id;
@@ -11205,6 +11234,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.productimages = arrayItem.productinfo.productimages;
         cardobj.quantity = itemquantity;
         cardobj.timestamp = arrayItem.productinfo.timestamp;
+        cardobj.productquantity = arrayItem.productinfo.productquantity;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -53649,6 +53679,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var NotificationManager = props.actions.NotificationManager;
   var _useState5 = useState(props.cardinfoindexprops),
     _useState6 = _slicedToArray(_useState5, 2);
     _useState6[0];
@@ -53690,7 +53721,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      transition: '.3s'
+      transition: '.3s',
+      opacity: item.productquantity < 1 ? 0.4 : 1
     }),
     productNameStyles: css({
       color: sectionproperties.prodNameColor,
@@ -53745,6 +53777,21 @@ var Simpleproductcard = function Simpleproductcard(props) {
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
+    }),
+    outstockbadge: css({
+      width: sectionproperties.outstock_width + 'px',
+      height: sectionproperties.outstock_height + 'px',
+      background: sectionproperties.outstock_bg,
+      color: sectionproperties.outstock_color,
+      fontSize: sectionproperties.outstock_fontSize + 'px',
+      borderRadius: sectionproperties.outstock_borderradius + 'px',
+      position: 'absolute',
+      zIndex: 2,
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      margin: 'auto'
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -53857,7 +53904,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     style: {
       zIndex: 1
     }
-  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+  }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
     urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
     publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -53867,7 +53914,11 @@ var Simpleproductcard = function Simpleproductcard(props) {
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  }))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
+  })), item.productquantity < 1 && /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0"
+  }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 "
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -53896,8 +53947,12 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React.createElement("p", {
     "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
     onClick: function onClick() {
-      setShowProductInfoModalContext(true);
-      setProductIdProdutInfoModalContext(item.productid);
+      if (item.productquantity > 0) {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      } else {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      }
     }
   }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React.createElement("i", {
     "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'

package/dist/index.umd.js

@@ -1479,12 +1479,8 @@
         className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
         onClick: function onClick() {
           if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= addtocardpayloadobj.quantity && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= addtocardpayloadobj.quantity) {
-            var _fetchProductInfoQuer37, _fetchProductInfoQuer38, _fetchProductInfoQuer39;
-            if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 ? void 0 : (_fetchProductInfoQuer37 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer37 === void 0 ? void 0 : (_fetchProductInfoQuer38 = _fetchProductInfoQuer37.data) === null || _fetchProductInfoQuer38 === void 0 ? void 0 : (_fetchProductInfoQuer39 = _fetchProductInfoQuer38.productinfo) === null || _fetchProductInfoQuer39 === void 0 ? void 0 : _fetchProductInfoQuer39.isproductforcedtocheckout) == 0) {
-              addtocartfunc();
-            } else {
-              routingcountext(StaticPagesLinksContext.Checkout);
-            }
+            // if (fetchProductInfoQueryContext?.data?.data?.productinfo?.isproductforcedtocheckout == 0) {
+            addtocartfunc();
           } else {
             NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
           }
@@ -7318,7 +7314,17 @@
       })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
         options: fetchTabexCountriesQueryContext.data.data.countries,
         getOptionLabel: function getOptionLabel(option) {
-          return option.name;
+          var crname = '';
+          if (langdetect == 'en') {
+            crname = option.name;
+          } else if (langdetect == 'ar') {
+            if (option.name_ar != null) {
+              crname = option.name_ar;
+            } else {
+              crname = option.name;
+            }
+          }
+          return crname;
         },
         getOptionValue: function getOptionValue(option) {
           return option.id;
@@ -7349,9 +7355,22 @@
         height: "20px",
         duration: "1s"
       })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
-        options: fetchTabexStatesQueryContext.data.data.states,
+        options: fetchTabexStatesQueryContext.data.data.states
+        // getOptionLabel={(option) => option.name}
+        // getOptionValue={(option) => option.id}
+        ,
         getOptionLabel: function getOptionLabel(option) {
-          return option.name;
+          var crname = '';
+          if (langdetect == 'en') {
+            crname = option.name;
+          } else if (langdetect == 'ar') {
+            if (option.name_ar != null) {
+              crname = option.name_ar;
+            } else {
+              crname = option.name;
+            }
+          }
+          return crname;
         },
         getOptionValue: function getOptionValue(option) {
           return option.id;
@@ -7389,7 +7408,17 @@
       })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select$1, {
         options: fetchTabexCitiesQueryContext.data.data.cities,
         getOptionLabel: function getOptionLabel(option) {
-          return option.name;
+          var crname = '';
+          if (langdetect == 'en') {
+            crname = option.name;
+          } else if (langdetect == 'ar') {
+            if (option.name_ar != null) {
+              crname = option.name_ar;
+            } else {
+              crname = option.name;
+            }
+          }
+          return crname;
         },
         getOptionValue: function getOptionValue(option) {
           return option.id;
@@ -11104,6 +11133,7 @@
             cardobj.productimages = arrayItem.productinfo.productimages;
             cardobj.quantity = itemquantity;
             cardobj.timestamp = arrayItem.productinfo.timestamp;
+            cardobj.productquantity = arrayItem.productinfo.productquantity;
             if (langdetect == 'en') {
               cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
             } else {
@@ -53548,6 +53578,7 @@
       props.actions.routingcountext;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var NotificationManager = props.actions.NotificationManager;
       var _useState5 = React.useState(props.cardinfoindexprops),
         _useState6 = _slicedToArray__default["default"](_useState5, 2);
         _useState6[0];
@@ -53589,7 +53620,8 @@
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-          transition: '.3s'
+          transition: '.3s',
+          opacity: item.productquantity < 1 ? 0.4 : 1
         }),
         productNameStyles: glamor.css({
           color: sectionproperties.prodNameColor,
@@ -53644,6 +53676,21 @@
             color: sectionproperties.cartBtnTextcoloronhover,
             borderColor: sectionproperties.cartBtnTextcoloronhover
           }
+        }),
+        outstockbadge: glamor.css({
+          width: sectionproperties.outstock_width + 'px',
+          height: sectionproperties.outstock_height + 'px',
+          background: sectionproperties.outstock_bg,
+          color: sectionproperties.outstock_color,
+          fontSize: sectionproperties.outstock_fontSize + 'px',
+          borderRadius: sectionproperties.outstock_borderradius + 'px',
+          position: 'absolute',
+          zIndex: 2,
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0,
+          margin: 'auto'
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -53756,7 +53803,7 @@
         style: {
           zIndex: 1
         }
-      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
         urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
         publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
         path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
@@ -53766,7 +53813,11 @@
           height: sectionproperties.imageInnerWidth_Height + '%',
           objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
         }
-      }))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+      })), item.productquantity < 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0"
+      }, langdetect == 'en' ? sectionproperties.outstock_contenten : sectionproperties.outstock_contentar))), /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100 "
       }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
@@ -53795,8 +53846,12 @@
       }, langdetect == 'en' ? 'EGP' : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م'))))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
         "class": "".concat(card_cssstyles.cart_btn) + ' m-0 p-0 d-flex align-items-center justify-content-center mt-1 ',
         onClick: function onClick() {
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
+          if (item.productquantity > 0) {
+            setShowProductInfoModalContext(true);
+            setProductIdProdutInfoModalContext(item.productid);
+          } else {
+            NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+          }
         }
       }, sectionproperties.cartBtn_iconFontSize != 0 && /*#__PURE__*/React__default["default"].createElement("i", {
         "class": langdetect == 'en' ? 'h-100 mr-2 d-flex align-items-center justify-content-center' : 'h-100 ml-2 d-flex align-items-center justify-content-center'

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.258",
+    "version": "0.0.259",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {