npm - tabexseriescomponents - Versions diffs - 0.2.1426 → 0.2.1427 - Mend

tabexseriescomponents 0.2.1426 → 0.2.1427

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (4) hide show

package/dist/index.umd.js CHANGED Viewed

@@ -99409,7 +99409,7 @@
     function ownKeys$6(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
     function _objectSpread$6(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$6(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$6(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Simpleproductcard = function Simpleproductcard(props) {
-      var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i14, _item$producttags2, _authdetailsContext$i15, _item$producttags$2, _authdetailsContext$i16, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i23, _item$producttags3, _authdetailsContext$i24, _item$producttags$3, _authdetailsContext$i25, _authdetailsContext$i26, _authdetailsContext$i27;
+      var _item$producttags, _authdetailsContext$i3, _item$producttags$, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i0, _authdetailsContext$i1, _authdetailsContext$i10, _authdetailsContext$i11, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i15, _item$producttags2, _authdetailsContext$i16, _item$producttags$2, _authdetailsContext$i17, _authdetailsContext$i18, _authdetailsContext$i19, _authdetailsContext$i22, _authdetailsContext$i23, _authdetailsContext$i24, _authdetailsContext$i25, _authdetailsContext$i26, _item$producttags3, _authdetailsContext$i27, _item$producttags$3, _authdetailsContext$i28, _authdetailsContext$i29, _authdetailsContext$i30, _authdetailsContext$i34, _item$producttags4, _authdetailsContext$i35, _item$producttags$4, _authdetailsContext$i36, _authdetailsContext$i37, _authdetailsContext$i38;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -100239,7 +100239,7 @@
           bottom: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i0 = authdetailsContext.instinfo) === null || _authdetailsContext$i0 === void 0 ? void 0 : _authdetailsContext$i0.contactinfo.instid) == '682dfdcdb9720' && sectionproperties.image_mb == -1 ? 30 : 0,
           zIndex: 10
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) != '6a708efd56628' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
         style: {
           // move to spo
@@ -100247,7 +100247,7 @@
           // bottom: authdetailsContext?.instinfo?.contactinfo.instid == '682dfdcdb9720' && sectionproperties.image_mb == -1 ? 30 : 0,
           // zIndex: 10,
         }
-      }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i1 = authdetailsContext.instinfo) === null || _authdetailsContext$i1 === void 0 ? void 0 : _authdetailsContext$i1.contactinfo.instid) == '69de6dceab218' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
+      }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '69de6dceab218' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -100265,7 +100265,7 @@
             fontWeight: 300
           }
         }, "-"));
-      })), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) != '69de6dceab218' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) != '6a552697b2c62' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) != '69de6dceab218' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) != '6a552697b2c62' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered col-lg-12 p-0",
         style: {
           height: 40
@@ -100285,7 +100285,7 @@
           color: sectionproperties.featurecolor,
           fontSize: sectionproperties.featurefontsize + 'px'
         }
-      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center",
         style: {
           visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -100324,8 +100324,8 @@
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         onClick: function onClick() {
           if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
-            var _authdetailsContext$i13;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+            var _authdetailsContext$i14;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
               setShowProductInfoModalContext(true);
               setProductIdProdutInfoModalContext(item.productid);
             } else {
@@ -100344,7 +100344,7 @@
         style: {
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
         }
-      }, item.name)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.contactinfo.instid) == '6a552697b2c62' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, item.name)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '6a552697b2c62' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "text-start d-flex align-items-center col-lg-12 flex-row p-0 mb-1 mt-1"
       }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
         if (ffindex < 2) {
@@ -100376,7 +100376,7 @@
             }
           })), langdetect == 'en' ? ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_en : ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_ar);
         }
-      }))), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags2 = item.producttags) === null || _item$producttags2 === void 0 ? void 0 : _item$producttags2.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered",
         style: {
           width: '100%',
@@ -100443,7 +100443,7 @@
         "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
       }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {}
-      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
         style: {
           visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -100544,7 +100544,7 @@
           color: sectionproperties.quantitycolor,
           fontWeight: sectionproperties.quantityfontweight
         }
