tabexseriescomponents 0.0.828 → 0.0.830

package/dist/index.cjs.js

@@ -20222,7 +20222,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
                 bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
-                bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+                bootstapclass = ' col-xl-2 col-lg-2 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
             }
             if (sectionproperties.showanimation == 'Yes') {
@@ -23838,7 +23838,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i10, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
+  var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i11, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -25034,7 +25034,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       setactiveTab('categories');
     },
     style: {
-      background: sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? '' : activeTab == 'categories' ? 'white' : '#eee'
+      background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6783c92e08789' ? '' : sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? '' : activeTab == 'categories' ? 'white' : '#eee'
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "m-0 p-0",
@@ -25049,7 +25049,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       minHeight: '80vh'
     }
-  }, activeTab == 'menu' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) != '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, activeTab == 'menu' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) != '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 anim '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
@@ -25289,7 +25289,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
-  }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showlanuagecontainer == 'Show' && sectionproperties.langresponsiveposition == 'In Menu' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 pl-3 pr-3"
@@ -78148,7 +78148,7 @@ var MenuCard = function MenuCard(props) {
 function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ServiceCard = function ServiceCard(props) {
-  var _css;
+  var _css, _authdetailsContext$i, _authdetailsContext$i2;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -78169,6 +78169,7 @@ var ServiceCard = function ServiceCard(props) {
   var routingcountext = props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var authdetailsContext = props.actions.authdetailsContext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -78217,7 +78218,13 @@ var ServiceCard = function ServiceCard(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      transition: '.3s'
+      transition: '.3s',
+      height: sectionproperties.image_height + 'px',
+      width: sectionproperties.image_width + 'px',
+      '@media (max-width: 800px)': {
+        width: '100px',
+        height: '100px'
+      }
     }),
     productNameStyles: glamor.css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -78337,7 +78344,7 @@ var ServiceCard = function ServiceCard(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) != '67893cba2baf1' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
@@ -78439,7 +78446,92 @@ var ServiceCard = function ServiceCard(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))))))));
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '67893cba2baf1' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row w-100 m-0 d-flex"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row w-100 m-0 d-flex"
+  }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      if (props.fetchingtypeprops == 'collections') {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+      } else {
+        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+      }
+    },
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
+    style: {
+      borderRadius: '20px',
+      overflow: 'hidden',
+      cursor: 'pointer',
+      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: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    loading: "lazy",
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+      cursor: 'pointer'
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-9 col-md-9 col-sm-8 pl-1 pr-1 mt-2 p-0 text-start",
+    onClick: function onClick() {
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 "
+  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(card_cssstyles.productNameStyles) + ' font-md-15 wordbreak wordbreak1 m-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, item.name)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": ' wordbreak wordbreak1 m-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.measurementunitfontsize + 'px',
+      color: sectionproperties.measurementunitcolor
+    }
+  }, item.measurmentunit)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start flex-row mt-2 mb-1"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(card_cssstyles.productDescStyles) + '  wordbreak wordbreak2 p-0 d-flex flex-row ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, plainString(langdetect == 'en' ? item.shortdescription : item.shortdescription))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start flex-row mt-2 mb-1"
+  }, /*#__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"
+  })))))))));
 };
 
 var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tposition: relative;\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc-  .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\t/* opacity: 0; */\n\ttransition: .3s\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo {\n\tposition: relative;\n\tz-index: 1\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover  .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\topacity: 1;\n\tz-index: 8\n}\n.ModernCardWithQuantityButton-module_wishlistbtn__mXt2e  {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e  {\n\ttransform: translateX(0)\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl {\n\tpadding: 0 10px;\n}\n";

package/dist/index.esm.js

@@ -20173,7 +20173,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
                 bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else {
-                bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+                bootstapclass = ' col-xl-2 col-lg-2 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               }
             }
             if (sectionproperties.showanimation == 'Yes') {
@@ -23789,7 +23789,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i10, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
+  var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i11, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -24985,7 +24985,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       setactiveTab('categories');
     },
     style: {
-      background: sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? '' : activeTab == 'categories' ? 'white' : '#eee'
+      background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6783c92e08789' ? '' : sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? '' : activeTab == 'categories' ? 'white' : '#eee'
     }
   }, /*#__PURE__*/React.createElement("p", {
     className: "m-0 p-0",
@@ -25000,7 +25000,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       minHeight: '80vh'
     }
-  }, activeTab == 'menu' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) != '6783c92e08789' && /*#__PURE__*/React.createElement("div", {
+  }, activeTab == 'menu' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) != '6783c92e08789' && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 anim '
   }, /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
