tabexseriescomponents 0.0.395 → 0.0.396

package/dist/index.esm.js

@@ -19282,7 +19282,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(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;
@@ -19299,16 +19299,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 = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
     setsectionproperties = _useState2[1];
   var _useState3 = useState(''),
-    _useState4 = _slicedToArray(_useState3, 2);
-    _useState4[0];
-    _useState4[1];
+    _useState4 = _slicedToArray(_useState3, 2),
+    Choosenindex = _useState4[0],
+    setChoosenindex = _useState4[1];
   var _useState5 = useState(false),
     _useState6 = _slicedToArray(_useState5, 2),
     menuactive = _useState6[0],
@@ -19329,7 +19329,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var _useState11 = useState(false),
     _useState12 = _slicedToArray(_useState11, 2);
     _useState12[0];
-    _useState12[1];
+    var setopenCnvas = _useState12[1];
   var _useState13 = useState(''),
     _useState14 = _slicedToArray(_useState13, 2),
     activeTab = _useState14[0],
@@ -19558,6 +19558,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 = useState(false),
+    _useState16 = _slicedToArray(_useState15, 2),
+    openmenuCanvas = _useState16[0],
+    setopenmenuCanvas = _useState16[1];
+  var _useState17 = useState([]),
+    _useState18 = _slicedToArray(_useState17, 2),
+    pcollarray = _useState18[0],
+    setpcollarray = _useState18[1];
+  useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess == true && fetchCategoriesQueryContext.data.data.status == true) {
+      var _fetchCategoriesQuery;
+      var temppcollarray = _toConsumableArray(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(temppcollarray));
+    }
+    // alert(JSON.stringify(pcollarray));
+  }, [fetchCategoriesQueryContext.isSuccess]);
+  var InstLogoContainer = function InstLogoContainer() {
+    var _logoarrayofobjects$, _logoarrayofobjects$2;
+    return /*#__PURE__*/React.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.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.createElement("div", {
     className: "row m-0 w-100"
   }, sectionproperties.length != 0 && /*#__PURE__*/React.createElement("div", {
@@ -19577,27 +19622,28 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     style: {
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
-  }, /*#__PURE__*/React.createElement("div", {
-    className: header_cssstyles.header_logo + ' d-flex align-items-center justify-content-start ',
+  }, sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React.createElement("div", {
+    className: "col-md-4 col-sm-4 text-start p-0"
+  }, sectionproperties.searchbar_show == 'Show' && /*#__PURE__*/React.createElement("div", {
     style: {
-      cursor: 'pointer'
-    },
-    onClick: function onClick() {
-      routingcountext('home');
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
     }
-  }, /*#__PURE__*/React.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.createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
     }
-  }))), /*#__PURE__*/React.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.createElement("div", {
+  }, /*#__PURE__*/React.createElement(IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  })))), sectionproperties.logocentered == 'Not Centered' && /*#__PURE__*/React.createElement("div", {
+    className: "col-md-6 col-sm-6 d-flex filter align-items-center p-0"
+  }, InstLogoContainer()), sectionproperties.logocentered == 'Centered' && /*#__PURE__*/React.createElement("div", {
+    className: "col-md-4 col-sm-4 allcentered p-0"
+  }, InstLogoContainer()), /*#__PURE__*/React.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.createElement("div", {
     style: {
       width: '30px',
       height: sectionproperties.cart_BtnHeight_resp + 'px'
@@ -19621,10 +19667,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.createElement(FiMenu, {
@@ -19646,46 +19697,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       zIndex: 10000,
       overflow: 'scroll'
     }
-  }, sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 mb-5",
-    style: {
-      borderBottom: '1px solid #eee'
-    }
   }, /*#__PURE__*/React.createElement("div", {
-    className: 'col-6 allcentered py-3',
-    onClick: function onClick() {
-      setactiveTab('menu');
-    },
-    style: {
-      background: activeTab == 'menu' ? 'white' : '#eee'
-    }
-  }, /*#__PURE__*/React.createElement("p", {
-    className: "m-0 p-0",
-    style: {
-      textTransform: 'uppercase',
-      fontWeight: 500,
-      fontSize: '15px',
-      transition: '.3s',
-      color: '#000'
-    }
-  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React.createElement("div", {
-    className: 'col-6 allcentered py-3',
-    onClick: function onClick() {
-      setactiveTab('categories');
-    },
-    style: {
-      background: activeTab == 'categories' ? 'white' : '#eee'
-    }
-  }, /*#__PURE__*/React.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.createElement("div", {
     "class": "col-lg-12 text-end anim"
   }, /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 allcentered ',
@@ -19900,7 +19912,379 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: sectionproperties.language_container_color_resp
     }
   }, "\u0644\u063A\u0629 \u0639\u0631\u0628\u064A\u0629"))))), sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 mt-5"
