tabexseriescomponents 0.0.832 → 0.0.833

package/dist/index.cjs.js

@@ -19172,6 +19172,9 @@ var CardsSection = function CardsSection(props) {
           });
         }
         cardobj.image = arrayItem.productinfo.productmainimage;
+        cardobj.countryid = arrayItem.productinfo.countryid;
+        cardobj.stateid = arrayItem.productinfo.stateid;
+        cardobj.cityid = arrayItem.productinfo.cityid;
         cardobj.producttags = arrayItem.tags;
         if (langdetect == 'en') {
           var _arrayItem$features;
@@ -20047,7 +20050,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
-                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-6 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
                 bootstapclass = ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 d-flex justify-content-center p-0 ';
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
@@ -20081,7 +20084,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
                 bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
-                bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6 col-sm-12 d-flex justify-content-center p-0';
+                bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-6  d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
                 bootstapclass = ' col-xl-6 p-0 col-lg-6 col-md-12 col-sm-12 d-flex justify-content-center p-0';
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
@@ -20115,7 +20118,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
                 bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
-                bootstapclass = ' col-xl-4 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-4 col-lg-4 col-md-6 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
                 bootstapclass = ' col-xl-4 p-0 col-lg-4 col-md-12 col-sm-12 d-flex justify-content-center p-0';
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
@@ -20147,7 +20150,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
-                bootstapclass = ' col-xl-3 col-lg-4 col-md-4 col-sm-12 p-0 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-3 col-lg-4 col-md-4 p-0 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
@@ -20180,7 +20183,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
-                bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 col-sm-12 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
                 bootstapclass = ' col-xl-3 p-0 col-lg-3 col-md-12 col-sm-12 d-flex justify-content-center p-0';
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_fullimage') {
@@ -20210,7 +20213,7 @@ var CardsSection = function CardsSection(props) {
               } else if (item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow') {
                 bootstapclass = ' col-xl-2 p-0 col-lg-3 col-md-4 d-flex justify-content-center p-0 col-sm-' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'Categorycard_with_twolinestransition') {
-                bootstapclass = ' col-xl-2 col-lg-4 col-md-6 col-sm-12 d-flex justify-content-center p-0 ';
+                bootstapclass = ' col-xl-2 col-lg-4 col-md-6 d-flex justify-content-center p-0 ' + sectionproperties.numberOfColsverticalresp;
               } else if (item.tabexsectioninfo.sectioncompname == 'HorizontalCategoryCard') {
                 bootstapclass = ' col-xl-2 p-0 col-lg-2 col-md-12 col-sm-12 d-flex justify-content-center p-0';
               } else if (item.tabexsectioninfo.sectioncompname == 'CardWithTextOnly') {
@@ -45984,7 +45987,7 @@ var Minimalheader = function Minimalheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null && sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 ',
+    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i5;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink) != null) {
@@ -45999,7 +46002,7 @@ var Minimalheader = function Minimalheader(props) {
   }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(FiArrowUpLeft.FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
   })), "Facebook"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.instagrambtn) + ' col-lg-12 p-0 text-start mb-2 ',
+    "class": "".concat(header_cssstyles.instagrambtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i8;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink) != null) {
@@ -46014,7 +46017,7 @@ var Minimalheader = function Minimalheader(props) {
   }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(FiArrowUpLeft.FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
   })), "Instagram"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.twitterlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 ',
+    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i11;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.twitterlink) != null) {
@@ -46029,7 +46032,7 @@ var Minimalheader = function Minimalheader(props) {
   }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(FiArrowUpLeft.FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
   })), "X"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 ',
+    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i14;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null) {
@@ -46044,7 +46047,7 @@ var Minimalheader = function Minimalheader(props) {
   }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(FiArrowUpLeft.FiArrowUpLeft, {
     size: sectionproperties.iconcontainer_iconfontsize
   })), "LinkedIn"), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 ',