-      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -100589,7 +100589,7 @@
         disabled: AddtoCartMutationContext.isLoading == true ? true : false
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 allcentered addbtn"
-      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center",
         style: {
           justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -100618,13 +100618,13 @@
       }, /*#__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() {
-          var _authdetailsContext$i19;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+          var _authdetailsContext$i20;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
             setShowProductInfoModalContext(true);
             setProductIdProdutInfoModalContext(item.productid);
           } else {
-            var _authdetailsContext$i20;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '68527dfef348b') {
+            var _authdetailsContext$i21;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '68527dfef348b') {
               window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
             } else if (sectionproperties.showvariantscont == 'Show') {
               addtocartfunc();
@@ -100684,7 +100684,448 @@
           }
         }),
         activeColor: "#ffd700"
-      }))))), cardsinglerow == 'single' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '6a708efd56628' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 allcentered ',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '97%',
+          borderRadius: 20
+        },
+        "class": "product-content px-3 py-5"
+      }, (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '69de6dceab218' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "text-capitalize d-flex flex-row",
+          style: {
+            color: sectionproperties.featurecolor,
+            fontSize: sectionproperties.featurefontsize + 'px',
+            fontWeight: 300
+          }
+        }, langdetect == 'en' ? ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_en : ffitem === null || ffitem === void 0 ? void 0 : ffitem.value_ar), ffindex < (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) - 1 && /*#__PURE__*/React__default["default"].createElement("span", {
+          "class": "mx-2 ",
+          style: {
+            color: sectionproperties.featurecolor,
+            fontSize: sectionproperties.featurefontsize + 'px',
+            fontWeight: 300
+          }
+        }, "-"));
+      })), sectionproperties.showfeatures == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) != '69de6dceab218' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered col-lg-12 p-0",
+        style: {
+          height: 40
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: item === null || item === void 0 ? void 0 : item.feature_image_url,
+        loading: "lazy",
+        style: {
+          maxWidth: '50%',
+          maxHeight: '50%'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "text-capitalize mx-2",
+        style: {
+          color: sectionproperties.featurecolor,
+          fontSize: sectionproperties.featurefontsize + 'px'
+        }
+      }, (item === null || item === void 0 ? void 0 : item.productfeature) != undefined && (item === null || item === void 0 ? void 0 : item.productfeature) != null ? item === null || item === void 0 ? void 0 : item.productfeature : '')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '68b87409b9a2a' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 d-flex flex-row align-items-center",
+        style: {
+          visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 100,
+          background: 'green'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": 'm-0 mx-2 p-0',
+        style: {
+          color: 'green',
+          fontSize: 13,
+          fontWeight: 400
+        }
+      }, langdetect == 'en' ? 'In Stock' : 'متوفر')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center mb-1 flex-row"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: 40,
+          height: 40,
+          borderRadius: 100,
+          border: '1px solid #ccc'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: item.vendorlogo,
+        loading: "lazy",
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 px-2",
+        style: {
+          color: '#000',
+          fontSize: 13
+        }
+      }, item.vendorname)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak1 p-0 mb-2 ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+          fontSize: sectionproperties.measurementunitfontsize + 'px',
+          color: sectionproperties.measurementunitcolor
+        }
+      }, item.measurmentunit), sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-0 pr-0",
+        style: {
+          minHeight: sectionproperties.wordbreak == '1' ? 'auto' : '6vh',
+          background: sectionproperties.prodNameBackgroundColor,
+          borderRadius: '15px',
+          paddingTop: sectionproperties.productnamepaddingvertical + 'px',
+          paddingBottom: sectionproperties.productnamepaddingvertical + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        onClick: function onClick() {
+          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
+            var productidtobesend = null;
+            if (sectionproperties.urlwithproductname == 'Yes') {
+              productidtobesend = item.productendpointurl;
+            } else {
+              productidtobesend = item.productid;
+            }
+            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+          }
+        },
+        "class": sectionproperties.wordbreak == '1' ?
+        // move to spo
+        "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1  m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak2 wordbreak-md-4 m-0 pname ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        }
+      }, item.name)), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags3 = item.producttags) === null || _item$producttags3 === void 0 ? void 0 : _item$producttags3.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "allcentered",
+        style: {
+          width: '100%',
+          left: 0,
+          right: 0,
+          zIndex: 100
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "px-3 py-1",
+        style: {
+          width: 'fit-content',
+          background: sectionproperties.tagbackgroundcolor,
+          borderRadius: sectionproperties.tagborderradius + 'px',
+          color: sectionproperties.tagcolor,
+          fontSize: 12
+        }
+      }, item === null || item === void 0 || (_item$producttags$3 = item.producttags[0]) === null || _item$producttags$3 === void 0 || (_item$producttags$3 = _item$producttags$3.taginfo) === null || _item$producttags$3 === void 0 ? void 0 : _item$producttags$3.tagname)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 pl-0 pr-0",
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.sku) + '  wordbreak wordbreak1 font-md-13 m-0 ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? 'SKU: ' : 'كود: ', item.sku)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0   mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-1 ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        },
+        dangerouslySetInnerHTML: {
+          __html: item.shortdescription
+        }
+      }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": sectionproperties.descriptionwordbreak == 'None' ? "".concat(card_cssstyles.productDescStyles) + ' col-lg-12  p-0 mt-1 ' : "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak p-0 mt-1 ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
+        }
+      }, plainString(item.shortdescription)), /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          flexDirection: 'column',
+          display: sectionproperties.prodPriceShow == 'Hide' && sectionproperties.showprofitcontainer == 'Hide' && sectionproperties.cartBtnShow == 'Hide' && sectionproperties.prodsalePriceshow == 'Hide' ? 'none' : 'flex'
+        },
+        "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 mt-1 "
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 "
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": " d-flex flex-row col-lg-12 mx-0 p-0 align-items-center ",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
+          marginTop: sectionproperties.productpricemarginTop + 'px',
+          marginBottom: sectionproperties.productpricemarginBottom + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.priceDirection == 'Horizontal Direction' ? ' d-flex align-items-center p-0 mb-0 flex-row ' : ' d-flex align-items-center p-0 mb-0 flex-column ',
+        style: {
+          textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+          minHeight: sectionproperties.priceDirection == 'Horizontal Direction' ? '' : '10.5vh'
+        }
+      }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": sectionproperties.priceDirection == 'Horizontal Direction' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 w-100' : "".concat(card_cssstyles.productPricestyles) + ' m-0  w-100'
+      }, langdetect == 'en' ? item.currencyname : '', " ", has_sale == 1 ? sale_price : price, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && has_sale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": sectionproperties.priceDirection == 'Horizontal' ? ' d-flex align-items-center p-0 mb-0 w-100 text-start ' : ' d-flex align-items-center p-0 mb-0 w-100 text-start '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 '
+      }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' px-2 allcentered mx-2',
+        style: {
+          width: 100,
+          height: sectionproperties.pillheight + 'px',
+          background: '#F9E1E0',
+          borderRadius: 100
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          color: '#7D0808',
+          fontSize: '15px',
+          direction: 'ltr',
+          fontWeight: 600
+        }
+      }, '-' + parseFloat(Math.round(10.0 * ((parseInt(price) - parseInt(sale_price)) / parseInt(price)) * 100) / 10.0).toFixed(0) + '%'))), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {}
+      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
+        style: {
+          visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 100,
+          background: 'green'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": 'm-0 mx-2 p-0',
+        style: {
+          color: 'green',
+          fontSize: 13,
+          fontWeight: 400
+        }
+      }, langdetect == 'en' ? 'In Stock' : 'متوفر')), sectionproperties.showvariantscont == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement(Variants_J_Cards, {
+        actions: {
+          sectionproperties: sectionproperties,
+          item: item,
+          cardonclickfunctionContext: cardonclickfunctionContext,
+          fetchingtypeprops: props.fetchingtypeprops
+        },
+        foundMatchedVariantFunc: function foundMatchedVariantFunc(variantCompletedObj) {
+          // alert(JSON.stringify(variantCompletedObj));
+          // console.log(variantCompletedObj);
+          setvariantObj(variantCompletedObj);
+          var variant_price = 0;
+          var variant_saleprice = 0;
+          var variant_hassale = 0;
+          var is_found = false;
+          if (variantCompletedObj != null && variantCompletedObj != undefined) {
+            var _variantCompletedObj$1;
+            if (variantCompletedObj.variant_prices != undefined && variantCompletedObj != null && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$1 = variantCompletedObj.variant_prices) === null || _variantCompletedObj$1 === void 0 ? void 0 : _variantCompletedObj$1.length) != 0) {
+              var _variantCompletedObj$10, _variantCompletedObj$11, _variantCompletedObj$13, _variantCompletedObj$14, _variantCompletedObj$16, _variantCompletedObj$17;
+              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$10 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$10 === void 0 ? void 0 : _variantCompletedObj$10.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$11 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$11 === void 0 ? void 0 : _variantCompletedObj$11.price) != null) {
+                var _variantCompletedObj$12;
+                variant_price = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$12 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$12 === void 0 ? void 0 : _variantCompletedObj$12.price;
+                is_found = true;
+              }
+              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$13 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$13 === void 0 ? void 0 : _variantCompletedObj$13.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$14 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$14 === void 0 ? void 0 : _variantCompletedObj$14.price) != null) {
+                var _variantCompletedObj$15;
+                variant_saleprice = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$15 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$15 === void 0 ? void 0 : _variantCompletedObj$15.saleprice;
+              }
+              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$16 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$16 === void 0 ? void 0 : _variantCompletedObj$16.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$17 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$17 === void 0 ? void 0 : _variantCompletedObj$17.price) != null) {
+                var _variantCompletedObj$18;
+                variant_hassale = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$18 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$18 === void 0 ? void 0 : _variantCompletedObj$18.hassale;
+              }
+            }
+          }
+          if (is_found) {
+            setprice(variant_price);
+            setsale_price(variant_saleprice);
+            sethas_sale(variant_hassale);
+          }
+        },
+        foundImageColorMatchingFunc: function foundImageColorMatchingFunc(variantIMAGECompletedObj) {
+          setVariant_Color_ImageObj(variantIMAGECompletedObj);
+        }
+      })), sectionproperties.showprofitcontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": card_cssstyles.profitcontainer + ' d-flex align-items-center flex-sm-column px-2',
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' m-0 p-0 d-flex align-items-center ',
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        style: {
+          fontWeight: sectionproperties.profitcontainerfontweight
+        }
+      }, langdetect == 'en' ? sectionproperties.profitcontainercontenten : sectionproperties.profitcontainercontentar, ":", ' '), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": "mx-1",
+        style: {
+          fontWeight: sectionproperties.profitcontainersecondaryfontweight
+        }
+      }, langdetect == 'en' ? item.currencyname : '', ' ', parseFloat(Math.round(parseInt(has_sale == 1 ? sale_price : price) * (item.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : item.currencyname)))), sectionproperties.quantityshow == 'Show' && item.currentquantity > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          fontSize: sectionproperties.quantityfontsize,
+          color: sectionproperties.quantitycolor,
+          fontWeight: sectionproperties.quantityfontweight
+        }
+      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
+        style: {
+          direction: 'ltr'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
+        "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
+        onClick: function onClick() {
+          var tempitem = _objectSpread$6({}, item);
+          tempitem.quantity = parseInt(tempitem.quantity);
+          tempitem.quantity = tempitem.quantity - 1;
+          if (tempitem.quantity <= 0) {
+            tempitem.quantity = 0;
+          }
+          setitem(_objectSpread$6({}, tempitem));
+          // addtocartfuncquantity('add', tempitem.quantity);
+        },
+        disabled: AddtoCartMutationContext.isLoading == true ? true : false
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered minusbtn"
+      }, /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, null))), /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": ' d-flex align-items-center justify-content-center ',
+        style: {
+          fontSize: 14,
+          fontWeight: 500,
+          color: sectionproperties.cartBtnbgColor,
+          flex: 1
+        }
+      }, addtocartbuttonrenderquantity()), /*#__PURE__*/React__default["default"].createElement("button", {
+        "class": "".concat(card_cssstyles.minus_quantitybtn_icon_container),
+        onClick: function onClick() {
+          var tempitem = _objectSpread$6({}, item);
+          tempitem.quantity = parseInt(tempitem.quantity);
+          tempitem.quantity = tempitem.quantity + 1;
+          if (tempitem.quantity <= 0) {
+            tempitem.quantity = 0;
+          }
+          setitem(_objectSpread$6({}, tempitem));
+          // addtocartfuncquantity('add', tempitem.quantity);
+        },
+        disabled: AddtoCartMutationContext.isLoading == true ? true : false
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered addbtn"
+      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i30 = authdetailsContext.instinfo) === null || _authdetailsContext$i30 === void 0 ? void 0 : _authdetailsContext$i30.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 p-0 d-flex flex-row align-items-center",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
+          visibility: item.quantavailtype == 'nolimit' ? 'visible' : item.currentquantity > 1 ? 'visible' : 'hidden'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0",
+        style: {
+          width: 8,
+          height: 8,
+          borderRadius: 100,
+          background: 'green'
+        }
+      }), /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": 'm-0 mx-2 p-0',
+        style: {
+          color: 'green',
+          fontSize: 13,
+          fontWeight: 400
+        }
+      }, langdetect == 'en' ? 'In Stock' : 'متوفر')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 d-flex align-items-center",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__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() {
+          var _authdetailsContext$i31;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i31 = authdetailsContext.instinfo) === null || _authdetailsContext$i31 === void 0 ? void 0 : _authdetailsContext$i31.contactinfo.instid) == '68527dfef348b') {
+            // alert(item.path);
+            window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
+          } else if (sectionproperties.showvariantscont == 'Show') {
+            addtocartfunc();
+          } else {
+            var productidtobesend = null;
+            if (sectionproperties.urlwithproductname == 'Yes') {
+              productidtobesend = item.productendpointurl;
+            } else {
+              productidtobesend = item.productid;
+            }
+            if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
+              if (item.extrafieldsarray.length == 0) {
+                addtocartfunc();
+              } else {
+                cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+              }
+            } else if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 1) {
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+            } else {
+              var productidtobesend = null;
+              if (sectionproperties.urlwithproductname == 'Yes') {
+                productidtobesend = item.productendpointurl;
+              } else {
+                productidtobesend = item.productid;
+              }
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+            }
+          }
+        }
+      }, addtocartbuttonrender())))), sectionproperties.showrating == 'Show' && item.productcanrate == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 d-flex align-items-center p-0",
+        style: {
+          justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(ReactStars__default["default"], {
+        count: 5,
+        value: item.productoverallrate,
+        edit: false,
+        size: 16,
+        emptyIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "far fa-star",
+          style: {
+            color: '#cccccc'
+          }
+        }),
+        halfIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+        }),
+        filledIcon: /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "fa fa-star",
+          style: {
+            color: '#FAB400'
+          }
+        }),
+        activeColor: "#ffd700"
+      })))))), cardsinglerow == 'single' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 p-2',
         style: {}
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -100729,8 +101170,8 @@
         onClick: function onClick(e) {
           var _sectionproperties$se2;
           if (((_sectionproperties$se2 = sectionproperties.sectionproperties) === null || _sectionproperties$se2 === void 0 ? void 0 : _sectionproperties$se2.onClickRoute) == 'None') ; else {
-            var _authdetailsContext$i21;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+            var _authdetailsContext$i32;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i32 = authdetailsContext.instinfo) === null || _authdetailsContext$i32 === void 0 ? void 0 : _authdetailsContext$i32.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
               e.stopPropagation();
               setShowProductInfoModalContext(true);
               setProductIdProdutInfoModalContext(item.productid);
@@ -100774,8 +101215,8 @@
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         onClick: function onClick() {
           if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
-            var _authdetailsContext$i22;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+            var _authdetailsContext$i33;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i33 = authdetailsContext.instinfo) === null || _authdetailsContext$i33 === void 0 ? void 0 : _authdetailsContext$i33.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
               setShowProductInfoModalContext(true);
               setProductIdProdutInfoModalContext(item.productid);
             } else {
@@ -100794,7 +101235,7 @@
         style: {
           textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
         }
-      }, item.name)), (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i23 = authdetailsContext.instinfo) === null || _authdetailsContext$i23 === void 0 ? void 0 : _authdetailsContext$i23.contactinfo.instid) == '6a552697b2c62' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
+      }, item.name)), (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i34 = authdetailsContext.instinfo) === null || _authdetailsContext$i34 === void 0 ? void 0 : _authdetailsContext$i34.contactinfo.instid) == '6a552697b2c62' && (item === null || item === void 0 ? void 0 : item.productfeaturesarray) != null && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.length) != 0 && (item === null || item === void 0 ? void 0 : item.productfeaturesarray.map(function (ffitem, ffindex) {
         return /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "text-start d-flex align-items-center col-lg-12 p-0 mb-1"
         }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -100812,7 +101253,7 @@
             fontWeight: 300
           }
         }, "-"));
