tabexseriescomponents 0.2.1426 → 0.2.1428

package/dist/index.esm.js

@@ -168,6 +168,7 @@ import { FaArrowAltCircleRight } from '@react-icons/all-files/fa/FaArrowAltCircl
 import { FaArrowAltCircleLeft } from '@react-icons/all-files/fa/FaArrowAltCircleLeft';
 import { GoStar } from '@react-icons/all-files/go/GoStar';
 import { IoIosStar } from '@react-icons/all-files/io/IoIosStar';
+import { AiOutlineCloseCircle } from '@react-icons/all-files/ai/AiOutlineCloseCircle';
 import { CountdownCircleTimer } from 'react-countdown-circle-timer';
 import { TypeAnimation } from 'react-type-animation';
 import AnimatedNumbers from 'react-animated-numbers';
@@ -78415,6 +78416,7 @@ var TableSection = function TableSection(props) {
     _useState4 = _slicedToArray(_useState3, 2);
     _useState4[0];
     var settablearray = _useState4[1];
+  var routingcountext = props.actions.routingcountext;
   var Slideshowsettings = {
     indicators: false,
     arrows: true,
@@ -78480,6 +78482,9 @@ var TableSection = function TableSection(props) {
       '@media (max-width: 800px)': {
         fontSize: sectionproperties.prodCatFontSizeResp + 'px'
       }
+    }),
+    pricing_card_wrapper: css({
+      ':before': {}
     })
   };
   var _useState9 = useState([]),
@@ -78514,15 +78519,108 @@ var TableSection = function TableSection(props) {
   var plancontentarray = [{
     content_en: ['1 Order', 'No Shipping', 'No Discounts', '7 days for exchange, paid', '14 days Warranty', 'No Purchase Voucher', 'Public Offers', 'Support During working hours', 'No Authorized Buyer Option', 'No Points / Loyalty System'],
     content_ar: ['طلب واحد', 'بدون شحن', 'بدون خصومات', 'استبدال خلال 7 أيام (مدفوع)', 'ضمان لمدة 14 يومًا', 'بدون قسيمة شراء', 'العروض العامة', 'دعم خلال ساعات العمل', 'لا يوجد خيار للمشتري المعتمد', 'لا يوجد نظام نقاط / ولاء'],
-    content_chin: ['1个订单', '不提供配送', '无折扣', '7天内可付费换货', '14天保修', '无购物券', '公开优惠', '工作时间内提供支持', '无授权买家选项', '无积分 / 会员忠诚度系统']
+    content_chin: ['1个订单', '不提供配送', '无折扣', '7天内可付费换货', '14天保修', '无购物券', '公开优惠', '工作时间内提供支持', '无授权买家选项', '无积分 / 会员忠诚度系统'],
+    icons: [/*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(AiOutlineCloseCircle, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    })]
   }, {
     content_en: ['5 orders (minimum £5000)', 'Shipping For the first order', 'No Discounts', '7 days for exchange, free', '3 months Warranty', '£100 Purchase Voucher', 'Extra Discounts', 'Priority support', 'No Authorized Buyer Option', '1 point in loyalty system per order'],
     content_ar: ['5 طلبات (بحد أدنى 5000 جنيه إسترليني)', 'الشحن للطلب الأول', 'بدون خصومات', 'استبدال مجاني خلال 7 أيام', 'ضمان لمدة 3 أشهر', 'قسيمة شراء بقيمة 100 جنيه إسترليني', 'خصومات إضافية', 'دعم ذو أولوية', 'لا يوجد خيار للمشتري المعتمد', 'نقطة واحدة في نظام الولاء لكل طلب'],
-    content_chin: ['5个订单（最低消费5000英镑）', '首个订单提供配送', '无折扣', '7天内免费换货', '3个月保修', '100英镑购物券', '额外折扣', '优先支持', '无授权买家选项', '每个订单可获得1个会员积分']
+    content_chin: ['5个订单（最低消费5000英镑）', '首个订单提供配送', '无折扣', '7天内免费换货', '3个月保修', '100英镑购物券', '额外折扣', '优先支持', '无授权买家选项', '每个订单可获得1个会员积分'],
+    icons: [/*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    })]
   }, {
     content_en: ['10 orders (minimum £10000)', 'For all orders', '5% Discounts', '14 days for exchange, free', '6 months Warranty', '£250 Purchase Voucher', 'Exclusive Discounts', 'Premium support + personal follow-up', 'Authorized Buyer Option', '2 points per order'],
     content_ar: ['10 طلبات (بحد أدنى 10000 جنيه إسترليني)', 'الشحن لجميع الطلبات', 'خصم 5%', 'استبدال مجاني خلال 14 يومًا', 'ضمان لمدة 6 أشهر', 'قسيمة شراء بقيمة 250 جنيهًا إسترلينيًا', 'خصومات حصرية', 'دعم مميز + متابعة شخصية', 'يتوفر خيار المشتري المعتمد', 'نقطتان لكل طلب'],
-    content_chin: ['10个订单（最低消费10000英镑）', '所有订单均提供配送', '5%折扣', '14天内免费换货', '6个月保修', '250英镑购物券', '专属折扣', '高级支持 + 专属跟进', '提供授权买家选项', '每个订单可获得2个积分']
+    content_chin: ['10个订单（最低消费10000英镑）', '所有订单均提供配送', '5%折扣', '14天内免费换货', '6个月保修', '250英镑购物券', '专属折扣', '高级支持 + 专属跟进', '提供授权买家选项', '每个订单可获得2个积分'],
+    icons: [/*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    }), /*#__PURE__*/React.createElement(IoBagRemoveOutline, {
+      size: 15,
+      color: '#DF201A'
+    }), /*#__PURE__*/React.createElement(FiCheckCircle, {
+      size: 15,
+      color: '#15B748'
+    })]
   }];
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 allcentered py-5 px-5 px-md-3"
@@ -78616,7 +78714,7 @@ var TableSection = function TableSection(props) {
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 text-black"
   }, "1000"))))))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.contactinfo.instid) == '67c050d72cbe7' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 px-5 mb-5 px-md-2"
