tabexseriescomponents 0.0.559 → 0.0.561

package/dist/index.cjs.js

@@ -27843,7 +27843,7 @@ styleInject(css_248z$w);
 function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -28133,6 +28133,23 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
+  })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+    target: '_blank',
+    style: {
+      position: 'fixed',
+      bottom: 10,
+      right: 10,
+      zIndex: 999999,
+      transition: 'all 0.3s ease-out'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
+    style: {
+      width: '40px',
+      height: '40px',
+      cursor: 'pointer'
+    }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -28153,30 +28170,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
     "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
-        var _authdetailsContext$i2;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
+      var _authdetailsContext$i2;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
+        var _authdetailsContext$i3;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
       }
     },
     size: sectionproperties.facebkbtnniconfontsize
   }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
     "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i3;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
-        var _authdetailsContext$i4;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
+      var _authdetailsContext$i4;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
+        var _authdetailsContext$i5;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
       }
     },
     size: sectionproperties.instgrambtniconfontsize
   }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
     "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i5;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
-        var _authdetailsContext$i6;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
+      var _authdetailsContext$i6;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
+        var _authdetailsContext$i7;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
       }
     },
     size: sectionproperties.youtubebtniconfontsize
@@ -28568,10 +28585,19 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }))));
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), ' ')));
 };
 
 var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n    position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n    height: 25px !important;\n    width: 25px !important;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 100% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    content: '';\n    top: calc(100% + 4px);\n    transform-origin: 0% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n    content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n    transform-origin: 0% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n    transform-origin: 100% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n    list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -55604,7 +55630,8 @@ var Twobgimages = function Twobgimages(props) {
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
+      className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none justify-content-center align-items-center' : 'row m-0 w-100 allcentered',
+      style: {}
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -55740,7 +55767,128 @@ var Twobgimages = function Twobgimages(props) {
           }
         }
       }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
-    }))));
+    })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
+    }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+      transitionBehavior: 'auto',
+      wrapperClassName: '',
+      itemClassName: 'scrollimagebg'
+    }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
+        style: {
+          paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
+          paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
+          cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
+          marginBottom: sectionproperties.image_mb + 'px'
+        },
+        onClick: function onClick() {
+          if (item.IsClickable == 'Yes') {
+            if (item.place_clickable == 'General') {
+              if (item.externallink == 'Yes') {
+                window.open(item.clickable_page_route, '_blank');
+                // history.push(item.clickable_page_route);
+              } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                routingcountext(item.clickable_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+              }
+            }
+          }
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
+        style: {}
+      }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
+        className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
+        style: {
+          height: '100%',
+          width: '100%',
+          objectFit: sectionproperties.bgcovercontain,
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          zIndex: 1
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
+        style: {
+          position: 'relative',
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
+        style: {
+          maxWidth: '100%',
+          color: bgimagearrayofobjs[index].bg1_txtcolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+        className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
+        style: {
+          color: bgimagearrayofobjs[index].bg1_descolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+        className: "".concat(bgcssstyles.btnone) + ' allcentered ',
+        style: {
+          letterSpacing: langdetect == 'en' ? '1px' : 0
+        },
+        onClick: function onClick() {
+          if (item.IsClickable == 'Yes') {
+            if (item.place_clickable == 'Button') {
+              if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                routingcountext(item.clickable_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+              }
+            }
+          }
+        }
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: bgcssstyles.text1styles + ' wordbreak m-0 ',
+        style: {
+          color: bgimagearrayofobjs[index].bg1_txtcolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+        className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
+        style: {
+          color: bgimagearrayofobjs[index].bg1_descolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+        className: "".concat(bgcssstyles.btnresp) + '  ',
+        onClick: function onClick() {
+          if (item.IsClickable == 'Yes') {
+            if (item.place_clickable == 'Button') {
+              if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                routingcountext(item.clickable_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+              }
+            }
+          }
+        }
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+    })))));
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-md-100",
@@ -72663,7 +72811,7 @@ var Productcard6 = function Productcard6(props) {
   props.actions.StaticPagesLinksContext;
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   React.useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -72795,14 +72943,43 @@ var Productcard6 = function Productcard6(props) {
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
     style: {
-      backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
-      backgroundRepeat: 'no-repeat',
-      // backgroundSize: 'cover',
-      backgroundPosition: 'center'
+      // backgroundImage: `url(${serverbaselink + item.image})`,
+      // backgroundRepeat: 'no-repeat',
+      // // backgroundSize: 'cover',
+      // backgroundPosition: 'center',
+      position: 'relative'
     },
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    style: {
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
+    },
+    loading: "lazy"
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      position: 'absolute',
+      height: '100%',
+      top: 0,
+      left: 0
+    }
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
     style: {}
@@ -72861,7 +73038,7 @@ var Productcard6 = function Productcard6(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))))));
+  })))))))));
 };
 
 function ownKeys$b(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; }

