tabexseriescomponents 0.0.447 → 0.0.449

package/dist/index.cjs.js

@@ -60,10 +60,8 @@ var HiOutlineChevronRight = require('@react-icons/all-files/hi/HiOutlineChevronR
 var HiOutlineChevronLeft = require('@react-icons/all-files/hi/HiOutlineChevronLeft');
 var GoGlobe = require('@react-icons/all-files/go/GoGlobe');
 var VscGlobe = require('@react-icons/all-files/vsc/VscGlobe');
-var HiOutlineTrash = require('@react-icons/all-files/hi/HiOutlineTrash');
-var BiSad = require('@react-icons/all-files/bi/BiSad');
-var FiCalendar = require('@react-icons/all-files/fi/FiCalendar');
 var Dropdown = require('react-bootstrap/Dropdown');
+var FiCalendar = require('@react-icons/all-files/fi/FiCalendar');
 var _asyncToGenerator = require('@babel/runtime/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime/regenerator');
 var HiUser = require('@react-icons/all-files/hi/HiUser');
@@ -679,8 +677,8 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
   }));
 };
 
-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;
@@ -756,7 +754,7 @@ var Login = function Login(props) {
       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 () {
@@ -923,9 +921,9 @@ var Login = function Login(props) {
       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
@@ -947,9 +945,9 @@ var Login = function Login(props) {
       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
@@ -1126,9 +1124,9 @@ var Login = function Login(props) {
     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: {
@@ -1143,9 +1141,9 @@ var Login = function Login(props) {
     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
@@ -1159,9 +1157,9 @@ var Login = function Login(props) {
     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
@@ -1175,9 +1173,9 @@ var Login = function Login(props) {
     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
@@ -1189,7 +1187,7 @@ var Login = function Login(props) {
     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) {
@@ -1240,11 +1238,11 @@ var css_248z$J = "@media screen and (max-width: 800px) {\n    .signup-module_rig
 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,
@@ -1273,7 +1271,7 @@ var selectcustomStyles = {
 };
 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,
@@ -1302,14 +1300,14 @@ var selectcustomStylesTranslated = {
     };
   },
   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,
@@ -1337,7 +1335,7 @@ var defaultstyles = {
     }), _ref;
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+    return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1346,7 +1344,7 @@ var defaultstyles = {
 };
 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,
@@ -1377,21 +1375,21 @@ var defaultstylestranslated = {
     };
   },
   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,
@@ -1419,7 +1417,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
+    return _objectSpread$2u(_objectSpread$2u({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -2012,8 +2010,8 @@ var ProductHeaderPricing = function ProductHeaderPricing(props) {
   }, 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;
@@ -2068,9 +2066,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     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({
@@ -2285,8 +2283,8 @@ var DescriptionContent = function DescriptionContent(props) {
   })))));
 };
 
-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;
@@ -2846,11 +2844,11 @@ var Product_itemtype = function Product_itemtype(props) {
   }, 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',
@@ -2864,9 +2862,9 @@ var Product_itemtype = function Product_itemtype(props) {
   }, 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'
@@ -2891,13 +2889,13 @@ var Product_itemtype = function Product_itemtype(props) {
     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", {
@@ -3413,8 +3411,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, 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;
@@ -3455,7 +3453,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     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]);
@@ -3467,16 +3465,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     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);
@@ -3690,7 +3688,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     });
     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)
@@ -3749,7 +3747,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     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
       }));
     }
@@ -3769,7 +3767,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     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
       }));
     }
@@ -3789,7 +3787,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     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');
@@ -3848,7 +3846,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__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
         }));
       }