+    "class": "row m-0 w-100 px-5 mb-5 px-md-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 px-5 mb-5 px-md-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -78640,62 +78738,65 @@ var TableSection = function TableSection(props) {
     var _plancontentarray$car;
     var contentKey = langdetect === 'en' ? 'content_en' : langdetect === 'ar' ? 'content_ar' : 'content_chin';
     return /*#__PURE__*/React.createElement("div", {
-      "class": "col-lg-4 col-md-12 mb-3"
+      className: ' col-lg-4 col-md-12 mb-3 ',
+      style: {}
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "row m-0 w-100 p-4 p-md-3",
+      className: '  w-100 mb-3 ',
+      style: {
+        position: 'relative'
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "pricing-card",
       style: {
         background: cardinfoitem.cardbgcolor,
-        boxShadow: '0 0 10px ' + cardinfoitem.cardshadowcolor,
+        boxShadow: '0 0 15px ' + cardinfoitem.cardshadowcolor,
         borderRadius: 20
       }
     }, /*#__PURE__*/React.createElement("div", {
-      "class": "col-12 p-0 mb-3"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0 px-3 py-1",
+      className: "pricing-header",
       style: {
-        width: 'fit-content',
-        borderRadius: 100,
+        // width: 'fit-content',
+        // borderRadius: 100,
         background: cardinfoitem.planbgcolor,
         fontSize: 20,
         fontWeight: 500,
         color: cardinfoitem.plancolor
       }
-    }, cardinfoitem.planname_en)), /*#__PURE__*/React.createElement("div", {
-      "class": "col-12 p-0"
-    }, /*#__PURE__*/React.createElement("p", {
-      "class": "m-0 p-0",
-      style: {
-        fontSize: 20,
-        fontWeight: 500,
-        color: '#000'
-      }
+    }, cardinfoitem.planname_en), /*#__PURE__*/React.createElement("div", {
+      className: "pricing-content allcentered"
     }, (_plancontentarray$car = plancontentarray[cardinfoindex]) === null || _plancontentarray$car === void 0 || (_plancontentarray$car = _plancontentarray$car[contentKey]) === null || _plancontentarray$car === void 0 ? void 0 : _plancontentarray$car.map(function (contentitem, contentindex) {
+      var _plancontentarray$car2;
       return /*#__PURE__*/React.createElement("p", {
         key: contentindex,
-        "class": "m-0 p-0 mb-2",
+        "class": "m-0 p-0 mb-2 d-flex align-items-center justify-content-start",
         style: {
-          fontSize: 18,
+          fontSize: 16,
           color: '#000'
         }
-      }, /*#__PURE__*/React.createElement(FiCheckCircle, {
-        size: 18
-      }), " ", contentitem);
-    }))), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
-      "class": "col-12 allcentered"
+      }, (_plancontentarray$car2 = plancontentarray[cardinfoindex]) === null || _plancontentarray$car2 === void 0 || (_plancontentarray$car2 = _plancontentarray$car2.icons) === null || _plancontentarray$car2 === void 0 ? void 0 : _plancontentarray$car2[contentindex], /*#__PURE__*/React.createElement("span", {
+        className: "mx-2"
+      }, contentitem));
+    }), sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 allcentered mt-4"
     }, /*#__PURE__*/React.createElement("button", {
       onClick: function onClick() {
-        routingcountext(cardinfoitem.btnlink, false, '');
+        routingcountext(sectionproperties.btnlink, false, '');
       },
       style: {
         width: sectionproperties.generalbtn_width + '%',
         height: sectionproperties.generalbtn_height + 'px',
-        background: sectionproperties.generalbtn_bgColor,
+        background: cardinfoitem.planbgcolor,
         color: sectionproperties.generalbtn_textColor,
         fontSize: sectionproperties.generalbtn_fontsize + 'px',
         fontWeight: sectionproperties.generalbtn_fontweight,
         borderRadius: sectionproperties.generalbtnborderradius + 'px'
       }
-    }, sectionproperties.slideshow_btn_text))));
+    }, sectionproperties.slideshow_btn_text)))), /*#__PURE__*/React.createElement("div", {
+      "class": 'beforewrapper',
+      style: {
+        background: cardinfoitem.planbgcolor
+      }
+    })));
   }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.contactinfo.instid) == '69ca3d56a6e7e' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 px-5"
   }, /*#__PURE__*/React.createElement("div", {
@@ -83991,8 +84092,8 @@ var Slideshowzoom = function Slideshowzoom(props) {
       // left: sectionproperties.generalbtn_position == 'Centered' ? '' : sectionproperties.showanimation == 'Yes' ? 0 : langdetect == 'en' ? 20 : '',
       // right: sectionproperties.generalbtn_position == 'Centered' ? '' : langdetect == 'ar' ? 20 : '',
 
-      left: langdetect == 'ar' ? '' : 0,
-      right: langdetect == 'ar' ? 0 : '',
+      left: sectionproperties.innersectionWidth != 100 ? 0 : langdetect == 'ar' ? '' : 0,
+      right: sectionproperties.innersectionWidth != 100 ? 0 : langdetect == 'ar' ? 0 : '',
       '@media (max-width: 800px)': {
         // bottom: '20px',
         bottom: sectionproperties.innersectionmarginbottomresponsive + 'px'
@@ -84017,30 +84118,6 @@ var Slideshowzoom = function Slideshowzoom(props) {
       }
     }),
     slideshow_btn_mazl: css({
-      // zIndex: 1000,
-      // height: sectionproperties.generalbtn_height + 'px',
-      // width: sectionproperties.generalbtn_width + 'px',
-      // background: 'transparent',
-      // color: sectionproperties.generalbtn_bgColor,
-      // borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      // borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      // borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      // borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      // fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      // lineHeight: sectionproperties.generalbtn_fontsize + 'px',
-      // textTransform: sectionproperties.generalbtn_texttransform,
-      // fontWeight: sectionproperties.generalbtn_fontweight,
-      // transition: '.3s',
-      // border: '1px solid ' + sectionproperties.generalbtn_bgColor,
-      // ':hover': {
-      //     background: sectionproperties.generalbtn_bgColor,
-      //     color: 'white',
-      // },
-      // '@media (max-width: 800px)': {
-      //     width: sectionproperties.generalbtnwidthresp + 'px',
-      //     height: sectionproperties.generalbtnheightresponsive + 'px',
-      //     fontSize: sectionproperties.generalbtnfontsizeresp + 'px',
-      // },
       height: sectionproperties.generalbtn_height + 'px',
       width: sectionproperties.generalbtn_width + 'px',
       background: sectionproperties.generalbtn_bgColor,
@@ -84087,6 +84164,30 @@ var Slideshowzoom = function Slideshowzoom(props) {
         height: sectionproperties.generalbtnheightresponsive + 'px',
         fontSize: sectionproperties.generalbtnfontsizeresp + 'px'
       }
+    }),
+    slideshow_btnfhr: css({
+      height: sectionproperties.generalbtn_height + 'px',
+      width: sectionproperties.generalbtn_width + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      lineHeight: sectionproperties.generalbtn_fontsize + 'px',
+      textTransform: sectionproperties.generalbtn_texttransform,
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.generalbtn_bgColoronhover,
+        color: sectionproperties.generalbtn_textColoronhover
+      },
+      '@media (max-width: 800px)': {
+        width: sectionproperties.generalbtnwidthresp + 'px',
+        height: sectionproperties.generalbtnheightresponsive + 'px',
+        fontSize: sectionproperties.generalbtnfontsizeresp + 'px'
+      }
     })
   };
   var SlideShowTextContainer = function SlideShowTextContainer(item) {
@@ -84136,7 +84237,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
       //     : 'col-lg-12 text-start'
       sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 text-start'
     }, /*#__PURE__*/React.createElement("button", {
-      "class": authdetailsContext.instinfo.instid == '69f0cacdc9142' ? "".concat(slideshow_styles.slideshow_btn_mazl) + ' allcentered mx-1 ' : "".concat(slideshow_styles.slideshow_btn) + ' allcentered ',
+      "class": authdetailsContext.instinfo.instid == '69f0cacdc9142' ? "".concat(slideshow_styles.slideshow_btn_mazl) + ' allcentered mx-1 ' : authdetailsContext.instinfo.instid == '6a7772c9ec61b' ? "".concat(slideshow_styles.slideshow_btn_mazl) + ' allcentered mx-1 ' : "".concat(slideshow_styles.slideshow_btn) + ' allcentered ',
       onClick: function onClick() {
         if (sectionproperties.showplayer == 'Show') {
           setshowpopup(true);
@@ -84168,12 +84269,20 @@ var Slideshowzoom = function Slideshowzoom(props) {
       onClick: function onClick() {
         routingcountext('collections/innerparentcollections/6a71d53ec85aa', false, '');
       }
-    }, langdetect == 'en' ? 'Shop Home Accessories' : 'تسوق اكسسوارات المنزل')), sectionproperties.generalbtn_show == 'Show' && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
-      "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered' : item.titleen == null && item.descriptionen == null ? sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 allcentered-md' : 'col-lg-12 text-start',
-      "data-aos": 'fade-up',
-      "data-aos-delay": "300"
+    }, langdetect == 'en' ? 'Shop Home Accessories' : 'تسوق اكسسوارات المنزل'), authdetailsContext.instinfo.instid == '6a7772c9ec61b' && /*#__PURE__*/React.createElement("button", {
+      "class": "".concat(slideshow_styles.slideshow_btn2mazal) + ' allcentered mx-1 ',
+      style: {
+        letterSpacing: langdetect == 'en' ? '1px' : 0
+      },
+      onClick: function onClick() {
+        routingcountext('collections', false, '');
+      }
+    }, langdetect == 'en' ? 'Explore Courses' : 'اكتشف الكورسات')), sectionproperties.generalbtn_show == 'Show' && sectionproperties.showanimation == 'Yes' && /*#__PURE__*/React.createElement("div", {
+      "class": sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered' : item.titleen == null && item.descriptionen == null ? sectionproperties.generalbtn_position == 'Centered' ? 'col-lg-12 allcentered' : 'col-lg-12 allcentered-md' : 'col-lg-12 text-start'
+      // data-aos={'fade-up'}
+      // data-aos-delay="300"
     }, /*#__PURE__*/React.createElement("button", {
-      "class": "".concat(slideshow_styles.slideshow_btnyrh) + ' allcentered ',
+      "class": authdetailsContext.instinfo.instid == '6a7772c9ec61b' ? "".concat(slideshow_styles.slideshow_btnfhr) + ' allcentered mx-1 ' : "".concat(slideshow_styles.slideshow_btnyrh) + ' allcentered ',
       onClick: function onClick() {
         if (sectionproperties.showplayer == 'Show') {
           setshowpopup(true);
@@ -84184,7 +84293,15 @@ var Slideshowzoom = function Slideshowzoom(props) {
       style: {
         direction: langdetect == 'en' ? 'ltr' : 'rtl'
       }
-    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')));
+    }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' '), authdetailsContext.instinfo.instid == '6a7772c9ec61b' && /*#__PURE__*/React.createElement("button", {
+      "class": "".concat(slideshow_styles.slideshow_btnfhr) + ' allcentered mx-1 ',
+      style: {
+        letterSpacing: langdetect == 'en' ? '1px' : 0
+      },
+      onClick: function onClick() {
+        routingcountext('collections', false, '');
+      }
+    }, langdetect == 'en' ? 'Explore Courses' : 'اكتشف الكورسات')));
   };
   return /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
@@ -84245,7 +84362,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       },
       onClick: function onClick() {
-        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else {
+        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else if (authdetailsContext.instinfo.instid == '6a7772c9ec61b') ; else {
           if (sectionproperties.showplayer == 'Show') {
             setshowpopup(true);
           } else if (item.IsClickableimg == 'Yes') {
@@ -84286,7 +84403,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       },
       onClick: function onClick() {
-        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else {
+        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else if (authdetailsContext.instinfo.instid == '6a7772c9ec61b') ; else {
           if (sectionproperties.showplayer == 'Show') {
             setshowpopup(true);
           } else if (item.IsClickableimg == 'Yes') {
@@ -84421,7 +84538,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       },
       onClick: function onClick() {
-        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else {
+        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else if (authdetailsContext.instinfo.instid == '6a7772c9ec61b') ; else {
           if (sectionproperties.showplayer == 'Show') {
             setshowpopup(true);
           } else if (item.IsClickableimg == 'Yes') {
@@ -84461,7 +84578,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       },
       onClick: function onClick() {
-        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else {
+        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else if (authdetailsContext.instinfo.instid == '6a7772c9ec61b') ; else {
           if (sectionproperties.showplayer == 'Show') {
             setshowpopup(true);
           } else if (item.IsClickableimg == 'Yes') {
@@ -84588,7 +84705,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       },
       onClick: function onClick() {
-        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else {
+        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else if (authdetailsContext.instinfo.instid == '6a7772c9ec61b') ; else {
           if (sectionproperties.showplayer == 'Show') {
             setshowpopup(true);
           } else if (item.IsClickableimg == 'Yes') {
@@ -84628,7 +84745,7 @@ var Slideshowzoom = function Slideshowzoom(props) {
         paddingRight: langdetect == 'en' ? '' : sectionproperties.paddingLeft + 'px'
       },
       onClick: function onClick() {
-        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else {
+        if (authdetailsContext.instinfo.instid == '69f0cacdc9142') ; else if (authdetailsContext.instinfo.instid == '6a676c9404b74') ; else if (authdetailsContext.instinfo.instid == '6a7772c9ec61b') ; else {
           if (sectionproperties.showplayer == 'Show') {
             setshowpopup(true);
           } else if (item.IsClickableimg == 'Yes') {
@@ -99556,7 +99673,7 @@ var Variants_J_Cards = function Variants_J_Cards(props) {
 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(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 = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -100386,7 +100503,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       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.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.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
@@ -100394,7 +100511,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       // 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.createElement("div", {
       "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
     }, /*#__PURE__*/React.createElement("div", {
@@ -100412,7 +100529,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
         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.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.createElement("div", {
     "class": "allcentered col-lg-12 p-0",
     style: {
       height: 40
@@ -100432,7 +100549,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       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.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.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -100471,8 +100588,8 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.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 {
@@ -100491,7 +100608,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     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.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.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) {
@@ -100523,7 +100640,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
         }
       })), 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.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.createElement("div", {
     "class": "allcentered",
     style: {
       width: '100%',
@@ -100590,7 +100707,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "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.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.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.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -100691,7 +100808,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       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.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.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -100736,7 +100853,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     disabled: AddtoCartMutationContext.isLoading == true ? true : false
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered addbtn"
-  }, /*#__PURE__*/React.createElement(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.createElement("div", {
+  }, /*#__PURE__*/React.createElement(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.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -100765,16 +100882,38 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.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') {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
+      var _authdetailsContext$i20;
+      // if (authdetailsContext?.instinfo?.contactinfo.instid == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+      //     setShowProductInfoModalContext(true);
+      //     setProductIdProdutInfoModalContext(item.productid);
+      // } else {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.contactinfo.instid) == '68527dfef348b') {
+        window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
+      } else if (sectionproperties.showvariantscont == 'Show') {
+        addtocartfunc();
       } 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') {
-          window.open((ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint) + item.image, '_blank');
-        } else if (sectionproperties.showvariantscont == 'Show') {
-          addtocartfunc();
+        var productidtobesend = null;
+        if (sectionproperties.urlwithproductname == 'Yes') {
+          productidtobesend = item.productendpointurl;
+        } else {
+          // productidtobesend = item.productid;
+          productidtobesend = item;
+        }
+        if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
+          if (item.extrafieldsarray.length == 0) {
+            addtocartfunc();
+          } 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') {
+              setShowProductInfoModalContext(true);
+              setProductIdProdutInfoModalContext(item.productid);
+            } else {
+              cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+            }
+          }
+          // addtocartfunc();
+        } 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') {
@@ -100783,27 +100922,10 @@ var Simpleproductcard = function Simpleproductcard(props) {
             // productidtobesend = item.productid;
             productidtobesend = item;
           }
-          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);
-            }
-            // addtocartfunc();
-          } 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;
-              productidtobesend = item;
-            }
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
-          }
+          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.createElement("div", {
     "class": "col-lg-12 d-flex align-items-center p-0",
@@ -100831,78 +100953,98 @@ var Simpleproductcard = function Simpleproductcard(props) {
       }
     }),
     activeColor: "#ffd700"
-  }))))), cardsinglerow == 'single' && /*#__PURE__*/React.createElement("div", {
-    "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 p-2',
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.contactinfo.instid) == '6a708efd56628' && /*#__PURE__*/React.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.createElement("div", {
-    "class": "row m-0 w-100"
-  }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-3 col-md-4 p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": card_cssstyles.icontainer + ' w-100 ',
     style: {
-      position: 'relative'
+      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.createElement("div", {
+      "class": "text-start d-flex align-items-center col-lg- p-0 mb-1"
+    }, /*#__PURE__*/React.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.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.createElement("div", {
+    "class": "allcentered col-lg-12 p-0",
+    style: {
+      height: 40
     }
-  }, (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "allcentered",
+  }, /*#__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: item === null || item === void 0 ? void 0 : item.feature_image_url,
+    loading: "lazy",
     style: {
-      zIndex: 2,
-      position: 'absolute',
-      top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
-      bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
-      left: sectionproperties.badge_right + 'px',
-      // right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
-      width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
-      height: sectionproperties.badge_height + 'px',
-      background: sectionproperties.badge_bgcolor,
-      borderRadius: sectionproperties.badge_borderradius + 'px'
+      maxWidth: '50%',
+      maxHeight: '50%'
+    }
+  }), /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-12 p-0 d-flex flex-row align-items-center",
+    style: {
+      visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0",
     style: {
-      color: sectionproperties.badge_color,
-      fontSize: sectionproperties.badge_fontsize + 'px'
+      width: 8,
+      height: 8,
+      borderRadius: 100,
+      background: 'green'
     }
-  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/React.createElement("p", {
+    "class": 'm-0 mx-2 p-0',
     style: {
-      position: 'absolute',
-      top: sectionproperties.pillpositionfromtop + 'px',
-      left: sectionproperties.pillpositionfromright + 'px',
-      // right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
-      zIndex: 3
+      color: 'green',
+      fontSize: 13,
+      fontWeight: 400
     }
-  }, PillContainer()), /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
-    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') {
-          e.stopPropagation();
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
-        } else {
-          e.stopPropagation();
-          var productidtobesend = null;
-          if (sectionproperties.urlwithproductname == 'Yes') {
-            productidtobesend = item.productendpointurl;
-          } else {
-            // productidtobesend = item.productid;
-            productidtobesend = item;
-          }
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
-        }
-      }
-    },
+  }, 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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center mb-1 flex-row"
+  }, /*#__PURE__*/React.createElement("div", {
     style: {
-      borderRadius: sectionproperties.image_bordertopleftradius + 'px'
+      width: 40,
+      height: 40,
+      borderRadius: 100,
+      border: '1px solid #ccc'
     }
-  }, Image('normal')))), /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-9 col-md-8"
-  }, /*#__PURE__*/React.createElement("div", {
-    "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
-    style: {}
-  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.createElement("p", {
+  }, /*#__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: item.vendorlogo,
+    loading: "lazy",
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  })), /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 px-2",
+    style: {
+      color: '#000',
+      fontSize: 13
+    }
+  }, item.vendorname)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.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',
@@ -100921,45 +101063,22 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.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') {
-          setShowProductInfoModalContext(true);
-          setProductIdProdutInfoModalContext(item.productid);
+        var productidtobesend = null;
+        if (sectionproperties.urlwithproductname == 'Yes') {
+          productidtobesend = item.productendpointurl;
         } else {
-          var productidtobesend = null;
-          if (sectionproperties.urlwithproductname == 'Yes') {
-            productidtobesend = item.productendpointurl;
-          } else {
-            // productidtobesend = item.productid;
-            productidtobesend = item;
-          }
-          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+          productidtobesend = item.productid;
         }
+        cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
       }
     },
-    "class": sectionproperties.wordbreak == '1' ? "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak1   m-0 pname ' : "".concat(card_cssstyles.productNameStyles) + '  wordbreak wordbreak2   wordbreak-md-4 m-0 pname ',
+    "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.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) {
-    return /*#__PURE__*/React.createElement("div", {
-      "class": "text-start d-flex align-items-center col-lg-12 p-0 mb-1"
-    }, /*#__PURE__*/React.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.createElement("span", {
-      "class": "mx-2 ",
-      style: {
-        color: sectionproperties.featurecolor,
-        fontSize: sectionproperties.featurefontsize + 'px',
-        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.createElement("div", {
+  }, 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.createElement("div", {
     "class": "allcentered",
     style: {
       width: '100%',
@@ -101016,17 +101135,33 @@ var Simpleproductcard = function Simpleproductcard(props) {
     "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' ? '' : '6.5vh'
+      minHeight: sectionproperties.priceDirection == 'Horizontal Direction' ? '' : '10.5vh'
     }
   }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
-    "class": sectionproperties.priceDirection == 'Horizontal Direction' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 '
+    "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.createElement("div", {
-    "class": sectionproperties.priceDirection == 'Horizontal' ? ' d-flex align-items-center p-0 mb-0 ' : ' d-flex align-items-center p-0 mb-0'
+    "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.createElement("p", {
-    "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.createElement("div", {
+    "class": "".concat(card_cssstyles.productSalePricestyles) + ' linethrough m-0 '
+  }, langdetect == 'en' ? item.currencyname : '', " ", price, " ", langdetect == 'en' ? '' : item.currencyname), /*#__PURE__*/React.createElement("div", {
+    "class": ' px-2 allcentered mx-2',
+    style: {
+      width: 100,
+      height: sectionproperties.pillheight + 'px',
+      background: '#F9E1E0',
+      borderRadius: 100
+    }
+  }, /*#__PURE__*/React.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.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.createElement("div", {
+  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i28 = authdetailsContext.instinfo) === null || _authdetailsContext$i28 === void 0 ? void 0 : _authdetailsContext$i28.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center mb-2",
     style: {
       visibility: item.currentquantity > 1 ? 'visible' : 'hidden'
@@ -101127,7 +101262,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
       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.createElement("div", {
+  }, 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.createElement("div", {
     "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.quantitybtn) + ' p-0 d-flex align-items-center justify-content-center mx-auto mb-2 w-md-70 ',
@@ -101172,7 +101307,7 @@ var Simpleproductcard = function Simpleproductcard(props) {
     disabled: AddtoCartMutationContext.isLoading == true ? true : false
   }, /*#__PURE__*/React.createElement("i", {
     "class": "h-100 allcentered addbtn"
-  }, /*#__PURE__*/React.createElement(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.createElement("div", {
+  }, /*#__PURE__*/React.createElement(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.createElement("div", {
     "class": "col-12 p-0 d-flex flex-row align-items-center",
     style: {
       justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start',
@@ -101201,18 +101336,116 @@ var Simpleproductcard = function Simpleproductcard(props) {
   }, /*#__PURE__*/React.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') {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
+      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 _authdetailsContext$i29;
-        if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i29 = authdetailsContext.instinfo) === null || _authdetailsContext$i29 === void 0 ? void 0 : _authdetailsContext$i29.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();
+        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.createElement("div", {
+    "class": "col-lg-12 d-flex align-items-center p-0",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__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"
+  })))))), cardsinglerow == 'single' && /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.cardconttt + ' cursor-pointer w-100 p-2',
+    style: {}
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.image_show == 'show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-3 col-md-4 p-0"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.icontainer + ' w-100 ',
+    style: {
+      position: 'relative'
+    }
+  }, (item === null || item === void 0 ? void 0 : item.hassale) == 1 && sectionproperties.showbadge == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      zIndex: 2,
+      position: 'absolute',
+      top: sectionproperties.badgeposition == 'Top' ? sectionproperties.badge_top + 'px' : '',
+      bottom: sectionproperties.badgeposition == 'Bottom' ? sectionproperties.badge_top + 'px' : '',
+      left: sectionproperties.badge_right + 'px',
+      // right: langdetect == 'en' ? '' : sectionproperties.badge_right + 'px',
+      width: sectionproperties.badge_width == 0 ? '90%' : sectionproperties.badge_width + 'px',
+      height: sectionproperties.badge_height + 'px',
+      background: sectionproperties.badge_bgcolor,
+      borderRadius: sectionproperties.badge_borderradius + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      color: sectionproperties.badge_color,
+      fontSize: sectionproperties.badge_fontsize + 'px'
+    }
+  }, langdetect == 'en' ? sectionproperties.badgeContentEn : sectionproperties.badgeContentAr)), sectionproperties.showpill == 'Show' && has_sale == 1 && sectionproperties.counterposition == 'Top' && /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: sectionproperties.pillpositionfromtop + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
+      // right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
+      zIndex: 3
+    }
+  }, PillContainer()), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.hideshowcardtransition == 'Show' ? " ".concat(card_cssstyles.productcardimagecont, " ").concat(cardstyles$8.imagecontainer) + ' d-flex ' : " ".concat(card_cssstyles.productcardimagecont, " ") + ' d-flex ',
+    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$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);
         } else {
+          e.stopPropagation();
           var productidtobesend = null;
           if (sectionproperties.urlwithproductname == 'Yes') {
             productidtobesend = item.productendpointurl;
@@ -101220,25 +101453,360 @@ var Simpleproductcard = function Simpleproductcard(props) {
             // productidtobesend = item.productid;
             productidtobesend = item;
           }
-          if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
-            if (item.extrafieldsarray.length == 0) {
-              addtocartfunc();
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+        }
+      }
+    },
+    style: {
+      borderRadius: sectionproperties.image_bordertopleftradius + 'px'
+    }
+  }, Image('normal')))), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-9 col-md-8"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.productnamecentered == 'Centered' ? card_cssstyles.innersection + ' row m-0 w-100 allcentered ' : card_cssstyles.innersection + ' row m-0 w-100 ',
+    style: {}
+  }, sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React.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.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.createElement("p", {
+    onClick: function onClick() {
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute) == 'None') ; else {
+        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 {
+          var productidtobesend = null;
+          if (sectionproperties.urlwithproductname == 'Yes') {
+            productidtobesend = item.productendpointurl;
+          } else {
+            // productidtobesend = item.productid;
+            productidtobesend = item;
+          }
+          cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+        }
+      }
+    },
+    "class": sectionproperties.wordbreak == '1' ? "".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.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.createElement("div", {
+      "class": "text-start d-flex align-items-center col-lg-12 p-0 mb-1"
+    }, /*#__PURE__*/React.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.createElement("span", {
+      "class": "mx-2 ",
+      style: {
+        color: sectionproperties.featurecolor,
+        fontSize: sectionproperties.featurefontsize + 'px',
+        fontWeight: 300
+      }
+    }, "-"));
+  })), (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.createElement("div", {
+    "class": "allcentered",
+    style: {
+      width: '100%',
+      left: 0,
+      right: 0,
+      zIndex: 100
+    }
+  }, /*#__PURE__*/React.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$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.createElement("div", {
+    "class": "col-lg-12 pl-0 pr-0",
+    style: {}
+  }, /*#__PURE__*/React.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.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.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.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.createElement("div", {
+    "class": "row m-0 w-100 "
+  }, /*#__PURE__*/React.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.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' ? '' : '6.5vh'
+    }
+  }, sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React.createElement("p", {
+    "class": sectionproperties.priceDirection == 'Horizontal Direction' ? "".concat(card_cssstyles.productPricestyles) + ' m-0 ' : "".concat(card_cssstyles.productPricestyles) + ' m-0 '
+  }, langdetect == 'en' ? item.currencyname : '', " ", has_sale == 1 ? sale_price : price, " ", langdetect == 'en' ? '' : item.currencyname), sectionproperties.prodsalePriceshow == 'Show' && has_sale == 1 && /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.priceDirection == 'Horizontal' ? ' d-flex align-items-center p-0 mb-0 ' : ' d-flex align-items-center p-0 mb-0'
+  }, /*#__PURE__*/React.createElement("p", {
+    "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.createElement("div", {
+    style: {}
+  }, PillContainer()))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i36 = authdetailsContext.instinfo) === null || _authdetailsContext$i36 === void 0 ? void 0 : _authdetailsContext$i36.contactinfo.instid) == '696b839eebc8c' && /*#__PURE__*/React.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.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: 100,
+      background: 'green'
+    }
+  }), /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-12 p-0"
+  }, /*#__PURE__*/React.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$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$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$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;
+          }
+        }
+      }
+      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.createElement("div", {
+    "class": "col-lg-12 p-0",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.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.createElement("p", {
+    "class": ' m-0 p-0 d-flex align-items-center ',
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    style: {
+      fontWeight: sectionproperties.profitcontainerfontweight
+    }
+  }, langdetect == 'en' ? sectionproperties.profitcontainercontenten : sectionproperties.profitcontainercontentar, ":", ' '), /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.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$i37 = authdetailsContext.instinfo) === null || _authdetailsContext$i37 === void 0 ? void 0 : _authdetailsContext$i37.contactinfo.instid) == '6887802d26765' && sectionproperties.prodsalePriceshow == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center allcentered"
+  }, /*#__PURE__*/React.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.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.createElement("i", {
+    "class": "h-100 allcentered minusbtn"
+  }, /*#__PURE__*/React.createElement(FiMinus, null))), /*#__PURE__*/React.createElement("span", {
+    "class": ' d-flex align-items-center justify-content-center ',
+    style: {
+      fontSize: 14,
+      fontWeight: 500,
+      color: sectionproperties.cartBtnbgColor,
+      flex: 1
+    }
+  }, addtocartbuttonrenderquantity()), /*#__PURE__*/React.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.createElement("i", {
+    "class": "h-100 allcentered addbtn"
+  }, /*#__PURE__*/React.createElement(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.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.createElement("p", {
+    "class": "m-0 p-0",
+    style: {
+      width: 8,
+      height: 8,
+      borderRadius: 100,
+      background: 'green'
+    }
+  }), /*#__PURE__*/React.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.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center",
+    style: {
+      justifyContent: sectionproperties.productnamecentered == 'Centered' ? 'center' : 'start'
+    }
+  }, /*#__PURE__*/React.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$i39;
+      // if (authdetailsContext?.instinfo?.contactinfo.instid == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+      // setShowProductInfoModalContext(true);
+      // setProductIdProdutInfoModalContext(item.productid);
+      // } else {
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i39 = authdetailsContext.instinfo) === null || _authdetailsContext$i39 === void 0 ? void 0 : _authdetailsContext$i39.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;
+          productidtobesend = item;
+        }
+        if (sectionproperties.automaticaddtocart == 'Yes' && item.hasvariants == 0) {
+          if (item.extrafieldsarray.length == 0) {
+            addtocartfunc();
+          } else {
+            var _authdetailsContext$i40;
+            if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i40 = authdetailsContext.instinfo) === null || _authdetailsContext$i40 === void 0 ? void 0 : _authdetailsContext$i40.contactinfo.instid) == '6a3bd18b7ceb5' && sectionproperties.prodPriceShow == 'Show') {
+              setShowProductInfoModalContext(true);
+              setProductIdProdutInfoModalContext(item.productid);
             } 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 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 {
-            var productidtobesend = null;
-            if (sectionproperties.urlwithproductname == 'Yes') {
-              productidtobesend = item.productendpointurl;
-            } else {
-              // productidtobesend = item.productid;
-              productidtobesend = item;
-            }
-            cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, productidtobesend, props.fetchingtypeprops, item.collectionid, item.skiplayeronclick);
+            // productidtobesend = item.productid;
+            productidtobesend = item;
           }
+          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.createElement("div", {