tabexseriescomponents 0.0.447 → 0.0.448

package/dist/index.umd.js

@@ -505,8 +505,8 @@
       }));
     };
 
-    function ownKeys$2w(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$2w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2v(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$2v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Login = function Login(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -582,7 +582,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2w({}, secpropobj));
+          setsectionproperties(_objectSpread$2v({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -749,9 +749,9 @@
           className: "".concat(loginstyles2.form_control),
           value: payloadobj.email,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$2w({}, payloadobj);
+            var temppayloadobj = _objectSpread$2v({}, payloadobj);
             temppayloadobj.email = event.target.value;
-            setpayloadobj(_objectSpread$2w({}, temppayloadobj));
+            setpayloadobj(_objectSpread$2v({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -773,9 +773,9 @@
           textplaceholder: "",
           value: payloadobj.password,
           onChange: function onChange(event) {
-            var temppayloadobj = _objectSpread$2w({}, payloadobj);
+            var temppayloadobj = _objectSpread$2v({}, payloadobj);
             temppayloadobj.password = event.target.value;
-            setpayloadobj(_objectSpread$2w({}, temppayloadobj));
+            setpayloadobj(_objectSpread$2v({}, temppayloadobj));
           },
           style: {
             background: sectionproperties.input_bgcolor
@@ -952,9 +952,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.email,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2v({}, forgotpasswordpayload);
           temppayloadobj.email = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2v({}, temppayloadobj));
         },
         disabled: forgetpasswordstage == 'verify' ? true : false,
         style: {
@@ -969,9 +969,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.code,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2v({}, forgotpasswordpayload);
           temppayloadobj.code = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2v({}, temppayloadobj));
         },
         style: {
           background: sectionproperties.input_bgcolor
@@ -985,9 +985,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.newpassword,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2v({}, forgotpasswordpayload);
           temppayloadobj.newpassword = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2v({}, temppayloadobj));
         },
         style: {
           background: sectionproperties.input_bgcolor
@@ -1001,9 +1001,9 @@
         className: "".concat(loginstyles2.form_control),
         value: forgotpasswordpayload.confirmnewpassword,
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
+          var temppayloadobj = _objectSpread$2v({}, forgotpasswordpayload);
           temppayloadobj.confirmnewpassword = event.target.value;
-          setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
+          setforgotpasswordpayload(_objectSpread$2v({}, temppayloadobj));
         },
         style: {
           background: sectionproperties.input_bgcolor
@@ -1015,7 +1015,7 @@
         onClick: function onClick() {
           if (forgotpasswordpayload.email.length != 0) {
             var runfunc = false;
-            var tempforgotpasswordpayload = _objectSpread$2w({}, forgotpasswordpayload);
+            var tempforgotpasswordpayload = _objectSpread$2v({}, forgotpasswordpayload);
             tempforgotpasswordpayload.functype = forgetpasswordstage;
             if (forgetpasswordstage == 'verify') {
               if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1066,11 +1066,11 @@
     var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-","showpassword_input_icon":"signup-module_showpassword_input_icon__cVHRS","showpassword_input_icontrans":"signup-module_showpassword_input_icontrans__vmV5q"};
     styleInject(css_248z$J);
 
-    function ownKeys$2v(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$2v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2u(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$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var selectcustomStyles = {
       option: function option(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1099,7 +1099,7 @@
     };
     var selectcustomStylesTranslated = {
       option: function option(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1128,14 +1128,14 @@
         };
       },
       placeholder: function placeholder(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           textAlign: 'right'
         });
       }
     };
     var defaultstyles = {
       option: function option(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1163,7 +1163,7 @@
         }), _ref;
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
@@ -1172,7 +1172,7 @@
     };
     var defaultstylestranslated = {
       option: function option(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1203,21 +1203,21 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
         });
       },
       placeholder: function placeholder(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           textAlign: 'right'
         });
       }
     };
     var defaultstylesnone = {
       option: function option(provided, state) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           borderBottom: '1px solid #e6e6e6',
           backgroundColor: state.isSelected ? '' : '',
           padding: 5,
@@ -1245,7 +1245,7 @@
         };
       },
       dropdownIndicator: function dropdownIndicator(provided) {
-        return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+        return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
           '&:hover': {
             // color: '#eac435',
           }
@@ -1838,8 +1838,8 @@
       }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', parseFloat(Math.round(parseInt(fetchProductInfoQueryContext.data.data.productinfo.hassale == 0 ? parseFloat(getprice_discountpriceprops('defaultprice', 1, variantindexcompleted)).toFixed(2) : parseFloat(getprice_discountpriceprops('defaultsaleprice', 1, variantindexcompleted)).toFixed(2)) * (fetchProductInfoQueryContext.data.data.productinfo.prodaffpercentprofit / 100))).toFixed(0), ' ', langdetect == 'en' ? '' : authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar))))));
     };
 
-    function ownKeys$2u(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$2u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2t(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$2t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ProductExtraFields = function ProductExtraFields(props) {
       var _fetchProductInfoQuer, _css, _fetchProductInfoQuer2;
       props.actions.lang;
@@ -1894,9 +1894,9 @@
           });
         }
         setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-        var tempaddtocardpayloadobj = _objectSpread$2u({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-        setaddtocardpayloadobj(_objectSpread$2u({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
       };
       var formstyles = {
         input_label_name: glamor.css({
@@ -2111,8 +2111,8 @@
       })))));
     };
 
-    function ownKeys$2t(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$2t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2s(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$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Product_itemtype = function Product_itemtype(props) {
       var _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer11, _fetchProductInfoQuer12, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer15, _fetchProductInfoQuer16, _fetchProductInfoQuer17, _fetchProductInfoQuer18, _fetchProductInfoQuer19, _fetchProductInfoQuer20, _fetchProductInfoQuer21, _fetchProductInfoQuer22, _fetchProductInfoQuer23, _fetchProductInfoQuer24, _fetchProductInfoQuer25, _fetchProductInfoQuer26, _fetchProductInfoQuer27, _fetchProductInfoQuer29, _fetchProductInfoQuer30, _fetchProductInfoQuer31, _fetchProductInfoQuer33, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _fetchProductInfoQuer36, _fetchProductInfoQuer37, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40, _fetchProductInfoQuer41, _fetchProductInfoQuer42;
       var lang = props.actions.lang;
@@ -2672,11 +2672,11 @@
       }, sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.minus_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2s({}, addtocardpayloadobj);
           if (tempaddtocardpayloadobj.quantity > 0) {
             tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
           }
-          setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$2s({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2690,9 +2690,9 @@
       }, addtocardpayloadobj.quantity), sectionproperties.quantitybtneditable == 'No' && /*#__PURE__*/React__default["default"].createElement("span", {
         className: "".concat(productinfo_cssstyles.add_quantitybtn_icon_container) + ' m-1 ',
         onClick: function onClick() {
-          var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2s({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-          setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$2s({}, tempaddtocardpayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("i", {
         className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2717,13 +2717,13 @@
         value: addtocardpayloadobj.quantity,
         onChange: function onChange(event) {
           if (event.target.value == NaN || event.target.value == undefined || event.target.value == null || event.target.value == '') {
-            var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
+            var tempaddtocardpayloadobj = _objectSpread$2s({}, addtocardpayloadobj);
             tempaddtocardpayloadobj.quantity = 1;
-            setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
+            setaddtocardpayloadobj(_objectSpread$2s({}, tempaddtocardpayloadobj));
           } else {
-            var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
+            var tempaddtocardpayloadobj = _objectSpread$2s({}, addtocardpayloadobj);
             tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
-            setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
+            setaddtocardpayloadobj(_objectSpread$2s({}, tempaddtocardpayloadobj));
           }
         }
       })), sectionproperties.cartbtnalone == 'Besides Other Buttons' && sectionproperties.cartBtnShow == 'Show' && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer27 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.data) === null || _fetchProductInfoQuer27 === void 0 || (_fetchProductInfoQuer27 = _fetchProductInfoQuer27.productinfo) === null || _fetchProductInfoQuer27 === void 0 ? void 0 : _fetchProductInfoQuer27.isproducttobesold) == 1 && /*#__PURE__*/React__default["default"].createElement("button", {
@@ -3239,8 +3239,8 @@
       }, ShareButtonsContainer()))))))));
     };
 
-    function ownKeys$2s(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$2s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2r(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$2r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Serviceinfotabs = function Serviceinfotabs(props) {
       var _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer7, _fetchProductInfoQuer8, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer13, _fetchProductInfoQuer14, _fetchProductInfoQuer17, _fetchProductInfoQuer18;
       var langdetect = props.actions.langdetect;
@@ -3281,7 +3281,7 @@
         slots = _useState6[0],
         setslots = _useState6[1];
       React.useEffect(function () {
-        setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
           item_type: 'service'
         }));
       }, [tabsarray]);
@@ -3293,16 +3293,16 @@
         if (diffDays.toString() != 'NaN') {
           if (date2 <= date1) {
             NotificationManager.warning('', 'Please choose another date.');
-            setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
               quantity: 0
             }));
           } else {
             if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-              setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+              setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
                 quantity: diffDays
               }));
             } else {
-              setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+              setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
                 quantity: 0
               }));
               NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -3516,7 +3516,7 @@
         });
         if (reservedslotArrtobetaken.length != 0) {
           reservedslottobetaken = reservedslotArrtobetaken[0].slot;
-          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
             time: reservedslottobetaken,
             reserved_slots: reservedslotArrtobetaken,
             quantity: parseInt(reservedslotArrtobetaken.length)
@@ -3575,7 +3575,7 @@
         min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.serviceinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.reservationstarts,
         max: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.serviceinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
             from: event.target.value
           }));
         }
@@ -3595,7 +3595,7 @@
         min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
         max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
             to: event.target.value
           }));
         }
@@ -3615,7 +3615,7 @@
         min: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationstarts,
         max: fetchProductInfoQueryContext.data.data.productinfo.serviceinfo.reservationends,
         onChange: function onChange(event) {
-          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
             date: event.target.value
           }));
           setcurrentmutatestate('/fetchserviceslots');
@@ -3674,7 +3674,7 @@
         }, /*#__PURE__*/React__default["default"].createElement("button", {
           "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
           onClick: function onClick() {
-            setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
+            setaddtocardpayloadobj(_objectSpread$2r(_objectSpread$2r({}, addtocardpayloadobj), {}, {
               time: item.slot
             }));
           }
@@ -4452,8 +4452,8 @@
       }, StoreInfoprops()))));
     };
 
-    function ownKeys$2r(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$2r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2q(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$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var AddReview = function AddReview(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -4505,7 +4505,7 @@
           StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2r({}, secpropobj));
+          setsectionproperties(_objectSpread$2q({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -4514,7 +4514,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2r({}, secpropobj));
+        setsectionproperties(_objectSpread$2q({}, secpropobj));
       }, [pageindexcontext]);
       var reviewstyles = {
         submitreviewbtn: glamor.css({
@@ -4640,9 +4640,9 @@
         }),
         activeColor: "#ffd700",
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2q({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewrate = event;
-          setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2q({}, tempreviewpayloadobj));
         }
       })))))), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12"
@@ -4656,9 +4656,9 @@
         "class": reviewstyles.form_control,
         value: reviewpayloadobj.reviewname,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2q({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewname = event.target.value;
-          setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2q({}, tempreviewpayloadobj));
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mb-4"
@@ -4668,9 +4668,9 @@
         "class": reviewstyles.form_control,
         value: reviewpayloadobj.reviewtitle,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2q({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewtitle = event.target.value;
-          setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2q({}, tempreviewpayloadobj));
         }
       })), /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 mb-4"