@@ -4626,8 +4624,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, 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;
@@ -4679,7 +4677,7 @@ var AddReview = function AddReview(props) {
       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 () {
@@ -4688,7 +4686,7 @@ var AddReview = function AddReview(props) {
     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({
@@ -4814,9 +4812,9 @@ var AddReview = function AddReview(props) {
     }),
     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"
@@ -4830,9 +4828,9 @@ var AddReview = function AddReview(props) {
     "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"
@@ -4842,9 +4840,9 @@ var AddReview = function AddReview(props) {
     "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"
@@ -4855,9 +4853,9 @@ var AddReview = function AddReview(props) {
     "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',
@@ -4892,8 +4890,8 @@ var AddReview = function AddReview(props) {
   }, 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;
@@ -5127,7 +5125,7 @@ var ProductReviews = function ProductReviews(props) {
     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
@@ -5135,8 +5133,8 @@ var ProductReviews = function ProductReviews(props) {
   }))));
 };
 
-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({}),
@@ -5165,7 +5163,7 @@ var Productinfo = function Productinfo(props) {
     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]);
@@ -5281,7 +5279,7 @@ var Productinfo = function Productinfo(props) {
       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') {
@@ -5321,7 +5319,7 @@ var Productinfo = function Productinfo(props) {
     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) {
@@ -5341,12 +5339,12 @@ var Productinfo = function Productinfo(props) {
     }
   }, [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) {
@@ -5383,9 +5381,9 @@ var Productinfo = function Productinfo(props) {
         }
         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({
@@ -5436,7 +5434,7 @@ var Productinfo = function Productinfo(props) {
     });
     variantchecker();
     variantcompleting();
-    setProductInfoObj(_objectSpread$2p({}, productarr));
+    setProductInfoObj(_objectSpread$2o({}, productarr));
   };
   var variantchecker = function variantchecker() {
     var productarr = ProductInfoObj;
@@ -5510,16 +5508,16 @@ var Productinfo = function Productinfo(props) {
           });
         }
         // 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) {
@@ -5552,7 +5550,7 @@ var Productinfo = function Productinfo(props) {
           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) {
@@ -5567,14 +5565,14 @@ var Productinfo = function Productinfo(props) {
           }
           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;
@@ -5593,7 +5591,7 @@ var Productinfo = function Productinfo(props) {
     }
     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) {
@@ -5617,7 +5615,7 @@ var Productinfo = function Productinfo(props) {
   };
   var validateextrafields = function validateextrafields() {
     var _fetchProductInfoQuer15;
-    var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$2o({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
@@ -6656,7 +6654,7 @@ var Productinfo = function Productinfo(props) {
   }))), /*#__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
     })
@@ -6704,7 +6702,7 @@ var Productinfo = function Productinfo(props) {
   })), 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
     })
@@ -6721,8 +6719,8 @@ var css_248z$I = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu_
 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),
@@ -6758,7 +6756,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
       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 = {
@@ -6924,8 +6922,8 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-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;
@@ -6978,9 +6976,9 @@ var Ordershistory = function Ordershistory(props) {
     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(''),
@@ -7001,7 +6999,7 @@ var Ordershistory = function Ordershistory(props) {
     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({
@@ -7948,22 +7946,24 @@ var Ordershistory = function Ordershistory(props) {
   }, langdetect == 'en' ? sectionproperties.cod_text_en : sectionproperties.cod_text_ar))))))))))))));
 };
 
-var css_248z$H = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n    height: 300px;\n    border-radius: 10px;\n    background-size: cover !important;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #e6e6e6;\n    width: 100% !important;\n    box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: 0.3s;\n    opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n    opacity: 1;\n}\n@media screen and (max-width: 800px) {\n    .wishlist-module_floatbtn__PZDvQ {\n        opacity: 1 !important;\n    }\n}\n";
+var css_248z$H = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n    /* height: 300px; */\n    border-radius: 10px;\n    background-size: cover !important;\n    background-repeat: no-repeat;\n    background-position: center;\n    background-color: #e6e6e6;\n    width: 100% !important;\n    /* box-shadow: 0 0 10px #e6e6e6; */\n}\n.wishlist-module_floatbtn__PZDvQ {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    transition: 0.3s;\n    /* opacity: 0; */\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n    opacity: 1;\n}\n@media screen and (max-width: 800px) {\n    .wishlist-module_floatbtn__PZDvQ {\n        opacity: 1 !important;\n    }\n}\n";
 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;
+  props.actions.lang;
   var langdetect = props.actions.langdetect;
+  var routingcountext = props.actions.routingcountext;
   var fetchFavoriteProductsQueryContext = props.actions.fetchFavoriteProductsQueryContext;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
   var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
   var addtofavoritescontext = props.actions.addtofavoritescontext;
   var setShowProductInfoModalContext = props.actions.setShowProductInfoModalContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
   var setProductIdProdutInfoModalContext = props.actions.setProductIdProdutInfoModalContext;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   var actions = props.actions;
@@ -7975,19 +7975,20 @@ var Wishlist = function Wishlist(props) {
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     bgimagesarray = _useState4[0],
     setbgimagesarray = _useState4[1];
+  var authdetailsContext = props.actions.authdetailsContext;
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var secpropobj = {};
       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) {
@@ -7996,7 +7997,7 @@ var Wishlist = function Wishlist(props) {
       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 = {
@@ -8027,22 +8028,23 @@ var Wishlist = function Wishlist(props) {
     cart_btn: glamor.css({
       width: sectionproperties.cartBtnWidth + 'px',
       height: sectionproperties.cartBtnHeight + 'px',
-      background: sectionproperties.cartbtn_bgtransparent == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColor,
+      background: sectionproperties.cartBtnbgColor,
       borderRadius: sectionproperties.cart_btn_borderBottomLeftRadius + 'px',
       color: sectionproperties.cartBtnTextcolor,
       textTransform: sectionproperties.cartBtnTexttransform,
       fontWeight: sectionproperties.cartBtnTextfontweight,
       border: sectionproperties.cartbtnborderwidth + 'px solid ' + sectionproperties.cartbtnbordercolor,
+      fontSize: sectionproperties.cartBtnTextfontsize + 'px',
       transition: '.3s',
       ':hover': {
-        background: sectionproperties.cartbtn_transparentbgcoloronhover == 'Transparent' ? 'transparent' : sectionproperties.cartBtnbgColoronhover,
+        background: sectionproperties.cartBtnbgColoronhover,
         color: sectionproperties.cartBtnTextcoloronhover,
         borderColor: sectionproperties.cartBtnTextcoloronhover
       }
     }),
     trash_btn: glamor.css({
-      width: sectionproperties.trashbtn_Width + 'px',
-      height: sectionproperties.trashbtn_Height + 'px',
+      width: sectionproperties.trashbtn_Width == 0 ? 'auto' : sectionproperties.trashbtn_Width + 'px',
+      height: sectionproperties.trashbtn_Height == 0 ? 'auto' : sectionproperties.trashbtn_Height + 'px',
       background: sectionproperties.trashbtn_bgColortransparent == 'Transparent' ? 'transparent' : sectionproperties.trashbtn_bgColor,
       color: sectionproperties.trashbtn_Textcolor,
       borderRadius: sectionproperties.trashbtn_borderBottomLeftRadius + 'px',
@@ -8054,20 +8056,13 @@ var Wishlist = function Wishlist(props) {
       }
     }),
     imagecont: glamor.css({
-      width: '70px',
-      height: '60px',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
+      width: '100px',
+      height: '90px',
       backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
+      borderRadius: sectionproperties.productimageborderradius + 'px',
       display: 'flex',
       alignItems: 'center',
       justifyContent: 'center',
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
       position: 'relative'
     }),
     containerstyle: glamor.css({
@@ -8077,6 +8072,26 @@ var Wishlist = function Wishlist(props) {
       '@media (max-width: 800px)': {
         marginTop: sectionproperties.marginTopResp + 'px'
       }
+    }),
+    btnstyles: glamor.css({
+      width: sectionproperties.generalbtn_width + '%',
+      height: sectionproperties.generalbtn_height + 'px',
+      borderRadius: sectionproperties.generalbtnborderradius + 'px',
+      background: sectionproperties.generalbtn_bgColor,
+      color: sectionproperties.generalbtn_textColor,
+      fontSize: sectionproperties.generalbtn_fontsize + 'px',
+      fontWeight: sectionproperties.generalbtn_fontweight,
+      ':hover': {
+        transition: '.3s',
+        color: sectionproperties.generalbtn_textColoronhover,
+        backgroundColor: sectionproperties.generalbtn_bgColoronhover
+      },
+      '@media (max-width: 800px)': {
+        width: '80%'
+      },
+      prodimage: glamor.css({
+        height: sectionproperties.prodimage_height
+      })
     })
   };
   React.useEffect(function () {
@@ -8091,7 +8106,9 @@ var Wishlist = function Wishlist(props) {
   }, [sectionproperties]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: wishlist_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 ',
-    style: {}
+    style: {
+      minHeight: '60vh'
+    }
   }, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0 d-flex justify-content-center",
     style: {
@@ -8127,10 +8144,7 @@ var Wishlist = function Wishlist(props) {
       margin: 0,
       padding: 0,
       background: sectionproperties.image_bgcolor,
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1,
       objectFit: sectionproperties.bgcovercontain
     }
@@ -8146,45 +8160,19 @@ var Wishlist = function Wishlist(props) {
       padding: 0,
       objectFit: sectionproperties.bgcovercontainresponsive,
       background: sectionproperties.image_bgcolor,
-      borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
-      borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px',
+      borderRadius: sectionproperties.imageborderradius + 'px',
       zIndex: -1
     }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
-    style: {
-      position: 'absolute',
-      top: 0,
-      right: 0,
-      bottom: 0,
-      left: 0
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: ' m-0 p-0 ',
-    style: {
-      fontSize: sectionproperties.imagetextfontsize + 'px',
-      color: sectionproperties.imagetextcolor,
-      textTransform: sectionproperties.imagetexttextTransform,
-      fontWeight: sectionproperties.imagetextfontWeight
-    }
-  }, lang.mywishlist)))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 p-0"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row ml-0 mr-0 d-flex justify-content-center w-100 pl-lg-4 pr-lg-4 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
     style: {
-      width: sectionproperties.width + 'vw',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
+      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
       paddingTop: sectionproperties.paddingTop + 'px',
       paddingBottom: sectionproperties.paddingBottom + 'px',
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
-      borderColor: sectionproperties.sectioncardbordercolor,
-      border: sectionproperties.sectioncardborderwidth + 'px solid'
+      borderTop: sectionproperties.sectioncardborderwidth + 'px solid ' + sectionproperties.sectioncardbordercolor
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 p-0'
@@ -8194,42 +8182,137 @@ var Wishlist = function Wishlist(props) {
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 p-0'
   }, fetchFavoriteProductsQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-100 d-flex align-items-center justify-content-center",
+    className: "row m-0 w-100 align-items-center justify-content-center",
+    style: {
+      height: '50vh',
+      padding: '20px'
+    }
+  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0 d-flex d-md-none"
+  }, /*#__PURE__*/React__default["default"].createElement("table", {
+    className: 'table'
+  }, /*#__PURE__*/React__default["default"].createElement("thead", {
+    className: ""
+  }, /*#__PURE__*/React__default["default"].createElement("th", {
+    className: 'mw-150 mw-md-300'
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "my-1 is-loading"
+  })), /*#__PURE__*/React__default["default"].createElement("th", {
+    className: "text-center",
+    style: {
+      minWidth: '100px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "my-1 is-loading"
+  })), /*#__PURE__*/React__default["default"].createElement("th", {
+    className: "text-center"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "my-1 is-loading"
+  }))), /*#__PURE__*/React__default["default"].createElement("tbody", null, _toConsumableArray__default["default"](Array(3)).map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("tr", {
+      className: ""
+    }, /*#__PURE__*/React__default["default"].createElement("td", {
+      className: "mw-150 mw-md-300"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "my-1 is-loading"
+    })), /*#__PURE__*/React__default["default"].createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "my-1 is-loading"
+    })), /*#__PURE__*/React__default["default"].createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px'
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": "my-1 is-loading"
+    })));
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0  d-none d-md-flex"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 align-items-center justify-content-center",
     style: {
       height: '50vh'
     }
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.Messaging, {
-    color: "#ccc",
-    width: "10px",
-    height: "10px",
-    duration: "1s"
-  })), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row ml-0 mr-0 w-100 "
+  }, _toConsumableArray__default["default"](Array(3)).map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-3 p-0 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 is-loading image '
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-9 pt-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10 p-0 mb-1"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: ' m-0 p-0 is-loading mb-auto '
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": ' m-0 p-0 is-loading '
+    })))), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mt-4"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      className: ' w-100 is-loading ',
+      style: {
+        height: sectionproperties.cartBtnHeight + 'px'
+      }
+    })), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 my-3",
+      style: {
+        background: '#eee',
+        height: 1,
+        width: '100%'
+      }
+    })));
+  })))), !fetchFavoriteProductsQueryContext.isFetching && fetchFavoriteProductsQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 "
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'col-lg-12 d-flex w-100 p-0'
-  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.pagedesign == 'Design 1 (Cards)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 d-flex justify-content-center w-100',
     style: {
       background: sectionproperties.reservation_bgcolor,
-      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
       borderRadius: sectionproperties.reservation_borderradius + 'px',
       padding: '20px',
       minHeight: '70vh'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
-    style: {
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0 mb-3",
     style: {
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
       color: sectionproperties.sectionTitleColor,
       fontWeight: sectionproperties.sectionTitleFontWeight
     }
-  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar, ":"), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: " ".concat(wishlist_cssstyles.pill) + ' ml-1 mr-1 d-flex align-items-center justify-content-center '
-  }, fetchFavoriteProductsQueryContext.data.data.products.length)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
+    style: {
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+      color: sectionproperties.badge_color,
+      fontSize: sectionproperties.badge_fontsize + 'px'
+    }
+  }, fetchFavoriteProductsQueryContext.data.data.products.length, " Item(s)"), /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-12 co-md-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "row m-0 w-100"
@@ -8237,116 +8320,163 @@ var Wishlist = function Wishlist(props) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-3 col-md-6 col-sm-12 mb-5"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(wishliststyles.wishlist_card) + ' row m-0 w-100 '
+      className: "".concat(wishliststyles.wishlist_card) + ' row m-0 w-100 ',
+      onClick: function onClick() {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 d-flex align-items-center justify-content-center p-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "".concat(wishliststyles.image_container)
+      className: "".concat(wishliststyles.image_container).concat(wishlist_cssstyles.prodimage)
       // style={{ backgroundImage: `url(${serverbaselink + item.productmainimage})` }}
     }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