-      })), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags3 = item.producttags) === null || _item$producttags3 === void 0 ? void 0 : _item$producttags3.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i24 = authdetailsContext.instinfo) === null || _authdetailsContext$i24 === void 0 ? void 0 : _authdetailsContext$i24.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
+      })), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags4 = item.producttags) === null || _item$producttags4 === void 0 ? void 0 : _item$producttags4.length) != 0 && sectionproperties.showtag == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i35 = authdetailsContext.instinfo) === null || _authdetailsContext$i35 === void 0 ? void 0 : _authdetailsContext$i35.contactinfo.instid) == '684fdf3f9e856' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "allcentered",
         style: {
           width: '100%',
@@ -100829,7 +101270,7 @@
           color: sectionproperties.tagcolor,
           fontSize: 12
         }
-      }, item === null || item === void 0 || (_item$producttags$3 = item.producttags[0]) === null || _item$producttags$3 === void 0 || (_item$producttags$3 = _item$producttags$3.taginfo) === null || _item$producttags$3 === void 0 ? void 0 : _item$producttags$3.tagname)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, item === null || item === void 0 || (_item$producttags$4 = item.producttags[0]) === null || _item$producttags$4 === void 0 || (_item$producttags$4 = _item$producttags$4.taginfo) === null || _item$producttags$4 === void 0 ? void 0 : _item$producttags$4.tagname)), sectionproperties.showSKU == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 pl-0 pr-0",
         style: {}
       }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -100879,7 +101320,7 @@
         "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
       }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Besides Sale Price' && /*#__PURE__*/React__default["default"].createElement("div", {
         style: {}