+    "class": "row m-0 w-100 mt-5"
+  }, !authdetailsContext.loggedin && /*#__PURE__*/React.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.createElement("i", {
+    "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
+  }, /*#__PURE__*/React.createElement(BiUser, null)), /*#__PURE__*/React.createElement("span", {
+    "class": "userbtn_resp mx-2"
+  }, langdetect == 'en' ? 'Login/Register' : 'تسجيل دخول/إنشاء حساب')), authdetailsContext.loggedin && /*#__PURE__*/React.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.createElement("i", {
+    "class": "".concat(header_cssstyles.userbtnLoggedin_icon) + ' h-100 allcentered userbtn_resp m-0 p-0 p-0 '
+  }, /*#__PURE__*/React.createElement(BiUser, null)), /*#__PURE__*/React.createElement("span", {
+    "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
+  }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100 mt-5 allcentered anim"
+  }, /*#__PURE__*/React.createElement("button", {
+    "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
+    onClick: function onClick() {
+      LogoutMutationContext.mutate();
+      setmenuactive(false);
+    },
+    style: {
+      width: '90%',
+      height: 40,
+      background: 'white',
+      color: '#000',
+      fontSize: 16
+    }
+  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("button", {
+    style: {
+      width: 40,
+      height: 40,
+      position: 'absolute',
+      top: 10,
+      right: 10,
+      zIndex: 10000
+    },
+    "class": "allcentered",
+    onClick: function onClick() {
+      setopenSearch(false);
+      setSearchHeaderInputContext('');
+    }
+  }, /*#__PURE__*/React.createElement(IoClose, {
+    style: {
+      fontSize: 20,
+      color: '#000'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.searchbarcont
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
+    onChange: function onChange(event) {
+      setSearchHeaderInputContext(event.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Searchlist$1, {
+    sectionpropertiesprops: sectionproperties,
+    srcfromprops: 'fullheader',
+    actions: actions
+  }))), sectionproperties.length != 0 && sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(Offcanvas, {
+    show: openmenuCanvas,
+    onHide: function onHide() {
+      setopenmenuCanvas(false);
+    },
+    placement: langdetect == 'en' ? 'start' : 'end',
+    scroll: true,
+    style: {
+      width: '90%',
+      backgroundColor: 'white'
+    },
+    backdrop: true
+  }, /*#__PURE__*/React.createElement(Offcanvas.Header, null, /*#__PURE__*/React.createElement(Offcanvas.Title, null, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      right: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      setopenmenuCanvas(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": "allcentered",
+    style: {
+      position: 'absolute',
+      left: -34,
+      top: 5,
+      width: 30,
+      height: 30,
+      background: '#000'
+    },
+    onClick: function onClick() {
+      setopenCnvas(false);
+    }
+  }, /*#__PURE__*/React.createElement(IoMdClose, {
+    color: '#fff',
+    size: 16
+  })), /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 mb-5",
+    style: {
+      borderBottom: '1px solid #eee'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: 'col-6 allcentered py-3',
+    onClick: function onClick() {
+      setactiveTab('menu');
+    },
+    style: {
+      background: activeTab == 'menu' ? 'white' : '#eee'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      textTransform: 'uppercase',
+      fontWeight: 500,
+      fontSize: '15px',
+      transition: '.3s',
+      color: '#000'
+    }
+  }, langdetect == 'en' ? 'MENU' : 'القائمة')), /*#__PURE__*/React.createElement("div", {
+    className: 'col-6 allcentered py-3',
+    onClick: function onClick() {
+      setactiveTab('categories');
+    },
+    style: {
+      background: activeTab == 'categories' ? 'white' : '#eee'
+    }
+  }, /*#__PURE__*/React.createElement("p", {
+    className: "m-0 p-0",
+    style: {
+      textTransform: 'uppercase',
+      fontWeight: 500,
+      fontSize: '15px',
+      transition: '.3s',
+      color: '#000'
+    }
+  }, langdetect == 'en' ? 'SHOP' : 'تسوق'))))), /*#__PURE__*/React.createElement(Offcanvas.Body, null, activeTab == 'menu' && /*#__PURE__*/React.createElement("div", {
+    className: ' row m-0 w-100 anim '
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.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.createElement("div", {
+        className: "row m-0 w-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 d-flex justify-content-start pl-3 pr-3",
+        style: {
+          paddingTop: index == 0 ? 5 : 0
+        }
+      }, /*#__PURE__*/React.createElement("div", {
+        onClick: function onClick() {
+          routingcountext(item.navigationroute, false, '');
+          setopenCnvas(false);
+        }
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.pagename : item.pagename_ar))), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React.createElement("hr", {
+        className: "mt-4 mb-4",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      })));
+    }
+  }), authdetailsContext.loggedin == true && sectionproperties.ShowUserBtn == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.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.createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
+  }, lang.orderhistory)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-4 mb-4",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.showfavorites == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.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.createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
+  }, lang.wishlist)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-4 mb-4",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'No' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.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.createElement("p", {
+    className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 d-flex justify-content-start '
+  }, lang.policies)), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-4 mb-4",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.PrivacyPolicy);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.ShippingPolicy);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.RefundPolicy);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), templateproperties_context.separatepolicies == 'Yes' && templateproperties_context.showpolicies == 'Yes' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.TermsConditions);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), authdetailsContext.loggedin == true && templateproperties_context.showprevorder == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-12 pl-0 pr-0 d-flex justify-content-start pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.Ordershistory);
+      setmenuactive(false);
+    }
+  }, /*#__PURE__*/React.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.createElement("div", {
+    className: "col-lg-12 p-0"
+  }, /*#__PURE__*/React.createElement("hr", {
+    className: "mt-3 mb-3",
+    style: {
+      borderColor: sectionproperties.resp_header_separatorbg
+    }
+  }))), sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 pl-3 pr-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.navbarItem + ' col-lg-12 p-0 d-flex align-items-center justify-content-start mb-2  ',
+    style: {}
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "".concat(header_cssstyles.navbar_item_text_responsive) + ' m-0 p-0 ',
+    style: {
+      cursor: 'default'
+    }
+  }, langdetect == 'en' ? 'Language' : 'اللغة')), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start my-1"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100",
+    style: {
+      background: sectionproperties.langcontainerbgresp,
+      borderRadius: 5
+    }
+  }, /*#__PURE__*/React.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.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.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.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.createElement("div", {
+    className: "row m-0 w-100 pl-3 pr-3 mt-5"
   }, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement("button", {
     "class": "".concat(header_cssstyles.userbtn_respContainer) + ' anim d-flex align-items-center justify-content-start p-0 m-0 ',
     onClick: function onClick() {
@@ -19922,7 +20306,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }, /*#__PURE__*/React.createElement(BiUser, null)), /*#__PURE__*/React.createElement("span", {
     "class": header_cssstyles.loggedintext + ' text-start text-overflow d-block loggedintext mx-2 '
   }, authdetailsContext.customerinfo.name))), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