-      path: item.productmainimage,
+      path: '/tr:w-' + sectionproperties.prodimage__width + ',h-' + sectionproperties.prodimage__height + '/' + item.productmainimage,
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover'
+        objectFit: 'contain'
       },
       loading: "lazy"
     }), /*#__PURE__*/React__default["default"].createElement("span", {
       className: "".concat(wishliststyles.floatbtn, " ").concat(wishlist_cssstyles.trash_btn),
-      onClick: function onClick() {
+      onClick: function onClick(e) {
+        e.stopPropagation();
         addtofavoritescontext(item.productid);
       }
-    }, /*#__PURE__*/React__default["default"].createElement(HiOutlineTrash.HiOutlineTrash, {
+    }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
       size: sectionproperties.trashbtn_Textfontsize
     })))), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 d-flex align-items-center justify-content-center mt-3 mb-3"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       className: "".concat(wishlist_cssstyles.productNameStyles) + ' wordbreak text-center m-0 p-0  d-flex align-items-center justify-content-center '
-    }, langdetect == 'en' ? item.name_en : item.name_ar)), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    }, langdetect == 'en' ? item.name_en : item.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-12 d-flex align-items-center justify-content-center mt-3 mb-3 flex-row"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mt-2 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : '')), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       className: " ".concat(wishlist_cssstyles.cart_btn),
-      onClick: function onClick() {
-        setShowProductInfoModalContext(true);
-        setProductIdProdutInfoModalContext(item.productid);
-      },
       style: {
-        fontSize: sectionproperties.cartBtnTextfontsize + 'px'
+        fontSize: sectionproperties.cartBtnTextfontsize + 'px',
+        width: sectionproperties.cartBtnWidth + '%'
       }
     }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic))));
