tabexseriescomponents 0.0.702 → 0.0.704

package/dist/index.esm.js

@@ -128,9 +128,9 @@ import { BsSearch } from '@react-icons/all-files/bs/BsSearch';
 import { AiOutlinePhone } from '@react-icons/all-files/ai/AiOutlinePhone';
 import { GoSearch } from '@react-icons/all-files/go/GoSearch';
 import { AiOutlineInstagram } from '@react-icons/all-files/ai/AiOutlineInstagram';
+import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
 import { RiUserSettingsLine } from '@react-icons/all-files/ri/RiUserSettingsLine';
 import { HiUserCircle } from '@react-icons/all-files/hi/HiUserCircle';
-import { MdKeyboardArrowUp } from '@react-icons/all-files/md/MdKeyboardArrowUp';
 import { BsInfoCircle } from '@react-icons/all-files/bs/BsInfoCircle';
 import { AiFillPhone } from '@react-icons/all-files/ai/AiFillPhone';
 import { FaTelegramPlane } from '@react-icons/all-files/fa/FaTelegramPlane';
@@ -23114,7 +23114,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       style: {
         fontSize: sectionproperties.dropdown_fontsize + 'px',
         fontWeight: sectionproperties.dropdown_fontweight,
-        textTransform: sectionproperties.dropdown_texttransform
+        textTransform: sectionproperties.dropdown_texttransform,
+        color: sectionproperties.language_container_color_resp
       }
     }, /*#__PURE__*/React.createElement(FaMoneyBillWave, null), /*#__PURE__*/React.createElement("span", {
       "class": 'ml-2 mr-2'
@@ -23159,31 +23160,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React.createElement(BiChevronDown, {
     size: 20
-  })))), sectionproperties.logocentered == 'Not Centered' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React.createElement("div", {
-    "class": langdetect == 'en' ? ' allcentered m-0 cursor-pointer ml-1 ' : ' m-0 cursor-pointer mr-1 ',
-    style: {
-      minWidth: '30px'
-    },
-    onClick: function onClick() {
-      if (langdetect == 'en') {
-        setlang('ar');
-      } else {
-        setlang('en');
-      }
-    }
-  }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 d-flex align-items-center w-100"
-  }, "En", ' ', /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered ml-auto pl-3"
-  }, /*#__PURE__*/React.createElement(BsChevronDown, null)))), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
-  }, /*#__PURE__*/React.createElement("p", {
-    "class": "m-0 p-0 d-flex align-items-center w-100"
-  }, "\u0639", ' ', /*#__PURE__*/React.createElement("i", {
-    "class": "h-100 allcentered mr-auto pr-3"
-  }, /*#__PURE__*/React.createElement(BsChevronDown, null)))))), menuactive == true && /*#__PURE__*/React.createElement("div", {
+  }))))), menuactive == true && /*#__PURE__*/React.createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -28962,7 +28939,7 @@ styleInject(css_248z$w);
 function ownKeys$1T(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$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i8, _authdetailsContext$i9;
+  var _authdetailsContext$i3, _authdetailsContext$i10, _authdetailsContext$i12, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i15;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -28984,6 +28961,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   var actions = props.actions;
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var scrollYposittionprops = props.actions.scrollYposittionprops;
+  var _useState3 = useState(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    dropdownselect = _useState4[0],
+    setdropdownselect = _useState4[1];
   useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -29000,10 +28981,18 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
     setsectionproperties(_objectSpread$1T({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = useState([]),
-    _useState4 = _slicedToArray(_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = useState([]),
+    _useState6 = _slicedToArray(_useState5, 2),
+    logoarrayofobjects = _useState6[0],
+    setlogoarrayofobjects = _useState6[1];
+  var _useState7 = useState([]),
+    _useState8 = _slicedToArray(_useState7, 2),
+    pcollarray = _useState8[0],
+    setpcollarray = _useState8[1];
+  var _useState9 = useState(''),
+    _useState10 = _slicedToArray(_useState9, 2),
+    Choosenindex = _useState10[0],
+    setChoosenindex = _useState10[1];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -29012,6 +29001,28 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       }
     }
   }, [templateproperties_context]);
+  useEffect(function () {
+    var _authdetailsContext$i;
+    var temppcollarray = _toConsumableArray(pcollarray);
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 || (_authdetailsContext$i = _authdetailsContext$i.instcategories) === null || _authdetailsContext$i === void 0 || _authdetailsContext$i.forEach(function (arrayItem) {
+      var _arrayItem$parentcoll;
+      arrayItem === null || arrayItem === void 0 || (_arrayItem$parentcoll = arrayItem.parentcolletions) === null || _arrayItem$parentcoll === void 0 || _arrayItem$parentcoll.forEach(function (item) {
+        temppcollarray.push(item);
+      });
+    });
+    setpcollarray(_toConsumableArray(temppcollarray));
+  }, [authdetailsContext]);
+  useEffect(function () {
+    var _authdetailsContext$i2;
+    var temppcollarray = _toConsumableArray(pcollarray);
+    authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcategories) === null || _authdetailsContext$i2 === void 0 || _authdetailsContext$i2.forEach(function (arrayItem) {
+      var _arrayItem$parentcoll2;
+      arrayItem === null || arrayItem === void 0 || (_arrayItem$parentcoll2 = arrayItem.parentcolletions) === null || _arrayItem$parentcoll2 === void 0 || _arrayItem$parentcoll2.forEach(function (item) {
+        temppcollarray.push(item);
+      });
+    });
+    setpcollarray(_toConsumableArray(temppcollarray));
+  }, [authdetailsContext]);
   var header_cssstyles = {
     header_outercontainer: css({
       position: sectionproperties.headerstyles_position,
@@ -29242,8 +29253,151 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       ':hover': {
         color: sectionproperties.upperheadercoloronhover
       }
+    }),
+    categorybtn: css({
+      background: sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColor,
+      width: sectionproperties.generalbtn_width + 'px',
+      maxWidth: '100%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      // background: '#003b42',
+      // width: '100%',
+      // height: 40,
+      // borderRadius: 10,
+      // color: 'white',
+      // fontSize: 14,
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColortransparentonhover == 'Transparent' ? 'transparent' : sectionproperties.generalbtn_bgColoronhover
+        // color: '#fff',
+        // backgroundColor: '#de5511',
+      }
+    }),
+    categoryname: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      color: sectionproperties.subheader_categorytitle_fontColor,
+      fontSize: sectionproperties.subheader_categorytitle_fontSize + 'px',
+      textTransform: sectionproperties.subheader_categorytitle_textTransform,
+      fontWeight: sectionproperties.subheader_categorytitle_textfontweight
+    }, "color", '#003B42'), "fontSize", 14), "fontWeight", 500), "transition", '.3s'), ':hover', _defineProperty({
+      color: sectionproperties.subheader_categorytitle_coloronhover
+    }, "color", '#de5511'))),
+    parentcollection: css(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
+      color: sectionproperties.subheader_collectiontitle_fontColor,
+      fontSize: sectionproperties.subheader_collectiontitle_fontSize + 'px',
+      textTransform: sectionproperties.subheader_collectiontitle_textTransform,
+      fontWeight: sectionproperties.subheader_collectiontitle_textfontweight,
+      transition: '.3s'
+    }, "color", '#003B42'), "fontSize", 14), "fontWeight", 500), ':hover', _defineProperty({
+      color: sectionproperties.subheader_collectiontitle_coloronhover
+    }, "color", '#de5511'))),
+    collectionName: css({
+      color: sectionproperties.collectionsectiontextcolor,
+      fontSize: sectionproperties.collectionsectiontextfontsize + 'px',
+      textTransform: sectionproperties.collectionsectiontexttransform,
+      fontWeight: sectionproperties.collectionsectiontextfontweight,
+      transition: '.3s',
+      // color: '#003B42',
+      // fontSize: 14,
+      // fontWeight: 400,
+      ':hover': {
+        color: sectionproperties.collectionsectiontextcoloronhover
+        // color: '#de5511',
+      }
     })
   };