@@ -4681,9 +4681,9 @@
         "class": reviewstyles.form_control + ' form_control ',
         value: reviewpayloadobj.reviewbody,
         onChange: function onChange(event) {
-          var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
+          var tempreviewpayloadobj = _objectSpread$2q({}, reviewpayloadobj);
           tempreviewpayloadobj.reviewbody = event.target.value;
-          setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
+          setreviewpayloadobj(_objectSpread$2q({}, tempreviewpayloadobj));
         },
         style: {
           resize: 'none',
@@ -4718,8 +4718,8 @@
       }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
     };
 
-    function ownKeys$2q(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$2q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2p(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$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var ProductReviews = function ProductReviews(props) {
       var _fetchProductInfoQuer, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
       props.actions.lang;
@@ -4953,7 +4953,7 @@
         size: "md",
         "class": "reviewmodal"
       }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Body, null, /*#__PURE__*/React__default["default"].createElement(AddReview, {
-        actions: _objectSpread$2q(_objectSpread$2q({}, actions), {}, {
+        actions: _objectSpread$2p(_objectSpread$2p({}, actions), {}, {
           productid: productid,
           canuserreview: canuserreview,
           addreviewcallback: addreviewcallback
@@ -4961,8 +4961,8 @@
       }))));
     };
 
-    function ownKeys$2p(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$2p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2o(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$2o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Productinfo = function Productinfo(props) {
       var _css, _ref, _ref2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _fetchProductInfoQuer32, _fetchProductInfoQuer33, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _fetchProductInfoQuer34, _fetchProductInfoQuer35, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12;
       var _useState = React.useState({}),
@@ -4991,7 +4991,7 @@
         setfetchProductInfoQueryContext = _useState4[1];
       React.useEffect(function () {
         if (fetchProductInfoQueryContextProps.isSuccess) {
-          setProductInfoObj(_objectSpread$2p({}, fetchProductInfoQueryContextProps.data));
+          setProductInfoObj(_objectSpread$2o({}, fetchProductInfoQueryContextProps.data));
           setfetchProductInfoQueryContext(fetchProductInfoQueryContextProps);
         }
       }, [props.actions, props, fetchProductInfoQueryContextProps.data, fetchProductInfoQueryContextProps.isSuccess]);
@@ -5107,7 +5107,7 @@
           StatePagePropertiesContext.pageobj != undefined && StatePagePropertiesContext.pageobj.pageproperties != undefined && StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2p({}, secpropobj));
+          setsectionproperties(_objectSpread$2o({}, secpropobj));
           setTabIndex(0);
           settabname('descriptiontab');
           if (sectionproperties.prodCatShow == 'Hide' || sectionproperties.descriptionposition != 'Bottom') {
@@ -5147,7 +5147,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[pageindexcontext]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2p({}, secpropobj));
+        setsectionproperties(_objectSpread$2o({}, secpropobj));
       }, [pageindexcontext]);
       React.useEffect(function () {
         if (productidparam == undefined) {
@@ -5167,12 +5167,12 @@
         }
       }, [ProductInfoObj, isloaded]);
       var productidassigner = function productidassigner(productid) {
-        var tempFetchQueriesEngineContext = _objectSpread$2p({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2o({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchproductinfo = true;
-        setFetchQueriesEngineContext(_objectSpread$2p({}, tempFetchQueriesEngineContext));
-        var tempfetchproductinfoObjContext = _objectSpread$2p({}, fetchproductinfoObjContext);
+        setFetchQueriesEngineContext(_objectSpread$2o({}, tempFetchQueriesEngineContext));
+        var tempfetchproductinfoObjContext = _objectSpread$2o({}, fetchproductinfoObjContext);
         tempfetchproductinfoObjContext.productid = productid;
-        setfetchproductinfoObjContext(_objectSpread$2p({}, tempfetchproductinfoObjContext));
+        setfetchproductinfoObjContext(_objectSpread$2o({}, tempfetchproductinfoObjContext));
       };
       React.useEffect(function () {
         if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
@@ -5209,9 +5209,9 @@
             }
             setproductimagesarray([].concat(tempproductimagesarray));
             variantchecker();
-            var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
+            var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
             tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-            setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
+            setaddtocardpayloadobj(_objectSpread$2o({}, tempaddtocardpayloadobj));
             setRelatedProductsTagid(fetchProductInfoQueryContext.data.data.productinfo.maintagid);
             if ((fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer4 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.data) === null || _fetchProductInfoQuer4 === void 0 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.productinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.maintagid) != null && (fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer5 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.data) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.productinfo) === null || _fetchProductInfoQuer5 === void 0 || (_fetchProductInfoQuer5 = _fetchProductInfoQuer5.maintagid) === null || _fetchProductInfoQuer5 === void 0 ? void 0 : _fetchProductInfoQuer5.length) != 0) {
               GeneralAPIMutationContext.mutate({
@@ -5262,7 +5262,7 @@
         });
         variantchecker();
         variantcompleting();
-        setProductInfoObj(_objectSpread$2p({}, productarr));
+        setProductInfoObj(_objectSpread$2o({}, productarr));
       };
       var variantchecker = function variantchecker() {
         var productarr = ProductInfoObj;
@@ -5336,16 +5336,16 @@
               });
             }
             // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-            setProductInfoObj(_objectSpread$2p({}, productarr));
+            setProductInfoObj(_objectSpread$2o({}, productarr));
             setisloaded(true);
           }
         }
       };
       var variantcompleting = function variantcompleting() {
         setvariantindexcompleted('');
-        var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.variantid = '';
-        setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2o({}, tempaddtocardpayloadobj));
         var productarr = ProductInfoObj;
         var selectedoptionsvalues = [];
         productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -5378,7 +5378,7 @@
               NotificationManager.warning('', 'Variant Not Found');
             } else {
               variantid = variantobj.variantid;
-              var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
+              var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
               tempaddtocardpayloadobj.variantid = variantid;
               var variantimageindex = 0;
               productimagesarray === null || productimagesarray === void 0 || productimagesarray.forEach(function (tempimageitem, tempimageindex) {
@@ -5393,14 +5393,14 @@
               }
               setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
               setcurrentshowingimageindex(variantimageindex);
-              setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
+              setaddtocardpayloadobj(_objectSpread$2o({}, tempaddtocardpayloadobj));
               setvariantindexcompleted(ProductVariantIndex);
               setvariantindex(ProductVariantIndex);
             }
           }
         });
         // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-        setProductInfoObj(_objectSpread$2p({}, productarr));
+        setProductInfoObj(_objectSpread$2o({}, productarr));
       };
       var addtocartfunc = function addtocartfunc(forcetocheckout) {
         var runfunc = false;
@@ -5419,7 +5419,7 @@
         }
         if (runfunc == true) {
           var _fetchProductInfoQuer7, _fetchProductInfoQuer8;
-          var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.isproductforcedtocheckout = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer7 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.data) === null || _fetchProductInfoQuer7 === void 0 || (_fetchProductInfoQuer7 = _fetchProductInfoQuer7.productinfo) === null || _fetchProductInfoQuer7 === void 0 ? void 0 : _fetchProductInfoQuer7.isproductforcedtocheckout;
           tempaddtocardpayloadobj.vendorid = fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer8 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.data) === null || _fetchProductInfoQuer8 === void 0 || (_fetchProductInfoQuer8 = _fetchProductInfoQuer8.productinfo) === null || _fetchProductInfoQuer8 === void 0 ? void 0 : _fetchProductInfoQuer8.vendorproviderid;
           if (forcetocheckoutvalue != undefined) {
@@ -5443,7 +5443,7 @@
       };
       var validateextrafields = function validateextrafields() {
         var _fetchProductInfoQuer15;
-        var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
         var status = false;
         var reason = '';
         var missingitemsfound = [];
@@ -6482,7 +6482,7 @@
       }))), /*#__PURE__*/React__default["default"].createElement(material.Box, {
         "class": "w-100 mt-5 mb-4"
       }, tabname == 'descriptiontab' && sectionproperties.descriptionposition == 'Bottom' && /*#__PURE__*/React__default["default"].createElement(DescriptionContent, {
-        actions: _objectSpread$2p(_objectSpread$2p({}, actions), {}, {
+        actions: _objectSpread$2o(_objectSpread$2o({}, actions), {}, {
           productinfo_cssstyles: productinfo_cssstyles,
           sectionproperties: sectionproperties
         })
@@ -6530,7 +6530,7 @@
       })), tabname == 'reviewstab' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-12 p-0 w-100 pl-5 pr-5 p-md-0"
       }, /*#__PURE__*/React__default["default"].createElement(ProductReviews, {
-        actions: _objectSpread$2p(_objectSpread$2p({}, actions), {}, {
+        actions: _objectSpread$2o(_objectSpread$2o({}, actions), {}, {
           productinfo_cssstyles: productinfo_cssstyles,
           sectionproperties: sectionproperties
         })
@@ -6547,8 +6547,8 @@
     var staticroutersidenav = {"vertical_nav_menu":"staticroutersidenav-module_vertical_nav_menu__p0mIj","sidebar_item":"staticroutersidenav-module_sidebar_item__3F9Q1","sidenav_page_name":"staticroutersidenav-module_sidenav_page_name__46AJV","sidenav_icon_cont":"staticroutersidenav-module_sidenav_icon_cont__O8YSe","metismenu_icon":"staticroutersidenav-module_metismenu_icon__EcRZ1","sidenav_active":"staticroutersidenav-module_sidenav_active__IjRo0","horizontal_nav_menu":"staticroutersidenav-module_horizontal_nav_menu__6V32S","sidebar_itemlastchild":"staticroutersidenav-module_sidebar_itemlastchild__9O187"};
     styleInject(css_248z$I);
 
-    function ownKeys$2o(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$2o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2n(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$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Staticpagesrouter = function Staticpagesrouter(props) {
       var _useState = React.useState(props.currentpageprops),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -6584,7 +6584,7 @@
           templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2o({}, secpropobj));
+          setsectionproperties(_objectSpread$2n({}, secpropobj));
         }
       }, [CurrentPageId]);
       var styles = {
@@ -6750,8 +6750,8 @@
       }))))));
     };
 