-  })), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center h-100",
-    style: {
-      height: '50vh'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React__default["default"].createElement(BiSad.BiSad, {
-    size: sectionproperties.noprod_iconfontSize,
-    color: sectionproperties.noprod_iconcolor
-  }), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 mt-2",
-    style: {
-      fontWeight: sectionproperties.noprod_fontWeight,
-      color: sectionproperties.noprod_color,
-      fontSize: sectionproperties.noprod_fontSize + 'px'
-    }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))), sectionproperties.pagedesign == 'Design 2 (Table)' && /*#__PURE__*/React__default["default"].createElement("div", {
+  })))), sectionproperties.pagedesign == 'Design 2 (Table)' && fetchFavoriteProductsQueryContext.data.data.products.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' row m-0 w-100 p-sm-3 ',
     style: {
-      background: sectionproperties.reservation_bgcolor,
-      border: sectionproperties.innersectionborderWidth + 'px solid ' + sectionproperties.innersectionborderColor,
-      borderRadius: sectionproperties.reservation_borderradius + 'px',
       padding: '20px',
       minHeight: '70vh'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ' col-lg-12 table_responsive p-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("table", {
-    className: 'table table_thbg'
-  }, /*#__PURE__*/React__default["default"].createElement("thead", {
-    className: "",
+    className: ' row m-0 w-100 d-block '
+  }, sectionproperties.showbgimage == 'Hide' && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
     style: {
-      background: '#eee'
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("th", {
-    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 text-light mw-150 mw-md-300' : 'text-right font-weight-500 font-14 text-light mw-150 mw-md-300'
-  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("th", {
-    className: "text-center font-weight-500 font-14 text-light",
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0 mt-5 mt-sm-2",
     style: {
-      minWidth: '100px'
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' col-lg-12 table_responsive p-0 d-block d-md-none '
+  }, /*#__PURE__*/React__default["default"].createElement("table", {
+    className: 'table'
+  }, /*#__PURE__*/React__default["default"].createElement("thead", {
+    className: ""
+  }, /*#__PURE__*/React__default["default"].createElement("th", {
+    className: langdetect == 'en' ? 'text-left font-weight-500 font-14 mw-150 mw-md-300' : 'text-right font-weight-500 font-14 mw-150 mw-md-300',
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      borderBottomColor: sectionproperties.sectioncardbordercolor
+    }
+  }, langdetect == 'en' ? sectionproperties.productnametitle_en : sectionproperties.productnametitle_ar), sectionproperties.prodPriceShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      minWidth: '100px',
+      color: sectionproperties.sectionTitleColor,
+      borderBottomColor: sectionproperties.sectioncardbordercolor
+    }
+  }, langdetect == 'en' ? 'Unit Price' : 'السعر'), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      minWidth: '100px',
+      color: sectionproperties.sectionTitleColor,
+      borderBottomColor: sectionproperties.sectioncardbordercolor
     }
-  }, langdetect == 'en' ? sectionproperties.cartBtnContentenglish : sectionproperties.cartBtnContentarabic), /*#__PURE__*/React__default["default"].createElement("th", {
-    className: "text-center font-weight-500 font-14 text-light"
-  }, lang.remove)), /*#__PURE__*/React__default["default"].createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+  }), /*#__PURE__*/React__default["default"].createElement("th", {
+    className: "text-center font-weight-500 font-14",
+    style: {
+      color: sectionproperties.sectionTitleColor,
+      borderBottomColor: sectionproperties.sectioncardbordercolor
+    }
+  })), /*#__PURE__*/React__default["default"].createElement("tbody", null, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("tr", {
       className: "border-none"
     }, /*#__PURE__*/React__default["default"].createElement("td", {
-      className: "mw-150 mw-md-300"
+      className: "mw-150 mw-md-300",
+      style: {
+        borderBottomColor: sectionproperties.sectioncardbordercolor
+      }
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100 d-flex"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
       className: "".concat(wishlist_cssstyles.imagecont)
-    }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    }, item.productmainimage != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
       urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
       publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
       path: item.productmainimage,
       style: {
         width: '100%',
         height: '100%',
-        objectFit: 'cover'
+        objectFit: 'contain'
       },
       loading: "lazy"
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-9 col-md-9 col-sm-8"
+    }), item.productmainimage == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        background: '#eee',
+        borderRadius: 10
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered text-light"
+    }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+      size: 26
+    })))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-lg-9 col-md-9 col-sm-8 pt-2"
     }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 d-flex justify-content-start mb-auto '