+    "class": "".concat(header_cssstyles.fbbtn) + ' col-lg-12 p-0 text-start mb-2 cursor-pointer ',
     onClick: function onClick() {
       var _authdetailsContext$i17;
       if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.youtubelink) != null) {
@@ -62395,7 +62398,11 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))), sectionproperties.cardsdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100 d-flex align-items-center"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-9 col-md-12 p-0"
+      "class": "col-lg-9 col-md-12 p-md-0",
+      style: {
+        paddingRight: langdetect == 'en' ? '200px' : 0,
+        paddingLeft: langdetect == 'ar' ? '200px' : 0
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.sectiontitleshow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -62482,7 +62489,7 @@ var TextSectionConnectToWA = function TextSectionConnectToWA(props) {
     }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-2 pr-md-2 allcentered' : 'row ml-0 mr-0 w-100 allcentered',
+    className: sectionproperties.card_marginLeft != 0 ? 'row ml-0 mr-0 w-100 pl-md-2 pr-md-2 allcentered' : langdetect == 'en' ? 'row ml-0 mr-0 w-100 allcentered pr-md-1' : 'row ml-0 mr-0 w-100 allcentered pl-md-1 ',
     style: {
       position: 'relative',
       background: sectionproperties.backgroundColor,
@@ -66836,18 +66843,20 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       zIndex: 1
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 allcentered plr-1025-0 pl-md-3 pr-md-3 ',
+    "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12  plr-1025-0 pl-md-3 pr-md-3 d-flex ',
     style: {
       marginTop: sectionproperties.sectionTitleMarginTop + 'px',
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center flex-row allcentered",
+    "class": "d-flex align-items-center flex-row ",
     style: {
       position: 'relative',
-      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": sectionStyles.line_left
@@ -67077,18 +67086,20 @@ var ServicesectionCenteredcards = function ServicesectionCenteredcards(props) {
       zIndex: 1
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12 allcentered plr-1025-0 pl-md-3 pr-md-3 ',
+    "class": "".concat(generalstyles.sectiontitlecont) + ' col-lg-12  plr-1025-0 pl-md-3 pr-md-3 d-flex ',
     style: {
       marginTop: sectionproperties.sectionTitleMarginTop + 'px',
       marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
       paddingLeft: langdetect == 'en' ? sectionproperties.sectionTitleMarginLeft + 'px' : sectionproperties.sectionTitleMarginRight + 'px',
-      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px'
+      paddingRight: langdetect == 'en' ? sectionproperties.sectionTitleMarginRight + 'px' : sectionproperties.sectionTitleMarginLeft + 'px',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "d-flex align-items-center flex-row allcentered",
+    "class": "d-flex align-items-center flex-row ",
     style: {
       position: 'relative',
-      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : ''
+      width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
+      justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : 'start'
     }
   }, sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React__default["default"].createElement("span", {
     "class": sectionStyles.line_left
@@ -85160,7 +85171,7 @@ var QuantityButtonBasedProductCard = function QuantityButtonBasedProductCard(pro
 function ownKeys$1(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$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CTAProductCard = function CTAProductCard(props) {
-  var _authdetailsContext$i;
+  var _authdetailsContext$i, _item$producttags, _item$producttags$, _authdetailsContext$i2;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -85178,6 +85189,37 @@ var CTAProductCard = function CTAProductCard(props) {
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    secondimage = _useState6[0],
+    setsecondimage = _useState6[1];
+  var whatsappUrl = "https://wa.me/".concat(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber, "?text=").concat("Hi, I'm asking about this! " + 'https://' + authdetailsContext.instinfo.instcred.instexternaldomain + '/productinform/' + item.productid);
+  React.useEffect(function () {
+    var _props$cardinfoitempr;
+    setitem(props.cardinfoitemprops);
+    if ((props === null || props === void 0 || (_props$cardinfoitempr = props.cardinfoitemprops) === null || _props$cardinfoitempr === void 0 || (_props$cardinfoitempr = _props$cardinfoitempr.productimages) === null || _props$cardinfoitempr === void 0 ? void 0 : _props$cardinfoitempr.length) == 1) {
+      var _props$cardinfoitempr2;
+      setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr2 = props.cardinfoitemprops) === null || _props$cardinfoitempr2 === void 0 ? void 0 : _props$cardinfoitempr2.image);
+    } else {
+      var _props$cardinfoitempr3, _props$cardinfoitempr4;
+      if ((props === null || props === void 0 ? void 0 : props.cardinfoitemprops) != undefined && (props === null || props === void 0 || (_props$cardinfoitempr3 = props.cardinfoitemprops) === null || _props$cardinfoitempr3 === void 0 ? void 0 : _props$cardinfoitempr3.productimages) != undefined && Array.isArray(props === null || props === void 0 || (_props$cardinfoitempr4 = props.cardinfoitemprops) === null || _props$cardinfoitempr4 === void 0 ? void 0 : _props$cardinfoitempr4.productimages)) {
+        var _props$cardinfoitempr5, _props$cardinfoitempr6, _props$cardinfoitempr7;
+        if ((props === null || props === void 0 || (_props$cardinfoitempr5 = props.cardinfoitemprops) === null || _props$cardinfoitempr5 === void 0 ? void 0 : _props$cardinfoitempr5.productimages[0]) != undefined && (props === null || props === void 0 || (_props$cardinfoitempr6 = props.cardinfoitemprops) === null || _props$cardinfoitempr6 === void 0 || (_props$cardinfoitempr6 = _props$cardinfoitempr6.productimages[0]) === null || _props$cardinfoitempr6 === void 0 ? void 0 : _props$cardinfoitempr6.path) == (props === null || props === void 0 || (_props$cardinfoitempr7 = props.cardinfoitemprops) === null || _props$cardinfoitempr7 === void 0 ? void 0 : _props$cardinfoitempr7.image)) {
+          var _props$cardinfoitempr8;
+          if ((props === null || props === void 0 || (_props$cardinfoitempr8 = props.cardinfoitemprops) === null || _props$cardinfoitempr8 === void 0 || (_props$cardinfoitempr8 = _props$cardinfoitempr8.productimages[1]) === null || _props$cardinfoitempr8 === void 0 ? void 0 : _props$cardinfoitempr8.length) != 0) {
+            var _props$cardinfoitempr9;
+            setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr9 = props.cardinfoitemprops) === null || _props$cardinfoitempr9 === void 0 || (_props$cardinfoitempr9 = _props$cardinfoitempr9.productimages[1]) === null || _props$cardinfoitempr9 === void 0 ? void 0 : _props$cardinfoitempr9.path);
+          } else {
+            var _props$cardinfoitempr10;
+            setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr10 = props.cardinfoitemprops) === null || _props$cardinfoitempr10 === void 0 ? void 0 : _props$cardinfoitempr10.image);
+          }
+        } else {
+          var _props$cardinfoitempr11;
+          setsecondimage(props === null || props === void 0 || (_props$cardinfoitempr11 = props.cardinfoitemprops) === null || _props$cardinfoitempr11 === void 0 || (_props$cardinfoitempr11 = _props$cardinfoitempr11.productimages[0]) === null || _props$cardinfoitempr11 === void 0 ? void 0 : _props$cardinfoitempr11.path);
+        }
+      }
+    }
+  }, [props.cardinfoitemprops]);
   var plainString = function plainString(html) {
     var divContainer = document.createElement('div');
     divContainer.innerHTML = html;
@@ -85283,6 +85325,40 @@ var CTAProductCard = function CTAProductCard(props) {
       }
     })
   };
+  var Image = function Image(type) {
+    var transition = false;
+    if (sectionproperties.hideshowcardtransition == 'Show' && type != 'responsive') {
+      transition = true;
+    }
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "w-100 cursor-pointer h-100",
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      "class": transition ? cardstyles$7.intialimage + ' w-100 h-100 ' : ' w-100 h-100 ',
+      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: sectionproperties.imageInnerWidth_Height + '%',
+        // height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+      }
+    }), transition && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      "class": cardstyles$7.secondaryimage + ' w-100 h-100 ',
+      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 + '/' + secondimage,
+      loading: "lazy",
+      style: {
+        // width: sectionproperties.imageInnerWidth_Height + '%',
+        // height: sectionproperties.imageInnerWidth_Height + '%',
+        objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
+      }
+    }));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": props.sectiontypeprops2 == 'vertical' ? "".concat(card_cssstyles.productcard) + ' w-100 px-md-1 ' : " ".concat(card_cssstyles.productcard),
     style: {
@@ -85342,7 +85418,28 @@ var CTAProductCard = function CTAProductCard(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), (item === null || item === void 0 ? void 0 : item.producttags) != undefined && (item === null || item === void 0 || (_item$producttags = item.producttags) === null || _item$producttags === void 0 ? void 0 : _item$producttags.length) != 0 && sectionproperties.showtag == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-start",
+    style: {
+      zIndex: 2,
+      position: 'absolute',
+      top: '20px',
+      left: '20px',
+      width: 'fit-content',
+      height: '40px',
+      background: '#b98144',
+      borderRadius: '100px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "px-3 py-1",
+    style: {
+      width: 'fit-content',
+      // background: sectionproperties.tagbackgroundcolor,
+      // borderRadius: sectionproperties.tagborderradius + 'px',
+      color: 'white',
+      fontSize: 13
+    }
+  }, item === null || item === void 0 || (_item$producttags$ = item.producttags[0]) === null || _item$producttags$ === void 0 || (_item$producttags$ = _item$producttags$.taginfo) === null || _item$producttags$ === void 0 ? void 0 : _item$producttags$.tagname)), sectionproperties.showpill == 'Show' && item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
     style: {
       zIndex: 2,
@@ -85371,22 +85468,12 @@ var CTAProductCard = function CTAProductCard(props) {
         cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
       }
     },
