tabexseriescomponents 0.0.264 → 0.0.266

package/dist/index.cjs.js

@@ -7818,7 +7818,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   var _fetchAuthorizationQu, _fetchAuthorizationQu2, _fetchAuthorizationQu3, _fetchAuthorizationQu4, _fetchAuthorizationQu5, _fetchAuthorizationQu6, _css, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  var routingcountext = props.actions.routingcountext;
+  props.actions.routingcountext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var fetchinstitutecustomerinfosignupQueryContext = props.actions.fetchinstitutecustomerinfosignupQueryContext;
@@ -8636,9 +8636,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, langdetect == 'en' ? sectionproperties.termsandconditiontext_en : sectionproperties.termsandconditiontext_ar, ' ', /*#__PURE__*/React__default["default"].createElement("span", {
     "class": formstyles.terms + ' cursor-pointer ',
     onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.Policies);
+      window.open(window.location.origin + '/policies', '_blank');
     }
-  }, "\u0627\u0644\u0634\u0631\u0648\u0637 \u0648 \u0627\u0644\u0627\u062D\u0643\u0627\u0645"))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'Terms & Conditions' : 'الشروط و الاحكام'))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
@@ -11438,6 +11438,7 @@ var CardsSection = function CardsSection(props) {
         cardobj.quantity = itemquantity;
         cardobj.timestamp = arrayItem.productinfo.timestamp;
         cardobj.productquantity = arrayItem.productinfo.productquantity;
+        cardobj.quantavailtype = arrayItem.productinfo.quantavailtype;
         if (langdetect == 'en') {
           cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
         } else {
@@ -11821,19 +11822,24 @@ var CardsSection = function CardsSection(props) {
         } else {
           routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
         }
+      },
+      style: {
+        flexDirection: 'row'
       }
-    }, sectionproperties.viewmorebtntype == 'Text' && /*#__PURE__*/React__default["default"].createElement("span", {
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
       "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
     }, /*#__PURE__*/React__default["default"].createElement("span", {
       "class": sectionproperties.sectiontitlefontfamily == 'ASUL' ? 'ASUL' : ''
-    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar)), sectionproperties.viewmorebtntype == 'Icon' && /*#__PURE__*/React__default["default"].createElement("span", {
-      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center' : 'd-flex justify-content-center align-items-center d-md-none'
-    }, /*#__PURE__*/React__default["default"].createElement("i", {
-      "class": "h-100 allcentered"
+    }, langdetect == 'en' ? sectionproperties.viewmorebtn_text : sectionproperties.viewmorebtn_text_ar), sectionproperties.showIcon == 'Show' && /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": sectionproperties.sectiontitleposition == 'Centered' ? 'd-flex justify-content-center align-items-center h-100 allcentered' : 'd-flex justify-content-center align-items-center d-md-none h-100',
+      style: {
+        marginLeft: 5,
+        marginRight: 5
+      }
     }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowRight.HiOutlineArrowRight, {
-      size: sectionproperties.viewmorebtn_fontSize
+      size: sectionproperties.viewmoreiconfontsize
     }) : /*#__PURE__*/React__default["default"].createElement(HiOutlineArrowLeft.HiOutlineArrowLeft, {
-      size: sectionproperties.viewmorebtn_fontSize
+      size: sectionproperties.viewmoreiconfontsize
     }))), /*#__PURE__*/React__default["default"].createElement("span", {
       "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", {
@@ -23921,7 +23927,7 @@ styleInject(css_248z$o);
 function ownKeys$1u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1u(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var SearchFocusedHeader = function SearchFocusedHeader(props) {
-  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i11, _authdetailsContext$i12, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i13, _authdetailsContext$i14;
+  var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i14, _authdetailsContext$i15, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _authdetailsContext$i16, _authdetailsContext$i17;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
   var setlang = props.actions.setlang;
@@ -24388,35 +24394,35 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     "class": "col-lg-3 d-flex align-items-center p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 d-flex justify-content-end w-100"
-  }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.fbbtn + ' p-0 allcentered cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i5;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink) != null) {
-        var _authdetailsContext$i6;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink, '_blank');
+      var _authdetailsContext$i6;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink) != null) {
+        var _authdetailsContext$i7;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
     size: sectionproperties.facebkbtnniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.whatsappbtn + ' p-0 allcentered cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i7;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber) != null) {
-        var _authdetailsContext$i8;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber), '_blank');
+      var _authdetailsContext$i9;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber) != null) {
+        var _authdetailsContext$i10;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     size: sectionproperties.youtubebtniconfontsize
-  })), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instagramlink) && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.instagrambtn + ' p-0 allcentered cursor-pointer ',
     onClick: function onClick() {
-      var _authdetailsContext$i9;
-      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink) != null) {
-        var _authdetailsContext$i10;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.instagramlink, '_blank');
+      var _authdetailsContext$i12;
+      if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.instagramlink) != null) {
+        var _authdetailsContext$i13;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
@@ -24537,7 +24543,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.accountinfo);
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : (_authdetailsContext$i12 = _authdetailsContext$i11.customerinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : (_authdetailsContext$i15 = _authdetailsContext$i14.customerinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.name))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -24713,7 +24719,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       minWidth: '250px',
       marginLeft: '0px'
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : (_authdetailsContext$i14 = _authdetailsContext$i13.instcollections) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.map(function (item, index) {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : (_authdetailsContext$i17 = _authdetailsContext$i16.instcollections) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
         routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
@@ -34519,105 +34525,381 @@ var ElegantCategoriesCardSection = function ElegantCategoriesCardSection(props)
 function ownKeys$19(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var RandomlyStructuredCollectionCards = function RandomlyStructuredCollectionCards(props) {
-  var _useInView = reactIntersectionObserver.useInView();
-    _useInView.ref;
-    var inView = _useInView.inView;
+  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.lang;
   var langdetect = props.actions.langdetect;
-  var fetchProductsQuery = props.actions.fetchProductsQuery;
+  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
+  var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var ProductFilterObjContext = props.actions.ProductFilterObjContext;
+  var setProductFilterObjContext = props.actions.setProductFilterObjContext;
   props.actions.TabexSectionsComponentsContext;
-  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
-  var routingcountext = props.actions.routingcountext;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var fetchProductsQuery = props.actions.fetchProductsQuery;
+  var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
+  var setParentCollectionsForCollectionQueryArr = props.actions.setParentCollectionsForCollectionQueryArr;
+  props.actions.ParentCollectionsForCollectionQueryArr;
   var setfetchingtype = props.actions.setfetchingtype;
   var fetchingtype = props.actions.fetchingtype;
+  props.actions.addtofavoritescontext;
+  var fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
+  var FetchVendorsQuery = props.actions.FetchVendorsQuery;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState = React.useState(false),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    _useState2[1];
   props.actions;
-  var setParentCollectionsForCollectionQueryArr = props.actions.setParentCollectionsForCollectionQueryArr;
-  props.actions.ParentCollectionsForCollectionQueryArr;
-  var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var _useState3 = React.useState([]),
+  var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    cardsarray = _useState4[0],
-    setcardsarray = _useState4[1];
-  var _useState5 = React.useState({
+    sectionproperties = _useState4[0],
+    setsectionproperties = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    cardsarray = _useState6[0],
+    setcardsarray = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    sectionitem = _useState8[0],
+    setsectionitem = _useState8[1];
+  var _useState9 = React.useState({
       productfetchingtype: 'Random',
-      collectionid: ''
+      collectionid: '',
+      grouptype: ''
     }),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    ProductsFetchingTypeSectionObj = _useState6[0],
-    setProductsFetchingTypeSectionObj = _useState6[1];
-  React__default["default"].useEffect(function () {
-    if (inView) {
-      fetchProductsQuery.fetchNextPage();
-    }
-  }, [inView]);
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    ProductsFetchingTypeSectionObj = _useState10[0],
+    setProductsFetchingTypeSectionObj = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    var setmaincontainerarrayofobjs = _useState12[1];
+  // React.useEffect(() => {
+  //     if (inView) {
+  //         fetchProductsQuery.fetchNextPage();
+  //     }
+  // }, [inView]);
   React.useEffect(function () {
+    var productfilerobjtemp = ProductFilterObjContext;
+    if (props.filterparamsprops != undefined) {
+      var filterpar = decodeURIComponent(props.filterparamsprops);
+      var filterparsed = JSON.parse(filterpar);
+      if (filterparsed != undefined) {
+        productfilerobjtemp = filterparsed;
+        setProductFilterObjContext(filterparsed);
+      }
+    }
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
       if (sectionitem.sectionid == props.sectionidprops) {
         var secpropobj = {};
+        setsectionitem(sectionitem);
         sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
           secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
         });
         setsectionproperties(_objectSpread$19({}, secpropobj));
-        setfetchingtype(sectionitem.fetchingtype);
-        setProductsFetchingTypeSectionObj({
-          productfetchingtype: sectionitem.productsfetchingtype,
-          collectionid: sectionitem.productsfetchingtypeCollectioncollectionid
-        });
+        if (props.srcfromprops == 'GeneralProductsComponent') {
+          setfetchingtype('products');
+          var lcproductfetchingtype = 'Random';
+          if (productfilerobjtemp.ProductFetchingType != undefined && productfilerobjtemp.ProductFetchingType != null && productfilerobjtemp.ProductFetchingType.length != 0) {
+            lcproductfetchingtype = productfilerobjtemp.ProductFetchingType;
+          }
+          setProductsFetchingTypeSectionObj({
+            productfetchingtype: lcproductfetchingtype,
+            collectionid: props.collectionidprops,
+            grouptype: props.grouptypeprops,
+            grouptyperefid: props.grouptyperefidprops
+          });
+        } else if (props.srcfromprops == 'InnerGroups' || props.srcfromprops == 'InnerCategory' || props.srcfromprops == 'InnerParentCollection') {
+          setfetchingtype(props.grouptypeprops);
+        } else {
+          setfetchingtype(sectionitem.fetchingtype);
+          setProductsFetchingTypeSectionObj({
+            productfetchingtype: sectionitem.productsfetchingtype,
+            collectionid: sectionitem.productsfetchingtypeCollectioncollectionid,
+            grouptype: props.grouptypeprops,
+            grouptyperefid: props.grouptyperefidprops
+          });
+        }
       }
     });
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
       if (cardsarray.length == 0) {
-        if (fetchcollectionsQueryContext.isSuccess) {
-          cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
+        if (fetchingtype == 'collections') {
+          if (fetchcollectionsQueryContext.isSuccess) {
+            cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
+          }
+        } else if (fetchingtype == 'products') {
+          if (fetchProductsQuery.isSuccess) {
+            var _fetchProductsQuery$d, _fetchProductsQuery$d2, _fetchProductsQuery$d3;
+            var allpagesarr = [];
+            // fetchProductsQuery.data.pages.forEach((page) => {
+            //     page.data.products.forEach((productobj) => {
+            //         allpagesarr.push(productobj);
+            //     });
+            // });
+            fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d = fetchProductsQuery.data) === null || _fetchProductsQuery$d === void 0 ? void 0 : (_fetchProductsQuery$d2 = _fetchProductsQuery$d.data) === null || _fetchProductsQuery$d2 === void 0 ? void 0 : (_fetchProductsQuery$d3 = _fetchProductsQuery$d2.products) === null || _fetchProductsQuery$d3 === void 0 ? void 0 : _fetchProductsQuery$d3.forEach(function (item) {
+              allpagesarr.push(item);
+            });
+            cardobjassigner(allpagesarr);
+          }
+        } else if (fetchingtype == 'vendors') {
+          if (FetchVendorsQuery.isSuccess) {
+            var _FetchVendorsQuery$da, _FetchVendorsQuery$da2;
+            cardobjassigner(FetchVendorsQuery === null || FetchVendorsQuery === void 0 ? void 0 : (_FetchVendorsQuery$da = FetchVendorsQuery.data) === null || _FetchVendorsQuery$da === void 0 ? void 0 : (_FetchVendorsQuery$da2 = _FetchVendorsQuery$da.data) === null || _FetchVendorsQuery$da2 === void 0 ? void 0 : _FetchVendorsQuery$da2.vendors);
+          }
         }
       }
     }
   }, [sectionproperties]);
   React.useEffect(function () {
-    if (fetchingtype.length != 0) {
+    if ((fetchingtype === null || fetchingtype === void 0 ? void 0 : fetchingtype.length) != 0) {
       var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
-      if (ProductsFetchingTypeSectionObj.collectionid == 'all' || ProductsFetchingTypeSectionObj.collectionid == null || ProductsFetchingTypeSectionObj.collectionid == undefined) {
-        setParentCollectionsForCollectionQueryArr('all');
-      } else {
-        setParentCollectionsForCollectionQueryArr([ProductsFetchingTypeSectionObj.collectionid]);
+      if (fetchingtype == 'collections') {
+        if (ProductsFetchingTypeSectionObj.collectionid == 'all' || ProductsFetchingTypeSectionObj.collectionid == null || ProductsFetchingTypeSectionObj.collectionid == undefined) {
+          setParentCollectionsForCollectionQueryArr('all');
+        } else {
+          setParentCollectionsForCollectionQueryArr([ProductsFetchingTypeSectionObj.collectionid]);
+        }
+      }
+      if (fetchingtype == 'products') {
+        var tempfetchproductsfilerobjcontext = ProductFilterObjContext;
+        tempfetchproductsfilerobjcontext.ProductFetchingType = ProductsFetchingTypeSectionObj.productfetchingtype;
+        if (ProductsFetchingTypeSectionObj.grouptype == 'collections' || ProductsFetchingTypeSectionObj.grouptype == 'categories' || ProductsFetchingTypeSectionObj.grouptype == 'parentcollections') ; else {
+          if (tempfetchproductsfilerobjcontext.collections != undefined) {
+            tempfetchproductsfilerobjcontext.collections.push(ProductsFetchingTypeSectionObj.collectionid);
+          }
+        }
+        tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
+        tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
+        setProductFilterObjContext(_objectSpread$19({}, tempfetchproductsfilerobjcontext));
+      }
+      if (fetchingtype == 'categories') {
+        if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
+          var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
+          cardobjassigner(categories);
+        }
+      }
+      if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
+        if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
+          var _categories;
+          var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
+          var parentcollections = [];
+          (_categories = categories) === null || _categories === void 0 ? void 0 : _categories.forEach(function (catitem, catindex) {
+            catitem === null || catitem === void 0 ? void 0 : catitem.parentcolletions.forEach(function (parentcolitem) {
+              parentcolitem.categoryid = catitem.categoryid;
+              parentcollections.push(parentcolitem);
+            });
+          });
+          if (fetchingtype == 'parentcollections') {
+            if ((sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != null && (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != undefined && (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid) != 'all') {
+              var arrafterfilter = [];
+              parentcollections.forEach(function (parentcolitem, parcolindex) {
+                if (parentcolitem.categoryid == (sectionitem === null || sectionitem === void 0 ? void 0 : sectionitem.productsfetchingtypeparentcollectioncategoryid)) {
+                  arrafterfilter.push(parentcolitem);
+                }
+              });
+              parentcollections = arrafterfilter;
+            }
+          }
+          if (fetchingtype == 'innercategories') {
+            var arrafterfilter = [];
+            parentcollections.forEach(function (parentcolitem, parcolindex) {
+              if (parentcolitem.categoryid == props.collectionidprops) {
+                arrafterfilter.push(parentcolitem);
+              }
+            });
+            parentcollections = arrafterfilter;
+          }
+          cardobjassigner(parentcollections);
+        }
+      } else if (fetchingtype == 'innerparentcollections') {
+        if (fetchAuthorizationQueryContext !== null && fetchAuthorizationQueryContext !== void 0 && fetchAuthorizationQueryContext.isSuccess) {
+          var _categories2;
+          var categories = fetchAuthorizationQueryContext.data.data.instinfo.instcategories;
+          var collections = [];
+          (_categories2 = categories) === null || _categories2 === void 0 ? void 0 : _categories2.forEach(function (catitem, catindex) {
+            catitem === null || catitem === void 0 ? void 0 : catitem.parentcolletions.forEach(function (parentcolitem) {
+              var _parentcolitem$collec;
+              parentcolitem.categoryid = catitem.categoryid;
+              parentcolitem === null || parentcolitem === void 0 ? void 0 : (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 ? void 0 : _parentcolitem$collec.forEach(function (collitem, colindex) {
+                collitem.parentcollectionid = parentcolitem.parentcollectionid;
+                collections.push(collitem);
+              });
+            });
+          });
+          if (fetchingtype == 'innerparentcollections') {
+            var collectionsafterfilter = [];
+            collections.forEach(function (colitem, colindex) {
+              if (colitem.parentcollectionid == props.collectionidprops) {
+                var iscollexists = false;
+                collectionsafterfilter.forEach(function (existcolitem) {
+                  if (colitem.collectionid == existcolitem.collectionid) {
+                    iscollexists = true;
+                  }
+                });
+                if (iscollexists == false) {
+                  collectionsafterfilter.push(colitem);
+                }
+              }
+            });
+            collections = collectionsafterfilter;
+          }
+          cardobjassigner(collections);
+        }
       }
       setFetchQueriesEngineContext(_objectSpread$19({}, tempFetchQueriesEngineContext));
     }
   }, [fetchingtype, ProductsFetchingTypeSectionObj]);
   React.useEffect(function () {
-    if (fetchcollectionsQueryContext.isSuccess) {
-      cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
+    if (fetchingtype == 'products') {
+      if (fetchProductsQuery.isSuccess && fetchcustomercartQueryContext.isSuccess) {
+        var _fetchProductsQuery$d4, _fetchProductsQuery$d5, _fetchProductsQuery$d6;
+        var allpagesarr = [];
+        fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : (_fetchProductsQuery$d4 = fetchProductsQuery.data) === null || _fetchProductsQuery$d4 === void 0 ? void 0 : (_fetchProductsQuery$d5 = _fetchProductsQuery$d4.data) === null || _fetchProductsQuery$d5 === void 0 ? void 0 : (_fetchProductsQuery$d6 = _fetchProductsQuery$d5.products) === null || _fetchProductsQuery$d6 === void 0 ? void 0 : _fetchProductsQuery$d6.forEach(function (item) {
+          allpagesarr.push(item);
+        });
+        cardobjassigner(allpagesarr);
+      }
     }
-  }, [fetchcollectionsQueryContext.isSuccess]);
+  }, [fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : fetchProductsQuery.isSuccess, fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : fetchProductsQuery.dataUpdatedAt, fetchProductsQuery === null || fetchProductsQuery === void 0 ? void 0 : fetchProductsQuery.data, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : fetchcustomercartQueryContext.dataUpdatedAt]);
+  React.useEffect(function () {
+    if (fetchingtype == 'collections') {
+      if (fetchcollectionsQueryContext.isSuccess) {
+        cardobjassigner(fetchcollectionsQueryContext.data.data.collections);
+      }
+    }
+  }, [fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 ? void 0 : fetchcollectionsQueryContext.isSuccess]);
+  React.useEffect(function () {
+    if (fetchingtype == 'vendors') {
+      if (FetchVendorsQuery.isSuccess) {
+        if (FetchVendorsQuery.data.data.vendors != undefined && FetchVendorsQuery.data.data.vendors.length != 0) {
+          var _FetchVendorsQuery$da3, _FetchVendorsQuery$da4;
+          cardobjassigner(FetchVendorsQuery === null || FetchVendorsQuery === void 0 ? void 0 : (_FetchVendorsQuery$da3 = FetchVendorsQuery.data) === null || _FetchVendorsQuery$da3 === void 0 ? void 0 : (_FetchVendorsQuery$da4 = _FetchVendorsQuery$da3.data) === null || _FetchVendorsQuery$da4 === void 0 ? void 0 : _FetchVendorsQuery$da4.vendors);
+        }
+      }
+    }
+  }, [FetchVendorsQuery.isSuccess]);
+  React.useEffect(function () {
+    favassigner();
+  }, [favoriteprojectscountContext]);
+  React.useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.maincontainerarrayofobjs != undefined) {
+      var maincontainerarrayofobjsparsed = JSON.parse(sectionproperties.maincontainerarrayofobjs);
+      if (Array.isArray(maincontainerarrayofobjsparsed)) {
+        setmaincontainerarrayofobjs(_toConsumableArray__default["default"](maincontainerarrayofobjsparsed));
+      }
+    }
+  }, [sectionproperties]);
+  var favassigner = function favassigner() {
+    if (fetchingtype == 'products') {
+      if (cardsarray.length != 0) {
+        if (favoriteprojectscountContext != undefined && Array.isArray(favoriteprojectscountContext)) {
+          var tempcardsarray = _toConsumableArray__default["default"](cardsarray);
+          tempcardsarray.forEach(function (arrayItem, arrayindex) {
+            arrayItem.IsFavExists = false;
+          });
+          tempcardsarray.forEach(function (arrayItem, arrayindex) {
+            favoriteprojectscountContext.forEach(function (favitem, favindex) {
+              if (arrayItem.productid == favitem) {
+                arrayItem.IsFavExists = true;
+              }
+            });
+          });
+          setcardsarray(_toConsumableArray__default["default"](tempcardsarray));
+        }
+      }
+    }
+  };
   var cardobjassigner = function cardobjassigner(fetchedarray) {
     var temparray = [];
     fetchedarray.forEach(function (arrayItem, arrayindex) {
       var cardobj = {
         name: '',
-        image: '',
-        index: arrayindex,
-        collectionid: ''
+        image: ''
       };
-      cardobj.collectionid = arrayItem.collectionid;
-      if (langdetect == 'en') {
-        cardobj.name = arrayItem.title_en;
-        cardobj.description = arrayItem.description_en;
-      } else if (langdetect == 'ar') {
-        cardobj.name = arrayItem.title_ar;
-        cardobj.description = arrayItem.description_ar;
+      if (fetchingtype == 'products') {
+        var itemquantity = 0;
+        if (langdetect == 'en') {
+          cardobj.name = arrayItem.productinfo.name_en;
+        } else {
+          cardobj.name = arrayItem.productinfo.name_ar;
+        }
+        if (langdetect == 'en') {
+          cardobj.description = arrayItem.productinfo.description_en;
+        } else {
+          cardobj.description = arrayItem.productinfo.description_ar;
+        }
+        if (arrayItem.productinfo.hasvariants == 0) {
+          fetchcustomercartQueryContext.data.data.customercart.cartitems.forEach(function (cartitem, cartindex) {
+            if (cartitem.productid == arrayItem.productinfo.productid) {
+              itemquantity = cartitem.quantity;
+            }
+          });
+        }
+        cardobj.image = arrayItem.productinfo.productmainimage;
+        cardobj.hassale = arrayItem.productinfo.hassale;
+        cardobj.productid = arrayItem.productinfo.productid;
+        cardobj.hasvariants = arrayItem.productinfo.hasvariants;
+        cardobj.description_en = arrayItem.productinfo.description_en;
+        cardobj.description_ar = arrayItem.productinfo.description_ar;
+        cardobj.defaultprice = arrayItem.productinfo.defaultprice;
+        cardobj.defaultsaleprice = arrayItem.productinfo.defaultsaleprice;
+        cardobj.productimages = arrayItem.productinfo.productimages;
+        cardobj.quantity = itemquantity;
+        cardobj.timestamp = arrayItem.productinfo.timestamp;
+        cardobj.productquantity = arrayItem.productinfo.productquantity;
+        cardobj.quantavailtype = arrayItem.productinfo.quantavailtype;
+        if (langdetect == 'en') {
+          cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_en;
+        } else {
+          cardobj.currencyname = fetchAuthorizationQueryContext === null || fetchAuthorizationQueryContext === void 0 ? void 0 : fetchAuthorizationQueryContext.data.data.currencyname_ar;
+        }
+        if (favoriteprojectscountContext != undefined && favoriteprojectscountContext.length != 0) {
+          favoriteprojectscountContext.forEach(function (favitem, favindex) {
+            if (arrayItem.productinfo.productid == favitem) {
+              cardobj.IsFavExists = true;
+            }
+          });
+        }
+      } else if (fetchingtype == 'collections' || fetchingtype == 'innerparentcollections') {
+        cardobj.collectionid = arrayItem.collectionid;
+        if (langdetect == 'en') {
+          cardobj.name = arrayItem.title_en;
+          cardobj.description = arrayItem.description_en;
+        } else if (langdetect == 'ar') {
+          cardobj.name = arrayItem.title_ar;
+          cardobj.description = arrayItem.description_ar;
+        }
+        cardobj.image = arrayItem.collectionlogo;
+      } else if (fetchingtype == 'categories') {
+        cardobj.collectionid = arrayItem.categoryid;
+        if (langdetect == 'en') {
+          cardobj.name = arrayItem.title_en;
+          cardobj.description = arrayItem.description_en;
+        } else if (langdetect == 'ar') {
+          cardobj.name = arrayItem.title_ar;
+          cardobj.description = arrayItem.description_ar;
+        }
+        cardobj.image = arrayItem.categorylogo;
+      } else if (fetchingtype == 'parentcollections' || fetchingtype == 'innercategories') {
+        cardobj.collectionid = arrayItem.parentcollectionid;
+        if (langdetect == 'en') {
+          cardobj.name = arrayItem.title_en;
+          cardobj.description = arrayItem.description_en;
+        } else if (langdetect == 'ar') {
+          cardobj.name = arrayItem.title_ar;
+          cardobj.description = arrayItem.description_ar;
+        }
+        cardobj.image = arrayItem.parentcollectionlogo;
+      } else if (fetchingtype == 'custom') ; else if (fetchingtype == 'vendors') {
+        cardobj.name = arrayItem.vendorname;
+        cardobj.collectionid = arrayItem.vendorid;
+        cardobj.image = arrayItem.vendorlogourl;
       }
-      cardobj.image = arrayItem.collectionlogo;
-      cardobj.collectionid = arrayItem.collectionid;
       temparray.push(cardobj);
     });
     setcardsarray([].concat(temparray));
@@ -40442,19 +40724,19 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": sectionproperties.image_height == 0 ? 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center h-auto p-0' : 'col-lg-6 col-md-12 d-flex justify-content-start justify-content-md-center p-0',
       style: {
-        cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default',
+        cursor: ((_imagesarray$ = imagesarray[0]) === null || _imagesarray$ === void 0 ? void 0 : _imagesarray$.IsClickableimg) == 'Yes' ? 'pointer' : 'default',
         background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
       },
       onClick: function onClick() {
         var _imagesarray$2;
-        if (((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.IsClickable) == 'Yes') {
+        if (((_imagesarray$2 = imagesarray[0]) === null || _imagesarray$2 === void 0 ? void 0 : _imagesarray$2.IsClickableimg) == 'Yes') {
           var _imagesarray$3, _imagesarray$4;
-          if ((_imagesarray$3 = imagesarray[0]) !== null && _imagesarray$3 !== void 0 && _imagesarray$3.clickable_page_route && ((_imagesarray$4 = imagesarray[0]) === null || _imagesarray$4 === void 0 ? void 0 : _imagesarray$4.clickable_page_route.length) != 0) {
+          if ((_imagesarray$3 = imagesarray[0]) !== null && _imagesarray$3 !== void 0 && _imagesarray$3.clickableimg_page_route && ((_imagesarray$4 = imagesarray[0]) === null || _imagesarray$4 === void 0 ? void 0 : _imagesarray$4.clickableimg_page_route.length) != 0) {
             var _imagesarray$5;
-            routingcountext((_imagesarray$5 = imagesarray[0]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.clickable_page_route, false, '');
+            routingcountext((_imagesarray$5 = imagesarray[0]) === null || _imagesarray$5 === void 0 ? void 0 : _imagesarray$5.clickableimg_page_route, false, '');
           } else {
             var _imagesarray$6;
-            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$6 = imagesarray[0]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.Clickable_Reference_Collection_ID));
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + ((_imagesarray$6 = imagesarray[0]) === null || _imagesarray$6 === void 0 ? void 0 : _imagesarray$6.Clickableimg_getcoection));
           }
         }
       }
@@ -47645,7 +47927,6 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       borderRadius: sectionproperties.fav_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.favBtniconcolor,
       fontSize: sectionproperties.favBtnTextfontsize + 'px',
-      textTransform: sectionproperties.favBtnTexttransform,
       fontWeight: sectionproperties.favBtnTextfontweight,
       transition: '.3s',
       border: sectionproperties.favbtnborderwidth + 'px solid ' + sectionproperties.favbtnbordercolor,
@@ -47677,7 +47958,8 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       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',
-      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor
+      background: sectionproperties.image_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.image_bgcolor,
+      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1
     }),
     quantitybtn: glamor.css({
       flex: 1,
@@ -47732,6 +48014,21 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         color: sectionproperties.remove_quantitybtn_textcoloronhover,
         background: sectionproperties.remove_quantitybtn_bgcoloronhover
       }
+    }),
+    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'
     })
   };
   var addtocartbuttonrender = function addtocartbuttonrender() {
@@ -47791,7 +48088,7 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
         size: sectionproperties.cartBtn_iconFontSize
       }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
         size: sectionproperties.cartBtn_iconFontSize