@@ -25240,7 +25240,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React.createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
-  }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.showlanuagecontainer == 'Show' && sectionproperties.langresponsiveposition == 'In Menu' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 pl-3 pr-3"
@@ -78099,7 +78099,7 @@ var MenuCard = function MenuCard(props) {
 function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ServiceCard = function ServiceCard(props) {
-  var _css;
+  var _css, _authdetailsContext$i, _authdetailsContext$i2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -78120,6 +78120,7 @@ var ServiceCard = function ServiceCard(props) {
   var routingcountext = props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var authdetailsContext = props.actions.authdetailsContext;
   useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -78168,7 +78169,13 @@ var ServiceCard = function ServiceCard(props) {
       borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
       borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
       borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-      transition: '.3s'
+      transition: '.3s',
+      height: sectionproperties.image_height + 'px',
+      width: sectionproperties.image_width + 'px',
+      '@media (max-width: 800px)': {
+        width: '100px',
+        height: '100px'
+      }
     }),
     productNameStyles: css({
       fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -78288,7 +78295,7 @@ var ServiceCard = function ServiceCard(props) {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) != '67893cba2baf1' && /*#__PURE__*/React.createElement("div", {
     "class": "row w-100 m-0 d-flex"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
@@ -78390,7 +78397,92 @@ var ServiceCard = function ServiceCard(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))))))));
+  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '67893cba2baf1' && /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 d-flex"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row w-100 m-0 d-flex"
+  }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      if (props.fetchingtypeprops == 'collections') {
+        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+      } else {
+        routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+      }
+    },
+    "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
+    style: {
+      borderRadius: '20px',
+      overflow: 'hidden',
+      cursor: 'pointer',
+      border: '1px solid #ccc'
+    }
+  }, /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    loading: "lazy",
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+      cursor: 'pointer'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 col-md-9 col-sm-8 pl-1 pr-1 mt-2 p-0 text-start",
+    onClick: function onClick() {
+      cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 "
+  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productNameStyles) + ' font-md-15 wordbreak wordbreak1 m-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, item.name)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": ' wordbreak wordbreak1 m-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.measurementunitfontsize + 'px',
+      color: sectionproperties.measurementunitcolor
+    }
+  }, item.measurmentunit)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start flex-row mt-2 mb-1"
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(card_cssstyles.productDescStyles) + '  wordbreak wordbreak2 p-0 d-flex flex-row ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right'
+    }
+  }, plainString(langdetect == 'en' ? item.shortdescription : item.shortdescription))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 text-start flex-row mt-2 mb-1"
+  }, /*#__PURE__*/React.createElement(ReactStars, {
+    count: 5,
+    value: item.productoverallrate,
+    edit: false,
+    size: 16,
+    emptyIcon: /*#__PURE__*/React.createElement("i", {
+      className: "far fa-star",
+      style: {
+        color: '#cccccc'
+      }
+    }),
+    halfIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star-half-alt style={{ color: '#FAB400' }}"
+    }),
+    filledIcon: /*#__PURE__*/React.createElement("i", {
+      className: "fa fa-star",
+      style: {
+        color: '#FAB400'
+      }
+    }),
+    activeColor: "#ffd700"
+  })))))))));
 };
 
 var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tposition: relative;\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc-  .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\t/* opacity: 0; */\n\ttransition: .3s\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo {\n\tposition: relative;\n\tz-index: 1\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover  .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\topacity: 1;\n\tz-index: 8\n}\n.ModernCardWithQuantityButton-module_wishlistbtn__mXt2e  {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e  {\n\ttransform: translateX(0)\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl {\n\tpadding: 0 10px;\n}\n";

package/dist/index.umd.js

@@ -20038,7 +20038,7 @@
                   } else if (item.tabexsectioninfo.sectioncompname == 'Horizontalcard') {
                     bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
                   } else {
-                    bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
+                    bootstapclass = ' col-xl-2 col-lg-2 col-md-6 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
                   }
                 }
                 if (sectionproperties.showanimation == 'Yes') {
@@ -23654,7 +23654,7 @@
     function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-      var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i10, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
+      var _authdetailsContext$i4, _authdetailsContext$i5, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i9, _authdetailsContext$i10, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i11, _returnpolicyobj17, _returnpolicyobj18, _returnpolicyobj19, _returnpolicyobj20, _returnpolicyobj21, _returnpolicyobj22, _returnpolicyobj23, _returnpolicyobj24;
       var actions = props.actions;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -24850,7 +24850,7 @@
           setactiveTab('categories');
         },
         style: {
-          background: sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? '' : activeTab == 'categories' ? 'white' : '#eee'
+          background: (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) == '6783c92e08789' ? '' : sectionproperties.responsiveheaderstyle == 'Style 2 With Merged Subheader' ? '' : activeTab == 'categories' ? 'white' : '#eee'
         }
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: "m-0 p-0",
@@ -24865,7 +24865,7 @@
         style: {
           minHeight: '80vh'
         }
