tabexseriescomponents 0.0.385 → 0.0.388

package/dist/index.cjs.js

@@ -5167,8 +5167,17 @@ var Productinfo = function Productinfo(props) {
               "class": "".concat(productinfo_cssstyles.relatedProductImageCont) + ' w-100 p-0 mb-2 '
             }, /*#__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.relatedProductDimWidth + ',h-' + sectionproperties.galleryHeightDimension + '/' + item.productinfo.productmainimage,
+              publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey
+              // path={
+              //     '/tr:w-' +
+              //     sectionproperties.relatedProductDimWidth +
+              //     ',h-' +
+              //     sectionproperties.galleryHeightDimension +
+              //     '/' +
+              //     item.productinfo.productmainimage
+              // }
+              ,
+              path: '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + item.productinfo.productmainimage,
               loading: "lazy",
               style: {
                 width: '100%',
@@ -17407,9 +17416,13 @@ var Subheader = function Subheader(props) {
       var _fetchCategoriesQuery;
       var temppcollarray = _toConsumableArray__default["default"](pcollarray);
       fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 || _fetchCategoriesQuery.categories.forEach(function (arrayItem) {
-        arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
-          temppcollarray.push(item);
-        });
+        if (arrayItem.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
+          arrayItem === null || arrayItem === void 0 || arrayItem.parentcolletions.forEach(function (item) {
+            if (item.isshowntocustomers == 1 && arrayItem.isinftiler == 1) {
+              temppcollarray.push(item);
+            }
+          });
+        }
       });
       setpcollarray(_toConsumableArray__default["default"](temppcollarray));
     }
@@ -17836,7 +17849,7 @@ var Subheader = function Subheader(props) {
 function ownKeys$1Y(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$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Headerresponsive = function Headerresponsive(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery, _authdetailsContext$i9;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -18608,7 +18621,7 @@ var Headerresponsive = function Headerresponsive(props) {
       }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
-        className: "mt-3 mb-3",
+        className: "mt-4 mb-4",
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
@@ -18626,7 +18639,7 @@ var Headerresponsive = function Headerresponsive(props) {
   }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
-    className: "mt-3 mb-3",
+    className: "mt-4 mb-4",
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
@@ -18642,7 +18655,7 @@ var Headerresponsive = function Headerresponsive(props) {
   }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
-    className: "mt-3 mb-3",
+    className: "mt-4 mb-4",
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
@@ -18709,12 +18722,27 @@ var Headerresponsive = function Headerresponsive(props) {
       backgroundColor: 'white'
     },
     backdrop: true
-  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      right: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      setopenCnvas(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered",
     style: {
       position: 'absolute',
-      right: langdetect == 'en' ? -34 : '',
-      left: langdetect == 'en' ? -34 : '',
+      left: -34,
       top: 5,
       width: 30,
       height: 30,
@@ -18765,7 +18793,7 @@ var Headerresponsive = function Headerresponsive(props) {
       transition: '.3s',
       color: '#000'
     }
-  }, langdetect == 'en' ? 'COLLECTIONS' : 'المجموعات'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 anim '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
@@ -18826,7 +18854,7 @@ var Headerresponsive = function Headerresponsive(props) {
   }, lang.wishlist)), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
-    className: "mt-3 mb-3",
+    className: "mt-4 mb-4",
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
@@ -18842,7 +18870,7 @@ var Headerresponsive = function Headerresponsive(props) {
     className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
   }, lang.policies)))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 accordionContainer anim'
-  }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
     allowMultipleExpanded: true,
     allowZeroExpanded: true
   }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories.map(function (item, index) {
@@ -18890,7 +18918,7 @@ var Headerresponsive = function Headerresponsive(props) {
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
-        className: "mt-3 mb-3",
+        className: "mt-4 mb-4",
         style: {
           borderColor: sectionproperties.resp_header_separatorbg
         }
@@ -18941,7 +18969,7 @@ var Headerresponsive = function Headerresponsive(props) {
           }))), /*#__PURE__*/React__default["default"].createElement("div", {
             className: "col-lg-12 p-0"
           }, /*#__PURE__*/React__default["default"].createElement("hr", {
-            className: "mt-3 mb-3",
+            className: "mt-4 mb-4",
             style: {
               borderColor: sectionproperties.resp_header_separatorbg
             }
@@ -18964,7 +18992,7 @@ var Headerresponsive = function Headerresponsive(props) {
               }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
                 className: "col-lg-12 p-0"
               }, /*#__PURE__*/React__default["default"].createElement("hr", {
-                className: "mt-3 mb-3",
+                className: "mt-4 mb-4",
                 style: {
                   borderColor: sectionproperties.resp_header_separatorbg
                 }
@@ -18974,6 +19002,27 @@ var Headerresponsive = function Headerresponsive(props) {
         }
       }))))));
     }
