tabexseriescomponents 0.0.394 → 0.0.396

package/dist/index.umd.js

@@ -17244,7 +17244,7 @@
         })
       };
       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',
@@ -19163,7 +19163,7 @@
     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;
@@ -19180,16 +19180,16 @@
       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],
@@ -19210,7 +19210,7 @@
       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],
@@ -19439,6 +19439,51 @@
           }
         }, (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", {
@@ -19458,27 +19503,28 @@
         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'
@@ -19502,10 +19548,15 @@
           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, {
@@ -19527,46 +19578,7 @@
           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 ',
@@ -19851,110 +19863,690 @@
         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'
@@ -20123,7 +20715,13 @@
         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: {
@@ -20434,6 +21032,9 @@
       }), 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() {