-      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i25 = authdetailsContext.instinfo) === null || _authdetailsContext$i25 === void 0 ? void 0 : _authdetailsContext$i25.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
         style: {
           visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -100917,21 +101358,21 @@
           var variant_hassale = 0;
           var is_found = false;
           if (variantCompletedObj != null && variantCompletedObj != undefined) {
-            var _variantCompletedObj$1;
-            if (variantCompletedObj.variant_prices != undefined && variantCompletedObj != null && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$1 = variantCompletedObj.variant_prices) === null || _variantCompletedObj$1 === void 0 ? void 0 : _variantCompletedObj$1.length) != 0) {
-              var _variantCompletedObj$10, _variantCompletedObj$11, _variantCompletedObj$13, _variantCompletedObj$14, _variantCompletedObj$16, _variantCompletedObj$17;
-              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$10 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$10 === void 0 ? void 0 : _variantCompletedObj$10.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$11 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$11 === void 0 ? void 0 : _variantCompletedObj$11.price) != null) {
-                var _variantCompletedObj$12;
-                variant_price = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$12 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$12 === void 0 ? void 0 : _variantCompletedObj$12.price;
+            var _variantCompletedObj$19;
+            if (variantCompletedObj.variant_prices != undefined && variantCompletedObj != null && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$19 = variantCompletedObj.variant_prices) === null || _variantCompletedObj$19 === void 0 ? void 0 : _variantCompletedObj$19.length) != 0) {
+              var _variantCompletedObj$20, _variantCompletedObj$21, _variantCompletedObj$23, _variantCompletedObj$24, _variantCompletedObj$26, _variantCompletedObj$27;
+              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$20 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$20 === void 0 ? void 0 : _variantCompletedObj$20.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$21 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$21 === void 0 ? void 0 : _variantCompletedObj$21.price) != null) {
+                var _variantCompletedObj$22;
+                variant_price = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$22 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$22 === void 0 ? void 0 : _variantCompletedObj$22.price;
                 is_found = true;
               }
