tabexseriescomponents 0.0.421 → 0.0.423

package/dist/index.cjs.js

@@ -673,8 +673,8 @@ var Imagekitimagecomp = function Imagekitimagecomp(props) {
   }));
 };
 
-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$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; }
 var Login = function Login(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -750,7 +750,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$2u({}, secpropobj));
+      setsectionproperties(_objectSpread$2w({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -917,9 +917,9 @@ var Login = function Login(props) {
       className: "".concat(loginstyles2.form_control),
       value: payloadobj.email,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$2u({}, payloadobj);
+        var temppayloadobj = _objectSpread$2w({}, payloadobj);
         temppayloadobj.email = event.target.value;
-        setpayloadobj(_objectSpread$2u({}, temppayloadobj));
+        setpayloadobj(_objectSpread$2w({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -941,9 +941,9 @@ var Login = function Login(props) {
       textplaceholder: "",
       value: payloadobj.password,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$2u({}, payloadobj);
+        var temppayloadobj = _objectSpread$2w({}, payloadobj);
         temppayloadobj.password = event.target.value;
-        setpayloadobj(_objectSpread$2u({}, temppayloadobj));
+        setpayloadobj(_objectSpread$2w({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -1120,9 +1120,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2u({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
       temppayloadobj.email = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2u({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
     },
     disabled: forgetpasswordstage == 'verify' ? true : false,
     style: {
@@ -1137,9 +1137,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.code,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2u({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
       temppayloadobj.code = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2u({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
     },
     style: {
       background: sectionproperties.input_bgcolor
@@ -1153,9 +1153,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.newpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2u({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
       temppayloadobj.newpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2u({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
     },
     style: {
       background: sectionproperties.input_bgcolor
@@ -1169,9 +1169,9 @@ var Login = function Login(props) {
     className: "".concat(loginstyles2.form_control),
     value: forgotpasswordpayload.confirmnewpassword,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$2u({}, forgotpasswordpayload);
+      var temppayloadobj = _objectSpread$2w({}, forgotpasswordpayload);
       temppayloadobj.confirmnewpassword = event.target.value;
-      setforgotpasswordpayload(_objectSpread$2u({}, temppayloadobj));
+      setforgotpasswordpayload(_objectSpread$2w({}, temppayloadobj));
     },
     style: {
       background: sectionproperties.input_bgcolor
@@ -1183,7 +1183,7 @@ var Login = function Login(props) {
     onClick: function onClick() {
       if (forgotpasswordpayload.email.length != 0) {
         var runfunc = false;
-        var tempforgotpasswordpayload = _objectSpread$2u({}, forgotpasswordpayload);
+        var tempforgotpasswordpayload = _objectSpread$2w({}, forgotpasswordpayload);
         tempforgotpasswordpayload.functype = forgetpasswordstage;
         if (forgetpasswordstage == 'verify') {
           if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -1223,7 +1223,7 @@ var Login = function Login(props) {
   }, forgetpasswordstage == 'verify' ? langdetect == 'en' ? 'Reset password' : 'إعادة تعيين كلمة المرور' : langdetect == 'en' ? 'Send verification code' : 'أرسل رمز التحقق'))))));
 };
 
-var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    /* min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important; */\n    /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    /* transform: scale(1.05); */\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW:before {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white;\n}\n.productinfo-module_color_container__c42a9:hover {\n    transform: scale(1.1);\n}\n";
+var css_248z$L = ".productinfo-module_variant_container__-y4Uc {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    /* min-width: 10vh;\n    height: 5vh; */\n    border-radius: 10px;\n    background-color: #000;\n    color: white;\n    padding: 0 6px;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_size_variant_container__vuTAO {\n    /* min-width: 5vh !important;\n    max-width: 5vh !important;\n    height: 5vh !important;\n    border-radius: 50% !important; */\n    /* padding: 0 2px !important; */\n}\n.productinfo-module_variant_container__-y4Uc:hover {\n    /* transform: scale(1.05); */\n}\n.productinfo-module_variant_container_active__OAhmg {\n    border: 2px solid green;\n    background-color: green;\n}\n.productinfo-module_color_container__c42a9 {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 4vh;\n    height: 4vh;\n    border: 2px solid #ccc;\n    border-radius: 50%;\n    overflow: hidden;\n    cursor: pointer;\n    transition: 0.3s;\n}\n.productinfo-module_color_container_active__Br2PW {\n    padding: 10px;\n    border: 2px solid var(--green);\n}\n\n.productinfo-module_color_container_active__Br2PW {\n    /* display: flex;\n    align-items: center;\n    justify-content: center;\n    content: '✓';\n    color: white; */\n}\n.productinfo-module_color_container__c42a9:hover {\n    /* transform: scale(1.1); */\n}\n";
 var productinfostyles = {"variant_container":"productinfo-module_variant_container__-y4Uc","size_variant_container":"productinfo-module_size_variant_container__vuTAO","variant_container_active":"productinfo-module_variant_container_active__OAhmg","color_container":"productinfo-module_color_container__c42a9","color_container_active":"productinfo-module_color_container_active__Br2PW"};
 styleInject(css_248z$L);
 
@@ -1234,11 +1234,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$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$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 selectcustomStyles = {
   option: function option(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1267,7 +1267,7 @@ var selectcustomStyles = {
 };
 var selectcustomStylesTranslated = {
   option: function option(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1296,14 +1296,14 @@ var selectcustomStylesTranslated = {
     };
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstyles = {
   option: function option(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1331,7 +1331,7 @@ var defaultstyles = {
     }), _ref;
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1340,7 +1340,7 @@ var defaultstyles = {
 };
 var defaultstylestranslated = {
   option: function option(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1371,21 +1371,21 @@ var defaultstylestranslated = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
     });
   },
   placeholder: function placeholder(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       textAlign: 'right'
     });
   }
 };
 var defaultstylesnone = {
   option: function option(provided, state) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       borderBottom: '1px solid #e6e6e6',
       backgroundColor: state.isSelected ? '' : '',
       padding: 5,
@@ -1413,7 +1413,7 @@ var defaultstylesnone = {
     };
   },
   dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$2t(_objectSpread$2t({}, provided), {}, {
+    return _objectSpread$2v(_objectSpread$2v({}, provided), {}, {
       '&:hover': {
         // color: '#eac435',
       }
@@ -1435,6 +1435,10 @@ var Variantoptions = function Variantoptions(props) {
   var sectionproperties = props.actions.sectionproperties;
   props.actions.ikimagecredcontext;
   var ProductInfoObj = props.actions.ProductInfoObj;
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    var setcolorvalue = _useState2[1];
   var formstyles = {
     input_label_name: glamor.css({
       color: sectionproperties.form_labelcolor,
@@ -1499,7 +1503,7 @@ var Variantoptions = function Variantoptions(props) {
         textTransform: sectionproperties.varianttitle_texttransform,
         fontSize: sectionproperties.varianttitle_fontSize + 'px'
       }
-    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":")), /*#__PURE__*/React__default["default"].createElement("div", {
+    }, sectionproperties.showselect == 'Show' && /*#__PURE__*/React__default["default"].createElement("span", null, lang.select), " ", '', " ", langdetect == 'en' ? item.optionname : item.optionname_ar, ":", ' ')), /*#__PURE__*/React__default["default"].createElement("div", {
       className: "col-lg-12 col-md-12 d-flex pb-md-3 justify-content-start align-items-start scrollhorixontalcontainer pt-1",
       style: {
         paddingTop: sectionproperties.showRemovebutton == 'Show' ? '1rem' : 0
@@ -1523,8 +1527,14 @@ var Variantoptions = function Variantoptions(props) {
           onClick: function onClick() {
             if (optionvaluesitem.isenabled == 1) {
               selectproductoptionvalue(index, optionvaluesitem, optionvaluesindex);
+              if (optionvaluesitem.valuename == '#000000') {
+                setcolorvalue('Black');
+              } else if (optionvaluesitem.valuename == '#c9b0a1') {
+                setcolorvalue('Beige');
+              }
             } else {
               clearchoosenvaluesbutkeepcurrentvalue(index, optionvaluesitem, optionvaluesindex);
+              setcolorvalue('');
             }
           },
           style: {
@@ -1996,8 +2006,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$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$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 ProductExtraFields = function ProductExtraFields(props) {
   var _fetchProductInfoQuer, _css, _fetchProductInfoQuer2;
   props.actions.lang;
@@ -2052,9 +2062,9 @@ var ProductExtraFields = function ProductExtraFields(props) {
       });
     }
     setproductextravaluesarray(_toConsumableArray__default["default"](tempproductextravaluesarray));
-    var tempaddtocardpayloadobj = _objectSpread$2s({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$2u({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.extrafields = tempproductextravaluesarray;
-    setaddtocardpayloadobj(_objectSpread$2s({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$2u({}, tempaddtocardpayloadobj));
   };
   var formstyles = {
     input_label_name: glamor.css({
@@ -2269,8 +2279,8 @@ var DescriptionContent = function DescriptionContent(props) {
   })))));
 };
 
-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$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 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, _fetchProductInfoQuer38, _fetchProductInfoQuer39, _fetchProductInfoQuer40;
   var lang = props.actions.lang;
@@ -2817,11 +2827,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$2r({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
       if (tempaddtocardpayloadobj.quantity > 0) {
         tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity - 1;
       }
-      setaddtocardpayloadobj(_objectSpread$2r({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-down' : 'h-100 allcentered',
@@ -2835,9 +2845,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$2r({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
       tempaddtocardpayloadobj.quantity = tempaddtocardpayloadobj.quantity + 1;
-      setaddtocardpayloadobj(_objectSpread$2r({}, tempaddtocardpayloadobj));
+      setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
     }
   }, /*#__PURE__*/React__default["default"].createElement("i", {
     className: sectionproperties.quantityiconstyle == 'Arrows' ? 'fa fa-chevron-up' : 'h-100 allcentered'
@@ -2862,13 +2872,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$2r({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.quantity = 1;
-        setaddtocardpayloadobj(_objectSpread$2r({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2t({}, tempaddtocardpayloadobj));
       } else {
-        var tempaddtocardpayloadobj = _objectSpread$2r({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2t({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.quantity = parseInt(event.target.value);
-        setaddtocardpayloadobj(_objectSpread$2r({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2t({}, 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", {
@@ -3171,8 +3181,8 @@ var Product_itemtype = function Product_itemtype(props) {
   }, ShareButtonsContainer()))))))));
 };
 
-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$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 Serviceinfotabs = function Serviceinfotabs(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer2, _fetchProductInfoQuer3, _fetchProductInfoQuer4, _fetchProductInfoQuer5, _fetchProductInfoQuer6, _fetchProductInfoQuer9, _fetchProductInfoQuer10, _fetchProductInfoQuer13, _fetchProductInfoQuer14;
   var langdetect = props.actions.langdetect;
@@ -3213,7 +3223,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     slots = _useState6[0],
     setslots = _useState6[1];
   React.useEffect(function () {
-    setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+    setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
       item_type: 'service'
     }));
   }, [tabsarray]);
@@ -3225,16 +3235,16 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     if (diffDays.toString() != 'NaN') {
       if (date2 <= date1) {
         NotificationManager.warning('', 'Please choose another date.');
-        setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
           quantity: 0
         }));
       } else {
         if (fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant >= diffDays && fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant <= diffDays) {
-          setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
             quantity: diffDays
           }));
         } else {
-          setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
             quantity: 0
           }));
           NotificationManager.warning('', 'Max: ' + fetchProductInfoQueryContext.data.data.productinfo.maximumproductquant + ', Min: ' + fetchProductInfoQueryContext.data.data.productinfo.minimumproductquant);
@@ -3370,7 +3380,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     min: fetchProductInfoQueryContext === null || fetchProductInfoQueryContext === void 0 || (_fetchProductInfoQuer3 = fetchProductInfoQueryContext.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.data) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.productinfo) === null || _fetchProductInfoQuer3 === void 0 || (_fetchProductInfoQuer3 = _fetchProductInfoQuer3.serviceinfo) === null || _fetchProductInfoQuer3 === void 0 ? void 0 : _fetchProductInfoQuer3.reservationstarts,
     max: 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 || (_fetchProductInfoQuer4 = _fetchProductInfoQuer4.serviceinfo) === null || _fetchProductInfoQuer4 === void 0 ? void 0 : _fetchProductInfoQuer4.reservationends,
     onChange: function onChange(event) {
-      setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
         from: event.target.value
       }));
     }
@@ -3390,7 +3400,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$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
         to: event.target.value
       }));
     }
@@ -3410,7 +3420,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$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+      setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
         date: event.target.value
       }));
       setcurrentmutatestate('/fetchserviceslots');
@@ -3461,7 +3471,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         color: ischoosed ? sectionproperties.generalbtn_bgColortransparent == 'Transparent' ? sectionproperties.generalbtn_textColoronhover : sectionproperties.generalbtn_textColor : ''
       },
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -3470,7 +3480,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
     }, /*#__PURE__*/React__default["default"].createElement("button", {
       "class": TabsStyles.booknow_btn_resp + ' allcentered  ',
       onClick: function onClick() {
-        setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+        setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
           time: item.slot
         }));
       }
@@ -3544,7 +3554,7 @@ var Serviceinfotabs = function Serviceinfotabs(props) {
         "class": ischoosed == true ? TabsStyles.timeSlotContainer_active + ' allcentered cursor-pointer px-1 ' : TabsStyles.timeSlotContainer + ' allcentered cursor-pointer px-1 ',
         style: {},
         onClick: function onClick() {
-          setaddtocardpayloadobj(_objectSpread$2q(_objectSpread$2q({}, addtocardpayloadobj), {}, {
+          setaddtocardpayloadobj(_objectSpread$2s(_objectSpread$2s({}, addtocardpayloadobj), {}, {
             time: item.slot
           }));
         }
@@ -4248,8 +4258,8 @@ var Service_itemtype = function Service_itemtype(props) {
   }, StoreInfoprops()))));
 };
 
-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$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 AddReview = function AddReview(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -4301,7 +4311,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$2p({}, secpropobj));
+      setsectionproperties(_objectSpread$2r({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -4310,7 +4320,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$2p({}, secpropobj));
+    setsectionproperties(_objectSpread$2r({}, secpropobj));
   }, [pageindexcontext]);
   var reviewstyles = {
     submitreviewbtn: glamor.css({
@@ -4436,9 +4446,9 @@ var AddReview = function AddReview(props) {
     }),
     activeColor: "#ffd700",
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2p({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewrate = event;
-      setreviewpayloadobj(_objectSpread$2p({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
     }
   })))))), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12"
@@ -4452,9 +4462,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewname,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2p({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewname = event.target.value;
-      setreviewpayloadobj(_objectSpread$2p({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -4464,9 +4474,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control,
     value: reviewpayloadobj.reviewtitle,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2p({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewtitle = event.target.value;
-      setreviewpayloadobj(_objectSpread$2p({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
     }
   })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 mb-4"
@@ -4477,9 +4487,9 @@ var AddReview = function AddReview(props) {
     "class": reviewstyles.form_control + ' form_control ',
     value: reviewpayloadobj.reviewbody,
     onChange: function onChange(event) {
-      var tempreviewpayloadobj = _objectSpread$2p({}, reviewpayloadobj);
+      var tempreviewpayloadobj = _objectSpread$2r({}, reviewpayloadobj);
       tempreviewpayloadobj.reviewbody = event.target.value;
-      setreviewpayloadobj(_objectSpread$2p({}, tempreviewpayloadobj));
+      setreviewpayloadobj(_objectSpread$2r({}, tempreviewpayloadobj));
     },
     style: {
       resize: 'none',
@@ -4514,8 +4524,8 @@ var AddReview = function AddReview(props) {
   }, langdetect == 'en' ? sectionproperties.reviewbtn_contenten : sectionproperties.reviewbtn_contentar)));
 };
 
-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$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 ProductReviews = function ProductReviews(props) {
   var _fetchProductInfoQuer, _fetchProductInfoQuer3, _fetchProductInfoQuer4;
   props.actions.lang;
@@ -4749,7 +4759,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$2o(_objectSpread$2o({}, actions), {}, {
+    actions: _objectSpread$2q(_objectSpread$2q({}, actions), {}, {
       productid: productid,
       canuserreview: canuserreview,
       addreviewcallback: addreviewcallback
@@ -4757,8 +4767,8 @@ var ProductReviews = function ProductReviews(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$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 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({}),
@@ -4787,7 +4797,7 @@ var Productinfo = function Productinfo(props) {
     setfetchProductInfoQueryContext = _useState4[1];
   React.useEffect(function () {
     if (fetchProductInfoQueryContextProps.isSuccess) {
-      setProductInfoObj(_objectSpread$2n({}, fetchProductInfoQueryContextProps.data));
+      setProductInfoObj(_objectSpread$2p({}, fetchProductInfoQueryContextProps.data));
       setfetchProductInfoQueryContext(fetchProductInfoQueryContextProps);
     }
   }, [props.actions, props, fetchProductInfoQueryContextProps.data, fetchProductInfoQueryContextProps.isSuccess]);
@@ -4899,7 +4909,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$2n({}, secpropobj));
+      setsectionproperties(_objectSpread$2p({}, secpropobj));
       setTabIndex(0);
       settabname('descriptiontab');
       if (sectionproperties.prodCatShow == 'Hide' || sectionproperties.descriptionposition != 'Bottom') {
@@ -4939,7 +4949,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$2n({}, secpropobj));
+    setsectionproperties(_objectSpread$2p({}, secpropobj));
   }, [pageindexcontext]);
   React.useEffect(function () {
     if (productidparam == undefined) {
@@ -4959,12 +4969,12 @@ var Productinfo = function Productinfo(props) {
     }
   }, [ProductInfoObj, isloaded]);
   var productidassigner = function productidassigner(productid) {
-    var tempFetchQueriesEngineContext = _objectSpread$2n({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$2p({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchproductinfo = true;
-    setFetchQueriesEngineContext(_objectSpread$2n({}, tempFetchQueriesEngineContext));
-    var tempfetchproductinfoObjContext = _objectSpread$2n({}, fetchproductinfoObjContext);
+    setFetchQueriesEngineContext(_objectSpread$2p({}, tempFetchQueriesEngineContext));
+    var tempfetchproductinfoObjContext = _objectSpread$2p({}, fetchproductinfoObjContext);
     tempfetchproductinfoObjContext.productid = productid;
-    setfetchproductinfoObjContext(_objectSpread$2n({}, tempfetchproductinfoObjContext));
+    setfetchproductinfoObjContext(_objectSpread$2p({}, tempfetchproductinfoObjContext));
   };
   React.useEffect(function () {
     if (!fetchProductInfoQueryContext.isFetching && fetchProductInfoQueryContext.isSuccess && ikimagecredcontext != undefined) {
@@ -5001,9 +5011,9 @@ var Productinfo = function Productinfo(props) {
         }
         setproductimagesarray([].concat(tempproductimagesarray));
         variantchecker();
-        var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+        var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
         tempaddtocardpayloadobj.productid = fetchProductInfoQueryContext.data.data.productinfo.productid;
-        setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+        setaddtocardpayloadobj(_objectSpread$2p({}, 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({
@@ -5050,7 +5060,7 @@ var Productinfo = function Productinfo(props) {
     });
     variantchecker();
     variantcompleting();
-    setProductInfoObj(_objectSpread$2n({}, productarr));
+    setProductInfoObj(_objectSpread$2p({}, productarr));
   };
   var variantchecker = function variantchecker() {
     var productarr = ProductInfoObj;
@@ -5124,16 +5134,16 @@ var Productinfo = function Productinfo(props) {
           });
         }
         // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-        setProductInfoObj(_objectSpread$2n({}, productarr));
+        setProductInfoObj(_objectSpread$2p({}, productarr));
         setisloaded(true);
       }
     }
   };
   var variantcompleting = function variantcompleting() {
     setvariantindexcompleted('');
-    var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
     tempaddtocardpayloadobj.variantid = '';
-    setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+    setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
     var productarr = ProductInfoObj;
     var selectedoptionsvalues = [];
     productarr.data.productinfo.productoptions.forEach(function (productoptionsitem, productoptionsindex) {
@@ -5166,7 +5176,7 @@ var Productinfo = function Productinfo(props) {
           NotificationManager.warning('', 'Variant Not Found');
         } else {
           variantid = variantobj.variantid;
-          var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+          var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
           tempaddtocardpayloadobj.variantid = variantid;
           var variantimageindex = 0;
           productimagesarray === null || productimagesarray === void 0 || productimagesarray.forEach(function (tempimageitem, tempimageindex) {
@@ -5182,14 +5192,14 @@ var Productinfo = function Productinfo(props) {
           setvariantsku(variantobj === null || variantobj === void 0 ? void 0 : variantobj.sku);
           // alert(variantsku);
           setcurrentshowingimageindex(variantimageindex);
-          setaddtocardpayloadobj(_objectSpread$2n({}, tempaddtocardpayloadobj));
+          setaddtocardpayloadobj(_objectSpread$2p({}, tempaddtocardpayloadobj));
           setvariantindexcompleted(ProductVariantIndex);
           setvariantindex(ProductVariantIndex);
         }
       }
     });
     // queryClient.setQueryData('fetchProductInfo_API' + JSON.stringify(fetchproductinfoObjContext), productarr);
-    setProductInfoObj(_objectSpread$2n({}, productarr));
+    setProductInfoObj(_objectSpread$2p({}, productarr));
   };
   var addtocartfunc = function addtocartfunc(forcetocheckout) {
     var runfunc = false;
@@ -5210,7 +5220,7 @@ var Productinfo = function Productinfo(props) {
     }
     if (runfunc == true) {
       var _fetchProductInfoQuer7, _fetchProductInfoQuer8;
-      var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+      var tempaddtocardpayloadobj = _objectSpread$2p({}, 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) {
@@ -5234,7 +5244,7 @@ var Productinfo = function Productinfo(props) {
   };
   var validateextrafields = function validateextrafields() {
     var _fetchProductInfoQuer15;
-    var tempaddtocardpayloadobj = _objectSpread$2n({}, addtocardpayloadobj);
+    var tempaddtocardpayloadobj = _objectSpread$2p({}, addtocardpayloadobj);
     var status = false;
     var reason = '';
     var missingitemsfound = [];
@@ -6273,7 +6283,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$2n(_objectSpread$2n({}, actions), {}, {
+    actions: _objectSpread$2p(_objectSpread$2p({}, actions), {}, {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
@@ -6321,7 +6331,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$2n(_objectSpread$2n({}, actions), {}, {
+    actions: _objectSpread$2p(_objectSpread$2p({}, actions), {}, {
       productinfo_cssstyles: productinfo_cssstyles,
       sectionproperties: sectionproperties
     })
@@ -6338,8 +6348,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$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$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 Staticpagesrouter = function Staticpagesrouter(props) {
   var _useState = React.useState(props.currentpageprops),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -6375,7 +6385,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$2m({}, secpropobj));
+      setsectionproperties(_objectSpread$2o({}, secpropobj));
     }
   }, [CurrentPageId]);
   var styles = {
@@ -6541,8 +6551,8 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-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$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 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;
@@ -6595,9 +6605,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$2l({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$2n({}, FetchQueriesEngineContext);
       tempFetchQueriesEngineContext.orderhistory = true;
-      setFetchQueriesEngineContext(_objectSpread$2l({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$2n({}, tempFetchQueriesEngineContext));
     }
   }, []);
   var _useState15 = React.useState(''),
@@ -6618,7 +6628,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$2l({}, secpropobj));
+    setsectionproperties(_objectSpread$2n({}, 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({
@@ -7569,8 +7579,8 @@ var css_248z$H = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_c
 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$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$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 Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
   var lang = props.actions.lang;
@@ -7598,13 +7608,13 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$2k({}, secpropobj));
+      setsectionproperties(_objectSpread$2m({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$2k({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$2m({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$2k({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$2m({}, tempFetchQueriesEngineContext));
   }, []);
   React.useEffect(function () {
     if (Object.keys(StatePagePropertiesContext).length != 0) {
@@ -7613,7 +7623,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$2k({}, secpropobj));
+      setsectionproperties(_objectSpread$2m({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var wishlist_cssstyles = {
@@ -8022,8 +8032,8 @@ var Wishlist = function Wishlist(props) {
   })));
 };
 
-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$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 Viewcart = function Viewcart(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchcustomercartQue7, _fetchcustomercartQue8;
   var lang = props.actions.lang;
@@ -8055,7 +8065,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$2j({}, secpropobj));
+      setsectionproperties(_objectSpread$2l({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -8643,8 +8653,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$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$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 Select$3 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
@@ -8703,7 +8713,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$2i({}, secpropobj));
+    setsectionproperties(_objectSpread$2k({}, secpropobj));
   }, [props.actions.StatePagePropertiesContext]);
   React.useEffect(function () {
     var Canorder = false;
@@ -8723,10 +8733,10 @@ var Checkout = function Checkout(props) {
       }
       if (Canorder == true) {
         var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7;
-        var tempFetchQueriesEngineContext = _objectSpread$2i({}, FetchQueriesEngineContext);
+        var tempFetchQueriesEngineContext = _objectSpread$2k({}, FetchQueriesEngineContext);
         tempFetchQueriesEngineContext.fetchtabexcountries = true;
-        setFetchQueriesEngineContext(_objectSpread$2i({}, tempFetchQueriesEngineContext));
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
+        setFetchQueriesEngineContext(_objectSpread$2k({}, tempFetchQueriesEngineContext));
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, 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 &&
@@ -8743,7 +8753,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$2i({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
       } else {
         // NotificationManager.warning('', lang.pleaselogintocheckout);
         routingcountext(StaticPagesLinksContext.Login);
@@ -9610,10 +9620,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$2i({}, FetchTabexStatesPayloadobjContext);
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
       tempFetchTabexStatesPayloadobjContext.functype = 'states';
       tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-      setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
+      setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
       cartinfoupdater('countryid', option.id);
     },
     styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -9658,10 +9668,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$2i({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2k({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2k({}, tempFetchTabexStatesPayloadobjContext));
         cartinfoupdater('stateid', option.id);
       } else {
         NotificationManager.warning('', 'Please Choose Country Or State');
@@ -10025,8 +10035,8 @@ var Checkout = function Checkout(props) {
   }, Mycart())))));
 };
 
-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$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 VendorPage = function VendorPage(props) {
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -10059,7 +10069,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$2h({}, secpropobj));
+      setsectionproperties(_objectSpread$2j({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
@@ -10182,8 +10192,8 @@ var VendorPage = function VendorPage(props) {
   })));
 };
 
-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$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 Select$2 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
@@ -10293,46 +10303,46 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     }
   }, [fetchAuthorizationQueryContext.isSuccess]);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$2g({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$2i({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
     tempFetchQueriesEngineContext.fetchtabexcountries = true;
-    setFetchQueriesEngineContext(_objectSpread$2g({}, tempFetchQueriesEngineContext));
-    var tempFetchQueriesEngineContext = _objectSpread$2g({}, FetchQueriesEngineContext);
+    setFetchQueriesEngineContext(_objectSpread$2i({}, tempFetchQueriesEngineContext));
+    var tempFetchQueriesEngineContext = _objectSpread$2i({}, FetchQueriesEngineContext);
   }, []);
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
-      setsectionproperties(_objectSpread$2g({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$2i({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   React.useEffect(function () {
     if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
       if (authdetailsContext.loggedin == true) {
-        var tempcustomerinfoobj = _objectSpread$2g({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
-        setpayloadobj(_objectSpread$2g({}, tempcustomerinfoobj));
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2g({}, FetchTabexStatesPayloadobjContext);
+        var tempcustomerinfoobj = _objectSpread$2i({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
+        setpayloadobj(_objectSpread$2i({}, tempcustomerinfoobj));
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
         if (tempcustomerinfoobj.countryid != null) {
           tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
         }
         if (tempcustomerinfoobj.stateid != null) {
           tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
         }
-        setFetchTabexStatesPayloadobjContext(_objectSpread$2g({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
         setdataloaded(true);
       } else {
         var _fetchinstitutecustom;
-        var tempcustomerinfoobj = _objectSpread$2g({}, payloadobj);
+        var tempcustomerinfoobj = _objectSpread$2i({}, 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$2g({}, tempcustomerinfoobj));
+        setpayloadobj(_objectSpread$2i({}, tempcustomerinfoobj));
         setdataloaded(true);
       }
     }
   }, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
   var payloadobjchange = function payloadobjchange(key, value) {
-    var temppayloadobj = _objectSpread$2g({}, payloadobj);
+    var temppayloadobj = _objectSpread$2i({}, payloadobj);
     temppayloadobj[key] = value;
-    setpayloadobj(_objectSpread$2g({}, temppayloadobj));
+    setpayloadobj(_objectSpread$2i({}, 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,}))$/);
@@ -10404,7 +10414,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   };
   var signupbuttonfunc = function signupbuttonfunc() {
     if (verifypayload() == true) {
-      var temppayloadobj = _objectSpread$2g({}, payloadobj);
+      var temppayloadobj = _objectSpread$2i({}, payloadobj);
       if (authdetailsContext.loggedin == true) {
         temppayloadobj.functype = 'edit';
       } else {
@@ -10561,10 +10571,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
       autoFormat: true,
       value: payloadobj.mobile,
       onChange: function onChange(event, country) {
-        var temp = _objectSpread$2g({}, payloadobj);
+        var temp = _objectSpread$2i({}, payloadobj);
         temp.mobile = event;
         temp.countrydialcode = country.dialCode;
-        setpayloadobj(_objectSpread$2g({}, temp));
+        setpayloadobj(_objectSpread$2i({}, temp));
         // payloadobjchange('mobile', event);
 
         // alert(JSON.stringify(country));
@@ -10621,10 +10631,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         return option.id == payloadobj.countryid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2g({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'states';
         tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$2g({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('countryid', option.id);
       },
       styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -10673,10 +10683,10 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         return option.id == payloadobj.stateid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2g({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2i({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$2g({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2i({}, tempFetchTabexStatesPayloadobjContext));
         payloadobjchange('stateid', option.id);
       },
       styles: sectionproperties.inputfieldbordertype == 'All' ? langdetect == 'en' ? selectcustomStyles : selectcustomStylesTranslated : langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -10818,9 +10828,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2g({}, payloadobj);
+          var temppayloadobj = _objectSpread$2i({}, payloadobj);
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$2g({}, temppayloadobj));
+          setpayloadobj(_objectSpread$2i({}, temppayloadobj));
         },
         style: {
           background: 'transparent'
@@ -10834,13 +10844,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$2g({}, payloadobj);
+          var temppayloadobj = _objectSpread$2i({}, payloadobj);
           if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
             temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
           } else {
             temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
           }
-          setpayloadobj(_objectSpread$2g({}, temppayloadobj));
+          setpayloadobj(_objectSpread$2i({}, temppayloadobj));
         }
       }), /*#__PURE__*/React__default["default"].createElement("svg", {
         viewBox: "0 0 21 21",
@@ -10857,9 +10867,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2g({}, payloadobj);
+          var temppayloadobj = _objectSpread$2i({}, payloadobj);
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$2g({}, temppayloadobj));
+          setpayloadobj(_objectSpread$2i({}, temppayloadobj));
         }
       }, /*#__PURE__*/React__default["default"].createElement("option", {
         value: '',
@@ -10874,9 +10884,9 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
         value: item.customersignupvalue,
         textplaceholder: "",
         onChange: function onChange(event) {
-          var temppayloadobj = _objectSpread$2g({}, payloadobj);
+          var temppayloadobj = _objectSpread$2i({}, payloadobj);
           temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
-          setpayloadobj(_objectSpread$2g({}, temppayloadobj));
+          setpayloadobj(_objectSpread$2i({}, temppayloadobj));
         },
         style: {
           resize: 'none'
@@ -11230,7 +11240,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "".concat(formstyles.form_control),
     value: validateemailpayload.code,
     onChange: function onChange(event) {
-      setvalidateemailpayload(_objectSpread$2g(_objectSpread$2g({}, validateemailpayload), {}, {
+      setvalidateemailpayload(_objectSpread$2i(_objectSpread$2i({}, validateemailpayload), {}, {
         code: event.target.value
       }));
     },
@@ -11257,12 +11267,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
             mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
               if (data.data.status) {
                 if (data.data.functype == 'sendcode') {
-                  setvalidateemailpayload(_objectSpread$2g(_objectSpread$2g({}, validateemailpayload), {}, {
+                  setvalidateemailpayload(_objectSpread$2i(_objectSpread$2i({}, validateemailpayload), {}, {
                     step: 'verifycode'
                   }));
                 }
                 if (data.data.functype == 'verifycode') {
-                  setvalidateemailpayload(_objectSpread$2g(_objectSpread$2g({}, validateemailpayload), {}, {
+                  setvalidateemailpayload(_objectSpread$2i(_objectSpread$2i({}, validateemailpayload), {}, {
                     isvalidated: true
                   }));
                   setvalidateemailmodal(false);
@@ -11357,7 +11367,7 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
     className: "".concat(formstyles.form_control),
     value: validatephonenumberpayload.code,
     onChange: function onChange(event) {
-      setvalidatephonenumberpayload(_objectSpread$2g(_objectSpread$2g({}, validatephonenumberpayload), {}, {
+      setvalidatephonenumberpayload(_objectSpread$2i(_objectSpread$2i({}, validatephonenumberpayload), {}, {
         code: event.target.value
       }));
     },
@@ -11384,12 +11394,12 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
             mutateSuccesscallback: function mutateSuccesscallback(data, variables) {
               if (data.data.status) {
                 if (data.data.functype == 'sendcode') {
-                  setvalidatephonenumberpayload(_objectSpread$2g(_objectSpread$2g({}, validatephonenumberpayload), {}, {
+                  setvalidatephonenumberpayload(_objectSpread$2i(_objectSpread$2i({}, validatephonenumberpayload), {}, {
                     step: 'verifycode'
                   }));
                 }
                 if (data.data.functype == 'verifycode') {
-                  setvalidatephonenumberpayload(_objectSpread$2g(_objectSpread$2g({}, validatephonenumberpayload), {}, {
+                  setvalidatephonenumberpayload(_objectSpread$2i(_objectSpread$2i({}, validatephonenumberpayload), {}, {
                     isvalidated: true
                   }));
                   setvalidatephonenumbermodal(false);
@@ -11425,8 +11435,8 @@ var CustomerInformationForm = function CustomerInformationForm(props) {
   }, validatephonenumberpayload.step == 'sendcode' ? lang.sendcode : lang.verifycode))))))), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Modal.Footer, null)));
 };
 
-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$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 Signup = function Signup(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
   props.actions.CurrentSrcTypeContext;
@@ -11474,7 +11484,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$2f({}, secpropobj));
+      setsectionproperties(_objectSpread$2h({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var loginstyles2 = {
@@ -11617,8 +11627,8 @@ var Signup = function Signup(props) {
   }, SignupContent()));
 };
 
-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$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 Afiiliatesignup = function Afiiliatesignup(props) {
   var _css;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -11684,7 +11694,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$2e({}, secpropobj));
+      setsectionproperties(_objectSpread$2g({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var loginstyles2 = {
@@ -11785,7 +11795,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.name,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$2e(_objectSpread$2e({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
         name: event.target.value
       }));
     },
@@ -11801,7 +11811,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.email,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$2e(_objectSpread$2e({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
         email: event.target.value
       }));
     },
@@ -11819,10 +11829,10 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     autoFormat: true,
     value: affsignuppayload.phonenumber,
     onChange: function onChange(event, country) {
-      var temp = _objectSpread$2e({}, affsignuppayload);
+      var temp = _objectSpread$2g({}, affsignuppayload);
       temp.phonenumber = event;
       temp.countrydialcode = country.dialCode;
-      setaffsignuppayload(_objectSpread$2e({}, temp));
+      setaffsignuppayload(_objectSpread$2g({}, temp));
       // setaffsignuppayload({ ...affsignuppayload, phonenumber: event.target.value });
     },
 
@@ -11838,7 +11848,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.ssn,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$2e(_objectSpread$2e({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
         ssn: event.target.value
       }));
     },
@@ -11854,7 +11864,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.password,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$2e(_objectSpread$2e({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
         password: event.target.value
       }));
     },
@@ -11870,7 +11880,7 @@ var Afiiliatesignup = function Afiiliatesignup(props) {
     className: "".concat(loginstyles2.form_control),
     value: affsignuppayload.confirmpassword,
     onChange: function onChange(event) {
-      setaffsignuppayload(_objectSpread$2e(_objectSpread$2e({}, affsignuppayload), {}, {
+      setaffsignuppayload(_objectSpread$2g(_objectSpread$2g({}, affsignuppayload), {}, {
         confirmpassword: event.target.value
       }));
     },
@@ -11923,8 +11933,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$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$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 AccountInformation = function AccountInformation(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8;
   var lang = props.actions.lang;
@@ -11951,7 +11961,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$2d({}, secpropobj));
+    setsectionproperties(_objectSpread$2f({}, secpropobj));
   }, [props.actions.StatePagePropertiesContext]);
   React.useEffect(function () {
     var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
@@ -12113,8 +12123,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$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$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 Policies = function Policies(props) {
   var _bgimagesarray$, _bgimagesarray$5, _bgimagesarray$6, _bgimagesarray$7, _bgimagesarray$8, _fetchInstitutePolici, _fetchInstitutePolici2, _fetchInstitutePolici3;
   var _useState = React.useState(''),
@@ -12145,7 +12155,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$2c({}, secpropobj));
+      setsectionproperties(_objectSpread$2e({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -12158,9 +12168,9 @@ var Policies = function Policies(props) {
     }
   }, []);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$2c({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$2e({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$2c({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$2e({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
@@ -12390,8 +12400,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$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$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 CartSlider = function CartSlider(props) {
   var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12;
   var lang = props.actions.lang;
@@ -12457,7 +12467,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$2b({}, secpropobj));
+    setsectionproperties(_objectSpread$2d({}, secpropobj));
   }, [CurrentPageId]);
   React.useEffect(function () {
     if (CurrentSrcTypeContext == 'workplace') {
@@ -12467,7 +12477,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$2b({}, secpropobj));
+        setsectionproperties(_objectSpread$2d({}, secpropobj));
       }
     }
   }, [StatePagePropertiesContext]);
@@ -13034,8 +13044,8 @@ var CartSlider = function CartSlider(props) {
   }, langdetect == 'en' ? sectionproperties.checkoutButtonContenten : sectionproperties.checkoutButtonContentar))))))))));
 };
 
-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$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 Categoriesdropdown = function Categoriesdropdown(props) {
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2);
@@ -13079,7 +13089,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$2a({}, secpropobj));
+    setsectionproperties(_objectSpread$2c({}, secpropobj));
   }, [CurrentPageId]);
   React.useEffect(function () {
     if (CurrentSrcTypeContext == 'workplace') {
@@ -13089,7 +13099,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$2a({}, secpropobj));
+        setsectionproperties(_objectSpread$2c({}, secpropobj));
       }
     }
   }, [StatePagePropertiesContext]);
@@ -13317,8 +13327,8 @@ var Categoriesdropdown = function Categoriesdropdown(props) {
   }, CategoriesDropdown()));
 };
 
-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; }
+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 OrderSuccess = function OrderSuccess(props) {
   var _props$actions2;
   props.actions.lang;
@@ -13368,7 +13378,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$29({}, secpropobj));
+    setsectionproperties(_objectSpread$2b({}, 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 = {
@@ -13465,12 +13475,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$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; }
-function _objectSpread$28(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$28(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$28(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 Select$1 = /*#__PURE__*/React__default["default"].lazy(function () {
   return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); });
 });
-var Filter$1 = function Filter(props) {
+var Filter$2 = function Filter(props) {
   var _css;
   var lang = props.actions.lang;
   var langdetect = props.actions.langdetect;
@@ -13542,13 +13552,13 @@ var Filter$1 = function Filter(props) {
       payloadvalue: 'sortprice',
       name: lang.price,
       filterarray: [{
-        name: lang.pricehightolow,
-        value: 'hightolow',
-        isfilterselected: false
-      }, {
         name: lang.pricelowtohigh,
         value: 'lowtohigh',
         isfilterselected: false
+      }, {
+        name: lang.pricehightolow,
+        value: 'hightolow',
+        isfilterselected: false
       }]
     }, {
       payloadvalue: 'sortdates',
@@ -13606,11 +13616,11 @@ var Filter$1 = function Filter(props) {
     }
     timeoutRef.current = setTimeout(function () {
       if (raterangevalue.min != 0 || raterangevalue.max != 5) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
         tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
         // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
       }
     }, 500);
@@ -13696,33 +13706,33 @@ var Filter$1 = function Filter(props) {
   }, [ProductFilterObjContext, fetchCategoriesQueryContext.isSuccess, fetchcollectionsQueryContext.isSuccess, instcategories, instcollections]);
   React.useEffect(function () {
     if (productfeatuesarr.length != 0) {
-      var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+      var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
       tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
-      setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+      setProductFilterObjContext(_objectSpread$2a({}, 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$28({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$28({}, tempFetchTabexStatesPayloadobjContext));
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
       }
     }
   }, [fetchTabexStatesQueryContext.isSuccess]);
   var filterupdater = function filterupdater() {
     setTimeout(function () {
-      var tempFetchQueriesEngineContext = _objectSpread$28({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$2a({}, FetchQueriesEngineContext);
       tempFetchQueriesEngineContext.fetchtabexcountries = true;
       setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
     }, 100);
     if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
-      var tempFetchTabexStatesPayloadobjContext = _objectSpread$28({}, FetchTabexStatesPayloadobjContext);
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
       tempFetchTabexStatesPayloadobjContext.functype = 'states';
       tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
-      setFetchTabexStatesPayloadobjContext(_objectSpread$28({}, tempFetchTabexStatesPayloadobjContext));
+      setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
     }
     if (instfilters.length != 0) {
       var _ProductFilterObjCont3;
@@ -13784,7 +13794,7 @@ var Filter$1 = function Filter(props) {
     }
   };
   var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
-    var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+    var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
     if (type == 'clearfilters') {
       tempfetchproductsfilerobjcontext.FilterOptions = [];
     } else {
@@ -13808,14 +13818,14 @@ var Filter$1 = function Filter(props) {
       tempfetchproductsfilerobjcontext.isfilter = 1;
     }
     tempfetchproductsfilerobjcontext.page = 0;
-    setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+    setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
 
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
     var _tempfetchproductsfil2;
-    var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+    var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
     var CollectionExists = false;
     tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil2 = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil2 === void 0 || _tempfetchproductsfil2.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
@@ -13837,7 +13847,7 @@ var Filter$1 = function Filter(props) {
     }
     tempfetchproductsfilerobjcontext.page = 0;
     tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-    setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+    setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
@@ -14429,14 +14439,14 @@ var Filter$1 = function Filter(props) {
         return option.id == ProductFilterObjContext.countryid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$28({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'states';
         tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$28({}, tempFetchTabexStatesPayloadobjContext));
-        var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
+        var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.countryid = option.id;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -14473,14 +14483,14 @@ var Filter$1 = function Filter(props) {
         return option.id == ProductFilterObjContext.stateid;
       }),
       onChange: function onChange(option) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$28({}, FetchTabexStatesPayloadobjContext);
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$2a({}, FetchTabexStatesPayloadobjContext);
         tempFetchTabexStatesPayloadobjContext.functype = 'cities';
         tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$28({}, tempFetchTabexStatesPayloadobjContext));
-        var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+        setFetchTabexStatesPayloadobjContext(_objectSpread$2a({}, tempFetchTabexStatesPayloadobjContext));
+        var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.stateid = option.id;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -14517,10 +14527,10 @@ var Filter$1 = function Filter(props) {
         return option.id == ProductFilterObjContext.cityid;
       }),
       onChange: function onChange(option) {
-        var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+        var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
         tempfetchproductsfilerobjcontext.cityid = option.id;
         tempfetchproductsfilerobjcontext.page = 0;
-        setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
         filterrouting(tempfetchproductsfilerobjcontext);
       },
       styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
@@ -14624,14 +14634,14 @@ var Filter$1 = function Filter(props) {
           color: ischecked ? sectionproperties.activecat_color : ''
         },
         onClick: function onClick() {
-          var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
           if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
           } else {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
           tempfetchproductsfilerobjcontext.page = 0;
-          setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
           filterrouting(tempfetchproductsfilerobjcontext);
           setsortbycontext(valueitem.name);
         }
@@ -14640,16 +14650,12 @@ var Filter$1 = function Filter(props) {
   }))))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Horizontal' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-start mb-3"
-  }, /*#__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'
-  }, langdetect == 'en' ? sectionproperties.filtercollectiontitle_en : sectionproperties.filtercollectiontitle_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 mb-4"
   }, /*#__PURE__*/React__default["default"].createElement(reactHorizontalScrollingMenu.ScrollMenu, {
     transitionBehavior: 'auto',
     wrapperClassName: '',
     itemClassName: 'filtercard',
-    scrollContainerClassName: 'scrollmenuclasssubscrollbar'
+    scrollContainerClassName: 'filterscrollmenuclasssubscrollbar'
   }, collectionstobevisible.map(function (item, index) {
     return /*#__PURE__*/React__default["default"].createElement("div", {
       className: filter_cssstyles.timeline_text + ' col-xl-12 p-0 col-lg-12 col-md-12 col-sm-12 w-100 cursor-pointer ',
@@ -14681,7 +14687,23 @@ var Filter$1 = function Filter(props) {
     }, /*#__PURE__*/React__default["default"].createElement("p", {
       "class": ' m-0 p-0 '
     }, langdetect == 'en' ? item.title_en : item.title_ar)));
-  })))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }))), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 text-start px-4 mb-5",
+    style: {
+      fontSize: 15,
+      color: '#62554a'
+    }
+  }, /*#__PURE__*/React__default["default"].createElement("span", {
+    "class": "cursor-pointer",
+    onClick: function onClick() {
+      routingcountext('home', false, '');
+    }
+  }, 'Home', " /", ' '), ' ', /*#__PURE__*/React__default["default"].createElement("span", {
+    style: {
+      textTransform: 'capitalize'
+    },
+    "class": "mx-2"
+  }, props.show_product_group_titles()['title_en']))), sectionproperties.filterType != 'Title & Sort By Only' && sectionproperties.filterdirection == 'Vertical' && /*#__PURE__*/React__default["default"].createElement("div", {
     className: "".concat(filterstyles.filterslider_container) + ' pb-md-5 ',
     id: "filterslider",
     style: {
@@ -14783,14 +14805,14 @@ var Filter$1 = 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$28({}, ProductFilterObjContext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
           if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
           } else {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
           tempfetchproductsfilerobjcontext.page = 0;
-          setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$2a({}, tempfetchproductsfilerobjcontext));
           filterrouting(tempfetchproductsfilerobjcontext);
         }
       }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -14825,7 +14847,7 @@ var Filter$1 = function Filter(props) {
     minValue: 0,
     value: raterangevalue,
     onChange: function onChange(value) {
-      setraterangevalue(_objectSpread$28({}, value));
+      setraterangevalue(_objectSpread$2a({}, 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"
@@ -14968,13 +14990,13 @@ var Filter$1 = 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$28({}, ProductFilterObjContext);
+          var tempfetchproductsfilerobjcontext = _objectSpread$2a({}, ProductFilterObjContext);
           if (tempfetchproductsfilerobjcontext[item.payloadvalue] == valueitem.value) {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = '';
           } else {
             tempfetchproductsfilerobjcontext[item.payloadvalue] = valueitem.value;
           }
-          setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
+          setProductFilterObjContext(_objectSpread$2a({}, 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 '
@@ -15006,8 +15028,566 @@ var Filter$1 = function Filter(props) {
   }, DynamicFilter()), sectionproperties.showvariantsfilter == 'Show' && InstFilters())))))));
 };
 
-function ownKeys$27(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$27(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$27(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$27(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 Filter$1 = function Filter(props) {
+  var _css;
+  var lang = props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  props.actions.productfiltercontext;
+  props.actions.setproductfiltercontext;
+  var ProductFilterObjContext = props.actions.ProductFilterObjContext;
+  var setProductFilterObjContext = props.actions.setProductFilterObjContext;
+  props.actions.authdetailsContext;
+  var fetchproductoptionsQueryContext = props.actions.fetchproductoptionsQueryContext;
+  var fetchCategoriesQueryContext = props.actions.fetchCategoriesQueryContext;
+  var routingcountext = props.actions.routingcountext;
+  var fetchcollectionsQueryContext = props.actions.fetchcollectionsQueryContext;
+  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  props.actions.ikimagecredcontext;
+  var _useState = React.useState({
+      min: 0,
+      max: 10000
+    }),
+    _useState2 = _slicedToArray__default["default"](_useState, 2);
+    _useState2[0];
+    _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2),
+    productfeatuesarr = _useState4[0];
+    _useState4[1];
+  props.actions.fetchTabexCountriesQueryContext;
+  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  props.actions.fetchTabexCitiesQueryContext;
+  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
+  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
+  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
+  props.actions.fetchProductFeaturesQueryContext;
+  var _useState5 = React.useState(''),
+    _useState6 = _slicedToArray__default["default"](_useState5, 2),
+    sectionproperties = _useState6[0],
+    setsectionproperties = _useState6[1];
+  // const [instfilters, setinstfilters] = useState([...authdetailsContext.instinfo.instfilters]);
+  var _useState7 = React.useState([]),
+    _useState8 = _slicedToArray__default["default"](_useState7, 2),
+    instfilters = _useState8[0],
+    setinstfilters = _useState8[1];
+  var _useState9 = React.useState([]),
+    _useState10 = _slicedToArray__default["default"](_useState9, 2);
+    _useState10[0];
+    var setcollectionstobevisible = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2),
+    instcollections = _useState12[0],
+    setinstcollections = _useState12[1];
+  var _useState13 = React.useState([]),
+    _useState14 = _slicedToArray__default["default"](_useState13, 2),
+    instcategories = _useState14[0],
+    setinstcategories = _useState14[1];
+  // const [sortby, setSortby] = useState('Sort by');
+  var _useState15 = React.useState({
+      min: 0,
+      max: 5
+    }),
+    _useState16 = _slicedToArray__default["default"](_useState15, 2),
+    raterangevalue = _useState16[0];
+    _useState16[1];
+  var timeoutRef = React__default["default"].useRef(null);
+  var _useState17 = React.useState(''),
+    _useState18 = _slicedToArray__default["default"](_useState17, 2);
+    _useState18[0];
+    _useState18[1];
+  var _useState19 = React.useState([{
+      payloadvalue: 'sortprice',
+      name: lang.price,
+      filterarray: [{
+        name: lang.pricehightolow,
+        value: 'hightolow',
+        isfilterselected: false
+      }, {
+        name: lang.pricelowtohigh,
+        value: 'lowtohigh',
+        isfilterselected: false
+      }]
+    }, {
+      payloadvalue: 'sortdates',
+      name: lang.dates,
+      filterarray: [{
+        name: lang.recent,
+        value: 'recent',
+        isfilterselected: false
+      }, {
+        name: lang.oldest,
+        value: 'old',
+        isfilterselected: false
+      }]
+    }]),
+    _useState20 = _slicedToArray__default["default"](_useState19, 2);
+    _useState20[0];
+    _useState20[1];
+  React.useEffect(function () {
+    filterupdater();
+  }, []);
+  React.useEffect(function () {
+    if (fetchproductoptionsQueryContext.isSuccess) {
+      var _fetchproductoptionsQ;
+      setinstfilters(_toConsumableArray__default["default"](fetchproductoptionsQueryContext === null || fetchproductoptionsQueryContext === void 0 || (_fetchproductoptionsQ = fetchproductoptionsQueryContext.data) === null || _fetchproductoptionsQ === void 0 || (_fetchproductoptionsQ = _fetchproductoptionsQ.data) === null || _fetchproductoptionsQ === void 0 ? void 0 : _fetchproductoptionsQ.productoptions));
+    }
+  }, [fetchproductoptionsQueryContext.isSuccess]);
+  React.useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess) {
+      var _fetchCategoriesQuery;
+      setinstcategories(_toConsumableArray__default["default"](fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery === void 0 || (_fetchCategoriesQuery = _fetchCategoriesQuery.data) === null || _fetchCategoriesQuery === void 0 ? void 0 : _fetchCategoriesQuery.categories));
+    }
+  }, [fetchCategoriesQueryContext.isSuccess]);
+  React.useEffect(function () {
+    if (fetchcollectionsQueryContext.isSuccess) {
+      var _fetchcollectionsQuer;
+      setinstcollections(_toConsumableArray__default["default"](fetchcollectionsQueryContext === null || fetchcollectionsQueryContext === void 0 || (_fetchcollectionsQuer = fetchcollectionsQueryContext.data) === null || _fetchcollectionsQuer === void 0 || (_fetchcollectionsQuer = _fetchcollectionsQuer.data) === null || _fetchcollectionsQuer === void 0 ? void 0 : _fetchcollectionsQuer.collections));
+    }
+  }, [fetchcollectionsQueryContext.isSuccess]);
+  // useEffect(() => {
+  //     // setinstfilters([...authdetailsContext.instinfo.instfilters]);
+  //     // setinstcollections([...authdetailsContext.instinfo.instcollections]);
+  //     // setinstcategories([...authdetailsContext?.instinfo?.instcategories]);
+  // }, [authdetailsContext]);
+  React.useEffect(function () {
+    if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
+      setsectionproperties(props.sectionpropertiesprops);
+    }
+  }, [props.sectionpropertiesprops]);
+  React.useEffect(function () {
+    filterupdater();
+  }, [ProductFilterObjContext]);
+  React__default["default"].useEffect(function () {
+    if (timeoutRef.current !== null) {
+      clearTimeout(timeoutRef.current);
+    }
+    timeoutRef.current = setTimeout(function () {
+      if (raterangevalue.min != 0 || raterangevalue.max != 5) {
+        var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
+        tempfetchproductsfilerobjcontext.minrate = raterangevalue.min;
+        tempfetchproductsfilerobjcontext.maxrate = raterangevalue.max;
+        tempfetchproductsfilerobjcontext.page = 0;
+        setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
+        // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+      }
+    }, 500);
+  }, [raterangevalue]);
+  React.useEffect(function () {
+    if (fetchCategoriesQueryContext.isSuccess && fetchcollectionsQueryContext.isSuccess) {
+      if ((sectionproperties === null || sectionproperties === void 0 ? void 0 : sectionproperties.filterretreivetype) == 'Depend on chosen parent group') {
+        if ((ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != undefined && (ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections) != null && Array.isArray(ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections)) {
+          var _parentidsfound;
+          var collectiontobevisible = [];
+          var parentidsfound = [];
+          if (ProductFilterObjContext.ProductFetchingType == 'Parent Collection') {
+            parentidsfound = ProductFilterObjContext === null || ProductFilterObjContext === void 0 ? void 0 : ProductFilterObjContext.collections;
+          } else if (ProductFilterObjContext.ProductFetchingType == 'Category') {
+            instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+              var _ProductFilterObjCont;
+              ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont = ProductFilterObjContext.collections) === null || _ProductFilterObjCont === void 0 || _ProductFilterObjCont.forEach(function (colitem2, colindex2) {
+                if (catitem.categoryid == colitem2) {
+                  var _catitem$parentcollet;
+                  catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.forEach(function (parentcolitem, parentcolindex) {
+                    parentidsfound.push(parentcolitem.parentcollectionid);
+                  });
+                }
+              });
+            });
+          } else {
+            instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+              var _catitem$parentcollet2;
+              catitem === null || catitem === void 0 || (_catitem$parentcollet2 = catitem.parentcolletions) === null || _catitem$parentcollet2 === void 0 || _catitem$parentcollet2.forEach(function (parentcolitem, parentcolindex) {
+                var _parentcolitem$collec;
+                parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec = parentcolitem.collections) === null || _parentcolitem$collec === void 0 || _parentcolitem$collec.forEach(function (colitem, colindex) {
+                  var _ProductFilterObjCont2;
+                  ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont2 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont2 === void 0 || _ProductFilterObjCont2.forEach(function (colitem2, colindex2) {
+                    if (colitem.collectionid == colitem2) {
+                      parentidsfound.push(parentcolitem.parentcollectionid);
+                    }
+                  });
+                });
+              });
+            });
+          }
+          parentidsfound = parentidsfound.filter(function (val, id, array) {
+            return array.indexOf(val) == id;
+          });
+          if (((_parentidsfound = parentidsfound) === null || _parentidsfound === void 0 ? void 0 : _parentidsfound.length) != 0) {
+            instcategories === null || instcategories === void 0 || instcategories.forEach(function (catitem, catindex) {
+              var _catitem$parentcollet3;
+              catitem === null || catitem === void 0 || (_catitem$parentcollet3 = catitem.parentcolletions) === null || _catitem$parentcollet3 === void 0 || _catitem$parentcollet3.forEach(function (parentcolitem, parentcolindex) {
+                var _parentidsfound2;
+                (_parentidsfound2 = parentidsfound) === null || _parentidsfound2 === void 0 || _parentidsfound2.forEach(function (parentidfounditem, parentidfoundindex) {
+                  if (parentidfounditem == (parentcolitem === null || parentcolitem === void 0 ? void 0 : parentcolitem.parentcollectionid)) {
+                    var _parentcolitem$collec2;
+                    parentcolitem === null || parentcolitem === void 0 || (_parentcolitem$collec2 = parentcolitem.collections) === null || _parentcolitem$collec2 === void 0 || _parentcolitem$collec2.forEach(function (colitem, colindex) {
+                      var iscolexists = false;
+                      collectiontobevisible === null || collectiontobevisible === void 0 || collectiontobevisible.forEach(function (colitemex, colindexex) {
+                        if (colitemex.collectionid == colitem.collectionid) {
+                          iscolexists = true;
+                        }
+                      });
+                      if (iscolexists == false) {
+                        collectiontobevisible.push(colitem);
+                      }
+                    });
+                  }
+                });
+              });
+            });
+            if ((collectiontobevisible === null || collectiontobevisible === void 0 ? void 0 : collectiontobevisible.length) != 0) {
+              setcollectionstobevisible(collectiontobevisible);
+            } else {
+              setcollectionstobevisible(instcollections);
+            }
+          } else {
+            setcollectionstobevisible(instcollections);
+          }
+        } else {
+          setcollectionstobevisible(instcollections);
+        }
+      } else {
+        setcollectionstobevisible(instcollections);
+      }
+    }
+  }, [ProductFilterObjContext, fetchCategoriesQueryContext.isSuccess, fetchcollectionsQueryContext.isSuccess, instcategories, instcollections]);
+  React.useEffect(function () {
+    if (productfeatuesarr.length != 0) {
+      var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
+      tempfetchproductsfilerobjcontext.prod_featruesar = productfeatuesarr;
+      setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
+      filterrouting(tempfetchproductsfilerobjcontext);
+    }
+  }, [productfeatuesarr]);
+  React.useEffect(function () {
+    if (fetchTabexStatesQueryContext.isSuccess) {
+      if (ProductFilterObjContext.stateid != undefined && ProductFilterObjContext.stateid != null && ProductFilterObjContext.stateid != '' && ProductFilterObjContext.stateid != 'all') {
+        var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
+        tempFetchTabexStatesPayloadobjContext.functype = 'cities';
+        tempFetchTabexStatesPayloadobjContext.state_id = ProductFilterObjContext.stateid;
+        setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
+      }
+    }
+  }, [fetchTabexStatesQueryContext.isSuccess]);
+  var filterupdater = function filterupdater() {
+    setTimeout(function () {
+      var tempFetchQueriesEngineContext = _objectSpread$29({}, FetchQueriesEngineContext);
+      tempFetchQueriesEngineContext.fetchtabexcountries = true;
+      setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
+    }, 100);
+    if (ProductFilterObjContext.countryid != undefined && ProductFilterObjContext.countryid != null && ProductFilterObjContext.countryid != '' && ProductFilterObjContext.countryid != 'all') {
+      var tempFetchTabexStatesPayloadobjContext = _objectSpread$29({}, FetchTabexStatesPayloadobjContext);
+      tempFetchTabexStatesPayloadobjContext.functype = 'states';
+      tempFetchTabexStatesPayloadobjContext.country_id = ProductFilterObjContext.countryid;
+      setFetchTabexStatesPayloadobjContext(_objectSpread$29({}, tempFetchTabexStatesPayloadobjContext));
+    }
+    if (instfilters.length != 0) {
+      var _ProductFilterObjCont3;
+      var tempinstfilters = _toConsumableArray__default["default"](instfilters);
+      tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+        instfilteritem.productvaluesfilter.forEach(function (valefilteritem, valefilteritemindex) {
+          valefilteritem.isfilterselected = false;
+        });
+      });
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont3 = ProductFilterObjContext.FilterOptions) === null || _ProductFilterObjCont3 === void 0 || _ProductFilterObjCont3.forEach(function (filteritem, filterindex) {
+        tempinstfilters === null || tempinstfilters === void 0 || tempinstfilters.forEach(function (instfilteritem, instfilterindex) {
+          var _instfilteritem$produ;
+          instfilteritem === null || instfilteritem === void 0 || (_instfilteritem$produ = instfilteritem.productvaluesfilter) === null || _instfilteritem$produ === void 0 || _instfilteritem$produ.forEach(function (valefilteritem, valefilteritemindex) {
+            if (filteritem.valueid == valefilteritem.valueid) {
+              valefilteritem.isfilterselected = true;
+            }
+          });
+        });
+      });
+      setinstfilters(_toConsumableArray__default["default"](tempinstfilters));
+    }
+    if (instcategories.length != 0) {
+      var _ProductFilterObjCont4;
+      var tempInstcategories = _toConsumableArray__default["default"](instcategories);
+      tempInstcategories.forEach(function (catitem, catindex) {
+        catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
+          parentcolitem.collections.forEach(function (colitem, colindex) {
+            colitem.isfilterselected = false;
+          });
+        });
+      });
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont4 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont4 === void 0 || _ProductFilterObjCont4.forEach(function (filteritem, filterindex) {
+        tempInstcategories.forEach(function (catitem, catindex) {
+          catitem.parentcolletions.forEach(function (parentcolitem, parentcolindex) {
+            parentcolitem.collections.forEach(function (colitem, colindex) {
+              if (colitem.collectionid == filteritem) {
+                colitem.isfilterselected = true;
+              }
+            });
+          });
+        });
+      });
+      setinstcategories(_toConsumableArray__default["default"](tempInstcategories));
+    }
+    if (instcollections.length != 0) {
+      var _ProductFilterObjCont5;
+      var tempInstcollections = _toConsumableArray__default["default"](instcollections);
+      tempInstcollections.forEach(function (instfilteritem, valefilteritemindex) {
+        instfilteritem.isfilterselected = false;
+      });
+      ProductFilterObjContext === null || ProductFilterObjContext === void 0 || (_ProductFilterObjCont5 = ProductFilterObjContext.collections) === null || _ProductFilterObjCont5 === void 0 || _ProductFilterObjCont5.forEach(function (filteritem, filterindex) {
+        tempInstcollections === null || tempInstcollections === void 0 || tempInstcollections.forEach(function (instfilteritem, instfilterindex) {
+          if (instfilteritem.collectionid == filteritem) {
+            instfilteritem.isfilterselected = true;
+          }
+        });
+      });
+      setinstcollections(_toConsumableArray__default["default"](tempInstcollections));
+    }
+  };
+  var setfilterfunc = function setfilterfunc(valueid, valueindex, mainparentindex, type) {
+    var tempfetchproductsfilerobjcontext = _objectSpread$29({}, ProductFilterObjContext);
+    if (type == 'clearfilters') {
+      tempfetchproductsfilerobjcontext.FilterOptions = [];
+    } else {
+      var _tempfetchproductsfil;
+      var FilterExists = false;
+      tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.FilterOptions) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
+        if (filteritem.valueid == valueid) {
+          FilterExists = true;
+          tempfetchproductsfilerobjcontext.FilterOptions.splice(filterindex, 1);
+        }
+      });
+      if (!FilterExists) {
+        tempfetchproductsfilerobjcontext.FilterOptions.push({
+          valueid: valueid
+        });
+      }
+    }
+    if (tempfetchproductsfilerobjcontext.FilterOptions.length == 0) {
+      tempfetchproductsfilerobjcontext.isfilter = 0;
+    } else {
+      tempfetchproductsfilerobjcontext.isfilter = 1;
+    }
+    tempfetchproductsfilerobjcontext.page = 0;
+    setProductFilterObjContext(_objectSpread$29({}, tempfetchproductsfilerobjcontext));
+    filterrouting(tempfetchproductsfilerobjcontext);
+    // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+  };
+  var InstFilters = function InstFilters() {
+    return /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.Accordion, {
+      allowMultipleExpanded: true,
+      allowZeroExpanded: true
+    }, instfilters.map(function (item, index) {
+      return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItem, {
+        uuid: index
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemHeading, null, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemButton, null, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: filter_cssstyles.titlecontainer + ' row m-0 p-0 mb-2 pl-md-3 pr-md-3 '
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-10 col-md-10 col-sm-10 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        className: langdetect == 'en' ? filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 ' : filter_cssstyles.collapsetitle + ' collapsetitle m-0 p-0 text-right'
+      }, langdetect == 'en' ? item.optionname : item.optionname_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "col-lg-2 col-md-2 col-sm-2 p-0"
+      }, /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemState, null, function (state) {
+        if (state.expanded == true) {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
+            className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React__default["default"].createElement(FiChevronDown.FiChevronDown, null));
+        } else {
+          return /*#__PURE__*/React__default["default"].createElement("i", {
+            className: filter_cssstyles.collapsetitle + ' collapsetitle h-100 d-flex align-items-center justify-content-end   '
+          }, /*#__PURE__*/React__default["default"].createElement(FiChevronUp.FiChevronUp, null));
+        }
+      }))))), /*#__PURE__*/React__default["default"].createElement(reactAccessibleAccordion.AccordionItemPanel, {
+        className: "p-0"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: "row mt-0 mb-2 ml-0 mr-0 d-lg-flex pl-md-3 pr-md-3"
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: 'col-lg-12'
+      }, /*#__PURE__*/React__default["default"].createElement("div", {
+        className: langdetect == 'en' ? "".concat(filterstyles.timeline) + ' p-sm-0 ' : "".concat(filterstyles.timeline, " ").concat(filterstyles.timelinetrans) + ' p-sm-0 '
+      }, item.productvaluesfilter.map(function (valueitem, valueindex) {
+        return /*#__PURE__*/React__default["default"].createElement("div", {
+          className: "".concat(filterstyles.border_left_line, " ").concat(filterstyles.timelineinnercont, " ").concat(filter_cssstyles.timelineinnercont, "\n                                            ").concat(valueitem.isfilterselected ? "".concat(filter_cssstyles.timelineinnercont_active, " ").concat(filterstyles.timelineinnercont_active) : '', "\n                                                     \n                                                        ") + ' d-flex align-items-start pb-3 ',
+          onClick: function onClick() {
+            setfilterfunc(valueitem.valueid, valueindex, index, 'assign');
+          }
+        }, /*#__PURE__*/React__default["default"].createElement("div", null, /*#__PURE__*/React__default["default"].createElement("div", {
+          className: " ".concat(valueitem.isfilterselected ? filter_cssstyles.btn_item_active : '', " ").concat(filterstyles.btn_item, " ").concat(filter_cssstyles.btn_item) + ' mb-2 d-flex align-items-center '
+        }, /*#__PURE__*/React__default["default"].createElement("i", {
+          className: "h-100 d-flex align-items-center"
+        }))), /*#__PURE__*/React__default["default"].createElement("div", {
+          className: langdetect == 'en' ? 'ml-3' : 'mr-3 text-right'
+        }, /*#__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;
+      }
+    }
+    if (pagenamepathinstaticpagelinkcont != undefined && pagenamepathinstaticpagelinkcont != '') {
+      routingcountext(StaticPagesLinksContext[pagenamepathinstaticpagelinkcont], true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
+    }
+  };
+  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',
+    style: {
+      marginTop: sectionproperties.filtersection_mt + 'px',
+      minHeight: sectionproperties.filterminheight == 0 ? 'auto' : sectionproperties.filterminheight + 'vh'
+    }
+  }, 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; }
+function _objectSpread$28(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$28(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$28(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
   var _authdetailsContext$i;
   props.actions.lang;
@@ -15137,7 +15717,7 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
   }, [ProductFilterObjContext]);
   var filterupdater = function filterupdater() {
     setTimeout(function () {
-      var tempFetchQueriesEngineContext = _objectSpread$27({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$28({}, FetchQueriesEngineContext);
       tempFetchQueriesEngineContext.fetchtabexcountries = true;
       setFetchQueriesEngineContext(tempFetchQueriesEngineContext);
     }, 100);
@@ -15182,7 +15762,7 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
   };
   var setCollectionFilterFunc = function setCollectionFilterFunc(collectionid) {
     var _tempfetchproductsfil;
-    var tempfetchproductsfilerobjcontext = _objectSpread$27({}, ProductFilterObjContext);
+    var tempfetchproductsfilerobjcontext = _objectSpread$28({}, ProductFilterObjContext);
     var CollectionExists = false;
     tempfetchproductsfilerobjcontext === null || tempfetchproductsfilerobjcontext === void 0 || (_tempfetchproductsfil = tempfetchproductsfilerobjcontext.collections) === null || _tempfetchproductsfil === void 0 || _tempfetchproductsfil.forEach(function (filteritem, filterindex) {
       if (filteritem == collectionid) {
@@ -15199,7 +15779,7 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
     }
     tempfetchproductsfilerobjcontext.page = 0;
     tempfetchproductsfilerobjcontext.ProductFetchingType = 'Random';
-    setProductFilterObjContext(_objectSpread$27({}, tempfetchproductsfilerobjcontext));
+    setProductFilterObjContext(_objectSpread$28({}, tempfetchproductsfilerobjcontext));
     filterrouting(tempfetchproductsfilerobjcontext);
     // routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, encodeURIComponent(JSON.stringify(tempfetchproductsfilerobjcontext)));
   };
@@ -15256,9 +15836,14 @@ var CollectionsFilterHorizontal = function CollectionsFilterHorizontal(props) {
 var serverbaselink$1 = 'https://tabex-co.com';
 var image_serverbaselink = 'https://tabexseriesmedia.s3.eu-north-1.amazonaws.com';
 
-function ownKeys$26(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$26(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$26(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$26(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$27(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$27(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$27(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$27(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardsSection = function CardsSection(props) {
+  var plainString = function plainString(html) {
+    var divContainer = document.createElement('div');
+    divContainer.innerHTML = html;
+    return divContainer.textContent || divContainer.innerText || '';
+  };
   var refscr = /*#__PURE__*/React.createRef();
   var _useInView = reactIntersectionObserver.useInView();
     _useInView.ref;
@@ -15317,11 +15902,6 @@ var CardsSection = function CardsSection(props) {
     _useState12 = _slicedToArray__default["default"](_useState11, 2),
     maincontainerarrayofobjs = _useState12[0],
     setmaincontainerarrayofobjs = _useState12[1];
-  // React.useEffect(() => {
-  //     if (inView) {
-  //         fetchProductsQuery.fetchNextPage();
-  //     }
-  // }, [inView]);
   var _useState13 = React.useState(12),
     _useState14 = _slicedToArray__default["default"](_useState13, 2),
     perpageItems = _useState14[0],
@@ -15344,7 +15924,7 @@ var CardsSection = function CardsSection(props) {
         sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
           secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
         });
-        setsectionproperties(_objectSpread$26({}, secpropobj));
+        setsectionproperties(_objectSpread$27({}, secpropobj));
         if (props.srcfromprops == 'GeneralProductsComponent') {
           setfetchingtype('products');
           var lcproductfetchingtype = 'Random';
@@ -15418,9 +15998,9 @@ var CardsSection = function CardsSection(props) {
         }
         tempfetchproductsfilerobjcontext.grouptype = ProductsFetchingTypeSectionObj.grouptype;
         tempfetchproductsfilerobjcontext.grouptyperefid = ProductsFetchingTypeSectionObj.grouptyperefid;
-        setProductFilterObjContext(_objectSpread$26({}, tempfetchproductsfilerobjcontext));
+        setProductFilterObjContext(_objectSpread$27({}, tempfetchproductsfilerobjcontext));
       }
-      setFetchQueriesEngineContext(_objectSpread$26({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$27({}, tempFetchQueriesEngineContext));
     }
   }, [fetchingtype, ProductsFetchingTypeSectionObj]);
   React.useEffect(function () {
@@ -15703,9 +16283,9 @@ var CardsSection = function CardsSection(props) {
   // Example items, to simulate fetching from another resources.
   var handlePageClick = function handlePageClick(event) {
     props.scrolltotop();
-    var tempProductFilterObjContext = _objectSpread$26({}, ProductFilterObjContext);
+    var tempProductFilterObjContext = _objectSpread$27({}, ProductFilterObjContext);
     tempProductFilterObjContext.page = event === null || event === void 0 ? void 0 : event.selected;
-    setProductFilterObjContext(_objectSpread$26({}, tempProductFilterObjContext));
+    setProductFilterObjContext(_objectSpread$27({}, tempProductFilterObjContext));
     var pasturl = '';
     if (props.grouptypeprops != undefined) {
       if (props.collectionidprops != undefined) {
@@ -15975,9 +16555,69 @@ var CardsSection = function CardsSection(props) {
     }
     return isloading;
   };
+  var show_product_group_titles = function show_product_group_titles() {
+    var title_en = '';
+    var title_ar = '';
+    var description_en = '';
+    var description_ar = '';
+    var logo = '';
+    var type = '';
+    var id = '';
+    if (ProductFilterObjContext['collections'] != undefined && Array.isArray(ProductFilterObjContext['collections']) && ProductFilterObjContext['collections'][0] != undefined) {
+      id = ProductFilterObjContext['collections'][0];
+    }
+    if (id != null && id != '' && id != 'all') {
+      var _fetchCategoriesQuery4;
+      fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery4 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.data) === null || _fetchCategoriesQuery4 === void 0 || (_fetchCategoriesQuery4 = _fetchCategoriesQuery4.categories) === null || _fetchCategoriesQuery4 === void 0 || _fetchCategoriesQuery4.map(function (catitem) {
+        if (catitem.categoryid == id) {
+          title_en = catitem.title_en;
+          title_ar = catitem.title_ar;
+          description_en = catitem.description_en;
+          description_ar = catitem.description_ar;
+          logo = catitem.categorylogo;
+          type = 'category';
+        }
+        if (title_en == '') {
+          var _catitem$parentcollet;
+          catitem === null || catitem === void 0 || (_catitem$parentcollet = catitem.parentcolletions) === null || _catitem$parentcollet === void 0 || _catitem$parentcollet.map(function (parentitem) {
+            if (parentitem.parentcollectionid == id) {
+              title_en = parentitem.title_en;
+              title_ar = parentitem.title_ar;
+              description_en = parentitem.description_en;
+              description_ar = parentitem.description_ar;
+              logo = parentitem.parentcollectionlogo;
+              type = 'parentcollection';
+            }
+            if (title_en == '') {
+              var _parentitem$collectio;
+              parentitem === null || parentitem === void 0 || (_parentitem$collectio = parentitem.collections) === null || _parentitem$collectio === void 0 || _parentitem$collectio.map(function (colitem) {
+                if (colitem.collectionid == id) {
+                  title_en = colitem.title_en;
+                  title_ar = colitem.title_ar;
+                  description_en = colitem.description_en;
+                  description_ar = colitem.description_ar;
+                  logo = colitem.collectionlogo;
+                  type = 'collection';
+                }
+              });
+            }
+          });
+        }
+      });
+    }
+    return {
+      title_en: title_en,
+      title_ar: title_ar,
+      description_en: description_en,
+      description_ar: description_ar,
+      type: type,
+      id: id,
+      logo: logo
+    };
+  };
   var cardsrender = function cardsrender() {
     return /*#__PURE__*/React__default["default"].createElement("div", {
-      "class": sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? sectionproperties.numofcols == '2' ? 'col-lg-10 col-md-12 col-sm-12 p-sm-0' : 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : 'row m-0 w-100 p-sm-0'
+      "class": sectionproperties.showvariantfilter == 'Show' ? 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : sectionproperties.showFilter == 'show' && sectionproperties.filterdirection == 'Vertical' ? sectionproperties.numofcols == '2' ? 'col-lg-10 col-md-12 col-sm-12 p-sm-0' : 'col-lg-9 col-md-12 col-sm-12 p-sm-0' : 'row m-0 w-100 p-sm-0'
     }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
       className: "row m-0 w-100 d-flex align-items-center p-sm-0"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -16224,7 +16864,10 @@ var CardsSection = function CardsSection(props) {
             // ? 'scrollmenuclassnameitemModernProductCard'
             // : item.tabexsectioninfo.sectioncompname == 'Simplecategorycardwithtextbelow'
             // ? 'scrollmenuclassnameitemSimplecategorycardwithtextbelow'
-            item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' : item.tabexsectioninfo.sectioncompname == 'Card23' ? 'scrollmenuclassnameitemCard23' : item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' :
+            item.tabexsectioninfo.sectioncompname == 'Productcard7' ? 'scrollmenuclassnameitemProductcard7' : item.tabexsectioninfo.sectioncompname == 'MenuCard' ? 'scrollmenuclassnameitemMenuCard' : item.tabexsectioninfo.sectioncompname == 'StylishProductCard' ? 'scrollmenuclassnameitemStylishProductCard' : item.tabexsectioninfo.sectioncompname == 'ProductCardWithTextOnImage' ? 'scrollmenuclassnameitemProductCardWithTextOnImage' :
+            // : item.tabexsectioninfo.sectioncompname == 'Card23'
+            // ? 'scrollmenuclassnameitemCard23'
+            item.tabexsectioninfo.sectioncompname == 'Card20' ? 'scrollmenuclassnameitemCard20' : item.tabexsectioninfo.sectioncompname == 'ModernCardWithQuantityButton' ? 'scrollmenuclassnameitemModernCardWithQuantityButton' : item.tabexsectioninfo.sectioncompname == 'CategoryCardwithhoveraction' ? 'scrollmenuclassnameitemCategoryCardwithhoveraction' : item.tabexsectioninfo.sectioncompname == 'CircleCardWithVariants' ? 'scrollmenuclassnameitemCircleCardWithVariants' :
             // : item.tabexsectioninfo.sectioncompname == 'UpSlideEffectCard'
             // ? 'scrollmenuclassnameitemUpSlideEffectCard'
             item.tabexsectioninfo.sectioncompname == 'CategoryCardTextOnImage' ? 'scrollmenuclassnameitemCategoryCardTextOnImage' : '',
@@ -16495,8 +17138,33 @@ var CardsSection = function CardsSection(props) {
     }
   }, sectionproperties.length != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": section_cssstyles.innercardssection + ' row ml-0 mr-0 d-flex justify-content-center w-md-100 h-md-100 w-100  '
-  }, sectionproperties.showFilter == 'show' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }, sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 mb-3 mt-5"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0",
+    style: {
+      fontWeight: 700,
+      fontSize: 27,
+      color: '#62554a'
+    }
+  }, show_product_group_titles()['title_en'])), sectionproperties.showproductgroupbytitle == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 mb-3"
+  }, /*#__PURE__*/React__default["default"].createElement("p", {
+    "class": "m-0",
+    style: {
+      fontSize: 18,
+      color: '#62554a'
+    }
+  }, 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, {
+    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'
   }, /*#__PURE__*/React__default["default"].createElement(Filter$1, {
     sectionpropertiesprops: sectionproperties,
     actions: actions,
@@ -16505,8 +17173,8 @@ var CardsSection = function CardsSection(props) {
   })), fetchingtype == 'custom' && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, cardsrender()), fetchingtype != 'custom' && cardsrender()));
 };
 
-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; }
+function ownKeys$26(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$26(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$26(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$26(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InnerGroups = function InnerGroups(props) {
   var _useState = React.useState(''),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -16547,7 +17215,7 @@ var InnerGroups = function InnerGroups(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$25({}, secpropobj));
+      setsectionproperties(_objectSpread$26({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   // useEffect(() => {
@@ -16563,14 +17231,14 @@ var InnerGroups = function InnerGroups(props) {
       backgroundColor: sectionproperties.backgroundColor
     }
   }, /*#__PURE__*/React__default["default"].createElement(CardsSection, {
-    actions: _objectSpread$25(_objectSpread$25({}, actions), {}, {
+    actions: _objectSpread$26(_objectSpread$26({}, actions), {}, {
       fetchingtype: grouptypeparams
     })
   }));
 };
 
-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; }
+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 _useState = React.useState(''),
@@ -16601,7 +17269,7 @@ var PrivacyPolicy = function PrivacyPolicy(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$24({}, secpropobj));
+      setsectionproperties(_objectSpread$25({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -16614,9 +17282,9 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
     }
   }, []);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$24({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$25({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$24({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$25({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
     _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -16692,8 +17360,8 @@ var PrivacyPolicy = function PrivacyPolicy(props) {
   })))));
 };
 
-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; }
-function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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 _useState = React.useState(''),
@@ -16724,7 +17392,7 @@ var RefundPolicy = function RefundPolicy(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$23({}, secpropobj));
+      setsectionproperties(_objectSpread$24({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -16737,9 +17405,9 @@ var RefundPolicy = function RefundPolicy(props) {
     }
   }, []);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$23({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$24({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$23({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$24({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
     _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -16815,8 +17483,8 @@ var RefundPolicy = function RefundPolicy(props) {
   })))));
 };
 
-function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+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; }
+function _objectSpread$23(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$23(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$23(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ShippingPolicy = function ShippingPolicy(props) {
   var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
   var _useState = React.useState(''),
@@ -16847,7 +17515,7 @@ var ShippingPolicy = function ShippingPolicy(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$22({}, secpropobj));
+      setsectionproperties(_objectSpread$23({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -16860,9 +17528,9 @@ var ShippingPolicy = function ShippingPolicy(props) {
     }
   }, []);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$22({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$23({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$22({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$23({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
     _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -16938,8 +17606,8 @@ var ShippingPolicy = function ShippingPolicy(props) {
   })))));
 };
 
-function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$22(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$22(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$22(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$22(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TermsConditions = function TermsConditions(props) {
   var _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4;
   var _useState = React.useState(''),
@@ -16970,7 +17638,7 @@ var TermsConditions = function TermsConditions(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$21({}, secpropobj));
+      setsectionproperties(_objectSpread$22({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -16983,9 +17651,9 @@ var TermsConditions = function TermsConditions(props) {
     }
   }, []);
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$21({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$22({}, FetchQueriesEngineContext);
     tempFetchQueriesEngineContext.fetchinstitutepolicy = true;
-    setFetchQueriesEngineContext(_objectSpread$21({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$22({}, tempFetchQueriesEngineContext));
   }, []);
   var _useState7 = React.useState([]),
     _useState8 = _slicedToArray__default["default"](_useState7, 2);
@@ -17061,8 +17729,8 @@ var TermsConditions = function TermsConditions(props) {
   })))));
 };
 
-function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$21(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$21(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$21(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$21(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Resetpassword = function Resetpassword(props) {
   var _css, _css2;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -17113,7 +17781,7 @@ var Resetpassword = function Resetpassword(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$20({}, secpropobj));
+      setsectionproperties(_objectSpread$21({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -17240,9 +17908,9 @@ var Resetpassword = function Resetpassword(props) {
       className: "".concat(loginstyles2.form_control),
       value: forgotpasswordpayload.email,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$20({}, forgotpasswordpayload);
+        var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
         temppayloadobj.email = event.target.value;
-        setforgotpasswordpayload(_objectSpread$20({}, temppayloadobj));
+        setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
       },
       disabled: forgetpasswordstage == 'verify' ? true : false,
       style: {
@@ -17257,9 +17925,9 @@ var Resetpassword = function Resetpassword(props) {
       className: "".concat(loginstyles2.form_control),
       value: forgotpasswordpayload.code,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$20({}, forgotpasswordpayload);
+        var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
         temppayloadobj.code = event.target.value;
-        setforgotpasswordpayload(_objectSpread$20({}, temppayloadobj));
+        setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -17273,9 +17941,9 @@ var Resetpassword = function Resetpassword(props) {
       className: "".concat(loginstyles2.form_control),
       value: forgotpasswordpayload.newpassword,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$20({}, forgotpasswordpayload);
+        var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
         temppayloadobj.newpassword = event.target.value;
-        setforgotpasswordpayload(_objectSpread$20({}, temppayloadobj));
+        setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -17289,9 +17957,9 @@ var Resetpassword = function Resetpassword(props) {
       className: "".concat(loginstyles2.form_control),
       value: forgotpasswordpayload.confirmnewpassword,
       onChange: function onChange(event) {
-        var temppayloadobj = _objectSpread$20({}, forgotpasswordpayload);
+        var temppayloadobj = _objectSpread$21({}, forgotpasswordpayload);
         temppayloadobj.confirmnewpassword = event.target.value;
-        setforgotpasswordpayload(_objectSpread$20({}, temppayloadobj));
+        setforgotpasswordpayload(_objectSpread$21({}, temppayloadobj));
       },
       style: {
         background: sectionproperties.input_bgcolor
@@ -17303,7 +17971,7 @@ var Resetpassword = function Resetpassword(props) {
       onClick: function onClick() {
         if (forgotpasswordpayload.email.length != 0) {
           var runfunc = false;
-          var tempforgotpasswordpayload = _objectSpread$20({}, forgotpasswordpayload);
+          var tempforgotpasswordpayload = _objectSpread$21({}, forgotpasswordpayload);
           tempforgotpasswordpayload.functype = forgetpasswordstage;
           if (forgetpasswordstage == 'verify') {
             if (tempforgotpasswordpayload.newpassword.length != 0 && tempforgotpasswordpayload.code.length != 0) {
@@ -17589,8 +18257,8 @@ var Searchlist$1 = function Searchlist(props) {
   }, lang.nosearchresults)))))));
 };
 
-function ownKeys$1$(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$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$20(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$20(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$20(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$20(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MarqueeHeader = function MarqueeHeader(props) {
   var _textarray$, _textarray$2;
   props.actions;
@@ -17611,12 +18279,12 @@ var MarqueeHeader = function MarqueeHeader(props) {
     settextarray = _useState6[1];
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1$({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$20({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   React.useEffect(function () {
     if (props.templateproperties_contextprops != undefined) {
-      settemplateproperties_context(_objectSpread$1$({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+      settemplateproperties_context(_objectSpread$20({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
     }
   }, [props.templateproperties_contextprops]);
   React.useEffect(function () {
@@ -17658,8 +18326,8 @@ var css_248z$B = ".subheader-module_sub_outercontainer__-z5ZD {\n    position: r
 var headerstyles$f = {"sub_outercontainer":"subheader-module_sub_outercontainer__-z5ZD","nav__item":"subheader-module_nav__item__8oLkw","link":"subheader-module_link__7IEBY","dropmenu":"subheader-module_dropmenu__lL4Sc","active":"subheader-module_active__MjZNG","subheader":"subheader-module_subheader__aW8fS"};
 styleInject(css_248z$B);
 
-function ownKeys$1_(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$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1$(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$1$(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1$(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1$(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Subheader = function Subheader(props) {
   var _props$subheaderprope, _props$subheaderprope2, _props$subheaderprope3, _props$subheaderprope4, _templatepropcontext$, _fetchCategoriesQuery2, _authdetailsContext$i, _props$subheaderprope13, _templatepropcontext$2, _props$subheaderprope16, _props$subheaderprope17, _templatepropcontext$3, _fetchCategoriesQuery3, _authdetailsContext$i2, _fetchCategoriesQuery4, _authdetailsContext$i3, _fetchCategoriesQuery5, _props$subheaderprope32, _props$subheaderprope33, _props$subheaderprope34, _props$subheaderprope35, _fetchCategoriesQuery6, _fetchCategoriesQuery7, _fetchCategoriesQuery9;
   var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
@@ -17677,31 +18345,35 @@ var Subheader = function Subheader(props) {
     setshowdownheadermenu = _useState2[1];
   var _useState3 = React.useState(''),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
-    Choosenindex = _useState4[0],
-    setChoosenindex = _useState4[1];
-  var _useState5 = React.useState({}),
+    currentimagecollection = _useState4[0],
+    setcurrentimagecollection = _useState4[1];
+  var _useState5 = React.useState(''),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
-    sectionproperties = _useState6[0],
-    setsectionproperties = _useState6[1];
-  var _useState7 = React.useState([]),
+    Choosenindex = _useState6[0],
+    setChoosenindex = _useState6[1];
+  var _useState7 = React.useState({}),
     _useState8 = _slicedToArray__default["default"](_useState7, 2),
-    pcollarray = _useState8[0],
-    setpcollarray = _useState8[1];
+    sectionproperties = _useState8[0],
+    setsectionproperties = _useState8[1];
   var _useState9 = React.useState([]),
-    _useState10 = _slicedToArray__default["default"](_useState9, 2);
-    _useState10[0];
-    _useState10[1];
+    _useState10 = _slicedToArray__default["default"](_useState9, 2),
+    pcollarray = _useState10[0],
+    setpcollarray = _useState10[1];
+  var _useState11 = React.useState([]),
+    _useState12 = _slicedToArray__default["default"](_useState11, 2);
+    _useState12[0];
+    _useState12[1];
   var authdetailsContext = props.actions.authdetailsContext;
   var ikimagecredcontext = props.actions.ikimagecredcontext;
   React.useEffect(function () {
     var tempFetchQueriesEngineContext = FetchQueriesEngineContext;
     tempFetchQueriesEngineContext.categories = true;
-    setFetchQueriesEngineContext(_objectSpread$1_({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$1$({}, tempFetchQueriesEngineContext));
     // alert(JSON.stringify(authdetailsContext));
   }, []);
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1_({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1$({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   // useEffect(() => {
@@ -17953,6 +18625,7 @@ var Subheader = function Subheader(props) {
         onMouseEnter: function onMouseEnter() {
           setshowdownheadermenu(true);
           setChoosenindex(index);
+          setcurrentimagecollection(item.parentcollectionlogo);
         },
         style: {
           marginLeft: props === null || props === void 0 || (_props$subheaderprope22 = props.subheaderpropertiesprops) === null || _props$subheaderprope22 === void 0 ? void 0 : _props$subheaderprope22.paddingLeftprops,
@@ -18086,7 +18759,7 @@ var Subheader = function Subheader(props) {
       paddingRight: langdetect == 'en' ? sectionproperties.subheader_dropdown_paddingRight + 'px' : sectionproperties.subheader_dropdown_paddingLeft + 'px'
     }
   }, /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "row m-0 w-100 d-flex pt-3 pb-3"
+    "class": sectionproperties.subheaderdropdownstyle2 == 'Style 2' ? 'row m-0 w-100 d-flex px-5 py-5 d-flex align-items-center' : 'row m-0 w-100 d-flex pt-3 pb-3'
   }, (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery6 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.data) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.categories[Choosenindex]) === null || _fetchCategoriesQuery6 === void 0 || (_fetchCategoriesQuery6 = _fetchCategoriesQuery6.parentcolletions) === null || _fetchCategoriesQuery6 === void 0 ? void 0 : _fetchCategoriesQuery6.length) == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "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(FiLayers.FiLayers, {
@@ -18133,7 +18806,7 @@ var Subheader = function Subheader(props) {
         "class": "mt-3 mb-0"
       }))));
     }
-  })), sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
+  })), sectionproperties.subheaderParentType == 'Parent Collections' && sectionproperties.subheaderdropdownstyle2 != 'Style 2' && pcollarray[Choosenindex].collections.map(function (item, index) {
     if (item.isshowntocustomers == 1) {
       return /*#__PURE__*/React__default["default"].createElement("div", {
         "class": "col-lg-3 pl-2 pr-2 col-md-6 col-sm-12 mb-md-4",
@@ -18178,7 +18851,53 @@ var Subheader = function Subheader(props) {
         "class": "mt-3 mb-0"
       }))));
     }
-  }))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
+  }), sectionproperties.subheaderdropdownstyle2 == 'Style 2' && /*#__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", {
+    "class": "col-6 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100 d-flex align-items-center"
+  }, sectionproperties.subheaderParentType == 'Parent Collections' && pcollarray[Choosenindex].collections.map(function (item, index) {
+    if (item.isshowntocustomers == 1) {
+      return /*#__PURE__*/React__default["default"].createElement("div", {
+        "class": "col-12 mb-2 mt-2",
+        style: {
+          cursor: 'pointer'
+        },
+        onClick: function onClick() {
+          routingcountext(StaticPagesLinksContext.GeneralProductsComponent, true, 'collections/' + item.collectionid);
+        },
+        onMouseEnter: function onMouseEnter() {
+          setcurrentimagecollection(item.collectionlogo);
+        }
+      }, /*#__PURE__*/React__default["default"].createElement("p", {
+        "class": "".concat(header_cssstyles.subheader_collectiontitle) + ' wordbreak m-0 p-0 ',
+        style: {
+          textAlign: langdetect == 'en' ? 'left' : 'right'
+        }
+      }, langdetect == 'en' ? item.title_en : item.title_ar));
+    }
+  }))), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-6 p-0"
+  }, sectionproperties.showsubheadercollimage == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 allcentered p-0"
+  }, currentimagecollection != '' && /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      width: '60%',
+      height: '60%'
+    }
+  }, /*#__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: '/tr:w-500,h-500/' + currentimagecollection,
+    style: {
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    }
+  })))))))), Choosenindex.length != 0 && (fetchCategoriesQueryContext === null || fetchCategoriesQueryContext === void 0 || (_fetchCategoriesQuery9 = fetchCategoriesQueryContext.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.data) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.categories[Choosenindex]) === null || _fetchCategoriesQuery9 === void 0 || (_fetchCategoriesQuery9 = _fetchCategoriesQuery9.parentcolletions) === null || _fetchCategoriesQuery9 === void 0 ? void 0 : _fetchCategoriesQuery9.length) != 0 && sectionproperties.subheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "w-100"
   }, /*#__PURE__*/React__default["default"].createElement("li", {
     "class": langdetect == 'en' ? ' dropdown dropdownen w-100' : ' dropdown dropdownar w-100'
@@ -18205,8 +18924,8 @@ var Subheader = function Subheader(props) {
   })))))));
 };
 
-function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1_(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$1_(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1_(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1_(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Headerresponsive = function Headerresponsive(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _fetchCategoriesQuery2, _authdetailsContext$i9;
   var actions = props.actions;
@@ -18241,7 +18960,7 @@ var Headerresponsive = function Headerresponsive(props) {
     setpcollarray = _useState6[1];
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1Z({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1_({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   var _useState7 = React.useState([]),
@@ -19463,8 +20182,8 @@ var Headerresponsive = function Headerresponsive(props) {
   })))))));
 };
 
-function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Z(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$1Z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DownloadApp = function DownloadApp(props) {
   props.actions;
   props.actions.lang;
@@ -19489,7 +20208,7 @@ var DownloadApp = function DownloadApp(props) {
   }, [sectionproperties]);
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1Y({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1Z({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   var header_cssstyles = {
@@ -19542,8 +20261,8 @@ var DownloadApp = function DownloadApp(props) {
   }))));
 };
 
-function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1Y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SocialMediaSection = function SocialMediaSection(props) {
   var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13;
   props.actions;
@@ -19559,12 +20278,12 @@ var SocialMediaSection = function SocialMediaSection(props) {
   var authdetailsContext = props.actions.authdetailsContext;
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1X({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1Y({}, props === null || props === void 0 ? void 0 : props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   React.useEffect(function () {
     if (props.templateproperties_contextprops != undefined) {
-      settemplateproperties_context(_objectSpread$1X({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
+      settemplateproperties_context(_objectSpread$1Y({}, props === null || props === void 0 ? void 0 : props.templateproperties_contextprops));
     }
   }, [props.templateproperties_contextprops]);
   var header_cssstyles = {
@@ -19650,8 +20369,8 @@ var SocialMediaSection = function SocialMediaSection(props) {
   })));
 };
 
-function ownKeys$1W(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$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1X(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$1X(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1X(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1X(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   var _css, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _fetchCategoriesQuery2, _authdetailsContext$i2;
   var actions = props.actions;
@@ -19690,7 +20409,7 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
     setopenSearch = _useState8[1];
   React.useEffect(function () {
     if (props.sectionpropertiesprops != undefined) {
-      setsectionproperties(_objectSpread$1W({}, props.sectionpropertiesprops));
+      setsectionproperties(_objectSpread$1X({}, props.sectionpropertiesprops));
     }
   }, [props.sectionpropertiesprops]);
   var _useState9 = React.useState([]),
@@ -20941,8 +21660,8 @@ var HeaderresponsiveStyle2 = function HeaderresponsiveStyle2(props) {
   })))))));
 };
 
-function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1W(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$1W(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1W(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1W(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ElegantHeader = function ElegantHeader(props) {
   var _authdetailsContext$i, _authdetailsContext$i3, _textarray$, _textarray$2, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i5, _authdetailsContext$i6;
   var _useState = React.useState(''),
@@ -20995,7 +21714,7 @@ var ElegantHeader = function ElegantHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1V({}, secpropobj));
+    setsectionproperties(_objectSpread$1W({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -21690,8 +22409,8 @@ var css_248z$A = ".Gotoheader-module_header_container__f-O-q {\n    width: 100%
 var headerstyles$e = {"header_container":"Gotoheader-module_header_container__f-O-q","topbar_item_container":"Gotoheader-module_topbar_item_container__qiBbU","topbar_item":"Gotoheader-module_topbar_item__rYdqG","badge_counter_header_notifications":"Gotoheader-module_badge_counter_header_notifications__a3aCj","header_divider":"Gotoheader-module_header_divider__KE8o6","searchbar":"Gotoheader-module_searchbar__xRQAq","searchbaractive":"Gotoheader-module_searchbaractive__ECT3T"};
 styleInject(css_248z$A);
 
-function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1V(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$1V(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1V(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1V(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Gotoheader = function Gotoheader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue2, _fetchcustomercartQue3, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var _useState = React.useState(''),
@@ -21731,7 +22450,7 @@ var Gotoheader = function Gotoheader(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1U({}, secpropobj));
+    setsectionproperties(_objectSpread$1V({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -22432,8 +23151,8 @@ var css_248z$z = ".CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY {\
 var headerstyles$d = {"lowerHeaderContainer":"CategoryFeaturingHeader-module_lowerHeaderContainer__bQvQY","navbar":"CategoryFeaturingHeader-module_navbar__KrZoa","navbar_item":"CategoryFeaturingHeader-module_navbar_item__x7kUB","badge_counter_header_notifications":"CategoryFeaturingHeader-module_badge_counter_header_notifications__OMiIG","searchbar":"CategoryFeaturingHeader-module_searchbar__QVi6T","searchbaractive":"CategoryFeaturingHeader-module_searchbaractive__SDflG"};
 styleInject(css_248z$z);
 
-function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1U(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1U(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1U(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1U(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
   var _authdetailsContext$i2, _authdetailsContext$i4, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i5, _authdetailsContext$i7, _fetchcustomercartQue3, _fetchcustomercartQue4;
   var _useState = React.useState(''),
@@ -22481,7 +23200,7 @@ var CategoryFeaturingHeader = function CategoryFeaturingHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1T({}, secpropobj));
+    setsectionproperties(_objectSpread$1U({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -23388,8 +24107,8 @@ var css_248z$y = ".classicheader-module_headercontainer__tCNl- {\n    display: f
 var headerstyles$c = {"headercontainer":"classicheader-module_headercontainer__tCNl-","navbar":"classicheader-module_navbar__3MEax"};
 styleInject(css_248z$y);
 
-function ownKeys$1S(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$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1T(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1T(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1T(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1T(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ClassicHeader = function ClassicHeader(props) {
   var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _fetchcustomercartQue, _fetchcustomercartQue2, _templatepropcontext$;
   var LogoutMutationContext = props.actions.LogoutMutationContext;
@@ -23426,7 +24145,7 @@ var ClassicHeader = function ClassicHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1S({}, secpropobj));
+    setsectionproperties(_objectSpread$1T({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -24548,8 +25267,8 @@ var css_248z$x = ".CTAHeader-module_header_container__In9j3 .CTAHeader-module_to
 var headerstyles$b = {"header_container":"CTAHeader-module_header_container__In9j3","topbar_item_container":"CTAHeader-module_topbar_item_container__yiKBc","badge_counter_header_notifications":"CTAHeader-module_badge_counter_header_notifications__LwrZ5","searchbar":"CTAHeader-module_searchbar__lDR8a","searchbaractive":"CTAHeader-module_searchbaractive__mPoEm"};
 styleInject(css_248z$x);
 
-function ownKeys$1R(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$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1S(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$1S(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1S(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1S(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CTAHeader = function CTAHeader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i13, _authdetailsContext$i15, _authdetailsContext$i18, _authdetailsContext$i21;
   var actions = props.actions;
@@ -24597,7 +25316,7 @@ var CTAHeader = function CTAHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1R({}, secpropobj));
+    setsectionproperties(_objectSpread$1S({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -25588,8 +26307,8 @@ var css_248z$w = ".Header_threesectionslogocentered-module_header_innercontainer
 var headerstyles$a = {"header_innercontainer":"Header_threesectionslogocentered-module_header_innercontainer__yjjgZ","navbar_item":"Header_threesectionslogocentered-module_navbar_item__YMaF8","navbar_item_text":"Header_threesectionslogocentered-module_navbar_item_text__0DPls","navbar_item_active":"Header_threesectionslogocentered-module_navbar_item_active__ladUm","searchbarcont":"Header_threesectionslogocentered-module_searchbarcont__9MNXO","badge_counter_header_notifications":"Header_threesectionslogocentered-module_badge_counter_header_notifications__qekYU","searchbar":"Header_threesectionslogocentered-module_searchbar__5KdKx","searchbaractive":"Header_threesectionslogocentered-module_searchbaractive__8Pp-9"};
 styleInject(css_248z$w);
 
-function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1R(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$1R(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1R(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1R(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header_threesectionslogocentered = function Header_threesectionslogocentered(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = React.useState(''),
@@ -25625,7 +26344,7 @@ var Header_threesectionslogocentered = function Header_threesectionslogocentered
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1Q({}, secpropobj));
+    setsectionproperties(_objectSpread$1R({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -26329,8 +27048,8 @@ var css_248z$v = ".Simpleheader-module_headercontainer__H09AD {\n    position: a
 var headerstyles$9 = {"headercontainer":"Simpleheader-module_headercontainer__H09AD","navbar":"Simpleheader-module_navbar__lLQ9F","header_cart":"Simpleheader-module_header_cart__GG895","header_badge":"Simpleheader-module_header_badge__cW4uV","nav__item":"Simpleheader-module_nav__item__txPCh","link":"Simpleheader-module_link__aI5DF","badge_counter_header_notifications":"Simpleheader-module_badge_counter_header_notifications__9NFCv","searchbar":"Simpleheader-module_searchbar__-iAVU","searchbaractive":"Simpleheader-module_searchbaractive__9RFRQ"};
 styleInject(css_248z$v);
 
-function ownKeys$1P(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$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1Q(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$1Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1Q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simpleheader = function Simpleheader(props) {
   var _css, _css2, _header_cssstyles, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var actions = props.actions;
@@ -26375,7 +27094,7 @@ var Simpleheader = function Simpleheader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1P({}, secpropobj));
+    setsectionproperties(_objectSpread$1Q({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -26589,12 +27308,18 @@ var Simpleheader = function Simpleheader(props) {
       marginTop: sectionproperties.header_marginTop + 'px',
       marginBottom: sectionproperties.header_marginBottom + 'px'
     }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-12 p-0"
+  }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
+    sectionpropertiesprops: sectionproperties,
+    templateproperties_contextprops: templateproperties_context,
+    actions: actions
+  })), /*#__PURE__*/React__default["default"].createElement("div", {
     "class": " ".concat(header_cssstyles.headercontainer) + ' d-flex d-md-none align-items-center m-0 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "row m-0 w-100 "
   }, templateproperties_context.showtextslider == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": "col-lg-12 p-0"
+    "class": "col-lg-12 p-0 d-flex d-md-none"
   }, /*#__PURE__*/React__default["default"].createElement(MarqueeHeader, {
     sectionpropertiesprops: sectionproperties,
     templateproperties_contextprops: templateproperties_context,
@@ -26954,7 +27679,7 @@ var Simpleheader = function Simpleheader(props) {
   }), sectionproperties.responsiveheaderstyle == 'Style 1 With Canvas' && /*#__PURE__*/React__default["default"].createElement(Headerresponsive, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
-  }), sectionproperties.responsiveheaderstyle == 'Style 2' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
+  }), sectionproperties.responsiveheaderstyle == 'Style 2 With Subheader' && /*#__PURE__*/React__default["default"].createElement(HeaderresponsiveStyle2, {
     sectionpropertiesprops: sectionproperties,
     actions: actions
   }), /*#__PURE__*/React__default["default"].createElement(reactBootstrap.Offcanvas, {
@@ -27037,8 +27762,8 @@ var Simpleheader = function Simpleheader(props) {
   }))))))));
 };
 
-function ownKeys$1O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1P(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$1P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1P(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Header8 = function Header8(props) {
   var _css, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i3, _authdetailsContext$i5, _authdetailsContext$i7, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i8, _authdetailsContext$i10, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i14, _fetchcustomercartQue4, _fetchcustomercartQue5;
   var actions = props.actions;
@@ -27095,7 +27820,7 @@ var Header8 = function Header8(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1O({}, secpropobj));
+    setsectionproperties(_objectSpread$1P({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var subtotalcart = function subtotalcart() {
     var _fetchcustomercartQue;
@@ -28813,8 +29538,8 @@ var css_248z$u = ".headerresturant-module_header_innercontainer__K3I1g {\n    di
 var headerstyles$8 = {"header_innercontainer":"headerresturant-module_header_innercontainer__K3I1g","navbar_item":"headerresturant-module_navbar_item__Exl8b","navbar_item_text":"headerresturant-module_navbar_item_text__psv09","navbar_item_active":"headerresturant-module_navbar_item_active__8BCbD","searchbarcont":"headerresturant-module_searchbarcont__4VPWj","language_cont":"headerresturant-module_language_cont__LwHIK","badge_counter_header_notifications":"headerresturant-module_badge_counter_header_notifications__mGA2-"};
 styleInject(css_248z$u);
 
-function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderRestaurant = function HeaderRestaurant(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3;
   var _useState = React.useState(''),
@@ -28850,7 +29575,7 @@ var HeaderRestaurant = function HeaderRestaurant(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1N({}, secpropobj));
+    setsectionproperties(_objectSpread$1O({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -29459,8 +30184,8 @@ var css_248z$t = ".header_contactinfo-module_lowerHeaderContainer__toB3m {\n
 var headerstyles$7 = {"lowerHeaderContainer":"header_contactinfo-module_lowerHeaderContainer__toB3m","navbar_item":"header_contactinfo-module_navbar_item__T6mXT","navbar_item_text":"header_contactinfo-module_navbar_item_text__dSoH9","navbar_item_active":"header_contactinfo-module_navbar_item_active__eiC3f","badge_counter_header_notifications":"header_contactinfo-module_badge_counter_header_notifications__gWKN6"};
 styleInject(css_248z$t);
 
-function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   var _authdetailsContext$i, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i12, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2, _logoarrayofobjects$3, _logoarrayofobjects$4;
   var _useState = React.useState(''),
@@ -29497,7 +30222,7 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1M({}, secpropobj));
+    setsectionproperties(_objectSpread$1N({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState(false),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -30266,8 +30991,8 @@ var HeaderwithContactinfo = function HeaderwithContactinfo(props) {
   }))))))));
 };
 
-function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1M(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$1M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1M(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Modernheader = function Modernheader(props) {
   var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
   var _useState = React.useState(''),
@@ -30312,7 +31037,7 @@ var Modernheader = function Modernheader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1L({}, secpropobj));
+    setsectionproperties(_objectSpread$1M({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -30961,8 +31686,8 @@ var Modernheader = function Modernheader(props) {
   }));
 };
 
-function ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1L(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$1L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1L(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SearchCenteredHeader = function SearchCenteredHeader(props) {
   var _fetchcustomercartQue2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue7, _fetchcustomercartQue8, _fetchcustomercartQue9;
   var _useState = React.useState(''),
@@ -31000,7 +31725,7 @@ var SearchCenteredHeader = function SearchCenteredHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1K({}, secpropobj));
+    setsectionproperties(_objectSpread$1L({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -31633,8 +32358,8 @@ var css_248z$s = ".stylishheader-module_headercontainer__FUgDo {\n  display: fle
 var headerstyles$6 = {"headercontainer":"stylishheader-module_headercontainer__FUgDo","navbar":"stylishheader-module_navbar__IX59y","badge_counter_header_notifications":"stylishheader-module_badge_counter_header_notifications__9G0T4"};
 styleInject(css_248z$s);
 
-function ownKeys$1J(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$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1K(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$1K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StylishHeader = function StylishHeader(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _logoarrayofobjects$3, _logoarrayofobjects$4, _logoarrayofobjects$5, _logoarrayofobjects$6;
   var _useState = React.useState(''),
@@ -31675,7 +32400,7 @@ var StylishHeader = function StylishHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1J({}, secpropobj));
+    setsectionproperties(_objectSpread$1K({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -32426,8 +33151,8 @@ var css_248z$r = ".threetieredheader-module_lowerHeaderContainer__hl0gc {\n    d
 var headerstyles$5 = {"lowerHeaderContainer":"threetieredheader-module_lowerHeaderContainer__hl0gc","navbar":"threetieredheader-module_navbar__Le5Kz","navbar_item":"threetieredheader-module_navbar_item__9VQR-","navbar_item_text":"threetieredheader-module_navbar_item_text__G7M4B","navbar_item_active":"threetieredheader-module_navbar_item_active__qGXP2","badge_counter_header_notifications":"threetieredheader-module_badge_counter_header_notifications__fmXNP","searchbar":"threetieredheader-module_searchbar__CMeCp","searchbaractive":"threetieredheader-module_searchbaractive__jQeUr"};
 styleInject(css_248z$r);
 
-function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1J(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$1J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ThreeTieredHeader = function ThreeTieredHeader(props) {
   var _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$c, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i6, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3;
   var actions = props.actions;
@@ -32465,7 +33190,7 @@ var ThreeTieredHeader = function ThreeTieredHeader(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1I({}, secpropobj));
+    setsectionproperties(_objectSpread$1J({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -33296,8 +34021,8 @@ var css_248z$q = ".SearchFocusedHeader-module_headerMiddleContainer__P6xTy {\n
 var headerstyles$4 = {"headerMiddleContainer":"SearchFocusedHeader-module_headerMiddleContainer__P6xTy","navbar":"SearchFocusedHeader-module_navbar__S8cPA","navbar_item":"SearchFocusedHeader-module_navbar_item__0oxbl","badge_counter_header_notifications":"SearchFocusedHeader-module_badge_counter_header_notifications__2qUaH","searchbar":"SearchFocusedHeader-module_searchbar__uJotQ","searchbaractive":"SearchFocusedHeader-module_searchbaractive__eZgrZ"};
 styleInject(css_248z$q);
 
-function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1I(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$1I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SearchFocusedHeader = function SearchFocusedHeader(props) {
   var _css, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i7, _authdetailsContext$i10, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$i13, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$i14, _authdetailsContext$i16;
   var lang = props.actions.lang;
@@ -33364,7 +34089,7 @@ var SearchFocusedHeader = function SearchFocusedHeader(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1H({}, secpropobj));
+    setsectionproperties(_objectSpread$1I({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var ButtonDropdown = function ButtonDropdown(item, index, fetchedarray) {
     var _fetchedarray$Choosen, _fetchedarray$Choosen2, _pcollarray$Choosenin, _pcollarray$Choosenin2;
@@ -34290,8 +35015,8 @@ var css_248z$p = ".HeaderWithUtilityBar-module_headerMiddleContainer__5fNQX {\n
 var headerstyles$3 = {"headerMiddleContainer":"HeaderWithUtilityBar-module_headerMiddleContainer__5fNQX","navbar_item":"HeaderWithUtilityBar-module_navbar_item__VR64E","badge_counter_header_notifications":"HeaderWithUtilityBar-module_badge_counter_header_notifications__-I6Pm","searchbar":"HeaderWithUtilityBar-module_searchbar__3rwMD","searchbaractive":"HeaderWithUtilityBar-module_searchbaractive__3gHHs"};
 styleInject(css_248z$p);
 
-function ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1H(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$1H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
   var _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2;
   var lang = props.actions.lang;
@@ -34335,7 +35060,7 @@ var HeaderWithUtilityBar = function HeaderWithUtilityBar(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1G({}, secpropobj));
+    setsectionproperties(_objectSpread$1H({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -35067,8 +35792,8 @@ var css_248z$o = ".HeaderWithAdSlider-module_nav__item__lmbKL {\n    width: 100%
 var headerstyles$2 = {"nav__item":"HeaderWithAdSlider-module_nav__item__lmbKL","link":"HeaderWithAdSlider-module_link__9hhKh","badge_counter_header_notifications":"HeaderWithAdSlider-module_badge_counter_header_notifications__Shv1O","searchbar":"HeaderWithAdSlider-module_searchbar__Dqa-y","searchbaractive":"HeaderWithAdSlider-module_searchbaractive__c7gv6"};
 styleInject(css_248z$o);
 
-function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1G(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$1G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
   var _css, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = React.useState(''),
@@ -35106,7 +35831,7 @@ var HeaderWithAdSlider = function HeaderWithAdSlider(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1F({}, secpropobj));
+    setsectionproperties(_objectSpread$1G({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -35834,8 +36559,8 @@ var css_248z$n = ".HeaderWithSearchOnCenter-module_headercontainer__hEPeK {\n
 var headerstyles$1 = {"headercontainer":"HeaderWithSearchOnCenter-module_headercontainer__hEPeK","navbar":"HeaderWithSearchOnCenter-module_navbar__4UEjw","header_cart":"HeaderWithSearchOnCenter-module_header_cart__3m4dH","header_badge":"HeaderWithSearchOnCenter-module_header_badge__TeMF5","nav__item":"HeaderWithSearchOnCenter-module_nav__item__xRxTI","link":"HeaderWithSearchOnCenter-module_link__wYKus","badge_counter_header_notifications":"HeaderWithSearchOnCenter-module_badge_counter_header_notifications__GXHqw","searchbar":"HeaderWithSearchOnCenter-module_searchbar__H6b-F","searchbaractive":"HeaderWithSearchOnCenter-module_searchbaractive__yWggL"};
 styleInject(css_248z$n);
 
-function ownKeys$1E(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$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1F(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$1F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
   var _css, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = React.useState(''),
@@ -35872,7 +36597,7 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1E({}, secpropobj));
+    setsectionproperties(_objectSpread$1F({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
@@ -36479,8 +37204,8 @@ var HeaderWithSearchOnCenter = function HeaderWithSearchOnCenter(props) {
   }));
 };
 
-function ownKeys$1D(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$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1E(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$1E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TwoTieredHeader = function TwoTieredHeader(props) {
   var _css, _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _fetchcustomercartQue, _fetchcustomercartQue2, _authdetailsContext$c, _authdetailsContext$c2, _authdetailsContext$c3, _authdetailsContext$c4, _authdetailsContext$c5, _fetchcustomercartQue3, _fetchcustomercartQue4;
   var lang = props.actions.lang;
@@ -36528,7 +37253,7 @@ var TwoTieredHeader = function TwoTieredHeader(props) {
         });
       }
     }
-    setsectionproperties(_objectSpread$1D({}, secpropobj));
+    setsectionproperties(_objectSpread$1E({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -37457,8 +38182,8 @@ var css_248z$m = ".NewHeader-module_headercontainer__qY3Tj {\n    position: abso
 var headerstyles = {"headercontainer":"NewHeader-module_headercontainer__qY3Tj","navbar":"NewHeader-module_navbar__kLzIy","header_cart":"NewHeader-module_header_cart__wRj2v","header_badge":"NewHeader-module_header_badge__Et-AS","nav__item":"NewHeader-module_nav__item__jRv-r","link":"NewHeader-module_link__4ixBg","badge_counter_header_notifications":"NewHeader-module_badge_counter_header_notifications__GpVQI","searchbar":"NewHeader-module_searchbar__1aYXU","searchbaractive":"NewHeader-module_searchbaractive__Uv--y"};
 styleInject(css_248z$m);
 
-function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1D(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$1D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(props) {
   var _textarray$, _textarray$2, _authdetailsContext$i2, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$c, _authdetailsContext$c2, _fetchcustomercartQue, _fetchcustomercartQue2;
   var _useState = React.useState(''),
@@ -37499,7 +38224,7 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1C({}, secpropobj));
+    setsectionproperties(_objectSpread$1D({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var _useState5 = React.useState([]),
     _useState6 = _slicedToArray__default["default"](_useState5, 2),
@@ -38275,8 +39000,8 @@ var TwoTieredWithCenteredLogoHeader = function TwoTieredWithCenteredLogoHeader(p
   }));
 };
 
-function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1C(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$1C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1C(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props) {
   var _authdetailsContext$i, _logoarrayofobjects$, _logoarrayofobjects$2, _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _authdetailsContext$i2, _authdetailsContext$i3;
   var _useState = React.useState(''),
@@ -38326,7 +39051,7 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
     }
-    setsectionproperties(_objectSpread$1B({}, secpropobj));
+    setsectionproperties(_objectSpread$1C({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -39000,8 +39725,8 @@ var CenteredLogoHeaderWithSlider = function CenteredLogoHeaderWithSlider(props)
   }));
 };
 
-function ownKeys$1A(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$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1B(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$1B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Allinonefooter = function Allinonefooter(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i4, _authdetailsContext$i5, _templatepropcontext$, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14;
   var _useState = React.useState(''),
@@ -39028,7 +39753,7 @@ var Allinonefooter = function Allinonefooter(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1A({}, secpropobj));
+      setsectionproperties(_objectSpread$1B({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -39038,7 +39763,7 @@ var Allinonefooter = function Allinonefooter(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1A({}, secpropobj));
+      setsectionproperties(_objectSpread$1B({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var footerStyles = {
@@ -39494,8 +40219,8 @@ var Allinonefooter = function Allinonefooter(props) {
   }))))));
 };
 
-function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1A(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$1A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer1 = function Footer1(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i2, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _returnpolicyobj9, _returnpolicyobj10, _returnpolicyobj11, _returnpolicyobj12, _returnpolicyobj13, _returnpolicyobj14, _returnpolicyobj15, _returnpolicyobj16, _authdetailsContext$i12, _authdetailsContext$i13;
   var _useState = React.useState(''),
@@ -39522,7 +40247,7 @@ var Footer1 = function Footer1(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1z({}, secpropobj));
+      setsectionproperties(_objectSpread$1A({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -39532,7 +40257,7 @@ var Footer1 = function Footer1(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1z({}, secpropobj));
+      setsectionproperties(_objectSpread$1A({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -39950,8 +40675,8 @@ var Footer1 = function Footer1(props) {
   })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i13 = authdetailsContext.instinfo) === null || _authdetailsContext$i13 === void 0 ? void 0 : _authdetailsContext$i13.address_en)))))));
 };
 
-function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1z(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$1z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer2 = function Footer2(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i18, _authdetailsContext$i19;
   var _useState = React.useState(''),
@@ -39981,7 +40706,7 @@ var Footer2 = function Footer2(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1y({}, secpropobj));
+    setsectionproperties(_objectSpread$1z({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -40339,8 +41064,8 @@ var Footer2 = function Footer2(props) {
   })))));
 };
 
-function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer3 = function Footer3(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i16, _authdetailsContext$i17;
   var _useState = React.useState(''),
@@ -40367,7 +41092,7 @@ var Footer3 = function Footer3(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1x({}, secpropobj));
+      setsectionproperties(_objectSpread$1y({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -40377,7 +41102,7 @@ var Footer3 = function Footer3(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1x({}, secpropobj));
+      setsectionproperties(_objectSpread$1y({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -40691,8 +41416,8 @@ var Footer3 = function Footer3(props) {
   })), authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i17 = authdetailsContext.instinfo) === null || _authdetailsContext$i17 === void 0 ? void 0 : _authdetailsContext$i17.address_en)))))));
 };
 
-function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1x(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$1x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer4 = function Footer4(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _templatepropcontext$, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _authdetailsContext$i12, _authdetailsContext$i15;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -40715,7 +41440,7 @@ var Footer4 = function Footer4(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1w({}, secpropobj));
+      setsectionproperties(_objectSpread$1x({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -40725,7 +41450,7 @@ var Footer4 = function Footer4(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1w({}, secpropobj));
+      setsectionproperties(_objectSpread$1x({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var footerStyles = {
@@ -41110,8 +41835,8 @@ var Footer4 = function Footer4(props) {
   }))))))));
 };
 
-function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1w(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$1w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer5 = function Footer5(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i6, _authdetailsContext$i9, _logoarrayofobjects$3, _logoarrayofobjects$4, _authdetailsContext$i12, _authdetailsContext$i13, _authdetailsContext$i20, _authdetailsContext$i22;
   var _useState = React.useState(''),
@@ -41141,7 +41866,7 @@ var Footer5 = function Footer5(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1v({}, secpropobj));
+      setsectionproperties(_objectSpread$1w({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -41151,7 +41876,7 @@ var Footer5 = function Footer5(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1v({}, secpropobj));
+      setsectionproperties(_objectSpread$1w({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -41639,8 +42364,8 @@ var Footer5 = function Footer5(props) {
   }))))))));
 };
 
-function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1v(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$1v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer6 = function Footer6(props) {
   var _authdetailsContext$i2, _authdetailsContext$i3;
   var _useState = React.useState(''),
@@ -41671,7 +42396,7 @@ var Footer6 = function Footer6(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1u({}, secpropobj));
+      setsectionproperties(_objectSpread$1v({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -41681,7 +42406,7 @@ var Footer6 = function Footer6(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1u({}, secpropobj));
+      setsectionproperties(_objectSpread$1v({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -41918,8 +42643,8 @@ var Footer6 = function Footer6(props) {
   }))));
 };
 
-function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer7 = function Footer7(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i9;
   var _useState = React.useState(''),
@@ -41950,7 +42675,7 @@ var Footer7 = function Footer7(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1t({}, secpropobj));
+      setsectionproperties(_objectSpread$1u({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -41960,7 +42685,7 @@ var Footer7 = function Footer7(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1t({}, secpropobj));
+      setsectionproperties(_objectSpread$1u({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
@@ -42318,8 +43043,8 @@ var Footer7 = function Footer7(props) {
   }))))));
 };
 
-function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Footer8 = function Footer8(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i7, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _templatepropcontext$;
   var _useState = React.useState(''),
@@ -42346,7 +43071,7 @@ var Footer8 = function Footer8(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1s({}, secpropobj));
+      setsectionproperties(_objectSpread$1t({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -42356,7 +43081,7 @@ var Footer8 = function Footer8(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1s({}, secpropobj));
+      setsectionproperties(_objectSpread$1t({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var footerStyles = {
@@ -42734,8 +43459,8 @@ var Footer8 = function Footer8(props) {
   }, lang.orderhistory)))))));
 };
 
-function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1s(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$1s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Simplefooter = function Simplefooter(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i7, _authdetailsContext$i9;
   var _useState = React.useState(''),
@@ -42762,7 +43487,7 @@ var Simplefooter = function Simplefooter(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1r({}, secpropobj));
+    setsectionproperties(_objectSpread$1s({}, secpropobj));
   }, [StatePagePropertiesContext]);
   React.useEffect(function () {
     if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
@@ -43029,8 +43754,8 @@ var Simplefooter = function Simplefooter(props) {
   })));
 };
 
-function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1r(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$1r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
   var _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i, _authdetailsContext$i3, _authdetailsContext$i4, _authdetailsContext$i5;
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -43053,7 +43778,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
       props.defaultproperties.forEach(function (defaultpropobj, defaultpropindex) {
         secpropobj[defaultpropobj.property_css_name] = defaultpropobj.property_value;
       });
-      setsectionproperties(_objectSpread$1q({}, secpropobj));
+      setsectionproperties(_objectSpread$1r({}, secpropobj));
     } else {
       var secpropobj = {};
       StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
@@ -43063,7 +43788,7 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
           });
         }
       });
-      setsectionproperties(_objectSpread$1q({}, secpropobj));
+      setsectionproperties(_objectSpread$1r({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var _useState3 = React.useState([]),
@@ -43341,8 +44066,8 @@ var FooterWithThreeColumns = function FooterWithThreeColumns(props) {
   }, "@ ", langdetect == 'en' ? authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i4 = authdetailsContext.instinfo) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.storename_en : authdetailsContext === null || authdetailsContext === void 0 || (_authdetailsContext$i5 = authdetailsContext.instinfo) === null || _authdetailsContext$i5 === void 0 ? void 0 : _authdetailsContext$i5.storename_ar))));
 };
 
-function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1q(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$1q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ModernFooter = function ModernFooter(props) {
   var _templatepropcontext$, _returnpolicyobj, _returnpolicyobj2, _returnpolicyobj3, _returnpolicyobj4, _returnpolicyobj5, _returnpolicyobj6, _returnpolicyobj7, _returnpolicyobj8, _authdetailsContext$i2, _authdetailsContext$i5, _authdetailsContext$i8, _authdetailsContext$i11, _authdetailsContext$i14, _authdetailsContext$i17, _authdetailsContext$i20, _authdetailsContext$i23;
   var _useState = React.useState(''),
@@ -43368,7 +44093,7 @@ var ModernFooter = function ModernFooter(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1p({}, secpropobj));
+    setsectionproperties(_objectSpread$1q({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var footerStyles = {
     footerContainer: glamor.css({
@@ -43819,8 +44544,8 @@ var ModernFooter = function ModernFooter(props) {
   })))))));
 };
 
-function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$1p(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$1p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Newsletterfooter = function Newsletterfooter(props) {
   var _footerStyles, _logoarrayofobjects$, _logoarrayofobjects$2, _authdetailsContext$i5, _authdetailsContext$i6, _authdetailsContext$i7, _authdetailsContext$i10, _authdetailsContext$i13, _authdetailsContext$i16, _authdetailsContext$i19, _authdetailsContext$i21;
   var _useState = React.useState(''),
@@ -43850,7 +44575,7 @@ var Newsletterfooter = function Newsletterfooter(props) {
         });
       }
     });
-    setsectionproperties(_objectSpread$1o({}, secpropobj));
+    setsectionproperties(_objectSpread$1p({}, secpropobj));
   }, [StatePagePropertiesContext]);
   var returnpolicyobj = function returnpolicyobj(policytype) {
     var _authdetailsContext$i;
@@ -44410,6 +45135,254 @@ var Newsletterfooter = function Newsletterfooter(props) {
   }, StoreInformation()))));
 };
 
+function ownKeys$1o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var Newsletterincenter = function Newsletterincenter(props) {
+  var _css, _footerStyles;
+  var _useState = React.useState(''),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    sectionproperties = _useState2[0],
+    setsectionproperties = _useState2[1];
+  var _useState3 = React.useState([]),
+    _useState4 = _slicedToArray__default["default"](_useState3, 2);
+    _useState4[0];
+    var setlogoarrayofobjects = _useState4[1];
+  props.actions.history;
+  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  props.actions.lang;
+  var langdetect = props.actions.langdetect;
+  var routingcountext = props.actions.routingcountext;
+  props.actions.StaticPagesLinksContext;
+  props.actions.authdetailsContext;
+  var templateproperties_context = props.actions.templateproperties_context;
+  var templatepropcontext = props.actions.templatepropcontext;
+  props.actions.ikimagecredcontext;
+  React.useEffect(function () {
+    var secpropobj = {};
+    StatePagePropertiesContext.pageobj.sections.forEach(function (sectionitem, sectionindex) {
+      if (sectionitem.sectionid == props.sectionidprops) {
+        sectionitem.sectionproperties.forEach(function (sectionpropertiesobj, sectionpropertiesindex) {
+          secpropobj[sectionpropertiesobj.property_css_name] = sectionpropertiesobj.property_value;
+        });
+      }
+    });
+    setsectionproperties(_objectSpread$1o({}, secpropobj));
+  }, [StatePagePropertiesContext]);
+  var footerStyles = (_footerStyles = {
+    divider: glamor.css({
+      height: '1px',
+      width: '100%',
+      backgroundColor: sectionproperties.vl_bg
+    }),
+    payimgcont: glamor.css({
+      marginLeft: '10px',
+      marginRight: '10px'
+    }),
+    payimg: glamor.css({
+      width: '100%',
+      height: '100%',
+      objectFit: 'contain'
+    }),
+    footerContainer: glamor.css({
+      background: sectionproperties.footerbgcolor,
+      paddingTop: sectionproperties.footerpaddingvertical + 'px',
+      paddingLeft: sectionproperties.footerpaddinghorizontal + 'px',
+      paddingRight: sectionproperties.footerpaddinghorizontal + 'px',
+      paddingBottom: sectionproperties.footerpaddingvertical + 'px',
+      width: '100vw'
+    }),
+    footerlogo: glamor.css({
+      width: sectionproperties.logo_width + 'px',
+      height: sectionproperties.logo_height + 'px',
+      position: 'relative'
+    }),
+    apptore: glamor.css({
+      width: '100%',
+      objectFit: 'contain'
+    }),
+    googleplay: glamor.css({
+      width: '100%',
+      objectFit: 'contain'
+    }),
+    textStyles: glamor.css({
+      fontSize: sectionproperties.footerinfotext_fontsize + 'px',
+      color: sectionproperties.footerinfotext_color,
+      fontWeight: sectionproperties.footerinfotext_fontweight
+    }),
+    logoStyles: glamor.css({
+      width: sectionproperties.logo_width + 'px',
+      height: sectionproperties.logo_height + 'px'
+    }),
+    sectionTitle: glamor.css({
+      color: sectionproperties.sectionTitleColor,
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }),
+    subPages: glamor.css({
+      textTransform: sectionproperties.footertexttransform,
+      fontSize: sectionproperties.footerfontsize + 'px',
+      fontWeight: sectionproperties.footerfontweight,
+      color: sectionproperties.footertextcolor,
+      cursor: 'pointer',
+      transition: '.3s',
+      ':hover': {
+        color: sectionproperties.footertextcoloronhover
+      }
+    }),
+    facebook_btn: glamor.css({
+      cursor: 'pointer',
+      background: sectionproperties.facebkbtnnbgColor,
+      width: sectionproperties.facebkbtnnWidth == 0 ? 'auto' : sectionproperties.facebkbtnnWidth + 'px',
+      height: sectionproperties.facebkbtnnHeight == 0 ? 'auto' : sectionproperties.facebkbtnnHeight + 'px',
+      borderRadius: sectionproperties.facebkbtnn_borderRadius + 'px',
+      color: sectionproperties.facebkbtnnTextcolor,
+      border: sectionproperties.facebkbtnnborderwidth + 'px solid ' + sectionproperties.facebkbtnnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.facebkbtnnbgColoronhover,
+        borderColor: sectionproperties.facebkbtnnTextcoloronhover,
+        color: sectionproperties.facebkbtnnTextcoloronhover
+      }
+    }),
+    youtube_btn: glamor.css({
+      cursor: 'pointer',
+      background: sectionproperties.youtubebtnbgColor,
+      width: sectionproperties.youtubebtnWidth == 0 ? 'auto' : sectionproperties.youtubebtnWidth + 'px',
+      height: sectionproperties.youtubebtnHeight == 0 ? 'auto' : sectionproperties.youtubebtnHeight + 'px',
+      borderRadius: sectionproperties.youtubebtn_borderRadius + 'px',
+      color: sectionproperties.youtubebtnTextcolor,
+      border: sectionproperties.youtubebtnborderwidth + 'px solid ' + sectionproperties.youtubebtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.youtubebtnbgColoronhover,
+        borderColor: sectionproperties.youtubebtnTextcoloronhover,
+        color: sectionproperties.youtubebtnTextcoloronhover
+      }
+    }),
+    instgram_btn: glamor.css({
+      cursor: 'pointer',
+      background: sectionproperties.instgrambtnbgColor,
+      width: sectionproperties.instgrambtnWidth == 0 ? 'auto' : sectionproperties.instgrambtnWidth + 'px',
+      height: sectionproperties.instgrambtnHeight == 0 ? 'auto' : sectionproperties.instgrambtnHeight + 'px',
+      borderRadius: sectionproperties.instgrambtn_borderRadius + 'px',
+      color: sectionproperties.instgrambtnTextcolor,
+      border: sectionproperties.instgrambtnborderwidth + 'px solid ' + sectionproperties.instgrambtnbordercolor,
+      transition: '.3s',
+      ':hover': {
+        background: sectionproperties.instgrambtnbgColoronhover,
+        borderColor: sectionproperties.instgrambtnTextcoloronhover,
+        color: sectionproperties.instgrambtnTextcoloronhover
+      }
+    }),
+    subscribetitle: glamor.css({
+      fontSize: sectionproperties.sectionTitleFontSize + 'px',
+      color: sectionproperties.sectionTitleColor,
+      fontWeight: sectionproperties.sectionTitleFontWeight
+    }),
+    subscribedescription: glamor.css({
+      fontSize: sectionproperties.prodCatFontSize + 'px',
+      color: sectionproperties.prodCatColor,
+      fontWeight: sectionproperties.prodCatFontWeight
+    })
+  }, _defineProperty__default["default"](_footerStyles, "apptore", glamor.css({
+    width: '35%',
+    objectFit: 'contain',
+    '@media (max-width: 800px)': {
+      width: '30%'
+    }
+  })), _defineProperty__default["default"](_footerStyles, "googleplay", glamor.css({
+    width: '35%',
+    objectFit: 'contain',
+    '@media (max-width: 800px)': {
+      width: '30%'
+    }
+  })), _defineProperty__default["default"](_footerStyles, "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, "height", '35px'), _defineProperty__default["default"](_css, "padding", '0 10px 10px'), _defineProperty__default["default"](_css, "transition", '.3s'), _defineProperty__default["default"](_css, "fontWeight", 500), _defineProperty__default["default"](_css, "borderBottom", ' 1 px solid #ccc'), _defineProperty__default["default"](_css, "height", '40px'), _defineProperty__default["default"](_css, "background", 'transparent'), _defineProperty__default["default"](_css, "color", '#000'), _defineProperty__default["default"](_css, ':focus', {
+    // borderColor: sectionproperties.inputfeildbordercoloronfocus,
+  }), _css))), _footerStyles);
+  React.useEffect(function () {
+    if (templateproperties_context.length != 0 && templateproperties_context.logoarrayofobjects != undefined) {
+      var logoarrayofobjectsparsed = JSON.parse(templateproperties_context.logoarrayofobjects);
+      if (Array.isArray(logoarrayofobjectsparsed)) {
+        setlogoarrayofobjects(_toConsumableArray__default["default"](logoarrayofobjectsparsed));
+      }
+    }
+  }, [templateproperties_context]);
+  var Newsletter = function Newsletter() {
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered mb-3"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        fontSize: 20,
+        fontWeight: 600
+      }
+    }, "STAY IN THE KNOW")), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("p", {
+      style: {
+        fontSize: 15,
+        fontWeight: 600
+      }
+    }, "Be the first one to receive new releases, special offers, and more")), /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 allcentered"
+    }, /*#__PURE__*/React__default["default"].createElement("input", {
+      type: "text",
+      className: "".concat(footerStyles.form_control),
+      value: '',
+      placeholder: "your email",
+      onChange: function onChange(event) {},
+      style: {
+        background: sectionproperties.input_bgcolor
+      }
+    })));
+  };
+  var Section1pages = function Section1pages() {
+    var _templatepropcontext$;
+    return /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "col-lg-12 p-0 mt-md-3"
+    }, /*#__PURE__*/React__default["default"].createElement("div", {
+      "class": "row m-0 w-100 d-flex justify-content-start align-items-center flex-column"
+    }, templatepropcontext === null || templatepropcontext === void 0 || (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.map(function (item, index) {
+      if (item.isnavigation == 1 && item.isactive == 1) {
+        if (item.staticpageid != '650c3c37dd5bf' && item.staticpageid != '650c591955e81' && item.staticpageid != '650c5be1dfd5d' && item.staticpageid != '6505ad75b1cdb') {
+          return /*#__PURE__*/React__default["default"].createElement("div", {
+            "class": "col-lg-12 col-md-12 col-sm-12 p-0 d-flex mb-1"
+          }, /*#__PURE__*/React__default["default"].createElement("div", {
+            onClick: function onClick() {
+              routingcountext(item.navigationroute);
+            }
+          }, /*#__PURE__*/React__default["default"].createElement("p", {
+            "class": "".concat(footerStyles.subPages) + ' wordbreak m-0 p-0 ',
+            style: {
+              textAlign: langdetect == 'en' ? 'left' : 'right'
+            }
+          }, langdetect == 'en' ? item.pagename : item.pagename_ar)));
+        }
+      }
+    })));
+  };
+  return /*#__PURE__*/React__default["default"].createElement("footer", {
+    "class": "row m-0 w-100 justify-content-center"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    style: {
+      paddingLeft: langdetect == 'en' ? sectionproperties.footer_paddingLeft + 'px' : sectionproperties.footer_paddingRight + 'px',
+      paddingRight: langdetect == 'en' ? sectionproperties.footer_paddingRight + 'px' : sectionproperties.footer_paddingLeft + 'px'
+    },
+    "class": "".concat(footerStyles.footerContainer) + ' col-lg-12 col-md-12 col-sm-12 pl-sm-2 pr-sm-2 pl-md-3 pr-md-3 px-2015-3 py-lg-3 '
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "row m-0 w-100"
+  }, /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-4 col-md-12 d-flex justify-content-center justify-content-md-start"
+  }, Section1pages()), /*#__PURE__*/React__default["default"].createElement("div", {
+    "class": "col-lg-4 col-md-12 d-flex justify-content-center justify-content-md-start"
+  }, Newsletter()))));
+};
+
 function ownKeys$1n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$1n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var CardsSection2 = function CardsSection2(props) {
@@ -61904,6 +62877,14 @@ var Card23 = function Card23(props) {
       fontSize: sectionproperties.cashbackcontainerfontsize + 'px',
       border: sectionproperties.cashbackcontainerborderwidth + 'px ' + sectionproperties.cashbackcontainerborderstyle + sectionproperties.cashbackcontainerbordercolor,
       borderRadius: sectionproperties.cashbackcontainerborderradius + 'px'
+    }),
+    productcard: glamor.css({
+      minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.width + 'px',
+      '@media (max-width: 800px)': {
+        minWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px',
+        maxWidth: props.sectiontypeprops2 == 'vertical' ? '100%' : sectionproperties.widthresponsive + 'px'
+      }
     })
   };
   var plainString = function plainString(html) {
@@ -62038,11 +63019,30 @@ var Card23 = function Card23(props) {
     AddtoCartContext(tempaddtocardpayloadobj);
   };
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    "class": langdetect == 'en' ? sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : 'row m-0 w-100' : langdetect == 'en' ? sectionproperties.card_marginRight != 0 ? 'row m-0 w-100 pr-sm-2' : sectionproperties.card_marginLeft != 0 ? 'row m-0 w-100 pl-sm-2' : 'row m-0 w-100' : 'row m-0 w-100',
+    "class": props.sectiontypeprops2 == 'vertical' ? "".concat(cardsstyles2.productcard) + ' w-100 px-md-1 ' : " ".concat(cardsstyles2.productcard),
     style: {
       paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
       paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px'
     }
+    // class={
+    //     langdetect == 'en'
+    //         ? sectionproperties.card_marginLeft != 0
+    //             ? 'row m-0 w-100 pl-sm-2'
+    //             : sectionproperties.card_marginRight != 0
+    //             ? 'row m-0 w-100 pr-sm-2'
+    //             : 'row m-0 w-100'
+    //         : langdetect == 'en'
+    //         ? sectionproperties.card_marginRight != 0
+    //             ? 'row m-0 w-100 pr-sm-2'
+    //             : sectionproperties.card_marginLeft != 0
+    //             ? 'row m-0 w-100 pl-sm-2'
+    //             : 'row m-0 w-100'
+    //         : 'row m-0 w-100'
+    // }
+    // style={{
+    //     paddingLeft: langdetect == 'en' ? sectionproperties.card_marginLeft + 'px' : sectionproperties.card_marginRight + 'px',
+    //     paddingRight: langdetect == 'en' ? sectionproperties.card_marginRight + 'px' : sectionproperties.card_marginLeft + 'px',
+    // }}
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "".concat(cardsstyles2.card) + ' w-100 '
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -69445,7 +70445,7 @@ var Simplecategorycardwithtextbelow = function Simplecategorycardwithtextbelow(p
   })), sectionproperties.general_showtext == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
-    "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak text-center '
+    "class": card_cssstyles.categoryname + ' m-0 p-0 categoryname wordbreak text-center font-md-13 '
   }, item.name)), sectionproperties.prodCatShow == 'Show' && /*#__PURE__*/React__default["default"].createElement("div", {
     "class": "col-lg-12 p-0 allcentered"
   }, /*#__PURE__*/React__default["default"].createElement("p", {
@@ -72011,6 +73011,7 @@ var returnLibrary = function returnLibrary() {
     FooterWithThreeColumns: FooterWithThreeColumns,
     ModernFooter: ModernFooter,
     Newsletterfooter: Newsletterfooter,
+    Newsletterincenter: Newsletterincenter,
     // Cards Sections (8)
     CardsSection: CardsSection,
     CardsSection2: CardsSection2,