tabexseriescomponents 0.0.366 → 0.0.368

package/dist/index.cjs.js

@@ -112,6 +112,7 @@ var IoSearchOutline = require('@react-icons/all-files/io5/IoSearchOutline');
 var AiFillYoutube = require('@react-icons/all-files/ai/AiFillYoutube');
 var IoLogoTiktok = require('@react-icons/all-files/io5/IoLogoTiktok');
 var FiMenu = require('@react-icons/all-files/fi/FiMenu');
+var IoClose = require('@react-icons/all-files/io5/IoClose');
 var BiSearch = require('@react-icons/all-files/bi/BiSearch');
 var FiUser = require('@react-icons/all-files/fi/FiUser');
 var AiOutlineHeart = require('@react-icons/all-files/ai/AiOutlineHeart');
@@ -124,7 +125,6 @@ var GoSearch = require('@react-icons/all-files/go/GoSearch');
 var AiOutlineInstagram = require('@react-icons/all-files/ai/AiOutlineInstagram');
 var BsChevronDown = require('@react-icons/all-files/bs/BsChevronDown');
 var RiUserSettingsLine = require('@react-icons/all-files/ri/RiUserSettingsLine');
-var IoClose = require('@react-icons/all-files/io5/IoClose');
 var HiUserCircle = require('@react-icons/all-files/hi/HiUserCircle');
 var MdKeyboardArrowUp = require('@react-icons/all-files/md/MdKeyboardArrowUp');
 var BsInfoCircle = require('@react-icons/all-files/bs/BsInfoCircle');
@@ -12188,7 +12188,10 @@ var CartSlider = function CartSlider(props) {
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 h-100"
+    className: "row m-0 w-100 ",
+    style: {
+      height: '85vh'
+    }
   }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 allcentered",
     style: {
@@ -12439,7 +12442,7 @@ var CartSlider = function CartSlider(props) {
       className: "m-0"
     })));
   }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 mb-1 p-0 mt-auto anim",
+    className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
     style: {
       animationDuration: '.8s'
     }
@@ -18587,11 +18590,11 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2;
+  var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
-  props.actions.setSearchHeaderInputContext;
+  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -18620,8 +18623,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     setmenuactive = _useState6[1];
   var _useState7 = React.useState(false),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    openSearch = _useState8[0];
-    _useState8[1];
+    openSearch = _useState8[0],
+    setopenSearch = _useState8[1];
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
@@ -18701,10 +18704,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
       transition: '.3s'
     }),
-    searchbarcont: glamor.css({
+    searchbarcont: glamor.css((_css = {
       position: 'relative',
       transition: '.3s'
-    }),
+    }, _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '70px'), _defineProperty__default["default"](_css, "transition", '.3s'), _css)),
     searchbar_icon_cont: glamor.css({
       display: 'flex',
       justifyContent: 'center',
@@ -18715,24 +18718,23 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       position: 'absolute',
       left: langdetect == 'en' ? 5 : '',
       right: langdetect == 'en' ? '' : 5,
-      bottom: 0,
+      bottom: 4,
       top: 0,
       margin: 'auto'
     }),
     searchbarcont_input: glamor.css({
-      height: '100%',
       width: '100%',
-      outline: 'none',
-      border: 'none',
       background: 'transparent',
-      color: sectionproperties.searchbarcontinput_colorresp,
-      // color: '#000',
-      fontWeight: sectionproperties.searchbarcont_inputfontweight,
-      // fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
-      fontSize: '15px',
-      paddingRight: langdetect == 'en' ? 0 : '20px',
-      paddingLeft: langdetect == 'en' ? '20px' : 0,
-      transition: '0.3s'
+      color: '#000',
+      fontWeight: 500,
+      fontSize: '14px',
+      borderRadius: 0,
+      borderBottom: '1px solid #000',
+      paddingLeft: '15px',
+      paddingRight: '15px',
+      outline: 'none',
+      transition: '0.3s',
+      marginTop: '40px'
     }),
     languagecontainer: glamor.css({
       color: sectionproperties.language_container_color_resp,
@@ -18892,7 +18894,25 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-  }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: sectionproperties.cart_BtnWidth_resp + 'px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("i", {
     "class": ' h-100 allcentered ',
     style: {
       color: sectionproperties.cart_BtnTextcolor_resp
@@ -18910,7 +18930,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
     size: 20,
     color: sectionproperties.cart_BtnTextcolor_resp
-  }))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -19049,7 +19069,41 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: '#000',
       fontSize: 16
     }
