tabexseriescomponents 0.0.702 → 0.0.703

package/dist/index.cjs.js

@@ -71,8 +71,8 @@ var GrMail = require('@react-icons/all-files/gr/GrMail');
 var FiCheckCircle = require('@react-icons/all-files/fi/FiCheckCircle');
 var BiPhone = require('@react-icons/all-files/bi/BiPhone');
 var PhoneInput = require('react-phone-input-2');
-var BsChevronLeft = require('@react-icons/all-files/bs/BsChevronLeft');
-var BsChevronRight = require('@react-icons/all-files/bs/BsChevronRight');
+var BsChevronLeft$1 = require('@react-icons/all-files/bs/BsChevronLeft');
+var BsChevronRight$1 = require('@react-icons/all-files/bs/BsChevronRight');
 require('@react-icons/all-files/ri/RiArrowUpSLine');
 require('@react-icons/all-files/ri/RiArrowDownSLine');
 require('@react-icons/all-files/io/IoIosArrowRoundForward');
@@ -130,9 +130,9 @@ var BsSearch = require('@react-icons/all-files/bs/BsSearch');
 var AiOutlinePhone = require('@react-icons/all-files/ai/AiOutlinePhone');
 var GoSearch = require('@react-icons/all-files/go/GoSearch');
 var AiOutlineInstagram = require('@react-icons/all-files/ai/AiOutlineInstagram');
+var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
 var RiUserSettingsLine = require('@react-icons/all-files/ri/RiUserSettingsLine');
 var HiUserCircle = require('@react-icons/all-files/hi/HiUserCircle');
-var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
 var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
 var AiFillPhone = require('@react-icons/all-files/ai/AiFillPhone');
 var FaTelegramPlane = require('@react-icons/all-files/fa/FaTelegramPlane');
@@ -16801,7 +16801,7 @@ var Filter$1 = function Filter(props) {
       "class": "col-2 text-end"
     }, /*#__PURE__*/React__default["default"].createElement("i", {
       "class": "h-100 allcentered"
-    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, null))))));
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, null) : /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, null))))));
   }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 text-start px-4 mb-5",
     style: {
@@ -23162,7 +23162,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__default["default"].createElement(FaMoneyBillWave.FaMoneyBillWave, null), /*#__PURE__*/React__default["default"].createElement("span", {
       "class": 'ml-2 mr-2'
@@ -23207,31 +23208,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(BiChevronDown.BiChevronDown, {
     size: 20
-  })))), sectionproperties.logocentered == 'Not Centered' && sectionproperties.showlanuagecontainer == 'Show' && /*#__PURE__*/React__default["default"].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__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 d-flex align-items-center w-100"
-  }, "En", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "h-100 allcentered ml-auto pl-3"
-  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 allcentered w-100 '
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 d-flex align-items-center w-100"
-  }, "\u0639", ' ', /*#__PURE__*/React__default["default"].createElement("i", {
-    "class": "h-100 allcentered mr-auto pr-3"
-  }, /*#__PURE__*/React__default["default"].createElement(BsChevronDown.BsChevronDown, null)))))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -26171,9 +26148,9 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
       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, {
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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__default["default"].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;
@@ -26198,9 +26175,9 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
         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, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -28002,9 +27979,9 @@ var CTAHeader = function CTAHeader(props) {
       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 parentclassname '
-    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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__default["default"].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;
@@ -28029,9 +28006,9 @@ var CTAHeader = function CTAHeader(props) {
         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 parentclassname '
-      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -29010,7 +28987,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__default["default"](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$i, _authdetailsContext$i8, _pcollarray, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -29032,6 +29009,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   var actions = props.actions;
   var setcurrencyfunccontext = props.actions.setcurrencyfunccontext;
   var scrollYposittionprops = props.actions.scrollYposittionprops;
+  var _useState3 = React.useState(false),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    dropdownselect = _useState4[0],
+    setdropdownselect = _useState4[1];
   React.useEffect(function () {
     var secpropobj = {};
     StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -29048,10 +29029,10 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
     setsectionproperties(_objectSpread$1T({}, secpropobj));
   }, [StatePagePropertiesContext]);
-  var _useState3 = React.useState([]),
-    _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    logoarrayofobjects = _useState4[0],
-    setlogoarrayofobjects = _useState4[1];
+  var _useState5 = React.useState([]),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    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);
@@ -29290,8 +29271,149 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
       ':hover': {
         color: sectionproperties.upperheadercoloronhover
       }
+    }),
+    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: langdetect == 'en' ? sectionproperties.generalbtn_bordertopleftradius + 'px' : sectionproperties.generalbtn_bordertoprightradius + 'px',
+      borderTopRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_bordertoprightradius + 'px' : sectionproperties.generalbtn_bordertopleftradius + 'px',
+      borderBottomLeftRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomleftradius + 'px' : sectionproperties.generalbtn_borderbottomrightradius + 'px',
+      borderBottomRightRadius: langdetect == 'en' ? sectionproperties.generalbtn_borderbottomrightradius + 'px' : sectionproperties.generalbtn_borderbottomleftradius + '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
+      }
+    }),
+    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
+      }
+    }),
+    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
+      }
     })
   };