+  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcollections) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (collitem, collindex) {
+    if (collitem.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' row m-0 p-0 mb-2  w-100 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-12 p-0 text-start px-3",
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+          setopenCnvas(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-4 mb-4",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      })));
+    }
   })))))));
 };
 
@@ -19167,7 +19216,7 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
+  var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -19175,7 +19224,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
-  props.actions.setlang;
+  var setlang = props.actions.setlang;
   var templatepropcontext = props.actions.templatepropcontext;
   var authdetailsContext = props.actions.authdetailsContext;
   var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -19216,9 +19265,9 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     _useState12[0];
     _useState12[1];
   var _useState13 = React.useState(''),
-    _useState14 = _slicedToArray__default["default"](_useState13, 2);
-    _useState14[0];
-    _useState14[1];
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    activeTab = _useState14[0],
+    setactiveTab = _useState14[1];
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -19226,6 +19275,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
       }
     }
+    // alert(JSON.stringify(templateproperties_context));
   }, [templateproperties_context]);
   var header_cssstyles = {
     header_logo: glamor.css({
@@ -19391,15 +19441,25 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }
     })
   };
+  var returnpolicyobj = function returnpolicyobj(policytype) {
+    var _authdetailsContext$i;
+    var policyobj = {};
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instpolicies) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (item, index) {
+      if (item.policytype == policytype) {
+        policyobj = item;
+      }
+    });
+    return policyobj;
+  };
   var CartButton = function CartButton() {
     var _fetchcustomercartQue2, _fetchcustomercartQue3;
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "d-flex align-items-center mx-2",
+      "class": "d-flex align-items-center",
       style: {
         position: 'relative'
       }
     }, /*#__PURE__*/React__default["default"].createElement("button", {
-      className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center ml-1 p-0 ',
+      className: "".concat(header_cssstyles.addtocartbtn_resp) + ' d-flex align-items-center justify-content-center p-0 ',
       onClick: function onClick() {
         var _fetchcustomercartQue;
         if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.customercart) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.cartitems) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.length) > 7) {
@@ -19520,7 +19580,46 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       zIndex: 10000,
       overflow: 'scroll'
     }
+  }, sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 mb-5",
+    style: {
+      borderBottom: '1px solid #eee'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-6 allcentered py-3',
+    onClick: function onClick() {
+      setactiveTab('menu');
+    },
+    style: {
+      background: activeTab == 'menu' ? 'white' : '#eee'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      textTransform: 'uppercase',
+      fontWeight: 500,
+      fontSize: '15px',
+      transition: '.3s',
+      color: '#000'
+    }
+  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: 'col-6 allcentered py-3',
+    onClick: function onClick() {
+      setactiveTab('categories');
+    },
+    style: {
+      background: activeTab == 'categories' ? 'white' : '#eee'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      textTransform: 'uppercase',
+      fontWeight: 500,
+      fontSize: '15px',
+      transition: '.3s',
+      color: '#000'
+    }
+  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))), sectionproperties.responsiveheaderstyle != 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-end anim"
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": ' h-100 allcentered ',
@@ -19562,7 +19661,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
         }
       })));
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 anim"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
@@ -19580,7 +19679,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       borderColor: sectionproperties.resp_header_separatorbg
     }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 anim"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