-  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("p", null, "asd")));
+  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-12 d-flex align-items-center"
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    style: {
+      width: 40,
+      height: 40,
+      position: 'absolute',
+      top: 10,
+      right: 10,
+      zIndex: 10000
+    },
+    "class": "allcentered",
+    onClick: function onClick() {
+      setopenSearch(false);
+      setSearchHeaderInputContext('');
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
+    style: {
+      fontSize: 20,
+      color: '#000'
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": header_cssstyles.searchbarcont
+  }, /*#__PURE__*/React__default["default"].createElement("input", {
+    type: "text",
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
+    onChange: function onChange(event) {
+      setSearchHeaderInputContext(event.target.value);
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
+    sectionpropertiesprops: sectionproperties,
+    srcfromprops: 'fullheader',
+    actions: actions
+  })))));
 };
 
 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; }

package/dist/index.esm.js

@@ -110,6 +110,7 @@ import { IoSearchOutline } from '@react-icons/all-files/io5/IoSearchOutline';
 import { AiFillYoutube } from '@react-icons/all-files/ai/AiFillYoutube';
 import { IoLogoTiktok } from '@react-icons/all-files/io5/IoLogoTiktok';
 import { FiMenu } from '@react-icons/all-files/fi/FiMenu';
+import { IoClose } from '@react-icons/all-files/io5/IoClose';
 import { BiSearch } from '@react-icons/all-files/bi/BiSearch';
 import { FiUser } from '@react-icons/all-files/fi/FiUser';
 import { AiOutlineHeart } from '@react-icons/all-files/ai/AiOutlineHeart';
@@ -122,7 +123,6 @@ import { GoSearch } from '@react-icons/all-files/go/GoSearch';
 import { AiOutlineInstagram } from '@react-icons/all-files/ai/AiOutlineInstagram';
 import { BsChevronDown } from '@react-icons/all-files/bs/BsChevronDown';
 import { RiUserSettingsLine } from '@react-icons/all-files/ri/RiUserSettingsLine';
-import { IoClose } from '@react-icons/all-files/io5/IoClose';
 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';
