tabexseriescomponents 0.0.394 → 0.0.396

package/dist/index.cjs.js

@@ -17412,7 +17412,7 @@ var MarqueeHeader = function MarqueeHeader(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 px-0 d-flex align-items-center px-md-4",
+    "class": "col-lg-12 px-0 d-flex align-items-center",
     style: {
       background: templateproperties_context.textsliderbgcolor,
       paddingTop: templateproperties_context.paddinghorizontal + 'px',
@@ -19331,7 +19331,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 +19348,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 +19378,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 +19607,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 +19671,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 +19716,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 +19746,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 ',
@@ -20019,110 +20031,690 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     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; }
-function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var ElegantHeader = function ElegantHeader(props) {
-  var _authdetailsContext$i, _authdetailsContext$i3, _textarray$, _textarray$2, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i5, _authdetailsContext$i6;
-  var _useState = React.useState(''),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    sectionproperties = _useState2[0],
-    setsectionproperties = _useState2[1];
-  var LogoutMutationContext = props.actions.LogoutMutationContext;
-  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
-  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
-  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
-  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  var lang = props.actions.lang;
-  var langdetect = props.actions.langdetect;
-  var setlang = props.actions.setlang;
-  var templatepropcontext = props.actions.templatepropcontext;
-  var authdetailsContext = props.actions.authdetailsContext;
-  var templateproperties_context = props.actions.templateproperties_context;
-  var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
-  var routingcountext = props.actions.routingcountext;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var ikimagecredcontext = props.actions.ikimagecredcontext;
-  var actions = props.actions;
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    textarray = _useState6[0],
-    settextarray = _useState6[1];
-  var _useState7 = React.useState(false),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    openSideNav = _useState8[0],
-    setopenSideNav = _useState8[1];
-  var _useState9 = React.useState(false),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2),
-    openSearchBar = _useState10[0],
-    setopenSearchBar = _useState10[1];
-  React.useEffect(function () {
-    var secpropobj = {};
-    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
-      if (sectionitem.sectionid == props.sectionidprops) {
-        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
-          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
-        });
-      }
-    });
-    if (Object.keys(secpropobj).length === 0) {
-      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
-        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
-      });
+  }))), 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);
     }