package/dist/index.esm.js

@@ -27794,7 +27794,7 @@ styleInject(css_248z$w);
 function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
+  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -28084,6 +28084,23 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, /*#__PURE__*/React.createElement(DownloadApp, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
+  })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React.createElement("a", {
+    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+    target: '_blank',
+    style: {
+      position: 'fixed',
+      bottom: 10,
+      right: 10,
+      zIndex: 999999,
+      transition: 'all 0.3s ease-out'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
+    style: {
+      width: '40px',
+      height: '40px',
+      cursor: 'pointer'
+    }
   })), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React.createElement("div", {
@@ -28104,30 +28121,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaFacebookF, {
     "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
-        var _authdetailsContext$i2;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
+      var _authdetailsContext$i2;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
+        var _authdetailsContext$i3;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
       }
     },
     size: sectionproperties.facebkbtnniconfontsize
   }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement(AiOutlineInstagram, {
     "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i3;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
-        var _authdetailsContext$i4;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
+      var _authdetailsContext$i4;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
+        var _authdetailsContext$i5;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
       }
     },
     size: sectionproperties.instgrambtniconfontsize
   }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaWhatsapp, {
     "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i5;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
-        var _authdetailsContext$i6;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
+      var _authdetailsContext$i6;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
+        var _authdetailsContext$i7;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
       }
     },
     size: sectionproperties.youtubebtniconfontsize