+  var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
+    var _fetchedarray$Choosen, _fetchedarray$Choosen2, _pcollarray$Choosenin, _pcollarray$Choosenin2;
+    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.createElement("li", {
+      "class": "dropdown d-flex align-items-center w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": parentclassname + ' row m-0 w-100 d-flex align-items-center dropdownInnerContainer cursor-pointer ',
+      onMouseEnter: function onMouseEnter() {
+        setChoosenindex(index);
+      }
+    }, /*#__PURE__*/React.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.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.createElement("div", {
+      className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+    }, /*#__PURE__*/React.createElement("i", {
+      className: ' p-0 h-100 allcentered '
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      size: sectionproperties.collectionsectioniconfontsize
+    }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      size: sectionproperties.collectionsectioniconfontsize
+    })))), sectionproperties.fetchparenttype == 'Categories' && ((_fetchedarray$Choosen = fetchedarray[Choosenindex]) === null || _fetchedarray$Choosen === void 0 || (_fetchedarray$Choosen = _fetchedarray$Choosen.parentcolletions) === null || _fetchedarray$Choosen === void 0 ? void 0 : _fetchedarray$Choosen.length) != 0 && /*#__PURE__*/React.createElement("ul", null, (_fetchedarray$Choosen2 = fetchedarray[Choosenindex]) === null || _fetchedarray$Choosen2 === void 0 || (_fetchedarray$Choosen2 = _fetchedarray$Choosen2.parentcolletions) === null || _fetchedarray$Choosen2 === void 0 ? void 0 : _fetchedarray$Choosen2.map(function (item, index) {
+      var _item$collections;
+      return /*#__PURE__*/React.createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React.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.createElement("div", {
+        "class": "row m-0 w-100"
+      }, /*#__PURE__*/React.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.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.createElement("div", {
+        className: 'col-lg-2 col-md-2 col-sm-2 d-flex justify-content-end align-items-center p-0 '
+      }, /*#__PURE__*/React.createElement("i", {
+        className: ' p-0 h-100 allcentered '
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }))))), (item === null || item === void 0 ? void 0 : item.collections.length) != 0 && /*#__PURE__*/React.createElement("ul", null, item === null || item === void 0 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
+        return /*#__PURE__*/React.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.createElement("ul", null, (_pcollarray$Choosenin2 = pcollarray[Choosenindex]) === null || _pcollarray$Choosenin2 === void 0 || (_pcollarray$Choosenin2 = _pcollarray$Choosenin2.collections) === null || _pcollarray$Choosenin2 === void 0 ? void 0 : _pcollarray$Choosenin2.map(function (item, index) {
+      return /*#__PURE__*/React.createElement("li", {
+        "class": "dropdown d-flex align-items-center w-100"
+      }, /*#__PURE__*/React.createElement("div", {
+        "class": header_cssstyles.collectionName + ' w-100 dropdownInnerContainer cursor-pointer ',
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        }
+      }, /*#__PURE__*/React.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.createElement("p", {
+        "class": ' m-0 p-0 wordbreak wordbreak1 '
+      }, langdetect == 'en' ? item.title_en : item.title_ar))));
+    })));
+  };
   return /*#__PURE__*/React.createElement("div", {
     "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
     style: {
@@ -29269,7 +29423,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
     }
   }))), /*#__PURE__*/React.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),