-    "class": "row m-0 w-100 mt-5 allcentered anim"
+    className: "row m-0 w-100"
   }, /*#__PURE__*/React.createElement("button", {
     "class": ' d-flex align-items-center justify-content-center p-0 m-0 ',
     onClick: function onClick() {
@@ -19936,41 +20320,249 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: '#000',
       fontSize: 16
     }
-  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("div", {
-    "class": "col-12 d-flex align-items-center"
-  }, /*#__PURE__*/React.createElement("button", {
-    style: {
-      width: 40,
-      height: 40,
-      position: 'absolute',
-      top: 10,
-      right: 10,
-      zIndex: 10000
-    },
-    "class": "allcentered",
-    onClick: function onClick() {
-      setopenSearch(false);
-      setSearchHeaderInputContext('');
+  }, lang.logout))))), activeTab == 'categories' && /*#__PURE__*/React.createElement("div", {
+    className: ' row m-0 w-100 accordionContainer anim'
+  }, sectionproperties.subheaderParentType == 'Categories' && /*#__PURE__*/React.createElement(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.createElement(AccordionItem, {
+        uuid: index
+      }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
+        onClick: function onClick() {
+          setChoosenindex(index);
+        }
+      }, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 p-0 mb-2 '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 w-100 px-3 '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-10  p-0 text-start"
+        // onClick={() => {
+        //     routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+        // }}
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+      }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+        if (state.expanded == true) {
+          return /*#__PURE__*/React.createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React.createElement(FiChevronDown, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        } else {
+          return /*#__PURE__*/React.createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React.createElement(FiChevronUp, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        }
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React.createElement("hr", {
+        className: "mt-4 mb-4",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+        className: "p-0"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+      }, /*#__PURE__*/React.createElement(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.createElement(AccordionItem, {
+            uuid: pindex
+          }, /*#__PURE__*/React.createElement(AccordionItemHeading, null, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+            className: ' row m-0 p-0 mb-2 '
+          }, /*#__PURE__*/React.createElement("div", {
+            className: ' row m-0 w-100 px-4 '
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "col-10  p-0 text-start",
+            onClick: function onClick() {
+              // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+            }
+          }, /*#__PURE__*/React.createElement("p", {
+            className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+          }, langdetect == 'en' ? pitem.title_en : pitem.title_ar)), /*#__PURE__*/React.createElement("div", {
+            className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+          }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+            if (state.expanded == true) {
+              return /*#__PURE__*/React.createElement("i", {
+                className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+              }, /*#__PURE__*/React.createElement(FiChevronDown, {
+                style: {
+                  color: '#000',
+                  fontSize: 15
+                }
+              }));
+            } else {
+              return /*#__PURE__*/React.createElement("i", {
+                className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+              }, /*#__PURE__*/React.createElement(FiChevronUp, {
+                style: {
+                  color: '#000',
+                  fontSize: 15
+                }
+              }));
+            }
+          }))), /*#__PURE__*/React.createElement("div", {
+            className: "col-lg-12 p-0"
+          }, /*#__PURE__*/React.createElement("hr", {
+            className: "mt-4 mb-4",
+            style: {
+              borderColor: sectionproperties.resp_header_separatorbg
+            }
+          }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+            className: "p-0"
+          }, pitem.collections.length != 0 && pitem.collections.map(function (collitem, collindex) {
+            if (collitem.isshowntocustomers == 1) {
+              return /*#__PURE__*/React.createElement("div", {
+                className: ' row m-0 p-0 mb-2 '
+              }, /*#__PURE__*/React.createElement("div", {
+                className: ' row m-0 w-100 px-5 '
+              }, /*#__PURE__*/React.createElement("div", {
+                className: "col-10 p-0 text-start",
+                onClick: function onClick() {
+                  routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+                  setopenCnvas(false);
+                }
+              }, /*#__PURE__*/React.createElement("p", {
+                className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+              }, langdetect == 'en' ? collitem.title_en : collitem.title_ar))), /*#__PURE__*/React.createElement("div", {
+                className: "col-lg-12 p-0"
+              }, /*#__PURE__*/React.createElement("hr", {
+                className: "mt-4 mb-4",
+                style: {
+                  borderColor: sectionproperties.resp_header_separatorbg
+                }
+              })));
+            }
+          })));
+        }
+      }))))));
     }