-      }, activeTab == 'menu' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.contactinfo.instid) != '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, activeTab == 'menu' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) != '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' row m-0 w-100 anim '
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
@@ -25105,7 +25105,7 @@
         }
       }, lang.logout))))), activeTab == 'categories' && sectionproperties.responsiveheaderstyle != 'Style 2 With Merged Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: ' row m-0 w-100 accordionContainer anim'
-      }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
+      }, sectionproperties.subheaderParentType == 'Categories' && CategoriesAccordion(), sectionproperties.subheaderParentType == 'Parent Collections' && ParentCollectionsAccordion(), sectionproperties.subheaderParentType == 'Collections' && CollectionsAccordion(), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.contactinfo.instid) == '6783c92e08789' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.showlanuagecontainer == 'Show' && sectionproperties.langresponsiveposition == 'In Menu' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-100 pl-3 pr-3"
@@ -77964,7 +77964,7 @@
     function ownKeys$l(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$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ServiceCard = function ServiceCard(props) {
-      var _css;
+      var _css, _authdetailsContext$i, _authdetailsContext$i2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -77985,6 +77985,7 @@
       var routingcountext = props.actions.routingcountext;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
       var ikimagecredcontext = props.actions.ikimagecredcontext;
+      var authdetailsContext = props.actions.authdetailsContext;
       React.useEffect(function () {
         if (props.srcfrom == 'addsectionform') {
           var secpropobj = {};
@@ -78033,7 +78034,13 @@
           borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px',
           borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
           borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
-          transition: '.3s'
+          transition: '.3s',
+          height: sectionproperties.image_height + 'px',
+          width: sectionproperties.image_width + 'px',
+          '@media (max-width: 800px)': {
+            width: '100px',
+            height: '100px'
+          }
         }),
         productNameStyles: glamor.css({
           fontSize: sectionproperties.prodNameFontSize + 'px',
@@ -78153,7 +78160,7 @@
           paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
           paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
         }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.instid) != '67893cba2baf1' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row w-100 m-0 d-flex"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
@@ -78255,7 +78262,92 @@
         onClick: function onClick() {
           cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
-      }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic)))))))));
+      }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.instid) == '67893cba2baf1' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row w-100 m-0 d-flex"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row w-100 m-0 d-flex"
+      }, sectionproperties.image_show == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          if (props.fetchingtypeprops == 'collections') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          } else {
+            routingcountext(StaticPagesLinksContext.productinfo, true, item.productid);
+          }
+        },
+        "class": langdetect == 'en' ? "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start mr-2 ' : "".concat(card_cssstyles.productcardimagecont) + ' d-flex justify-content-start ml-2 ',
+        style: {
+          borderRadius: '20px',
+          overflow: 'hidden',
+          cursor: 'pointer',
+          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: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+        loading: "lazy",
+        style: {
+          width: '100%',
+          height: '100%',
+          objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain',
+          cursor: 'pointer'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-9 col-md-9 col-sm-8 pl-1 pr-1 mt-2 p-0 text-start",
+        onClick: function onClick() {
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 "
+      }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.productNameStyles) + ' font-md-15 wordbreak wordbreak1 m-0 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, item.name)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' wordbreak wordbreak1 m-0 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right',
+          fontSize: sectionproperties.measurementunitfontsize + 'px',
+          color: sectionproperties.measurementunitcolor
+        }
+      }, item.measurmentunit)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start flex-row mt-2 mb-1"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(card_cssstyles.productDescStyles) + '  wordbreak wordbreak2 p-0 d-flex flex-row ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, plainString(langdetect == 'en' ? item.shortdescription : item.shortdescription))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12 p-0 text-start flex-row mt-2 mb-1"
+      }, /*#__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"
+      })))))))));
     };
 
     var css_248z$5 = ".ModernCardWithQuantityButton-module_productcard__PaOc- {\n\tposition: relative;\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc-  .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\tposition: absolute;\n\ttop: 10px;\n\tright: 10px;\n\t/* opacity: 0; */\n\ttransition: .3s\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo {\n\tposition: relative;\n\tz-index: 1\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover  .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e {\n\topacity: 1;\n\tz-index: 8\n}\n.ModernCardWithQuantityButton-module_wishlistbtn__mXt2e  {\n\ttransform: translateX(10px);\n\ttransition: .3s;\n\ttransition-property: transform;\n\tdisplay: block\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_inner__1ySNo:hover .ModernCardWithQuantityButton-module_wishlistbtn__mXt2e  {\n\ttransform: translateX(0)\n}\n.ModernCardWithQuantityButton-module_productcard__PaOc- .ModernCardWithQuantityButton-module_card_informationcontainer__P-vrl {\n\tpadding: 0 10px;\n}\n";

package/package.json

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