-    }, item.name_en)))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name_en)))), sectionproperties.prodPriceShow = /*#__PURE__*/React__default["default"].createElement("td", {
       className: "text-center",
       style: {
-        minWidth: '100px'
+        minWidth: '100px',
+        borderBottomColor: sectionproperties.sectioncardbordercolor
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 allcentered flex-column"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mt-2 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("td", {
+      className: "text-center",
+      style: {
+        minWidth: '100px',
+        borderBottomColor: sectionproperties.sectioncardbordercolor
       }
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       className: "".concat(wishlist_cssstyles.cart_btn),
@@ -8354,29 +8484,11 @@ var Wishlist = function Wishlist(props) {
         setShowProductInfoModalContext(true);
         setProductIdProdutInfoModalContext(item.productid);
       }
-    }, sectionproperties.carticonstyle == 'Shopping bag 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingBag.FiShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 2' && /*#__PURE__*/React__default["default"].createElement(CgShoppingBag.CgShoppingBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 3' && /*#__PURE__*/React__default["default"].createElement(BsBag.BsBag, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping bag 4' && /*#__PURE__*/React__default["default"].createElement(IoBagHandleOutline.IoBagHandleOutline, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 1' && /*#__PURE__*/React__default["default"].createElement(FiShoppingCart.FiShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Shopping cart 2' && /*#__PURE__*/React__default["default"].createElement(MdAddShoppingCart.MdAddShoppingCart, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }), sectionproperties.carticonstyle == 'Calendar 1' && /*#__PURE__*/React__default["default"].createElement(FiCalendar.FiCalendar, {
-      className: "",
-      size: sectionproperties.cartBtn_iconFontSize
-    }))), /*#__PURE__*/React__default["default"].createElement("td", {
-      className: "text-center"
+    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React__default["default"].createElement("td", {
+      className: "text-center",
+      style: {
+        borderBottomColor: sectionproperties.sectioncardbordercolor
+      }
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       className: " ".concat(wishlist_cssstyles.trash_btn) + ' d-flex align-items-center justify-content-center text-uppercase font-weight-500 m-auto ',
       onClick: function onClick() {
@@ -8385,28 +8497,127 @@ var Wishlist = function Wishlist(props) {
       style: {
         fontSize: sectionproperties.trashbtn_Textfontsize + 'px'
       }
-    }, lang.remove)));
-  }))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 d-flex align-items-center justify-content-center pt-5 pb-5"
+    }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+      size: sectionproperties.trashbtn_Textfontsize
+    }))));
+  })))), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' col-lg-12 p-0 d-none d-md-flex align-items-center justify-content-start '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: ' col-lg-12 d-flex align-items-center justify-content-center text-light flex-column h-100 pt-5 pb-5 '
-  }, /*#__PURE__*/React__default["default"].createElement(BiSad.BiSad, {
-    size: sectionproperties.noprod_iconfontSize,
-    color: sectionproperties.noprod_iconcolor
-  }), /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": "m-0 p-0 mt-2",
+    className: ' row m-0 w-100 d-flex align-items-center justify-content-start '
+  }, fetchFavoriteProductsQueryContext.data.data.products.map(function (item, index) {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: ' col-3 p-0 '
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "".concat(wishlist_cssstyles.imagecont) + ' w-100 p-0 '
+    }, item.productmainimage != '' && /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+      urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+      publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+      path: item.productmainimage,
+      style: {
+        width: '100%',
+        height: '100%',
+        objectFit: 'contain'
+      },
+      loading: "lazy"
+    }), item.productmainimage == '' && /*#__PURE__*/React__default["default"].createElement("div", {
+      style: {
+        width: '100%',
+        height: '100%',
+        background: '#eee',
+        borderRadius: 10
+      }
+    }, /*#__PURE__*/React__default["default"].createElement("i", {
+      "class": "h-100 allcentered text-light"
+    }, /*#__PURE__*/React__default["default"].createElement(FiLayers.FiLayers, {
+      size: 26
+    }))))), /*#__PURE__*/React__default["default"].createElement("div", {
+      className: "col-9 pt-2"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-10 p-0 d-flex align-items-center justify-content-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      className: "".concat(wishlist_cssstyles.productNameStyles) + ' m-0 p-0 wordbreak wordbreak3 mb-auto ',
+      style: {
+        textAlign: langdetect == 'en' ? 'left' : 'right'
+      }
+    }, item.name_en)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-2 p-0 d-flex align-items-center justify-content-end"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      className: " ".concat(wishlist_cssstyles.trash_btnresp) + ' allcentered ',
+      onClick: function onClick() {
+        addtofavoritescontext(item.productid);
+      }
+    }, /*#__PURE__*/React__default["default"].createElement(IoMdClose.IoMdClose, {
+      size: sectionproperties.trashbtn_Textfontsize
+    }))), sectionproperties.prodPriceShow = /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 d-flex align-items-center justify-content-start"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": wishlist_cssstyles.productPricestyles + ' m-0 p-0 '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', ' ', item.hassale == 1 ? item.defaultsaleprice : item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : ''), item.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("p", {
+      "class": wishlist_cssstyles.productsalePricestyles + ' m-0 p-0 linethrough mx-2 mt-auto '
+    }, langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_en : '', " ", item.defaultprice, ' ', langdetect == 'ar' ? authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.currencyname_ar : '')))), sectionproperties.cartBtnShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered p-0 mt-4"
+    }, /*#__PURE__*/React__default["default"].createElement("button", {
+      className: "".concat(wishlist_cssstyles.cart_btn) + ' w-100 ',
+      onClick: function onClick() {
+        setShowProductInfoModalContext(true);
+        setProductIdProdutInfoModalContext(item.productid);
+      }
+    }, langdetect == 'en' ? item.productactionbuttontext_en : item.productactionbuttontext_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 my-3",
+      style: {
+        background: '#eee',
+        height: 1,
+        width: '100%'
+      }
+    })));
+  }))))), fetchFavoriteProductsQueryContext.data.data.products.length == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "row m-0 w-100 d-flex justify-content-center pb-5",
+    style: {
+      maxHeight: '60vh',
+      padding: '20px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-start p-0",
+    style: {
+      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0 p-0  mt-5 mt-sm-2",
+    style: {
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }
+  }, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-3 '
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": sectionproperties.noprod_iconfontSize == 0 ? 'm-0 p-0' : 'm-0 p-0 mt-2',
     style: {
       fontWeight: sectionproperties.noprod_fontWeight,
       color: sectionproperties.noprod_color,
       fontSize: sectionproperties.noprod_fontSize + 'px'
     }
-  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar))))))))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, langdetect == 'en' ? sectionproperties.nocards_content_en : sectionproperties.nocards_content_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+    className: ' col-lg-12 d-flex align-items-center justify-content-start text-light px-0 mb-5 '
+  }, /*#__PURE__*/React__default["default"].createElement("button", {
+    "class": "".concat(wishlist_cssstyles.btnstyles),
+    onClick: function onClick() {
+      routingcountext(StaticPagesLinksContext.GeneralProductsComponent, false);
+    }
+  }, langdetect == 'en' ? sectionproperties.generalbtn_content : sectionproperties.slideshow_btn_text_ar))))))), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
   })));
 };
 
