tabexseriescomponents 0.0.642 → 0.0.643

package/dist/index.cjs.js

@@ -45,10 +45,10 @@ var FiLayers = require('@react-icons/all-files/fi/FiLayers');
 var HiOutlinePlusCircle = require('@react-icons/all-files/hi/HiOutlinePlusCircle');
 require('@react-icons/all-files/hi/HiOutlineMinusCircle');
 var TextareaAutosize = require('react-textarea-autosize');
-require('@mui/system');
 var AiOutlineClockCircle = require('@react-icons/all-files/ai/AiOutlineClockCircle');
 var AiOutlinePlus = require('@react-icons/all-files/ai/AiOutlinePlus');
 var AiOutlineCheck = require('@react-icons/all-files/ai/AiOutlineCheck');
+require('@mui/system');
 var reactHorizontalScrollingMenu = require('react-horizontal-scrolling-menu');
 var material = require('@mui/material');
 var HiOutlinePhone = require('@react-icons/all-files/hi/HiOutlinePhone');
@@ -2311,7 +2311,7 @@ var DescriptionContent = function DescriptionContent(props) {
     setShowMore = _useState2[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+    "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' && props.srcfromprops != 'collap' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops == 'collap' ? 'col-lg-12 pl-3 pr-3 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3502,7 +3502,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
     className: "p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0 mt-3"
+    "class": "col-lg-12 pl-3 pr-3 mt-3"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
     className: 'm-0 p-0 wordbreak',
     style: {
@@ -33542,7 +33542,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
 function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Modernheader = function Modernheader(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -33568,9 +33568,9 @@ var Modernheader = function Modernheader(props) {
     logoarrayofobjects = _useState4[0],
     setlogoarrayofobjects = _useState4[1];
   var _useState5 = React.useState(false),
-    _useState6 = _slicedToArray__default["default"](_useState5, 2);
-    _useState6[0];
-    _useState6[1];
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    openSearchBar = _useState6[0],
+    setopenSearchBar = _useState6[1];
   var scrollYposittionprops = props.actions.scrollYposittionprops;
   React.useEffect(function () {
     var secpropobj = {};
@@ -33597,6 +33597,19 @@ var Modernheader = function Modernheader(props) {
     }
   }, [templateproperties_context]);
   var header_cssstyles = {
+    closeOverlayBtn: glamor.css({
+      width: '40px',
+      height: '40px',
+      color: '#000',
+      borderRadius: '5px',
+      border: '2px solid #000',
+      zIndex: 1000,
+      transition: '.3s',
+      ':hover': {
+        color: '#787878',
+        borderColor: '#787878'
+      }
+    }),
     floatingbtn: glamor.css({
       width: sectionproperties.floatingbtnwidth + '%',
       height: sectionproperties.floatingbtnheight + 'px',
@@ -33777,6 +33790,27 @@ var Modernheader = function Modernheader(props) {
       color: sectionproperties.searchbaricon_color,
       backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor
     }),
+    searchbar_icon: glamor.css({
+      transform: langdetect == 'en' ? 'scale(1)' : 'scaleX(-1)',
+      bottom: sectionproperties.searchbaricon_bottom + 'px',
+      margin: 'auto',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      textAlign: 'center',
+      borderRadius: sectionproperties.searchbaricon_borderBottomLeftRadius + 'px',
+      color: sectionproperties.searchbaricon_color,
+      backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor
+    }),
+    search_field: glamor.css({
+      color: sectionproperties.searchbarcontinput_color,
+      fontWeight: sectionproperties.searchbarcont_inputfontweight,
+      fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
+      borderBottom: '1px solid #000',
+      '::placeholder': {
+        color: sectionproperties.searchbarcontinput_color
+      }
+    }),
     searchbarcont_input: glamor.css({
       width: '100%',
       background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
@@ -33908,7 +33942,7 @@ var Modernheader = function Modernheader(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React__default["default"].createElement("input", {
     type: "text",
@@ -33927,7 +33961,60 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'fullheader',
     actions: actions
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.searchbarcont + ' allcentered ',
+    style: {
+      width: sectionproperties.searchbaricon_width + 'px',
+      height: sectionproperties.searchbaricon_height + 'px'
+    },
+    onClick: function onClick() {
+      setopenSearchBar(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": header_cssstyles.searchbar_icon + ' m-0 pr-0 cursor-pointer  '
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 "
+  }, /*#__PURE__*/React__default["default"].createElement(FiSearch.FiSearch, {
+    size: sectionproperties.searchbaricon_fontsize
+  })))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' d-flex align-items-center justify-content-end '
+  }, /*#__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": ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mr-2 ml-2"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": ' 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$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+    var _authdetailsContext$i4;
+    return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+      onClick: function onClick() {
+        setcurrencyfunccontext(item);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "".concat(header_cssstyles.dropdownitemcontainer)
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+      style: {
+        fontSize: sectionproperties.dropdown_fontsize + 'px',
+        fontWeight: sectionproperties.dropdown_fontweight,
+        textTransform: sectionproperties.dropdown_texttransform
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("span", {
+      "class": 'ml-2 mr-2'
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("hr", {
+      "class": "m-0"
+    }))));
+  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
@@ -34277,7 +34364,70 @@ var Modernheader = function Modernheader(props) {
   }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }));
+  }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
+    show: openSearchBar,
+    onHide: function onHide() {
+      setopenSearchBar(false);
+    },
+    placement: "top",
+    scroll: true,
+    backdrop: true
+  }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 p-3"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(generalstyles.search_modern)
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(generalstyles.search_wrap2, " ").concat(header_cssstyles.search_wrap),
+    style: {
+      height: '120px',
+      background: '#fff'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' pl-5 pr-5',
+    style: {
+      paddingTop: '30px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-6"
+  }), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-6 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
+    onClick: function onClick() {
+      setopenSearchBar(false);
+      setSearchHeaderInputContext('');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
+    size: sectionproperties.closeSlider_fontSize
+  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: generalstyles.search_form_wrap
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "".concat(generalstyles.search_form, " ").concat(header_cssstyles.search_form),
+    id: "input"
+  }, /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    className: "".concat(generalstyles.search_field, " ").concat(header_cssstyles.search_field),
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    onChange: function onChange(event) {
+      setSearchHeaderInputContext(event.target.value);
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      position: 'absolute',
+      top: '60%',
+      left: 0,
+      right: 0
+    },
+    className: "allcentered"
+  }, /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
+    actions: actions,
+    sectionpropertiesprops: sectionproperties,
+    srcfromprops: 'StylishHeader'
+  }))))))));
 };
 
 function ownKeys$1N(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; }

package/dist/index.esm.js

@@ -43,10 +43,10 @@ import { FiLayers } from '@react-icons/all-files/fi/FiLayers';
 import { HiOutlinePlusCircle } from '@react-icons/all-files/hi/HiOutlinePlusCircle';
 import '@react-icons/all-files/hi/HiOutlineMinusCircle';
 import TextareaAutosize from 'react-textarea-autosize';
-import '@mui/system';
 import { AiOutlineClockCircle } from '@react-icons/all-files/ai/AiOutlineClockCircle';
 import { AiOutlinePlus } from '@react-icons/all-files/ai/AiOutlinePlus';
 import { AiOutlineCheck } from '@react-icons/all-files/ai/AiOutlineCheck';
+import '@mui/system';
 import { ScrollMenu } from 'react-horizontal-scrolling-menu';
 import { Box, Tabs, Tab } from '@mui/material';
 import { HiOutlinePhone } from '@react-icons/all-files/hi/HiOutlinePhone';
@@ -2262,7 +2262,7 @@ var DescriptionContent = function DescriptionContent(props) {
     setShowMore = _useState2[1];
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   return /*#__PURE__*/React.createElement("div", {
-    "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+    "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' && props.srcfromprops != 'collap' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops == 'collap' ? 'col-lg-12 pl-3 pr-3 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
   }, /*#__PURE__*/React.createElement("div", {
     "class": "row m-0 w-100"
   }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React.createElement("div", {
@@ -3453,7 +3453,7 @@ var Product_itemtype = function Product_itemtype(props) {
   }))))), /*#__PURE__*/React.createElement(AccordionItemPanel, {
     className: "p-0"
   }, /*#__PURE__*/React.createElement("div", {
-    "class": "col-lg-12 p-0 mt-3"
+    "class": "col-lg-12 pl-3 pr-3 mt-3"
   }, /*#__PURE__*/React.createElement("p", {
     className: 'm-0 p-0 wordbreak',
     style: {
@@ -33493,7 +33493,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
 function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Modernheader = function Modernheader(props) {
-  var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
   var _useState = useState(''),
     _useState2 = _slicedToArray(_useState, 2),
     sectionproperties = _useState2[0],
@@ -33519,9 +33519,9 @@ var Modernheader = function Modernheader(props) {
     logoarrayofobjects = _useState4[0],
     setlogoarrayofobjects = _useState4[1];
   var _useState5 = useState(false),
-    _useState6 = _slicedToArray(_useState5, 2);
-    _useState6[0];
-    _useState6[1];
+    _useState6 = _slicedToArray(_useState5, 2),
+    openSearchBar = _useState6[0],
+    setopenSearchBar = _useState6[1];
   var scrollYposittionprops = props.actions.scrollYposittionprops;
   useEffect(function () {
     var secpropobj = {};
@@ -33548,6 +33548,19 @@ var Modernheader = function Modernheader(props) {
     }
   }, [templateproperties_context]);
   var header_cssstyles = {
+    closeOverlayBtn: css({
+      width: '40px',
+      height: '40px',
+      color: '#000',
+      borderRadius: '5px',
+      border: '2px solid #000',
+      zIndex: 1000,
+      transition: '.3s',
+      ':hover': {
+        color: '#787878',
+        borderColor: '#787878'
+      }
+    }),
     floatingbtn: css({
       width: sectionproperties.floatingbtnwidth + '%',
       height: sectionproperties.floatingbtnheight + 'px',
@@ -33728,6 +33741,27 @@ var Modernheader = function Modernheader(props) {
       color: sectionproperties.searchbaricon_color,
       backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor
     }),
+    searchbar_icon: css({
+      transform: langdetect == 'en' ? 'scale(1)' : 'scaleX(-1)',
+      bottom: sectionproperties.searchbaricon_bottom + 'px',
+      margin: 'auto',
+      display: 'flex',
+      justifyContent: 'center',
+      alignItems: 'center',
+      textAlign: 'center',
+      borderRadius: sectionproperties.searchbaricon_borderBottomLeftRadius + 'px',
+      color: sectionproperties.searchbaricon_color,
+      backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor
+    }),
+    search_field: css({
+      color: sectionproperties.searchbarcontinput_color,
+      fontWeight: sectionproperties.searchbarcont_inputfontweight,
+      fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
+      borderBottom: '1px solid #000',
+      '::placeholder': {
+        color: sectionproperties.searchbarcontinput_color
+      }
+    }),
     searchbarcont_input: css({
       width: '100%',
       background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
@@ -33859,7 +33893,7 @@ var Modernheader = function Modernheader(props) {
   }, /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {}
-  }, /*#__PURE__*/React.createElement("div", {
+  }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React.createElement("div", {
     "class": header_cssstyles.searchbarcont
   }, /*#__PURE__*/React.createElement("input", {
     type: "text",
@@ -33878,7 +33912,60 @@ var Modernheader = function Modernheader(props) {
     sectionpropertiesprops: sectionproperties,
     srcfromprops: 'fullheader',
     actions: actions
-  }))), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.searchbarcont + ' allcentered ',
+    style: {
+      width: sectionproperties.searchbaricon_width + 'px',
+      height: sectionproperties.searchbaricon_height + 'px'
+    },
+    onClick: function onClick() {
+      setopenSearchBar(true);
+    }
+  }, /*#__PURE__*/React.createElement("span", {
+    "class": header_cssstyles.searchbar_icon + ' m-0 pr-0 cursor-pointer  '
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 "
+  }, /*#__PURE__*/React.createElement(FiSearch, {
+    size: sectionproperties.searchbaricon_fontsize
+  })))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React.createElement("div", {
+    "class": ' d-flex align-items-center justify-content-end '
+  }, /*#__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": ' row m-0 w-100 d-flex align-items-center '
+  }, /*#__PURE__*/React.createElement("p", {
+    "class": "m-0 p-0 mr-2 ml-2"
+  }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React.createElement(MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React.createElement("div", {
+    "class": ' 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$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+    var _authdetailsContext$i4;
+    return /*#__PURE__*/React.createElement(Dropdown.Item, {
+      onClick: function onClick() {
+        setcurrencyfunccontext(item);
+      }
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0 d-flex justify-content-start"
+    }, /*#__PURE__*/React.createElement("div", {
+      "class": "".concat(header_cssstyles.dropdownitemcontainer)
+    }, /*#__PURE__*/React.createElement("p", {
+      "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+      style: {
+        fontSize: sectionproperties.dropdown_fontsize + 'px',
+        fontWeight: sectionproperties.dropdown_fontweight,
+        textTransform: sectionproperties.dropdown_texttransform
+      }
+    }, /*#__PURE__*/React.createElement("span", {
+      "class": 'ml-2 mr-2'
+    }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) - 1 && /*#__PURE__*/React.createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React.createElement("hr", {
+      "class": "m-0"
+    }))));
+  }))))), /*#__PURE__*/React.createElement("div", {
     "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
   }, /*#__PURE__*/React.createElement("div", {
     "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
@@ -34228,7 +34315,70 @@ var Modernheader = function Modernheader(props) {
   }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React.createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }));
+  }), /*#__PURE__*/React.createElement(Offcanvas, {
+    show: openSearchBar,
+    onHide: function onHide() {
+      setopenSearchBar(false);
+    },
+    placement: "top",
+    scroll: true,
+    backdrop: true
+  }, /*#__PURE__*/React.createElement(Offcanvas.Body, null, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 p-3"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(generalstyles.search_modern)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(generalstyles.search_wrap2, " ").concat(header_cssstyles.search_wrap),
+    style: {
+      height: '120px',
+      background: '#fff'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: ' pl-5 pr-5',
+    style: {
+      paddingTop: '30px'
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "row m-0 w-100 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-6"
+  }), /*#__PURE__*/React.createElement("div", {
+    className: "col-lg-6 d-flex align-items-center justify-content-end"
+  }, /*#__PURE__*/React.createElement("div", {
+    className: header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
+    onClick: function onClick() {
+      setopenSearchBar(false);
+      setSearchHeaderInputContext('');
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    className: "h-100 allcentered"
+  }, /*#__PURE__*/React.createElement(IoClose, {
+    size: sectionproperties.closeSlider_fontSize
+  })))))), /*#__PURE__*/React.createElement("div", {
+    className: generalstyles.search_form_wrap
+  }, /*#__PURE__*/React.createElement("div", {
+    className: "".concat(generalstyles.search_form, " ").concat(header_cssstyles.search_form),
+    id: "input"
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    className: "".concat(generalstyles.search_field, " ").concat(header_cssstyles.search_field),
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    onChange: function onChange(event) {
+      setSearchHeaderInputContext(event.target.value);
+    }
+  }))), /*#__PURE__*/React.createElement("div", {
+    style: {
+      position: 'absolute',
+      top: '60%',
+      left: 0,
+      right: 0
+    },
+    className: "allcentered"
+  }, /*#__PURE__*/React.createElement(Searchlist$1, {
+    actions: actions,
+    sectionpropertiesprops: sectionproperties,
+    srcfromprops: 'StylishHeader'
+  }))))))));
 };
 
 function ownKeys$1N(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; }

package/dist/index.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlinePlusCircle'), require('@react-icons/all-files/hi/HiOutlineMinusCircle'), require('react-textarea-autosize'), require('@mui/system'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), 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'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
-    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlinePlusCircle', '@react-icons/all-files/hi/HiOutlineMinusCircle', 'react-textarea-autosize', '@mui/system', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox$1, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.HiOutlinePlusCircle, null, global.TextareaAutosize, null, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BsChevronDown, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
-})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox$1, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, HiOutlinePlusCircle, HiOutlineMinusCircle, TextareaAutosize, system, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BsChevronDown, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('@react-icons/all-files/fa/FaFacebookF'), require('@react-icons/all-files/ai/AiOutlineUser'), require('@react-icons/all-files/io/IoMdClose'), require('react-bootstrap'), require('imagekitio-react'), require('@babel/runtime/helpers/toConsumableArray'), require('react-image-gallery'), require('@react-icons/all-files/md/MdAddShoppingCart'), require('@react-icons/all-files/io5/IoBagHandleOutline'), require('@react-icons/all-files/bs/BsBag'), require('@react-icons/all-files/cg/CgShoppingBag'), require('@react-icons/all-files/fa/FaRegHeart'), require('@react-icons/all-files/fa/FaHeart'), require('@react-icons/all-files/fi/FiShoppingBag'), require('@react-icons/all-files/fi/FiShoppingCart'), require('@react-icons/all-files/ai/AiFillStar'), require('@react-icons/all-files/ai/AiOutlineStar'), require('@react-icons/all-files/fa/FaPlus'), require('@react-icons/all-files/fa/FaMinus'), require('@react-icons/all-files/fi/FiBox'), require('@react-icons/all-files/ri/RiArrowGoBackLine'), require('react-accessible-accordion'), require('react-share'), require('@react-icons/all-files/fi/FiMinus'), require('@react-icons/all-files/fi/FiPlus'), require('react-rating-stars-component'), require('@react-icons/all-files/fi/FiLayers'), require('@react-icons/all-files/hi/HiOutlinePlusCircle'), require('@react-icons/all-files/hi/HiOutlineMinusCircle'), require('react-textarea-autosize'), require('@react-icons/all-files/ai/AiOutlineClockCircle'), require('@react-icons/all-files/ai/AiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineCheck'), require('@mui/system'), require('react-horizontal-scrolling-menu'), require('@mui/material'), require('@react-icons/all-files/hi/HiOutlinePhone'), require('@react-icons/all-files/ai/AiOutlineMail'), require('@react-icons/all-files/fa/FaShippingFast'), require('@react-icons/all-files/ri/RiSecurePaymentLine'), require('react-player'), require('@react-icons/all-files/ai/AiOutlineSecurityScan'), require('@react-icons/all-files/fa/FaStar'), require('@react-icons/all-files/io5/IoLocationSharp'), require('@react-icons/all-files/hi/HiOutlineChevronRight'), require('@react-icons/all-files/hi/HiOutlineChevronLeft'), require('@react-icons/all-files/go/GoGlobe'), require('@react-icons/all-files/vsc/VscGlobe'), require('react-bootstrap/Dropdown'), require('@react-icons/all-files/fi/FiCalendar'), require('@babel/runtime/helpers/asyncToGenerator'), require('@babel/runtime/regenerator'), require('@react-icons/all-files/hi/HiUser'), require('@react-icons/all-files/gr/GrMail'), require('@react-icons/all-files/fi/FiCheckCircle'), require('@react-icons/all-files/bi/BiPhone'), require('react-phone-input-2'), require('@react-icons/all-files/bs/BsChevronLeft'), 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'), require('@react-icons/all-files/io/IoIosArrowRoundBack'), require('@react-icons/all-files/fi/FiChevronUp'), require('@react-icons/all-files/fi/FiChevronDown'), require('@react-icons/all-files/hi/HiOutlinePlus'), require('@react-icons/all-files/ai/AiOutlineMinus'), require('react-router-dom'), require('react-query'), require('@react-icons/all-files/io5/IoBagCheckOutline'), require('@react-icons/all-files/io5/IoBagRemoveOutline'), require('react-input-range'), require('react-intersection-observer'), require('@react-icons/all-files/fi/FiFilter'), require('@react-icons/all-files/fi/FiSliders'), require('@react-icons/all-files/fi/FiChevronLeft'), require('@react-icons/all-files/fi/FiChevronRight'), require('@react-icons/all-files/hi/HiOutlineArrowRight'), require('@react-icons/all-files/hi/HiOutlineArrowLeft'), require('react-paginate'), require('@react-icons/all-files/fa/FaFacebook'), require('@react-icons/all-files/ai/AiFillInstagram'), require('@react-icons/all-files/fa/FaWhatsapp'), require('@react-icons/all-files/bi/BiGlobe'), require('@react-icons/all-files/md/MdKeyboardArrowDown'), require('@react-icons/all-files/fa/FaMoneyBillWave'), require('@react-icons/all-files/bi/BiLogOutCircle'), require('@react-icons/all-files/bi/BiChevronDown'), require('@react-icons/all-files/bi/BiUser'), require('@react-icons/all-files/ai/AiOutlineLogin'), require('@react-icons/all-files/ai/AiOutlineUserAdd'), require('@react-icons/all-files/ri/RiSearchLine'), require('@react-icons/all-files/cg/CgMenuLeft'), require('@react-icons/all-files/cg/CgMenuRight'), require('@react-icons/all-files/hi/HiOutlineShoppingBag'), require('@react-icons/all-files/ri/RiHandbagLine'), require('@react-icons/all-files/ai/AiOutlineClose'), require('@react-icons/all-files/vsc/VscMenu'), require('@react-icons/all-files/vsc/VscHeart'), require('@react-icons/all-files/io5/IoSearchOutline'), require('@react-icons/all-files/ai/AiFillYoutube'), require('@react-icons/all-files/io5/IoLogoTiktok'), require('@react-icons/all-files/fi/FiMenu'), require('@react-icons/all-files/bs/BsChevronDown'), require('@react-icons/all-files/io5/IoClose'), require('@react-icons/all-files/bi/BiSearch'), require('@react-icons/all-files/fi/FiUser'), require('@react-icons/all-files/ai/AiOutlineHeart'), require('@react-icons/all-files/fi/FiPhone'), require('@react-icons/all-files/hi/HiMenuAlt4'), require('@react-icons/all-files/fi/FiSearch'), require('@react-icons/all-files/bs/BsSearch'), require('@react-icons/all-files/ai/AiOutlinePhone'), require('@react-icons/all-files/go/GoSearch'), require('@react-icons/all-files/ai/AiOutlineInstagram'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/hi/HiUserCircle'), require('@react-icons/all-files/md/MdKeyboardArrowUp'), require('@react-icons/all-files/bs/BsInfoCircle'), require('@react-icons/all-files/ai/AiFillPhone'), require('@react-icons/all-files/fa/FaTelegramPlane'), require('@react-icons/all-files/fa/FaPhoneAlt'), require('@react-icons/all-files/fa/FaPhone'), require('@react-icons/all-files/fi/FiGlobe'), require('@react-icons/all-files/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), require('@react-icons/all-files/fa/FaLinkedinIn'), require('@react-icons/all-files/ri/RiRoadMapLine'), require('@react-icons/all-files/hi/HiOutlineClock'), require('@react-icons/all-files/ai/AiOutlineLinkedin'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), require('@react-icons/all-files/go/GoStar'), require('@react-icons/all-files/io/IoIosStar'), require('react-background-slideshow'), require('@babel/runtime/helpers/extends'), require('react-slideshow-image'), require('@react-icons/all-files/hi/HiOutlineLocationMarker'), require('@react-icons/all-files/fi/FiPhoneCall'), require('@react-icons/all-files/fa/FaRegEye'), require('@react-icons/all-files/bs/BsArrowRight'), require('@react-icons/all-files/bs/BsArrowLeft'), require('@react-icons/all-files/bs/BsEye'), require('@react-icons/all-files/bi/BiTimeFive'), require('@react-icons/all-files/io/IoIosArrowUp')) :
+    typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', '@react-icons/all-files/fa/FaFacebookF', '@react-icons/all-files/ai/AiOutlineUser', '@react-icons/all-files/io/IoMdClose', 'react-bootstrap', 'imagekitio-react', '@babel/runtime/helpers/toConsumableArray', 'react-image-gallery', '@react-icons/all-files/md/MdAddShoppingCart', '@react-icons/all-files/io5/IoBagHandleOutline', '@react-icons/all-files/bs/BsBag', '@react-icons/all-files/cg/CgShoppingBag', '@react-icons/all-files/fa/FaRegHeart', '@react-icons/all-files/fa/FaHeart', '@react-icons/all-files/fi/FiShoppingBag', '@react-icons/all-files/fi/FiShoppingCart', '@react-icons/all-files/ai/AiFillStar', '@react-icons/all-files/ai/AiOutlineStar', '@react-icons/all-files/fa/FaPlus', '@react-icons/all-files/fa/FaMinus', '@react-icons/all-files/fi/FiBox', '@react-icons/all-files/ri/RiArrowGoBackLine', 'react-accessible-accordion', 'react-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', '@react-icons/all-files/hi/HiOutlinePlusCircle', '@react-icons/all-files/hi/HiOutlineMinusCircle', 'react-textarea-autosize', '@react-icons/all-files/ai/AiOutlineClockCircle', '@react-icons/all-files/ai/AiOutlinePlus', '@react-icons/all-files/ai/AiOutlineCheck', '@mui/system', 'react-horizontal-scrolling-menu', '@mui/material', '@react-icons/all-files/hi/HiOutlinePhone', '@react-icons/all-files/ai/AiOutlineMail', '@react-icons/all-files/fa/FaShippingFast', '@react-icons/all-files/ri/RiSecurePaymentLine', 'react-player', '@react-icons/all-files/ai/AiOutlineSecurityScan', '@react-icons/all-files/fa/FaStar', '@react-icons/all-files/io5/IoLocationSharp', '@react-icons/all-files/hi/HiOutlineChevronRight', '@react-icons/all-files/hi/HiOutlineChevronLeft', '@react-icons/all-files/go/GoGlobe', '@react-icons/all-files/vsc/VscGlobe', 'react-bootstrap/Dropdown', '@react-icons/all-files/fi/FiCalendar', '@babel/runtime/helpers/asyncToGenerator', '@babel/runtime/regenerator', '@react-icons/all-files/hi/HiUser', '@react-icons/all-files/gr/GrMail', '@react-icons/all-files/fi/FiCheckCircle', '@react-icons/all-files/bi/BiPhone', 'react-phone-input-2', '@react-icons/all-files/bs/BsChevronLeft', '@react-icons/all-files/bs/BsChevronRight', '@react-icons/all-files/ri/RiArrowUpSLine', '@react-icons/all-files/ri/RiArrowDownSLine', '@react-icons/all-files/io/IoIosArrowRoundForward', '@react-icons/all-files/io/IoIosArrowRoundBack', '@react-icons/all-files/fi/FiChevronUp', '@react-icons/all-files/fi/FiChevronDown', '@react-icons/all-files/hi/HiOutlinePlus', '@react-icons/all-files/ai/AiOutlineMinus', 'react-router-dom', 'react-query', '@react-icons/all-files/io5/IoBagCheckOutline', '@react-icons/all-files/io5/IoBagRemoveOutline', 'react-input-range', 'react-intersection-observer', '@react-icons/all-files/fi/FiFilter', '@react-icons/all-files/fi/FiSliders', '@react-icons/all-files/fi/FiChevronLeft', '@react-icons/all-files/fi/FiChevronRight', '@react-icons/all-files/hi/HiOutlineArrowRight', '@react-icons/all-files/hi/HiOutlineArrowLeft', 'react-paginate', '@react-icons/all-files/fa/FaFacebook', '@react-icons/all-files/ai/AiFillInstagram', '@react-icons/all-files/fa/FaWhatsapp', '@react-icons/all-files/bi/BiGlobe', '@react-icons/all-files/md/MdKeyboardArrowDown', '@react-icons/all-files/fa/FaMoneyBillWave', '@react-icons/all-files/bi/BiLogOutCircle', '@react-icons/all-files/bi/BiChevronDown', '@react-icons/all-files/bi/BiUser', '@react-icons/all-files/ai/AiOutlineLogin', '@react-icons/all-files/ai/AiOutlineUserAdd', '@react-icons/all-files/ri/RiSearchLine', '@react-icons/all-files/cg/CgMenuLeft', '@react-icons/all-files/cg/CgMenuRight', '@react-icons/all-files/hi/HiOutlineShoppingBag', '@react-icons/all-files/ri/RiHandbagLine', '@react-icons/all-files/ai/AiOutlineClose', '@react-icons/all-files/vsc/VscMenu', '@react-icons/all-files/vsc/VscHeart', '@react-icons/all-files/io5/IoSearchOutline', '@react-icons/all-files/ai/AiFillYoutube', '@react-icons/all-files/io5/IoLogoTiktok', '@react-icons/all-files/fi/FiMenu', '@react-icons/all-files/bs/BsChevronDown', '@react-icons/all-files/io5/IoClose', '@react-icons/all-files/bi/BiSearch', '@react-icons/all-files/fi/FiUser', '@react-icons/all-files/ai/AiOutlineHeart', '@react-icons/all-files/fi/FiPhone', '@react-icons/all-files/hi/HiMenuAlt4', '@react-icons/all-files/fi/FiSearch', '@react-icons/all-files/bs/BsSearch', '@react-icons/all-files/ai/AiOutlinePhone', '@react-icons/all-files/go/GoSearch', '@react-icons/all-files/ai/AiOutlineInstagram', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/hi/HiUserCircle', '@react-icons/all-files/md/MdKeyboardArrowUp', '@react-icons/all-files/bs/BsInfoCircle', '@react-icons/all-files/ai/AiFillPhone', '@react-icons/all-files/fa/FaTelegramPlane', '@react-icons/all-files/fa/FaPhoneAlt', '@react-icons/all-files/fa/FaPhone', '@react-icons/all-files/fi/FiGlobe', '@react-icons/all-files/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '@react-icons/all-files/go/GoStar', '@react-icons/all-files/io/IoIosStar', 'react-background-slideshow', '@babel/runtime/helpers/extends', 'react-slideshow-image', '@react-icons/all-files/hi/HiOutlineLocationMarker', '@react-icons/all-files/fi/FiPhoneCall', '@react-icons/all-files/fa/FaRegEye', '@react-icons/all-files/bs/BsArrowRight', '@react-icons/all-files/bs/BsArrowLeft', '@react-icons/all-files/bs/BsEye', '@react-icons/all-files/bi/BiTimeFive', '@react-icons/all-files/io/IoIosArrowUp'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.FaFacebookF, global.AiOutlineUser, global.IoMdClose, global.reactBootstrap, global.imagekitioReact, global._toConsumableArray, global.ImageGallery, global.MdAddShoppingCart, global.IoBagHandleOutline, global.BsBag, global.CgShoppingBag, global.FaRegHeart, global.FaHeart$1, global.FiShoppingBag, global.FiShoppingCart, global.AiFillStar$1, global.AiOutlineStar, global.FaPlus, global.FaMinus, global.FiBox$1, global.RiArrowGoBackLine, global.reactAccessibleAccordion, global.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.HiOutlinePlusCircle, null, global.TextareaAutosize, global.AiOutlineClockCircle, global.AiOutlinePlus, global.AiOutlineCheck, null, global.reactHorizontalScrollingMenu, global.material, global.HiOutlinePhone, global.AiOutlineMail, global.FaShippingFast, global.RiSecurePaymentLine, global.ReactPlayer, global.AiOutlineSecurityScan, global.FaStar, global.IoLocationSharp, global.HiOutlineChevronRight, global.HiOutlineChevronLeft, global.GoGlobe, global.VscGlobe, global.Dropdown, global.FiCalendar, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, null, null, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, global.FiSliders, global.FiChevronLeft, global.FiChevronRight, global.HiOutlineArrowRight, global.HiOutlineArrowLeft, global.ReactPaginate, global.FaFacebook, global.AiFillInstagram, global.FaWhatsapp, global.BiGlobe, global.MdKeyboardArrowDown, global.FaMoneyBillWave, global.BiLogOutCircle, global.BiChevronDown, global.BiUser, global.AiOutlineLogin, global.AiOutlineUserAdd, global.RiSearchLine, global.CgMenuLeft, global.CgMenuRight, global.HiOutlineShoppingBag, global.RiHandbagLine, global.AiOutlineClose, global.VscMenu, global.VscHeart, global.IoSearchOutline, global.AiFillYoutube, global.IoLogoTiktok, global.FiMenu, global.BsChevronDown, global.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.FiGlobe, global.BiUserCircle, global.GoLocation, global.FaLinkedinIn, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, global.GoStar, global.IoIosStar, global.BackgroundSlideshow, global._extends, global.reactSlideshowImage, global.HiOutlineLocationMarker, global.FiPhoneCall, global.FaRegEye, global.BsArrowRight, global.BsArrowLeft, global.BsEye, global.BiTimeFive, global.IoIosArrowUp));
+})(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, FaFacebookF, AiOutlineUser, IoMdClose, reactBootstrap, imagekitioReact, _toConsumableArray, ImageGallery, MdAddShoppingCart, IoBagHandleOutline, BsBag, CgShoppingBag, FaRegHeart, FaHeart$1, FiShoppingBag, FiShoppingCart, AiFillStar$1, AiOutlineStar, FaPlus, FaMinus, FiBox$1, RiArrowGoBackLine, reactAccessibleAccordion, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, HiOutlinePlusCircle, HiOutlineMinusCircle, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, system, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, Dropdown, FiCalendar, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, FiSliders, FiChevronLeft, FiChevronRight, HiOutlineArrowRight, HiOutlineArrowLeft, ReactPaginate, FaFacebook, AiFillInstagram, FaWhatsapp, BiGlobe, MdKeyboardArrowDown, FaMoneyBillWave, BiLogOutCircle, BiChevronDown, BiUser, AiOutlineLogin, AiOutlineUserAdd, RiSearchLine, CgMenuLeft, CgMenuRight, HiOutlineShoppingBag, RiHandbagLine, AiOutlineClose, VscMenu, VscHeart, IoSearchOutline, AiFillYoutube, IoLogoTiktok, FiMenu, BsChevronDown, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, FiGlobe, BiUserCircle, GoLocation, FaLinkedinIn, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, GoStar, IoIosStar, BackgroundSlideshow, _extends, reactSlideshowImage, HiOutlineLocationMarker, FiPhoneCall, FaRegEye, BsArrowRight, BsArrowLeft, BsEye, BiTimeFive, IoIosArrowUp) { 'use strict';
 
     function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -2135,7 +2135,7 @@
         setShowMore = _useState2[1];
       var ikimagecredcontext = props.actions.ikimagecredcontext;
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
+        "class": props.srcfromprops == 'Articles' ? 'mt-3 px-3 mb-4' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : props.srcfromprops == 'undername' ? 'col-lg-12 p-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops != 'service' && props.srcfromprops != 'collap' ? 'col-lg-12 pl-5 pr-5 p-md-0 w-100' : sectionproperties.gallerystyle == 'Style 1' && props.srcfromprops == 'collap' ? 'col-lg-12 pl-3 pr-3 p-md-0 w-100' : 'col-lg-12 p-0 w-100'
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
       }, sectionproperties.gallerystyle == 'Style 2' && props.srcfromprops != 'collap' && /*#__PURE__*/React__default["default"].createElement("div", {
@@ -3326,7 +3326,7 @@
       }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
         className: "p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        "class": "col-lg-12 p-0 mt-3"
+        "class": "col-lg-12 pl-3 pr-3 mt-3"
       }, /*#__PURE__*/React__default["default"].createElement("p", {
         className: 'm-0 p-0 wordbreak',
         style: {
@@ -33366,7 +33366,7 @@
     function ownKeys$1O(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$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Modernheader = function Modernheader(props) {
-      var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
+      var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
         sectionproperties = _useState2[0],
@@ -33392,9 +33392,9 @@
         logoarrayofobjects = _useState4[0],
         setlogoarrayofobjects = _useState4[1];
       var _useState5 = React.useState(false),
-        _useState6 = _slicedToArray__default["default"](_useState5, 2);
-        _useState6[0];
-        _useState6[1];
+        _useState6 = _slicedToArray__default["default"](_useState5, 2),
+        openSearchBar = _useState6[0],
+        setopenSearchBar = _useState6[1];
       var scrollYposittionprops = props.actions.scrollYposittionprops;
       React.useEffect(function () {
         var secpropobj = {};
@@ -33421,6 +33421,19 @@
         }
       }, [templateproperties_context]);
       var header_cssstyles = {
+        closeOverlayBtn: glamor.css({
+          width: '40px',
+          height: '40px',
+          color: '#000',
+          borderRadius: '5px',
+          border: '2px solid #000',
+          zIndex: 1000,
+          transition: '.3s',
+          ':hover': {
+            color: '#787878',
+            borderColor: '#787878'
+          }
+        }),
         floatingbtn: glamor.css({
           width: sectionproperties.floatingbtnwidth + '%',
           height: sectionproperties.floatingbtnheight + 'px',
@@ -33601,6 +33614,27 @@
           color: sectionproperties.searchbaricon_color,
           backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor
         }),
+        searchbar_icon: glamor.css({
+          transform: langdetect == 'en' ? 'scale(1)' : 'scaleX(-1)',
+          bottom: sectionproperties.searchbaricon_bottom + 'px',
+          margin: 'auto',
+          display: 'flex',
+          justifyContent: 'center',
+          alignItems: 'center',
+          textAlign: 'center',
+          borderRadius: sectionproperties.searchbaricon_borderBottomLeftRadius + 'px',
+          color: sectionproperties.searchbaricon_color,
+          backgroundColor: sectionproperties.searchbaricon_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbaricon_bgcolor
+        }),
+        search_field: glamor.css({
+          color: sectionproperties.searchbarcontinput_color,
+          fontWeight: sectionproperties.searchbarcont_inputfontweight,
+          fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
+          borderBottom: '1px solid #000',
+          '::placeholder': {
+            color: sectionproperties.searchbarcontinput_color
+          }
+        }),
         searchbarcont_input: glamor.css({
           width: '100%',
           background: sectionproperties.searchbarcont_bgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.searchbarcont_bgcolor,
@@ -33732,7 +33766,7 @@
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 col-md-6 col-sm-12 d-flex align-items-center justify-content-start p-0",
         style: {}
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
+      }, sectionproperties.searchbartype == 'Full Width' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": header_cssstyles.searchbarcont
       }, /*#__PURE__*/React__default["default"].createElement("input", {
         type: "text",
@@ -33751,7 +33785,60 @@
         sectionpropertiesprops: sectionproperties,
         srcfromprops: 'fullheader',
         actions: actions
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.searchbarcont + ' allcentered ',
+        style: {
+          width: sectionproperties.searchbaricon_width + 'px',
+          height: sectionproperties.searchbaricon_height + 'px'
+        },
+        onClick: function onClick() {
+          setopenSearchBar(true);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("span", {
+        "class": header_cssstyles.searchbar_icon + ' m-0 pr-0 cursor-pointer  '
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 "
+      }, /*#__PURE__*/React__default["default"].createElement(FiSearch.FiSearch, {
+        size: sectionproperties.searchbaricon_fontsize
+      })))), authdetailsContext != undefined && (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i2 = authdetailsContext.instinfo) === null || _authdetailsContext$i2 === void 0 || (_authdetailsContext$i2 = _authdetailsContext$i2.instcurrencies) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.length) > 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' d-flex align-items-center justify-content-end '
+      }, /*#__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": ' row m-0 w-100 d-flex align-items-center '
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "m-0 p-0 mr-2 ml-2"
+      }, authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en), /*#__PURE__*/React__default["default"].createElement(MdKeyboardArrowDown.MdKeyboardArrowDown, null)), langdetect == 'ar' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": ' 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$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 || (_authdetailsContext$i3 = _authdetailsContext$i3.instcurrencies) === null || _authdetailsContext$i3 === void 0 ? void 0 : _authdetailsContext$i3.map(function (item, index) {
+        var _authdetailsContext$i4;
+        return /*#__PURE__*/React__default["default"].createElement(Dropdown__default["default"].Item, {
+          onClick: function onClick() {
+            setcurrencyfunccontext(item);
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "row m-0 w-100"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0 d-flex justify-content-start"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "".concat(header_cssstyles.dropdownitemcontainer)
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          "class": 'dropdownitem d-flex align-items-center justify-content-center m-0 p-0',
+          style: {
+            fontSize: sectionproperties.dropdown_fontsize + 'px',
+            fontWeight: sectionproperties.dropdown_fontweight,
+            textTransform: sectionproperties.dropdown_texttransform
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("span", {
+          "class": 'ml-2 mr-2'
+        }, langdetect == 'en' ? item.currencyname_en : item.currencyname_ar)))), index != (authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 || (_authdetailsContext$i4 = _authdetailsContext$i4.instcurrencies) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.length) - 1 && /*#__PURE__*/React__default["default"].createElement("div", {
+          "class": "col-lg-12 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("hr", {
+          "class": "m-0"
+        }))));
+      }))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-4 col-md-6 col-sm-12 allcentered p-0"
       }, /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "".concat(header_cssstyles.header_logo) + ' allcentered ',
