tabexseriescomponents 0.0.264 → 0.0.266

package/dist/index.umd.js

@@ -7669,7 +7669,7 @@
       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;
@@ -8487,9 +8487,9 @@
       }, 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 ',
@@ -11289,6 +11289,7 @@
             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 {
@@ -11672,19 +11673,24 @@
             } 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", {
@@ -23772,7 +23778,7 @@
     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;
@@ -24239,35 +24245,35 @@
         "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, {
@@ -24388,7 +24394,7 @@
         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);
         }
@@ -24564,7 +24570,7 @@
           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);
@@ -34370,105 +34376,381 @@
     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));
@@ -40293,19 +40575,19 @@
         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));
               }
             }
           }
@@ -47496,7 +47778,6 @@
           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,
@@ -47528,7 +47809,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',
-          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,
@@ -47583,6 +47865,21 @@
             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() {
@@ -47642,7 +47939,7 @@
             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", {
@@ -47658,7 +47955,10 @@
       }, /*#__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() {
@@ -47732,7 +48032,11 @@
           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"
@@ -47768,7 +48072,9 @@
           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);
@@ -47780,7 +48086,9 @@
       })), 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);
@@ -47797,7 +48105,9 @@
           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);
@@ -47809,7 +48119,9 @@
       })), 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);
@@ -51983,8 +52295,8 @@
         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,
@@ -53805,7 +54117,7 @@
           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,
@@ -53997,7 +54309,7 @@
           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"
@@ -54030,7 +54342,7 @@
       }, 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 {