+    href: 'https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.whatsappnumber),
     target: '_blank',
     style: {
       position: 'fixed',
@@ -29317,30 +29471,30 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, sectionproperties.fbbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaFacebookF, {
     "class": header_cssstyles.fbbtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i2;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebooklink) != null) {
-        var _authdetailsContext$i3;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.facebooklink, '_blank');
+      var _authdetailsContext$i4;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebooklink) != null) {
+        var _authdetailsContext$i5;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.facebooklink, '_blank');
       }
     },
     size: sectionproperties.facebkbtnniconfontsize
   }), sectionproperties.instbtn_show == 'Show' && /*#__PURE__*/React.createElement(AiOutlineInstagram, {
     "class": header_cssstyles.instagrambtn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i4;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instagramlink) != null) {
-        var _authdetailsContext$i5;
-        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.instagramlink, '_blank');
+      var _authdetailsContext$i6;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.instagramlink) != null) {
+        var _authdetailsContext$i7;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.instagramlink, '_blank');
       }
     },
     size: sectionproperties.instgrambtniconfontsize
   }), sectionproperties.youtbtn_show == 'Show' && /*#__PURE__*/React.createElement(FaWhatsapp, {
     "class": header_cssstyles.whatsapp_btn + ' cursor-pointer ml-3 mr-3 ',
     onClick: function onClick() {
-      var _authdetailsContext$i6;
-      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i6 = authdetailsContext.instinfo) === null || _authdetailsContext$i6 === void 0 ? void 0 : _authdetailsContext$i6.whatsappnumber) != null) {
-        var _authdetailsContext$i7;
-        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i7 = authdetailsContext.instinfo) === null || _authdetailsContext$i7 === void 0 ? void 0 : _authdetailsContext$i7.whatsappnumber), '_blank');
+      var _authdetailsContext$i8;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.whatsappnumber) != null) {
+        var _authdetailsContext$i9;
+        window.open('https://api.whatsapp.com/send?phone=' + (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.whatsappnumber), '_blank');
       }
     },
     size: sectionproperties.youtubebtniconfontsize
