tabexseriescomponents 0.0.395 → 0.0.397

package/dist/index.cjs.js

@@ -3117,7 +3117,7 @@ var Product_itemtype = function Product_itemtype(props) {
 function ownKeys$2p(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$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Serviceinfotabs = function Serviceinfotabs(props) {
-  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+  var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
   var langdetect = props.actions.langdetect;
   var lang = props.actions.lang;
   var sectionproperties = props.actions.sectionproperties;
@@ -3480,19 +3480,40 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     } else {
       slot = slotsubstr + slotsubstr2 + ' AM';
     }
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "col-lg-2 col-md-2 col-sm-4 pl-1 pr-1 mb-2"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
-      style: {},
-      onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$2p(_objectSpread$2p({}, addtocardpayloadobj), {}, {
-          time: item.slot
-        }));
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": ' p-0 m-0 '
-    }, sectionproperties.timeformat == '24 HOUR CLOCK' ? item.slot : slot)));
+    if (item.available) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 col-md-2 col-sm-4 pl-1 pr-1 mb-2"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
+        style: {},
+        onClick: function onClick() {
+          setaddtocardpayloadobj(_objectSpread$2p(_objectSpread$2p({}, addtocardpayloadobj), {}, {
+            time: item.slot
+          }));
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' p-0 m-0 '
+      }, sectionproperties.timeformat == '24 HOUR CLOCK' ? item.slot : slot)));
+    } else {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-2 col-md-2 col-sm-4 pl-1 pr-1 mb-2"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' allcentered px-1 showcrossicon ',
+        style: {
+          cursor: 'not-allowed',
+          minWidth: '6vh',
+          height: '5vh',
+          borderRadius: sectionproperties.time_borderRadius + 'px',
+          backgroundColor: sectionproperties.time_bgcolor,
+          border: sectionproperties.time_borderwidth + 'px solid ' + sectionproperties.time_borderColor,
+          color: sectionproperties.time_timeColor,
+          fontWeight: sectionproperties.time_timeFontweight,
+          fontSize: sectionproperties.time_timeFontsize + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' p-0 m-0 '
+      }, sectionproperties.timeformat == '24 HOUR CLOCK' ? item.slot : slot)));
+    }
   })))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 mb-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3602,7 +3623,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
@@ -3644,15 +3665,15 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.cart_btn) + ' w-100 d-flex align-items-center justify-content-center ',
     onClick: function onClick() {
-      var _fetchProductInfoQuer9, _fetchProductInfoQuer10;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer9 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.data) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.productinfo) === null || _fetchProductInfoQuer9 === void 0 || (_fetchProductInfoQuer9 = _fetchProductInfoQuer9.serviceinfo) === null || _fetchProductInfoQuer9 === void 0 ? void 0 : _fetchProductInfoQuer9.scheduletype) == 'days') {
+      var _fetchProductInfoQuer11, _fetchProductInfoQuer12;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.serviceinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
           if (sectionproperties.cartbtntype == 'Goes to checkout') {
             routingcountext(StaticPagesLinksContext.Checkout);
           }
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer10 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.data) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.productinfo) === null || _fetchProductInfoQuer10 === void 0 || (_fetchProductInfoQuer10 = _fetchProductInfoQuer10.serviceinfo) === null || _fetchProductInfoQuer10 === void 0 ? void 0 : _fetchProductInfoQuer10.scheduletype) == 'minutes') {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.serviceinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
           if (sectionproperties.cartbtntype == 'Goes to checkout') {
@@ -3685,7 +3706,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     size: sectionproperties.cartBtn_iconFontSize
   }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
     size: sectionproperties.cartBtn_iconFontSize
-  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer11 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.data) === null || _fetchProductInfoQuer11 === void 0 || (_fetchProductInfoQuer11 = _fetchProductInfoQuer11.productinfo) === null || _fetchProductInfoQuer11 === void 0 ? void 0 : _fetchProductInfoQuer11.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer12 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.data) === null || _fetchProductInfoQuer12 === void 0 || (_fetchProductInfoQuer12 = _fetchProductInfoQuer12.productinfo) === null || _fetchProductInfoQuer12 === void 0 ? void 0 : _fetchProductInfoQuer12.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
+  })), langdetect == 'en' ? fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.productactionbuttontext_en : fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.productactionbuttontext_ar), AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
     color: "white",
