tabexseriescomponents 0.0.257 → 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 {
@@ -11634,7 +11664,7 @@ var CardsSection = function CardsSection(props) {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
     }, /*#__PURE__*/React__default["default"].createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
       size: sectionproperties.viewmorebtn_fontSize
     }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
       size: sectionproperties.viewmorebtn_fontSize
@@ -40776,6 +40806,40 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       flex: '1 1 auto',
       minWidth: '10%',
       background: sectionproperties.linebgcolor
+    }),
+    text1Styles: glamor.css({
+      color: sectionproperties.slideshowText1ContentColor,
+      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+      textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.text1secondarycolor
+      }
+    }),
+    imageContainer: glamor.css({
+      width: sectionproperties.image_width + 'px',
+      height: sectionproperties.image_height + 'px',
+      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
+      justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center',
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.activedotcolor
+      }
+    }),
+    cardContainer: glamor.css({
+      ':hover .imageContainer': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.activedotcolor
+      },
+      ':hover .text1Styles': {
+        transition: '.3s',
+        color: sectionproperties.text1secondarycolor
+      }
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40884,8 +40948,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         zIndex: 2
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
+      "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
       style: {
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
         background: sectionproperties.reservation_bgcolor,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
@@ -40896,6 +40961,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+      },
+      onClick: function onClick() {
+        if (cardinfoitem.iscardclickable == 'Yes') {
+          window.open(cardinfoitem.btnlink, '_blank');
+        }
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40904,21 +40974,12 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": 'd-flex align-items-center',
-      style: {
-        width: sectionproperties.image_width + 'px',
-        height: sectionproperties.image_height + 'px',
-        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
-      }
+      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+      style: {}
     }, /*#__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: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
       style: {
         maxHeight: sectionproperties.iconcontainerwidth + '%',
         maxWidth: sectionproperties.iconcontainerwidth + '%',
@@ -40931,14 +40992,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
+      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
       style: {
-        color: sectionproperties.slideshowText1ContentColor,
-        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -40951,7 +41009,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         fontWeight: sectionproperties.slideshowText2ContentFontWeight,
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
   }))));
 };
 
@@ -53668,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];
@@ -53709,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,
@@ -53764,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", {
@@ -53876,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,
@@ -53886,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"
@@ -53915,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 {
@@ -11587,7 +11617,7 @@ var CardsSection = function CardsSection(props) {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 d-flex align-items-center justify-content-center"
-    }, ' ', langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(HiOutlineArrowRight, {
       size: sectionproperties.viewmorebtn_fontSize
     }) : /*#__PURE__*/React.createElement(HiOutlineArrowLeft, {
       size: sectionproperties.viewmorebtn_fontSize
@@ -40729,6 +40759,40 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       flex: '1 1 auto',
       minWidth: '10%',
       background: sectionproperties.linebgcolor
+    }),
+    text1Styles: css({
+      color: sectionproperties.slideshowText1ContentColor,
+      fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+      fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+      textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.text1secondarycolor
+      }
+    }),
+    imageContainer: css({
+      width: sectionproperties.image_width + 'px',
+      height: sectionproperties.image_height + 'px',
+      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
+      justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center',
+      ':hover': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.activedotcolor
+      }
+    }),
+    cardContainer: css({
+      ':hover .imageContainer': {
+        transition: '.3s',
+        backgroundColor: sectionproperties.activedotcolor
+      },
+      ':hover .text1Styles': {
+        transition: '.3s',
+        color: sectionproperties.text1secondarycolor
+      }
     })
   };
   return /*#__PURE__*/React.createElement("div", {
@@ -40837,8 +40901,9 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         zIndex: 2
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
+      "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
       style: {
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
         background: sectionproperties.reservation_bgcolor,
         paddingTop: sectionproperties.reservation_padding_top + 'px',
         paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
@@ -40849,6 +40914,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+      },
+      onClick: function onClick() {
+        if (cardinfoitem.iscardclickable == 'Yes') {
+          window.open(cardinfoitem.btnlink, '_blank');
+        }
       }
     }, /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40857,21 +40927,12 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": 'd-flex align-items-center',
-      style: {
-        width: sectionproperties.image_width + 'px',
-        height: sectionproperties.image_height + 'px',
-        borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-        borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-        borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-        borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-        background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-        justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
-      }
+      "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+      style: {}
     }, /*#__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: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
+      path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
       style: {
         maxHeight: sectionproperties.iconcontainerwidth + '%',
         maxWidth: sectionproperties.iconcontainerwidth + '%',
@@ -40884,14 +40945,11 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
       }
     }, /*#__PURE__*/React.createElement("p", {
-      "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
+      "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
       style: {
-        color: sectionproperties.slideshowText1ContentColor,
-        fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-        fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-        textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 d-flex p-0",
       style: {
         justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -40904,7 +40962,7 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
         fontWeight: sectionproperties.slideshowText2ContentFontWeight,
         textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
       }
-    }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
+    }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
   }))));
 };
 