-    "class": "".concat(card_cssstyles.productcardimagecont) + ' w-100 p-0 d-flex align-items-center justify-content-center ',
+    "class": "".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$7.imagecontainer) + ' w-100 p-0 d-flex align-items-center justify-content-center ',
     style: {
       zIndex: 1,
       marginBottom: sectionproperties.image_mb + 'px'
     }
-  }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
-    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
-    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
-    loading: "lazy",
-    style: {
-      // width: sectionproperties.imageInnerWidth_Height + '%',
-      // height: sectionproperties.imageInnerWidth_Height + '%',
-      objectFit: sectionproperties.bgcovercontain == 'Cover' ? 'cover' : 'contain'
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, Image('normal'))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": 'row m-0 w-100 px-md-2',
     style: {
       paddingLeft: sectionproperties.innersectionpaddinghorizontal + 'px',
@@ -85421,8 +85508,20 @@ var CTAProductCard = function CTAProductCard(props) {
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 ',
+  }, item.name)), authdetailsContext.instinfo.instid == '6729cd4e61cc8' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 mt-1 text-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": '  wordbreak wordbreak2 m-0 ',
+    style: {
+      textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right',
+      fontSize: 13,
+      fontWeight: 400,
+      color: '#000'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(GoLocation.GoLocation, {
+    "class": "mx-1"
+  }), " ", item.countryid == '65' ? 'Egypt' : '', " ", item.stateid == '3223' ? 'Cairo' : '', " ", item.cityid == '31848' ? 'New Cairo' : '')), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'No' && /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 p-0 wordbreak wordbreak4 mt-2 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     },
@@ -85430,7 +85529,7 @@ var CTAProductCard = function CTAProductCard(props) {
       __html: langdetect == 'en' ? item.description_en : item.description_ar
     }
   }), sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionoverwritestyles == 'Yes' && /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 ',