-    setsectionproperties(_objectSpread$1U({}, secpropobj));
-  }, [StatePagePropertiesContext]);
-  React.useEffect(function () {
-    if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
-      var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
-      if (Array.isArray(logoarrayofobjectsparsed)) {
-        setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
-      }
+  }, /*#__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);
     }
-  }, [templateproperties_context]);
-  React.useEffect(function () {
-    if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
-      var textarrayparsed = JSON.parse(sectionproperties.txtArray);
-      if (Array.isArray(textarrayparsed)) {
-        settextarray(_toConsumableArray__default["default"](textarrayparsed));
-      }
+  }, /*#__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'
     }
-  }, [sectionproperties]);
-  var header_cssstyles = {
-    upperheadersection: glamor.css({
-      backgroundColor: sectionproperties.uppersection_bgcolor,
-      paddingBottom: '5px',
-      paddingTop: '5px',
-      paddingLeft: sectionproperties.upperheaderpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.upperheaderpaddinghorizontal + 'px'
-    }),
-    storeinfotext: glamor.css({
-      fontSize: sectionproperties.footerinfotext_fontsize + 'px',
-      color: sectionproperties.footerinfotext_color,
-      fontWeight: sectionproperties.footerinfotext_fontweight,
-      ':hover': {
-        transition: '.3s',
-        color: sectionproperties.footerinfotext_coloronhover
-      }
-    }),
-    textSlider: glamor.css({
-      fontSize: sectionproperties.textsliderfontsize + 'px',
-      color: sectionproperties.textsliderfontcolor,
-      fontWeight: sectionproperties.textsliderfontweight
-    }),
-    lowerheadersection: glamor.css({
-      background: sectionproperties.header_backgroundColor,
-      paddingLeft: sectionproperties.header_paddinghorizontal + 'px',
-      paddingRight: sectionproperties.header_paddinghorizontal + 'px',
-      paddingTop: sectionproperties.header_paddingTop + 'px',
-      paddingBottom: sectionproperties.header_paddingBottom + 'px'
-    }),
+  }, /*#__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() {
+      LogoutMutationContext.mutate();
+      setmenuactive(false);
+    },
+    style: {
+      width: '90%',
+      height: 40,
+      background: 'white',
+      color: '#000',
+      fontSize: 16
+    }
+  }, 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
+                }
+              })));
+            }
+          })));
+        }
+      }))))));
+    }
+  })), 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
+            }
+          }))));
+        }
+      })))));
+    }
+  })), 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
+        }
+      })));
+    }
+  })))))));
+};
+
+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; }
+function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var ElegantHeader = function ElegantHeader(props) {
+  var _authdetailsContext$i, _authdetailsContext$i3, _textarray$, _textarray$2, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i5, _authdetailsContext$i6;
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var LogoutMutationContext = props.actions.LogoutMutationContext;
+  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
+  var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
+  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
+  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  var lang = props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var setlang = props.actions.setlang;
+  var templatepropcontext = props.actions.templatepropcontext;
+  var authdetailsContext = props.actions.authdetailsContext;
+  var templateproperties_context = props.actions.templateproperties_context;
+  var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
+  var routingcountext = props.actions.routingcountext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var actions = props.actions;
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    logoarrayofobjects = _useState4[0],
+    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    textarray = _useState6[0],
+    settextarray = _useState6[1];
+  var _useState7 = React.useState(false),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    openSideNav = _useState8[0],
+    setopenSideNav = _useState8[1];
+  var _useState9 = React.useState(false),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    openSearchBar = _useState10[0],
+    setopenSearchBar = _useState10[1];
+  React.useEffect(function () {
+    var secpropobj = {};
+    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+      if (sectionitem.sectionid == props.sectionidprops) {
+        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+        });
+      }
+    });
+    if (Object.keys(secpropobj).length === 0) {
+      props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
+        secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
+      });
+    }
+    setsectionproperties(_objectSpread$1U({}, secpropobj));
+  }, [StatePagePropertiesContext]);
+  React.useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
+      var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
+      if (Array.isArray(logoarrayofobjectsparsed)) {
+        setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
+      }
+    }
+  }, [templateproperties_context]);
+  React.useEffect(function () {
+    if (sectionproperties.length != 0 && sectionproperties.txtArray != undefined) {
+      var textarrayparsed = JSON.parse(sectionproperties.txtArray);
+      if (Array.isArray(textarrayparsed)) {
+        settextarray(_toConsumableArray__default["default"](textarrayparsed));
+      }
+    }
+  }, [sectionproperties]);
+  var header_cssstyles = {
+    upperheadersection: glamor.css({
+      backgroundColor: sectionproperties.uppersection_bgcolor,
+      paddingBottom: '5px',
+      paddingTop: '5px',
+      paddingLeft: sectionproperties.upperheaderpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.upperheaderpaddinghorizontal + 'px'
+    }),
+    storeinfotext: glamor.css({
+      fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+      color: sectionproperties.footerinfotext_color,
+      fontWeight: sectionproperties.footerinfotext_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.footerinfotext_coloronhover
+      }
+    }),
+    textSlider: glamor.css({
+      fontSize: sectionproperties.textsliderfontsize + 'px',
+      color: sectionproperties.textsliderfontcolor,
+      fontWeight: sectionproperties.textsliderfontweight
+    }),
+    lowerheadersection: glamor.css({
+      background: sectionproperties.header_backgroundColor,
+      paddingLeft: sectionproperties.header_paddinghorizontal + 'px',
+      paddingRight: sectionproperties.header_paddinghorizontal + 'px',
+      paddingTop: sectionproperties.header_paddingTop + 'px',
+      paddingBottom: sectionproperties.header_paddingBottom + 'px'
+    }),
     header_logo: glamor.css({
       width: templateproperties_context.logo_width + 'px',
       height: templateproperties_context.logo_height + 'px'
@@ -20291,7 +20883,13 @@ var ElegantHeader = function ElegantHeader(props) {
     style: {
       position: 'relative'
     }
-  }, sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-none d-md-block"
+  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  })), sectionproperties.showwhatsapp == 'Show' && /*#__PURE__*/React__default["default"].createElement("a", {
     href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
     target: '_blank',
     style: {
@@ -20602,6 +21200,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() {