@@ -12139,7 +12139,10 @@ var CartSlider = function CartSlider(props) {
       overflow: 'hidden'
     }
   }, /*#__PURE__*/React.createElement("div", {
-    className: "row m-0 w-100 h-100"
+    className: "row m-0 w-100 ",
+    style: {
+      height: '85vh'
+    }
   }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
     className: "col-lg-12 allcentered",
     style: {
@@ -12390,7 +12393,7 @@ var CartSlider = function CartSlider(props) {
       className: "m-0"
     })));
   }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React.createElement("div", {
-    className: "col-lg-12 mb-1 p-0 mt-auto anim",
+    className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
     style: {
       animationDuration: '.8s'
     }
@@ -18538,11 +18541,11 @@ var SocialMediaSection = function SocialMediaSection(props) {
 function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-  var _logoarrayofobjects$, _logoarrayofobjects$2;
+  var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
   var actions = props.actions;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
   var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
-  props.actions.setSearchHeaderInputContext;
+  var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
   props.actions.StatePagePropertiesContext;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -18571,8 +18574,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     setmenuactive = _useState6[1];
   var _useState7 = useState(false),
     _useState8 = _slicedToArray(_useState7, 2),
-    openSearch = _useState8[0];
-    _useState8[1];
+    openSearch = _useState8[0],
+    setopenSearch = _useState8[1];
   useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
       setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
@@ -18652,10 +18655,10 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
       transition: '.3s'
     }),
-    searchbarcont: css({
+    searchbarcont: css((_css = {
       position: 'relative',
       transition: '.3s'
-    }),
+    }, _defineProperty(_css, "position", 'relative'), _defineProperty(_css, "width", '100%'), _defineProperty(_css, "height", '70px'), _defineProperty(_css, "transition", '.3s'), _css)),
     searchbar_icon_cont: css({
       display: 'flex',
       justifyContent: 'center',
@@ -18666,24 +18669,23 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       position: 'absolute',
       left: langdetect == 'en' ? 5 : '',
       right: langdetect == 'en' ? '' : 5,
-      bottom: 0,
+      bottom: 4,
       top: 0,
       margin: 'auto'
     }),
     searchbarcont_input: css({
-      height: '100%',
       width: '100%',
-      outline: 'none',
-      border: 'none',
       background: 'transparent',
-      color: sectionproperties.searchbarcontinput_colorresp,
-      // color: '#000',
-      fontWeight: sectionproperties.searchbarcont_inputfontweight,
-      // fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
-      fontSize: '15px',
-      paddingRight: langdetect == 'en' ? 0 : '20px',
-      paddingLeft: langdetect == 'en' ? '20px' : 0,
-      transition: '0.3s'
+      color: '#000',
+      fontWeight: 500,
+      fontSize: '14px',
+      borderRadius: 0,
+      borderBottom: '1px solid #000',
+      paddingLeft: '15px',
+      paddingRight: '15px',
+      outline: 'none',
+      transition: '0.3s',
+      marginTop: '40px'
     }),
     languagecontainer: css({
       color: sectionproperties.language_container_color_resp,
@@ -18843,7 +18845,25 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     }
   }))), /*#__PURE__*/React.createElement("div", {
     className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-  }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("i", {
+  }, /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: '30px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("i", {
+    "class": "h-100 allcentered",
+    onClick: function onClick() {
+      setopenSearch(true);
+    }
+  }, /*#__PURE__*/React.createElement(IoSearchOutline, {
+    size: 22,
+    color: sectionproperties.cart_BtnTextcolor_resp
+  }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React.createElement("div", {
+    style: {
+      width: sectionproperties.cart_BtnWidth_resp + 'px',
+      height: sectionproperties.cart_BtnHeight_resp + 'px'
+    }
+  }, /*#__PURE__*/React.createElement("i", {
     "class": ' h-100 allcentered ',
     style: {
       color: sectionproperties.cart_BtnTextcolor_resp
@@ -18861,7 +18881,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   }), menuactive == true && /*#__PURE__*/React.createElement(AiOutlineClose, {
     size: 20,
     color: sectionproperties.cart_BtnTextcolor_resp
-  }))), menuactive == true && /*#__PURE__*/React.createElement("div", {
+  })))), menuactive == true && /*#__PURE__*/React.createElement("div", {
     "class": "px-4 py-4 scrollvertical",
     style: {
       position: 'fixed',
@@ -19000,7 +19020,41 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
       color: '#000',
       fontSize: 16
     }
-  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("p", null, "asd")));
+  }, lang.logout)))))), openSearch == true && /*#__PURE__*/React.createElement("div", {
+    "class": "col-12 d-flex align-items-center"
+  }, /*#__PURE__*/React.createElement("button", {
+    style: {
+      width: 40,
+      height: 40,
+      position: 'absolute',
+      top: 10,
+      right: 10,
+      zIndex: 10000
+    },
+    "class": "allcentered",
+    onClick: function onClick() {
+      setopenSearch(false);
+      setSearchHeaderInputContext('');
+    }
+  }, /*#__PURE__*/React.createElement(IoClose, {
+    style: {
+      fontSize: 20,
+      color: '#000'
+    }
+  })), /*#__PURE__*/React.createElement("div", {
+    "class": header_cssstyles.searchbarcont
+  }, /*#__PURE__*/React.createElement("input", {
+    type: "text",
+    placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+    "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
+    onChange: function onChange(event) {
+      setSearchHeaderInputContext(event.target.value);
+    }
+  }), /*#__PURE__*/React.createElement(Searchlist$1, {
+    sectionpropertiesprops: sectionproperties,
+    srcfromprops: 'fullheader',
+    actions: actions
+  })))));
 };
 
 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; }

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-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-textarea-autosize'), 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-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('@react-icons/all-files/fi/FiCalendar'), require('react-bootstrap/Dropdown'), 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-accessible-accordion'), 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/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/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/bs/BsChevronDown'), require('@react-icons/all-files/ri/RiUserSettingsLine'), require('@react-icons/all-files/io5/IoClose'), 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/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), 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/FaLinkedinIn'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), 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-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@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-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', '@react-icons/all-files/fi/FiCalendar', 'react-bootstrap/Dropdown', '@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-accessible-accordion', '@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/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/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/bs/BsChevronDown', '@react-icons/all-files/ri/RiUserSettingsLine', '@react-icons/all-files/io5/IoClose', '@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/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '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.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, 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.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, 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.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.IoClose, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaLinkedinIn, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, 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, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, 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, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, IoClose, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaLinkedinIn, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, 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-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-textarea-autosize'), 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-icons/all-files/hi/HiOutlineTrash'), require('@react-icons/all-files/bi/BiSad'), require('@react-icons/all-files/fi/FiCalendar'), require('react-bootstrap/Dropdown'), 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-accessible-accordion'), 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/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/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/bs/BsChevronDown'), 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/bi/BiUserCircle'), require('@react-icons/all-files/go/GoLocation'), 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/FaLinkedinIn'), require('@react-icons/all-files/fa/FaArrowAltCircleRight'), require('@react-icons/all-files/fa/FaArrowAltCircleLeft'), require('react-select'), 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-share', '@react-icons/all-files/fi/FiMinus', '@react-icons/all-files/fi/FiPlus', 'react-rating-stars-component', '@react-icons/all-files/fi/FiLayers', 'react-textarea-autosize', '@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-icons/all-files/hi/HiOutlineTrash', '@react-icons/all-files/bi/BiSad', '@react-icons/all-files/fi/FiCalendar', 'react-bootstrap/Dropdown', '@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-accessible-accordion', '@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/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/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/bs/BsChevronDown', '@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/bi/BiUserCircle', '@react-icons/all-files/go/GoLocation', '@react-icons/all-files/ri/RiRoadMapLine', '@react-icons/all-files/hi/HiOutlineClock', '@react-icons/all-files/ai/AiOutlineLinkedin', '@react-icons/all-files/fa/FaLinkedinIn', '@react-icons/all-files/fa/FaArrowAltCircleRight', '@react-icons/all-files/fa/FaArrowAltCircleLeft', 'react-select', '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.reactShare, global.FiMinus, global.FiPlus, global.ReactStars, global.FiLayers, global.TextareaAutosize, 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.HiOutlineTrash, global.BiSad, global.FiCalendar, global.Dropdown, global._asyncToGenerator, global._regeneratorRuntime, global.HiUser, global.GrMail, global.FiCheckCircle, global.BiPhone, global.PhoneInput, global.BsChevronLeft, global.BsChevronRight, null, null, global.IoIosArrowRoundForward, global.IoIosArrowRoundBack, global.reactAccessibleAccordion, global.FiChevronUp, global.FiChevronDown, global.HiOutlinePlus, global.AiOutlineMinus, null, null, global.IoBagCheckOutline, global.IoBagRemoveOutline, global.InputRange, global.reactIntersectionObserver, global.FiFilter, 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.IoClose, global.BiSearch, global.FiUser, global.AiOutlineHeart, global.FiPhone, global.HiMenuAlt4, global.FiSearch, global.BsSearch, global.AiOutlinePhone, global.GoSearch, global.AiOutlineInstagram, global.BsChevronDown, global.RiUserSettingsLine, global.HiUserCircle, global.MdKeyboardArrowUp, global.BsInfoCircle, global.AiFillPhone, global.FaTelegramPlane, global.FaPhoneAlt, global.FaPhone, global.BiUserCircle, global.GoLocation, global.RiRoadMapLine, global.HiOutlineClock, global.AiOutlineLinkedin, global.FaLinkedinIn, global.FaArrowAltCircleRight, global.FaArrowAltCircleLeft, global.Select$5, 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, reactShare, FiMinus, FiPlus, ReactStars, FiLayers, TextareaAutosize, AiOutlineClockCircle, AiOutlinePlus, AiOutlineCheck, reactHorizontalScrollingMenu, material, HiOutlinePhone, AiOutlineMail, FaShippingFast, RiSecurePaymentLine, ReactPlayer, AiOutlineSecurityScan, FaStar, IoLocationSharp, HiOutlineChevronRight, HiOutlineChevronLeft, GoGlobe, VscGlobe, HiOutlineTrash, BiSad, FiCalendar, Dropdown, _asyncToGenerator, _regeneratorRuntime, HiUser, GrMail, FiCheckCircle, BiPhone, PhoneInput, BsChevronLeft, BsChevronRight, RiArrowUpSLine, RiArrowDownSLine, IoIosArrowRoundForward, IoIosArrowRoundBack, reactAccessibleAccordion, FiChevronUp, FiChevronDown, HiOutlinePlus, AiOutlineMinus, reactRouterDom, reactQuery, IoBagCheckOutline, IoBagRemoveOutline, InputRange, reactIntersectionObserver, FiFilter, 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, IoClose, BiSearch, FiUser, AiOutlineHeart, FiPhone, HiMenuAlt4, FiSearch, BsSearch, AiOutlinePhone, GoSearch, AiOutlineInstagram, BsChevronDown, RiUserSettingsLine, HiUserCircle, MdKeyboardArrowUp, BsInfoCircle, AiFillPhone, FaTelegramPlane, FaPhoneAlt, FaPhone, BiUserCircle, GoLocation, RiRoadMapLine, HiOutlineClock, AiOutlineLinkedin, FaLinkedinIn, FaArrowAltCircleRight, FaArrowAltCircleLeft, Select$5, 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 }; }
 