@@ -3729,13 +3750,13 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     className: "".concat(productinfo_cssstyles.checkoutbtn, " ") + ' d-flex align-items-center justify-content-center ml-sm-auto mr-sm-auto mb-sm-2 ',
     onClick: function onClick() {
-      var _fetchProductInfoQuer13, _fetchProductInfoQuer14;
-      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer13 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.data) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.productinfo) === null || _fetchProductInfoQuer13 === void 0 || (_fetchProductInfoQuer13 = _fetchProductInfoQuer13.serviceinfo) === null || _fetchProductInfoQuer13 === void 0 ? void 0 : _fetchProductInfoQuer13.scheduletype) == 'days') {
+      var _fetchProductInfoQuer15, _fetchProductInfoQuer16;
+      if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer15 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.data) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.productinfo) === null || _fetchProductInfoQuer15 === void 0 || (_fetchProductInfoQuer15 = _fetchProductInfoQuer15.serviceinfo) === null || _fetchProductInfoQuer15 === void 0 ? void 0 : _fetchProductInfoQuer15.scheduletype) == 'days') {
         if (addtocardpayloadobj.from.length != 0 && addtocardpayloadobj.to.length != 0 && addtocardpayloadobj.quantity != 0) {
           addtocartfunc();
           routingcountext(StaticPagesLinksContext.Checkout);
         }
-      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer14 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.data) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.productinfo) === null || _fetchProductInfoQuer14 === void 0 || (_fetchProductInfoQuer14 = _fetchProductInfoQuer14.serviceinfo) === null || _fetchProductInfoQuer14 === void 0 ? void 0 : _fetchProductInfoQuer14.scheduletype) == 'minutes') {
+      } else if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer16 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.data) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.productinfo) === null || _fetchProductInfoQuer16 === void 0 || (_fetchProductInfoQuer16 = _fetchProductInfoQuer16.serviceinfo) === null || _fetchProductInfoQuer16 === void 0 ? void 0 : _fetchProductInfoQuer16.scheduletype) == 'minutes') {
         if (addtocardpayloadobj.date.length != 0 && addtocardpayloadobj.time.length != 0) {
           addtocartfunc();
           routingcountext(StaticPagesLinksContext.Checkout);
@@ -6362,6 +6383,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       color: sectionproperties.navigationtextactivecolor
     })
   };
+  props.actions.templateproperties_context;
   var _useState7 = React.useState([{
       tabname: lang.accountinformation,
       route: StaticPagesLinksContext.accountinfo,
@@ -19331,7 +19353,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, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8;
+  var _css, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i2;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
@@ -19348,16 +19370,16 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   props.actions.setcurrencyfunccontext;
-  props.actions.fetchCategoriesQueryContext;
+  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
   var _useState3 = React.useState(''),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2);
-    _useState4[0];
-    _useState4[1];
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    Choosenindex = _useState4[0],
+    setChoosenindex = _useState4[1];
   var _useState5 = React.useState(false),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
     menuactive = _useState6[0],
@@ -19378,7 +19400,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var _useState11 = React.useState(false),
     _useState12 = _slicedToArray__default["default"](_useState11, 2);
     _useState12[0];
-    _useState12[1];
+    var setopenCnvas = _useState12[1];
   var _useState13 = React.useState(''),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
     activeTab = _useState14[0],
@@ -19607,6 +19629,51 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       }
     }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != null ? fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.customercart) === null || _fetchcustomercartQue3 === void 0 || (_fetchcustomercartQue3 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue3 === void 0 ? void 0 : _fetchcustomercartQue3.length : 0));
   };