-    function ownKeys$2n(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$2n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2m(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$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Ordershistory = function Ordershistory(props) {
       var _props$actions2, _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchorderhistoryQue2, _fetchorderhistoryQue3, _fetchorderhistoryQue4, _fetchorderhistoryQue5;
       var lang = props.actions.lang;
@@ -6804,9 +6804,9 @@
         setorderindex = _useState14[1];
       React.useEffect(function () {
         if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-          var tempFetchQueriesEngineContext = _objectSpread$2n({}, FetchQueriesEngineContext);
+          var tempFetchQueriesEngineContext = _objectSpread$2m({}, FetchQueriesEngineContext);
           tempFetchQueriesEngineContext.orderhistory = true;
-          setFetchQueriesEngineContext(_objectSpread$2n({}, tempFetchQueriesEngineContext));
+          setFetchQueriesEngineContext(_objectSpread$2m({}, tempFetchQueriesEngineContext));
         }
       }, []);
       var _useState15 = React.useState(''),
@@ -6827,7 +6827,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2n({}, secpropobj));
+        setsectionproperties(_objectSpread$2m({}, secpropobj));
       }, [props === null || props === void 0 || (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
       var orderhistory_cssstyles = {
         variantcontainer: glamor.css({
@@ -7778,8 +7778,8 @@
     var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
     styleInject(css_248z$H);
 
-    function ownKeys$2m(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$2m(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2m(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2m(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2l(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$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Wishlist = function Wishlist(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
       var lang = props.actions.lang;
@@ -7807,13 +7807,13 @@
           StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2m({}, secpropobj));
+          setsectionproperties(_objectSpread$2l({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$2m({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2l({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-        setFetchQueriesEngineContext(_objectSpread$2m({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$2l({}, tempFetchQueriesEngineContext));
       }, []);
       React.useEffect(function () {
         if (Object.keys(StatePagePropertiesContext).length != 0) {
@@ -7822,7 +7822,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2m({}, secpropobj));
+          setsectionproperties(_objectSpread$2l({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var wishlist_cssstyles = {
@@ -8231,8 +8231,8 @@
       })));
     };
 
-    function ownKeys$2l(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$2l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2k(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$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Viewcart = function Viewcart(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
       var lang = props.actions.lang;
@@ -8264,7 +8264,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2l({}, secpropobj));
+          setsectionproperties(_objectSpread$2k({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -8852,8 +8852,8 @@
     var formstyles = {"form_control":"form-module_form_control__4-RGw","textarea":"form-module_textarea__zG0ed","form_control_border_none":"form-module_form_control_border_none__TJvdZ","disabled":"form-module_disabled__AtvSI","input_label_name":"form-module_input_label_name__416wN","input_label_name-bolder":"form-module_input_label_name-bolder__UQn0a","input_icon":"form-module_input_icon__X-CzC","radiobtn_label":"form-module_radiobtn_label__-4Hoi","text-grey":"form-module_text-grey__JdZMY","radiobtn_label_translated":"form-module_radiobtn_label_translated__WN5Jj","checkbox":"form-module_checkbox__XPkWy","checkbox_label":"form-module_checkbox_label__VvcKs","checkbox_sub":"form-module_checkbox_sub__QWYil","checkboxtranslated":"form-module_checkboxtranslated__zvEV-"};
     styleInject(css_248z$G);
 
-    function ownKeys$2k(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$2k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2j(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$2j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -8912,7 +8912,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2k({}, secpropobj));
+        setsectionproperties(_objectSpread$2j({}, secpropobj));
       }, [props.actions.StatePagePropertiesContext]);
       React.useEffect(function () {
         var Canorder = false;
@@ -8932,10 +8932,10 @@
           }
           if (Canorder == true) {
             var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7;
-            var tempFetchQueriesEngineContext = _objectSpread$2k({}, FetchQueriesEngineContext);
+            var tempFetchQueriesEngineContext = _objectSpread$2j({}, FetchQueriesEngineContext);
             tempFetchQueriesEngineContext.fetchtabexcountries = true;
-            setFetchQueriesEngineContext(_objectSpread$2k({}, tempFetchQueriesEngineContext));
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
+            setFetchQueriesEngineContext(_objectSpread$2j({}, tempFetchQueriesEngineContext));
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2j({}, FetchTabexStatesPayloadobjContext);
             if (
             // Aya
             !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 || (_fetchcustomercartQue = _fetchcustomercartQue.data) === null || _fetchcustomercartQue === void 0 ? void 0 : _fetchcustomercartQue.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue2 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue2 === void 0 || (_fetchcustomercartQue2 = _fetchcustomercartQue2.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart.countryid) != null &&
@@ -8952,7 +8952,7 @@
               var _fetchcustomercartQue8;
               tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue8 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue8 === void 0 || (_fetchcustomercartQue8 = _fetchcustomercartQue8.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart.stateid;
             }
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2j({}, tempFetchTabexStatesPayloadobjContext));
           } else {
             // NotificationManager.warning('', lang.pleaselogintocheckout);
             routingcountext(StaticPagesLinksContext.Login);
@@ -9819,10 +9819,10 @@
           return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue58 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue58 === void 0 || (_fetchcustomercartQue58 = _fetchcustomercartQue58.data) === null || _fetchcustomercartQue58 === void 0 ? void 0 : _fetchcustomercartQue58.customercart.countryid);
         }),
         onChange: function onChange(option) {
-          var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
+          var tempFetchTabexStatesPayloadobjContext = _objectSpread$2j({}, FetchTabexStatesPayloadobjContext);
           tempFetchTabexStatesPayloadobjContext.functype = 'states';
           tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$2j({}, tempFetchTabexStatesPayloadobjContext));
           cartinfoupdater('countryid', option.id);
         },
         styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9867,10 +9867,10 @@
         onChange: function onChange(option) {
           var _fetchcustomercartQue60;
           if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 || (_fetchcustomercartQue60 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue60 === void 0 || (_fetchcustomercartQue60 = _fetchcustomercartQue60.data) === null || _fetchcustomercartQue60 === void 0 ? void 0 : _fetchcustomercartQue60.customercart.countryid.length) != 0) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2j({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2j({}, tempFetchTabexStatesPayloadobjContext));
             cartinfoupdater('stateid', option.id);
           } else {
             NotificationManager.warning('', 'Please Choose Country Or State');
@@ -10234,8 +10234,8 @@
       }, Mycart())))));
     };
 
-    function ownKeys$2j(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$2j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2i(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$2i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var VendorPage = function VendorPage(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -10268,7 +10268,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2j({}, secpropobj));
+          setsectionproperties(_objectSpread$2i({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10391,8 +10391,8 @@
       })));
     };
 
-    function ownKeys$2i(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$2i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2h(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$2h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
@@ -10502,46 +10502,46 @@
         }
       }, [fetchAuthorizationQueryContext.isSuccess]);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$2i({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2h({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
-        setFetchQueriesEngineContext(_objectSpread$2i({}, tempFetchQueriesEngineContext));
-        var tempFetchQueriesEngineContext = _objectSpread$2i({}, FetchQueriesEngineContext);
+        setFetchQueriesEngineContext(_objectSpread$2h({}, tempFetchQueriesEngineContext));
+        var tempFetchQueriesEngineContext = _objectSpread$2h({}, FetchQueriesEngineContext);
       }, []);
       React.useEffect(function () {
         if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-          setsectionproperties(_objectSpread$2i({}, props.sectionpropertiesprops));
+          setsectionproperties(_objectSpread$2h({}, props.sectionpropertiesprops));
         }
       }, [props.sectionpropertiesprops]);
       React.useEffect(function () {
         if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
           if (authdetailsContext.loggedin == true) {
-            var tempcustomerinfoobj = _objectSpread$2i({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
-            setpayloadobj(_objectSpread$2i({}, tempcustomerinfoobj));
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
+            var tempcustomerinfoobj = _objectSpread$2h({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
+            setpayloadobj(_objectSpread$2h({}, tempcustomerinfoobj));
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2h({}, FetchTabexStatesPayloadobjContext);
             if (tempcustomerinfoobj.countryid != null) {
               tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
             }
             if (tempcustomerinfoobj.stateid != null) {
               tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
             }
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2h({}, tempFetchTabexStatesPayloadobjContext));
             setdataloaded(true);
           } else {
             var _fetchinstitutecustom;
-            var tempcustomerinfoobj = _objectSpread$2i({}, payloadobj);
+            var tempcustomerinfoobj = _objectSpread$2h({}, payloadobj);
             if (Array.isArray(fetchinstitutecustomerinfosignupQueryContext === null || fetchinstitutecustomerinfosignupQueryContext === void 0 || (_fetchinstitutecustom = fetchinstitutecustomerinfosignupQueryContext.data) === null || _fetchinstitutecustom === void 0 || (_fetchinstitutecustom = _fetchinstitutecustom.data) === null || _fetchinstitutecustom === void 0 ? void 0 : _fetchinstitutecustom.instsignupformvalues)) {
               tempcustomerinfoobj.instsignupformvalues = _toConsumableArray__default["default"](fetchinstitutecustomerinfosignupQueryContext.data.data.instsignupformvalues);
             }
-            setpayloadobj(_objectSpread$2i({}, tempcustomerinfoobj));
+            setpayloadobj(_objectSpread$2h({}, tempcustomerinfoobj));
             setdataloaded(true);
           }
         }
       }, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
       var payloadobjchange = function payloadobjchange(key, value) {
-        var temppayloadobj = _objectSpread$2i({}, payloadobj);
+        var temppayloadobj = _objectSpread$2h({}, payloadobj);
         temppayloadobj[key] = value;
-        setpayloadobj(_objectSpread$2i({}, temppayloadobj));
+        setpayloadobj(_objectSpread$2h({}, temppayloadobj));
       };
       var validateEmailstring = function validateEmailstring(email) {
         return String(email).toLowerCase().match(/^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/);
@@ -10613,7 +10613,7 @@
       };
       var signupbuttonfunc = function signupbuttonfunc() {
         if (verifypayload() == true) {
-          var temppayloadobj = _objectSpread$2i({}, payloadobj);
+          var temppayloadobj = _objectSpread$2h({}, payloadobj);
           if (authdetailsContext.loggedin == true) {
             temppayloadobj.functype = 'edit';
           } else {
@@ -10770,10 +10770,10 @@
           autoFormat: true,
           value: payloadobj.mobile,
           onChange: function onChange(event, country) {
-            var temp = _objectSpread$2i({}, payloadobj);
+            var temp = _objectSpread$2h({}, payloadobj);
             temp.mobile = event;
             temp.countrydialcode = country.dialCode;
-            setpayloadobj(_objectSpread$2i({}, temp));
+            setpayloadobj(_objectSpread$2h({}, temp));
             // payloadobjchange('mobile', event);
 
             // alert(JSON.stringify(country));
@@ -10830,10 +10830,10 @@
             return option.id == payloadobj.countryid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2h({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'states';
             tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2h({}, tempFetchTabexStatesPayloadobjContext));
             payloadobjchange('countryid', option.id);
           },
           styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -10882,10 +10882,10 @@
             return option.id == payloadobj.stateid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2h({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$2h({}, tempFetchTabexStatesPayloadobjContext));
             payloadobjchange('stateid', option.id);
           },
           styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -11027,9 +11027,9 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$2i({}, payloadobj);
+              var temppayloadobj = _objectSpread$2h({}, payloadobj);
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$2i({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2h({}, temppayloadobj));
             },
             style: {
               background: 'transparent'
@@ -11043,13 +11043,13 @@
             className: formstyles.checkboxinputstyles + ' mt-auto mb-auto ',
             checked: item.customersignupvalue == 1 ? true : false,
             onChange: function onChange() {
-              var temppayloadobj = _objectSpread$2i({}, payloadobj);
+              var temppayloadobj = _objectSpread$2h({}, payloadobj);
               if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
                 temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
               } else {
                 temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
               }
-              setpayloadobj(_objectSpread$2i({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2h({}, temppayloadobj));
             }
           }), /*#__PURE__*/React__default["default"].createElement("svg", {
             viewBox: "0 0 21 21",
@@ -11066,9 +11066,9 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$2i({}, payloadobj);
+              var temppayloadobj = _objectSpread$2h({}, payloadobj);
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$2i({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2h({}, temppayloadobj));
             }
           }, /*#__PURE__*/React__default["default"].createElement("option", {
             value: '',
@@ -11083,9 +11083,9 @@
             value: item.customersignupvalue,
             textplaceholder: "",
             onChange: function onChange(event) {
-              var temppayloadobj = _objectSpread$2i({}, payloadobj);
+              var temppayloadobj = _objectSpread$2h({}, payloadobj);
               temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-              setpayloadobj(_objectSpread$2i({}, temppayloadobj));
+              setpayloadobj(_objectSpread$2h({}, temppayloadobj));
             },
             style: {
               resize: 'none'
@@ -11439,7 +11439,7 @@
         className: "".concat(formstyles.form_control),
         value: validateemailpayload.code,
         onChange: function onChange(event) {
-          setvalidateemailpayload(_objectSpread$2i(_objectSpread$2i({}, validateemailpayload), {}, {
+          setvalidateemailpayload(_objectSpread$2h(_objectSpread$2h({}, validateemailpayload), {}, {
             code: event.target.value
           }));
         },
@@ -11466,12 +11466,12 @@
                 mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                   if (data.data.status) {
                     if (data.data.functype == 'sendcode') {
-                      setvalidateemailpayload(_objectSpread$2i(_objectSpread$2i({}, validateemailpayload), {}, {
+                      setvalidateemailpayload(_objectSpread$2h(_objectSpread$2h({}, validateemailpayload), {}, {
                         step: 'verifycode'
                       }));
                     }
                     if (data.data.functype == 'verifycode') {
-                      setvalidateemailpayload(_objectSpread$2i(_objectSpread$2i({}, validateemailpayload), {}, {
+                      setvalidateemailpayload(_objectSpread$2h(_objectSpread$2h({}, validateemailpayload), {}, {
                         isvalidated: true
                       }));
                       setvalidateemailmodal(false);
@@ -11566,7 +11566,7 @@
         className: "".concat(formstyles.form_control),
         value: validatephonenumberpayload.code,
         onChange: function onChange(event) {
-          setvalidatephonenumberpayload(_objectSpread$2i(_objectSpread$2i({}, validatephonenumberpayload), {}, {
+          setvalidatephonenumberpayload(_objectSpread$2h(_objectSpread$2h({}, validatephonenumberpayload), {}, {
             code: event.target.value
           }));
         },
@@ -11593,12 +11593,12 @@
                 mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
                   if (data.data.status) {
                     if (data.data.functype == 'sendcode') {
-                      setvalidatephonenumberpayload(_objectSpread$2i(_objectSpread$2i({}, validatephonenumberpayload), {}, {
+                      setvalidatephonenumberpayload(_objectSpread$2h(_objectSpread$2h({}, validatephonenumberpayload), {}, {
                         step: 'verifycode'
                       }));
                     }
                     if (data.data.functype == 'verifycode') {
-                      setvalidatephonenumberpayload(_objectSpread$2i(_objectSpread$2i({}, validatephonenumberpayload), {}, {
+                      setvalidatephonenumberpayload(_objectSpread$2h(_objectSpread$2h({}, validatephonenumberpayload), {}, {
                         isvalidated: true
                       }));
                       setvalidatephonenumbermodal(false);
@@ -11634,8 +11634,8 @@
       }, validatephonenumberpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
     };
 
-    function ownKeys$2h(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$2h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2g(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$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Signup = function Signup(props) {
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
       props.actions.CurrentSrcTypeContext;
@@ -11683,7 +11683,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2h({}, secpropobj));
+          setsectionproperties(_objectSpread$2g({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var loginstyles2 = {
@@ -11826,8 +11826,8 @@
       }, SignupContent()));
     };
 
-    function ownKeys$2g(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$2g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2f(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$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Afiiliatesignup = function Afiiliatesignup(props) {
       var _css;
       var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -11893,7 +11893,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2g({}, secpropobj));
+          setsectionproperties(_objectSpread$2f({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       var loginstyles2 = {
@@ -11994,7 +11994,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.name,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2f(_objectSpread$2f({}, affsignuppayload), {}, {
             name: event.target.value
           }));
         },
@@ -12010,7 +12010,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.email,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2f(_objectSpread$2f({}, affsignuppayload), {}, {
             email: event.target.value
           }));
         },
@@ -12028,10 +12028,10 @@
         autoFormat: true,
         value: affsignuppayload.phonenumber,
         onChange: function onChange(event, country) {
-          var temp = _objectSpread$2g({}, affsignuppayload);
+          var temp = _objectSpread$2f({}, affsignuppayload);
           temp.phonenumber = event;
           temp.countrydialcode = country.dialCode;
-          setaffsignuppayload(_objectSpread$2g({}, temp));
+          setaffsignuppayload(_objectSpread$2f({}, temp));
           // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
         },
 
@@ -12047,7 +12047,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.ssn,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2f(_objectSpread$2f({}, affsignuppayload), {}, {
             ssn: event.target.value
           }));
         },
@@ -12063,7 +12063,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.password,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2f(_objectSpread$2f({}, affsignuppayload), {}, {
             password: event.target.value
           }));
         },
@@ -12079,7 +12079,7 @@
         className: "".concat(loginstyles2.form_control),
         value: affsignuppayload.confirmpassword,
         onChange: function onChange(event) {
-          setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
+          setaffsignuppayload(_objectSpread$2f(_objectSpread$2f({}, affsignuppayload), {}, {
             confirmpassword: event.target.value
           }));
         },
@@ -12132,8 +12132,8 @@
       }), !GeneralAPIMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("span", null, langdetect == 'en' ? sectionproperties.signupbtn_contenten : sectionproperties.signupbtn_contentar)))))))));
     };
 
-    function ownKeys$2f(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$2f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2e(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$2e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var AccountInformation = function AccountInformation(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
       var lang = props.actions.lang;
@@ -12160,7 +12160,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2f({}, secpropobj));
+        setsectionproperties(_objectSpread$2e({}, secpropobj));
       }, [props.actions.StatePagePropertiesContext]);
       React.useEffect(function () {
         var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
@@ -12322,8 +12322,8 @@
     var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","tabsliheaderresp":"tabs-module_tabsliheaderresp__TPNhh","accordionContainer":"tabs-module_accordionContainer__-MSW5","policiestabs":"tabs-module_policiestabs__nopXD"};
     styleInject(css_248z$F);
 
-    function ownKeys$2e(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$2e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2d(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$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Policies = function Policies(props) {
       var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3;
       var _useState = React.useState(''),
@@ -12354,7 +12354,7 @@
           StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
             secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
           });
-          setsectionproperties(_objectSpread$2e({}, secpropobj));
+          setsectionproperties(_objectSpread$2d({}, secpropobj));
         }
       }, [StatePagePropertiesContext]);
       React.useEffect(function () {
@@ -12367,9 +12367,9 @@
         }
       }, []);
       React.useEffect(function () {
-        var tempFetchQueriesEngineContext = _objectSpread$2e({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2d({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-        setFetchQueriesEngineContext(_objectSpread$2e({}, tempFetchQueriesEngineContext));
+        setFetchQueriesEngineContext(_objectSpread$2d({}, tempFetchQueriesEngineContext));
       }, []);
       var _useState7 = React.useState([]),
         _useState8 = _slicedToArray__default["default"](_useState7, 2),
@@ -12599,8 +12599,8 @@
     var cartstyles = {"cartslider_container":"cart-module_cartslider_container__idend","close_menu_icon_cont":"cart-module_close_menu_icon_cont__uh-pE","cart_slider_imagecont":"cart-module_cart_slider_imagecont__tnHMt","checkout_cart_slider_imagecont":"cart-module_checkout_cart_slider_imagecont__UX2ct","checkout_quantity_cont":"cart-module_checkout_quantity_cont__Rr3RO","btn_circle":"cart-module_btn_circle__p-BDZ","cart_progress_card":"cart-module_cart_progress_card__jEFwg","cart_progress_card_active":"cart-module_cart_progress_card_active__gQzWT","trash_btn":"cart-module_trash_btn__bHQxy","btn_apply":"cart-module_btn_apply__phbo8","checkout_card_card":"cart-module_checkout_card_card__4zUo9"};
     styleInject(css_248z$E);
 
-    function ownKeys$2d(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$2d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2c(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$2c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var CartSlider = function CartSlider(props) {
       var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
       var lang = props.actions.lang;
@@ -12666,7 +12666,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2d({}, secpropobj));
+        setsectionproperties(_objectSpread$2c({}, secpropobj));
       }, [CurrentPageId]);
       React.useEffect(function () {
         if (CurrentSrcTypeContext == 'workplace') {
@@ -12676,7 +12676,7 @@
             StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
               secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
             });
-            setsectionproperties(_objectSpread$2d({}, secpropobj));
+            setsectionproperties(_objectSpread$2c({}, secpropobj));
           }
         }
       }, [StatePagePropertiesContext]);
@@ -13246,8 +13246,8 @@
       }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar))))))))));
     };
 
-    function ownKeys$2c(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$2c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2b(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$2b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Categoriesdropdown = function Categoriesdropdown(props) {
       var _useState = React.useState(''),
         _useState2 = _slicedToArray__default["default"](_useState, 2);
@@ -13291,7 +13291,7 @@
         templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 || (_templatepropcontext$ = _templatepropcontext$.pageproperties) === null || _templatepropcontext$ === void 0 || _templatepropcontext$.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2c({}, secpropobj));
+        setsectionproperties(_objectSpread$2b({}, secpropobj));
       }, [CurrentPageId]);
       React.useEffect(function () {
         if (CurrentSrcTypeContext == 'workplace') {
@@ -13301,7 +13301,7 @@
             StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 || (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 || (_StatePagePropertiesC = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC === void 0 || _StatePagePropertiesC.forEach(function (arrayItem, arrayindex) {
               secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
             });
-            setsectionproperties(_objectSpread$2c({}, secpropobj));
+            setsectionproperties(_objectSpread$2b({}, secpropobj));
           }
         }
       }, [StatePagePropertiesContext]);
@@ -13529,8 +13529,8 @@
       }, CategoriesDropdown()));
     };
 
-    function ownKeys$2b(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$2b(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2b(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2b(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$2a(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$2a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var OrderSuccess = function OrderSuccess(props) {
       var _props$actions2;
       props.actions.lang;
@@ -13580,7 +13580,7 @@
         props === null || props === void 0 || (_props$actions = props.actions) === null || _props$actions === void 0 || (_props$actions = _props$actions.StatePagePropertiesContext) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageobj) === null || _props$actions === void 0 || (_props$actions = _props$actions.pageproperties) === null || _props$actions === void 0 || _props$actions.forEach(function (arrayItem, arrayindex) {
           secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
         });
-        setsectionproperties(_objectSpread$2b({}, secpropobj));
+        setsectionproperties(_objectSpread$2a({}, secpropobj));
       }, [props === null || props === void 0 || (_props$actions2 = props.actions) === null || _props$actions2 === void 0 ? void 0 : _props$actions2.StatePagePropertiesContext]);
       var authdetailsContext = props.actions.authdetailsContext;
       var ordersuccessstyle = {
@@ -13677,12 +13677,12 @@
     var filterstyles = {"timeline":"filter-module_timeline__ROm9Q","border_left_line":"filter-module_border_left_line__IkxXK","btn_item":"filter-module_btn_item__GoKTf","timelineinnercont_active":"filter-module_timelineinnercont_active__2sLI7","timeline_text":"filter-module_timeline_text__NgaGy","timelineinnercont":"filter-module_timelineinnercont__Zme9K","timelinetrans":"filter-module_timelinetrans__KzVCg","filterslider_container":"filter-module_filterslider_container__I-7sG","filterslider_container_opened":"filter-module_filterslider_container_opened__2eZes","outercontainer":"filter-module_outercontainer__kmY9b","innercontainer":"filter-module_innercontainer__VKukp","card":"filter-module_card__7yDs0"};
     styleInject(css_248z$D);
 
-    function ownKeys$2a(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$2a(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$2a(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$2a(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+    function ownKeys$29(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$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
     var Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
       return import('react-select');
     });
-    var Filter$2 = function Filter(props) {
+    var Filter$1 = function Filter(props) {
       var _css;
       var lang = props.actions.lang;
       var langdetect = props.actions.langdetect;
@@ -13818,11 +13818,11 @@
         }
         timeoutRef.current = setTimeout(function () {
           if (raterangevalue.min != 0 || raterangevalue.max != 5) {
-            var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+            var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
             tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
             // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
           }
         }, 500);
@@ -13908,33 +13908,33 @@
       }, [ProductFilterObjContext, fetchCategoriesQueryContext.isSuccess, fetchcollectionsQueryContext.isSuccess, instcategories, instcollections]);
       React.useEffect(function () {
         if (productfeatuesarr.length != 0) {
-          var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
           tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
-          setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
           filterrouting(tempfetchproductsfilerobjcontext);
         }
       }, [productfeatuesarr]);
       React.useEffect(function () {
         if (fetchTabexStatesQueryContext.isSuccess) {
           if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
+            setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
           }
         }
       }, [fetchTabexStatesQueryContext.isSuccess]);
       var filterupdater = function filterupdater() {
         setTimeout(function () {
-          var tempFetchQueriesEngineContext = _objectSpread$2a({}, FetchQueriesEngineContext);
+          var tempFetchQueriesEngineContext = _objectSpread$29({}, FetchQueriesEngineContext);
           tempFetchQueriesEngineContext.fetchtabexcountries = true;
           setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
         }, 100);
         if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
-          var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
+          var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
           tempFetchTabexStatesPayloadobjContext.functype = 'states';
           tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
+          setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
         }
         if (instfilters.length != 0) {
           var _ProductFilterObjCont3;
@@ -13996,7 +13996,7 @@
         }
       };
       var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
         if (type == 'clearfilters') {
           tempfetchproductsfilerobjcontext.FilterOptions = [];
         } else {
@@ -14020,14 +14020,14 @@
           tempfetchproductsfilerobjcontext.isfilter = 1;
         }
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
 
       var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
         var _tempfetchproductsfil2;
-        var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
         var CollectionExists = false;
         tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
           if (filteritem == collectionid) {
@@ -14049,7 +14049,7 @@
         }
         tempfetchproductsfilerobjcontext.page = 0;
         tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-        setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       };
@@ -14070,11 +14070,11 @@
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
           }
         }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
           className: "p-0"
@@ -14132,11 +14132,11 @@
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
           }
         })), /*#__PURE__*/React__default["default"].createElement("div", {
           className: "col-lg-12 p-0"
@@ -14210,11 +14210,11 @@
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
           }
         }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
           className: "p-0"
@@ -14253,9 +14253,7 @@
             setcollectionstobevisible(instcollections);
           }
           // style={{ cursor: 'pointer' }}
-        }, langdetect == 'en' ? sectionproperties.showalltexten : sectionproperties.showalltextar))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
-          className: "mt-3 mb-3"
-        })));
+        }, langdetect == 'en' ? sectionproperties.showalltexten : sectionproperties.showalltextar)))))))));
       };
       var DynamicFilter = function DynamicFilter() {
         var _fetchProductFeatures;
@@ -14264,66 +14262,192 @@
         }, /*#__PURE__*/React__default["default"].createElement("div", {
           "class": "col-lg-12 p-0 mb-3"
         }, (fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 ? void 0 : fetchProductFeaturesQueryContext.isSuccess) && /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+          className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3 w-100"
         }, fetchProductFeaturesQueryContext === null || fetchProductFeaturesQueryContext === void 0 || (_fetchProductFeatures = fetchProductFeaturesQueryContext.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.data) === null || _fetchProductFeatures === void 0 || (_fetchProductFeatures = _fetchProductFeatures.productfeatues) === null || _fetchProductFeatures === void 0 ? void 0 : _fetchProductFeatures.map(function (item, index) {
+          // if (item.type == 'Selectbox') {
+          //     var selectboxarr = [];
+          //     item?.featuresselectbovalue?.forEach(function (slecitem) {
+          //         var itemlabel = '';
+          //         if (langdetect == 'en') {
+          //             itemlabel = slecitem.value_en;
+          //         } else {
+          //             itemlabel = slecitem.value_ar;
+          //         }
+          //         selectboxarr.push({ label: itemlabel, value: slecitem.value_en });
+          //     });
+          //     return (
+          //         <div class="col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0">
+          //             <label
+          //                 className={' mb-3 w-100 '}
+          //                 style={{
+          //                     textAlign: langdetect == 'en' ? 'left' : 'right',
+          //                     color: sectionproperties.filtertitle_color,
+          //                     color: sectionproperties.filtertitle_color,
+          //                     fontSize: sectionproperties.filtertitle_fontsize + 'px',
+          //                     fontWeight: sectionproperties.filtertitle_fontweight,
+          //                     color: sectionproperties.filtertitle_color,
+          //                     textTransform: 'capitalize',
+          //                 }}
+          //             >
+          //                 {langdetect == 'en' ? item.name_en : item.name_ar}
+          //             </label>
+          //             <div class={'col-lg-12 p-0'}>
+          //                 <Select
+          //                     options={selectboxarr}
+          //                     styles={langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated}
+          //                     placeholder={''}
+          //                     onChange={(e) => {
+          //                         var isattrexists = false;
+          //                         var tempproductfeatuesarr = [...productfeatuesarr];
+          //                         tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
+          //                             if (attritem.id == item.id) {
+          //                                 tempproductfeatuesarr[attrindex].value = e.value;
+          //                                 isattrexists = true;
+          //                             }
+          //                         });
+          //                         if (isattrexists == false) {
+          //                             tempproductfeatuesarr.push({
+          //                                 id: item.id,
+          //                                 value: e.value,
+          //                             });
+          //                         }
+          //                         setproductfeatuesarr([...tempproductfeatuesarr]);
+          //                     }}
+          //                 />
+          //             </div>
+          //         </div>
+          //     );
+          // }
           if (item.type == 'Selectbox') {
-            var _item$featuresselectb, _ref;
-            var selectboxarr = [];
-            item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 || _item$featuresselectb.forEach(function (slecitem) {
-              var itemlabel = '';
-              if (langdetect == 'en') {
-                itemlabel = slecitem.value_en;
+            var _item$featuresselectb;
+            // item?.featuresselectbovalue?.forEach(function (slecitem) {
+            //     var itemlabel = '';
+            //     var itemlabelar = '';
+            //     if (langdetect == 'en') {
+            //         itemlabel = slecitem.value_en;
+            //     } else {
+            //         itemlabel = slecitem.value_ar;
+            //     }
+            //     selectboxarr.push({ label: itemlabel, value: slecitem.value_en });
+            // });
+            return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+              allowMultipleExpanded: true,
+              allowZeroExpanded: true,
+              preExpanded: [0, 1, 2, 3]
+            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+              uuid: index
+            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: filter_cssstyles.titlecontainer + ' row m-0 w-100 p-0 mb-2 pl-md-3 pr-md-3 '
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "col-lg-10 col-md-10 col-sm-10 p-0"
+            }, /*#__PURE__*/React__default["default"].createElement("p", {
+              className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+            }, langdetect == 'en' ? item.name_en : item.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "col-lg-2 col-md-2 col-sm-2 p-0"
+            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+              if (state.expanded == true) {
+                return /*#__PURE__*/React__default["default"].createElement("i", {
+                  className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+                }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
               } else {
-                itemlabel = slecitem.value_ar;
+                return /*#__PURE__*/React__default["default"].createElement("i", {
+                  className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+                }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
               }
-              selectboxarr.push({
-                label: itemlabel,
-                value: slecitem.value_en
-              });
-            });
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
-            }, /*#__PURE__*/React__default["default"].createElement("label", {
-              className: ' mb-3 w-100 ',
-              style: (_ref = {
-                textAlign: langdetect == 'en' ? 'left' : 'right',
-                color: sectionproperties.filtertitle_color
-              }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "textTransform", 'capitalize'), _ref)
-            }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
-              "class": 'col-lg-12 p-0'
-            }, /*#__PURE__*/React__default["default"].createElement(Select$1, {
-              options: selectboxarr,
-              styles: langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated,
-              placeholder: '',
-              onChange: function onChange(e) {
-                var isattrexists = false;
-                var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
-                tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
-                  if (attritem.id == item.id) {
-                    tempproductfeatuesarr[attrindex].value = e.value;
-                    isattrexists = true;
-                  }
-                });
-                if (isattrexists == false) {
-                  tempproductfeatuesarr.push({
-                    id: item.id,
-                    value: e.value
+            }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+              className: "p-0"
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+            }, item === null || item === void 0 || (_item$featuresselectb = item.featuresselectbovalue) === null || _item$featuresselectb === void 0 ? void 0 : _item$featuresselectb.map(function (slecitem, slecindex) {
+              return /*#__PURE__*/React__default["default"].createElement("div", {
+                className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                    ").concat(slecitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                             \n                                                                                ") + ' d-flex align-items-start pb-3 ',
+                onClick: function onClick(e) {
+                  var isattrexists = false;
+                  var tempproductfeatuesarr = _toConsumableArray__default["default"](productfeatuesarr);
+                  tempproductfeatuesarr === null || tempproductfeatuesarr === void 0 || tempproductfeatuesarr.forEach(function (attritem, attrindex) {
+                    if (attritem.id == slecitem.id) {
+                      tempproductfeatuesarr[attrindex].value = slecitem.value_en;
+                      isattrexists = true;
+                    }
                   });
+                  if (isattrexists == false) {
+                    tempproductfeatuesarr.push({
+                      id: slecitem.id,
+                      value: slecitem.value_en
+                    });
+                  }
+                  setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
+
+                  // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
                 }
-                setproductfeatuesarr(_toConsumableArray__default["default"](tempproductfeatuesarr));
-              }
-            })));
-          }
+              }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+                className: " ".concat(slecitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
+              }, /*#__PURE__*/React__default["default"].createElement("i", {
+                className: "h-100 d-flex align-items-center"
+              }))), /*#__PURE__*/React__default["default"].createElement("div", {
+                className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+              }, /*#__PURE__*/React__default["default"].createElement("p", {
+                className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+                style: {
+                  color: slecitem.isfilterselected ? sectionproperties.activecat_color : ''
+                }
+              }, langdetect == 'en' ? slecitem.value_en : slecitem.value_ar)));
+            }))))))
+            // <div class="col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0">
+            //     <label
+            //         className={' mb-3 w-100 '}
+            //         style={{
+            //             textAlign: langdetect == 'en' ? 'left' : 'right',
+            //             color: sectionproperties.filtertitle_color,
+            //             color: sectionproperties.filtertitle_color,
+            //             fontSize: sectionproperties.filtertitle_fontsize + 'px',
+            //             fontWeight: sectionproperties.filtertitle_fontweight,
+            //             color: sectionproperties.filtertitle_color,
+            //             textTransform: 'capitalize',
+            //         }}
+            //     >
+            //         {langdetect == 'en' ? item.name_en : item.name_ar}
+            //     </label>
+            //     <div class={'col-lg-12 p-0'}>
+            //         <Select
+            //             options={selectboxarr}
+            //             styles={langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated}
+            //             placeholder={''}
+            //             onChange={(e) => {
+            //                 var isattrexists = false;
+            //                 var tempproductfeatuesarr = [...productfeatuesarr];
+            //                 tempproductfeatuesarr?.forEach(function (attritem, attrindex) {
+            //                     if (attritem.id == item.id) {
+            //                         tempproductfeatuesarr[attrindex].value = e.value;
+            //                         isattrexists = true;
+            //                     }
+            //                 });
+            //                 if (isattrexists == false) {
+            //                     tempproductfeatuesarr.push({
+            //                         id: item.id,
+            //                         value: e.value,
+            //                     });
+            //                 }
+            //                 setproductfeatuesarr([...tempproductfeatuesarr]);
+            //             }}
+            //         />
+            //     </div>
+            // </div>
+            ;
+          }
+          // up here
           if (item.type == 'Number') {
-            var _ref2;
+            var _ref;
             return /*#__PURE__*/React__default["default"].createElement("div", {
               "class": "col-lg-12 col-md-12 d-flex flex-column align-items-center justify-content-start mb-3 p-0"
             }, /*#__PURE__*/React__default["default"].createElement("label", {
               className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100 ',
-              style: (_ref2 = {
+              style: (_ref = {
                 textAlign: langdetect == 'en' ? 'left' : 'right',
                 color: sectionproperties.filtertitle_color
-              }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "textTransform", 'capitalize'), _ref2)
+              }, _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref, "textTransform", 'capitalize'), _ref)
             }, langdetect == 'en' ? item.name_en : item.name_ar), /*#__PURE__*/React__default["default"].createElement("div", {
               "class": 'col-lg-12 p-0'
             }, /*#__PURE__*/React__default["default"].createElement("input", {
@@ -14350,7 +14474,7 @@
             })));
           }
           if (item.type == 'NumberRange') {
-            var _ref3;
+            var _ref2;
             var temppricevalue = {
               min: 0,
               max: 10000
@@ -14371,10 +14495,10 @@
               className: "".concat(langdetect == 'en' ? 'text-left' : 'text-right') + ' col-lg-12 col-md-12 col-sm-12 mb-3 '
             }, /*#__PURE__*/React__default["default"].createElement("label", {
               className: "".concat(filter_cssstyles.input_label_name) + ' mb-3 w-100',
-              style: (_ref3 = {
+              style: (_ref2 = {
                 textAlign: langdetect == 'en' ? 'left' : 'right',
                 color: sectionproperties.filtertitle_color
-              }, _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref3, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref3, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref3, "textTransform", 'capitalize'), _ref3)
+              }, _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "fontSize", sectionproperties.filtertitle_fontsize + 'px'), _defineProperty__default["default"](_ref2, "fontWeight", sectionproperties.filtertitle_fontweight), _defineProperty__default["default"](_ref2, "color", sectionproperties.filtertitle_color), _defineProperty__default["default"](_ref2, "textTransform", 'capitalize'), _ref2)
             }, langdetect == 'en' ? item.name_en : item.name_ar, item.type), /*#__PURE__*/React__default["default"].createElement("div", {
               "class": 'col-lg-12 pl-4 pr-4 mt-2 mb-2',
               style: {
@@ -14413,60 +14537,70 @@
         }))));
       };
       var InstFilters = function InstFilters() {
-        return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-          allowMultipleExpanded: true,
-          allowZeroExpanded: true
-        }, instfilters.map(function (item, index) {
-          return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
-            uuid: index
-          }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-10 col-md-10 col-sm-10 p-0"
-          }, /*#__PURE__*/React__default["default"].createElement("p", {
-            className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
-          }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-2 col-md-2 col-sm-2 p-0"
-          }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
-            if (state.expanded == true) {
-              return /*#__PURE__*/React__default["default"].createElement("i", {
-                className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-              }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
-            } else {
-              return /*#__PURE__*/React__default["default"].createElement("i", {
-                className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-              }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
-            }
-          }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
-            className: "p-0"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: 'col-lg-12'
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
-          }, item.productvaluesfilter.map(function (valueitem, valueindex) {
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                            ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                     \n                                                        ") + ' d-flex align-items-start pb-3 ',
-              onClick: function onClick() {
-                setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
-              }
-            }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
-            }, /*#__PURE__*/React__default["default"].createElement("i", {
-              className: "h-100 d-flex align-items-center"
-            }))), /*#__PURE__*/React__default["default"].createElement("div", {
-              className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+        return (
+          /*#__PURE__*/
+          // <Accordion allowMultipleExpanded={true} allowZeroExpanded={true}>
+          React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+            allowMultipleExpanded: true,
+            allowZeroExpanded: true,
+            preExpanded: [0, 1, 2, 3]
+          }, instfilters.map(function (item, index) {
+            return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+              uuid: index
+            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 mb-4 '
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "col-lg-10 col-md-10 col-sm-10 p-0"
             }, /*#__PURE__*/React__default["default"].createElement("p", {
-              className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
-              style: {
-                color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+              className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+            }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "col-lg-2 col-md-2 col-sm-2 p-0"
+            }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+              if (state.expanded == true) {
+                return /*#__PURE__*/React__default["default"].createElement("i", {
+                  className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+                }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+              } else {
+                return /*#__PURE__*/React__default["default"].createElement("i", {
+                  className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+                }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
               }
-            }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
-          })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
-            className: "mt-3 mb-3"
-          }));
-        }));
+            }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+              className: "p-0"
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+            }, /*#__PURE__*/React__default["default"].createElement("ul", {
+              "class": "thwvsf-wrapper-ul"
+            }, /*#__PURE__*/React__default["default"].createElement("div", {
+              className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+            }, item.productvaluesfilter.map(function (valueitem, valueindex) {
+              return /*#__PURE__*/React__default["default"].createElement("div", {
+                className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                            ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                     \n                                                        ") + ' d-flex align-items-start pb-3 ',
+                onClick: function onClick() {
+                  setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
+                }
+              }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+                className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
+              }, /*#__PURE__*/React__default["default"].createElement("i", {
+                className: "h-100 d-flex align-items-center"
+              }))), item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
+                className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+              }, /*#__PURE__*/React__default["default"].createElement("p", {
+                className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+                style: {
+                  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+                }
+              }, valueitem.value_identifier)), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("div", {
+                className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+              }, /*#__PURE__*/React__default["default"].createElement("p", {
+                className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+                style: {
+                  color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
+                }
+              }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
+            })))))));
+          }))
+        );
       };
       var filter_cssstyles = {
         form_control: glamor.css((_css = {
@@ -14645,14 +14779,14 @@
             return option.id == ProductFilterObjContext.countryid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'states';
             tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
-            var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+            setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
+            var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.countryid = option.id;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
             filterrouting(tempfetchproductsfilerobjcontext);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -14689,14 +14823,14 @@
             return option.id == ProductFilterObjContext.stateid;
           }),
           onChange: function onChange(option) {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
+            var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
             tempFetchTabexStatesPayloadobjContext.functype = 'cities';
             tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
-            var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+            setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
+            var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.stateid = option.id;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
             filterrouting(tempfetchproductsfilerobjcontext);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -14733,10 +14867,10 @@
             return option.id == ProductFilterObjContext.cityid;
           }),
           onChange: function onChange(option) {
-            var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+            var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
             tempfetchproductsfilerobjcontext.cityid = option.id;
             tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+            setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
             filterrouting(tempfetchproductsfilerobjcontext);
           },
           styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -14760,11 +14894,14 @@
       //     }
       // }, []);
       return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
+        // className={sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'}
+        className: 'row m-0 p-0 w-100',
         style: {
           marginTop: sectionproperties.filtersection_mt + 'px',
           minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
         }
+      }, props.typeprops != 'vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'
       }, sectionproperties.filterType == 'Title & Sort By Only' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row mx-0 w-100",
         style: {
@@ -14840,14 +14977,14 @@
               color: ischecked ? sectionproperties.activecat_color : ''
             },
             onClick: function onClick() {
-              var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+              var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
               if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
               } else {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
               tempfetchproductsfilerobjcontext.page = 0;
-              setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+              setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
               filterrouting(tempfetchproductsfilerobjcontext);
               setsortbycontext(valueitem.name);
             }