-              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$13 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$13 === void 0 ? void 0 : _variantCompletedObj$13.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$14 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$14 === void 0 ? void 0 : _variantCompletedObj$14.price) != null) {
-                var _variantCompletedObj$15;
-                variant_saleprice = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$15 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$15 === void 0 ? void 0 : _variantCompletedObj$15.saleprice;
+              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$23 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$23 === void 0 ? void 0 : _variantCompletedObj$23.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$24 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$24 === void 0 ? void 0 : _variantCompletedObj$24.price) != null) {
+                var _variantCompletedObj$25;
+                variant_saleprice = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$25 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$25 === void 0 ? void 0 : _variantCompletedObj$25.saleprice;
               }
-              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$16 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$16 === void 0 ? void 0 : _variantCompletedObj$16.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$17 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$17 === void 0 ? void 0 : _variantCompletedObj$17.price) != null) {
-                var _variantCompletedObj$18;
-                variant_hassale = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$18 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$18 === void 0 ? void 0 : _variantCompletedObj$18.hassale;
+              if ((variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$26 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$26 === void 0 ? void 0 : _variantCompletedObj$26.price) != undefined && (variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$27 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$27 === void 0 ? void 0 : _variantCompletedObj$27.price) != null) {
+                var _variantCompletedObj$28;
+                variant_hassale = variantCompletedObj === null || variantCompletedObj === void 0 || (_variantCompletedObj$28 = variantCompletedObj.variant_prices[0]) === null || _variantCompletedObj$28 === void 0 ? void 0 : _variantCompletedObj$28.hassale;
               }
             }
           }
