tabexseriescomponents 0.0.702 → 0.0.703

package/dist/index.esm.js

@@ -69,8 +69,8 @@ import { GrMail } from '@react-icons/all-files/gr/GrMail';
 import { FiCheckCircle } from '@react-icons/all-files/fi/FiCheckCircle';
 import { BiPhone } from '@react-icons/all-files/bi/BiPhone';
 import PhoneInput from 'react-phone-input-2';
-import { BsChevronLeft } from '@react-icons/all-files/bs/BsChevronLeft';
-import { BsChevronRight } from '@react-icons/all-files/bs/BsChevronRight';
+import { BsChevronLeft as BsChevronLeft$1 } from '@react-icons/all-files/bs/BsChevronLeft';
+import { BsChevronRight as BsChevronRight$1 } from '@react-icons/all-files/bs/BsChevronRight';
 import '@react-icons/all-files/ri/RiArrowUpSLine';
 import '@react-icons/all-files/ri/RiArrowDownSLine';
 import '@react-icons/all-files/io/IoIosArrowRoundForward';
@@ -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';
@@ -16753,7 +16753,7 @@ var Filter$1 = function Filter(props) {
       "class": "col-2 text-end"
     }, /*#__PURE__*/React.createElement("i", {
       "class": "h-100 allcentered"
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, null) : /*#__PURE__*/React.createElement(BsChevronRight, null))))));
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, null) : /*#__PURE__*/React.createElement(BsChevronRight$1, null))))));
   }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-12 text-start px-4 mb-5",
     style: {
@@ -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',
@@ -26123,9 +26100,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.createElement("i", {
       className: ' p-0 h-100 allcentered '
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+    }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
       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;
@@ -26150,9 +26127,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.createElement("i", {
         className: ' p-0 h-100 allcentered '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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", {
@@ -27954,9 +27931,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.createElement("i", {
       className: ' p-0 h-100 allcentered parentclassname '
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+    }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
       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;
@@ -27981,9 +27958,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.createElement("i", {
         className: ' p-0 h-100 allcentered parentclassname '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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", {
@@ -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$i, _authdetailsContext$i8, _pcollarray, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i12, _authdetailsContext$i13;
   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,10 @@ 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];
   useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
       var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
@@ -29242,8 +29223,149 @@ 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',
+      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: 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: 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: 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.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: {
@@ -29418,6 +29540,62 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
   }, /*#__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": 'col-xl-3 col-lg-4 p-0 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: {
+      borderTopRightRadius: langdetect == 'en' ? 0 : '',
+      borderBottomRightRadius: langdetect == 'en' ? 0 : '',
+      borderBottomLeftRadius: langdetect == 'ar' ? 0 : '',
+      borderTopLeftRadius: langdetect == 'ar' ? 0 : '',
+      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' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar), /*#__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$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.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.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.createElement("div", {
+        "class": "w-100"
+      }, ButtonDropdown(item, index, fetchedarray));
+    }
+  })))))), /*#__PURE__*/React.createElement("div", {
     "class": ' scrollhorizontal w-100  align-items-center h-100 ',
     style: {
       display: sectionproperties.showhidesubheader == 'Show' && sectionproperties.subheaderposition == 'Besides Top Navigation' ? 'none' : 'flex'
@@ -29723,7 +29901,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$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.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 +29911,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$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.createElement(Dropdown.Item, {
       onClick: function onClick() {
         setcurrencyfunccontext(item);
@@ -29752,7 +29930,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$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("div", {
       "class": "col-lg-12 p-0"
     }, /*#__PURE__*/React.createElement("hr", {
       "class": "m-0"
@@ -30825,9 +31003,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.createElement("i", {
       className: ' p-0 h-100 allcentered '
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+    }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
       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;
@@ -30852,9 +31030,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.createElement("i", {
         className: ' p-0 h-100 allcentered '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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", {
@@ -37337,9 +37515,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.createElement("i", {
       className: ' p-0 h-100 allcentered '
-    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+    }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
       size: sectionproperties.collectionsectioniconfontsize
-    }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+    }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
       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;
@@ -37364,9 +37542,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.createElement("i", {
         className: ' p-0 h-100 allcentered '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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", {
@@ -42977,7 +43155,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         "class": "m-0 p-0"
       }, " ", langdetect == 'en' ? item.pagename : item.pagename_ar)), /*#__PURE__*/React.createElement("div", {
         "class": "col-lg-3 p-0 d-flex align-items-center justify-content-end"
-      }, /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, /*#__PURE__*/React.createElement(BsChevronRight$1, {
         style: {
           transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)'
         }
@@ -45258,7 +45436,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 +45956,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 +46099,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
   })))))));
 };
 
@@ -54101,9 +54311,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.createElement("i", {
         className: ' p-0 h-100 allcentered '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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.createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
@@ -54129,9 +54339,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.createElement("i", {
           className: ' p-0 h-100 allcentered '
-        }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+        }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
           size: sectionproperties.collectionsectioniconfontsize
-        }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+        }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
           size: sectionproperties.collectionsectioniconfontsize
         }))), index != pcollarray - 1 && /*#__PURE__*/React.createElement("div", {
           className: "col-lg-12 p-0 mt-3 mb-3"
@@ -59472,10 +59682,10 @@ var DynamicForm = function DynamicForm(props) {
         setpercentage(75);
       } else ;
     }
-  }, langdetect == 'en' && /*#__PURE__*/React.createElement(BsChevronLeft, {
+  }, langdetect == 'en' && /*#__PURE__*/React.createElement(BsChevronLeft$1, {
     color: '#fff',
     size: 18
-  }), langdetect == 'ar' && /*#__PURE__*/React.createElement(BsChevronRight, {
+  }), langdetect == 'ar' && /*#__PURE__*/React.createElement(BsChevronRight$1, {
     color: '#fff',
     size: 18
   })), /*#__PURE__*/React.createElement("div", {
@@ -59492,10 +59702,10 @@ var DynamicForm = function DynamicForm(props) {
         setpercentage(100);
       } else ;
     }
-  }, langdetect == 'en' && /*#__PURE__*/React.createElement(BsChevronRight, {
+  }, langdetect == 'en' && /*#__PURE__*/React.createElement(BsChevronRight$1, {
     color: '#fff',
     size: 18
-  }), langdetect == 'ar' && /*#__PURE__*/React.createElement(BsChevronLeft, {
+  }), langdetect == 'ar' && /*#__PURE__*/React.createElement(BsChevronLeft$1, {
     color: '#fff',
     size: 18
   }))), /*#__PURE__*/React.createElement("div", {
@@ -63736,9 +63946,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.createElement("i", {
         className: ' p-0 h-100 allcentered '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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.createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
@@ -63764,9 +63974,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.createElement("i", {
           className: ' p-0 h-100 allcentered '
-        }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+        }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
           size: sectionproperties.collectionsectioniconfontsize
-        }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+        }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
           size: sectionproperties.collectionsectioniconfontsize
         }))), index != pcollarray - 1 && /*#__PURE__*/React.createElement("div", {
           className: "col-lg-12 p-0 mt-3 mb-3"
@@ -65879,9 +66089,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.createElement("i", {
         className: ' p-0 h-100 allcentered '
-      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+      }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
         size: sectionproperties.collectionsectioniconfontsize
-      }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+      }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
         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.createElement("div", {
         className: "col-lg-12 p-0 mt-3 mb-3"
@@ -65907,9 +66117,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.createElement("i", {
           className: ' p-0 h-100 allcentered '
-        }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight, {
+        }, langdetect == 'en' ? /*#__PURE__*/React.createElement(BsChevronRight$1, {
           size: sectionproperties.collectionsectioniconfontsize
-        }) : /*#__PURE__*/React.createElement(BsChevronLeft, {
+        }) : /*#__PURE__*/React.createElement(BsChevronLeft$1, {
           size: sectionproperties.collectionsectioniconfontsize
         }))), index != pcollarray - 1 && /*#__PURE__*/React.createElement("div", {
           className: "col-lg-12 p-0 mt-3 mb-3"