@@ -14992,11 +15129,11 @@
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
           }
         }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
           className: "p-0"
@@ -15020,14 +15157,14 @@
           return /*#__PURE__*/React__default["default"].createElement("div", {
             className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-start pb-3 ',
             onClick: function onClick() {
-              var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+              var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
               if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
               } else {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
               tempfetchproductsfilerobjcontext.page = 0;
-              setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+              setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
               filterrouting(tempfetchproductsfilerobjcontext);
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -15062,7 +15199,7 @@
         minValue: 0,
         value: raterangevalue,
         onChange: function onChange(value) {
-          setraterangevalue(_objectSpread$2a({}, value));
+          setraterangevalue(_objectSpread$29({}, value));
         }
       }))))), /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-9 col-md-9 col-sm-9 d-flex align-items-center d-md-none"
@@ -15176,11 +15313,11 @@
           if (state.expanded == true) {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
           } else {
             return /*#__PURE__*/React__default["default"].createElement("i", {
               className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
-            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
           }
         }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
           className: "p-0"
@@ -15205,13 +15342,13 @@
             className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-start pb-3 ',
             onClick: function onClick() {
               // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
-              var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+              var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
               if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
               } else {
                 tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
               }
-              setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+              setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
             }
           }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
             className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
@@ -15225,9 +15362,7 @@
               color: ischecked ? sectionproperties.activecat_color : ''
             }
           }, valueitem.name)));