+  var _useState15 = React.useState(false),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    openmenuCanvas = _useState16[0],
+    setopenmenuCanvas = _useState16[1];
+  var _useState17 = React.useState([]),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2),
+    pcollarray = _useState18[0],
+    setpcollarray = _useState18[1];
+  React.useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+      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) {
+        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));
+    }
+    // alert(JSON.stringify(pcollarray));
+  }, [fetchCategoriesQueryContext.isSuccess]);
+  var InstLogoContainer = function InstLogoContainer() {
+    var _logoarrayofobjects$, _logoarrayofobjects$2;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
+      style: {
+        cursor: 'pointer'
+      },
+      onClick: function onClick() {
+        routingcountext('home');
+      }
+    }, /*#__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: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
+      style: {
+        maxWidth: '100%',
+        maxHeight: '100%'
+      }
+    }));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -19626,27 +19693,28 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
+  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-4 col-sm-4 text-start p-0"
+  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
-      cursor: 'pointer'
-    },
-    onClick: function onClick() {
-      routingcountext('home');
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
     }
-  }, /*#__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: langdetect == 'en' ? (_logoarrayofobjects$ = logoarrayofobjects[0]) === null || _logoarrayofobjects$ === void 0 ? void 0 : _logoarrayofobjects$.englishlogo : (_logoarrayofobjects$2 = logoarrayofobjects[0]) === null || _logoarrayofobjects$2 === void 0 ? void 0 : _logoarrayofobjects$2.arabiclogo,
-    style: {
-      maxWidth: '100%',
-      maxHeight: '100%'
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
     }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
+  }, InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-md-4 col-sm-4 allcentered p-0"
+  }, InstLogoContainer()), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: sectionproperties.logocentered != 'Centered' ? 'col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0' : 'col-md-4 col-sm-4 d-flex align-items-center justify-content-end p-0'
+  }, sectionproperties.searchbar_show == 'Show' && sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React__default["default"].createElement("div", {
     style: {
       width: '30px',
       height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -19670,10 +19738,15 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: sectionproperties.cart_BtnTextcolor_resp
     },
     onClick: function onClick() {
-      if (menuactive == true) {
-        setmenuactive(false);
+      if (sectionproperties.responsiveheaderstyle == 'Style 2') {
+        if (menuactive == true) {
+          setmenuactive(false);
+        } else {
+          setmenuactive(true);
+        }
       } else {
-        setmenuactive(true);
+        setopenmenuCanvas(true);
+        setactiveTab('menu');
       }
     }
   }, menuactive == false && /*#__PURE__*/React__default["default"].createElement(FiMenu.FiMenu, {
@@ -19695,46 +19768,7 @@ 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 ',
@@ -19971,7 +20005,379 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
     "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
   }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 mt-5 allcentered anim"
+    "class": "row m-0 w-100 mt-5 allcentered anim"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
+    onClick: function onClick() {
+      LogoutMutationContext.mutate();
+      setmenuactive(false);
+    },
+    style: {
+      width: '90%',
+      height: 40,
+      background: 'white',
+      color: '#000',
+      fontSize: 16
+    }
+  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 d-flex align-items-center"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    style: {
+      width: 40,
+      height: 40,
+      position: 'absolute',
+      top: 10,
+      right: 10,
+      zIndex: 10000
+    },
+    "class": "allcentered",
+    onClick: function onClick() {
+      setopenSearch(false);
+      setSearchHeaderInputContext('');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
+    style: {
+      fontSize: 20,
+      color: '#000'
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.searchbarcont
+  }, /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
+    onChange: function onChange(event) {
+      setSearchHeaderInputContext(event.target.value);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
+    sectionpropertiesprops: sectionproperties,
+    srcfromprops: 'fullheader',
+    actions: actions
+  }))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
+    show: openmenuCanvas,
+    onHide: function onHide() {
+      setopenmenuCanvas(false);
+    },
+    placement: langdetect == 'en' ? 'start' : 'end',
+    scroll: true,
+    style: {
+      width: '90%',
+      backgroundColor: 'white'
+    },
+    backdrop: true
+  }, /*#__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() {
+      setopenmenuCanvas(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',
+      left: -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
+  })), /*#__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' : 'تسوق'))))), /*#__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"
+  }, /*#__PURE__*/React__default["default"].createElement("ul", {
+    className: ' d-flex justify-content-center flex-column p-0 '
+  }, templatepropcontext.pagesnprop.map(function (item, index) {
+    if (item.isnavigation == 1 && item.isactive == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
+        style: {
+          paddingTop: index == 0 ? 5 : 0
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        onClick: function onClick() {
+          routingcountext(item.navigationroute, false, '');
+          setopenCnvas(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.pagename : item.pagename_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
+        }
+      })));
+    }
+  }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Ordershistory);
+      setopenCnvas(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
+  }, lang.orderhistory)), /*#__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
+    }
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Wishlist);
+      setopenCnvas(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
+  }, lang.wishlist)), /*#__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
+    }
+  }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Policies);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
+  }, lang.policies)), /*#__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
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__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' ? (_returnpolicyobj9 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj9 === void 0 ? void 0 : _returnpolicyobj9.policypagename_en : (_returnpolicyobj10 = returnpolicyobj('Privacy Policy')) === null || _returnpolicyobj10 === void 0 ? void 0 : _returnpolicyobj10.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"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__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' ? (_returnpolicyobj11 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj11 === void 0 ? void 0 : _returnpolicyobj11.policypagename_en : (_returnpolicyobj12 = returnpolicyobj('Shipping Policy')) === null || _returnpolicyobj12 === void 0 ? void 0 : _returnpolicyobj12.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"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__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' ? (_returnpolicyobj13 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj13 === void 0 ? void 0 : _returnpolicyobj13.policypagename_en : (_returnpolicyobj14 = returnpolicyobj('Refund Policy')) === null || _returnpolicyobj14 === void 0 ? void 0 : _returnpolicyobj14.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"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__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' ? (_returnpolicyobj15 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj15 === void 0 ? void 0 : _returnpolicyobj15.policypagename_en : (_returnpolicyobj16 = returnpolicyobj('Terms & Conditions')) === null || _returnpolicyobj16 === void 0 ? void 0 : _returnpolicyobj16.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
+    }
+  }))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Ordershistory);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+  }, 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 pl-3 pr-3"
+  }, /*#__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", {
+    className: "row m-0 w-100 pl-3 pr-3 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 ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Login);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "userbtn_resp mx-2"
+  }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), 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 ',
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.accountinfo);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement(BiUser.BiUser, null)), /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
+  }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("button", {
     "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
     onClick: function onClick() {
@@ -19985,41 +20391,249 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: '#000',
       fontSize: 16
     }
-  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-12 d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("button", {
-    style: {
-      width: 40,
-      height: 40,
-      position: 'absolute',
-      top: 10,
-      right: 10,
-      zIndex: 10000
-    },
-    "class": "allcentered",
-    onClick: function onClick() {
-      setopenSearch(false);
-      setSearchHeaderInputContext('');
+  }, lang.logout))))), activeTab == 'categories' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' row m-0 w-100 accordionContainer anim'
+  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery2 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery2 === void 0 || (_fetchCategoriesQuery2 = _fetchCategoriesQuery2.data) === null || _fetchCategoriesQuery2 === void 0 ? void 0 : _fetchCategoriesQuery2.categories.map(function (item, index) {
+    if (item.isshowntocustomers == 1) {
+      var _fetchCategoriesQuery3, _fetchCategoriesQuery4;
+      return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+        uuid: index
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
+        onClick: function onClick() {
+          setChoosenindex(index);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' row m-0 p-0 mb-2 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' row m-0 w-100 px-3 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-10  p-0 text-start"
+        // onClick={() => {
+        //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+        // }}
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+        if (state.expanded == true) {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        } else {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        }
+      }))), /*#__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
+        }
+      }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+        className: "p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+        allowMultipleExpanded: true,
+        allowZeroExpanded: true
+      }, Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery3 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.data) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.categories[Choosenindex]) === null || _fetchCategoriesQuery3 === void 0 || (_fetchCategoriesQuery3 = _fetchCategoriesQuery3.parentcolletions) === null || _fetchCategoriesQuery3 === void 0 ? void 0 : _fetchCategoriesQuery3.length) != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories[Choosenindex]) === null || _fetchCategoriesQuery4 === void 0 ? void 0 : _fetchCategoriesQuery4.parentcolletions.map(function (pitem, pindex) {
+        if (pitem.isshowntocustomers == 1) {
+          return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+            uuid: pindex
+          }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' row m-0 p-0 mb-2 '
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' row m-0 w-100 px-4 '
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-10  p-0 text-start",
+            onClick: function onClick() {
+              // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+          }, langdetect == 'en' ? pitem.title_en : pitem.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+          }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+            if (state.expanded == true) {
+              return /*#__PURE__*/React__default["default"].createElement("i", {
+                className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+              }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
+                style: {
+                  color: '#000',
+                  fontSize: 15
+                }
+              }));
+            } else {
+              return /*#__PURE__*/React__default["default"].createElement("i", {
+                className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+              }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
+                style: {
+                  color: '#000',
+                  fontSize: 15
+                }
+              }));
+            }
+          }))), /*#__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
+            }
+          }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+            className: "p-0"
+          }, pitem.collections.length != 0 && pitem.collections.map(function (collitem, collindex) {
+            if (collitem.isshowntocustomers == 1) {
+              return /*#__PURE__*/React__default["default"].createElement("div", {
+                className: ' row m-0 p-0 mb-2 '
+              }, /*#__PURE__*/React__default["default"].createElement("div", {
+                className: ' row m-0 w-100 px-5 '
+              }, /*#__PURE__*/React__default["default"].createElement("div", {
+                className: "col-10 p-0 text-start",
+                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
+                }
+              })));
+            }
+          })));
+        }
+      }))))));
     }