@@ -12021,7 +12021,10 @@
           overflow: 'hidden'
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 h-100"
+        className: "row m-0 w-100 ",
+        style: {
+          height: '85vh'
+        }
       }, AddtoCartMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12 allcentered",
         style: {
@@ -12272,7 +12275,7 @@
           className: "m-0"
         })));
       }))))), !AddtoCartMutationContext.isLoading && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 || (_fetchcustomercartQue9 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : _fetchcustomercartQue9.customercart) != null && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue10 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.data) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.customercart) === null || _fetchcustomercartQue10 === void 0 || (_fetchcustomercartQue10 = _fetchcustomercartQue10.cartitems) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.length) != 0 && sectionproperties.showtotalsection == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 mb-1 p-0 mt-auto anim",
+        className: "col-lg-12 mb-1 p-0 mt-auto anim mb-md-4",
         style: {
           animationDuration: '.8s'
         }
@@ -18420,11 +18423,11 @@
     function ownKeys$1U(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$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
-      var _logoarrayofobjects$, _logoarrayofobjects$2;
+      var _css, _logoarrayofobjects$, _logoarrayofobjects$2;
       var actions = props.actions;
       var LogoutMutationContext = props.actions.LogoutMutationContext;
       var setsidecartnavshowcontext = props.actions.setsidecartnavshowcontext;
-      props.actions.setSearchHeaderInputContext;
+      var setSearchHeaderInputContext = props.actions.setSearchHeaderInputContext;
       props.actions.StatePagePropertiesContext;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -18453,8 +18456,8 @@
         setmenuactive = _useState6[1];
       var _useState7 = React.useState(false),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        openSearch = _useState8[0];
-        _useState8[1];
+        openSearch = _useState8[0],
+        setopenSearch = _useState8[1];
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined) {
           setsectionproperties(_objectSpread$1U({}, props.sectionpropertiesprops));
@@ -18534,10 +18537,10 @@
           border: sectionproperties.cartBtnresp_borderWidth + 'px solid ' + sectionproperties.cartBtnresp_borderColor,
           transition: '.3s'
         }),