@@ -53621,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];
@@ -53662,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,
@@ -53717,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", {
@@ -53829,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,
@@ -53839,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"
@@ -53868,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 {
@@ -11486,7 +11516,7 @@
           "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-none align-items-center justify-content-center' : 'd-none d-md-flex align-items-center justify-content-center'
         }, /*#__PURE__*/React__default["default"].createElement("i", {
           "class": "h-100 d-flex align-items-center justify-content-center"
-        }, ' ', langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
+        }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
           size: sectionproperties.viewmorebtn_fontSize
         }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
           size: sectionproperties.viewmorebtn_fontSize
@@ -40628,6 +40658,40 @@
           flex: '1 1 auto',
           minWidth: '10%',
           background: sectionproperties.linebgcolor
+        }),
+        text1Styles: glamor.css({
+          color: sectionproperties.slideshowText1ContentColor,
+          fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
+          fontWeight: sectionproperties.slideshowText1ContentFontWeight,
+          textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : '',
+          ':hover': {
+            transition: '.3s',
+            color: sectionproperties.text1secondarycolor
+          }
+        }),
+        imageContainer: glamor.css({
+          width: sectionproperties.image_width + 'px',
+          height: sectionproperties.image_height + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
+          justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center',
+          ':hover': {
+            transition: '.3s',
+            backgroundColor: sectionproperties.activedotcolor
+          }
+        }),
+        cardContainer: glamor.css({
+          ':hover .imageContainer': {
+            transition: '.3s',
+            backgroundColor: sectionproperties.activedotcolor
+          },
+          ':hover .text1Styles': {
+            transition: '.3s',
+            color: sectionproperties.text1secondarycolor
+          }
         })
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -40736,8 +40800,9 @@
             zIndex: 2
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": sectionproperties.innersectionbordertype != 'All' ? 'row m-0 w-100 mb-auto border-md-none' : 'row m-0 w-100 mb-auto',
+          "class": sectionproperties.innersectionbordertype != 'All' ? sectionStyles.cardContainer + ' row m-0 w-100 mb-auto border-md-none ' : sectionStyles.cardContainer + ' row m-0 w-100 mb-auto ',
           style: {
+            cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default',
             background: sectionproperties.reservation_bgcolor,
             paddingTop: sectionproperties.reservation_padding_top + 'px',
             paddingBottom: sectionproperties.reservation_padding_bottom + 'px',
@@ -40748,6 +40813,11 @@
             borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
             borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
             boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+          },
+          onClick: function onClick() {
+            if (cardinfoitem.iscardclickable == 'Yes') {
+              window.open(cardinfoitem.btnlink, '_blank');
+            }
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex align-items-center p-0",
@@ -40756,21 +40826,12 @@
             justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
           }
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          "class": 'd-flex align-items-center',
-          style: {
-            width: sectionproperties.image_width + 'px',
-            height: sectionproperties.image_height + 'px',
-            borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-            borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
-            borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-            borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-            background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
-            justifyContent: sectionproperties.iconcontainerheight == '0' ? 'start' : 'center'
-          }
+          "class": sectionStyles.imageContainer + ' d-flex align-items-center imageContainer ',
+          style: {}
         }, /*#__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: cardsarray.length != 0 ? cardsarray[cardinfoindex].cardobj_img : '',
+          path: cardsarray.length != 0 ? cardinfoitem.cardobj_img : '',
           style: {
             maxHeight: sectionproperties.iconcontainerwidth + '%',
             maxWidth: sectionproperties.iconcontainerwidth + '%',
@@ -40783,14 +40844,11 @@
             justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
           }
         }, /*#__PURE__*/React__default["default"].createElement("p", {
-          "class": "p-0 m-0 wordbreak wordbreak-noellipsis",
+          "class": sectionStyles.text1Styles + ' p-0 m-0 wordbreak wordbreak-noellipsis text1Styles ',
           style: {
-            color: sectionproperties.slideshowText1ContentColor,
-            fontSize: sectionproperties.slideshowText1ContentFontSize + 'px',
-            fontWeight: sectionproperties.slideshowText1ContentFontWeight,
-            textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
+            cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
           }
-        }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_titleen : cardsarray[cardinfoindex].cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
+        }, langdetect == 'en' ? cardinfoitem.cardobj_titleen : cardinfoitem.cardobj_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 d-flex p-0",
           style: {
             justifyContent: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : 'start'
@@ -40803,7 +40861,7 @@
             fontWeight: sectionproperties.slideshowText2ContentFontWeight,
             textAlign: sectionproperties.justifyContentCenter == 'Centered' ? 'center' : ''
           }
-        }, langdetect == 'en' ? cardsarray[cardinfoindex].cardobj_descripen : cardsarray[cardinfoindex].cardobj_descripar))));
+        }, langdetect == 'en' ? cardinfoitem.cardobj_descripen : cardinfoitem.cardobj_descripar))));
       }))));
     };
 
@@ -53520,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];
@@ -53561,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,
@@ -53616,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", {
@@ -53728,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,
@@ -53738,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"
@@ -53767,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.257",
+    "version": "0.0.259",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {