tabexseriescomponents 0.0.224 → 0.0.225

package/dist/index.cjs.js

@@ -16461,14 +16461,16 @@ var Simpleheader = function Simpleheader(props) {
 function ownKeys$1z(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread$1z(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1z(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1z(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var Header8 = function Header8(props) {
-  var _css, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _authdetailsContext$i4, _authdetailsContext$i5;
+  var _css, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i4, _authdetailsContext$i5, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9, _fetchcustomercartQue10, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i9, _authdetailsContext$i10;
+  var actions = props.actions;
+  props.actions.history;
+  var lang = props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var setlang = props.actions.setlang;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   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 fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
@@ -16476,8 +16478,6 @@ var Header8 = function Header8(props) {
   var favoriteprojectscountContext = props.actions.favoriteprojectscountContext;
   var routingcountext = props.actions.routingcountext;
   var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var actions = props.actions;
-  props.actions.history;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -16486,6 +16486,18 @@ var Header8 = function Header8(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     dropdownselect = _useState4[0],
     setdropdownselect = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
+  var _useState7 = React.useState(''),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    Choosenindex = _useState8[0],
+    setChoosenindex = _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    pcollarray = _useState10[0],
+    setpcollarray = _useState10[1];
   React.useEffect(function () {
     var _StatePagePropertiesC, _StatePagePropertiesC2;
     var secpropobj = {};
@@ -16504,6 +16516,127 @@ var Header8 = function Header8(props) {
     }
     setsectionproperties(_objectSpread$1z({}, secpropobj));
   }, [StatePagePropertiesContext]);
+  var subtotalcart = function subtotalcart() {
+    var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
+    var totalprice = 0;
+    fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.forEach(function (cartitem, cartindex) {
+      var finalprice = 0;
+      if (cartitem.productinfo.hassale == 0) {
+        finalprice = cartitem.productinfo.defaultprice;
+      } else if (cartitem.productinfo.hassale == 1) {
+        finalprice = cartitem.productinfo.defaultsaleprice;
+      }
+      totalprice = finalprice * cartitem.quantity + totalprice;
+    });
+    return totalprice;
+  };
+  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 () {
+    var _authdetailsContext$i, _authdetailsContext$i2;
+    var temppcollarray = _toConsumableArray__default["default"](pcollarray);
+    authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.forEach(function (arrayItem) {
+      var _arrayItem$parentcoll;
+      arrayItem === null || arrayItem === void 0 ? void 0 : (_arrayItem$parentcoll = arrayItem.parentcolletions) === null || _arrayItem$parentcoll === void 0 ? void 0 : _arrayItem$parentcoll.forEach(function (item) {
+        temppcollarray.push(item);
+      });
+    });
+    setpcollarray(_toConsumableArray__default["default"](temppcollarray));
+  }, []);
+  var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
+    var _fetchedarray$Choosen, _fetchedarray$Choosen2, _fetchedarray$Choosen3, _fetchedarray$Choosen4, _pcollarray$Choosenin, _pcollarray$Choosenin2, _pcollarray$Choosenin3;
+    var parentclassname = '';
+    if (sectionproperties.fetchparenttype == 'Categories') {
+      parentclassname = header_cssstyles.categoryname;
+    } else if (sectionproperties.fetchparenttype == 'Parent Collections') {
+      parentclassname = header_cssstyles.parentcollection;
+    } else {
+      parentclassname = header_cssstyles.collectionName;
+    }
+    return /*#__PURE__*/React__default["default"].createElement("li", {
+      "class": "dropdown d-flex align-items-center w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": parentclassname + ' row m-0 w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer ',
+      onMouseEnter: function onMouseEnter() {
+        setChoosenindex(index);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 wordbreak wordbreak1 ',
+      onClick: function onClick() {
+        if (sectionproperties.fetchparenttype == 'Categories') {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'categories/' + item.categoryid);
+        } else if (sectionproperties.fetchparenttype == 'Parent Collections') {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+        } else {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        }
+      }
+    }, langdetect == 'en' ? item.title_en : item.title_ar)), sectionproperties.fetchparenttype != 'Collections' && /*#__PURE__*/React__default["default"].createElement("div", {
+      className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      className: ' p-0 h-100 allcentered '
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+      size: sectionproperties.collectionsectioniconfontsize
+    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      size: sectionproperties.collectionsectioniconfontsize
+    })))), sectionproperties.fetchparenttype == 'Categories' && ((_fetchedarray$Choosen = fetchedarray[Choosenindex]) === null || _fetchedarray$Choosen === void 0 ? void 0 : (_fetchedarray$Choosen2 = _fetchedarray$Choosen.parentcolletions) === null || _fetchedarray$Choosen2 === void 0 ? void 0 : _fetchedarray$Choosen2.length) != 0 && /*#__PURE__*/React__default["default"].createElement("ul", null, (_fetchedarray$Choosen3 = fetchedarray[Choosenindex]) === null || _fetchedarray$Choosen3 === void 0 ? void 0 : (_fetchedarray$Choosen4 = _fetchedarray$Choosen3.parentcolletions) === null || _fetchedarray$Choosen4 === void 0 ? void 0 : _fetchedarray$Choosen4.map(function (item, index) {
+      var _item$collections;
+      return /*#__PURE__*/React__default["default"].createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.parentcollection + ' w-100 dropdownInnerContainer cursor-pointer ',
+        onClick: function onClick() {
+          if (sectionproperties.fetchparenttype == 'Categories') {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'parentcollections/' + item.parentcollectionid);
+          } else {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          }
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' col-lg-10 col-md-10 col-sm-10 p-0 d-flex justify-content-start align-items-center p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' m-0 p-0 wordbreak wordbreak1 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar)), (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: ' p-0 h-100 allcentered '
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }))))), (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && /*#__PURE__*/React__default["default"].createElement("ul", null, item === null || item === void 0 ? void 0 : (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement("li", {
+          "class": header_cssstyles.collectionName + ' w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer ',
+          onClick: function onClick() {
+            routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+          }
+        }, langdetect == 'en' ? item.title_en : item.title_ar);
+      })));
+    })), sectionproperties.fetchparenttype == 'Parent Collections' && ((_pcollarray$Choosenin = pcollarray[Choosenindex]) === null || _pcollarray$Choosenin === void 0 ? void 0 : _pcollarray$Choosenin.collections.length) != 0 && /*#__PURE__*/React__default["default"].createElement("ul", null, (_pcollarray$Choosenin2 = pcollarray[Choosenindex]) === null || _pcollarray$Choosenin2 === void 0 ? void 0 : (_pcollarray$Choosenin3 = _pcollarray$Choosenin2.collections) === null || _pcollarray$Choosenin3 === void 0 ? void 0 : _pcollarray$Choosenin3.map(function (item, index) {
+      return /*#__PURE__*/React__default["default"].createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.collectionName + ' w-100 dropdownInnerContainer cursor-pointer ',
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center p-0 '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": ' m-0 p-0 wordbreak wordbreak1 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar))));
+    })));
+  };
   var header_cssstyles = {
     headercontainer: glamor.css({
       position: sectionproperties.headerstyles_position,
@@ -16573,12 +16706,13 @@ var Header8 = function Header8(props) {
     }),
     searchbarcont: glamor.css({
       position: 'relative',
-      transition: '.3s',
+      width: sectionproperties.searchbarcont_width + 'px',
+      maxWidth: '100%',
       height: sectionproperties.searchbarcont_height + 'px',
       background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
-      width: sectionproperties.searchbarcont_width + 'px',
       borderRadius: sectionproperties.searchbarcont_borderRadius + 'px',
-      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor
+      border: sectionproperties.searchbarcontinput_borderwidth + 'px  solid' + sectionproperties.searchbarcontinput_bordercolor,
+      transition: '.3s'
     }),
     searchbar_icon_cont: glamor.css({
       width: sectionproperties.searchbaricon_width + 'px',
@@ -16707,20 +16841,6 @@ var Header8 = function Header8(props) {
       borderRadius: sectionproperties.badge_borderradius + 'px',
       fontSize: sectionproperties.badge_fontsize + 'px'
     }),
-    categorybtn: glamor.css({
-      background: sectionproperties.generalbtn_bgColor,
-      width: sectionproperties.generalbtn_width + 'px',
-      height: sectionproperties.generalbtn_height + 'px',
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.generalbtn_bgColoronhover
-      }
-    }),
     btntextcontainer: glamor.css({
       color: sectionproperties.generalbtn_textColor,
       fontSize: sectionproperties.generalbtn_fontsize + 'px',
@@ -16750,34 +16870,61 @@ var Header8 = function Header8(props) {
         transition: '.3s',
         color: sectionproperties.footerinfotext_coloronhover
       }
-    })
-  };
-  var subtotalcart = function subtotalcart() {
-    var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4;
-    var totalprice = 0;
-    fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : (_fetchcustomercartQue3 = _fetchcustomercartQue2.customercart) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.cartitems) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.forEach(function (cartitem, cartindex) {
-      var finalprice = 0;
-      if (cartitem.productinfo.hassale == 0) {
-        finalprice = cartitem.productinfo.defaultprice;
-      } else if (cartitem.productinfo.hassale == 1) {
-        finalprice = cartitem.productinfo.defaultsaleprice;
+    }),
+    categorybtn: glamor.css({
+      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      width: sectionproperties.generalbtn_width + 'px',
+      maxWidth: '100%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
+      },
+      ':hover .categorybtnicon': {
+        background: sectionproperties.iconcontainerbgonhover,
+        color: sectionproperties.iconcontainercoloronhover
       }
-      totalprice = finalprice * cartitem.quantity + totalprice;
-    });
-    return totalprice;
-  };
-  var _useState5 = React.useState([]),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    logoarrayofobjects = _useState6[0],
-    setlogoarrayofobjects = _useState6[1];
-  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));
+    }),
+    categoryname: glamor.css({
+      color: sectionproperties.subheader_categorytitle_fontColor,
+      fontSize: sectionproperties.subheader_categorytitle_fontSize + 'px',
+      textTransform: sectionproperties.subheader_categorytitle_textTransform,
+      fontWeight: sectionproperties.subheader_categorytitle_textfontweight,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.subheader_categorytitle_coloronhover
       }
-    }
-  }, [templateproperties_context]);
+    }),
+    parentcollection: glamor.css({
+      color: sectionproperties.subheader_collectiontitle_fontColor,
+      fontSize: sectionproperties.subheader_collectiontitle_fontSize + 'px',
+      textTransform: sectionproperties.subheader_collectiontitle_textTransform,
+      fontWeight: sectionproperties.subheader_collectiontitle_textfontweight,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.subheader_collectiontitle_coloronhover
+      }
+    }),
+    collectionName: glamor.css({
+      color: sectionproperties.collectionsectiontextcolor,
+      fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
+      textTransform: sectionproperties.collectionsectiontexttransform,
+      fontWeight: sectionproperties.collectionsectiontextfontweight,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.collectionsectiontextcoloronhover
+      }
+    })
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row w-100 ml-0 mr-0 d-flex justify-content-center",
     style: {
@@ -16803,7 +16950,7 @@ var Header8 = function Header8(props) {
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("a", {
-    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : _authdetailsContext$i.whatsappnumber),
+    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber),
     target: '_blank',
     style: {
       position: 'fixed',
@@ -16828,7 +16975,7 @@ var Header8 = function Header8(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": header_cssstyles.upperheadersection + ' row w-100 m-0 align-items-center '
+    "class": header_cssstyles.upperheadersection + ' row w-100 m-0 align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-2 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16848,7 +16995,10 @@ var Header8 = function Header8(props) {
       maxHeight: '100%'
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-4 p-0"
+    "class": sectionproperties.showfooterphonenumber == 'Show' ? 'col-xl-4 col-lg-3 p-0' : 'col-lg-6 p-0',
+    style: {
+      position: 'relative'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont,
     style: {
@@ -16870,9 +17020,9 @@ var Header8 = function Header8(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'headerfullwidth',
     actions: actions
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-3 d-flex flex-column align-items-center justfiy-content-center"
-  }, sectionproperties.showfooterphonenumber == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.storeinfocontainer + ' row m-0 w-100 d-flex align-items-center justify-content-center cursor-pointer ',
     onClick: function onClick() {
       window.open('tel:' + (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.CuContactphonenumber), '_blank');
@@ -16888,7 +17038,7 @@ var Header8 = function Header8(props) {
     "class": "d-flex align-items-center flex-column"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": header_cssstyles.storeinfotext + ' m-0 storeinfotext '
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : (_authdetailsContext$i3 = _authdetailsContext$i2.contactinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.mobile), /*#__PURE__*/React__default["default"].createElement("p", {
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.contactinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.mobile), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "mb-0 w-100",
     style: {
       textAlign: langdetect == 'en' ? 'right' : 'left',
@@ -16897,12 +17047,12 @@ var Header8 = function Header8(props) {
       fontWeight: sectionproperties.footerinfotext_secondaryfontweight
     }
   }, langdetect == 'en' ? sectionproperties.footerinfotext_en : sectionproperties.footerinfotext_ar)))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect == 'en' ? 'col-lg-3 d-flex align-items-center p-0 pl-0' : 'col-lg-3 d-flex align-items-center p-0 pr-0'
+    "class": sectionproperties.showfooterphonenumber == 'Show' ? langdetect == 'en' ? 'col-xl-3 col-lg-4 d-flex align-items-center p-0 pl-0' : 'col-xl-3 col-lg-4 d-flex align-items-center p-0 pr-0' : 'col-lg-4 d-flex align-items-center'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": 'row w-100 m-0 align-items-center justify-content-between ',
+    "class": 'row w-100 m-0 align-items-center justify-content-between plr-1025-0',
     style: {
-      paddingLeft: langdetect == 'en' ? authdetailsContext.loggedin == true ? '.3rem' : '3rem' : 0,
-      paddingRight: langdetect == 'en' ? 0 : authdetailsContext.loggedin == true ? '1rem' : '3rem'
+      paddingLeft: langdetect == 'en' ? sectionproperties.showfooterphonenumber == 'Show' ? authdetailsContext.loggedin == true ? '.3rem' : '3rem' : authdetailsContext.loggedin == true ? '4rem' : '6rem' : 0,
+      paddingRight: langdetect == 'en' ? 0 : sectionproperties.showfooterphonenumber == 'Show' ? authdetailsContext.loggedin == true ? '1rem' : '3rem' : authdetailsContext.loggedin == true ? '4rem' : '6rem'
     }
   }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.user_btnContainer + ' d-flex align-items-center justify-content-end p-0 cursor-pointer pt-1 '
@@ -17161,50 +17311,49 @@ var Header8 = function Header8(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.divider) + ' '
   })), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center '
+    "class": "".concat(header_cssstyles.lowerheadercontainer) + ' row w-100 m-0 align-items-center px-1025-1 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": ' col-lg-2 d-flex align-items-center ',
-    style: {},
+    "class": ' col-xl-2 col-lg-3 d-flex align-items-center ',
     onClick: function onClick() {
       setdropdownselect(!dropdownselect);
     }
+  }, /*#__PURE__*/React__default["default"].createElement("li", {
+    "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown transformedDropdown  d-flex align-items-center justify-content-center '
-  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], {
-    "class": "d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, {
-    "class": "d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.btntextcontainer) + ' row w-100 m-0 align-items-center ',
-    style: {
-      paddingTop: '7px'
-    }
+    "class": "".concat(header_cssstyles.categorybtn) + ' m-0 allcentered px-2 cursor-pointer '
   }, /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "h-100 d-flex align-items-center justify-content-center"
+    "class": "".concat(header_cssstyles.categorybtnicon) + ' categorybtnicon d-flex align-items-center justify-content-center '
   }, /*#__PURE__*/React__default["default"].createElement(HiMenuAlt4.HiMenuAlt4, {
-    size: 25,
-    color: "white"
+    size: sectionproperties.icontextfontsize
   })), /*#__PURE__*/React__default["default"].createElement("p", {
     "class": langdetect == 'en' ? ' m-0 p-0 ml-2' : ' m-0 p-0 mr-2 '
-  }, lang.shopbycategory))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, {
-    style: {
-      minWidth: '250px',
-      marginLeft: '-20px'
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar)), /*#__PURE__*/React__default["default"].createElement("ul", {
+    "class": "w-100 mt-2"
+  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : (_authdetailsContext$i7 = _authdetailsContext$i6.instcategories) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.map(function (item, index) {
+    var _authdetailsContext$i8;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.instcategories;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })), sectionproperties.fetchparenttype == 'Parent Collections' && (pcollarray === null || pcollarray === void 0 ? void 0 : pcollarray.map(function (item, index) {
+    var fetchedarray = pcollarray;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : (_authdetailsContext$i10 = _authdetailsContext$i9.instcollections) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.map(function (item, index) {
+    var _authdetailsContext$i11;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instcollections;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
     }
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : (_authdetailsContext$i5 = _authdetailsContext$i4.instcollections) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.map(function (item, index) {
-    return /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
-      onClick: function onClick() {
-        routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": "".concat(header_cssstyles.dropdownitemcontainer) + ' row m-0 w-100 '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": ' col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start align-items-center '
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      "class": "".concat(header_cssstyles.dropdownitem) + ' dropdownitem text-overflow m-0 p-0 '
-    }, langdetect == 'en' ? item.title_en : item.title_ar)))), index != authdetailsContext.instinfo.instcollections.length - 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Divider, null));
   }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-10 flex-row d-flex align-items-center justify-content-start"