-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;
@@ -8438,7 +8649,7 @@ var Viewcart = function Viewcart(props) {
       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 () {
@@ -9026,8 +9237,8 @@ var css_248z$G = "/* Forms */\n.form-module_form_control__4-RGw {\n    display:
 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 Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
@@ -9086,7 +9297,7 @@ var Checkout = function Checkout(props) {
     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;
@@ -9106,10 +9317,10 @@ var Checkout = function Checkout(props) {
       }
       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 &&
@@ -9126,7 +9337,7 @@ var Checkout = function Checkout(props) {
           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);
@@ -9993,10 +10204,10 @@ var Checkout = function Checkout(props) {
       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,
@@ -10041,10 +10252,10 @@ var Checkout = function Checkout(props) {
     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');
@@ -10408,8 +10619,8 @@ var Checkout = function Checkout(props) {
   }, 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),
@@ -10442,7 +10653,7 @@ var VendorPage = function VendorPage(props) {
       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", {
@@ -10565,8 +10776,8 @@ var VendorPage = function VendorPage(props) {
   })));
 };
 
-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 Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
@@ -10676,46 +10887,46 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     }
   }, [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,}))$/);
@@ -10787,7 +10998,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   };
   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 {
@@ -10944,10 +11155,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       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));
@@ -11004,10 +11215,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         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,
@@ -11056,10 +11267,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         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,
@@ -11201,9 +11412,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         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'
@@ -11217,13 +11428,13 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         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",
@@ -11240,9 +11451,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         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: '',
@@ -11257,9 +11468,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         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'
@@ -11613,7 +11824,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     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
       }));
     },
@@ -11640,12 +11851,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
             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);
@@ -11740,7 +11951,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     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
       }));
     },
@@ -11767,12 +11978,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
             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);
@@ -11808,8 +12019,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, 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;
@@ -11857,7 +12068,7 @@ var Signup = function Signup(props) {
       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 = {
@@ -12000,8 +12211,8 @@ var Signup = function Signup(props) {
   }, 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;
@@ -12067,7 +12278,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
       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 = {
@@ -12168,7 +12379,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     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
       }));
     },
@@ -12184,7 +12395,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     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
       }));
     },
@@ -12202,10 +12413,10 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     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 });
     },
 
@@ -12221,7 +12432,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     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
       }));
     },
@@ -12237,7 +12448,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     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
       }));
     },
@@ -12253,7 +12464,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     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
       }));
     },
@@ -12306,8 +12517,8 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
   }), !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;
@@ -12334,7 +12545,7 @@ var AccountInformation = function AccountInformation(props) {
     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) {
@@ -12496,8 +12707,8 @@ var css_248z$F = ".tabs-module_tabs__36dMY {\n    position: relative;\n    heigh
 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(''),
@@ -12528,7 +12739,7 @@ var Policies = function Policies(props) {
       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 () {
@@ -12541,9 +12752,9 @@ var Policies = function Policies(props) {
     }
   }, []);
   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),
@@ -12773,8 +12984,8 @@ var css_248z$E = ".cart-module_cartslider_container__idend {\n    transition: 0.
 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;
@@ -12840,7 +13051,7 @@ var CartSlider = function CartSlider(props) {
     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') {
@@ -12850,7 +13061,7 @@ var CartSlider = function CartSlider(props) {
         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]);
@@ -13420,8 +13631,8 @@ var CartSlider = function CartSlider(props) {
   }, 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);
@@ -13465,7 +13676,7 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
     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') {
@@ -13475,7 +13686,7 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
         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]);
@@ -13703,8 +13914,8 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
   }, 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;