@@ -28519,10 +28536,19 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React.createElement(Headerresponsive, {
+  }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React.createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }))));
+  }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React.createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), ' ')));
 };
 
 var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n    position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n    height: 25px !important;\n    width: 25px !important;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 100% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    content: '';\n    top: calc(100% + 4px);\n    transform-origin: 0% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n    content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n    transform-origin: 0% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n    transform-origin: 100% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n    list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -55555,7 +55581,8 @@ var Twobgimages = function Twobgimages(props) {
     }, /*#__PURE__*/React.createElement("div", {
       className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
     }, /*#__PURE__*/React.createElement("div", {
-      className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
+      className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none justify-content-center align-items-center' : 'row m-0 w-100 allcentered',
+      style: {}
     }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
       return /*#__PURE__*/React.createElement("div", {
         className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -55691,7 +55718,128 @@ var Twobgimages = function Twobgimages(props) {
           }
         }
       }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
-    }))));
+    })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React.createElement("div", {
+      "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
+    }, /*#__PURE__*/React.createElement(ScrollMenu, {
+      transitionBehavior: 'auto',
+      wrapperClassName: '',
+      itemClassName: 'scrollimagebg'
+    }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
+        style: {
+          paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
+          paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
+          cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
+          marginBottom: sectionproperties.image_mb + 'px'
+        },
+        onClick: function onClick() {
+          if (item.IsClickable == 'Yes') {
+            if (item.place_clickable == 'General') {
+              if (item.externallink == 'Yes') {
+                window.open(item.clickable_page_route, '_blank');
+                // history.push(item.clickable_page_route);
+              } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                routingcountext(item.clickable_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+              }
+            }
+          }
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        style: {
+          height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
+        style: {}
+      }, /*#__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: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
+        className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
+        style: {
+          height: '100%',
+          width: '100%',
+          objectFit: sectionproperties.bgcovercontain,
+          borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+          borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+          borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+          borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+        }
+      })), /*#__PURE__*/React.createElement("div", {
+        className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
+        style: {
+          position: 'absolute',
+          top: 0,
+          right: 0,
+          bottom: 0,
+          left: 0,
+          zIndex: 1
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
+        style: {
+          position: 'relative',
+          overflow: 'hidden'
+        }
+      }, /*#__PURE__*/React.createElement("p", {
+        className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
+        style: {
+          maxWidth: '100%',
+          color: bgimagearrayofobjs[index].bg1_txtcolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
+        className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
+        style: {
+          color: bgimagearrayofobjs[index].bg1_descolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
+        className: "".concat(bgcssstyles.btnone) + ' allcentered ',
+        style: {
+          letterSpacing: langdetect == 'en' ? '1px' : 0
+        },
+        onClick: function onClick() {
+          if (item.IsClickable == 'Yes') {
+            if (item.place_clickable == 'Button') {
+              if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                routingcountext(item.clickable_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+              }
+            }
+          }
+        }
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React.createElement("div", {
+        className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
+      }, /*#__PURE__*/React.createElement("p", {
+        className: bgcssstyles.text1styles + ' wordbreak m-0 ',
+        style: {
+          color: bgimagearrayofobjs[index].bg1_txtcolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React.createElement("p", {
+        className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
+        style: {
+          color: bgimagearrayofobjs[index].bg1_descolor
+        }
+      }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React.createElement("button", {
+        className: "".concat(bgcssstyles.btnresp) + '  ',
+        onClick: function onClick() {
+          if (item.IsClickable == 'Yes') {
+            if (item.place_clickable == 'Button') {
+              if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                routingcountext(item.clickable_page_route, false, '');
+              } else {
+                routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+              }
+            }
+          }
+        }
+      }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+    })))));
   };
   return /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-md-100",
@@ -72614,7 +72762,7 @@ var Productcard6 = function Productcard6(props) {
   props.actions.StaticPagesLinksContext;
   props.actions.routingcountext;
   var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   useEffect(function () {
     if (props.srcfrom == 'addsectionform') {
       var secpropobj = {};
@@ -72746,14 +72894,43 @@ var Productcard6 = function Productcard6(props) {
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
     style: {
-      backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
-      backgroundRepeat: 'no-repeat',
-      // backgroundSize: 'cover',
-      backgroundPosition: 'center'
+      // backgroundImage: `url(${serverbaselink + item.image})`,
+      // backgroundRepeat: 'no-repeat',
+      // // backgroundSize: 'cover',
+      // backgroundPosition: 'center',
+      position: 'relative'
     },
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
+    style: {
+      width: '100%',
+      height: '100%'
+    }
+  }, item.image != '' && /*#__PURE__*/React.createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+    style: {
+      width: sectionproperties.imageInnerWidth_Height + '%',
+      height: sectionproperties.imageInnerWidth_Height + '%',
+      objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+      borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
+    },
+    loading: "lazy"
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      position: 'absolute',
+      height: '100%',
+      top: 0,
+      left: 0
+    }
   }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
     style: {}
@@ -72812,7 +72989,7 @@ var Productcard6 = function Productcard6(props) {
     size: sectionproperties.favBtnIconfontsize
   }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React.createElement(FaRegHeart, {
     size: sectionproperties.favBtnIconfontsize
-  }))))))));
+  })))))))));
 };
 
 function ownKeys$b(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; }

package/dist/index.umd.js

@@ -27667,7 +27667,7 @@
     function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-      var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