@@ -29411,12 +29565,68 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
   }, lang.english)))))))))), /*#__PURE__*/React.createElement("div", {
-    "class": "".concat(headerstyles$a.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex align-items-center ',
+    "class": "".concat(headerstyles$a.header_innercontainer, " ").concat(header_cssstyles.header_innercontainer) + ' row m-0 w-100 d-flex align-items-center px-1024-1 ',
     style: {
       zIndex: 2
     }
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "row m-0 w-100"
+  }, sectionproperties.generalbtn_show == 'Show' && /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-3 col-xl-4 d-flex align-items-center justify-content-start ',
+    onClick: function onClick() {
+      setdropdownselect(!dropdownselect);
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown d-flex w-100 align-items-center pl-2 pr-2 ',
+    style: {
+      zIndex: 100000
+    }
+  }, /*#__PURE__*/React.createElement("li", {
+    "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": ' m-0 allcentered cursor-pointer px-2 p-lg-0 '
+  }, /*#__PURE__*/React.createElement("div", {
+    "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
+  }, langdetect == 'en' ? 'Products' : 'المنتجات'), /*#__PURE__*/React.createElement("div", {
+    "class": "col-lg-2 p-0 h-100 d-flex align-items-center justify-content-end d-xl-flex d-lg-none"
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 d-flex align-items-center justify-content-end"
+  }, dropdownselect ? /*#__PURE__*/React.createElement(MdKeyboardArrowUp, {
+    size: 25
+  }) : /*#__PURE__*/React.createElement(MdKeyboardArrowDown, {
+    size: 25
+  })))), /*#__PURE__*/React.createElement("ul", {
+    "class": "mt-2",
+    sytle: {
+      width: '200px'
+    }
+  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcategories) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.map(function (item, index) {
+    var _authdetailsContext$i11;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i11 = authdetailsContext.instinfo) === null || _authdetailsContext$i11 === void 0 ? void 0 : _authdetailsContext$i11.instcategories;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React.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.createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })), sectionproperties.fetchparenttype == 'Collections' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcollections) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.map(function (item, index) {
+    var _authdetailsContext$i13;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.instcollections;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React.createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })))))), /*#__PURE__*/React.createElement("div", {
+    "class": sectionproperties.generalbtn_show == 'Show' ? 'col-xl-8 col-lg-9' : 'col-12'
   }, /*#__PURE__*/React.createElement("div", {
     "class": ' scrollhorizontal w-100  align-items-center h-100 ',
     style: {
@@ -29444,7 +29654,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         "class": "".concat(headerstyles$a.navbar_item_text, " ").concat(header_cssstyles.navbar_item_text)
       }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
     }
-  })), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement("div", {
+  })))), sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' && /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100 p-0"
   }, /*#__PURE__*/React.createElement(Subheader, {
     sectionpropertiesprops: sectionproperties,
@@ -29723,7 +29933,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }), /*#__PURE__*/React.createElement("span", {
     "class": 'ml-2 mr-2'
-  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcurrencies) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.length) > 1 && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
+  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i14 = authdetailsContext.instinfo) === null || _authdetailsContext$i14 === void 0 || (_authdetailsContext$i14 = _authdetailsContext$i14.instcurrencies) === null || _authdetailsContext$i14 === void 0 ? void 0 : _authdetailsContext$i14.length) > 1 && /*#__PURE__*/React.createElement(Dropdown, null, /*#__PURE__*/React.createElement(Dropdown.Toggle, null, /*#__PURE__*/React.createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -29733,8 +29943,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React.createElement("p", {
     "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 || (_authdetailsContext$i9 = _authdetailsContext$i9.instcurrencies) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.map(function (item, index) {
-    var _authdetailsContext$i10;
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)))), /*#__PURE__*/React.createElement(Dropdown.Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i15 = authdetailsContext.instinfo) === null || _authdetailsContext$i15 === void 0 || (_authdetailsContext$i15 = _authdetailsContext$i15.instcurrencies) === null || _authdetailsContext$i15 === void 0 ? void 0 : _authdetailsContext$i15.map(function (item, index) {
+    var _authdetailsContext$i16;
     return /*#__PURE__*/React.createElement(Dropdown.Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -29752,7 +29962,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         fontWeight: sectionproperties.dropdown_fontweight,
         textTransform: sectionproperties.dropdown_texttransform
       }
-    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcurrencies) === null || _authdetailsContext$i10 === void 0 ? void 0 : _authdetailsContext$i10.length) - 1 && /*#__PURE__*/React.createElement("div", {
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i16 = authdetailsContext.instinfo) === null || _authdetailsContext$i16 === void 0 || (_authdetailsContext$i16 = _authdetailsContext$i16.instcurrencies) === null || _authdetailsContext$i16 === void 0 ? void 0 : _authdetailsContext$i16.length) - 1 && /*#__PURE__*/React.createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "m-0"
@@ -45258,7 +45468,7 @@ var Footer4 = function Footer4(props) {
 function ownKeys$1y(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$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer5 = function Footer5(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26, _authdetailsContext$i28, _authdetailsContext$i31, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i40, _authdetailsContext$i43, _authdetailsContext$i46;
+  var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23, _authdetailsContext$i26, _authdetailsContext$i28, _authdetailsContext$i31, _authdetailsContext$i34, _authdetailsContext$i37, _authdetailsContext$i40, _authdetailsContext$i43, _authdetailsContext$i46, _authdetailsContext$i49;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -45778,11 +45988,30 @@ var Footer5 = function Footer5(props) {
     className: "".concat(footerStyles.payimgcont),
     style: {
       width: '70px',
-      height: '30px'
+      height: '30px',
+      borderRadius: 10
     }
   }, /*#__PURE__*/React.createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
     className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showbankak == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '50px',
+      height: '50px'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/bankak.png',
+    className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React.createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '70px',
+      height: '30px'
+    }
+  }, /*#__PURE__*/React.createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/instapay.png',
+    className: "".concat(footerStyles.payimg)
   })))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React.createElement("div", {
     className: "row m-0 w-100 mt-3"
   }, /*#__PURE__*/React.createElement("div", {
@@ -45902,6 +46131,19 @@ var Footer5 = function Footer5(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React.createElement(AiFillYoutube, {
     size: sectionproperties.instgrambtniconfontsize
+  }))), (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i49 = authdetailsContext.instinfo) === null || _authdetailsContext$i49 === void 0 ? void 0 : _authdetailsContext$i49.telegramlink) != null && /*#__PURE__*/React.createElement("div", {
+    className: langdetect == 'en' ? "".concat(footerStyles.youtube_btn) + ' allcentered mr-3 mr-sm-4 ' : "".concat(footerStyles.youtube_btn) + ' allcentered ml-3 ml-sm-4',
+    onClick: function onClick() {
+      var _authdetailsContext$i50;
+      if ((authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i50 = authdetailsContext.instinfo) === null || _authdetailsContext$i50 === void 0 ? void 0 : _authdetailsContext$i50.telegramlink) != null) {
+        var _authdetailsContext$i51;
+        window.open(authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i51 = authdetailsContext.instinfo) === null || _authdetailsContext$i51 === void 0 ? void 0 : _authdetailsContext$i51.telegramlink, '_blank');
+      }
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(FaTelegramPlane, {
+    size: sectionproperties.instgrambtniconfontsize
   })))))));
 };
 
@@ -71906,7 +72148,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     style: {
       display: 'flex',
       justifyContent: sectionproperties.generaltext_position == 'Centered' ? 'center' : 'start',
-      zIndex: 10000
+      zIndex: 10
     }
   }, /*#__PURE__*/React.createElement("p", {
     "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak wordbreak1 wordbreak-md-2 ',
@@ -71918,7 +72160,7 @@ var CategoryCardwithhoveraction = function CategoryCardwithhoveraction(props) {
     "class": "".concat(cardstyles$1.buttons_container) + ' m-0 p-0 '
   }, /*#__PURE__*/React.createElement("li", {
     style: {
-      zIndex: 10000
+      zIndex: 10
     },
     "class": langdetect == 'en' ? 'ml-4 cursor-pointer ' : 'mr-4 cursor-pointer ',
     onClick: function onClick(e) {