-        }))))))), /*#__PURE__*/React__default["default"].createElement("hr", {
-          className: "mt-3 mb-3"
-        }));
+        }))))))));
       }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: "col-lg-12"
       }, /*#__PURE__*/React__default["default"].createElement("hr", {
@@ -15240,570 +15375,188 @@
         "class": "row m-0 w-100"
       }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "row m-0 w-100"
-      }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
-    };
-
-    function ownKeys$29(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$29(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$29(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$29(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-    var Filter$1 = function Filter(props) {
-      var _css;
-      var lang = props.actions.lang;
-      var langdetect = props.actions.langdetect;
-      props.actions.productfiltercontext;
-      props.actions.setproductfiltercontext;
-      var ProductFilterObjContext = props.actions.ProductFilterObjContext;
-      var setProductFilterObjContext = props.actions.setProductFilterObjContext;
-      props.actions.authdetailsContext;
-      var fetchproductoptionsQueryContext = props.actions.fetchproductoptionsQueryContext;
-      var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
-      var routingcountext = props.actions.routingcountext;
-      var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
-      var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-      props.actions.ikimagecredcontext;
-      var _useState = React.useState({
-          min: 0,
-          max: 10000
-        }),
-        _useState2 = _slicedToArray__default["default"](_useState, 2);
-        _useState2[0];
-        _useState2[1];
-      var _useState3 = React.useState([]),
-        _useState4 = _slicedToArray__default["default"](_useState3, 2),
-        productfeatuesarr = _useState4[0];
-        _useState4[1];
-      props.actions.fetchTabexCountriesQueryContext;
-      var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
-      var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
-      props.actions.fetchTabexCitiesQueryContext;
-      var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
-      var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
-      var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
-      props.actions.fetchProductFeaturesQueryContext;
-      var _useState5 = React.useState(''),
-        _useState6 = _slicedToArray__default["default"](_useState5, 2),
-        sectionproperties = _useState6[0],
-        setsectionproperties = _useState6[1];
-      // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
-      var _useState7 = React.useState([]),
-        _useState8 = _slicedToArray__default["default"](_useState7, 2),
-        instfilters = _useState8[0],
-        setinstfilters = _useState8[1];
-      var _useState9 = React.useState([]),
-        _useState10 = _slicedToArray__default["default"](_useState9, 2);
-        _useState10[0];
-        var setcollectionstobevisible = _useState10[1];
-      var _useState11 = React.useState([]),
-        _useState12 = _slicedToArray__default["default"](_useState11, 2),
-        instcollections = _useState12[0],
-        setinstcollections = _useState12[1];
-      var _useState13 = React.useState([]),
-        _useState14 = _slicedToArray__default["default"](_useState13, 2),
-        instcategories = _useState14[0],
-        setinstcategories = _useState14[1];
-      // const [sortby, setSortby] = useState('Sort by');
-      var _useState15 = React.useState({
-          min: 0,
-          max: 5
-        }),
-        _useState16 = _slicedToArray__default["default"](_useState15, 2),
-        raterangevalue = _useState16[0];
-        _useState16[1];
-      var timeoutRef = React__default["default"].useRef(null);
-      var _useState17 = React.useState(''),
-        _useState18 = _slicedToArray__default["default"](_useState17, 2);
-        _useState18[0];
-        _useState18[1];
-      var _useState19 = React.useState([{
-          payloadvalue: 'sortprice',
-          name: lang.price,
-          filterarray: [{
-            name: lang.pricehightolow,
-            value: 'hightolow',
-            isfilterselected: false
-          }, {
-            name: lang.pricelowtohigh,
-            value: 'lowtohigh',
-            isfilterselected: false
-          }]
-        }, {
-          payloadvalue: 'sortdates',
-          name: lang.dates,
-          filterarray: [{
-            name: lang.recent,
-            value: 'recent',
-            isfilterselected: false
-          }, {
-            name: lang.oldest,
-            value: 'old',
-            isfilterselected: false
-          }]
-        }]),
-        _useState20 = _slicedToArray__default["default"](_useState19, 2);
-        _useState20[0];
-        _useState20[1];
-      React.useEffect(function () {
-        filterupdater();
-      }, []);
-      React.useEffect(function () {
-        if (fetchproductoptionsQueryContext.isSuccess) {
-          var _fetchproductoptionsQ;
-          setinstfilters(_toConsumableArray__default["default"](fetchproductoptionsQueryContext === null || fetchproductoptionsQueryContext === void 0 || (_fetchproductoptionsQ = fetchproductoptionsQueryContext.data) === null || _fetchproductoptionsQ === void 0 || (_fetchproductoptionsQ = _fetchproductoptionsQ.data) === null || _fetchproductoptionsQ === void 0 ? void 0 : _fetchproductoptionsQ.productoptions));
-        }
-      }, [fetchproductoptionsQueryContext.isSuccess]);
-      React.useEffect(function () {
-        if (fetchCategoriesQueryContext.isSuccess) {
-          var _fetchCategoriesQuery;
-          setinstcategories(_toConsumableArray__default["default"](fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories));
-        }
-      }, [fetchCategoriesQueryContext.isSuccess]);
-      React.useEffect(function () {
-        if (fetchcollectionsQueryContext.isSuccess) {
-          var _fetchcollectionsQuer;
-          setinstcollections(_toConsumableArray__default["default"](fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
-        }
-      }, [fetchcollectionsQueryContext.isSuccess]);
-      // useEffect(() => {
-      //     // setinstfilters([...authdetailsContext.instinfo.instfilters]);
-      //     // setinstcollections([...authdetailsContext.instinfo.instcollections]);
-      //     // setinstcategories([...authdetailsContext?.instinfo?.instcategories]);
-      // }, [authdetailsContext]);
-      React.useEffect(function () {
-        if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-          setsectionproperties(props.sectionpropertiesprops);
-        }
-      }, [props.sectionpropertiesprops]);
-      React.useEffect(function () {
-        filterupdater();
-      }, [ProductFilterObjContext]);
-      React__default["default"].useEffect(function () {
-        if (timeoutRef.current !== null) {
-          clearTimeout(timeoutRef.current);
-        }
-        timeoutRef.current = setTimeout(function () {
-          if (raterangevalue.min != 0 || raterangevalue.max != 5) {
-            var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
-            tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
-            tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
-            tempfetchproductsfilerobjcontext.page = 0;
-            setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
-            // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
-          }
-        }, 500);
-      }, [raterangevalue]);
-      React.useEffect(function () {
-        if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
-          if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
-            if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
-              var _parentidsfound;
-              var collectiontobevisible = [];
-              var parentidsfound = [];
-              if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
-                parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
-              } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
-                instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
-                  var _ProductFilterObjCont;
-                  ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 || _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
-                    if (catitem.categoryid == colitem2) {
-                      var _catitem$parentcollet;
-                      catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
-                        parentidsfound.push(parentcolitem.parentcollectionid);
-                      });
-                    }
-                  });
-                });
-              } else {
-                instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
-                  var _catitem$parentcollet2;
-                  catitem === null || catitem === void 0 || (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 || _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
-                    var _parentcolitem$collec;
-                    parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (colitem, colindex) {
-                      var _ProductFilterObjCont2;
-                      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 || _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
-                        if (colitem.collectionid == colitem2) {
-                          parentidsfound.push(parentcolitem.parentcollectionid);
-                        }
-                      });
-                    });
-                  });
-                });
-              }
-              parentidsfound = parentidsfound.filter(function (val, id, array) {
-                return array.indexOf(val) == id;
-              });
-              if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
-                instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
-                  var _catitem$parentcollet3;
-                  catitem === null || catitem === void 0 || (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 || _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
-                    var _parentidsfound2;
-                    (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 || _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
-                      if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
-                        var _parentcolitem$collec2;
-                        parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 || _parentcolitem$collec2.forEach(function (colitem, colindex) {
-                          var iscolexists = false;
-                          collectiontobevisible === null || collectiontobevisible === void 0 || collectiontobevisible.forEach(function (colitemex, colindexex) {
-                            if (colitemex.collectionid == colitem.collectionid) {
-                              iscolexists = true;
-                            }
-                          });
-                          if (iscolexists == false) {
-                            collectiontobevisible.push(colitem);
-                          }
-                        });
-                      }
-                    });
-                  });
-                });
-                if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
-                  setcollectionstobevisible(collectiontobevisible);
-                } else {
-                  setcollectionstobevisible(instcollections);
-                }
-              } else {
-                setcollectionstobevisible(instcollections);
-              }
-            } else {
-              setcollectionstobevisible(instcollections);
-            }
-          } else {
-            setcollectionstobevisible(instcollections);
-          }
-        }
-      }, [ProductFilterObjContext, fetchCategoriesQueryContext.isSuccess, fetchcollectionsQueryContext.isSuccess, instcategories, instcollections]);
-      React.useEffect(function () {
-        if (productfeatuesarr.length != 0) {
-          var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
-          tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
-          setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
-          filterrouting(tempfetchproductsfilerobjcontext);
-        }
-      }, [productfeatuesarr]);
-      React.useEffect(function () {
-        if (fetchTabexStatesQueryContext.isSuccess) {
-          if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
-            var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
-            tempFetchTabexStatesPayloadobjContext.functype = 'cities';
-            tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
-            setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
-          }
-        }
-      }, [fetchTabexStatesQueryContext.isSuccess]);
-      var filterupdater = function filterupdater() {
-        setTimeout(function () {
-          var tempFetchQueriesEngineContext = _objectSpread$29({}, FetchQueriesEngineContext);
-          tempFetchQueriesEngineContext.fetchtabexcountries = true;
-          setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
-        }, 100);
-        if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
-          var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
-          tempFetchTabexStatesPayloadobjContext.functype = 'states';
-          tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
-          setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
-        }
-        if (instfilters.length != 0) {
-          var _ProductFilterObjCont3;
-          var tempinstfilters = _toConsumableArray__default["default"](instfilters);
-          tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
-            instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
-              valefilteritem.isfilterselected = false;
-            });
-          });
-          ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont3 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont3 === void 0 || _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
-            tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
-              var _instfilteritem$produ;
-              instfilteritem === null || instfilteritem === void 0 || (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 || _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
-                if (filteritem.valueid == valefilteritem.valueid) {
-                  valefilteritem.isfilterselected = true;
-                }
-              });
-            });
-          });
-          setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
-        }
-        if (instcategories.length != 0) {
-          var _ProductFilterObjCont4;
-          var tempInstcategories = _toConsumableArray__default["default"](instcategories);
-          tempInstcategories.forEach(function (catitem, catindex) {
-            catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
-              parentcolitem.collections.forEach(function (colitem, colindex) {
-                colitem.isfilterselected = false;
-              });
-            });
-          });
-          ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 || _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
-            tempInstcategories.forEach(function (catitem, catindex) {
-              catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
-                parentcolitem.collections.forEach(function (colitem, colindex) {
-                  if (colitem.collectionid == filteritem) {
-                    colitem.isfilterselected = true;
-                  }
-                });
-              });
-            });
-          });
-          setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
-        }
-        if (instcollections.length != 0) {
-          var _ProductFilterObjCont5;
-          var tempInstcollections = _toConsumableArray__default["default"](instcollections);
-          tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
-            instfilteritem.isfilterselected = false;
-          });
-          ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 || _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
-            tempInstcollections === null || tempInstcollections === void 0 || tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
-              if (instfilteritem.collectionid == filteritem) {
-                instfilteritem.isfilterselected = true;
-              }
-            });
-          });
-          setinstcollections(_toConsumableArray__default["default"](tempInstcollections));
-        }
-      };
-      var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
-        if (type == 'clearfilters') {
-          tempfetchproductsfilerobjcontext.FilterOptions = [];
-        } else {
-          var _tempfetchproductsfil;
-          var FilterExists = false;
-          tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.FilterOptions) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
-            if (filteritem.valueid == valueid) {
-              FilterExists = true;
-              tempfetchproductsfilerobjcontext.FilterOptions.splice(filterindex, 1);
-            }
-          });
-          if (!FilterExists) {
-            tempfetchproductsfilerobjcontext.FilterOptions.push({
-              valueid: valueid
-            });
-          }
-        }
-        if (tempfetchproductsfilerobjcontext.FilterOptions.length == 0) {
-          tempfetchproductsfilerobjcontext.isfilter = 0;
-        } else {
-          tempfetchproductsfilerobjcontext.isfilter = 1;
-        }
-        tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
-        filterrouting(tempfetchproductsfilerobjcontext);
-        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
-      };
-      var InstFilters = function InstFilters() {
-        return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
-          allowMultipleExpanded: true,
-          allowZeroExpanded: true
-        }, instfilters.map(function (item, index) {
-          return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
-            uuid: index
-          }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-10 col-md-10 col-sm-10 p-0"
-          }, /*#__PURE__*/React__default["default"].createElement("p", {
-            className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
-          }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "col-lg-2 col-md-2 col-sm-2 p-0"
-          }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
-            if (state.expanded == true) {
-              return /*#__PURE__*/React__default["default"].createElement("i", {
-                className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-              }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
-            } else {
-              return /*#__PURE__*/React__default["default"].createElement("i", {
-                className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
-              }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
-            }
-          }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
-            className: "p-0"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: 'col-lg-12'
-          }, /*#__PURE__*/React__default["default"].createElement("div", {
-            className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
-          }, item.productvaluesfilter.map(function (valueitem, valueindex) {
-            return /*#__PURE__*/React__default["default"].createElement("div", {
-              className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                            ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                     \n                                                        ") + ' d-flex align-items-start pb-3 ',
-              onClick: function onClick() {
-                setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
-              }
-            }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
-              className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
-            }, /*#__PURE__*/React__default["default"].createElement("i", {
-              className: "h-100 d-flex align-items-center"
-            }))), /*#__PURE__*/React__default["default"].createElement("div", {
-              className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
-            }, item.optionname == 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
-              className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
-              style: {
-                color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
-              }
-            }, valueitem.value_identifier), item.optionname != 'Color' && /*#__PURE__*/React__default["default"].createElement("p", {
-              className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
-              style: {
-                color: valueitem.isfilterselected ? sectionproperties.activecat_color : ''
-              }
-            }, langdetect == 'en' ? valueitem.valuename : valueitem.valuename_ar)));
-          })))))), /*#__PURE__*/React__default["default"].createElement("hr", {
-            className: "mt-3 mb-3"
-          }));
-        }));
-      };
-      var filter_cssstyles = {
-        form_control: glamor.css((_css = {
-          position: 'relative',
-          display: 'flex',
-          alignItems: 'center'
-        }, _defineProperty__default["default"](_css, "display", 'block'), _defineProperty__default["default"](_css, "width", '100%'), _defineProperty__default["default"](_css, "padding", '0 30px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "border", '1px solid #ccc'), _defineProperty__default["default"](_css, "borderRadius", '5px'), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, "fontSize", '14px'), _defineProperty__default["default"](_css, ':focus', {
-          // borderColor: sectionproperties.inputfeildbordercoloronfocus,
-          borderColor: '#eac435',
-          boxShadow: 'none'
-        }), _css)),
-        collapsetitle: glamor.css({
-          fontSize: sectionproperties.filtertitle_fontsize + 'px',
-          fontWeight: sectionproperties.filtertitle_fontweight,
-          textTransform: sectionproperties.filtertitle_texttransform,
-          color: sectionproperties.filtertitle_color,
-          ':hover': {
-            color: sectionproperties.filtertitle_coloronhover
-          }
-        }),
-        titlecontainer: glamor.css({
-          color: sectionproperties.filtertitle_color,
-          ':hover .collapsetitle': {
-            color: sectionproperties.filtertitle_coloronhover
-          }
-        }),
-        timeline_text: glamor.css({
-          fontSize: sectionproperties.timeline_text_fontsize + 'px',
-          fontWeight: sectionproperties.timeline_text_fontweight,
-          textTransform: sectionproperties.timeline_text_texttransform,
-          color: sectionproperties.timeline_text_color,
-          transition: '.3s',
-          ':hover': {
-            color: sectionproperties.timeline_text_coloronhover
-          }
-        }),
-        btnstyles: glamor.css({
-          color: sectionproperties.generalbtn_textColor,
-          fontSize: sectionproperties.generalbtn_fontsize + 'px',
-          textTransform: sectionproperties.generalbtn_texttransform,
-          width: sectionproperties.generalbtn_width + 'px',
-          height: sectionproperties.generalbtn_height + 'px',
-          background: sectionproperties.generalbtn_bgColor,
-          borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-          borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-          borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-          borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-          fontWeight: sectionproperties.generalbtn_fontweight,
-          transition: '.3s',
-          ':hover': {
-            background: sectionproperties.generalbtn_bgColoronhover,
-            color: sectionproperties.generalbtn_textColoronhover
-          }
-        }),
-        close_menu_icon_cont: glamor.css({
-          background: sectionproperties.closeSliderBgColor,
-          width: sectionproperties.closeSliderWidth + 'px',
-          height: sectionproperties.closeSliderHeight + 'px',
-          borderRadius: sectionproperties.closeSlider_borderBottomLeftRadius + 'px',
-          ':hover': {
-            background: sectionproperties.closeSliderBgColorHover
-          }
-        }),
-        horizontalfilter_card: glamor.css({
-          marginBottom: sectionproperties.horizontalfilter_mb + 'px',
-          marginTop: sectionproperties.horizontalfilter_mt + 'px',
-          background: sectionproperties.horizontalfilter_cardbg,
-          border: sectionproperties.horizontalfilter_cardborderwidth + 'px solid ' + sectionproperties.horizontalfilter_cardbordercolor,
-          boxShadow: sectionproperties.horizontalfilter_cardboxShadow == 'Show' ? sectionproperties.horizontalfilter_cardboxShadowcolor : 'horizontalfilter_cardboxShadow'
-        }),
-        btn_item: glamor.css({
-          width: '20px',
-          height: '20px',
-          background: sectionproperties.filteritembtn_bgcolor,
-          ':hover': {
-            background: sectionproperties.filteritembtn_bghover
-          }
-        }),
-        btn_item_active: glamor.css({
-          background: sectionproperties.btn_item_activebgcolor
-        }),
-        timelineinnercont_active: glamor.css({
-          fontWeight: sectionproperties.activecat_fontweight,
-          color: sectionproperties.activecat_color
-        }),
-        categoryName: glamor.css({
-          color: sectionproperties.filtertitle_color,
-          fontWeight: sectionproperties.filterCatFontWeight,
-          fontSize: sectionproperties.filterCatFontSize + 'px'
-        }),
-        pCollectionName: glamor.css({
-          color: sectionproperties.filtertitle_color,
-          fontWeight: sectionproperties.filterPCollFontWeight,
-          fontSize: sectionproperties.filterPCollFontSize + 'px'
-        }),
-        explorebtn: glamor.css({
-          fontSize: sectionproperties.explorebtnfontsize + 'px',
-          fontWeight: 600,
-          color: sectionproperties.explorebtncolor,
-          transition: '.3s',
-          ':hover': {
-            color: sectionproperties.explorebtncoloronhover
-          }
-        }),
-        showallbtn: glamor.css({
-          color: sectionproperties.showallcolor,
-          ':hover': {
-            transition: '.3s',
-            cursor: 'pointer',
-            color: sectionproperties.showallcolorhover
-          }
-        }),
-        sectiontitle: glamor.css({
-          position: 'relative',
-          justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
-          width: sectionproperties.sectiontitlestyle == 'Line Before Text' ? '100%' : '',
-          fontSize: sectionproperties.sectionTitleFontSize + 'px',
-          '@media (max-width: 800px)': {
-            fontSize: sectionproperties.sectionTitleFontSizeresp + 'px'
-          }
-        })
-      };
-      var filterrouting = function filterrouting(tempfetchproductsfilerobjcontext) {
-        var path = window.location.pathname.split('/');
-        var currentpagepath = path[1];
-        var pagenamepathinstaticpagelinkcont = '';
-        for (var key in StaticPagesLinksContext) {
-          if (StaticPagesLinksContext[key] == currentpagepath) {
-            pagenamepathinstaticpagelinkcont = key;
-          }
+      }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))))))), props.typeprops == 'vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none'
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
+        id: "filterslider",
+        style: {
+          background: sectionproperties.filter_backgroundcolor,
+          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
         }