@@ -100980,7 +101421,7 @@
           color: sectionproperties.quantitycolor,
           fontWeight: sectionproperties.quantityfontweight
         }
-      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i26 = authdetailsContext.instinfo) === null || _authdetailsContext$i26 === void 0 ? void 0 : _authdetailsContext$i26.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, langdetect == 'en' ? sectionproperties.qtytextinen : sectionproperties.qtytextinar, " ", item.currentquantity, ' ', langdetect == 'en' ? sectionproperties.qtytextinen2 : sectionproperties.qtytextinar2)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -101025,7 +101466,7 @@
         disabled: AddtoCartMutationContext.isLoading == true ? true : false
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": "h-100 allcentered addbtn"
-      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i27 = authdetailsContext.instinfo) === null || _authdetailsContext$i27 === void 0 ? void 0 : _authdetailsContext$i27.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, null))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i38 = authdetailsContext.instinfo) === null || _authdetailsContext$i38 === void 0 ? void 0 : _authdetailsContext$i38.contactinfo.instid) == '69eddfb81f141' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-12 p-0 d-flex flex-row align-items-center",
         style: {
           justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -101054,13 +101495,13 @@
       }, /*#__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() {
-          var _authdetailsContext$i28;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+          var _authdetailsContext$i39;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
             setShowProductInfoModalContext(true);
             setProductIdProdutInfoModalContext(item.productid);
           } else {
-            var _authdetailsContext$i29;
-            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.contactinfo.instid) == '68527dfef348b') {
+            var _authdetailsContext$i40;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) == '68527dfef348b') {
               // alert(item.path);
               window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
             } else if (sectionproperties.showvariantscont == 'Show') {