+  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__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, {
+      size: sectionproperties.collectionsectioniconfontsize
+    }) : /*#__PURE__*/React__default["default"].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__default["default"].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__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, {
+        size: sectionproperties.collectionsectioniconfontsize
+      }) : /*#__PURE__*/React__default["default"].createElement(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 || (_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 || (_pcollarray$Choosenin2 = _pcollarray$Choosenin2.collections) === null || _pcollarray$Choosenin2 === void 0 ? void 0 : _pcollarray$Choosenin2.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))));
+    })));
+  };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' row m-0 w-100 d-flex justify-content-center align-items-center ',
     style: {
@@ -29466,6 +29588,62 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-5 p-0 d-flex align-items-center justify-content-start h-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-xl-3 col-lg-4 p-0 d-flex align-items-center justify-content-start ',
+    onClick: function onClick() {
+      setdropdownselect(!dropdownselect);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "".concat(header_cssstyles.categorybtn) + ' categoriesdropdown d-flex w-100 align-items-center pl-2 pr-2 ',
+    style: {
+      borderTopRightRadius: langdetect == 'en' ? 0 : '',
+      borderBottomRightRadius: langdetect == 'en' ? 0 : '',
+      borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
+      borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
+      zIndex: 100000
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("li", {
+    "class": langdetect == 'en' ? 'dropdown dropdownen w-100' : 'dropdown dropdownar w-100'
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' m-0 allcentered cursor-pointer px-2 p-lg-0 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": 'col-lg-10 d-flex justify-content-start m-0 p-0'
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__PURE__*/React__default["default"].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__default["default"].createElement("i", {
+    "class": "h-100 d-flex align-items-center justify-content-end"
+  }, dropdownselect ? /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowUp.MdKeyboardArrowUp, {
+    size: 25
+  }) : /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, {
+    size: 25
+  })))), /*#__PURE__*/React__default["default"].createElement("ul", {
+    "class": "mt-2",
+    sytle: {
+      width: '200px'
+    }
+  }, sectionproperties.fetchparenttype == 'Categories' && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i8 = authdetailsContext.instinfo) === null || _authdetailsContext$i8 === void 0 || (_authdetailsContext$i8 = _authdetailsContext$i8.instcategories) === null || _authdetailsContext$i8 === void 0 ? void 0 : _authdetailsContext$i8.map(function (item, index) {
+    var _authdetailsContext$i9;
+    var fetchedarray = authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i9 = authdetailsContext.instinfo) === null || _authdetailsContext$i9 === void 0 ? void 0 : _authdetailsContext$i9.instcategories;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })), sectionproperties.fetchparenttype == 'Parent Collections' && ((_pcollarray = 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 || (_authdetailsContext$i10 = authdetailsContext.instinfo) === null || _authdetailsContext$i10 === void 0 || (_authdetailsContext$i10 = _authdetailsContext$i10.instcollections) === 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.instcollections;
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' scrollhorizontal w-100  align-items-center h-100 ',
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
@@ -29771,7 +29949,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     }
   }), /*#__PURE__*/React__default["default"].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__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
+  }, "English"))))))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i12 = authdetailsContext.instinfo) === null || _authdetailsContext$i12 === void 0 || (_authdetailsContext$i12 = _authdetailsContext$i12.instcurrencies) === null || _authdetailsContext$i12 === void 0 ? void 0 : _authdetailsContext$i12.length) > 1 && /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"], null, /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Toggle, null, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": ' d-flex align-items-center justify-content-center '
   }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
@@ -29781,8 +29959,8 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
     "class": "".concat(header_cssstyles.languagecontainer) + ' row m-0 w-100 d-flex align-items-center '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     "class": "m-0 p-0 ml-2 mr-2"