-      })), lang.addtocart);
+      })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic);
     }
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -47807,7 +48104,10 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(cardsstyles$4.card_inner)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(cardsstyles$4.card_thumbnail)
+    "class": "".concat(cardsstyles$4.card_thumbnail),
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(cardsstyles$4.img_container, " ").concat(cardsstyles2.img_container) + ' w-100 allcentered ',
     onClick: function onClick() {
@@ -47881,7 +48181,11 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       color: sectionproperties.badge_color,
       fontSize: sectionproperties.badge_fontsize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(cardsstyles2.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", {
     "class": "".concat(cardsstyles$4.product_details) + ' mb-2 '
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -47917,7 +48221,9 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       transform: ' rotate(-180deg)'
     },
     onClick: function onClick() {
-      if (item.hasvariants == 0) {
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      } else if (item.hasvariants == 0) {
         updatequantity('remove');
       } else {
         setShowProductInfoModalContext(true);
@@ -47929,7 +48235,9 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      if (item.hasvariants == 0) {
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      } else if (item.hasvariants == 0) {
         updatequantity('add');
       } else {
         setShowProductInfoModalContext(true);
@@ -47946,7 +48254,9 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
       transform: ' rotate(-180deg)'
     },
     onClick: function onClick() {
-      if (item.hasvariants == 0) {
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      } else if (item.hasvariants == 0) {
         updatequantity('remove');
       } else {
         setShowProductInfoModalContext(true);
@@ -47958,7 +48268,9 @@ var Productcard_with_zoominonhover = function Productcard_with_zoominonhover(pro
   })), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": "".concat(cardsstyles2.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
-      if (item.hasvariants == 0) {
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
+        NotificationManager.warning('', langdetect == 'en' ? 'Sold Out' : 'نفذت الكمية');
+      } else if (item.hasvariants == 0) {
         updatequantity('add');
       } else {
         setShowProductInfoModalContext(true);
@@ -52132,8 +52444,8 @@ var Productcard_with_slideanimation = function Productcard_with_slideanimation(p
     path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_w + '/' + item.image,
     loading: "lazy",
     style: {
-      width: '100%',
-      height: '100%',
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
       background: sectionproperties.image_bgcolortransparent == 'Transparent' ? '' : sectionproperties.image_bgcolor,
       border: sectionproperties.image_borderwidth + 'px solid ' + sectionproperties.image_bordercolor,
@@ -53954,7 +54266,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
       transition: '.3s',
-      opacity: item.productquantity < 1 ? 0.4 : 1
+      opacity: item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' ? 0.4 : 1
     }),
     productNameStyles: glamor.css({
       color: sectionproperties.prodNameColor,
@@ -54146,7 +54458,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       height: sectionproperties.imageInnerWidth_Height + '%',
       objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
     }
-  })), item.productquantity < 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.outstockbadge) + ' allcentered '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
@@ -54179,7 +54491,7 @@ 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() {
-      if (item.productquantity > 0) {
+      if (item.productquantity < 1 && sectionproperties.showoutofstock == 'Show' && item.quantavailtype == 'limit') {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       } else {