@@ -13754,7 +13965,7 @@ var OrderSuccess = function OrderSuccess(props) {
     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 = {
@@ -13851,12 +14062,12 @@ var css_248z$D = ".filter-module_timeline__ROm9Q .filter-module_border_left_line
 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 Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('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;
@@ -13992,11 +14203,11 @@ var Filter$2 = function Filter(props) {
     }
     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);
@@ -14082,33 +14293,33 @@ var Filter$2 = function Filter(props) {
   }, [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;
@@ -14170,7 +14381,7 @@ var Filter$2 = function Filter(props) {
     }
   };
   var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
-    var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
+    var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
     if (type == 'clearfilters') {
       tempfetchproductsfilerobjcontext.FilterOptions = [];
     } else {
@@ -14194,14 +14405,14 @@ var Filter$2 = function Filter(props) {
       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) {
@@ -14223,7 +14434,7 @@ var Filter$2 = function Filter(props) {
     }
     tempfetchproductsfilerobjcontext.page = 0;
     tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-    setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
+    setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
@@ -14244,11 +14455,11 @@ var Filter$2 = function Filter(props) {
       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"
@@ -14306,11 +14517,11 @@ var Filter$2 = function Filter(props) {
       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"
@@ -14384,11 +14595,11 @@ var Filter$2 = function Filter(props) {
       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"
@@ -14427,9 +14638,7 @@ var Filter$2 = function Filter(props) {
         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;
@@ -14438,66 +14647,192 @@ var Filter$2 = function Filter(props) {
     }, /*#__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", {
@@ -14524,7 +14859,7 @@ var Filter$2 = function Filter(props) {
         })));
       }
       if (item.type == 'NumberRange') {
-        var _ref3;
+        var _ref2;
         var temppricevalue = {
           min: 0,
           max: 10000
@@ -14545,10 +14880,10 @@ var Filter$2 = function Filter(props) {
           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: {
@@ -14587,60 +14922,70 @@ var Filter$2 = function Filter(props) {
     }))));
   };
   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 = {
@@ -14819,14 +15164,14 @@ var Filter$2 = function Filter(props) {
         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,
@@ -14863,14 +15208,14 @@ var Filter$2 = function Filter(props) {
         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,
@@ -14907,10 +15252,10 @@ var Filter$2 = function Filter(props) {
         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,
@@ -14934,11 +15279,14 @@ var Filter$2 = function Filter(props) {
   //     }
   // }, []);
   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: {
@@ -15014,14 +15362,14 @@ var Filter$2 = function Filter(props) {
           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);
         }
@@ -15166,11 +15514,11 @@ var Filter$2 = function Filter(props) {
       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"
@@ -15194,14 +15542,14 @@ var Filter$2 = function Filter(props) {
       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", {
@@ -15236,7 +15584,7 @@ var Filter$2 = function Filter(props) {
     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"
@@ -15350,11 +15698,11 @@ var Filter$2 = function Filter(props) {
       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"
@@ -15379,13 +15727,13 @@ var Filter$2 = function Filter(props) {
         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 '
@@ -15399,9 +15747,7 @@ var Filter$2 = function Filter(props) {
           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", {
@@ -15414,570 +15760,188 @@ var Filter$2 = function Filter(props) {
     "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));
+  }, 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'
     }
-  }, [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));
+  }, /*#__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
     }
-  }, [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);
+  }, 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);
     }
-  }, [props.sectionpropertiesprops]);
-  React.useEffect(function () {
-    filterupdater();
-  }, [ProductFilterObjContext]);
-  React__default["default"].useEffect(function () {
-    if (timeoutRef.current !== null) {
-      clearTimeout(timeoutRef.current);
+  }, /*#__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
     }
-    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;
-      }
+  })))), /*#__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
     }
-    if (pagenamepathinstaticpagelinkcont != undefined && pagenamepathinstaticpagelinkcont != '') {
-      routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+  }, 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);
     }
-  };
-  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',
+  }, /*#__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", {
+    "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'
     }
-  }, InstFilters());
+  }, /*#__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; }
@@ -17555,19 +17519,21 @@ var CardsSection = function CardsSection(props) {
     }
   }, 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()));
 };
 
@@ -17638,7 +17604,7 @@ var InnerGroups = function InnerGroups(props) {
 function ownKeys$25(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$25(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$25(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$25(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PrivacyPolicy = function PrivacyPolicy(props) {
-  var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
+  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -17654,12 +17620,13 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
     var setCurrentPageId = _useState6[1];
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var _StatePagePropertiesC;
@@ -17685,9 +17652,9 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
     setFetchQueriesEngineContext(_objectSpread$25({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2);
-    _useState8[0];
-    var setbgimagesarray = _useState8[1];
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    bgimagesarray = _useState8[0],
+    setbgimagesarray = _useState8[1];
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
       if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -17710,11 +17677,12 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
   };
   var policies_cssstyles = {
     containerstyle: glamor.css({
-      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingTop: sectionproperties.cardpaddingvertical + 'px',
-      paddingBottom: sectionproperties.cardpaddingvertical + 'px',
-      backgroundColor: sectionproperties.backgroundColor
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      backgroundColor: sectionproperties.backgroundColor,
+      '@media (max-width: 800px)': {
+        paddingTop: sectionproperties.paddingtopresponsive + 'px'
+      }
     }),
     sectiontitle: glamor.css({
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
@@ -17736,7 +17704,65 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 '
+    className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 '
+  }, sectionproperties.image_height != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 d-flex justify-content-center",
+    style: {
+      cursor: ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+    },
+    onClick: function onClick() {
+      var _bgimagesarray$2;
+      if (((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.IsClickable) == 'Yes') {
+        var _bgimagesarray$3, _bgimagesarray$4;
+        if ((_bgimagesarray$3 = bgimagesarray[0]) !== null && _bgimagesarray$3 !== void 0 && _bgimagesarray$3.clickable_page_route && ((_bgimagesarray$4 = bgimagesarray[0]) === null || _bgimagesarray$4 === void 0 ? void 0 : _bgimagesarray$4.clickable_page_route.length) != 0) {
+          routingcountext(bgimagesarray[0].clickable_page_route, false, '');
+        } else {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + bgimagesarray[0].Clickable_Reference_Collection_ID);
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
+    style: {
+      width: sectionproperties.image_width + 'vw',
+      height: 'auto',
+      marginBottom: sectionproperties.image_mb + 'px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_bgimagesarray$5 = bgimagesarray[0]) === null || _bgimagesarray$5 === void 0 ? void 0 : _bgimagesarray$5.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_bgimagesarray$6 = bgimagesarray[0]) === null || _bgimagesarray$6 === void 0 ? void 0 : _bgimagesarray$6.bgsection_image_ar) : '',
+    "class": "d-flex d-sm-none",
+    style: {
+      height: '100%',
+      width: '100%',
+      margin: 0,
+      padding: 0,
+      borderRadius: sectionproperties.imageborderradius + 'px',
+      zIndex: -1,
+      objectFit: 'contain'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive) : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar) : '',
+    "class": "d-none d-sm-flex",
+    style: {
+      height: '100%',
+      width: '100%',
+      margin: 0,
+      padding: 0,
+      objectFit: sectionproperties.bgcovercontainresponsive,
+      borderRadius: sectionproperties.imageborderradius + 'px',
+      zIndex: -1
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 pl-md-4 pr-md-4",
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 text-start '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -17755,13 +17781,13 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  })))));
+  }))))));
 };
 
 function ownKeys$24(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$24(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$24(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$24(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RefundPolicy = function RefundPolicy(props) {
-  var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
+  var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     sectionproperties = _useState2[0],
@@ -17777,12 +17803,13 @@ var RefundPolicy = function RefundPolicy(props) {
   props.actions.lang;
   var langdetect = props.actions.langdetect;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  props.actions.ikimagecredcontext;
+  var ikimagecredcontext = props.actions.ikimagecredcontext;
   props.actions;
   var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2);
     _useState6[0];
     var setCurrentPageId = _useState6[1];
+  var routingcountext = props.actions.routingcountext;
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
       var _StatePagePropertiesC;
@@ -17808,9 +17835,9 @@ var RefundPolicy = function RefundPolicy(props) {
     setFetchQueriesEngineContext(_objectSpread$24({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
-    _useState8 = _slicedToArray__default["default"](_useState7, 2);
-    _useState8[0];
-    var setbgimagesarray = _useState8[1];
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    bgimagesarray = _useState8[0],
+    setbgimagesarray = _useState8[1];
   React.useEffect(function () {
     if (sectionproperties.length != 0) {
       if (sectionproperties.arrayofobjectimagesonly != null) {
@@ -17833,11 +17860,12 @@ var RefundPolicy = function RefundPolicy(props) {
   };
   var policies_cssstyles = {
     containerstyle: glamor.css({
-      paddingLeft: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingRight: sectionproperties.cardpaddinghorizontal + 'px',
-      paddingTop: sectionproperties.cardpaddingvertical + 'px',
-      paddingBottom: sectionproperties.cardpaddingvertical + 'px',
-      backgroundColor: sectionproperties.backgroundColor
+      paddingTop: sectionproperties.paddingTop + 'px',
+      paddingBottom: sectionproperties.paddingBottom + 'px',
+      backgroundColor: sectionproperties.backgroundColor,
+      '@media (max-width: 800px)': {
+        paddingTop: sectionproperties.paddingtopresponsive + 'px'
+      }
     }),
     sectiontitle: glamor.css({
       fontSize: sectionproperties.sectionTitleFontSize + 'px',
@@ -17859,7 +17887,65 @@ var RefundPolicy = function RefundPolicy(props) {
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: ' col-lg-12 p-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 pl-md-2 pr-md-2 '
+    className: policies_cssstyles.containerstyle + ' row ml-0 mr-0 w-100 '
+  }, sectionproperties.image_height != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
+    className: "col-lg-12 p-0 d-flex justify-content-center",
+    style: {
+      cursor: ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.IsClickable) == 'Yes' ? 'pointer' : 'default'
+    },
+    onClick: function onClick() {
+      var _bgimagesarray$2;
+      if (((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.IsClickable) == 'Yes') {
+        var _bgimagesarray$3, _bgimagesarray$4;
+        if ((_bgimagesarray$3 = bgimagesarray[0]) !== null && _bgimagesarray$3 !== void 0 && _bgimagesarray$3.clickable_page_route && ((_bgimagesarray$4 = bgimagesarray[0]) === null || _bgimagesarray$4 === void 0 ? void 0 : _bgimagesarray$4.clickable_page_route.length) != 0) {
+          routingcountext(bgimagesarray[0].clickable_page_route, false, '');
+        } else {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + bgimagesarray[0].Clickable_Reference_Collection_ID);
+        }
+      }
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": sectionproperties.bgcovercontainresponsive == 'Contain' ? 'h-sm-auto mb-sm-4' : '',
+    style: {
+      width: sectionproperties.image_width + 'vw',
+      height: 'auto',
+      marginBottom: sectionproperties.image_mb + 'px',
+      position: 'relative'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_bgimagesarray$5 = bgimagesarray[0]) === null || _bgimagesarray$5 === void 0 ? void 0 : _bgimagesarray$5.bgsection_image) : '/tr:w-' + sectionproperties.imagetr_w + ',h-' + sectionproperties.imagetr_h + '/' + ((_bgimagesarray$6 = bgimagesarray[0]) === null || _bgimagesarray$6 === void 0 ? void 0 : _bgimagesarray$6.bgsection_image_ar) : '',
+    "class": "d-flex d-sm-none",
+    style: {
+      height: '100%',
+      width: '100%',
+      margin: 0,
+      padding: 0,
+      borderRadius: sectionproperties.imageborderradius + 'px',
+      zIndex: -1,
+      objectFit: 'contain'
+    }
+  }), /*#__PURE__*/React__default["default"].createElement(Imagekitimagecomp, {
+    urlEndpoint: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimageendpoint,
+    publicKey: ikimagecredcontext === null || ikimagecredcontext === void 0 ? void 0 : ikimagecredcontext.ikimagepublickey,
+    path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + ((_bgimagesarray$7 = bgimagesarray[0]) === null || _bgimagesarray$7 === void 0 ? void 0 : _bgimagesarray$7.bgsection_imageresponsive) : '/tr:w-' + sectionproperties.imagetr_w_resp + ',h-' + sectionproperties.imagetr_h_resp + '/' + ((_bgimagesarray$8 = bgimagesarray[0]) === null || _bgimagesarray$8 === void 0 ? void 0 : _bgimagesarray$8.bgsection_imageresponsive_ar) : '',
+    "class": "d-none d-sm-flex",
+    style: {
+      height: '100%',
+      width: '100%',
+      margin: 0,
+      padding: 0,
+      objectFit: sectionproperties.bgcovercontainresponsive,
+      borderRadius: sectionproperties.imageborderradius + 'px',
+      zIndex: -1
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 pl-md-4 pr-md-4",
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.paddingLeft + 'px' : sectionproperties.paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.paddingRight + 'px' : sectionproperties.paddingLeft + 'px'
+    }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": ' col-lg-12 p-0 text-start '
   }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -17878,7 +17964,7 @@ var RefundPolicy = function RefundPolicy(props) {
     style: {
       textAlign: langdetect == 'en' ? 'left' : 'right'
     }
-  })))));
+  }))))));
 };
 
 function ownKeys$23(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; }