+    "class": "col-xl-10 col-lg-9 flex-row d-flex align-items-center justify-content-start"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' scrollhorizontal w-100 align-items-center justify-content-start ',
     style: {
@@ -43618,8 +43767,7 @@ var Card23 = function Card23(props) {
     style: {
       position: 'absolute',
       top: sectionproperties.pillpositionfromtop + 'px',
-      left: langdetect == 'en' ? sectionproperties.pillpositionfromright + 'px' : '',
-      right: langdetect == 'en' ? '' : sectionproperties.pillpositionfromright + 'px',
+      left: sectionproperties.pillpositionfromright + 'px',
       width: sectionproperties.pillwidth + 'px',
       height: sectionproperties.pillheight + 'px',
       background: sectionproperties.pillbgcolor,
@@ -47624,7 +47772,7 @@ var Productcard_animatedbuttons = function Productcard_animatedbuttons(props) {
     })
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": props.sectiontypeprops2 == 'vertical' ? 'w-sm-100' : "".concat(card_cssstyles.cardcont, " ").concat(cardstyles.cardcont)
+    "class": props.sectiontypeprops2 == 'vertical' ? 'w-100' : "".concat(card_cssstyles.cardcont, " ").concat(cardstyles.cardcont)
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 pl-sm-2 pr-sm-2",
     style: {