+      var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -27957,6 +27957,23 @@
       }, /*#__PURE__*/React__default["default"].createElement(DownloadApp, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
+      })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+        href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+        target: '_blank',
+        style: {
+          position: 'fixed',
+          bottom: 10,
+          right: 10,
+          zIndex: 999999,
+          transition: 'all 0.3s ease-out'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("img", {
+        src: 'https://tabex-co.com/storage/StaticImages/whatsapp.png',
+        style: {
+          width: '40px',
+          height: '40px',
+          cursor: 'pointer'
+        }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -27977,30 +27994,30 @@
       }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
         "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
         onClick: function onClick() {
-          var _authdetailsContext$i;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.facebooklink) != null) {
-            var _authdetailsContext$i2;
-            window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink, '_blank');
+          var _authdetailsContext$i2;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
+            var _authdetailsContext$i3;
+            window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
           }
         },
         size: sectionproperties.facebkbtnniconfontsize
       }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(AiOutlineInstagram.AiOutlineInstagram, {
         "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
         onClick: function onClick() {
-          var _authdetailsContext$i3;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instagramlink) != null) {
-            var _authdetailsContext$i4;
-            window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink, '_blank');
+          var _authdetailsContext$i4;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
+            var _authdetailsContext$i5;
+            window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
           }
         },
         size: sectionproperties.instgrambtniconfontsize
       }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
         "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
         onClick: function onClick() {
-          var _authdetailsContext$i5;
-          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.whatsappnumber) != null) {
-            var _authdetailsContext$i6;
-            window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber), '_blank');
+          var _authdetailsContext$i6;
+          if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
+            var _authdetailsContext$i7;
+            window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
           }
         },
         size: sectionproperties.youtubebtniconfontsize
@@ -28392,10 +28409,19 @@
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+      }, sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
-      }))));
+      }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+        sectionpropertiesprops: sectionproperties,
+        actions: actions
+      }), ' ')));
     };
 
     var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n    position: absolute;\n}\n.Simpleheader-module_navbar__lLQ9F .Simpleheader-module_header_cart__GG895 .Simpleheader-module_header_badge__cW4uV {\n    height: 25px !important;\n    width: 25px !important;\n    border-radius: 50%;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: white;\n}\n.Simpleheader-module_nav__item__txPCh {\n    width: 100%;\n    height: 100%;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF {\n    cursor: pointer;\n    position: relative;\n    white-space: nowrap;\n    z-index: 2000 !important;\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    transform-origin: 100% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::after {\n    position: absolute;\n    width: 100%;\n    height: 1px;\n    top: 100%;\n    left: 0;\n    pointer-events: none;\n    content: '';\n    top: calc(100% + 4px);\n    transform-origin: 0% 50%;\n    transform: scale3d(0, 1, 1);\n    transition: transform 0.3s cubic-bezier(0.7, 0, 0.2, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF::before {\n    content: '';\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::before {\n    transform-origin: 0% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\n.Simpleheader-module_nav__item__txPCh .Simpleheader-module_link__aI5DF:hover::after {\n    transform-origin: 100% 50%;\n    transform: scale3d(1, 1, 1);\n    transition-timing-function: cubic-bezier(0.4, 1, 0.8, 1);\n}\nli {\n    list-style-type: none;\n}\n.Simpleheader-module_badge_counter_header_notifications__9NFCv {\n    position: absolute;\n    transform: scale(0.3);\n    transform-origin: top right;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n.Simpleheader-module_searchbar__-iAVU {\n    display: inline-block;\n    border: none;\n    outline: none;\n    width: 0px;\n    position: absolute;\n    top: 0;\n    background: none;\n    z-index: 3;\n    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);\n    cursor: pointer;\n}\n.Simpleheader-module_searchbar__-iAVU:focus {\n    width: 300px !important;\n    z-index: 1;\n    cursor: text;\n}\n.Simpleheader-module_searchbaractive__9RFRQ {\n    display: inline-block;\n    z-index: 2;\n    cursor: pointer;\n    cursor: pointer;\n}\n  ";
@@ -55428,7 +55454,8 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           className: sectionproperties.collectionssectionshow == 'Show' ? 'col-lg-10 col-md-12 p-md-0' : 'col-lg-12 p-0'
         }, /*#__PURE__*/React__default["default"].createElement("div", {
-          className: sectionproperties.justifyContentCenter == 'Centered' ? 'row m-0 w-100 allcentered' : 'row m-0 w-100 allcentered'
+          className: sectionproperties.showrespas == 'Horizontal' ? 'row m-0 w-100 d-flex d-md-none justify-content-center align-items-center' : 'row m-0 w-100 allcentered',
+          style: {}
         }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: bgimagearrayofobjs[index].bg1_numberofcols != 12 ? sectionproperties.imagepadding != 0 ? ' d-flex align-items-stretch col-md-6 col-sm-12 pr-sm-2 pl-sm-2 mb-md-3 mt-md-3 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-6 col-sm-12 p-sm-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols : ' d-flex align-items-stretch col-md-12 col-sm-12 pr-md-0 pl-md-0 col-lg-' + bgimagearrayofobjs[index].bg1_numberofcols,
@@ -55564,7 +55591,128 @@
               }
             }
           }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)))))));