-        searchbarcont: glamor.css({
+        searchbarcont: glamor.css((_css = {
           position: 'relative',
           transition: '.3s'
-        }),
+        }, _defineProperty__default["default"](_css, "position", 'relative'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "height", '70px'), _defineProperty__default["default"](_css, "transition", '.3s'), _css)),
         searchbar_icon_cont: glamor.css({
           display: 'flex',
           justifyContent: 'center',
@@ -18548,24 +18551,23 @@
           position: 'absolute',
           left: langdetect == 'en' ? 5 : '',
           right: langdetect == 'en' ? '' : 5,
-          bottom: 0,
+          bottom: 4,
           top: 0,
           margin: 'auto'
         }),
         searchbarcont_input: glamor.css({
-          height: '100%',
           width: '100%',
-          outline: 'none',
-          border: 'none',
           background: 'transparent',
-          color: sectionproperties.searchbarcontinput_colorresp,
-          // color: '#000',
-          fontWeight: sectionproperties.searchbarcont_inputfontweight,
-          // fontSize: sectionproperties.searchbarcontinput_fontsize + 'px',
-          fontSize: '15px',
-          paddingRight: langdetect == 'en' ? 0 : '20px',
-          paddingLeft: langdetect == 'en' ? '20px' : 0,
-          transition: '0.3s'
+          color: '#000',
+          fontWeight: 500,
+          fontSize: '14px',
+          borderRadius: 0,
+          borderBottom: '1px solid #000',
+          paddingLeft: '15px',
+          paddingRight: '15px',
+          outline: 'none',
+          transition: '0.3s',
+          marginTop: '40px'
         }),
         languagecontainer: glamor.css({
           color: sectionproperties.language_container_color_resp,
@@ -18725,7 +18727,25 @@
         }
       }))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-md-6 col-sm-6 d-flex align-items-center justify-content-end p-0"