@@ -19591,7 +19690,79 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
-  }, lang.policies))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, lang.policies))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 anim"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+  }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 anim"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+  }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 anim"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+  }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 anim"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start my-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.TermsConditions);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+  }, langdetect == 'en' ? (_returnpolicyobj7 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj7 === void 0 ? void 0 : _returnpolicyobj7.policypagename_en : (_returnpolicyobj8 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj8 === void 0 ? void 0 : _returnpolicyobj8.policypagename_ar))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     className: "mt-3 mb-3",
@@ -19609,7 +19780,60 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
-  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 anim"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2 ',
+    style: {}
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
+    style: {
+      cursor: 'default'
+    }
+  }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      background: sectionproperties.langcontainerbgresp,
+      borderRadius: 5
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
+    onClick: function onClick() {
+      setlang('en');
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 w-100 allcentered py-3",
+    style: {
+      background: langdetect == 'en' ? sectionproperties.langcontainerbgresp_active : 'transparent',
+      borderRadius: 5,
+      fontSize: 15,
+      color: sectionproperties.language_container_color_resp
+    }
+  }, "English")), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-6 p-0 allcentered py-2 px-2 cursor-pointer ',
+    onClick: function onClick() {
+      setlang('ar');
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 w-100 allcentered py-3",
+    style: {
+      borderRadius: 5,
+      background: langdetect == 'ar' ? sectionproperties.langcontainerbgresp_active : 'transparent',
+      fontSize: 15,
+      color: sectionproperties.language_container_color_resp
+    }
+  }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 mt-5"
   }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
@@ -20028,7 +20252,7 @@ var ElegantHeader = function ElegantHeader(props) {
     "class": header_cssstyles.textSlider + ' mb-0 p-0 '
   }, langdetect == 'en' ? (_textarray$ = textarray[0]) === null || _textarray$ === void 0 ? void 0 : _textarray$.textEnglish : (_textarray$2 = textarray[0]) === null || _textarray$2 === void 0 ? void 0 : _textarray$2.textArabic))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 p-0 text-end"
-  }, langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'ar' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
     onClick: function onClick() {
       setlang('en');
@@ -20048,7 +20272,7 @@ var ElegantHeader = function ElegantHeader(props) {
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, "\u0639")), langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "\u0639")), langdetect == 'en' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' allcentered mx-4 ',
     onClick: function onClick() {
       setlang('ar');
@@ -20068,7 +20292,7 @@ var ElegantHeader = function ElegantHeader(props) {
     "class": "ml-2 mr-2"
   }), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0"
-  }, "En")), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "En")), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.user_btn) + ' d-flex align-items-center justify-content-center pt-1 ',
@@ -20099,7 +20323,7 @@ var ElegantHeader = function ElegantHeader(props) {
     style: {
       minWidth: '200px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -20107,7 +20331,7 @@ var ElegantHeader = function ElegantHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": ' allcenetered m-0 p-0 '
-  }, langdetect == 'en' ? sectionproperties.previousorders_titleen : sectionproperties.previousorders_titlear))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
     }
@@ -20115,7 +20339,7 @@ var ElegantHeader = function ElegantHeader(props) {
     "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": ' allcenetered m-0 p-0 '
-  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, langdetect == 'en' ? sectionproperties.wishlisttitle_en : sectionproperties.wishlisttitle_ar))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       LogoutMutationContext.mutate();
     }
@@ -20167,6 +20391,11 @@ var ElegantHeader = function ElegantHeader(props) {
     size: sectionproperties.searchbarcontfontsize
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-xl-8 col-lg-10 p-0 allcentered flex-row"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' scrollhorizontal w-100 align-items-center justify-content-center ',
+    style: {
+      display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
+    }
   }, templatepropcontext.pagesnprop.map(function (item, index) {
     if (item.isnavigation == 1 && item.isactive == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -20176,6 +20405,15 @@ var ElegantHeader = function ElegantHeader(props) {
         }
       }, langdetect == 'en' ? item.pagename : item.pagename_ar);
     }