-  }, /*#__PURE__*/React.createElement(IoClose, {
-    style: {
-      fontSize: 20,
-      color: '#000'
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && /*#__PURE__*/React.createElement(Accordion, {
+    allowMultipleExpanded: true,
+    allowZeroExpanded: true
+  }, pcollarray.map(function (item, index) {
+    if (item.isshowntocustomers == 1) {
+      var _item$collections;
+      return /*#__PURE__*/React.createElement(AccordionItem, {
+        uuid: index
+      }, /*#__PURE__*/React.createElement(AccordionItemHeading, {
+        onClick: function onClick() {
+          setChoosenindex(index);
+        }
+      }, /*#__PURE__*/React.createElement(AccordionItemButton, null, /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 p-0 mb-2 '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 w-100 px-3 '
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "col-10  p-0 text-start"
+      }, /*#__PURE__*/React.createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-2 col-md-2 col-sm-2 p-0 text-end"
+      }, /*#__PURE__*/React.createElement(AccordionItemState, null, function (state) {
+        if (state.expanded == true) {
+          return /*#__PURE__*/React.createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React.createElement(FiChevronDown, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        } else {
+          return /*#__PURE__*/React.createElement("i", {
+            className: ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React.createElement(FiChevronUp, {
+            style: {
+              color: '#000',
+              fontSize: 15
+            }
+          }));
+        }
+      }))), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React.createElement("hr", {
+        className: "mt-4 mb-4",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
+        className: "p-0"
+      }, /*#__PURE__*/React.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.createElement("div", {
+            "class": "col-lg-12 p-0"
+          }, /*#__PURE__*/React.createElement("div", {
+            className: ' row m-0 p-0 mb-2 '
+          }, /*#__PURE__*/React.createElement("div", {
+            className: ' row m-0 w-100 px-5 '
+          }, /*#__PURE__*/React.createElement("div", {
+            className: "col-10 p-0 text-start",
+            onClick: function onClick() {
+              routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + collitem.collectionid);
+              setopenCnvas(false);
+            }
+          }, /*#__PURE__*/React.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.createElement("div", {
+            className: "col-lg-12 p-0"
+          }, /*#__PURE__*/React.createElement("hr", {
+            className: "mt-4 mb-4",
+            style: {
+              borderColor: sectionproperties.resp_header_separatorbg
+            }
+          }))));
+        }
+      })))));
     }
-  })), /*#__PURE__*/React.createElement("div", {
-    "class": header_cssstyles.searchbarcont
-  }, /*#__PURE__*/React.createElement("input", {
-    type: "text",
-    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
-    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
-    onChange: function onChange(event) {
-      setSearchHeaderInputContext(event.target.value);
+  })), sectionproperties.subheaderParentType == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcollections) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.map(function (collitem, collindex) {
+    if (collitem.isshowntocustomers == 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        className: ' row m-0 p-0 mb-2  w-100 '
+      }, /*#__PURE__*/React.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.createElement("p", {
+        className: "".concat(header_cssstyles.navbar_item_text_responsive) + ' mb-0 p-0 '
+      }, langdetect == 'en' ? collitem.title_en : collitem.title_ar)), /*#__PURE__*/React.createElement("div", {
+        className: "col-lg-12 p-0"
+      }, /*#__PURE__*/React.createElement("hr", {
+        className: "mt-4 mb-4",
+        style: {
+          borderColor: sectionproperties.resp_header_separatorbg
+        }
+      })));
     }
-  }), /*#__PURE__*/React.createElement(Searchlist$1, {
-    sectionpropertiesprops: sectionproperties,
-    srcfromprops: 'fullheader',
-    actions: actions
-  })))));
+  })))))));
 };
 
 function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -20559,6 +21151,9 @@ var ElegantHeader = function ElegantHeader(props) {
   }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
+    sectionpropertiesprops: sectionproperties,
+    actions: actions
   }), /*#__PURE__*/React.createElement(Offcanvas, {
     show: openSideNav,
     onHide: function onHide() {