tabexseriescomponents 0.0.40 → 0.0.43

package/dist/index.cjs.js

@@ -28,9 +28,9 @@ var fi = require('react-icons/fi');
 var md = require('react-icons/md');
 var io = require('react-icons/io');
 var cg = require('react-icons/cg');
-var TextareaAutosize = require('react-textarea-autosize');
-var Select = require('react-select');
-var gr = require('react-icons/gr');
+require('react-textarea-autosize');
+require('react-select');
+require('react-icons/gr');
 var reactAccessibleAccordion = require('react-accessible-accordion');
 var Dropdown = require('react-bootstrap/Dropdown');
 var reactIntersectionObserver = require('react-intersection-observer');
@@ -59,8 +59,6 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
 var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
 var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
-var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
-var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
 var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
 var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -485,9 +483,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
   }));
 };
 
-function ownKeys$17(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$17(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$17(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$17(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Login = function Login(props) {
   var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -533,7 +531,7 @@ var Login = function Login(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$17({}, secpropobj));
+      setsectionproperties(_objectSpread$15({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
 
@@ -647,10 +645,10 @@ var Login = function Login(props) {
     className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
     value: payloadobj.email,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$17({}, payloadobj);
+      var temppayloadobj = _objectSpread$15({}, payloadobj);
 
       temppayloadobj.email = event.target.value;
-      setpayloadobj(_objectSpread$17({}, temppayloadobj));
+      setpayloadobj(_objectSpread$15({}, temppayloadobj));
     }
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -668,10 +666,10 @@ var Login = function Login(props) {
     textplaceholder: "",
     value: payloadobj.password,
     onChange: function onChange(event) {
-      var temppayloadobj = _objectSpread$17({}, payloadobj);
+      var temppayloadobj = _objectSpread$15({}, payloadobj);
 
       temppayloadobj.password = event.target.value;
-      setpayloadobj(_objectSpread$17({}, temppayloadobj));
+      setpayloadobj(_objectSpread$15({}, temppayloadobj));
     }
   }), /*#__PURE__*/React__default["default"].createElement("span", {
     className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -794,9 +792,9 @@ var css_248z$v = "/* 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$v);
 
-function ownKeys$16(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$16(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$16(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$16(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 // import { useMutation, useQuery, useQueryClient } from 'react-query';
 // import { useHistory, Link } from 'react-router-dom';
 // import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
@@ -904,7 +902,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
     templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$ === void 0 ? void 0 : (_templatepropcontext$2 = _templatepropcontext$.pageproperties) === null || _templatepropcontext$2 === void 0 ? void 0 : _templatepropcontext$2.forEach(function (arrayItem, arrayindex) {
       secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
     });
-    setsectionproperties(_objectSpread$16({}, secpropobj));
+    setsectionproperties(_objectSpread$14({}, secpropobj));
     setnavigationstyle('Upper Navigation'); // }
     // }
   }, [CurrentPageId]);
@@ -1060,9 +1058,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
   }))))));
 };
 
-function ownKeys$15(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$15(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$15(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$15(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Ordershistory = function Ordershistory(props) {
   var _bgimagesarray$, _bgimagesarray$2;
@@ -1107,10 +1105,10 @@ var Ordershistory = function Ordershistory(props) {
 
   React.useEffect(function () {
     if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
-      var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
+      var tempFetchQueriesEngineContext = _objectSpread$13({}, FetchQueriesEngineContext);
 
       tempFetchQueriesEngineContext.orderhistory = true;
-      setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
+      setFetchQueriesEngineContext(_objectSpread$13({}, tempFetchQueriesEngineContext));
     } else {
       routingcountext('');
     }
@@ -1136,7 +1134,7 @@ var Ordershistory = function Ordershistory(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$15({}, secpropobj));
+      setsectionproperties(_objectSpread$13({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var orderhistory_cssstyles = {
@@ -1920,9 +1918,9 @@ var css_248z$u = ".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$u);
 
-function ownKeys$14(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$14(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$14(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$14(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Wishlist = function Wishlist(props) {
   var _bgimagesarray$, _bgimagesarray$2;
@@ -1959,7 +1957,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$14({}, secpropobj));
+      setsectionproperties(_objectSpread$12({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
 
@@ -1969,10 +1967,10 @@ var Wishlist = function Wishlist(props) {
       _useState2[1];
 
   React.useEffect(function () {
-    var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
+    var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
 
     tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
-    setFetchQueriesEngineContext(_objectSpread$14({}, tempFetchQueriesEngineContext));
+    setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
   }, []);
 
   var _useState3 = React.useState(''),
@@ -2004,7 +2002,7 @@ var Wishlist = function Wishlist(props) {
       StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
       });
-      setsectionproperties(_objectSpread$14({}, secpropobj));
+      setsectionproperties(_objectSpread$12({}, secpropobj));
     }
   }, [StatePagePropertiesContext]);
   var wishlist_cssstyles = {
@@ -2440,1158 +2438,658 @@ var Wishlist = function Wishlist(props) {
 };
 
 var css_248z$t = "/* Forms */\n.form-module_form_control__4-RGw {\n    display: block;\n    width: 100%;\n    height: 25px;\n    font-size: 1rem;\n    font-weight: 500;\n    color: #444054;\n    background-color: white;\n    border-radius: 20px;\n    box-shadow: 0 0 10px #e6e6e6;\n    height: 40px;\n    padding-left: 0;\n    padding-right: 0;\n    font-size: 14px;\n    transition: background 0s ease-out;\n    border: 0;\n    padding: 0 10px;\n}\n.form-module_form_controlcheckout__IoXvi{\n    display: block;\n    width: 100%;\n    height: 25px;\n    /* font-size: 1rem; */\n    /* font-weight: 500; */\n    /* color: #444054; */\n    /* background-color: #eee; */\n    /* border-radius: 10px; */\n    height: 40px;\n    padding-left: 0;\n    padding-right: 0;\n    font-size: 14px;\n    transition: background 0s ease-out;\n    border: 0;\n    padding: 0 10px;\n}\n.form-module_textarea__zG0ed{\n    resize: none;\n    /* background-color: #eee; */\n}\n@media screen and (prefers-reduced-motion: reduce) {\n    .form-module_form_control__4-RGw {\n        transition: none;\n    }\n}\n.form-module_form_control__4-RGw::-ms-expand {\n    background-color: transparent;\n    border: 0;\n}\n.form-module_form_control__4-RGw::placeholder {\n    color: #eac435;\n    opacity: 1;\n}\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[readonly] {\n    background-color: #e9ecef;\n    opacity: 1;\n    cursor: not-allowed;\n}\ntextarea.form-module_form_control__4-RGw {\n    min-height: 100px !important;\n    padding-top: 10px;\n    padding-bottom: 10px;\n}\n.form-module_form_control__4-RGw:focus {\n    transition-duration: 0.3s;\n    box-shadow: none;\n    box-shadow: 0 0 10px #ccc;\n}\n.form-module_form_control__4-RGw::-moz-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw:-ms-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n.form-module_form_control__4-RGw::-webkit-input-placeholder {\n    color: #aaaaaa;\n    font-weight: 400;\n    font-size: 14px;\n}\n\n.form-module_form_control_border_none__TJvdZ {\n    background-image: none;\n}\n.form-module_form_control__4-RGw.form-module_disabled__AtvSI,\n.form-module_form_control__4-RGw:disabled,\n.form-module_form_control__4-RGw[disabled] {\n    cursor: not-allowed;\n}\n.form-module_input_label_name__416wN {\n    font-size: 16px;\n    text-transform: capitalize;\n    color: var(--cardheader);\n    font-weight: 500;\n}\n.form-module_input_label_name-bolder__UQn0a {\n    font-weight: 500;\n}\n.form-module_input_icon__X-CzC {\n    position: absolute;\n    bottom: 5px;\n    left: 0;\n    color: #d9d9d9;\n}\n/* Radio Buttons */\n.form-module_radiobtn_label__-4Hoi {\n    display: flex;\n    cursor: pointer;\n    font-weight: 500;\n    position: relative;\n    overflow: hidden;\n    margin-bottom: 0;\n}\n.form-module_radiobtn_label__-4Hoi input {\n    position: absolute;\n    left: -9999px;\n    display: none;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span {\n    background-color: #f0f5f5;\n    color: var(--focus);\n    font-weight: 500;\n}\n.form-module_radiobtn_label__-4Hoi input:checked + span:before {\n    box-shadow: inset 0 0 0 0.3em #eac435;\n}\n.form-module_radiobtn_label__-4Hoi span {\n    display: flex;\n    align-items: center;\n    text-transform: capitalize;\n    padding: 0.375em 0.75em 0.375em 0.375em;\n    border-radius: 99em;\n    transition: 0.25s ease;\n    font-weight: normal;\n    color: var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi span:hover {\n    background-color: #e6e6e6;\n}\n.form-module_radiobtn_label__-4Hoi span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-right: 0.375em;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label__-4Hoi.form-module_text-grey__JdZMY span:before {\n    box-shadow: inset 0 0 0 0.125em grey;\n}\n.form-module_radiobtn_label__-4Hoi input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n.form-module_radiobtn_label_translated__WN5Jj span:before {\n    display: flex;\n    flex-shrink: 0;\n    content: '';\n    background-color: #fff;\n    width: 1em;\n    height: 1em;\n    border-radius: 50%;\n    margin-left: 0.375em;\n    margin-right: 0;\n    transition: 0.25s ease;\n    box-shadow: inset 0 0 0 0.125em var(--focus);\n}\n.form-module_radiobtn_label_translated__WN5Jj input.form-module_disabled__AtvSI {\n    cursor: not-allowed;\n}\n\n/* Checkbox */\n.form-module_checkbox__XPkWy {\n    --border: #022648;\n    --border-hover: #959ed0;\n    --tick: #fff;\n    position: relative;\n    /* color: var(--cardheader); */\n}\n.form-module_checkbox_label__VvcKs {\n    font-size: 16px;\n    text-transform: capitalize;\n    font-weight: 500;\n    cursor: pointer;\n}\n.form-module_checkbox__XPkWy:hover {\n    /* color: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input,\n.form-module_checkbox__XPkWy svg {\n    width: 16px;\n    height: 16px;\n    display: block;\n}\n.form-module_checkbox_sub__QWYil input {\n    width: 15px;\n    height: 15px;\n}\n.form-module_checkbox__XPkWy input {\n    -webkit-appearance: none;\n    -moz-appearance: none;\n    position: relative;\n    outline: none;\n    background: white;\n    border: none;\n    margin: 0;\n    padding: 0;\n    cursor: pointer;\n    border-radius: 4px;\n    transition: box-shadow 0.3s;\n    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));\n}\n.form-module_checkbox__XPkWy input:disabled {\n    cursor: not-allowed;\n}\n.form-module_checkbox__XPkWy input:hover {\n    /* --s: 2px; */\n    /* --b: var(--border-hover); */\n}\n.form-module_checkbox__XPkWy input:checked {\n    /* --b: var(--secondary); */\n}\n.form-module_checkbox__XPkWy svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    /* stroke: var(--stroke, var(--secondary)); */\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkbox_sub__QWYil svg {\n    pointer-events: none;\n    fill: none;\n    stroke-width: 2px;\n    stroke-linecap: round;\n    stroke-linejoin: round;\n    stroke: var(--stroke, var(--secondary));\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 16px;\n    height: 21px;\n    transform: scale(var(--scale, 1)) translateZ(0);\n}\n.form-module_checkboxtranslated__zvEV- svg {\n    right: 0;\n}\n.form-module_checkbox__XPkWy input:checked {\n    --s: 2px;\n    transition-delay: 0.4s;\n}\n.form-module_checkbox__XPkWy input:checked + svg {\n    --a: 16.1 86.12;\n    --o: 102.22;\n}\n.form-module_checkbox__XPkWy svg {\n    stroke-dasharray: var(--a, 86.12);\n    stroke-dashoffset: var(--o, 86.12);\n    transition: stroke-dasharray 0.6s, stroke-dashoffset 0.6s;\n}\n";
-var formstyles = {"form_control":"form-module_form_control__4-RGw","form_controlcheckout":"form-module_form_controlcheckout__IoXvi","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$t);
 
-function ownKeys$13(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$13(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$13(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$13(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var defaultstyles = {
-  option: function option(provided, state) {
-    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
-      borderBottom: '1px solid #e6e6e6',
-      backgroundColor: state.isSelected ? '' : '',
-      padding: 5,
-      textTransform: 'capitalize',
-      color: state.isSelected ? '#eac435' : '#022648',
-      transition: '.3s',
-      '&:hover': {
-        // color: '#eac435',
-        cursor: 'pointer'
-      }
-    });
-  },
-  control: function control() {
-    return {
-      borderBottom: '1px solid #ccc',
-      backgroundColor: 'white',
-      display: 'flex',
-      cursor: 'pointer',
-      padding: 0,
-      transition: '.3s',
-      '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        // borderRadius: '10px',
-      }
-    };
-  },
-  dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
-      '&:hover': {// color: '#eac435',
-      }
-    });
-  }
-};
-var defaultstylestranslated = {
-  option: function option(provided, state) {
-    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
-      borderBottom: '1px solid #e6e6e6',
-      backgroundColor: state.isSelected ? '' : '',
-      padding: 5,
-      textTransform: 'capitalize',
-      // color: state.isSelected ? '#eac435' : '#022648',
-      transition: '.3s',
-      textAlign: 'right',
-      '&:hover': {
-        // color: '#eac435',
-        cursor: 'pointer'
-      }
-    });
-  },
-  control: function control() {
-    return {
-      borderBottom: '1px solid #ccc',
-      backgroundColor: 'white',
-      display: 'flex',
-      cursor: 'pointer',
-      padding: 0,
-      transition: '.3s',
-      textAlign: 'right',
-      '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
-        // borderRadius: '10px',
-      }
-    };
-  },
-  dropdownIndicator: function dropdownIndicator(provided) {
-    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
-      '&:hover': {// color: '#eac435',
-      }
-    });
-  },
-  placeholder: function placeholder(provided, state) {
-    return _objectSpread$13(_objectSpread$13({}, provided), {}, {
-      textAlign: 'right'
-    });
-  }
-};
-
-function ownKeys$12(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread$12(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$12(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$12(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var Checkout = function Checkout(props) {
-  var _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue89, _fetchcustomercartQue90, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue97, _fetchcustomercartQue98;
-
-  var _useState = React.useState(null),
-      _useState2 = _slicedToArray__default["default"](_useState, 2),
-      timer = _useState2[0],
-      settimer = _useState2[1];
-
-  var langdetect = props.actions.langdetect;
-  var lang = props.actions.lang;
-  var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
-  var routingcountext = props.actions.routingcountext;
-  var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
-  var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
-  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
-  var templatepropcontext = props.actions.templatepropcontext;
-  var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
-  var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
-  var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
-  var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
-  var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
-  var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
-  var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
-  var ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
-  var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
-  var AddOrderMutationContext = props.actions.AddOrderMutationContext;
-  props.actions.fetchAuthorizationQueryContext;
-  var authdetailsContext = props.actions.authdetailsContext;
-  var NotificationManager = props.actions.NotificationManager;
-  var queryClient = props.actions.queryClient;
-
-  var _useState3 = React.useState(''),
-      _useState4 = _slicedToArray__default["default"](_useState3, 2),
-      sectionproperties = _useState4[0],
-      setsectionproperties = _useState4[1];
-
-  var _useState5 = React.useState(''),
-      _useState6 = _slicedToArray__default["default"](_useState5, 2),
-      CurrentPageId = _useState6[0],
-      setCurrentPageId = _useState6[1];
-
-  React.useEffect(function () {
-    var _templatepropcontext$;
-
-    var cartindex = templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
-      return x.staticpageid == '6218bccb82af8';
-    });
-
-    if (cartindex >= 0) {
-      setCurrentPageId(cartindex);
-    }
-  }, []);
-  React.useEffect(function () {
-    var _templatepropcontext$2, _templatepropcontext$3;
-
-    var secpropobj = {};
-    templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$2 = templatepropcontext.pagesnprop[CurrentPageId]) === null || _templatepropcontext$2 === void 0 ? void 0 : (_templatepropcontext$3 = _templatepropcontext$2.pageproperties) === null || _templatepropcontext$3 === void 0 ? void 0 : _templatepropcontext$3.forEach(function (arrayItem, arrayindex) {
-      secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-    });
-    setsectionproperties(_objectSpread$12({}, secpropobj));
-  }, [CurrentPageId]);
-  React.useEffect(function () {
-    if (CurrentSrcTypeContext == 'workplace') {
-      if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
-        var _StatePagePropertiesC, _StatePagePropertiesC2;
-
-        var secpropobj = {};
-        StatePagePropertiesContext === null || StatePagePropertiesContext === void 0 ? void 0 : (_StatePagePropertiesC = StatePagePropertiesContext.pageobj) === null || _StatePagePropertiesC === void 0 ? void 0 : (_StatePagePropertiesC2 = _StatePagePropertiesC.pageproperties) === null || _StatePagePropertiesC2 === void 0 ? void 0 : _StatePagePropertiesC2.forEach(function (arrayItem, arrayindex) {
-          secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
-        });
-        setsectionproperties(_objectSpread$12({}, secpropobj));
-      }
-    }
-  }, [StatePagePropertiesContext]);
-  React.useEffect(function () {
-    var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
-
-    // if (authdetailsContext.loggedin == true) {
-    var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
-
-    tempFetchQueriesEngineContext.fetchtabexcountries = true;
-    setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
-
-    var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
-
-    if ( // Aya
-    !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue === void 0 ? void 0 : (_fetchcustomercartQue2 = _fetchcustomercartQue.data) === null || _fetchcustomercartQue2 === void 0 ? void 0 : _fetchcustomercartQue2.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue3 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue3 === void 0 ? void 0 : (_fetchcustomercartQue4 = _fetchcustomercartQue3.data) === null || _fetchcustomercartQue4 === void 0 ? void 0 : _fetchcustomercartQue4.customercart.countryid) != null && // End
-    (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue5 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue5 === void 0 ? void 0 : (_fetchcustomercartQue6 = _fetchcustomercartQue5.data) === null || _fetchcustomercartQue6 === void 0 ? void 0 : _fetchcustomercartQue6.customercart.countryid.length) != 0) {
-      var _fetchcustomercartQue7, _fetchcustomercartQue8;
-
-      tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue7 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue7 === void 0 ? void 0 : (_fetchcustomercartQue8 = _fetchcustomercartQue7.data) === null || _fetchcustomercartQue8 === void 0 ? void 0 : _fetchcustomercartQue8.customercart.countryid;
-    }
-
-    if ( // aya
-    !fetchcustomercartQueryContext.isFetching && fetchcustomercartQueryContext.isSuccess && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue9 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue9 === void 0 ? void 0 : (_fetchcustomercartQue10 = _fetchcustomercartQue9.data) === null || _fetchcustomercartQue10 === void 0 ? void 0 : _fetchcustomercartQue10.customercart) != undefined && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue11 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue11 === void 0 ? void 0 : (_fetchcustomercartQue12 = _fetchcustomercartQue11.data) === null || _fetchcustomercartQue12 === void 0 ? void 0 : _fetchcustomercartQue12.customercart.stateid) != null && // end
-    (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue13 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue13 === void 0 ? void 0 : (_fetchcustomercartQue14 = _fetchcustomercartQue13.data) === null || _fetchcustomercartQue14 === void 0 ? void 0 : _fetchcustomercartQue14.customercart.stateid.length) != 0) {
-      var _fetchcustomercartQue15, _fetchcustomercartQue16;
-
-      tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue15 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue15 === void 0 ? void 0 : (_fetchcustomercartQue16 = _fetchcustomercartQue15.data) === null || _fetchcustomercartQue16 === void 0 ? void 0 : _fetchcustomercartQue16.customercart.stateid;
-    }
-
-    setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext)); // } else {
-    // routingcountext('');
-    // }
-  }, []);
-
-  var cartinfoupdater = function cartinfoupdater(key, value) {
-    var _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
-
-    var cartarr = queryClient.getQueryData('fetchcustomercart_API');
-    cartarr.data.customercart[key] = value;
-    queryClient.setQueryData('fetchcustomercart_API', cartarr);
-    var payloadobj = {
-      stateid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue17 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue17 === void 0 ? void 0 : (_fetchcustomercartQue18 = _fetchcustomercartQue17.data) === null || _fetchcustomercartQue18 === void 0 ? void 0 : _fetchcustomercartQue18.customercart.stateid,
-      countryid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue19 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue19 === void 0 ? void 0 : (_fetchcustomercartQue20 = _fetchcustomercartQue19.data) === null || _fetchcustomercartQue20 === void 0 ? void 0 : _fetchcustomercartQue20.customercart.countryid,
-      cityid: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue21 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue21 === void 0 ? void 0 : (_fetchcustomercartQue22 = _fetchcustomercartQue21.data) === null || _fetchcustomercartQue22 === void 0 ? void 0 : _fetchcustomercartQue22.customercart.cityid,
-      address: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue23 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue23 === void 0 ? void 0 : (_fetchcustomercartQue24 = _fetchcustomercartQue23.data) === null || _fetchcustomercartQue24 === void 0 ? void 0 : _fetchcustomercartQue24.customercart.address,
-      paymentmethod: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue25 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue25 === void 0 ? void 0 : (_fetchcustomercartQue26 = _fetchcustomercartQue25.data) === null || _fetchcustomercartQue26 === void 0 ? void 0 : _fetchcustomercartQue26.customercart.paymentmethod,
-      name: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue27 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue27 === void 0 ? void 0 : (_fetchcustomercartQue28 = _fetchcustomercartQue27.data) === null || _fetchcustomercartQue28 === void 0 ? void 0 : _fetchcustomercartQue28.customercart.name,
-      email: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue29 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue29 === void 0 ? void 0 : (_fetchcustomercartQue30 = _fetchcustomercartQue29.data) === null || _fetchcustomercartQue30 === void 0 ? void 0 : _fetchcustomercartQue30.customercart.email,
-      mobile: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue31 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue31 === void 0 ? void 0 : (_fetchcustomercartQue32 = _fetchcustomercartQue31.data) === null || _fetchcustomercartQue32 === void 0 ? void 0 : _fetchcustomercartQue32.customercart.mobile
-    };
-
-    if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
-      clearTimeout(timer);
-      settimer(setTimeout(function () {
-        ChooseState_CountryMutationContext.mutate(payloadobj);
-      }, 1500));
-    } else {
-      ChooseState_CountryMutationContext.mutate(payloadobj);
-    }
-  };
-
-  var checkoutstyles = _defineProperty__default["default"]({
-    Salepricestyless: glamor.css({
-      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
-      fontWeight: sectionproperties.prodsalePriceFontWeight,
-      color: sectionproperties.prodsalePriceColor,
-      show: sectionproperties.prodsalePriceshow,
-      transition: '.3s'
-    }),
-    userinfo_iconcont: glamor.css({
-      width: sectionproperties.userinfo_iconwidth + 'px',
-      height: sectionproperties.userinfo_iconheight + 'px',
-      background: sectionproperties.userinfo_iconbg,
-      borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
-      color: sectionproperties.userinfo_iconcolor
-    }),
-    userinfotextstyles: glamor.css({
-      color: sectionproperties.userinfo_color,
-      fontWeight: sectionproperties.userinfo_fontweight,
-      fontSize: sectionproperties.userinfo_fontsize + 'px'
-    }),
-    input_label_name: glamor.css({
-      color: sectionproperties.form_labelcolor,
-      textTransform: sectionproperties.form_labeltexttransform,
-      fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + 'px'
-    }),
-    checkbox: glamor.css({
-      color: sectionproperties.checkbox_color,
-      textTransform: sectionproperties.form_labeltexttransform,
-      fontWeight: sectionproperties.form_labelfontweight,
-      fontSize: sectionproperties.form_labelfontsize + 'px',
-      transition: '.3s',
-      ':hover': {
-        color: sectionproperties.checkbox_texthovercolor
-      },
-      'input:checked': {
-        color: sectionproperties.checkbox_checkedcolor
-      }
-    }),
-    checkboxinputstyles: glamor.css({
-      ':hover:not(:checked)': {
-        boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor
-      },
-      ':checked': {
-        boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor
-      }
-    }),
-    svgstyles: glamor.css({
-      stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
-    }),
-    innersectiontitlestyles: glamor.css({
-      color: sectionproperties.innersection_titlecolor,
-      fontSize: sectionproperties.innersection_titlefontsize + 'px',
-      fontWeight: sectionproperties.innersection_titlefontweight,
-      textTransform: sectionproperties.innersection_titletextTransform
-    }),
-    summarysectionstyles: glamor.css({
-      fontSize: sectionproperties.summary_fontsize + 'px',
-      color: sectionproperties.summary_textcolor,
-      fontWeight: sectionproperties.summary_textfontweight,
-      textTransform: sectionproperties.summary_texttransform,
-      textAlign: langdetect == 'en' ? 'left' : 'right'
-    }),
-    checkoutbtnstyles: glamor.css({
-      background: sectionproperties.checkoutBtnbgColor,
-      width: sectionproperties.checkoutBtnWidth,
-      height: sectionproperties.checkoutBtnHeight,
-      borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
-      color: sectionproperties.checkoutBtnTextcolor,
-      textTransform: sectionproperties.checkoutBtnTexttransform,
-      fontWeight: sectionproperties.checkoutBtnTextfontweight,
-      fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
-      border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
-        color: sectionproperties.checkoutBtnTextcoloronhover
-      }
-    }),
-    productNameStyles: glamor.css({
-      color: sectionproperties.prodNameColor,
-      fontSize: sectionproperties.prodNameFontSize + 'px',
-      textTransform: sectionproperties.prodNameTextTranform,
-      fontWeight: sectionproperties.prodNameFontWeight
-    }),
-    productPricestyles: glamor.css({
-      color: sectionproperties.prodPriceColor,
-      fontSize: sectionproperties.prodpriceFontSize + 'px',
-      fontWeight: sectionproperties.prodPriceFontWeight
-    }),
-    productSalePricestyles: glamor.css({
-      color: sectionproperties.prodsalePriceColor,
-      fontSize: sectionproperties.prodsalepriceFontSize + 'px',
-      fontWeight: sectionproperties.prodsalePriceFontWeight
-    }),
-    imagecont: glamor.css({
-      width: '8vh',
-      height: '8vh',
-      border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
-      backgroundColor: sectionproperties.prodimage_bgcolor,
-      borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
-      display: 'flex',
-      alignItems: 'center',
-      justifyContent: 'center',
-      backgroundRepeat: 'no-repeat',
-      backgroundSize: 'cover',
-      backgroundPosition: 'center',
-      position: 'relative'
-    }),
-    applybtnstyles: glamor.css({
-      width: sectionproperties.applybtn_width + 'px',
-      height: sectionproperties.applybtn_height + 'px',
-      borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
-      textTransform: sectionproperties.applybtn_texttransform,
-      fontSize: sectionproperties.applybtn_fontsize + 'px',
-      color: sectionproperties.applybtn_textColor,
-      fontWeight: sectionproperties.applybtn_Textfontweight,
-      background: sectionproperties.applybtn_bgColor,
-      border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.applybtn_bgColoronhover,
-        color: sectionproperties.applybtn_Textcoloronhover
-      }
-    }),
-    inputfiledstyles: glamor.css({}),
-    checkorderbtnstyles: glamor.css({
-      background: sectionproperties.generalbtn_bgColor,
-      width: sectionproperties.generalbtn_width,
-      height: sectionproperties.generalbtn_height,
-      borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
-      borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
-      borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
-      borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
-      color: sectionproperties.generalbtn_textColor,
-      textTransform: sectionproperties.generalbtn_texttransform,
-      fontWeight: sectionproperties.generalbtn_fontweight,
-      fontSize: sectionproperties.generalbtn_fontsize + 'px',
-      border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
-      transition: '.3s',
-      ':hover': {
-        background: sectionproperties.generalbtn_bgColoronhover,
-        color: sectionproperties.generalbtn_textColoronhover
-      }
-    })
-  }, "input_label_name", glamor.css({
-    color: sectionproperties.form_labelcolor,
-    textTransform: sectionproperties.form_labeltexttransform,
-    fontWeight: sectionproperties.form_labelfontweight,
-    fontSize: sectionproperties.form_labelfontsize + 'px'
-  }));
-
-  var Mycart = function Mycart() {
-    var _fetchcustomercartQue33, _fetchcustomercartQue34, _fetchcustomercartQue35, _fetchcustomercartQue36, _fetchcustomercartQue37, _fetchcustomercartQue38, _fetchcustomercartQue45, _fetchcustomercartQue46, _fetchcustomercartQue47, _fetchcustomercartQue48, _fetchcustomercartQue49, _fetchcustomercartQue50, _fetchcustomercartQue51, _fetchcustomercartQue52, _fetchcustomercartQue53, _fetchcustomercartQue54, _fetchcustomercartQue55, _fetchcustomercartQue56, _fetchcustomercartQue57, _fetchcustomercartQue58, _fetchcustomercartQue59, _fetchcustomercartQue60, _fetchcustomercartQue61, _fetchcustomercartQue62, _fetchcustomercartQue63, _fetchcustomercartQue64, _fetchcustomercartQue65, _fetchcustomercartQue66, _fetchcustomercartQue67, _fetchcustomercartQue68;
-
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row  m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 d-flex align-items-center p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      style: {
-        fontSize: sectionproperties.sectionTitleFontSize + 'px',
-        color: sectionproperties.sectionTitleColor,
-        marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-        marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-        textTransform: sectionproperties.sectionTitleTextTransform,
-        fontWeight: sectionproperties.sectionTitleFontWeight
-      }
-    }, lang.mycart)), ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, null), !ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0"
-    }, fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue33 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue33 === void 0 ? void 0 : (_fetchcustomercartQue34 = _fetchcustomercartQue33.data) === null || _fetchcustomercartQue34 === void 0 ? void 0 : _fetchcustomercartQue34.customercart.cartitems.map(function (item, index) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3',
-        style: {
-          background: sectionproperties.summary_sectionbgcolor,
-          borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
-          border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
-        }
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 d-flex"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "".concat(checkoutstyles.imagecont)
-      }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
-        urlEndpoint: IKurlEndpoint,
-        publicKey: IKpublicKey,
-        path: item.productinfo.hasvariants == 0 ? '/tr:w-300,h-300/' + item.productinfo.productmainimage : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl,
-        style: {
-          width: '100%',
-          height: '100%',
-          objectFit: 'cover'
-        },
-        loading: "lazy"
-      })), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-7 col-md-7 col-sm-7"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 d-flex justify-content-start '
-      }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: "m-0 p-0 font-weight-500 text-light d-flex justify-content-start"
-      }, lang.qty, ": ", item.quantity)), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
-        return /*#__PURE__*/React__default["default"].createElement("div", {
-          className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
-        }, /*#__PURE__*/React__default["default"].createElement("p", {
-          className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
-        }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
-          className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
-        }, variantitem.optionvalue));
-      }))), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-3 col-md-3 col-sm-2 p-0"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 h-100"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto"
-      }, item.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 d-flex flex-column justify-content-end"
-      }, item.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), item.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 d-flex flex-column justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultsaleprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak text-left '
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), item.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 d-flex flex-column justify-content-end"
-      }, item.productinfo.variantinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
-      }, langdetect == 'en' ? 'EGP' : 'ج.م', " ", item.productinfo.variantinfo.variantprice)), item.productinfo.variantinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "row m-0 w-100 d-flex flex-column justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "col-lg-12 p-0 d-flex justify-content-end"
-      }, /*#__PURE__*/React__default["default"].createElement("p", {
-        className: langdetect == 'en' ? "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right ' : "".concat(checkoutstyles.Salepricestyless) + ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
-      }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantprice, " ", langdetect == 'en' ? '' : 'ج.م')))))))));
-    }), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' row m-0 w-100 p-3',
-      style: {
-        background: sectionproperties.summary_sectionbgcolor,
-        borderRadius: sectionproperties.summary_sectionborderradius + 'px',
-        border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
-      }
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 mb-1"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 mb-4"
-    }, /*#__PURE__*/React__default["default"].createElement("label", {
-      className: "".concat(checkoutstyles.input_label_name) + ' m-0 p-0 mb-2 d-flex justify-content-start '
-    }, lang.doyouhavepromocode), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ' row m-0 w-100 d-flex justify-content-center align-items-center '
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: 'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'
-    }, /*#__PURE__*/React__default["default"].createElement("input", {
-      type: "text",
-      className: "".concat(formstyles.form_control),
-      style: {
-        borderRadius: sectionproperties.inputfieldborderradius + 'px',
-        fontSize: sectionproperties.inputfieldfontsize + 'px',
-        color: sectionproperties.inputfieldcolor,
-        backgroundColor: sectionproperties.input_bgcolor
-      },
-      placeholder: lang.giftcarddicountcode,
-      value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue35 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue35 === void 0 ? void 0 : (_fetchcustomercartQue36 = _fetchcustomercartQue35.data) === null || _fetchcustomercartQue36 === void 0 ? void 0 : _fetchcustomercartQue36.customercart.couponname,
-      onChange: function onChange(event) {
-        var cartarr = queryClient.getQueryData('fetchcustomercart_API');
-        cartarr.data.customercart.couponname = event.target.value;
-        queryClient.setQueryData('fetchcustomercart_API', cartarr);
-      },
-      disabled: fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue37 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue37 !== void 0 && (_fetchcustomercartQue38 = _fetchcustomercartQue37.data) !== null && _fetchcustomercartQue38 !== void 0 && _fetchcustomercartQue38.customercart.couponexists ? true : false
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React__default["default"].createElement("button", {
-      className: " ".concat(checkoutstyles.applybtnstyles),
-      onClick: function onClick() {
-        var _fetchcustomercartQue39, _fetchcustomercartQue40;
-
-        if (!(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists)) {
-          var _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44;
-
-          var payloadobj = {
-            couponname: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue41 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue41 === void 0 ? void 0 : (_fetchcustomercartQue42 = _fetchcustomercartQue41.data) === null || _fetchcustomercartQue42 === void 0 ? void 0 : _fetchcustomercartQue42.customercart.couponname,
-            functype: 'add'
-          };
-
-          if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue43 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue43 === void 0 ? void 0 : (_fetchcustomercartQue44 = _fetchcustomercartQue43.data) === null || _fetchcustomercartQue44 === void 0 ? void 0 : _fetchcustomercartQue44.customercart.couponname.length) != 0) {
-            ApplyPromoCodeMutationContext.mutate(payloadobj);
-          } else {
-            NotificationManager.warning('', 'Please Type Promo Code');
-          }
-        } else {
-          var payloadobj = {
-            functype: 'delete'
-          };
-          ApplyPromoCodeMutationContext.mutate(payloadobj);
-        }
-      },
-      disabled: ApplyPromoCodeMutationContext.isLoading ? true : false
-    }, /*#__PURE__*/React__default["default"].createElement("span", {
-      className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeOutButton) : "".concat(generalstyles.fadeInButton)
-    }, fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue45 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue45 !== void 0 && (_fetchcustomercartQue46 = _fetchcustomercartQue45.data) !== null && _fetchcustomercartQue46 !== void 0 && _fetchcustomercartQue46.customercart.couponexists ? langdetect == 'en' ? 'Remove' : 'حذف' : langdetect == 'en' ? 'Apply' : 'تطبيق'), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeInButton, " ").concat(generalstyles.btn_preloader) + ' d-flex align-items-center justify-content-center ' : "".concat(generalstyles.fadeOutButton) + ' align-items-center justify-content-center '
-    }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-      color: "#fff",
-      width: "20px",
-      height: "20px",
-      duration: "1s"
-    })))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
-    }, lang.subtotal)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
-    }, langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue47 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue47 === void 0 ? void 0 : (_fetchcustomercartQue48 = _fetchcustomercartQue47.data) === null || _fetchcustomercartQue48 === void 0 ? void 0 : _fetchcustomercartQue48.customercart.totalprice, " ", langdetect == 'en' ? '' : 'ج.م')))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue49 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue49 === void 0 ? void 0 : (_fetchcustomercartQue50 = _fetchcustomercartQue49.data) === null || _fetchcustomercartQue50 === void 0 ? void 0 : _fetchcustomercartQue50.customercart.couponexists) && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue51 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue51 === void 0 ? void 0 : (_fetchcustomercartQue52 = _fetchcustomercartQue51.data) === null || _fetchcustomercartQue52 === void 0 ? void 0 : _fetchcustomercartQue52.customercart.discountprice) != 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 mb-1"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '
-    }, lang.discount)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 text-danger wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 text-danger wordbreak text-left '
-    }, (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue53 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue53 === void 0 ? void 0 : (_fetchcustomercartQue54 = _fetchcustomercartQue53.data) === null || _fetchcustomercartQue54 === void 0 ? void 0 : _fetchcustomercartQue54.customercart.discountprice) != 0 && /*#__PURE__*/React__default["default"].createElement("span", null, "- ", langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue55 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue55 === void 0 ? void 0 : (_fetchcustomercartQue56 = _fetchcustomercartQue55.data) === null || _fetchcustomercartQue56 === void 0 ? void 0 : _fetchcustomercartQue56.customercart.discountprice, ' ', langdetect == 'en' ? '' : 'ج.م'), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue57 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue57 === void 0 ? void 0 : (_fetchcustomercartQue58 = _fetchcustomercartQue57.data) === null || _fetchcustomercartQue58 === void 0 ? void 0 : _fetchcustomercartQue58.customercart.discountprice) == 0 && /*#__PURE__*/React__default["default"].createElement("span", null, "0"))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
-    }, lang.shippingfees)), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue59 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue59 === void 0 ? void 0 : (_fetchcustomercartQue60 = _fetchcustomercartQue59.data) === null || _fetchcustomercartQue60 === void 0 ? void 0 : _fetchcustomercartQue60.customercart.zoneexists) && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
-    }, langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue61 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue61 === void 0 ? void 0 : (_fetchcustomercartQue62 = _fetchcustomercartQue61.data) === null || _fetchcustomercartQue62 === void 0 ? void 0 : _fetchcustomercartQue62.customercart.zoneprice, " ", langdetect == 'en' ? '' : 'ج.م')), !(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue63 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue63 !== void 0 && (_fetchcustomercartQue64 = _fetchcustomercartQue63.data) !== null && _fetchcustomercartQue64 !== void 0 && _fetchcustomercartQue64.customercart.zoneexists) && /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
-      style: {
-        color: 'red'
-      }
-    }, lang.outofzone)))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("hr", {
-      className: "mt-2 mb-2"
-    })), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: "d-flex align-items-start",
-      style: {
-        fontSize: sectionproperties.total_fontsize + 'px',
-        fontWeight: sectionproperties.total_fontweight,
-        textTransform: sectionproperties.total_texttransform,
-        color: sectionproperties.total_color
-      }
-    }, lang.total)), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-6 col-md-6 col-sm-6 p-0"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "row m-0 w-100"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 p-0 d-flex justify-content-end "
-    }, /*#__PURE__*/React__default["default"].createElement("p", {
-      className: langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left ',
-      style: {
-        fontSize: sectionproperties.total_fontsize + 'px',
-        fontWeight: sectionproperties.total_fontweight,
-        textTransform: sectionproperties.total_texttransform,
-        color: sectionproperties.total_color
-      }
-    }, langdetect == 'en' ? 'EGP' : '', " ", fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue65 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue65 === void 0 ? void 0 : (_fetchcustomercartQue66 = _fetchcustomercartQue65.data) === null || _fetchcustomercartQue66 === void 0 ? void 0 : _fetchcustomercartQue66.customercart.totalpriceafterdiscount, ' ', langdetect == 'en' ? '' : 'ج.م')))))), /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
-    }, /*#__PURE__*/React__default["default"].createElement("button", {
-      className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
-      onClick: function onClick() {
-        var payloadobj = {};
-        AddOrderMutationContext.mutate(payloadobj);
-      },
-      disabled: AddOrderMutationContext.isLoading ? true : false
-    }, AddOrderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-      color: "#fff",
-      width: "20px",
-      height: "20px",
-      duration: "1s"
-    }), !AddOrderMutationContext.isLoading ? (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue67 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue67 === void 0 ? void 0 : (_fetchcustomercartQue68 = _fetchcustomercartQue67.data) === null || _fetchcustomercartQue68 === void 0 ? void 0 : _fetchcustomercartQue68.customercart.paymentmethod) == 'onlinepayment' ? lang.continuetopayment : authdetailsContext.loggedin ? lang.confirmorder : lang.confirmorder + ' ' + lang.asaguest : ''))))));
-  };
-
+  // const [timer, settimer] = useState(null);
+  // const langdetect = props.actions.langdetect;
+  // const lang = props.actions.lang;
+  // const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
+  // const routingcountext = props.actions.routingcountext;
+  // const ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
+  // const CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
+  // const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
+  // const templatepropcontext = props.actions.templatepropcontext;
+  // const fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
+  // const FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
+  // const setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
+  // const fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
+  // const fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
+  // const FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
+  // const setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
+  // const ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
+  // const fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
+  // const AddOrderMutationContext = props.actions.AddOrderMutationContext;
+  // const fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
+  // const authdetailsContext = props.actions.authdetailsContext;
+  // const NotificationManager = props.actions.NotificationManager;
+  // const queryClient = props.actions.queryClient;
+  // const [sectionproperties, setsectionproperties] = useState('');
+  // const [CurrentPageId, setCurrentPageId] = useState('');
+  // useEffect(() => {
+  //     var cartindex = templatepropcontext?.pagesnprop?.findIndex((x) => x.staticpageid == '6218bccb82af8');
+  //     if (cartindex >= 0) {
+  //         setCurrentPageId(cartindex);
+  //     }
+  // }, []);
+  // useEffect(() => {
+  //     var secpropobj = {};
+  //     templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
+  //         secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+  //     });
+  //     setsectionproperties({ ...secpropobj });
+  // }, [CurrentPageId]);
+  // useEffect(() => {
+  //     if (CurrentSrcTypeContext == 'workplace') {
+  //         if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
+  //             var secpropobj = {};
+  //             StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
+  //                 secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
+  //             });
+  //             setsectionproperties({ ...secpropobj });
+  //         }
+  //     }
+  // }, [StatePagePropertiesContext]);
+  // useEffect(() => {
+  //     // if (authdetailsContext.loggedin == true) {
+  //     var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
+  //     tempFetchQueriesEngineContext.fetchtabexcountries = true;
+  //     setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
+  //     var tempFetchTabexStatesPayloadobjContext = { ...FetchTabexStatesPayloadobjContext };
+  //     if (
+  //         // Aya
+  //         !fetchcustomercartQueryContext.isFetching &&
+  //         fetchcustomercartQueryContext.isSuccess &&
+  //         fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
+  //         fetchcustomercartQueryContext?.data?.data?.customercart.countryid != null &&
+  //         // End
+  //         fetchcustomercartQueryContext?.data?.data?.customercart.countryid.length != 0
+  //     ) {
+  //         tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext?.data?.data?.customercart.countryid;
+  //     }
+  //     if (
+  //         // aya
+  //         !fetchcustomercartQueryContext.isFetching &&
+  //         fetchcustomercartQueryContext.isSuccess &&
+  //         fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
+  //         fetchcustomercartQueryContext?.data?.data?.customercart.stateid != null &&
+  //         // end
+  //         fetchcustomercartQueryContext?.data?.data?.customercart.stateid.length != 0
+  //     ) {
+  //         tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext?.data?.data?.customercart.stateid;
+  //     }
+  //     setFetchTabexStatesPayloadobjContext({ ...tempFetchTabexStatesPayloadobjContext });
+  //     // } else {
+  //     // routingcountext('');
+  //     // }
+  // }, []);
+  // const cartinfoupdater = (key, value) => {
+  //     var cartarr = queryClient.getQueryData('fetchcustomercart_API');
+  //     cartarr.data.customercart[key] = value;
+  //     queryClient.setQueryData('fetchcustomercart_API', cartarr);
+  //     var payloadobj = {
+  //         stateid: fetchcustomercartQueryContext?.data?.data?.customercart.stateid,
+  //         countryid: fetchcustomercartQueryContext?.data?.data?.customercart.countryid,
+  //         cityid: fetchcustomercartQueryContext?.data?.data?.customercart.cityid,
+  //         address: fetchcustomercartQueryContext?.data?.data?.customercart.address,
+  //         paymentmethod: fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod,
+  //         name: fetchcustomercartQueryContext?.data?.data?.customercart.name,
+  //         email: fetchcustomercartQueryContext?.data?.data?.customercart.email,
+  //         mobile: fetchcustomercartQueryContext?.data?.data?.customercart.mobile,
+  //     };
+  //     if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
+  //         clearTimeout(timer);
+  //         settimer(
+  //             setTimeout(() => {
+  //                 ChooseState_CountryMutationContext.mutate(payloadobj);
+  //             }, 1500),
+  //         );
+  //     } else {
+  //         ChooseState_CountryMutationContext.mutate(payloadobj);
+  //     }
+  // };
+  // const checkoutstyles = {
+  //     Salepricestyless: css({
+  //         fontSize: sectionproperties.prodsalepriceFontSize + 'px',
+  //         fontWeight: sectionproperties.prodsalePriceFontWeight,
+  //         color: sectionproperties.prodsalePriceColor,
+  //         show: sectionproperties.prodsalePriceshow,
+  //         transition: '.3s',
+  //     }),
+  //     userinfo_iconcont: css({
+  //         width: sectionproperties.userinfo_iconwidth + 'px',
+  //         height: sectionproperties.userinfo_iconheight + 'px',
+  //         background: sectionproperties.userinfo_iconbg,
+  //         borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
+  //         color: sectionproperties.userinfo_iconcolor,
+  //     }),
+  //     userinfotextstyles: css({
+  //         color: sectionproperties.userinfo_color,
+  //         fontWeight: sectionproperties.userinfo_fontweight,
+  //         fontSize: sectionproperties.userinfo_fontsize + 'px',
+  //     }),
+  //     input_label_name: css({
+  //         color: sectionproperties.form_labelcolor,
+  //         textTransform: sectionproperties.form_labeltexttransform,
+  //         fontWeight: sectionproperties.form_labelfontweight,
+  //         fontSize: sectionproperties.form_labelfontsize + 'px',
+  //     }),
+  //     checkbox: css({
+  //         color: sectionproperties.checkbox_color,
+  //         textTransform: sectionproperties.form_labeltexttransform,
+  //         fontWeight: sectionproperties.form_labelfontweight,
+  //         fontSize: sectionproperties.form_labelfontsize + 'px',
+  //         transition: '.3s',
+  //         ':hover': {
+  //             color: sectionproperties.checkbox_texthovercolor,
+  //         },
+  //         'input:checked': {
+  //             color: sectionproperties.checkbox_checkedcolor,
+  //         },
+  //     }),
+  //     checkboxinputstyles: css({
+  //         ':hover:not(:checked)': {
+  //             boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor,
+  //         },
+  //         ':checked': {
+  //             boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor,
+  //         },
+  //     }),
+  //     svgstyles: css({
+  //         stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')',
+  //     }),
+  //     innersectiontitlestyles: css({
+  //         color: sectionproperties.innersection_titlecolor,
+  //         fontSize: sectionproperties.innersection_titlefontsize + 'px',
+  //         fontWeight: sectionproperties.innersection_titlefontweight,
+  //         textTransform: sectionproperties.innersection_titletextTransform,
+  //     }),
+  //     summarysectionstyles: css({
+  //         fontSize: sectionproperties.summary_fontsize + 'px',
+  //         color: sectionproperties.summary_textcolor,
+  //         fontWeight: sectionproperties.summary_textfontweight,
+  //         textTransform: sectionproperties.summary_texttransform,
+  //         textAlign: langdetect == 'en' ? 'left' : 'right',
+  //     }),
+  //     checkoutbtnstyles: css({
+  //         background: sectionproperties.checkoutBtnbgColor,
+  //         width: sectionproperties.checkoutBtnWidth,
+  //         height: sectionproperties.checkoutBtnHeight,
+  //         borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
+  //         color: sectionproperties.checkoutBtnTextcolor,
+  //         textTransform: sectionproperties.checkoutBtnTexttransform,
+  //         fontWeight: sectionproperties.checkoutBtnTextfontweight,
+  //         fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
+  //         border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
+  //         transition: '.3s',
+  //         ':hover': {
+  //             background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
+  //             color: sectionproperties.checkoutBtnTextcoloronhover,
+  //         },
+  //     }),
+  //     productNameStyles: css({
+  //         color: sectionproperties.prodNameColor,
+  //         fontSize: sectionproperties.prodNameFontSize + 'px',
+  //         textTransform: sectionproperties.prodNameTextTranform,
+  //         fontWeight: sectionproperties.prodNameFontWeight,
+  //     }),
+  //     productPricestyles: css({
+  //         color: sectionproperties.prodPriceColor,
+  //         fontSize: sectionproperties.prodpriceFontSize + 'px',
+  //         fontWeight: sectionproperties.prodPriceFontWeight,
+  //     }),
+  //     productSalePricestyles: css({
+  //         color: sectionproperties.prodsalePriceColor,
+  //         fontSize: sectionproperties.prodsalepriceFontSize + 'px',
+  //         fontWeight: sectionproperties.prodsalePriceFontWeight,
+  //     }),
+  //     imagecont: css({
+  //         width: '8vh',
+  //         height: '8vh',
+  //         border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
+  //         backgroundColor: sectionproperties.prodimage_bgcolor,
+  //         borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
+  //         borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
+  //         borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
+  //         borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
+  //         display: 'flex',
+  //         alignItems: 'center',
+  //         justifyContent: 'center',
+  //         backgroundRepeat: 'no-repeat',
+  //         backgroundSize: 'cover',
+  //         backgroundPosition: 'center',
+  //         position: 'relative',
+  //     }),
+  //     applybtnstyles: css({
+  //         width: sectionproperties.applybtn_width + 'px',
+  //         height: sectionproperties.applybtn_height + 'px',
+  //         borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
+  //         textTransform: sectionproperties.applybtn_texttransform,
+  //         fontSize: sectionproperties.applybtn_fontsize + 'px',
+  //         color: sectionproperties.applybtn_textColor,
+  //         fontWeight: sectionproperties.applybtn_Textfontweight,
+  //         background: sectionproperties.applybtn_bgColor,
+  //         border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
+  //         transition: '.3s',
+  //         ':hover': {
+  //             background: sectionproperties.applybtn_bgColoronhover,
+  //             color: sectionproperties.applybtn_Textcoloronhover,
+  //         },
+  //     }),
+  //     inputfiledstyles: css({}),
+  //     checkorderbtnstyles: css({
+  //         background: sectionproperties.generalbtn_bgColor,
+  //         width: sectionproperties.generalbtn_width,
+  //         height: sectionproperties.generalbtn_height,
+  //         borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
+  //         borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
+  //         borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
+  //         borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
+  //         color: sectionproperties.generalbtn_textColor,
+  //         textTransform: sectionproperties.generalbtn_texttransform,
+  //         fontWeight: sectionproperties.generalbtn_fontweight,
+  //         fontSize: sectionproperties.generalbtn_fontsize + 'px',
+  //         border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
+  //         transition: '.3s',
+  //         ':hover': {
+  //             background: sectionproperties.generalbtn_bgColoronhover,
+  //             color: sectionproperties.generalbtn_textColoronhover,
+  //         },
+  //     }),
+  //     input_label_name: css({
+  //         color: sectionproperties.form_labelcolor,
+  //         textTransform: sectionproperties.form_labeltexttransform,
+  //         fontWeight: sectionproperties.form_labelfontweight,
+  //         fontSize: sectionproperties.form_labelfontsize + 'px',
+  //     }),
+  // };
+  // const Mycart = () => {
+  //     return (
+  //         <div className="row  m-0 w-100">
+  //             <div className="col-lg-12 d-flex align-items-center p-0">
+  //                 <p
+  //                     style={{
+  //                         fontSize: sectionproperties.sectionTitleFontSize + 'px',
+  //                         color: sectionproperties.sectionTitleColor,
+  //                         marginTop: sectionproperties.sectionTitleMarginTop + 'px',
+  //                         marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
+  //                         textTransform: sectionproperties.sectionTitleTextTransform,
+  //                         fontWeight: sectionproperties.sectionTitleFontWeight,
+  //                     }}
+  //                 >
+  //                     {lang.mycart}
+  //                 </p>
+  //             </div>
+  //             {ChooseState_CountryMutationContext.isLoading && <CircularProgress />}
+  //             {!ChooseState_CountryMutationContext.isLoading && (
+  //                 <div className="row m-0 w-100">
+  //                     <div className="col-lg-12 p-0">
+  //                         {fetchcustomercartQueryContext?.data?.data?.customercart.cartitems.map((item, index) => {
+  //                             return (
+  //                                 <div
+  //                                     className={langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3'}
+  //                                     style={{
+  //                                         background: sectionproperties.summary_sectionbgcolor,
+  //                                         borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
+  //                                         border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
+  //                                     }}
+  //                                 >
+  //                                     <div className="row m-0 w-100 d-flex">
+  //                                         <div className={`${checkoutstyles.imagecont}`}>
+  //                                             <IKImage
+  //                                                 urlEndpoint={IKurlEndpoint}
+  //                                                 publicKey={IKpublicKey}
+  //                                                 path={
+  //                                                     item.productinfo.hasvariants == 0
+  //                                                         ? '/tr:w-300,h-300/' + item.productinfo.productmainimage
+  //                                                         : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl
+  //                                                 }
+  //                                                 style={{
+  //                                                     width: '100%',
+  //                                                     height: '100%',
+  //                                                     objectFit: 'cover',
+  //                                                 }}
+  //                                                 loading="lazy"
+  //                                             />
+  //                                         </div>
+  //                                         <div className="col-lg-7 col-md-7 col-sm-7">
+  //                                             <div className="row m-0 w-100">
+  //                                                 <div className="col-lg-12 col-md-12 col-sm-12 p-0">
+  //                                                     <p className={`${checkoutstyles.productNameStyles}` + ' m-0 p-0 d-flex justify-content-start '}>
+  //                                                         {langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar}
+  //                                                     </p>
+  //                                                 </div>
+  //                                                 <div className="col-lg-12 p-0">
+  //                                                     <p className="m-0 p-0 font-weight-500 text-light d-flex justify-content-start">
+  //                                                         {lang.qty}: {item.quantity}
+  //                                                     </p>
+  //                                                 </div>
+  //                                                 {item.productinfo.hasvariants == 1 &&
+  //                                                     item.productinfo.variantinfo.variantoptions.map((variantitem, variantindex) => {
+  //                                                         return (
+  //                                                             <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex">
+  //                                                                 <p className={'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '}>{variantitem.optionname}:</p>
+  //                                                                 <p className={' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '}>{variantitem.optionvalue}</p>
+  //                                                             </div>
+  //                                                         );
+  //                                                     })}
+  //                                             </div>
+  //                                         </div>
+  //                                         <div className="col-lg-3 col-md-3 col-sm-2 p-0">
+  //                                             <div className="row m-0 w-100 h-100">
+  //                                                 <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto">
+  //                                                     {item.productinfo.hasvariants == 0 && (
+  //                                                         <div className="row m-0 w-100 d-flex flex-column justify-content-end">
+  //                                                             {item.productinfo.hassale == 0 && (
+  //                                                                 <div className="col-lg-12 p-0 d-flex justify-content-end">
+  //                                                                     <p
+  //                                                                         className={
+  //                                                                             langdetect == 'en'
+  //                                                                                 ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
+  //                                                                                 : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
+  //                                                                         }
+  //                                                                     >
+  //                                                                         {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                                     </p>
+  //                                                                 </div>
+  //                                                             )}
+  //                                                             {item.productinfo.hassale == 1 && (
+  //                                                                 <div className="row m-0 w-100 d-flex flex-column justify-content-end">
+  //                                                                     <div className="col-lg-12 p-0 d-flex justify-content-end">
+  //                                                                         <p
+  //                                                                             className={
+  //                                                                                 langdetect == 'en'
+  //                                                                                     ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
+  //                                                                                     : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
+  //                                                                             }
+  //                                                                         >
+  //                                                                             {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultsaleprice} {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                                         </p>
+  //                                                                     </div>
+  //                                                                     <div className="col-lg-12 p-0 d-flex justify-content-end">
+  //                                                                         <p
+  //                                                                             className={
+  //                                                                                 langdetect == 'en'
+  //                                                                                     ? `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-right '
+  //                                                                                     : `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-left '
+  //                                                                             }
+  //                                                                         >
+  //                                                                             {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                                         </p>
+  //                                                                     </div>
+  //                                                                 </div>
+  //                                                             )}
+  //                                                         </div>
+  //                                                     )}
+  //                                                     {item.productinfo.hasvariants == 1 && (
+  //                                                         <div className="row m-0 w-100 d-flex flex-column justify-content-end">
+  //                                                             {item.productinfo.variantinfo.hassale == 0 && (
+  //                                                                 <div className="col-lg-12 p-0 d-flex justify-content-end">
+  //                                                                     <p
+  //                                                                         className={
+  //                                                                             langdetect == 'en'
+  //                                                                                 ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
+  //                                                                                 : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
+  //                                                                         }
+  //                                                                     >
+  //                                                                         {langdetect == 'en' ? 'EGP' : 'ج.م'} {item.productinfo.variantinfo.variantprice}
+  //                                                                     </p>
+  //                                                                 </div>
+  //                                                             )}
+  //                                                             {item.productinfo.variantinfo.hassale == 1 && (
+  //                                                                 <div className="row m-0 w-100 d-flex flex-column justify-content-end">
+  //                                                                     <div className="col-lg-12 p-0 d-flex justify-content-end">
+  //                                                                         <p
+  //                                                                             className={
+  //                                                                                 langdetect == 'en'
+  //                                                                                     ? `${checkoutstyles.productPricestyles}` +
+  //                                                                                       ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
+  //                                                                                     : `${checkoutstyles.productPricestyles}` +
+  //                                                                                       ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
+  //                                                                             }
+  //                                                                         >
+  //                                                                             {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantsaleprice}
+  //                                                                             {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                                         </p>
+  //                                                                     </div>
+  //                                                                     <div className="col-lg-12 p-0 d-flex justify-content-end">
+  //                                                                         <p
+  //                                                                             className={
+  //                                                                                 langdetect == 'en'
+  //                                                                                     ? `${checkoutstyles.Salepricestyless}` +
+  //                                                                                       ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
+  //                                                                                     : `${checkoutstyles.Salepricestyless}` +
+  //                                                                                       ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
+  //                                                                             }
+  //                                                                         >
+  //                                                                             {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantprice} {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                                         </p>
+  //                                                                     </div>
+  //                                                                 </div>
+  //                                                             )}
+  //                                                         </div>
+  //                                                     )}
+  //                                                 </div>
+  //                                             </div>
+  //                                         </div>
+  //                                     </div>
+  //                                 </div>
+  //                             );
+  //                         })}
+  //                         <div
+  //                             className={' row m-0 w-100 p-3'}
+  //                             style={{
+  //                                 background: sectionproperties.summary_sectionbgcolor,
+  //                                 borderRadius: sectionproperties.summary_sectionborderradius + 'px',
+  //                                 border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
+  //                             }}
+  //                         >
+  //                             <div className="col-lg-12 p-0 mb-1">
+  //                                 <div className="col-lg-12 p-0 mb-4">
+  //                                     <label className={`${checkoutstyles.input_label_name}` + ' m-0 p-0 mb-2 d-flex justify-content-start '}>{lang.doyouhavepromocode}</label>
+  //                                     <div className={' row m-0 w-100 d-flex justify-content-center align-items-center '}>
+  //                                         <div className={'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'}>
+  //                                             <input
+  //                                                 type="text"
+  //                                                 className={`${formstyles.form_control}`}
+  //                                                 style={{
+  //                                                     borderRadius: sectionproperties.inputfieldborderradius + 'px',
+  //                                                     fontSize: sectionproperties.inputfieldfontsize + 'px',
+  //                                                     color: sectionproperties.inputfieldcolor,
+  //                                                     backgroundColor: sectionproperties.input_bgcolor,
+  //                                                 }}
+  //                                                 placeholder={lang.giftcarddicountcode}
+  //                                                 value={fetchcustomercartQueryContext?.data?.data?.customercart.couponname}
+  //                                                 onChange={(event) => {
+  //                                                     var cartarr = queryClient.getQueryData('fetchcustomercart_API');
+  //                                                     cartarr.data.customercart.couponname = event.target.value;
+  //                                                     queryClient.setQueryData('fetchcustomercart_API', cartarr);
+  //                                                 }}
+  //                                                 disabled={fetchcustomercartQueryContext?.data?.data?.customercart.couponexists ? true : false}
+  //                                             />
+  //                                         </div>
+  //                                         <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
+  //                                             <button
+  //                                                 className={` ${checkoutstyles.applybtnstyles}`}
+  //                                                 onClick={() => {
+  //                                                     if (!fetchcustomercartQueryContext?.data?.data?.customercart.couponexists) {
+  //                                                         var payloadobj = {
+  //                                                             couponname: fetchcustomercartQueryContext?.data?.data?.customercart.couponname,
+  //                                                             functype: 'add',
+  //                                                         };
+  //                                                         if (fetchcustomercartQueryContext?.data?.data?.customercart.couponname.length != 0) {
+  //                                                             ApplyPromoCodeMutationContext.mutate(payloadobj);
+  //                                                         } else {
+  //                                                             NotificationManager.warning('', 'Please Type Promo Code');
+  //                                                         }
+  //                                                     } else {
+  //                                                         var payloadobj = {
+  //                                                             functype: 'delete',
+  //                                                         };
+  //                                                         ApplyPromoCodeMutationContext.mutate(payloadobj);
+  //                                                     }
+  //                                                 }}
+  //                                                 disabled={ApplyPromoCodeMutationContext.isLoading ? true : false}
+  //                                             >
+  //                                                 <span className={ApplyPromoCodeMutationContext.isLoading ? `${generalstyles.fadeOutButton}` : `${generalstyles.fadeInButton}`}>
+  //                                                     {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists
+  //                                                         ? langdetect == 'en'
+  //                                                             ? 'Remove'
+  //                                                             : 'حذف'
+  //                                                         : langdetect == 'en'
+  //                                                         ? 'Apply'
+  //                                                         : 'تطبيق'}
+  //                                                 </span>
+  //                                                 <div
+  //                                                     className={
+  //                                                         ApplyPromoCodeMutationContext.isLoading
+  //                                                             ? `${generalstyles.fadeInButton} ${generalstyles.btn_preloader}` + ' d-flex align-items-center justify-content-center '
+  //                                                             : `${generalstyles.fadeOutButton}` + ' align-items-center justify-content-center '
+  //                                                     }
+  //                                                 >
+  //                                                     <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />
+  //                                                 </div>
+  //                                             </button>
+  //                                         </div>
+  //                                     </div>
+  //                                 </div>
+  //                                 <div className="row m-0 w-100">
+  //                                     <div className="col-lg-6 col-md-6 col-sm-6 p-0">
+  //                                         <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-center wordbreak '}>{lang.subtotal}</p>
+  //                                     </div>
+  //                                     <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
+  //                                         <p
+  //                                             className={
+  //                                                 langdetect == 'en'
+  //                                                     ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
+  //                                                     : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
+  //                                             }
+  //                                         >
+  //                                             {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalprice} {langdetect == 'en' ? '' : 'ج.م'}
+  //                                         </p>
+  //                                     </div>
+  //                                 </div>
+  //                             </div>
+  //                             {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists && fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
+  //                                 <div className="col-lg-12 p-0 mb-1">
+  //                                     <div className="row m-0 w-100">
+  //                                         <div className="col-lg-6 col-md-6 col-sm-6 p-0">
+  //                                             <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '}>{lang.discount}</p>
+  //                                         </div>
+  //                                         <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
+  //                                             <p
+  //                                                 className={
+  //                                                     langdetect == 'en'
+  //                                                         ? `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-right '
+  //                                                         : `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-left '
+  //                                                 }
+  //                                             >
+  //                                                 {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
+  //                                                     <span>
+  //                                                         - {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice}{' '}
+  //                                                         {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                     </span>
+  //                                                 )}
+  //                                                 {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice == 0 && <span>0</span>}
+  //                                             </p>
+  //                                         </div>
+  //                                     </div>
+  //                                 </div>
+  //                             )}
+  //                             <div className="col-lg-12 p-0">
+  //                                 <div className="row m-0 w-100">
+  //                                     <div className="col-lg-6 col-md-6 col-sm-6 p-0">
+  //                                         <p className={`${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 d-flex align-items-start wordbreak '}>{lang.shippingfees}</p>
+  //                                     </div>
+  //                                     {fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
+  //                                         <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
+  //                                             <p
+  //                                                 className={
+  //                                                     langdetect == 'en'
+  //                                                         ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
+  //                                                         : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
+  //                                                 }
+  //                                             >
+  //                                                 {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.zoneprice} {langdetect == 'en' ? '' : 'ج.م'}
+  //                                             </p>
+  //                                         </div>
+  //                                     )}
+  //                                     {!fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
+  //                                         <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
+  //                                             <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-start wordbreak '} style={{ color: 'red' }}>
+  //                                                 {lang.outofzone}
+  //                                             </p>
+  //                                         </div>
+  //                                     )}
+  //                                 </div>
+  //                             </div>
+  //                             <div className="col-lg-12 p-0">
+  //                                 <hr className="mt-2 mb-2" />
+  //                             </div>
+  //                             <div className="col-lg-12 p-0">
+  //                                 <div className="row m-0 w-100">
+  //                                     <div className="col-lg-6 col-md-6 col-sm-6 p-0">
+  //                                         <p
+  //                                             className="d-flex align-items-start"
+  //                                             style={{
+  //                                                 fontSize: sectionproperties.total_fontsize + 'px',
+  //                                                 fontWeight: sectionproperties.total_fontweight,
+  //                                                 textTransform: sectionproperties.total_texttransform,
+  //                                                 color: sectionproperties.total_color,
+  //                                             }}
+  //                                         >
+  //                                             {lang.total}
+  //                                         </p>
+  //                                     </div>
+  //                                     <div className="col-lg-6 col-md-6 col-sm-6 p-0">
+  //                                         <div className="row m-0 w-100">
+  //                                             <div className="col-lg-12 p-0 d-flex justify-content-end ">
+  //                                                 <p
+  //                                                     className={langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left '}
+  //                                                     style={{
+  //                                                         fontSize: sectionproperties.total_fontsize + 'px',
+  //                                                         fontWeight: sectionproperties.total_fontweight,
+  //                                                         textTransform: sectionproperties.total_texttransform,
+  //                                                         color: sectionproperties.total_color,
+  //                                                     }}
+  //                                                 >
+  //                                                     {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalpriceafterdiscount}{' '}
+  //                                                     {langdetect == 'en' ? '' : 'ج.م'}
+  //                                                 </p>
+  //                                             </div>
+  //                                         </div>
+  //                                     </div>
+  //                                 </div>
+  //                             </div>
+  //                             <div className="col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3">
+  //                                 <button
+  //                                     className={` ${checkoutstyles.checkoutbtnstyles}` + ' d-flex align-items-center justify-content-center '}
+  //                                     onClick={() => {
+  //                                         var payloadobj = {};
+  //                                         AddOrderMutationContext.mutate(payloadobj);
+  //                                     }}
+  //                                     disabled={AddOrderMutationContext.isLoading ? true : false}
+  //                                 >
+  //                                     {AddOrderMutationContext.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
+  //                                     {!AddOrderMutationContext.isLoading
+  //                                         ? fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod == 'onlinepayment'
+  //                                             ? lang.continuetopayment
+  //                                             : authdetailsContext.loggedin
+  //                                             ? lang.confirmorder
+  //                                             : lang.confirmorder + ' ' + lang.asaguest
+  //                                         : ''}
+  //                                 </button>
+  //                             </div>
+  //                         </div>
+  //                     </div>
+  //                 </div>
+  //             )}
+  //         </div>
+  //     );
+  // };
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
-    style: {
-      marginTop: sectionproperties.marginTop + 'px',
-      marginBottom: sectionproperties.marginBottom + 'px',
-      paddingLeft: sectionproperties.paddingLeft + 'px',
-      paddingRight: sectionproperties.paddingRight + 'px',
-      paddingTop: sectionproperties.paddingTop + 'px',
-      paddingBottom: sectionproperties.paddingBottom + 'px',
-      background: sectionproperties.backgroundColor,
-      borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
-      borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
-      borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
-      borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: 'row m-0 w-100 justify-content-center '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: langdetect == 'en' ? ' col-lg-8 col-md-12 pl-0 p-md-0 ' : ' col-lg-8 col-md-12 pr-0 p-md-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 d-flex align-items-center p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    style: {
-      fontSize: sectionproperties.sectionTitleFontSize + 'px',
-      color: sectionproperties.sectionTitleColor,
-      marginTop: sectionproperties.sectionTitleMarginTop + 'px',
-      marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
-      textTransform: sectionproperties.sectionTitleTextTransform,
-      fontWeight: sectionproperties.sectionTitleFontWeight
-    }
-  }, lang.checkout)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "pl-3 pr-3 pt-2 pb-2",
-    style: {
-      background: sectionproperties.userinfo_sectionbgcolor,
-      borderRadius: sectionproperties.userinfo_borderradius + 'px',
-      marginTop: sectionproperties.userinfo_sectionmarginTop + 'px',
-      marginBottom: sectionproperties.userinfo_sectionmarginbottom + 'px',
-      border: sectionproperties.userinfo_borderwidth + 'px solid ' + sectionproperties.usserinfo_sectionbordercolor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(checkoutstyles.userinfo_iconcont) + ' d-flex align-items-center justify-content-center '
-  }, /*#__PURE__*/React__default["default"].createElement(bs.BsCheck2Circle, {
-    size: 20
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-11 col-md-10 col-sm-10 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 d-flex align-items-center pl-2 pr-2",
-    style: {
-      fontSize: sectionproperties.userinfo_titlefontsize + 'px',
-      color: sectionproperties.userinfo_titlecolor,
-      fontWeight: sectionproperties.userinfo_titlefontweight
-    }
-  }, lang.loggedinas), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 text-capitalize '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "m-0 p-0 d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
-    style: {
-      fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
-      color: sectionproperties.userinfotext_iconcolor,
-      marginRight: langdetect == 'en' ? '5px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '5px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(hi.HiUser, null)), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0 wordbreak"
-  }, authdetailsContext.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "m-0 p-0 d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
-    style: {
-      fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
-      color: sectionproperties.userinfotext_iconcolor,
-      marginRight: langdetect == 'en' ? '5px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '5px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(bs.BsFillTelephoneFill, null)), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0 wordbreak"
-  }, authdetailsContext.customerinfo.mobile))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "m-0 p-0 d-flex align-items-center"
-  }, /*#__PURE__*/React__default["default"].createElement("i", {
-    className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
-    style: {
-      fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
-      color: sectionproperties.userinfotext_iconcolor,
-      marginRight: langdetect == 'en' ? '5px' : 0,
-      marginLeft: langdetect == 'en' ? 0 : '5px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(gr.GrMail, null)), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "m-0 p-0 wordbreak"
-  }, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
-    style: {
-      fontSize: sectionproperties.userinfo_titlefontsize + 'px',
-      color: sectionproperties.userinfo_titlecolor,
-      fontWeight: sectionproperties.userinfo_titlefontweight,
-      textAlign: 'right',
-      textDecoration: 'underline',
-      cursor: 'pointer',
-      position: 'absolute',
-      right: 10,
-      top: 10
-    },
-    onClick: function onClick() {
-      routingcountext(StaticPagesLinksContext.accountinfo);
-    }
-  }, lang.update)))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      marginTop: sectionproperties.contactinfo_sectionmarginTop + 'px',
-      marginBottom: sectionproperties.contactinfo_sectionmarginbottom + 'px',
-      background: sectionproperties.contactinfo_sectionbgcolor,
-      borderRadius: sectionproperties.contactinfo_sectionborderradius + 'px',
-      border: sectionproperties.contactinfo_borderwidth + 'px solid ' + sectionproperties.contactinfo_sectionbordercolor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 pl-3 pr-3 pt-2"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
-  }, authdetailsContext.loggedin ? lang.addressdetails : lang.contactdetails)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("hr", {
-    className: "mt-2 mb-2"
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 mb-3 pl-3 pr-3 pb-3"
-  }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.name), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: 'text',
-    className: "".concat(formstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue69 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue69 === void 0 ? void 0 : (_fetchcustomercartQue70 = _fetchcustomercartQue69.data) === null || _fetchcustomercartQue70 === void 0 ? void 0 : _fetchcustomercartQue70.customercart.name,
-    onChange: function onChange(event) {
-      cartinfoupdater('name', event.target.value);
-    },
-    style: {
-      resize: 'none',
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px',
-      boxShadow: 'none'
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: 'text',
-    className: "".concat(formstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue71 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue71 === void 0 ? void 0 : (_fetchcustomercartQue72 = _fetchcustomercartQue71.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.mobile,
-    onChange: function onChange(event) {
-      cartinfoupdater('mobile', event.target.value);
-    },
-    style: {
-      resize: 'none',
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px',
-      boxShadow: 'none'
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.email), /*#__PURE__*/React__default["default"].createElement("input", {
-    type: 'text',
-    className: "".concat(formstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : (_fetchcustomercartQue74 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.email,
-    onChange: function onChange(event) {
-      cartinfoupdater('email', event.target.value);
-    },
-    style: {
-      resize: 'none',
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px',
-      boxShadow: 'none'
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-100"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "black",
-    width: "20px",
-    height: "20px",
-    duration: "1s"
-  })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
-    options: fetchTabexCountriesQueryContext.data.data.countries,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.name;
-    },
-    getOptionValue: function getOptionValue(option) {
-      return option.id;
-    },
-    value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
-      var _fetchcustomercartQue75, _fetchcustomercartQue76;
-
-      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue75 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue75 === void 0 ? void 0 : (_fetchcustomercartQue76 = _fetchcustomercartQue75.data) === null || _fetchcustomercartQue76 === void 0 ? void 0 : _fetchcustomercartQue76.customercart.countryid);
-    }),
-    onChange: function onChange(option) {
-      var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
-
-      tempFetchTabexStatesPayloadobjContext.functype = 'states';
-      tempFetchTabexStatesPayloadobjContext.country_id = option.id;
-      setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
-      cartinfoupdater('countryid', option.id);
-    },
-    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosecountry,
-    isSearchable: true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-100"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "black",
-    width: "20px",
-    height: "20px",
-    duration: "1s"
-  })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
-    options: fetchTabexStatesQueryContext.data.data.states,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.name;
-    },
-    getOptionValue: function getOptionValue(option) {
-      return option.id;
-    },
-    value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
-      var _fetchcustomercartQue77, _fetchcustomercartQue78;
-
-      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue77 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue77 === void 0 ? void 0 : (_fetchcustomercartQue78 = _fetchcustomercartQue77.data) === null || _fetchcustomercartQue78 === void 0 ? void 0 : _fetchcustomercartQue78.customercart.stateid);
-    }),
-    onChange: function onChange(option) {
-      var _fetchcustomercartQue79, _fetchcustomercartQue80;
-
-      if (option.id.length != 0 && (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue79 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue79 === void 0 ? void 0 : (_fetchcustomercartQue80 = _fetchcustomercartQue79.data) === null || _fetchcustomercartQue80 === void 0 ? void 0 : _fetchcustomercartQue80.customercart.countryid.length) != 0) {
-        var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
-
-        tempFetchTabexStatesPayloadobjContext.functype = 'cities';
-        tempFetchTabexStatesPayloadobjContext.state_id = option.id;
-        setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
-        cartinfoupdater('stateid', option.id);
-      } else {
-        NotificationManager.warning('', 'Please Choose Country Or State');
-      }
-    },
-    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosestategov,
-    isSearchable: true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
-  }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-100"
-  }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
-    color: "black",
-    width: "20px",
-    height: "20px",
-    duration: "1s"
-  })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
-    options: fetchTabexCitiesQueryContext.data.data.cities,
-    getOptionLabel: function getOptionLabel(option) {
-      return option.name;
-    },
-    getOptionValue: function getOptionValue(option) {
-      return option.id;
-    },
-    value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
-      var _fetchcustomercartQue81, _fetchcustomercartQue82;
-
-      return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : (_fetchcustomercartQue82 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue82 === void 0 ? void 0 : _fetchcustomercartQue82.customercart.cityid);
-    }),
-    onChange: function onChange(option) {
-      cartinfoupdater('cityid', option.id);
-    },
-    styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
-    placeholder: lang.choosecity,
-    isSearchable: true
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.shippingaddress), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
-    type: 'text',
-    className: "".concat(formstyles.form_control),
-    value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue83 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue83 === void 0 ? void 0 : (_fetchcustomercartQue84 = _fetchcustomercartQue83.data) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.customercart.address,
-    onChange: function onChange(event) {
-      cartinfoupdater('address', event.target.value);
-    },
-    style: {
-      resize: 'none',
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px',
-      boxShadow: 'none'
-    }
-  }))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 w-100"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      background: sectionproperties.payment_sectionbgcolor,
-      borderRadius: sectionproperties.payment_borderradius + 'px',
-      border: sectionproperties.payment_borderwidth + 'px solid ' + sectionproperties.payment_sectionbordercolor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 pl-3 pr-3 pt-2"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
-  }, lang.paymentmethod)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("hr", {
-    className: "mt-2 mb-2"
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "row m-0 w-100 mb-3 pl-3 pr-3"
-  }, authdetailsContext.instinfo.acceptCOD == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated) + ' d-flex mb-0 ',
-    "for": "codcheckbox"
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    id: 'codcheckbox',
-    type: "checkbox",
-    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 ? void 0 : (_fetchcustomercartQue86 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.customercart.paymentmethod) == 'cod' ? true : false,
-    onChange: function onChange() {
-      var _fetchcustomercartQue87, _fetchcustomercartQue88;
-
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 ? void 0 : (_fetchcustomercartQue88 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.paymentmethod) != 'cod') {
-        cartinfoupdater('paymentmethod', 'cod');
-      }
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("svg", {
-    viewBox: "0 0 21 21",
-    className: checkoutstyles.svgstyles + ' h-100 '
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
-  })), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
-    style: {}
-  }, lang.cod))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "checkbox",
-    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 ? void 0 : (_fetchcustomercartQue90 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'cardondelivery' ? true : false,
-    onChange: function onChange() {
-      var _fetchcustomercartQue91, _fetchcustomercartQue92;
-
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue91 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue91 === void 0 ? void 0 : (_fetchcustomercartQue92 = _fetchcustomercartQue91.data) === null || _fetchcustomercartQue92 === void 0 ? void 0 : _fetchcustomercartQue92.customercart.paymentmethod) != 'cardondelivery') {
-        cartinfoupdater('paymentmethod', 'cardondelivery');
-      }
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("svg", {
-    viewBox: "0 0 21 21",
-    className: checkoutstyles.svgstyles + ' h-100 '
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
-  })), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, " ", lang.cardondelivery))), authdetailsContext.instinfo.acceptOnlineCardPayment == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-xl-4 col-lg-4 col-md-12 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
-  }, /*#__PURE__*/React__default["default"].createElement("input", {
-    type: "checkbox",
-    className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
-    checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue93 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue93 === void 0 ? void 0 : (_fetchcustomercartQue94 = _fetchcustomercartQue93.data) === null || _fetchcustomercartQue94 === void 0 ? void 0 : _fetchcustomercartQue94.customercart.paymentmethod) == 'onlinepayment' ? true : false,
-    onChange: function onChange() {
-      var _fetchcustomercartQue95, _fetchcustomercartQue96;
-
-      if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue95 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue95 === void 0 ? void 0 : (_fetchcustomercartQue96 = _fetchcustomercartQue95.data) === null || _fetchcustomercartQue96 === void 0 ? void 0 : _fetchcustomercartQue96.customercart.paymentmethod) != 'onlinepayment') {
-        cartinfoupdater('paymentmethod', 'onlinepayment');
-      }
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("svg", {
-    viewBox: "0 0 21 21",
-    className: checkoutstyles.svgstyles + ' h-100 '
-  }, /*#__PURE__*/React__default["default"].createElement("path", {
-    d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
-  })), /*#__PURE__*/React__default["default"].createElement("p", {
-    className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
-  }, " ", lang.onlinepayment)))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue97 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue97 === void 0 ? void 0 : (_fetchcustomercartQue98 = _fetchcustomercartQue97.data) === null || _fetchcustomercartQue98 === void 0 ? void 0 : _fetchcustomercartQue98.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0 w-100 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    style: {
-      background: sectionproperties.payment_sectionbgcolor,
-      borderRadius: sectionproperties.payment_borderradius + 'px',
-      borderColor: sectionproperties.payment_sectionbordercolor
-    }
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 pl-3 pr-3 pt-2"
-  }, /*#__PURE__*/React__default["default"].createElement("p", {
-    className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
-  }, lang.paymentcardinformation)), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 p-0"
-  }, /*#__PURE__*/React__default["default"].createElement("hr", {
-    className: "mt-2 mb-2"
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-100 row m-0 pl-3 pr-3 pt-2 pb-2"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.cardnumber), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: formstyles.form_controlcheckout,
-    type: "text",
-    textplaceholder: "",
-    onChange: function onChange(event) {},
-    style: {
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px'
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "w-100 row m-0"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.year), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: formstyles.form_controlcheckout,
-    type: "text",
-    textplaceholder: "",
-    onChange: function onChange(event) {},
-    style: {
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px'
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 col-sm-12  p-sm-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.month), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: formstyles.form_controlcheckout,
-    type: "text",
-    textplaceholder: "",
-    onChange: function onChange(event) {},
-    style: {
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px'
-    }
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-4 col-md-12 col-sm-12  p-sm-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.cvv), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: formstyles.form_controlcheckout,
-    type: "text",
-    textplaceholder: "",
-    onChange: function onChange(event) {},
-    style: {
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px'
-    }
-  }))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0 mb-3"
-  }, /*#__PURE__*/React__default["default"].createElement("label", {
-    className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
-  }, lang.nameoncard), /*#__PURE__*/React__default["default"].createElement("input", {
-    className: formstyles.form_controlcheckout,
-    type: "text",
-    textplaceholder: "",
-    onChange: function onChange(event) {},
-    style: {
-      fontWeight: sectionproperties.inputtextfontweight,
-      background: sectionproperties.input_bgcolor,
-      color: sectionproperties.inputfieldcolor,
-      fontSize: sectionproperties.inputfieldfontsize + 'px',
-      borderRadius: sectionproperties.inputfieldborderradius + 'px'
-    }
-  })))))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
-  }, Mycart()))));
+  }, "adsdss");
 };
 
 var css_248z$s = ".tabs-module_tabs__36dMY {\n    position: relative;\n    height: auto;\n    display: flex;\n    width: 100% !important;\n    flex-direction: column;\n    word-wrap: break-word;\n}\n.tabs-module_tabs__36dMY input[name='tab-control'] {\n    display: none;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n    list-style-type: none;\n    padding-left: 0;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 30%; */\n    height: 100%;\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    box-sizing: border-box;\n    flex: 1;\n    display: inline-block;\n    width: 100% !important;\n    text-align: left;\n    /* border-right: 1px solid #ccc; */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    font-size: 16px;\n    font-weight: 500;\n    transition: all 0.3s ease-in-out;\n    padding: 10px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    display: block;\n    cursor: pointer;\n    transition: all 0.2s ease-in-out;\n    white-space: nowrap;\n    /* color: var(--light2); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label:hover {\n    outline: 0;\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label.tabs-module_active__6wLfI {\n    /* border-right: 5px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(1):checked ~ ul li:nth-child(1) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(2):checked ~ ul li:nth-child(2) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(3):checked ~ ul li:nth-child(3) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n.tabs-module_tabs__36dMY input[name='tab-control']:nth-of-type(4):checked ~ ul li:nth-child(4) label {\n    cursor: default;\n    background: white;\n    /* border-top: 3px solid var(--secondary); */\n}\n@media screen and (max-width: 800px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy {\n        width: 100%;\n        display: block;\n        white-space: nowrap;\n        position: relative;\n        overflow-x: scroll;\n        overflow-y: hidden;\n        -webkit-overflow-scrolling: touch;\n    }\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 50% !important;\n        float: none;\n        display: inline-block;\n        zoom: 1;\n        border-right: 0 !important;\n    }\n    label:hover {\n        border-right: 0 !important;\n        border-top: 3px solid !important;\n    }\n}\n@media (max-width: 576px) {\n    .tabs-module_tabs__36dMY .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n        width: 100% !important;\n    }\n}\n\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy {\n    flex-direction: row !important;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 {\n    /* border-top: 5px solid #fff; */\n    margin: 0 5px;\n}\n.tabs-module_policiestabs__nopXD .tabs-module_tabsul__wNZqy .tabs-module_tabsli__-uR10 label {\n    padding: 0 !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n}\n";