-  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].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__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)))), /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Menu, null, authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 || (_authdetailsContext$i13 = _authdetailsContext$i13.instcurrencies) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.map(function (item, index) {
+    var _authdetailsContext$i14;
     return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -29800,7 +29978,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__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar))), index != (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__default["default"].createElement("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React__default["default"].createElement("hr", {
       "class": "m-0"
@@ -30873,9 +31051,9 @@ var Header8 = function Header8(props) {
       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, {
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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__default["default"].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;
@@ -30900,9 +31078,9 @@ var Header8 = function Header8(props) {
         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, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -37385,9 +37563,9 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
       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, {
+    }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+    }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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__default["default"].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;
@@ -37412,9 +37590,9 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
         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, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.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 || (_item$collections = item.collections) === null || _item$collections === void 0 ? void 0 : _item$collections.map(function (item, index) {
         return /*#__PURE__*/React__default["default"].createElement("li", {
@@ -43025,7 +43203,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         "class": "m-0 p-0"
       }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+      }, /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         style: {
           transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
         }
@@ -45306,7 +45484,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__default["default"](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 = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -45826,11 +46004,30 @@ var Footer5 = function Footer5(props) {
     className: "".concat(footerStyles.payimgcont),
     style: {
       width: '70px',
-      height: '30px'
+      height: '30px',
+      borderRadius: 10
     }
   }, /*#__PURE__*/React__default["default"].createElement("img", {
     src: 'https://tabex-co.com/storage/StaticImages/mastercard.png',
     className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showbankak == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '50px',
+      height: '50px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/bankak.png',
+    className: "".concat(footerStyles.payimg)
+  })), sectionproperties.showinstapay == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(footerStyles.payimgcont),
+    style: {
+      width: '70px',
+      height: '30px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("img", {
+    src: 'https://tabex-co.com/storage/StaticImages/instapay.png',
+    className: "".concat(footerStyles.payimg)
   })))), sectionproperties.showdownloadsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -45950,6 +46147,19 @@ var Footer5 = function Footer5(props) {
     className: "h-100 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement(AiFillYoutube.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__default["default"].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__default["default"].createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(FaTelegramPlane.FaTelegramPlane, {
+    size: sectionproperties.instgrambtniconfontsize
   })))))));
 };
 
@@ -54149,9 +54359,9 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
         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, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
         size: sectionproperties.collectionsectioniconfontsize
       }))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.instcategories.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
@@ -54177,9 +54387,9 @@ var BacgroundThreeImageWithCategories = function BacgroundThreeImageWithCategori
           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, {
+        }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
           size: sectionproperties.collectionsectioniconfontsize
-        }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+        }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
           size: sectionproperties.collectionsectioniconfontsize
         }))), index != pcollarray - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0 mt-3 mb-3"
@@ -59520,10 +59730,10 @@ var DynamicForm = function DynamicForm(props) {
         setpercentage(75);
       } else ;
     }
-  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
     color: '#fff',
     size: 18
-  }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+  }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
     color: '#fff',
     size: 18
   })), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -59540,10 +59750,10 @@ var DynamicForm = function DynamicForm(props) {
         setpercentage(100);
       } else ;
     }
-  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight.BsChevronRight, {
+  }, langdetect == 'en' && /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
     color: '#fff',
     size: 18
-  }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+  }), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
     color: '#fff',
     size: 18
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
@@ -63784,9 +63994,9 @@ var Slideshowslide = function Slideshowslide(props) {
         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, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
         size: sectionproperties.collectionsectioniconfontsize
       }))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
@@ -63812,9 +64022,9 @@ var Slideshowslide = function Slideshowslide(props) {
           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, {
+        }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
           size: sectionproperties.collectionsectioniconfontsize
-        }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+        }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
           size: sectionproperties.collectionsectioniconfontsize
         }))), index != pcollarray - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0 mt-3 mb-3"
@@ -65927,9 +66137,9 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
         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, {
+      }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+      }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
         size: sectionproperties.collectionsectioniconfontsize
       }))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.instcategories) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
@@ -65955,9 +66165,9 @@ var ThreeSectionsWithSlideshow = function ThreeSectionsWithSlideshow(props) {
           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, {
+        }, langdetect == 'en' ? /*#__PURE__*/React__default["default"].createElement(BsChevronRight$1.BsChevronRight, {
           size: sectionproperties.collectionsectioniconfontsize
-        }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft.BsChevronLeft, {
+        }) : /*#__PURE__*/React__default["default"].createElement(BsChevronLeft$1.BsChevronLeft, {
           size: sectionproperties.collectionsectioniconfontsize
         }))), index != pcollarray - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0 mt-3 mb-3"