-      }, sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("i", {
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: '30px',
+          height: sectionproperties.cart_BtnHeight_resp + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        "class": "h-100 allcentered",
+        onClick: function onClick() {
+          setopenSearch(true);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(IoSearchOutline.IoSearchOutline, {
+        size: 22,
+        color: sectionproperties.cart_BtnTextcolor_resp
+      }))), sectionproperties.cartBtnShow == 'Show' && CartButton(), /*#__PURE__*/React__default["default"].createElement("div", {
+        style: {
+          width: sectionproperties.cart_BtnWidth_resp + 'px',
+          height: sectionproperties.cart_BtnHeight_resp + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
         "class": ' h-100 allcentered ',
         style: {
           color: sectionproperties.cart_BtnTextcolor_resp
@@ -18743,7 +18763,7 @@
       }), menuactive == true && /*#__PURE__*/React__default["default"].createElement(AiOutlineClose.AiOutlineClose, {
         size: 20,
         color: sectionproperties.cart_BtnTextcolor_resp
-      }))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
+      })))), menuactive == true && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "px-4 py-4 scrollvertical",
         style: {
           position: 'fixed',
@@ -18882,7 +18902,41 @@
           color: '#000',
           fontSize: 16
         }
-      }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("p", null, "asd")));
+      }, lang.logout)))))), openSearch == true && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 d-flex align-items-center"
+      }, /*#__PURE__*/React__default["default"].createElement("button", {
+        style: {
+          width: 40,
+          height: 40,
+          position: 'absolute',
+          top: 10,
+          right: 10,
+          zIndex: 10000
+        },
+        "class": "allcentered",
+        onClick: function onClick() {
+          setopenSearch(false);
+          setSearchHeaderInputContext('');
+        }
+      }, /*#__PURE__*/React__default["default"].createElement(IoClose.IoClose, {
+        style: {
+          fontSize: 20,
+          color: '#000'
+        }
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": header_cssstyles.searchbarcont
+      }, /*#__PURE__*/React__default["default"].createElement("input", {
+        type: "text",
+        placeholder: langdetect == 'en' ? sectionproperties.search_placeholder_en : sectionproperties.search_placeholder_ar,
+        "class": "".concat(header_cssstyles.searchbarcont_input) + ' pb-1 ',
+        onChange: function onChange(event) {
+          setSearchHeaderInputContext(event.target.value);
+        }
+      }), /*#__PURE__*/React__default["default"].createElement(Searchlist$1, {
+        sectionpropertiesprops: sectionproperties,
+        srcfromprops: 'fullheader',
+        actions: actions
+      })))));
     };
 
     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; }

package/package.json

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