+  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React__default["default"].createElement(Subheader, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions,
+    subheaderpropertiesprops: {
+      subheaderpositionprops: 'in nav',
+      paddingLeftprops: '25px',
+      paddingRightprops: '25px',
+      subheadercontentpositionprops: 'center'
+    }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-xl-2 col-lg-1 col-md-6 col-sm-12 p-0 d-flex align-items-center justify-content-end"
   }, sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -25336,7 +25574,7 @@ var Simpleheader = function Simpleheader(props) {
     }
   }, /*#__PURE__*/React__default["default"].createElement(FiSearch.FiSearch, {
     size: sectionproperties.searchbaricon_fontsize
-  })), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? "".concat(header_cssstyles.wishlist_btn) + ' cursor-pointer allcentered ml-3 ' : "".concat(header_cssstyles.wishlist_btn) + ' cursor-pointer allcentered mr-3 ',
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Wishlist);
@@ -25358,7 +25596,7 @@ var Simpleheader = function Simpleheader(props) {
     }
   })), sectionproperties.showfavbadge == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(headerstyles$9.badge_counter_header_notifications, " ").concat(header_cssstyles.badge_counter_header_notifications)
-  }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.favBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("span", null, " ", favoriteprojectscountContext.length >= 10 ? '+9' : favoriteprojectscountContext.length)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       position: 'relative'
     },
@@ -25567,7 +25805,7 @@ var Simpleheader = function Simpleheader(props) {
     "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem allcenetered m-0 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement(BiLogOutCircle.BiLogOutCircle, {
     "class": langdetect == 'en' ? 'mr-2' : 'ml-2'
-  }), lang.logout))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), lang.logout))))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": langdetect == 'en' ? ' allcentered m-0 cursor-pointer ml-3 ' : ' m-0 cursor-pointer mr-3 ',
     style: {
       minWidth: '30px'
@@ -25602,7 +25840,10 @@ var Simpleheader = function Simpleheader(props) {
       paddingRightprops: '25px',
       subheadercontentpositionprops: sectionproperties.header_centered == 'Centered' ? 'center' : 'start'
     }
-  })))))), /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+  })))))), sectionproperties.responsiveheaderstyle == 'Style 1' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
@@ -42217,7 +42458,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, lang.orderhistory))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? templateproperties_context.previousorders_titleen : templateproperties_context.previousorders_titlear))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'No' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
@@ -42228,7 +42469,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? sectionproperties.policiestexten : sectionproperties.policiestextar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.policiestexten : sectionproperties.policiestextar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
@@ -42239,7 +42480,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? (_returnpolicyobj = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj === void 0 ? void 0 : _returnpolicyobj.policypagename_en : (_returnpolicyobj2 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj2 === void 0 ? void 0 : _returnpolicyobj2.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
@@ -42250,7 +42491,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? (_returnpolicyobj3 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj3 === void 0 ? void 0 : _returnpolicyobj3.policypagename_en : (_returnpolicyobj4 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj4 === void 0 ? void 0 : _returnpolicyobj4.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
@@ -42261,7 +42502,7 @@ var ModernFooter = function ModernFooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && sectionproperties.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? (_returnpolicyobj5 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj5 === void 0 ? void 0 : _returnpolicyobj5.policypagename_en : (_returnpolicyobj6 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj6 === void 0 ? void 0 : _returnpolicyobj6.policypagename_ar))), templateproperties_context.showpolicies == 'Show' && templateproperties_context.separatepolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     onClick: function onClick() {
@@ -42292,7 +42533,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, sectionproperties.fbiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaFacebookF.FaFacebookF, {
-    "class": 'mr-2',
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.fbiconfontsize
   }), sectionproperties.fblinktext)), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42306,7 +42547,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
-    "class": 'mr-2',
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
   }), sectionproperties.instagramlinktext)), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42320,7 +42561,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, sectionproperties.whatsappiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
-    "class": 'mr-2',
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.whatsappiconfontsize
   }), sectionproperties.whatsapplinktext)), sectionproperties.linkedinbtnshow == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42334,7 +42575,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, sectionproperties.linkedinbtniconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(AiOutlineLinkedin.AiOutlineLinkedin, {
-    "class": 'mr-2',
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.linkedinbtniconfontsize
   }), sectionproperties.linkedinlinktext)), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42348,7 +42589,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