-        if (pagenamepathinstaticpagelinkcont != undefined && pagenamepathinstaticpagelinkcont != '') {
-          routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0  font-16 font-weight-600",
+        style: {
+          color: sectionproperties.filter_titlecolor,
+          fontSize: sectionproperties.filter_titlefontsize + 'px',
+          fontWeight: sectionproperties.filter_titlefontweight,
+          textTransform: sectionproperties.filter_titletextransform
         }
-      };
-      var _useState21 = React.useState(false),
-        _useState22 = _slicedToArray__default["default"](_useState21, 2);
-        _useState22[0];
-        _useState22[1];
-      // const queryParameters = new URLSearchParams(window.location.search);
-      // useEffect(() => {
-      //     // setsortbycontext('Sort By');
-      //     if (queryParameters.get('sortprice') == undefined) {
-      //         setsortbycontext('Sort By');
-      //     } else {
-      //         var temp = { ...sortbycontext };
-      //         temp = queryParameters.get('sortprice');
-      //         alert(temp);
-      //     }
-      // }, []);
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 p-0 w-100 filter mt-md-0 ' : 'col-lg-12 p-0 w-100 filter mt-md-0 d-md-none',
+      }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
+        onClick: function onClick() {
+          var element = document.getElementById('filterslider');
+          element.classList.remove(filterstyles.filterslider_container_opened);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+        size: sectionproperties.closeSlider_fontSize,
         style: {
-          marginTop: sectionproperties.filtersection_mt + 'px',
-          minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
+          color: sectionproperties.closeSlider_color
+        }
+      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 pl-4 pr-4 '
+      }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.showvariantsfilter == 'Show' && InstFilters(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 mb-3"
+      }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 mb-3"
+      }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100 mb-3"
+      }, DynamicFilter())))), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12"
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
+        show: props === null || props === void 0 ? void 0 : props.openFilterSlider,
+        onHide: function onHide() {
+          props.setopenFilterSlider(false);
+        },
+        placement: "end",
+        scroll: true,
+        style: {
+          minWidth: '200px',
+          background: sectionproperties.filter_backgroundcolor,
+          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
+        },
+        backdrop: true
+      }, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Header, null, /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Title, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row m-0 w-100 mt-2"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-9 col-md-9 col-sm-9 d-none align-items-center d-md-flex"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: "m-0 p-0  font-16 font-weight-600",
+        style: {
+          color: sectionproperties.filter_titlecolor,
+          fontSize: sectionproperties.filter_titlefontsize + 'px',
+          fontWeight: sectionproperties.filter_titlefontweight,
+          textTransform: sectionproperties.filter_titletextransform
+        }
+      }, langdetect == 'en' ? 'Filter' : 'فلترة')), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-3 col-md-3 col-sm-3 d-none d-md-flex align-items-center justify-content-end p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "".concat(filterstyles.close_menu_icon_cont, " ").concat(filter_cssstyles.close_menu_icon_cont) + ' d-none d-md-flex align-items-center justify-content-center ',
+        onClick: function onClick() {
+          props.setopenFilterSlider(false);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("i", {
+        className: "h-100 d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+        size: sectionproperties.closeSlider_fontSize,
+        style: {
+          color: sectionproperties.closeSlider_color
         }
-      }, InstFilters());
+      })))), /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-lg-12"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        "class": "mt-2 mb-2"
+      }))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas.Body, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: ' pb-md-5 ',
+        style: {
+          background: sectionproperties.filter_backgroundcolor,
+          borderRadius: sectionproperties.filter_borderBottomLeftRadius + 'px'
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: filter_cssstyles.filteraccordion + ' row m-0 w-100 pt-2 pb-3 filter-accordion '
+      }, sectionproperties.otherfilters == 'Show' && otherfilters.map(function (item, index) {
+        return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+          allowMultipleExpanded: true,
+          allowZeroExpanded: true,
+          preExpanded: [0, 1, 2, 3],
+          style: {
+            width: '100%'
+          }
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+          uuid: index
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3  '
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-10 col-md-10 col-sm-10 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("p", {
+          className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' m-0 p-0 ' : filter_cssstyles.collapsetitle + ' m-0 p-0 text-right'
+        }, item.name)), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "col-lg-2 col-md-2 col-sm-2 p-0"
+        }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+          if (state.expanded == true) {
+            return /*#__PURE__*/React__default["default"].createElement("i", {
+              className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+          } else {
+            return /*#__PURE__*/React__default["default"].createElement("i", {
+              className: filter_cssstyles.collapsetitle + ' h-100 d-flex align-items-center justify-content-end   '
+            }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+          }
+        }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+          className: "p-0"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex"
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: 'col-lg-12'
+        }, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+        }, item.filterarray.map(function (valueitem, valueindex) {
+          var ischecked = false;
+          if (item.payloadvalue == 'sortprice') {
+            if (valueitem.value == ProductFilterObjContext.sortprice) {
+              ischecked = true;
+            }
+          } else if (item.payloadvalue == 'sortdates') {
+            if (valueitem.value == ProductFilterObjContext.sortdates) {
+              ischecked = true;
+            }
+          }
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                                                ").concat(ischecked ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                                         \n                                                                            ") + ' d-flex align-items-start pb-3 ',
+            onClick: function onClick() {
+              // setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
+              var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
+              if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
+                tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
+              } else {
+                tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
+              }
+              setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+            className: " ".concat(ischecked ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
+          }, /*#__PURE__*/React__default["default"].createElement("i", {
+            className: "h-100 d-flex align-items-center"
+          }))), /*#__PURE__*/React__default["default"].createElement("div", {
+            className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            className: "".concat(filterstyles.timeline_text, " ").concat(filter_cssstyles.timeline_text) + ' m-0 p-0 ',
+            style: {
+              color: ischecked ? sectionproperties.activecat_color : ''
+            }
+          }, valueitem.name)));
+        }))))))));
+      }), sectionproperties.otherfilters == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-12"
+      }, /*#__PURE__*/React__default["default"].createElement("hr", {
+        className: "mt-2 mb-3"
+      })), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: filter_cssstyles.filteraccordion + ' col-lg-12 filter-accordion p-md-0 '
+      }, sectionproperties.showcountriesfilter == 'Show' && Countriesfilter(), sectionproperties.filterType == 'All' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, CategoriesFilter()), sectionproperties.filterType == 'Collections' && sectionproperties.showcategoriesfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, CollectionsFilter()), sectionproperties.showdynamicfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "row m-0 w-100"
+      }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters()))))))));
     };
 
     function ownKeys$28(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; }
@@ -17381,19 +17134,21 @@
         }
       }, plainString(show_product_group_titles()['description_en']))), sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
         className: sectionproperties.filterdirection == 'Horizontal' ? 'col-lg-12 d-flex p-0' : sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
-      }, /*#__PURE__*/React__default["default"].createElement(Filter$2, {
+      }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
         sectionpropertiesprops: sectionproperties,
         actions: actions,
         openFilterSlider: openFilterSlider,
         setopenFilterSlider: setopenFilterSlider,
         show_product_group_titles: show_product_group_titles
       })), sectionproperties.showvariantfilter == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: 'col-lg-3 d-flex d-md-none'
+        className: sectionproperties.numofcols == '2' ? 'col-lg-2 d-flex' : 'col-lg-3 d-flex'
       }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
         sectionpropertiesprops: sectionproperties,
         actions: actions,
         openFilterSlider: openFilterSlider,
-        setopenFilterSlider: setopenFilterSlider
+        setopenFilterSlider: setopenFilterSlider,
+        show_product_group_titles: show_product_group_titles,
+        typeprops: 'vertical'
       })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
     };