tabexseriescomponents 0.0.387 → 0.0.389

package/dist/index.cjs.js

@@ -2396,7 +2396,7 @@ var Product_itemtype = function Product_itemtype(props) {
       minHeight: sectionproperties.height + 'vh'
     }
   }, sectionproperties.gallerystyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "w-100 scrollhorizontalwithscrollbar"
+    "class": "w-100 scrollhorizontalwithscrollbar scrollhorizontalwithscrollbarremove"
   }, (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer2 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.data) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productinfo) === null || _fetchProductInfoQuer2 === void 0 || (_fetchProductInfoQuer2 = _fetchProductInfoQuer2.productimages) === null || _fetchProductInfoQuer2 === void 0 ? void 0 : _fetchProductInfoQuer2.length) != 0 && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.productimages.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       "class": ' scrollhorizontalcard mx-2 ',
@@ -2692,7 +2692,7 @@ var Product_itemtype = function Product_itemtype(props) {
     actions: props.actions
   }), sectionproperties.showextrafield == 'Show' && /*#__PURE__*/React__default["default"].createElement(ProductExtraFields, {
     actions: props.actions
-  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
+  }), sectionproperties.gallerystyle == 'Style 2' && sectionproperties.prodCatShow == 'Show' && sectionproperties.descriptionposition != 'Top' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
     actions: props.actions
   }), sectionproperties.quantitybtn_show == 'Show' && sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
@@ -2734,7 +2734,7 @@ var Product_itemtype = function Product_itemtype(props) {
       flexDirection: 'row',
       direction: 'ltr'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+  }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2750,9 +2750,9 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiMinus.FiMinus, {
     size: sectionproperties.remove_quantitybtn_textfontsize
-  }))), /*#__PURE__*/React__default["default"].createElement("span", {
+  }))), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.quantitybtn_text)
-  }, addtocardpayloadobj.quantity), /*#__PURE__*/React__default["default"].createElement("span", {
+  }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
     className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
     onClick: function onClick() {
       var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
@@ -2768,7 +2768,30 @@ var Product_itemtype = function Product_itemtype(props) {
     }
   }, sectionproperties.quantityiconstyle == 'Plus/Minus' && /*#__PURE__*/React__default["default"].createElement(FiPlus.FiPlus, {
     size: sectionproperties.add_quantitybtn_textfontsize
-  })))), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
+  }))), sectionproperties.quantitybtneditable == 'Yes' && /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "number",
+    style: {
+      width: 100,
+      height: 40,
+      background: 'transparent',
+      fontWeight: sectionproperties.quantitybtn_textfontweight,
+      color: sectionproperties.quantitybtn_textcolor,
+      fontSize: sectionproperties.quantitybtn_textfontsize + 'px',
+      textAlign: 'center'
+    },
+    value: addtocardpayloadobj.quantity,
+    onChange: function onChange(event) {
+      if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
+        var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = 1;
+        setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+      } else {
+        var tempaddtocardpayloadobj = _objectSpread$2q({}, addtocardpayloadobj);
+        tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
+        setaddtocardpayloadobj(_objectSpread$2q({}, tempaddtocardpayloadobj));
+      }
+    }
+  })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer22 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.data) === null || _fetchProductInfoQuer22 === void 0 || (_fetchProductInfoQuer22 = _fetchProductInfoQuer22.productinfo) === null || _fetchProductInfoQuer22 === void 0 ? void 0 : _fetchProductInfoQuer22.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn, " ") + ' ml-2 mr-2 d-flex align-items-center justify-content-center mb-sm-2 ',
     onClick: function onClick() {
       if (fetchProductInfoQueryContext.data.data.productinfo.product_calltoaction == 'Call') {
@@ -5870,7 +5893,7 @@ var Productinfo = function Productinfo(props) {
     }, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.email)))), sectionproperties.storeinfostyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
       "class": "row m-0 w-100"
     }, sectionproperties.showfooterphonenumber == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -5879,7 +5902,7 @@ var Productinfo = function Productinfo(props) {
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.phonetitle_en : sectionproperties.phonetitle_ar))), sectionproperties.showfooteremail == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.email) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -5889,7 +5912,7 @@ var Productinfo = function Productinfo(props) {
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": "m-0 p-0"
     }, langdetect == 'en' ? sectionproperties.emailtitle_en : sectionproperties.emailtitle_ar))), sectionproperties.showwhatsapp == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-12 allcentered mb-2"
+      "class": "col-lg-12 allcentered mb-2 p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": productinfo_cssstyles.storeinfobtn + ' allcentered ',
       onClick: function onClick() {
@@ -17416,9 +17439,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));
     }
@@ -17845,7 +17872,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;
@@ -18617,7 +18644,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
         }
@@ -18635,7 +18662,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
     }
@@ -18651,7 +18678,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
     }
@@ -18718,12 +18745,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,
@@ -18835,7 +18877,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
     }
@@ -18851,7 +18893,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) {
@@ -18899,7 +18941,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
         }
@@ -18950,7 +18992,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
             }
@@ -18973,7 +19015,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
                 }
@@ -18983,6 +19025,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
+        }
+      })));
+    }
   })))))));
 };
 
@@ -19176,7 +19239,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;
@@ -19184,7 +19247,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;
@@ -19225,9 +19288,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);
@@ -19235,6 +19298,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({
@@ -19400,15 +19464,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) {
@@ -19529,7 +19603,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 ',
@@ -19571,7 +19684,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"
@@ -19589,7 +19702,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"
@@ -19600,7 +19713,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",
@@ -19618,7 +19803,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 ',
@@ -20037,7 +20275,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');
@@ -20057,7 +20295,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');
@@ -20077,7 +20315,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 ',
@@ -20108,7 +20346,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);
     }
@@ -20116,7 +20354,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);
     }
@@ -20124,7 +20362,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();
     }
@@ -20176,6 +20414,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", {
@@ -20185,6 +20428,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", {
@@ -25345,7 +25597,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);
@@ -25367,7 +25619,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'
     },
@@ -25576,7 +25828,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'
@@ -25611,7 +25863,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, {
@@ -42226,7 +42481,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() {
@@ -42237,7 +42492,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() {
@@ -42248,7 +42503,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() {
@@ -42259,7 +42514,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() {
@@ -42270,7 +42525,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() {
@@ -42301,7 +42556,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"
@@ -42315,7 +42570,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"
@@ -42329,7 +42584,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"
@@ -42343,7 +42598,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"
@@ -42357,7 +42612,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"
@@ -42371,7 +42626,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',
@@ -52731,6 +52986,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');
         }
@@ -52821,7 +53078,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',
@@ -53217,7 +53484,9 @@ var Servicesection = function Servicesection(props) {
         cursor: cardinfoitem.iscardclickable == 'Yes' ? 'pointer' : 'default'
       },
       onClick: function onClick() {
-        if (cardinfoitem.iscardclickable == 'Yes') {
+        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');
         }
       }
@@ -63722,12 +63991,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"