-    "class": 'mr-2',
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
   }), langdetect == 'en' ? 'TikTok' : 'TikTok')), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.telegramlink) != null && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 d-flex justify-content-start align-items-center p-0 mb-1"
@@ -42362,7 +42603,7 @@ var ModernFooter = function ModernFooter(props) {
       }
     }
   }, sectionproperties.instagramiconfontsize != 0 && /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
-    "class": 'mr-2',
+    "class": langdetect == 'en' ? 'mr-2' : 'ml-2',
     size: sectionproperties.instagramiconfontsize
   }), langdetect == 'en' ? 'Telegram' : 'Telegram')))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": sectionproperties.showdownloadsection == 'Show' || sectionproperties.showpaymentfooter == 'Show' ? 'col-lg-3 col-md-12 col-sm-12 mt-md-3' : 'col-lg-4 col-md-12 col-sm-12 mt-md-3',
@@ -52722,6 +52963,8 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
             var _authdetailsContext$i2;
             window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.whatsappnumber), '_blank');
           }
+        } else if (sectionproperties.btntype == 'App/Web Page') {
+          window.open(sectionproperties.btnlink, '_target');
         } else {
           window.open(sectionproperties.btnlink, '_blank');
         }
@@ -52812,7 +53055,17 @@ var Image_with_leftwords = function Image_with_leftwords(props) {
       width: sectionproperties.width + 'vw'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : sectionproperties.paddingRight != 0 ? langdetect == 'en' ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 pr-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pl-1025-1 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between ',
+    "class":
+    // sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 '
+    //     : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between '
+    //     : sectionproperties.paddingLeft != 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 px-md-3 '
+    //     : sectionproperties.paddingRight != 0
+    //     ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between pr-1025-1 px-md-3 '
+    //     : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between '
+    sectionproperties.paddingLeft != 0 && sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingLeft == 0 && sectionproperties.paddingRight == 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between px-md-0 ' : sectionproperties.paddingLeft != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : sectionproperties.paddingRight != 0 ? section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between plr-1025-1 pr-md-3 pl-md-3 ' : section_styles.sectioncintainer + ' row m-0 w-100 d-flex justify-content-between px-md-0 ',
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px',
@@ -53204,7 +53457,15 @@ var Servicesection = function Servicesection(props) {
         border: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'All' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
         borderRight: cardinfoindex != cardsarray.length - 1 ? sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'en' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '' : '',
         borderLeft: sectionproperties.innersectionbordertype == 'Right' ? langdetect == 'ar' ? sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor : '' : '',
-        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor
+        boxShadow: ' 0 0 10px ' + sectionproperties.innerSectionShadowColor,
+        cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
+      },
+      onClick: function onClick() {
+        if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'Same Tab') {
+          window.open(cardinfoitem.btnlink, '_target');
+        } else if (cardinfoitem.iscardclickable == 'Yes' && cardinfoitem.clickabletabtype == 'New Tab') {
+          window.open(cardinfoitem.btnlink, '_blank');
+        }
       }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "d-flex d-sm-none",
@@ -63707,12 +63968,25 @@ var ServiceCard = function ServiceCard(props) {
     onClick: function onClick() {
       cardonclickfunctionContext(sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.onClickRoute, item.productid, props.fetchingtypeprops, item.collectionid);
     }
-  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.prodNameShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "".concat(card_cssstyles.productNameStyles) + ' font-md-15 wordbreak wordbreak1 m-0 ',
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, item.name)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, item.name)), sectionproperties.showmeasurementunit == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": ' wordbreak wordbreak1 m-0 ',
+    style: {
+      textAlign: langdetect == 'en' ? 'left' : 'right',
+      fontSize: sectionproperties.measurementunitfontsize + 'px',
+      color: sectionproperties.measurementunitcolor
+    }
+  }, item.measurmentunit)))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 m-0 d-flex"