@@ -34101,7 +34188,70 @@
       }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
         sectionpropertiesprops: sectionproperties,
         actions: actions
-      }));
+      }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
+        show: openSearchBar,
+        onHide: function onHide() {
+          setopenSearchBar(false);
+        },
+        placement: "top",
+        scroll: true,
+        backdrop: true
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 p-3"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(generalstyles.search_modern)
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(generalstyles.search_wrap2, " ").concat(header_cssstyles.search_wrap),
+        style: {
+          height: '120px',
+          background: '#fff'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' pl-5 pr-5',
+        style: {
+          paddingTop: '30px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 d-flex align-items-center"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-6"
+      }), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-6 d-flex align-items-center justify-content-end"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: header_cssstyles.closeOverlayBtn + ' cursor-pointer ',
+        onClick: function onClick() {
+          setopenSearchBar(false);
+          setSearchHeaderInputContext('');
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
+        size: sectionproperties.closeSlider_fontSize
+      })))))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: generalstyles.search_form_wrap
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(generalstyles.search_form, " ").concat(header_cssstyles.search_form),
+        id: "input"
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
+        type: "text",
+        className: "".concat(generalstyles.search_field, " ").concat(header_cssstyles.search_field),
+        placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+        onChange: function onChange(event) {
+          setSearchHeaderInputContext(event.target.value);
+        }
+      }))), /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          position: 'absolute',
+          top: '60%',
+          left: 0,
+          right: 0
+        },
+        className: "allcentered"
+      }, /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
+        actions: actions,
+        sectionpropertiesprops: sectionproperties,
+        srcfromprops: 'StylishHeader'
+      }))))))));
     };
 
     function ownKeys$1N(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; }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "tabexseriescomponents",
-    "version": "0.0.642",
+    "version": "0.0.643",
     "description": "your description",
     "main": "dist/index.cjs.js",
     "scripts": {