-  }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
-    style: {
-      fontSize: 20,
-      color: '#000'
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, pcollarray.map(function (item, index) {
+    if (item.isshowntocustomers == 1) {
+      var _item$collections;
+      return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+        uuid: index
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, {
+        onClick: function onClick() {
+          setChoosenindex(index);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' row m-0 p-0 mb-2 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' row m-0 w-100 px-3 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-10  p-0 text-start"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+        if (state.expanded == true) {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        } else {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        }
+      }))), /*#__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
+        }
+      }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+        className: "p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+      }, Choosenindex.length != 0 && (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && (item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (collitem, collindex) {
+        if (collitem.isshowntocustomers == 1) {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": "col-lg-12 p-0"
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' row m-0 p-0 mb-2 '
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: ' row m-0 w-100 px-5 '
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "col-10 p-0 text-start",
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+              setopenCnvas(false);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: ' mb-0 p-0 ',
+            style: {
+              color: sectionproperties.collectionsectiontextcolor,
+              fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
+              textTransform: sectionproperties.collectionsectiontexttransform,
+              fontWeight: sectionproperties.collectionsectiontextfontweight,
+              transition: '.3s'
+            }
+          }, 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
+            }
+          }))));
+        }
+      })))));
     }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.searchbarcont
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "text",
-    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
-    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
-    onChange: function onChange(event) {
-      setSearchHeaderInputContext(event.target.value);
+  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.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
+        }
+      })));
     }
-  }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
-    sectionpropertiesprops: sectionproperties,
-    srcfromprops: 'fullheader',
-    actions: actions
-  })))));
+  })))))));
 };
 
 function ownKeys$1U(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; }
@@ -20438,7 +21052,15 @@ var ElegantHeader = function ElegantHeader(props) {
     style: {
       minWidth: '200px'
     }
-  }, templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.accountinfo);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' allcenetered m-0 p-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": ' allcenetered m-0 p-0 '
+  }, langdetect == 'en' ? 'My Account' : 'حسابى'))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null), templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
     onClick: function onClick() {
       routingcountext(StaticPagesLinksContext.Ordershistory);
     }
@@ -20608,6 +21230,9 @@ var ElegantHeader = function ElegantHeader(props) {
   }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
   }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
     show: openSideNav,
     onHide: function onHide() {
@@ -26524,7 +27149,13 @@ var Header8 = function Header8(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  })), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber),
     target: '_self',
     style: {
@@ -42853,7 +43484,7 @@ var ModernFooter = function ModernFooter(props) {
 function ownKeys$1n(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$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
-  var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i16;
+  var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16, _authdetailsContext$i18;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -42894,6 +43525,11 @@ var Newsletterfooter = function Newsletterfooter(props) {
     return policyobj;
   };
   var footerStyles = (_footerStyles = {
+    divider: glamor.css({
+      height: '1px',
+      width: '100%',
+      backgroundColor: sectionproperties.vl_bg
+    }),
     payimgcont: glamor.css({
       marginLeft: '10px',
       marginRight: '10px'
@@ -42927,7 +43563,6 @@ var Newsletterfooter = function Newsletterfooter(props) {
     textStyles: glamor.css({
       fontSize: sectionproperties.footerinfotext_fontsize + 'px',
       color: sectionproperties.footerinfotext_color,
-      textTransform: sectionproperties.footerinfotext_textTransform,
       fontWeight: sectionproperties.footerinfotext_fontweight
     }),
     logoStyles: glamor.css({
@@ -43165,6 +43800,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-3 col-md-12 d-flex justify-content-start justify-content-md-start"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex justify-content-start justify-content-md-start"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start justify-content-md-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(footerStyles.logoStyles) + ' cursor-pointer ',
     onClick: function onClick() {
@@ -43181,6 +43820,10 @@ var Newsletterfooter = function Newsletterfooter(props) {
     },
     loading: "lazy"
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex justify-content-start justify-content-md-start"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    className: "".concat(footerStyles.textStyles) + ' wordbreak wordbreak3 text-center p-0 mb-4 '
+  }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.description_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.description_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 d-none d-md-block my-3"
   }, /*#__PURE__*/React__default["default"].createElement("hr", {
     "class": "m-0 p-0"
@@ -43257,65 +43900,65 @@ var Newsletterfooter = function Newsletterfooter(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent3 : sectionproperties.sectionTitleContent_ar3)), sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent3 : sectionproperties.sectionTitleContent_ar3)), sectionproperties.fbbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.facebook_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i3;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink) != null) {
-        var _authdetailsContext$i4;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink, '_blank');
+      var _authdetailsContext$i5;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink) != null) {
+        var _authdetailsContext$i6;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.facebooklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaFacebook.FaFacebook, {
     size: sectionproperties.facebkbtnniconfontsize
-  })), 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("p", {
+  })), sectionproperties.instbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
-        var _authdetailsContext$i7;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
+      var _authdetailsContext$i8;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instagramlink) != null) {
+        var _authdetailsContext$i9;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instagramlink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillInstagram.AiFillInstagram, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i9;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.youtubelink) != null) {
-        var _authdetailsContext$i10;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.youtubelink, '_blank');
+      var _authdetailsContext$i11;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.youtubelink) != null) {
+        var _authdetailsContext$i12;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.youtubelink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.AiFillYoutube, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.tiktoklink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i12;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.tiktoklink) != null) {
-        var _authdetailsContext$i13;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.tiktoklink, '_blank');
+      var _authdetailsContext$i14;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.tiktoklink) != null) {
+        var _authdetailsContext$i15;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.tiktoklink, '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(IoLogoTiktok.IoLogoTiktok, {
     size: sectionproperties.instgrambtniconfontsize
-  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.linkedinlink) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.instgram_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i15;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.linkedinlink, '_blank');
+      var _authdetailsContext$i17;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.linkedinlink, '_blank');
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaLinkedinIn.FaLinkedinIn, {
     size: sectionproperties.instgrambtniconfontsize
-  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
+  })), sectionproperties.youtbtn_show == 'Show' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber) != null && /*#__PURE__*/React__default["default"].createElement("p", {
     "class": footerStyles.youtube_btn + ' m-0 p-0 allcentered mx-2 ',
     onClick: function onClick() {
-      var _authdetailsContext$i17;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.whatsappnumber) != null) {
-        var _authdetailsContext$i18;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i18 = authdetailsContext.instinfo) === null || _authdetailsContext$i18 === void 0 ? void 0 : _authdetailsContext$i18.whatsappnumber), '_blank');
+      var _authdetailsContext$i19;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.whatsappnumber) != null) {
+        var _authdetailsContext$i20;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.whatsappnumber), '_blank');
       }
     }
   }, /*#__PURE__*/React__default["default"].createElement(FaWhatsapp.FaWhatsapp, {
@@ -43335,15 +43978,15 @@ var Newsletterfooter = function Newsletterfooter(props) {
     "class": langdetect == 'en' ? "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer mr-2 ' : "".concat(footerStyles.apptore) + ' d-flex justify-content-center align-items-center cursor-pointer ml-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/appstore.png',
     onClick: function onClick() {
-      var _authdetailsContext$i19;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i19 = authdetailsContext.instinfo) === null || _authdetailsContext$i19 === void 0 ? void 0 : _authdetailsContext$i19.mobileapplink_appstore, '_blank');
+      var _authdetailsContext$i21;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i21 = authdetailsContext.instinfo) === null || _authdetailsContext$i21 === void 0 ? void 0 : _authdetailsContext$i21.mobileapplink_appstore, '_blank');
     }
   }), /*#__PURE__*/React__default["default"].createElement("img", {
     "class": "".concat(footerStyles.googleplay) + ' d-flex justify-content-center align-items-center cursor-pointer mx-2 ',
     src: 'https://tabex-co.com/storage/StaticImages/googleplay.png',
     onClick: function onClick() {
-      var _authdetailsContext$i20;
-      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i20 = authdetailsContext.instinfo) === null || _authdetailsContext$i20 === void 0 ? void 0 : _authdetailsContext$i20.mobileapplink_playstore, '_blank');
+      var _authdetailsContext$i22;
+      window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i22 = authdetailsContext.instinfo) === null || _authdetailsContext$i22 === void 0 ? void 0 : _authdetailsContext$i22.mobileapplink_playstore, '_blank');
     }
   })))), sectionproperties.showpaymentfooter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0  d-block my-3"