-        }))));
+        })), sectionproperties.showrespas == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-12 p-0 d-none d-md-block scrollhorizontal"
+        }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
+          transitionBehavior: 'auto',
+          wrapperClassName: '',
+          itemClassName: 'scrollimagebg'
+        }, Object.keys(bgimagearrayofobjs).length != 0 && bgimagearrayofobjs.map(function (item, index) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' col-xl-12 col-lg-12 col-md-12 col-sm-12 w-100',
+            style: {
+              paddingLeft: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
+              paddingRight: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? 0 : sectionproperties.imagepadding + 'px',
+              cursor: item.place_clickable == 'General' ? 'pointer' : 'default',
+              marginBottom: sectionproperties.image_mb + 'px'
+            },
+            onClick: function onClick() {
+              if (item.IsClickable == 'Yes') {
+                if (item.place_clickable == 'General') {
+                  if (item.externallink == 'Yes') {
+                    window.open(item.clickable_page_route, '_blank');
+                    // history.push(item.clickable_page_route);
+                  } else if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                    routingcountext(item.clickable_page_route, false, '');
+                  } else {
+                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+                  }
+                }
+              }
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            style: {
+              height: sectionproperties.bgcovercontain == 'Contain' ? 'auto' : sectionproperties.image_height + 'vh'
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "".concat(bgcssstyles.bgimage) + ' d-none d-md-none d-sm-flex',
+            style: {}
+          }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+            urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+            publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+            path: bgimagearrayofobjs.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + bgimagearrayofobjs[index].bg1_imageresponsive_ar : '',
+            className: sectionproperties.bgcovercontainresponsive == 'Contain' ? 'objectFit-md-contain' : '',
+            style: {
+              height: '100%',
+              width: '100%',
+              objectFit: sectionproperties.bgcovercontain,
+              borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
+              borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
+              borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
+              borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px'
+            }
+          })), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "".concat(bgcssstyles.bgImageContainer) + ' col-lg-12 p-0 w-100 ',
+            style: {
+              position: 'absolute',
+              top: 0,
+              right: 0,
+              bottom: 0,
+              left: 0,
+              zIndex: 1
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "".concat(bgcssstyles.centered_container) + ' row m-0 d-flex pt-0 d-flex align-items-stretch h-sm-auto '
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: bgimagearrayofobjs[index].bg1_numberofcols == '12' ? ' d-flex flex-column d-md-none col-lg-12 d-flex align-items-stretch ' : bgimagearrayofobjs[index].bg1_numberofcols >= '6' ? ' d-flex flex-column d-md-none col-lg-6 d-flex align-items-stretch ' : ' d-flex flex-column d-md-none col-lg-10 d-flex align-items-stretch ',
+            style: {
+              position: 'relative',
+              overflow: 'hidden'
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: bgcssstyles.text1styles + ' d-flex justify-content-md-center wordbreak ',
+            style: {
+              maxWidth: '100%',
+              color: bgimagearrayofobjs[index].bg1_txtcolor
+            }
+          }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+            className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak ',
+            style: {
+              color: bgimagearrayofobjs[index].bg1_descolor
+            }
+          }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+            className: "".concat(bgcssstyles.btnone) + ' allcentered ',
+            style: {
+              letterSpacing: langdetect == 'en' ? '1px' : 0
+            },
+            onClick: function onClick() {
+              if (item.IsClickable == 'Yes') {
+                if (item.place_clickable == 'Button') {
+                  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                    routingcountext(item.clickable_page_route, false, '');
+                  } else {
+                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+                  }
+                }
+              }
+            }
+          }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar, ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-md-12 d-none d-md-flex flex-column mt-auto mb-auto "
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: bgcssstyles.text1styles + ' wordbreak m-0 ',
+            style: {
+              color: bgimagearrayofobjs[index].bg1_txtcolor
+            }
+          }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_text_en : bgimagearrayofobjs[index].bg1_text_ar), bgimagearrayofobjs[index].showdescription1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+            className: bgcssstyles.text2styles + ' d-flex justify-content-md-center wordbreak m-0 ',
+            style: {
+              color: bgimagearrayofobjs[index].bg1_descolor
+            }
+          }, langdetect == 'en' ? bgimagearrayofobjs[index].bg1_descriptionen : bgimagearrayofobjs[index].bg1_descriptionar), bgimagearrayofobjs[index].showbutton1 == 'Show' && /*#__PURE__*/React__default["default"].createElement("button", {
+            className: "".concat(bgcssstyles.btnresp) + '  ',
+            onClick: function onClick() {
+              if (item.IsClickable == 'Yes') {
+                if (item.place_clickable == 'Button') {
+                  if (item.clickable_page_route && item.clickable_page_route.length != 0) {
+                    routingcountext(item.clickable_page_route, false, '');
+                  } else {
+                    routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.Clickable_Reference_Collection_ID);
+                  }
+                }
+              }
+            }
+          }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))));
+        })))));
       };
       return /*#__PURE__*/React__default["default"].createElement("div", {
         className: "row m-0 w-md-100",
@@ -72487,7 +72635,7 @@
       props.actions.StaticPagesLinksContext;
       props.actions.routingcountext;
       var cardonclickfunctionContext = props.actions.cardonclickfunctionContext;
-      props.actions.ikimagecredcontext;
+      var ikimagecredcontext = props.actions.ikimagecredcontext;
       React.useEffect(function () {
         if (props.srcfrom == 'addsectionform') {
           var secpropobj = {};
@@ -72619,14 +72767,43 @@
       }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(card_cssstyles.productcard, " ").concat(cardsstyles$2.productcard) + ' w-100 ',
         style: {
-          backgroundImage: "url(".concat(serverbaselink$1 + item.image, ")"),
-          backgroundRepeat: 'no-repeat',
-          // backgroundSize: 'cover',
-          backgroundPosition: 'center'
+          // backgroundImage: `url(${serverbaselink + item.image})`,
+          // backgroundRepeat: 'no-repeat',
+          // // backgroundSize: 'cover',
+          // backgroundPosition: 'center',
+          position: 'relative'
         },
         onClick: function onClick() {
           cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
         }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": card_cssstyles.imagecont + ' row mt-0 ml-0 mr-0 w-100 align-items-center justify-content-center cursor-pointer ',
+        style: {
+          width: '100%',
+          height: '100%'
+        }
+      }, item.image != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+        urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+        publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+        path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.image,
+        style: {
+          width: sectionproperties.imageInnerWidth_Height + '%',
+          height: sectionproperties.imageInnerWidth_Height + '%',
+          objectFit: sectionproperties.bgcovercontain == 'Contain' ? 'contain' : 'cover',
+          borderTopLeftRadius: langdetect == 'en' ? sectionproperties.image_bordertopleftradius + 'px' : sectionproperties.image_bordertoprightradius + 'px',
+          borderTopRightRadius: langdetect == 'en' ? sectionproperties.image_bordertoprightradius + 'px' : sectionproperties.image_bordertopleftradius + 'px',
+          borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.image_borderBottomLeftRadius + 'px' : sectionproperties.image_borderBottomRightRadius + 'px',
+          borderBottomRightRadius: langdetect == 'en' ? sectionproperties.image_borderBottomRightRadius + 'px' : sectionproperties.image_borderBottomLeftRadius + 'px'
+        },
+        loading: "lazy"
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100",
+        style: {
+          position: 'absolute',
+          height: '100%',
+          top: 0,
+          left: 0
+        }
       }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 d-flex flex-row justify-content-start p-0",
         style: {}
@@ -72685,7 +72862,7 @@
         size: sectionproperties.favBtnIconfontsize
       }), sectionproperties.faviconshape == 'Heart Shape' && /*#__PURE__*/React__default["default"].createElement(FaRegHeart.FaRegHeart, {
         size: sectionproperties.favBtnIconfontsize
-      }))))))));
+      })))))))));
     };
 
     function ownKeys$b(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; }

package/package.json

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