+    "class": "".concat(card_cssstyles.productDescStyles) + ' col-lg-12 wordbreak wordbreak2 p-0 mt-2 ',
     style: {
       textAlign: sectionproperties.productnamecentered == 'Centered' ? 'center' : langdetect == 'en' ? 'left' : 'right'
     }
@@ -85441,7 +85540,30 @@ var CTAProductCard = function CTAProductCard(props) {
     "class": "col-lg-12 d-flex align-items-center justify-content-center p-0 "
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
+  }, sectionproperties.showfeatures == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 text-start mb-3",
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 text-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-start col-lg-12 p-0"
+  }, /*#__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: '7%',
+      maxHeight: '7%'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "text-capitalize mx-2",
+    style: {
+      color: sectionproperties.featurecolor,
+      fontSize: sectionproperties.featurefontsize + 'px',
+      fontWeight: sectionproperties.featurefontweight
+    }
+  }, (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 : '')))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "d-flex flex-row col-lg-12 m-0 p-0 align-items-center mb-1 ",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
@@ -85458,18 +85580,17 @@ var CTAProductCard = function CTAProductCard(props) {
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 mr-2 ml-2 '
   }, langdetect == 'en' ? item.currencyname : '', " ", item.defaultprice, " ", langdetect == 'en' ? '' : item.currencyname)))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 allcentered"
+    "class": "col-lg-12 p-0 allcentered pt-3 mt-1",
+    style: {
+      borderTop: '1px solid #eee'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
-  }, sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("a", {
+    href: whatsappUrl,
+    target: "_blank",
+    rel: "noopener noreferrer",
     "class": card_cssstyles.whatsappbtn + ' col-lg-6 col-md-6 col-sm-12 allcentered cursor-pointer border-sm-none mb-sm-2 ',
-    onClick: function onClick() {
-      var _authdetailsContext$i2;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber) != null) {
-        var _authdetailsContext$i3;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber), '_blank');
-      }
-    },
     style: {
       borderRight: langdetect == 'en' ? '1px solid #ccc' : 0,
       borderLeft: langdetect == 'ar' ? '1px solid #ccc' : 0