tabexseriescomponents 0.0.39 → 0.0.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/dist/index.cjs.js +671 -1173
  2. package/dist/index.esm.js +673 -1173
  3. package/dist/index.umd.js +670 -1172
  4. package/package.json +1 -1
package/dist/index.umd.js CHANGED
@@ -1,8 +1,8 @@
1
1
  (function (global, factory) {
2
2
  typeof exports === 'object' && typeof module !== 'undefined' ? module.exports = factory(require('@babel/runtime/helpers/slicedToArray'), require('react'), require('@babel/runtime/helpers/classCallCheck'), require('@babel/runtime/helpers/createClass'), require('@babel/runtime/helpers/assertThisInitialized'), require('@babel/runtime/helpers/inherits'), require('@babel/runtime/helpers/possibleConstructorReturn'), require('@babel/runtime/helpers/getPrototypeOf'), require('@babel/runtime/helpers/defineProperty'), require('universal-cookie'), require('react-icons/ai'), require('react-cssfx-loading'), require('glamor'), require('@react-oauth/google'), require('jwt-decode'), require('react-facebook-login/dist/facebook-login-render-props'), require('react-icons/fa'), require('@babel/runtime/helpers/toConsumableArray'), require('react-bootstrap'), require('react-icons/io5'), require('imagekitio-react'), require('react-icons/hi'), require('react-icons/go'), require('react-icons/bs'), require('react-icons/fi'), require('react-icons/md'), require('react-icons/io'), require('react-icons/cg'), require('react-textarea-autosize'), require('react-select'), require('react-icons/gr'), require('react-accessible-accordion'), require('react-bootstrap/Dropdown'), require('react-intersection-observer'), require('axios'), require('react-horizontal-scrolling-menu'), require('react-background-slideshow'), require('react-slideshow-image'), require('@babel/runtime/helpers/extends'), require('react-router-dom'), require('react-icons/bi'), require('react-icons/ri'), require('react-notifications')) :
3
3
  typeof define === 'function' && define.amd ? define(['@babel/runtime/helpers/slicedToArray', 'react', '@babel/runtime/helpers/classCallCheck', '@babel/runtime/helpers/createClass', '@babel/runtime/helpers/assertThisInitialized', '@babel/runtime/helpers/inherits', '@babel/runtime/helpers/possibleConstructorReturn', '@babel/runtime/helpers/getPrototypeOf', '@babel/runtime/helpers/defineProperty', 'universal-cookie', 'react-icons/ai', 'react-cssfx-loading', 'glamor', '@react-oauth/google', 'jwt-decode', 'react-facebook-login/dist/facebook-login-render-props', 'react-icons/fa', '@babel/runtime/helpers/toConsumableArray', 'react-bootstrap', 'react-icons/io5', 'imagekitio-react', 'react-icons/hi', 'react-icons/go', 'react-icons/bs', 'react-icons/fi', 'react-icons/md', 'react-icons/io', 'react-icons/cg', 'react-textarea-autosize', 'react-select', 'react-icons/gr', 'react-accessible-accordion', 'react-bootstrap/Dropdown', 'react-intersection-observer', 'axios', 'react-horizontal-scrolling-menu', 'react-background-slideshow', 'react-slideshow-image', '@babel/runtime/helpers/extends', 'react-router-dom', 'react-icons/bi', 'react-icons/ri', 'react-notifications'], factory) :
4
- (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global._toConsumableArray, global.reactBootstrap, global.io5, global.imagekitioReact, global.hi, global.go, global.bs, global.fi, global.md, global.io, global.cg, global.TextareaAutosize, global.Select, global.gr, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu, global.BackgroundSlideshow, global.reactSlideshowImage, global._extends, global.reactRouterDom, global.bi, global.ri));
5
- })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, _toConsumableArray, reactBootstrap, io5, imagekitioReact, hi, go, bs, fi, md, io, cg, TextareaAutosize, Select, gr, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, axios, reactHorizontalScrollingMenu, BackgroundSlideshow, reactSlideshowImage, _extends, reactRouterDom, bi, ri) { 'use strict';
4
+ (global = typeof globalThis !== 'undefined' ? globalThis : global || self, global.tabexseriescomponents = factory(global._slicedToArray, global.React, global._classCallCheck, global._createClass, global._assertThisInitialized, global._inherits, global._possibleConstructorReturn, global._getPrototypeOf, global._defineProperty, global.Cookies, global.ai, global.reactCssfxLoading, global.glamor, global.google, global.jwtDecode, global.FacebookLogin, global.fa, global._toConsumableArray, global.reactBootstrap, global.io5, global.imagekitioReact, global.hi, global.go, global.bs, global.fi, global.md, global.io, global.cg, null, null, null, global.reactAccessibleAccordion, global.Dropdown, global.reactIntersectionObserver, null, global.reactHorizontalScrollingMenu, global.BackgroundSlideshow, global.reactSlideshowImage, global._extends, global.reactRouterDom, global.bi, global.ri));
5
+ })(this, (function (_slicedToArray, React, _classCallCheck, _createClass, _assertThisInitialized, _inherits, _possibleConstructorReturn, _getPrototypeOf, _defineProperty, Cookies, ai, reactCssfxLoading, glamor, google, jwtDecode, FacebookLogin, fa, _toConsumableArray, reactBootstrap, io5, imagekitioReact, hi, go, bs, fi, md, io, cg, reactTextareaAutosize, reactSelect, gr, reactAccessibleAccordion, Dropdown, reactIntersectionObserver, axios, reactHorizontalScrollingMenu, BackgroundSlideshow, reactSlideshowImage, _extends, reactRouterDom, bi, ri) { 'use strict';
6
6
 
7
7
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
8
8
 
@@ -19,8 +19,6 @@
19
19
  var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
20
20
  var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
21
21
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
22
- var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
23
- var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
24
22
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
25
23
  var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
26
24
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -445,9 +443,9 @@
445
443
  }));
446
444
  };
447
445
 
448
- 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; }
446
+ 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; }
449
447
 
450
- 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; }
448
+ 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; }
451
449
 
452
450
  var Login = function Login(props) {
453
451
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -493,7 +491,7 @@
493
491
  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) {
494
492
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
495
493
  });
496
- setsectionproperties(_objectSpread$17({}, secpropobj));
494
+ setsectionproperties(_objectSpread$15({}, secpropobj));
497
495
  }
498
496
  }, [StatePagePropertiesContext]);
499
497
 
@@ -607,10 +605,10 @@
607
605
  className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
608
606
  value: payloadobj.email,
609
607
  onChange: function onChange(event) {
610
- var temppayloadobj = _objectSpread$17({}, payloadobj);
608
+ var temppayloadobj = _objectSpread$15({}, payloadobj);
611
609
 
612
610
  temppayloadobj.email = event.target.value;
613
- setpayloadobj(_objectSpread$17({}, temppayloadobj));
611
+ setpayloadobj(_objectSpread$15({}, temppayloadobj));
614
612
  }
615
613
  }), /*#__PURE__*/React__default["default"].createElement("span", {
616
614
  className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -628,10 +626,10 @@
628
626
  textplaceholder: "",
629
627
  value: payloadobj.password,
630
628
  onChange: function onChange(event) {
631
- var temppayloadobj = _objectSpread$17({}, payloadobj);
629
+ var temppayloadobj = _objectSpread$15({}, payloadobj);
632
630
 
633
631
  temppayloadobj.password = event.target.value;
634
- setpayloadobj(_objectSpread$17({}, temppayloadobj));
632
+ setpayloadobj(_objectSpread$15({}, temppayloadobj));
635
633
  }
636
634
  }), /*#__PURE__*/React__default["default"].createElement("span", {
637
635
  className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -754,9 +752,9 @@
754
752
  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"};
755
753
  styleInject(css_248z$v);
756
754
 
757
- 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; }
755
+ 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; }
758
756
 
759
- 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; }
757
+ 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; }
760
758
  // import { useMutation, useQuery, useQueryClient } from 'react-query';
761
759
  // import { useHistory, Link } from 'react-router-dom';
762
760
  // import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
@@ -864,7 +862,7 @@
864
862
  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) {
865
863
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
866
864
  });
867
- setsectionproperties(_objectSpread$16({}, secpropobj));
865
+ setsectionproperties(_objectSpread$14({}, secpropobj));
868
866
  setnavigationstyle('Upper Navigation'); // }
869
867
  // }
870
868
  }, [CurrentPageId]);
@@ -1020,9 +1018,9 @@
1020
1018
  }))))));
1021
1019
  };
1022
1020
 
1023
- 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; }
1021
+ 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; }
1024
1022
 
1025
- 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; }
1023
+ 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; }
1026
1024
 
1027
1025
  var Ordershistory = function Ordershistory(props) {
1028
1026
  var _bgimagesarray$, _bgimagesarray$2;
@@ -1067,10 +1065,10 @@
1067
1065
 
1068
1066
  React.useEffect(function () {
1069
1067
  if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
1070
- var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
1068
+ var tempFetchQueriesEngineContext = _objectSpread$13({}, FetchQueriesEngineContext);
1071
1069
 
1072
1070
  tempFetchQueriesEngineContext.orderhistory = true;
1073
- setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
1071
+ setFetchQueriesEngineContext(_objectSpread$13({}, tempFetchQueriesEngineContext));
1074
1072
  } else {
1075
1073
  routingcountext('');
1076
1074
  }
@@ -1096,7 +1094,7 @@
1096
1094
  StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
1097
1095
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1098
1096
  });
1099
- setsectionproperties(_objectSpread$15({}, secpropobj));
1097
+ setsectionproperties(_objectSpread$13({}, secpropobj));
1100
1098
  }
1101
1099
  }, [StatePagePropertiesContext]);
1102
1100
  var orderhistory_cssstyles = {
@@ -1880,9 +1878,9 @@
1880
1878
  var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
1881
1879
  styleInject(css_248z$u);
1882
1880
 
1883
- 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; }
1881
+ 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; }
1884
1882
 
1885
- 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; }
1883
+ 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; }
1886
1884
 
1887
1885
  var Wishlist = function Wishlist(props) {
1888
1886
  var _bgimagesarray$, _bgimagesarray$2;
@@ -1919,7 +1917,7 @@
1919
1917
  StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
1920
1918
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1921
1919
  });
1922
- setsectionproperties(_objectSpread$14({}, secpropobj));
1920
+ setsectionproperties(_objectSpread$12({}, secpropobj));
1923
1921
  }
1924
1922
  }, [StatePagePropertiesContext]);
1925
1923
 
@@ -1929,10 +1927,10 @@
1929
1927
  _useState2[1];
1930
1928
 
1931
1929
  React.useEffect(function () {
1932
- var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
1930
+ var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
1933
1931
 
1934
1932
  tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
1935
- setFetchQueriesEngineContext(_objectSpread$14({}, tempFetchQueriesEngineContext));
1933
+ setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
1936
1934
  }, []);
1937
1935
 
1938
1936
  var _useState3 = React.useState(''),
@@ -1964,7 +1962,7 @@
1964
1962
  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) {
1965
1963
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1966
1964
  });
1967
- setsectionproperties(_objectSpread$14({}, secpropobj));
1965
+ setsectionproperties(_objectSpread$12({}, secpropobj));
1968
1966
  }
1969
1967
  }, [StatePagePropertiesContext]);
1970
1968
  var wishlist_cssstyles = {
@@ -2400,1158 +2398,658 @@
2400
2398
  };
2401
2399
 
2402
2400
  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";
2403
- 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-"};
2404
2401
  styleInject(css_248z$t);
2405
2402
 
2406
- 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; }
2407
-
2408
- 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; }
2409
- var defaultstyles = {
2410
- option: function option(provided, state) {
2411
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2412
- borderBottom: '1px solid #e6e6e6',
2413
- backgroundColor: state.isSelected ? '' : '',
2414
- padding: 5,
2415
- textTransform: 'capitalize',
2416
- color: state.isSelected ? '#eac435' : '#022648',
2417
- transition: '.3s',
2418
- '&:hover': {
2419
- // color: '#eac435',
2420
- cursor: 'pointer'
2421
- }
2422
- });
2423
- },
2424
- control: function control() {
2425
- return {
2426
- borderBottom: '1px solid #ccc',
2427
- backgroundColor: 'white',
2428
- display: 'flex',
2429
- cursor: 'pointer',
2430
- padding: 0,
2431
- transition: '.3s',
2432
- '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
2433
- // borderRadius: '10px',
2434
- }
2435
- };
2436
- },
2437
- dropdownIndicator: function dropdownIndicator(provided) {
2438
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2439
- '&:hover': {// color: '#eac435',
2440
- }
2441
- });
2442
- }
2443
- };
2444
- var defaultstylestranslated = {
2445
- option: function option(provided, state) {
2446
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2447
- borderBottom: '1px solid #e6e6e6',
2448
- backgroundColor: state.isSelected ? '' : '',
2449
- padding: 5,
2450
- textTransform: 'capitalize',
2451
- // color: state.isSelected ? '#eac435' : '#022648',
2452
- transition: '.3s',
2453
- textAlign: 'right',
2454
- '&:hover': {
2455
- // color: '#eac435',
2456
- cursor: 'pointer'
2457
- }
2458
- });
2459
- },
2460
- control: function control() {
2461
- return {
2462
- borderBottom: '1px solid #ccc',
2463
- backgroundColor: 'white',
2464
- display: 'flex',
2465
- cursor: 'pointer',
2466
- padding: 0,
2467
- transition: '.3s',
2468
- textAlign: 'right',
2469
- '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
2470
- // borderRadius: '10px',
2471
- }
2472
- };
2473
- },
2474
- dropdownIndicator: function dropdownIndicator(provided) {
2475
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2476
- '&:hover': {// color: '#eac435',
2477
- }
2478
- });
2479
- },
2480
- placeholder: function placeholder(provided, state) {
2481
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2482
- textAlign: 'right'
2483
- });
2484
- }
2485
- };
2486
-
2487
- 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; }
2488
-
2489
- 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; }
2490
-
2491
2403
  var Checkout = function Checkout(props) {
2492
- var _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue89, _fetchcustomercartQue90, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue97, _fetchcustomercartQue98;
2493
-
2494
- var _useState = React.useState(null),
2495
- _useState2 = _slicedToArray__default["default"](_useState, 2),
2496
- timer = _useState2[0],
2497
- settimer = _useState2[1];
2498
-
2499
- var langdetect = props.actions.langdetect;
2500
- var lang = props.actions.lang;
2501
- var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
2502
- var routingcountext = props.actions.routingcountext;
2503
- var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
2504
- var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
2505
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2506
- var templatepropcontext = props.actions.templatepropcontext;
2507
- var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
2508
- var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
2509
- var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
2510
- var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
2511
- var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
2512
- var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
2513
- var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
2514
- var ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
2515
- var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
2516
- var AddOrderMutationContext = props.actions.AddOrderMutationContext;
2517
- props.actions.fetchAuthorizationQueryContext;
2518
- var authdetailsContext = props.actions.authdetailsContext;
2519
- var NotificationManager = props.actions.NotificationManager;
2520
- var queryClient = props.actions.queryClient;
2521
-
2522
- var _useState3 = React.useState(''),
2523
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
2524
- sectionproperties = _useState4[0],
2525
- setsectionproperties = _useState4[1];
2526
-
2527
- var _useState5 = React.useState(''),
2528
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
2529
- CurrentPageId = _useState6[0],
2530
- setCurrentPageId = _useState6[1];
2531
-
2532
- React.useEffect(function () {
2533
- var _templatepropcontext$;
2534
-
2535
- var cartindex = templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
2536
- return x.staticpageid == '6218bccb82af8';
2537
- });
2538
-
2539
- if (cartindex >= 0) {
2540
- setCurrentPageId(cartindex);
2541
- }
2542
- }, []);
2543
- React.useEffect(function () {
2544
- var _templatepropcontext$2, _templatepropcontext$3;
2545
-
2546
- var secpropobj = {};
2547
- 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) {
2548
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2549
- });
2550
- setsectionproperties(_objectSpread$12({}, secpropobj));
2551
- }, [CurrentPageId]);
2552
- React.useEffect(function () {
2553
- if (CurrentSrcTypeContext == 'workplace') {
2554
- if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
2555
- var _StatePagePropertiesC, _StatePagePropertiesC2;
2556
-
2557
- var secpropobj = {};
2558
- 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) {
2559
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2560
- });
2561
- setsectionproperties(_objectSpread$12({}, secpropobj));
2562
- }
2563
- }
2564
- }, [StatePagePropertiesContext]);
2565
- React.useEffect(function () {
2566
- var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
2567
-
2568
- // if (authdetailsContext.loggedin == true) {
2569
- var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
2570
-
2571
- tempFetchQueriesEngineContext.fetchtabexcountries = true;
2572
- setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
2573
-
2574
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
2575
-
2576
- if ( // Aya
2577
- !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
2578
- (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) {
2579
- var _fetchcustomercartQue7, _fetchcustomercartQue8;
2580
-
2581
- 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;
2582
- }
2583
-
2584
- if ( // aya
2585
- !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
2586
- (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) {
2587
- var _fetchcustomercartQue15, _fetchcustomercartQue16;
2588
-
2589
- 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;
2590
- }
2591
-
2592
- setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext)); // } else {
2593
- // routingcountext('');
2594
- // }
2595
- }, []);
2596
-
2597
- var cartinfoupdater = function cartinfoupdater(key, value) {
2598
- var _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
2599
-
2600
- var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2601
- cartarr.data.customercart[key] = value;
2602
- queryClient.setQueryData('fetchcustomercart_API', cartarr);
2603
- var payloadobj = {
2604
- 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,
2605
- 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,
2606
- 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,
2607
- 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,
2608
- 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,
2609
- 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,
2610
- 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,
2611
- 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
2612
- };
2613
-
2614
- if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
2615
- clearTimeout(timer);
2616
- settimer(setTimeout(function () {
2617
- ChooseState_CountryMutationContext.mutate(payloadobj);
2618
- }, 1500));
2619
- } else {
2620
- ChooseState_CountryMutationContext.mutate(payloadobj);
2621
- }
2622
- };
2623
-
2624
- var checkoutstyles = _defineProperty__default["default"]({
2625
- Salepricestyless: glamor.css({
2626
- fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2627
- fontWeight: sectionproperties.prodsalePriceFontWeight,
2628
- color: sectionproperties.prodsalePriceColor,
2629
- show: sectionproperties.prodsalePriceshow,
2630
- transition: '.3s'
2631
- }),
2632
- userinfo_iconcont: glamor.css({
2633
- width: sectionproperties.userinfo_iconwidth + 'px',
2634
- height: sectionproperties.userinfo_iconheight + 'px',
2635
- background: sectionproperties.userinfo_iconbg,
2636
- borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
2637
- color: sectionproperties.userinfo_iconcolor
2638
- }),
2639
- userinfotextstyles: glamor.css({
2640
- color: sectionproperties.userinfo_color,
2641
- fontWeight: sectionproperties.userinfo_fontweight,
2642
- fontSize: sectionproperties.userinfo_fontsize + 'px'
2643
- }),
2644
- input_label_name: glamor.css({
2645
- color: sectionproperties.form_labelcolor,
2646
- textTransform: sectionproperties.form_labeltexttransform,
2647
- fontWeight: sectionproperties.form_labelfontweight,
2648
- fontSize: sectionproperties.form_labelfontsize + 'px'
2649
- }),
2650
- checkbox: glamor.css({
2651
- color: sectionproperties.checkbox_color,
2652
- textTransform: sectionproperties.form_labeltexttransform,
2653
- fontWeight: sectionproperties.form_labelfontweight,
2654
- fontSize: sectionproperties.form_labelfontsize + 'px',
2655
- transition: '.3s',
2656
- ':hover': {
2657
- color: sectionproperties.checkbox_texthovercolor
2658
- },
2659
- 'input:checked': {
2660
- color: sectionproperties.checkbox_checkedcolor
2661
- }
2662
- }),
2663
- checkboxinputstyles: glamor.css({
2664
- ':hover:not(:checked)': {
2665
- boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor
2666
- },
2667
- ':checked': {
2668
- boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor
2669
- }
2670
- }),
2671
- svgstyles: glamor.css({
2672
- stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
2673
- }),
2674
- innersectiontitlestyles: glamor.css({
2675
- color: sectionproperties.innersection_titlecolor,
2676
- fontSize: sectionproperties.innersection_titlefontsize + 'px',
2677
- fontWeight: sectionproperties.innersection_titlefontweight,
2678
- textTransform: sectionproperties.innersection_titletextTransform
2679
- }),
2680
- summarysectionstyles: glamor.css({
2681
- fontSize: sectionproperties.summary_fontsize + 'px',
2682
- color: sectionproperties.summary_textcolor,
2683
- fontWeight: sectionproperties.summary_textfontweight,
2684
- textTransform: sectionproperties.summary_texttransform,
2685
- textAlign: langdetect == 'en' ? 'left' : 'right'
2686
- }),
2687
- checkoutbtnstyles: glamor.css({
2688
- background: sectionproperties.checkoutBtnbgColor,
2689
- width: sectionproperties.checkoutBtnWidth,
2690
- height: sectionproperties.checkoutBtnHeight,
2691
- borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
2692
- color: sectionproperties.checkoutBtnTextcolor,
2693
- textTransform: sectionproperties.checkoutBtnTexttransform,
2694
- fontWeight: sectionproperties.checkoutBtnTextfontweight,
2695
- fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
2696
- border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
2697
- transition: '.3s',
2698
- ':hover': {
2699
- background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
2700
- color: sectionproperties.checkoutBtnTextcoloronhover
2701
- }
2702
- }),
2703
- productNameStyles: glamor.css({
2704
- color: sectionproperties.prodNameColor,
2705
- fontSize: sectionproperties.prodNameFontSize + 'px',
2706
- textTransform: sectionproperties.prodNameTextTranform,
2707
- fontWeight: sectionproperties.prodNameFontWeight
2708
- }),
2709
- productPricestyles: glamor.css({
2710
- color: sectionproperties.prodPriceColor,
2711
- fontSize: sectionproperties.prodpriceFontSize + 'px',
2712
- fontWeight: sectionproperties.prodPriceFontWeight
2713
- }),
2714
- productSalePricestyles: glamor.css({
2715
- color: sectionproperties.prodsalePriceColor,
2716
- fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2717
- fontWeight: sectionproperties.prodsalePriceFontWeight
2718
- }),
2719
- imagecont: glamor.css({
2720
- width: '8vh',
2721
- height: '8vh',
2722
- border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2723
- backgroundColor: sectionproperties.prodimage_bgcolor,
2724
- borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
2725
- borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
2726
- borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
2727
- borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
2728
- display: 'flex',
2729
- alignItems: 'center',
2730
- justifyContent: 'center',
2731
- backgroundRepeat: 'no-repeat',
2732
- backgroundSize: 'cover',
2733
- backgroundPosition: 'center',
2734
- position: 'relative'
2735
- }),
2736
- applybtnstyles: glamor.css({
2737
- width: sectionproperties.applybtn_width + 'px',
2738
- height: sectionproperties.applybtn_height + 'px',
2739
- borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
2740
- textTransform: sectionproperties.applybtn_texttransform,
2741
- fontSize: sectionproperties.applybtn_fontsize + 'px',
2742
- color: sectionproperties.applybtn_textColor,
2743
- fontWeight: sectionproperties.applybtn_Textfontweight,
2744
- background: sectionproperties.applybtn_bgColor,
2745
- border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
2746
- transition: '.3s',
2747
- ':hover': {
2748
- background: sectionproperties.applybtn_bgColoronhover,
2749
- color: sectionproperties.applybtn_Textcoloronhover
2750
- }
2751
- }),
2752
- inputfiledstyles: glamor.css({}),
2753
- checkorderbtnstyles: glamor.css({
2754
- background: sectionproperties.generalbtn_bgColor,
2755
- width: sectionproperties.generalbtn_width,
2756
- height: sectionproperties.generalbtn_height,
2757
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2758
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2759
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2760
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2761
- color: sectionproperties.generalbtn_textColor,
2762
- textTransform: sectionproperties.generalbtn_texttransform,
2763
- fontWeight: sectionproperties.generalbtn_fontweight,
2764
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
2765
- border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
2766
- transition: '.3s',
2767
- ':hover': {
2768
- background: sectionproperties.generalbtn_bgColoronhover,
2769
- color: sectionproperties.generalbtn_textColoronhover
2770
- }
2771
- })
2772
- }, "input_label_name", glamor.css({
2773
- color: sectionproperties.form_labelcolor,
2774
- textTransform: sectionproperties.form_labeltexttransform,
2775
- fontWeight: sectionproperties.form_labelfontweight,
2776
- fontSize: sectionproperties.form_labelfontsize + 'px'
2777
- }));
2778
-
2779
- var Mycart = function Mycart() {
2780
- 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;
2781
-
2782
- return /*#__PURE__*/React__default["default"].createElement("div", {
2783
- className: "row m-0 w-100"
2784
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2785
- className: "col-lg-12 d-flex align-items-center p-0"
2786
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2787
- style: {
2788
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
2789
- color: sectionproperties.sectionTitleColor,
2790
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
2791
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
2792
- textTransform: sectionproperties.sectionTitleTextTransform,
2793
- fontWeight: sectionproperties.sectionTitleFontWeight
2794
- }
2795
- }, lang.mycart)), ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, null), !ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2796
- className: "row m-0 w-100"
2797
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2798
- className: "col-lg-12 p-0"
2799
- }, 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) {
2800
- return /*#__PURE__*/React__default["default"].createElement("div", {
2801
- 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',
2802
- style: {
2803
- background: sectionproperties.summary_sectionbgcolor,
2804
- borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
2805
- border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
2806
- }
2807
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2808
- className: "row m-0 w-100 d-flex"
2809
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2810
- className: "".concat(checkoutstyles.imagecont)
2811
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2812
- urlEndpoint: IKurlEndpoint,
2813
- publicKey: IKpublicKey,
2814
- path: item.productinfo.hasvariants == 0 ? '/tr:w-300,h-300/' + item.productinfo.productmainimage : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl,
2815
- style: {
2816
- width: '100%',
2817
- height: '100%',
2818
- objectFit: 'cover'
2819
- },
2820
- loading: "lazy"
2821
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2822
- className: "col-lg-7 col-md-7 col-sm-7"
2823
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2824
- className: "row m-0 w-100"
2825
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2826
- className: "col-lg-12 col-md-12 col-sm-12 p-0"
2827
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2828
- className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 d-flex justify-content-start '
2829
- }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2830
- className: "col-lg-12 p-0"
2831
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2832
- className: "m-0 p-0 font-weight-500 text-light d-flex justify-content-start"
2833
- }, lang.qty, ": ", item.quantity)), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
2834
- return /*#__PURE__*/React__default["default"].createElement("div", {
2835
- className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
2836
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2837
- className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
2838
- }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
2839
- className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
2840
- }, variantitem.optionvalue));
2841
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
2842
- className: "col-lg-3 col-md-3 col-sm-2 p-0"
2843
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2844
- className: "row m-0 w-100 h-100"
2845
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2846
- className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto"
2847
- }, item.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2848
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2849
- }, item.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2850
- className: "col-lg-12 p-0 d-flex justify-content-end"
2851
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2852
- className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2853
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), item.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2854
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2855
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2856
- className: "col-lg-12 p-0 d-flex justify-content-end"
2857
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2858
- className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2859
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultsaleprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
2860
- className: "col-lg-12 p-0 d-flex justify-content-end"
2861
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2862
- 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 '
2863
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), item.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2864
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2865
- }, item.productinfo.variantinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2866
- className: "col-lg-12 p-0 d-flex justify-content-end"
2867
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2868
- className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2869
- }, langdetect == 'en' ? 'EGP' : 'ج.م', " ", item.productinfo.variantinfo.variantprice)), item.productinfo.variantinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2870
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2871
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2872
- className: "col-lg-12 p-0 d-flex justify-content-end"
2873
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2874
- 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 '
2875
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
2876
- className: "col-lg-12 p-0 d-flex justify-content-end"
2877
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2878
- 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 '
2879
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantprice, " ", langdetect == 'en' ? '' : 'ج.م')))))))));
2880
- }), /*#__PURE__*/React__default["default"].createElement("div", {
2881
- className: ' row m-0 w-100 p-3',
2882
- style: {
2883
- background: sectionproperties.summary_sectionbgcolor,
2884
- borderRadius: sectionproperties.summary_sectionborderradius + 'px',
2885
- border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
2886
- }
2887
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2888
- className: "col-lg-12 p-0 mb-1"
2889
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2890
- className: "col-lg-12 p-0 mb-4"
2891
- }, /*#__PURE__*/React__default["default"].createElement("label", {
2892
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 p-0 mb-2 d-flex justify-content-start '
2893
- }, lang.doyouhavepromocode), /*#__PURE__*/React__default["default"].createElement("div", {
2894
- className: ' row m-0 w-100 d-flex justify-content-center align-items-center '
2895
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2896
- className: 'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'
2897
- }, /*#__PURE__*/React__default["default"].createElement("input", {
2898
- type: "text",
2899
- className: "".concat(formstyles.form_control),
2900
- style: {
2901
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
2902
- fontSize: sectionproperties.inputfieldfontsize + 'px',
2903
- color: sectionproperties.inputfieldcolor,
2904
- backgroundColor: sectionproperties.input_bgcolor
2905
- },
2906
- placeholder: lang.giftcarddicountcode,
2907
- 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,
2908
- onChange: function onChange(event) {
2909
- var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2910
- cartarr.data.customercart.couponname = event.target.value;
2911
- queryClient.setQueryData('fetchcustomercart_API', cartarr);
2912
- },
2913
- 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
2914
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2915
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
2916
- }, /*#__PURE__*/React__default["default"].createElement("button", {
2917
- className: " ".concat(checkoutstyles.applybtnstyles),
2918
- onClick: function onClick() {
2919
- var _fetchcustomercartQue39, _fetchcustomercartQue40;
2920
-
2921
- if (!(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists)) {
2922
- var _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44;
2923
-
2924
- var payloadobj = {
2925
- 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,
2926
- functype: 'add'
2927
- };
2928
-
2929
- 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) {
2930
- ApplyPromoCodeMutationContext.mutate(payloadobj);
2931
- } else {
2932
- NotificationManager.warning('', 'Please Type Promo Code');
2933
- }
2934
- } else {
2935
- var payloadobj = {
2936
- functype: 'delete'
2937
- };
2938
- ApplyPromoCodeMutationContext.mutate(payloadobj);
2939
- }
2940
- },
2941
- disabled: ApplyPromoCodeMutationContext.isLoading ? true : false
2942
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2943
- className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeOutButton) : "".concat(generalstyles.fadeInButton)
2944
- }, 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", {
2945
- 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 '
2946
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2947
- color: "#fff",
2948
- width: "20px",
2949
- height: "20px",
2950
- duration: "1s"
2951
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
2952
- className: "row m-0 w-100"
2953
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2954
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
2955
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2956
- className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
2957
- }, lang.subtotal)), /*#__PURE__*/React__default["default"].createElement("div", {
2958
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
2959
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2960
- className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
2961
- }, 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", {
2962
- className: "col-lg-12 p-0 mb-1"
2963
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2964
- className: "row m-0 w-100"
2965
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2966
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
2967
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2968
- className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '
2969
- }, lang.discount)), /*#__PURE__*/React__default["default"].createElement("div", {
2970
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
2971
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2972
- 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 '
2973
- }, (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", {
2974
- className: "col-lg-12 p-0"
2975
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2976
- className: "row m-0 w-100"
2977
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2978
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
2979
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2980
- className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
2981
- }, 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", {
2982
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
2983
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2984
- className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
2985
- }, 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", {
2986
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
2987
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2988
- className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
2989
- style: {
2990
- color: 'red'
2991
- }
2992
- }, lang.outofzone)))), /*#__PURE__*/React__default["default"].createElement("div", {
2993
- className: "col-lg-12 p-0"
2994
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
2995
- className: "mt-2 mb-2"
2996
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2997
- className: "col-lg-12 p-0"
2998
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2999
- className: "row m-0 w-100"
3000
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3001
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
3002
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3003
- className: "d-flex align-items-start",
3004
- style: {
3005
- fontSize: sectionproperties.total_fontsize + 'px',
3006
- fontWeight: sectionproperties.total_fontweight,
3007
- textTransform: sectionproperties.total_texttransform,
3008
- color: sectionproperties.total_color
3009
- }
3010
- }, lang.total)), /*#__PURE__*/React__default["default"].createElement("div", {
3011
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
3012
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3013
- className: "row m-0 w-100"
3014
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3015
- className: "col-lg-12 p-0 d-flex justify-content-end "
3016
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3017
- className: langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left ',
3018
- style: {
3019
- fontSize: sectionproperties.total_fontsize + 'px',
3020
- fontWeight: sectionproperties.total_fontweight,
3021
- textTransform: sectionproperties.total_texttransform,
3022
- color: sectionproperties.total_color
3023
- }
3024
- }, 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", {
3025
- className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
3026
- }, /*#__PURE__*/React__default["default"].createElement("button", {
3027
- className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
3028
- onClick: function onClick() {
3029
- var payloadobj = {};
3030
- AddOrderMutationContext.mutate(payloadobj);
3031
- },
3032
- disabled: AddOrderMutationContext.isLoading ? true : false
3033
- }, AddOrderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3034
- color: "#fff",
3035
- width: "20px",
3036
- height: "20px",
3037
- duration: "1s"
3038
- }), !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 : ''))))));
3039
- };
3040
-
2404
+ // const [timer, settimer] = useState(null);
2405
+ // const langdetect = props.actions.langdetect;
2406
+ // const lang = props.actions.lang;
2407
+ // const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
2408
+ // const routingcountext = props.actions.routingcountext;
2409
+ // const ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
2410
+ // const CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
2411
+ // const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2412
+ // const templatepropcontext = props.actions.templatepropcontext;
2413
+ // const fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
2414
+ // const FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
2415
+ // const setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
2416
+ // const fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
2417
+ // const fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
2418
+ // const FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
2419
+ // const setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
2420
+ // const ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
2421
+ // const fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
2422
+ // const AddOrderMutationContext = props.actions.AddOrderMutationContext;
2423
+ // const fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
2424
+ // const authdetailsContext = props.actions.authdetailsContext;
2425
+ // const NotificationManager = props.actions.NotificationManager;
2426
+ // const queryClient = props.actions.queryClient;
2427
+ // const [sectionproperties, setsectionproperties] = useState('');
2428
+ // const [CurrentPageId, setCurrentPageId] = useState('');
2429
+ // useEffect(() => {
2430
+ // var cartindex = templatepropcontext?.pagesnprop?.findIndex((x) => x.staticpageid == '6218bccb82af8');
2431
+ // if (cartindex >= 0) {
2432
+ // setCurrentPageId(cartindex);
2433
+ // }
2434
+ // }, []);
2435
+ // useEffect(() => {
2436
+ // var secpropobj = {};
2437
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
2438
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2439
+ // });
2440
+ // setsectionproperties({ ...secpropobj });
2441
+ // }, [CurrentPageId]);
2442
+ // useEffect(() => {
2443
+ // if (CurrentSrcTypeContext == 'workplace') {
2444
+ // if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
2445
+ // var secpropobj = {};
2446
+ // StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
2447
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2448
+ // });
2449
+ // setsectionproperties({ ...secpropobj });
2450
+ // }
2451
+ // }
2452
+ // }, [StatePagePropertiesContext]);
2453
+ // useEffect(() => {
2454
+ // // if (authdetailsContext.loggedin == true) {
2455
+ // var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
2456
+ // tempFetchQueriesEngineContext.fetchtabexcountries = true;
2457
+ // setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
2458
+ // var tempFetchTabexStatesPayloadobjContext = { ...FetchTabexStatesPayloadobjContext };
2459
+ // if (
2460
+ // // Aya
2461
+ // !fetchcustomercartQueryContext.isFetching &&
2462
+ // fetchcustomercartQueryContext.isSuccess &&
2463
+ // fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
2464
+ // fetchcustomercartQueryContext?.data?.data?.customercart.countryid != null &&
2465
+ // // End
2466
+ // fetchcustomercartQueryContext?.data?.data?.customercart.countryid.length != 0
2467
+ // ) {
2468
+ // tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext?.data?.data?.customercart.countryid;
2469
+ // }
2470
+ // if (
2471
+ // // aya
2472
+ // !fetchcustomercartQueryContext.isFetching &&
2473
+ // fetchcustomercartQueryContext.isSuccess &&
2474
+ // fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
2475
+ // fetchcustomercartQueryContext?.data?.data?.customercart.stateid != null &&
2476
+ // // end
2477
+ // fetchcustomercartQueryContext?.data?.data?.customercart.stateid.length != 0
2478
+ // ) {
2479
+ // tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext?.data?.data?.customercart.stateid;
2480
+ // }
2481
+ // setFetchTabexStatesPayloadobjContext({ ...tempFetchTabexStatesPayloadobjContext });
2482
+ // // } else {
2483
+ // // routingcountext('');
2484
+ // // }
2485
+ // }, []);
2486
+ // const cartinfoupdater = (key, value) => {
2487
+ // var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2488
+ // cartarr.data.customercart[key] = value;
2489
+ // queryClient.setQueryData('fetchcustomercart_API', cartarr);
2490
+ // var payloadobj = {
2491
+ // stateid: fetchcustomercartQueryContext?.data?.data?.customercart.stateid,
2492
+ // countryid: fetchcustomercartQueryContext?.data?.data?.customercart.countryid,
2493
+ // cityid: fetchcustomercartQueryContext?.data?.data?.customercart.cityid,
2494
+ // address: fetchcustomercartQueryContext?.data?.data?.customercart.address,
2495
+ // paymentmethod: fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod,
2496
+ // name: fetchcustomercartQueryContext?.data?.data?.customercart.name,
2497
+ // email: fetchcustomercartQueryContext?.data?.data?.customercart.email,
2498
+ // mobile: fetchcustomercartQueryContext?.data?.data?.customercart.mobile,
2499
+ // };
2500
+ // if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
2501
+ // clearTimeout(timer);
2502
+ // settimer(
2503
+ // setTimeout(() => {
2504
+ // ChooseState_CountryMutationContext.mutate(payloadobj);
2505
+ // }, 1500),
2506
+ // );
2507
+ // } else {
2508
+ // ChooseState_CountryMutationContext.mutate(payloadobj);
2509
+ // }
2510
+ // };
2511
+ // const checkoutstyles = {
2512
+ // Salepricestyless: css({
2513
+ // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2514
+ // fontWeight: sectionproperties.prodsalePriceFontWeight,
2515
+ // color: sectionproperties.prodsalePriceColor,
2516
+ // show: sectionproperties.prodsalePriceshow,
2517
+ // transition: '.3s',
2518
+ // }),
2519
+ // userinfo_iconcont: css({
2520
+ // width: sectionproperties.userinfo_iconwidth + 'px',
2521
+ // height: sectionproperties.userinfo_iconheight + 'px',
2522
+ // background: sectionproperties.userinfo_iconbg,
2523
+ // borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
2524
+ // color: sectionproperties.userinfo_iconcolor,
2525
+ // }),
2526
+ // userinfotextstyles: css({
2527
+ // color: sectionproperties.userinfo_color,
2528
+ // fontWeight: sectionproperties.userinfo_fontweight,
2529
+ // fontSize: sectionproperties.userinfo_fontsize + 'px',
2530
+ // }),
2531
+ // input_label_name: css({
2532
+ // color: sectionproperties.form_labelcolor,
2533
+ // textTransform: sectionproperties.form_labeltexttransform,
2534
+ // fontWeight: sectionproperties.form_labelfontweight,
2535
+ // fontSize: sectionproperties.form_labelfontsize + 'px',
2536
+ // }),
2537
+ // checkbox: css({
2538
+ // color: sectionproperties.checkbox_color,
2539
+ // textTransform: sectionproperties.form_labeltexttransform,
2540
+ // fontWeight: sectionproperties.form_labelfontweight,
2541
+ // fontSize: sectionproperties.form_labelfontsize + 'px',
2542
+ // transition: '.3s',
2543
+ // ':hover': {
2544
+ // color: sectionproperties.checkbox_texthovercolor,
2545
+ // },
2546
+ // 'input:checked': {
2547
+ // color: sectionproperties.checkbox_checkedcolor,
2548
+ // },
2549
+ // }),
2550
+ // checkboxinputstyles: css({
2551
+ // ':hover:not(:checked)': {
2552
+ // boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor,
2553
+ // },
2554
+ // ':checked': {
2555
+ // boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor,
2556
+ // },
2557
+ // }),
2558
+ // svgstyles: css({
2559
+ // stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')',
2560
+ // }),
2561
+ // innersectiontitlestyles: css({
2562
+ // color: sectionproperties.innersection_titlecolor,
2563
+ // fontSize: sectionproperties.innersection_titlefontsize + 'px',
2564
+ // fontWeight: sectionproperties.innersection_titlefontweight,
2565
+ // textTransform: sectionproperties.innersection_titletextTransform,
2566
+ // }),
2567
+ // summarysectionstyles: css({
2568
+ // fontSize: sectionproperties.summary_fontsize + 'px',
2569
+ // color: sectionproperties.summary_textcolor,
2570
+ // fontWeight: sectionproperties.summary_textfontweight,
2571
+ // textTransform: sectionproperties.summary_texttransform,
2572
+ // textAlign: langdetect == 'en' ? 'left' : 'right',
2573
+ // }),
2574
+ // checkoutbtnstyles: css({
2575
+ // background: sectionproperties.checkoutBtnbgColor,
2576
+ // width: sectionproperties.checkoutBtnWidth,
2577
+ // height: sectionproperties.checkoutBtnHeight,
2578
+ // borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
2579
+ // color: sectionproperties.checkoutBtnTextcolor,
2580
+ // textTransform: sectionproperties.checkoutBtnTexttransform,
2581
+ // fontWeight: sectionproperties.checkoutBtnTextfontweight,
2582
+ // fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
2583
+ // border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
2584
+ // transition: '.3s',
2585
+ // ':hover': {
2586
+ // background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
2587
+ // color: sectionproperties.checkoutBtnTextcoloronhover,
2588
+ // },
2589
+ // }),
2590
+ // productNameStyles: css({
2591
+ // color: sectionproperties.prodNameColor,
2592
+ // fontSize: sectionproperties.prodNameFontSize + 'px',
2593
+ // textTransform: sectionproperties.prodNameTextTranform,
2594
+ // fontWeight: sectionproperties.prodNameFontWeight,
2595
+ // }),
2596
+ // productPricestyles: css({
2597
+ // color: sectionproperties.prodPriceColor,
2598
+ // fontSize: sectionproperties.prodpriceFontSize + 'px',
2599
+ // fontWeight: sectionproperties.prodPriceFontWeight,
2600
+ // }),
2601
+ // productSalePricestyles: css({
2602
+ // color: sectionproperties.prodsalePriceColor,
2603
+ // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2604
+ // fontWeight: sectionproperties.prodsalePriceFontWeight,
2605
+ // }),
2606
+ // imagecont: css({
2607
+ // width: '8vh',
2608
+ // height: '8vh',
2609
+ // border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2610
+ // backgroundColor: sectionproperties.prodimage_bgcolor,
2611
+ // borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
2612
+ // borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
2613
+ // borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
2614
+ // borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
2615
+ // display: 'flex',
2616
+ // alignItems: 'center',
2617
+ // justifyContent: 'center',
2618
+ // backgroundRepeat: 'no-repeat',
2619
+ // backgroundSize: 'cover',
2620
+ // backgroundPosition: 'center',
2621
+ // position: 'relative',
2622
+ // }),
2623
+ // applybtnstyles: css({
2624
+ // width: sectionproperties.applybtn_width + 'px',
2625
+ // height: sectionproperties.applybtn_height + 'px',
2626
+ // borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
2627
+ // textTransform: sectionproperties.applybtn_texttransform,
2628
+ // fontSize: sectionproperties.applybtn_fontsize + 'px',
2629
+ // color: sectionproperties.applybtn_textColor,
2630
+ // fontWeight: sectionproperties.applybtn_Textfontweight,
2631
+ // background: sectionproperties.applybtn_bgColor,
2632
+ // border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
2633
+ // transition: '.3s',
2634
+ // ':hover': {
2635
+ // background: sectionproperties.applybtn_bgColoronhover,
2636
+ // color: sectionproperties.applybtn_Textcoloronhover,
2637
+ // },
2638
+ // }),
2639
+ // inputfiledstyles: css({}),
2640
+ // checkorderbtnstyles: css({
2641
+ // background: sectionproperties.generalbtn_bgColor,
2642
+ // width: sectionproperties.generalbtn_width,
2643
+ // height: sectionproperties.generalbtn_height,
2644
+ // borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2645
+ // borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2646
+ // borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2647
+ // borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2648
+ // color: sectionproperties.generalbtn_textColor,
2649
+ // textTransform: sectionproperties.generalbtn_texttransform,
2650
+ // fontWeight: sectionproperties.generalbtn_fontweight,
2651
+ // fontSize: sectionproperties.generalbtn_fontsize + 'px',
2652
+ // border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
2653
+ // transition: '.3s',
2654
+ // ':hover': {
2655
+ // background: sectionproperties.generalbtn_bgColoronhover,
2656
+ // color: sectionproperties.generalbtn_textColoronhover,
2657
+ // },
2658
+ // }),
2659
+ // input_label_name: css({
2660
+ // color: sectionproperties.form_labelcolor,
2661
+ // textTransform: sectionproperties.form_labeltexttransform,
2662
+ // fontWeight: sectionproperties.form_labelfontweight,
2663
+ // fontSize: sectionproperties.form_labelfontsize + 'px',
2664
+ // }),
2665
+ // };
2666
+ // const Mycart = () => {
2667
+ // return (
2668
+ // <div className="row m-0 w-100">
2669
+ // <div className="col-lg-12 d-flex align-items-center p-0">
2670
+ // <p
2671
+ // style={{
2672
+ // fontSize: sectionproperties.sectionTitleFontSize + 'px',
2673
+ // color: sectionproperties.sectionTitleColor,
2674
+ // marginTop: sectionproperties.sectionTitleMarginTop + 'px',
2675
+ // marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
2676
+ // textTransform: sectionproperties.sectionTitleTextTransform,
2677
+ // fontWeight: sectionproperties.sectionTitleFontWeight,
2678
+ // }}
2679
+ // >
2680
+ // {lang.mycart}
2681
+ // </p>
2682
+ // </div>
2683
+ // {ChooseState_CountryMutationContext.isLoading && <CircularProgress />}
2684
+ // {!ChooseState_CountryMutationContext.isLoading && (
2685
+ // <div className="row m-0 w-100">
2686
+ // <div className="col-lg-12 p-0">
2687
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.cartitems.map((item, index) => {
2688
+ // return (
2689
+ // <div
2690
+ // 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'}
2691
+ // style={{
2692
+ // background: sectionproperties.summary_sectionbgcolor,
2693
+ // borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
2694
+ // border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
2695
+ // }}
2696
+ // >
2697
+ // <div className="row m-0 w-100 d-flex">
2698
+ // <div className={`${checkoutstyles.imagecont}`}>
2699
+ // <IKImage
2700
+ // urlEndpoint={IKurlEndpoint}
2701
+ // publicKey={IKpublicKey}
2702
+ // path={
2703
+ // item.productinfo.hasvariants == 0
2704
+ // ? '/tr:w-300,h-300/' + item.productinfo.productmainimage
2705
+ // : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl
2706
+ // }
2707
+ // style={{
2708
+ // width: '100%',
2709
+ // height: '100%',
2710
+ // objectFit: 'cover',
2711
+ // }}
2712
+ // loading="lazy"
2713
+ // />
2714
+ // </div>
2715
+ // <div className="col-lg-7 col-md-7 col-sm-7">
2716
+ // <div className="row m-0 w-100">
2717
+ // <div className="col-lg-12 col-md-12 col-sm-12 p-0">
2718
+ // <p className={`${checkoutstyles.productNameStyles}` + ' m-0 p-0 d-flex justify-content-start '}>
2719
+ // {langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar}
2720
+ // </p>
2721
+ // </div>
2722
+ // <div className="col-lg-12 p-0">
2723
+ // <p className="m-0 p-0 font-weight-500 text-light d-flex justify-content-start">
2724
+ // {lang.qty}: {item.quantity}
2725
+ // </p>
2726
+ // </div>
2727
+ // {item.productinfo.hasvariants == 1 &&
2728
+ // item.productinfo.variantinfo.variantoptions.map((variantitem, variantindex) => {
2729
+ // return (
2730
+ // <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex">
2731
+ // <p className={'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '}>{variantitem.optionname}:</p>
2732
+ // <p className={' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '}>{variantitem.optionvalue}</p>
2733
+ // </div>
2734
+ // );
2735
+ // })}
2736
+ // </div>
2737
+ // </div>
2738
+ // <div className="col-lg-3 col-md-3 col-sm-2 p-0">
2739
+ // <div className="row m-0 w-100 h-100">
2740
+ // <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto">
2741
+ // {item.productinfo.hasvariants == 0 && (
2742
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2743
+ // {item.productinfo.hassale == 0 && (
2744
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2745
+ // <p
2746
+ // className={
2747
+ // langdetect == 'en'
2748
+ // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2749
+ // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2750
+ // }
2751
+ // >
2752
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
2753
+ // </p>
2754
+ // </div>
2755
+ // )}
2756
+ // {item.productinfo.hassale == 1 && (
2757
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2758
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2759
+ // <p
2760
+ // className={
2761
+ // langdetect == 'en'
2762
+ // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2763
+ // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2764
+ // }
2765
+ // >
2766
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultsaleprice} {langdetect == 'en' ? '' : 'ج.م'}
2767
+ // </p>
2768
+ // </div>
2769
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2770
+ // <p
2771
+ // className={
2772
+ // langdetect == 'en'
2773
+ // ? `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-right '
2774
+ // : `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-left '
2775
+ // }
2776
+ // >
2777
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
2778
+ // </p>
2779
+ // </div>
2780
+ // </div>
2781
+ // )}
2782
+ // </div>
2783
+ // )}
2784
+ // {item.productinfo.hasvariants == 1 && (
2785
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2786
+ // {item.productinfo.variantinfo.hassale == 0 && (
2787
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2788
+ // <p
2789
+ // className={
2790
+ // langdetect == 'en'
2791
+ // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2792
+ // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2793
+ // }
2794
+ // >
2795
+ // {langdetect == 'en' ? 'EGP' : 'ج.م'} {item.productinfo.variantinfo.variantprice}
2796
+ // </p>
2797
+ // </div>
2798
+ // )}
2799
+ // {item.productinfo.variantinfo.hassale == 1 && (
2800
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2801
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2802
+ // <p
2803
+ // className={
2804
+ // langdetect == 'en'
2805
+ // ? `${checkoutstyles.productPricestyles}` +
2806
+ // ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
2807
+ // : `${checkoutstyles.productPricestyles}` +
2808
+ // ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
2809
+ // }
2810
+ // >
2811
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantsaleprice}
2812
+ // {langdetect == 'en' ? '' : 'ج.م'}
2813
+ // </p>
2814
+ // </div>
2815
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2816
+ // <p
2817
+ // className={
2818
+ // langdetect == 'en'
2819
+ // ? `${checkoutstyles.Salepricestyless}` +
2820
+ // ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
2821
+ // : `${checkoutstyles.Salepricestyless}` +
2822
+ // ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
2823
+ // }
2824
+ // >
2825
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantprice} {langdetect == 'en' ? '' : 'ج.م'}
2826
+ // </p>
2827
+ // </div>
2828
+ // </div>
2829
+ // )}
2830
+ // </div>
2831
+ // )}
2832
+ // </div>
2833
+ // </div>
2834
+ // </div>
2835
+ // </div>
2836
+ // </div>
2837
+ // );
2838
+ // })}
2839
+ // <div
2840
+ // className={' row m-0 w-100 p-3'}
2841
+ // style={{
2842
+ // background: sectionproperties.summary_sectionbgcolor,
2843
+ // borderRadius: sectionproperties.summary_sectionborderradius + 'px',
2844
+ // border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
2845
+ // }}
2846
+ // >
2847
+ // <div className="col-lg-12 p-0 mb-1">
2848
+ // <div className="col-lg-12 p-0 mb-4">
2849
+ // <label className={`${checkoutstyles.input_label_name}` + ' m-0 p-0 mb-2 d-flex justify-content-start '}>{lang.doyouhavepromocode}</label>
2850
+ // <div className={' row m-0 w-100 d-flex justify-content-center align-items-center '}>
2851
+ // <div className={'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'}>
2852
+ // <input
2853
+ // type="text"
2854
+ // className={`${formstyles.form_control}`}
2855
+ // style={{
2856
+ // borderRadius: sectionproperties.inputfieldborderradius + 'px',
2857
+ // fontSize: sectionproperties.inputfieldfontsize + 'px',
2858
+ // color: sectionproperties.inputfieldcolor,
2859
+ // backgroundColor: sectionproperties.input_bgcolor,
2860
+ // }}
2861
+ // placeholder={lang.giftcarddicountcode}
2862
+ // value={fetchcustomercartQueryContext?.data?.data?.customercart.couponname}
2863
+ // onChange={(event) => {
2864
+ // var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2865
+ // cartarr.data.customercart.couponname = event.target.value;
2866
+ // queryClient.setQueryData('fetchcustomercart_API', cartarr);
2867
+ // }}
2868
+ // disabled={fetchcustomercartQueryContext?.data?.data?.customercart.couponexists ? true : false}
2869
+ // />
2870
+ // </div>
2871
+ // <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
2872
+ // <button
2873
+ // className={` ${checkoutstyles.applybtnstyles}`}
2874
+ // onClick={() => {
2875
+ // if (!fetchcustomercartQueryContext?.data?.data?.customercart.couponexists) {
2876
+ // var payloadobj = {
2877
+ // couponname: fetchcustomercartQueryContext?.data?.data?.customercart.couponname,
2878
+ // functype: 'add',
2879
+ // };
2880
+ // if (fetchcustomercartQueryContext?.data?.data?.customercart.couponname.length != 0) {
2881
+ // ApplyPromoCodeMutationContext.mutate(payloadobj);
2882
+ // } else {
2883
+ // NotificationManager.warning('', 'Please Type Promo Code');
2884
+ // }
2885
+ // } else {
2886
+ // var payloadobj = {
2887
+ // functype: 'delete',
2888
+ // };
2889
+ // ApplyPromoCodeMutationContext.mutate(payloadobj);
2890
+ // }
2891
+ // }}
2892
+ // disabled={ApplyPromoCodeMutationContext.isLoading ? true : false}
2893
+ // >
2894
+ // <span className={ApplyPromoCodeMutationContext.isLoading ? `${generalstyles.fadeOutButton}` : `${generalstyles.fadeInButton}`}>
2895
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists
2896
+ // ? langdetect == 'en'
2897
+ // ? 'Remove'
2898
+ // : 'حذف'
2899
+ // : langdetect == 'en'
2900
+ // ? 'Apply'
2901
+ // : 'تطبيق'}
2902
+ // </span>
2903
+ // <div
2904
+ // className={
2905
+ // ApplyPromoCodeMutationContext.isLoading
2906
+ // ? `${generalstyles.fadeInButton} ${generalstyles.btn_preloader}` + ' d-flex align-items-center justify-content-center '
2907
+ // : `${generalstyles.fadeOutButton}` + ' align-items-center justify-content-center '
2908
+ // }
2909
+ // >
2910
+ // <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />
2911
+ // </div>
2912
+ // </button>
2913
+ // </div>
2914
+ // </div>
2915
+ // </div>
2916
+ // <div className="row m-0 w-100">
2917
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2918
+ // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-center wordbreak '}>{lang.subtotal}</p>
2919
+ // </div>
2920
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2921
+ // <p
2922
+ // className={
2923
+ // langdetect == 'en'
2924
+ // ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
2925
+ // : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
2926
+ // }
2927
+ // >
2928
+ // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalprice} {langdetect == 'en' ? '' : 'ج.م'}
2929
+ // </p>
2930
+ // </div>
2931
+ // </div>
2932
+ // </div>
2933
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists && fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
2934
+ // <div className="col-lg-12 p-0 mb-1">
2935
+ // <div className="row m-0 w-100">
2936
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2937
+ // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '}>{lang.discount}</p>
2938
+ // </div>
2939
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2940
+ // <p
2941
+ // className={
2942
+ // langdetect == 'en'
2943
+ // ? `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-right '
2944
+ // : `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-left '
2945
+ // }
2946
+ // >
2947
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
2948
+ // <span>
2949
+ // - {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice}{' '}
2950
+ // {langdetect == 'en' ? '' : 'ج.م'}
2951
+ // </span>
2952
+ // )}
2953
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice == 0 && <span>0</span>}
2954
+ // </p>
2955
+ // </div>
2956
+ // </div>
2957
+ // </div>
2958
+ // )}
2959
+ // <div className="col-lg-12 p-0">
2960
+ // <div className="row m-0 w-100">
2961
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2962
+ // <p className={`${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 d-flex align-items-start wordbreak '}>{lang.shippingfees}</p>
2963
+ // </div>
2964
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
2965
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2966
+ // <p
2967
+ // className={
2968
+ // langdetect == 'en'
2969
+ // ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
2970
+ // : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
2971
+ // }
2972
+ // >
2973
+ // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.zoneprice} {langdetect == 'en' ? '' : 'ج.م'}
2974
+ // </p>
2975
+ // </div>
2976
+ // )}
2977
+ // {!fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
2978
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2979
+ // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-start wordbreak '} style={{ color: 'red' }}>
2980
+ // {lang.outofzone}
2981
+ // </p>
2982
+ // </div>
2983
+ // )}
2984
+ // </div>
2985
+ // </div>
2986
+ // <div className="col-lg-12 p-0">
2987
+ // <hr className="mt-2 mb-2" />
2988
+ // </div>
2989
+ // <div className="col-lg-12 p-0">
2990
+ // <div className="row m-0 w-100">
2991
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2992
+ // <p
2993
+ // className="d-flex align-items-start"
2994
+ // style={{
2995
+ // fontSize: sectionproperties.total_fontsize + 'px',
2996
+ // fontWeight: sectionproperties.total_fontweight,
2997
+ // textTransform: sectionproperties.total_texttransform,
2998
+ // color: sectionproperties.total_color,
2999
+ // }}
3000
+ // >
3001
+ // {lang.total}
3002
+ // </p>
3003
+ // </div>
3004
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3005
+ // <div className="row m-0 w-100">
3006
+ // <div className="col-lg-12 p-0 d-flex justify-content-end ">
3007
+ // <p
3008
+ // className={langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left '}
3009
+ // style={{
3010
+ // fontSize: sectionproperties.total_fontsize + 'px',
3011
+ // fontWeight: sectionproperties.total_fontweight,
3012
+ // textTransform: sectionproperties.total_texttransform,
3013
+ // color: sectionproperties.total_color,
3014
+ // }}
3015
+ // >
3016
+ // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalpriceafterdiscount}{' '}
3017
+ // {langdetect == 'en' ? '' : 'ج.م'}
3018
+ // </p>
3019
+ // </div>
3020
+ // </div>
3021
+ // </div>
3022
+ // </div>
3023
+ // </div>
3024
+ // <div className="col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3">
3025
+ // <button
3026
+ // className={` ${checkoutstyles.checkoutbtnstyles}` + ' d-flex align-items-center justify-content-center '}
3027
+ // onClick={() => {
3028
+ // var payloadobj = {};
3029
+ // AddOrderMutationContext.mutate(payloadobj);
3030
+ // }}
3031
+ // disabled={AddOrderMutationContext.isLoading ? true : false}
3032
+ // >
3033
+ // {AddOrderMutationContext.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
3034
+ // {!AddOrderMutationContext.isLoading
3035
+ // ? fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod == 'onlinepayment'
3036
+ // ? lang.continuetopayment
3037
+ // : authdetailsContext.loggedin
3038
+ // ? lang.confirmorder
3039
+ // : lang.confirmorder + ' ' + lang.asaguest
3040
+ // : ''}
3041
+ // </button>
3042
+ // </div>
3043
+ // </div>
3044
+ // </div>
3045
+ // </div>
3046
+ // )}
3047
+ // </div>
3048
+ // );
3049
+ // };
3041
3050
  return /*#__PURE__*/React__default["default"].createElement("div", {
3042
3051
  className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
3043
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3044
- className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
3045
- style: {
3046
- marginTop: sectionproperties.marginTop + 'px',
3047
- marginBottom: sectionproperties.marginBottom + 'px',
3048
- paddingLeft: sectionproperties.paddingLeft + 'px',
3049
- paddingRight: sectionproperties.paddingRight + 'px',
3050
- paddingTop: sectionproperties.paddingTop + 'px',
3051
- paddingBottom: sectionproperties.paddingBottom + 'px',
3052
- background: sectionproperties.backgroundColor,
3053
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
3054
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
3055
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
3056
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
3057
- }
3058
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3059
- className: 'row m-0 w-100 justify-content-center '
3060
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3061
- 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 '
3062
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3063
- className: "col-lg-12 d-flex align-items-center p-0"
3064
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3065
- style: {
3066
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
3067
- color: sectionproperties.sectionTitleColor,
3068
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
3069
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
3070
- textTransform: sectionproperties.sectionTitleTextTransform,
3071
- fontWeight: sectionproperties.sectionTitleFontWeight
3072
- }
3073
- }, lang.checkout)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
3074
- className: "col-lg-12 p-0"
3075
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3076
- className: "pl-3 pr-3 pt-2 pb-2",
3077
- style: {
3078
- background: sectionproperties.userinfo_sectionbgcolor,
3079
- borderRadius: sectionproperties.userinfo_borderradius + 'px',
3080
- marginTop: sectionproperties.userinfo_sectionmarginTop + 'px',
3081
- marginBottom: sectionproperties.userinfo_sectionmarginbottom + 'px',
3082
- border: sectionproperties.userinfo_borderwidth + 'px solid ' + sectionproperties.usserinfo_sectionbordercolor
3083
- }
3084
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3085
- className: "row m-0 w-100"
3086
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3087
- className: "".concat(checkoutstyles.userinfo_iconcont) + ' d-flex align-items-center justify-content-center '
3088
- }, /*#__PURE__*/React__default["default"].createElement(bs.BsCheck2Circle, {
3089
- size: 20
3090
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3091
- className: "col-lg-11 col-md-10 col-sm-10 p-0"
3092
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3093
- className: "row m-0 w-100"
3094
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3095
- className: "col-lg-12 d-flex align-items-center pl-2 pr-2",
3096
- style: {
3097
- fontSize: sectionproperties.userinfo_titlefontsize + 'px',
3098
- color: sectionproperties.userinfo_titlecolor,
3099
- fontWeight: sectionproperties.userinfo_titlefontweight
3100
- }
3101
- }, lang.loggedinas), /*#__PURE__*/React__default["default"].createElement("div", {
3102
- className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 text-capitalize '
3103
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3104
- className: "m-0 p-0 d-flex align-items-center"
3105
- }, /*#__PURE__*/React__default["default"].createElement("i", {
3106
- className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3107
- style: {
3108
- fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3109
- color: sectionproperties.userinfotext_iconcolor,
3110
- marginRight: langdetect == 'en' ? '5px' : 0,
3111
- marginLeft: langdetect == 'en' ? 0 : '5px'
3112
- }
3113
- }, /*#__PURE__*/React__default["default"].createElement(hi.HiUser, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3114
- className: "m-0 p-0 wordbreak"
3115
- }, authdetailsContext.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement("div", {
3116
- className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
3117
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3118
- className: "m-0 p-0 d-flex align-items-center"
3119
- }, /*#__PURE__*/React__default["default"].createElement("i", {
3120
- className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3121
- style: {
3122
- fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3123
- color: sectionproperties.userinfotext_iconcolor,
3124
- marginRight: langdetect == 'en' ? '5px' : 0,
3125
- marginLeft: langdetect == 'en' ? 0 : '5px'
3126
- }
3127
- }, /*#__PURE__*/React__default["default"].createElement(bs.BsFillTelephoneFill, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3128
- className: "m-0 p-0 wordbreak"
3129
- }, authdetailsContext.customerinfo.mobile))), /*#__PURE__*/React__default["default"].createElement("div", {
3130
- className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
3131
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3132
- className: "m-0 p-0 d-flex align-items-center"
3133
- }, /*#__PURE__*/React__default["default"].createElement("i", {
3134
- className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3135
- style: {
3136
- fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3137
- color: sectionproperties.userinfotext_iconcolor,
3138
- marginRight: langdetect == 'en' ? '5px' : 0,
3139
- marginLeft: langdetect == 'en' ? 0 : '5px'
3140
- }
3141
- }, /*#__PURE__*/React__default["default"].createElement(gr.GrMail, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3142
- className: "m-0 p-0 wordbreak"
3143
- }, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
3144
- className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
3145
- style: {
3146
- fontSize: sectionproperties.userinfo_titlefontsize + 'px',
3147
- color: sectionproperties.userinfo_titlecolor,
3148
- fontWeight: sectionproperties.userinfo_titlefontweight,
3149
- textAlign: 'right',
3150
- textDecoration: 'underline',
3151
- cursor: 'pointer',
3152
- position: 'absolute',
3153
- right: 10,
3154
- top: 10
3155
- },
3156
- onClick: function onClick() {
3157
- routingcountext(StaticPagesLinksContext.accountinfo);
3158
- }
3159
- }, lang.update)))), /*#__PURE__*/React__default["default"].createElement("div", {
3160
- className: "col-lg-12 p-0"
3161
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3162
- style: {
3163
- marginTop: sectionproperties.contactinfo_sectionmarginTop + 'px',
3164
- marginBottom: sectionproperties.contactinfo_sectionmarginbottom + 'px',
3165
- background: sectionproperties.contactinfo_sectionbgcolor,
3166
- borderRadius: sectionproperties.contactinfo_sectionborderradius + 'px',
3167
- border: sectionproperties.contactinfo_borderwidth + 'px solid ' + sectionproperties.contactinfo_sectionbordercolor
3168
- }
3169
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3170
- className: "col-lg-12 pl-3 pr-3 pt-2"
3171
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3172
- className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3173
- }, authdetailsContext.loggedin ? lang.addressdetails : lang.contactdetails)), /*#__PURE__*/React__default["default"].createElement("div", {
3174
- className: "col-lg-12 p-0"
3175
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3176
- className: "mt-2 mb-2"
3177
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3178
- className: "row m-0 w-100 mb-3 pl-3 pr-3 pb-3"
3179
- }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
3180
- className: "col-lg-4 col-md-12 mb-3"
3181
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3182
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3183
- }, lang.name), /*#__PURE__*/React__default["default"].createElement("input", {
3184
- type: 'text',
3185
- className: "".concat(formstyles.form_control),
3186
- 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,
3187
- onChange: function onChange(event) {
3188
- cartinfoupdater('name', event.target.value);
3189
- },
3190
- style: {
3191
- resize: 'none',
3192
- fontWeight: sectionproperties.inputtextfontweight,
3193
- background: sectionproperties.input_bgcolor,
3194
- color: sectionproperties.inputfieldcolor,
3195
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3196
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3197
- boxShadow: 'none'
3198
- }
3199
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3200
- className: "col-lg-4 col-md-12 mb-3"
3201
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3202
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3203
- }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
3204
- type: 'text',
3205
- className: "".concat(formstyles.form_control),
3206
- 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,
3207
- onChange: function onChange(event) {
3208
- cartinfoupdater('mobile', event.target.value);
3209
- },
3210
- style: {
3211
- resize: 'none',
3212
- fontWeight: sectionproperties.inputtextfontweight,
3213
- background: sectionproperties.input_bgcolor,
3214
- color: sectionproperties.inputfieldcolor,
3215
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3216
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3217
- boxShadow: 'none'
3218
- }
3219
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3220
- className: "col-lg-4 col-md-12 mb-3"
3221
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3222
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3223
- }, lang.email), /*#__PURE__*/React__default["default"].createElement("input", {
3224
- type: 'text',
3225
- className: "".concat(formstyles.form_control),
3226
- 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,
3227
- onChange: function onChange(event) {
3228
- cartinfoupdater('email', event.target.value);
3229
- },
3230
- style: {
3231
- resize: 'none',
3232
- fontWeight: sectionproperties.inputtextfontweight,
3233
- background: sectionproperties.input_bgcolor,
3234
- color: sectionproperties.inputfieldcolor,
3235
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3236
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3237
- boxShadow: 'none'
3238
- }
3239
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
3240
- className: "col-lg-4 col-md-12 mb-3"
3241
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3242
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3243
- }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3244
- className: "w-100"
3245
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3246
- color: "black",
3247
- width: "20px",
3248
- height: "20px",
3249
- duration: "1s"
3250
- })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3251
- options: fetchTabexCountriesQueryContext.data.data.countries,
3252
- getOptionLabel: function getOptionLabel(option) {
3253
- return option.name;
3254
- },
3255
- getOptionValue: function getOptionValue(option) {
3256
- return option.id;
3257
- },
3258
- value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
3259
- var _fetchcustomercartQue75, _fetchcustomercartQue76;
3260
-
3261
- 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);
3262
- }),
3263
- onChange: function onChange(option) {
3264
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
3265
-
3266
- tempFetchTabexStatesPayloadobjContext.functype = 'states';
3267
- tempFetchTabexStatesPayloadobjContext.country_id = option.id;
3268
- setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
3269
- cartinfoupdater('countryid', option.id);
3270
- },
3271
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3272
- placeholder: lang.choosecountry,
3273
- isSearchable: true
3274
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3275
- className: "col-lg-4 col-md-12 mb-3"
3276
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3277
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3278
- }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3279
- className: "w-100"
3280
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3281
- color: "black",
3282
- width: "20px",
3283
- height: "20px",
3284
- duration: "1s"
3285
- })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3286
- options: fetchTabexStatesQueryContext.data.data.states,
3287
- getOptionLabel: function getOptionLabel(option) {
3288
- return option.name;
3289
- },
3290
- getOptionValue: function getOptionValue(option) {
3291
- return option.id;
3292
- },
3293
- value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
3294
- var _fetchcustomercartQue77, _fetchcustomercartQue78;
3295
-
3296
- 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);
3297
- }),
3298
- onChange: function onChange(option) {
3299
- var _fetchcustomercartQue79, _fetchcustomercartQue80;
3300
-
3301
- 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) {
3302
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
3303
-
3304
- tempFetchTabexStatesPayloadobjContext.functype = 'cities';
3305
- tempFetchTabexStatesPayloadobjContext.state_id = option.id;
3306
- setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
3307
- cartinfoupdater('stateid', option.id);
3308
- } else {
3309
- NotificationManager.warning('', 'Please Choose Country Or State');
3310
- }
3311
- },
3312
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3313
- placeholder: lang.choosestategov,
3314
- isSearchable: true
3315
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3316
- className: "col-lg-4 col-md-12 mb-3"
3317
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3318
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3319
- }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3320
- className: "w-100"
3321
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3322
- color: "black",
3323
- width: "20px",
3324
- height: "20px",
3325
- duration: "1s"
3326
- })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3327
- options: fetchTabexCitiesQueryContext.data.data.cities,
3328
- getOptionLabel: function getOptionLabel(option) {
3329
- return option.name;
3330
- },
3331
- getOptionValue: function getOptionValue(option) {
3332
- return option.id;
3333
- },
3334
- value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
3335
- var _fetchcustomercartQue81, _fetchcustomercartQue82;
3336
-
3337
- 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);
3338
- }),
3339
- onChange: function onChange(option) {
3340
- cartinfoupdater('cityid', option.id);
3341
- },
3342
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3343
- placeholder: lang.choosecity,
3344
- isSearchable: true
3345
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3346
- className: "col-lg-12 mb-3"
3347
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3348
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3349
- }, lang.shippingaddress), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3350
- type: 'text',
3351
- className: "".concat(formstyles.form_control),
3352
- 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,
3353
- onChange: function onChange(event) {
3354
- cartinfoupdater('address', event.target.value);
3355
- },
3356
- style: {
3357
- resize: 'none',
3358
- fontWeight: sectionproperties.inputtextfontweight,
3359
- background: sectionproperties.input_bgcolor,
3360
- color: sectionproperties.inputfieldcolor,
3361
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3362
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3363
- boxShadow: 'none'
3364
- }
3365
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
3366
- className: "col-lg-12 p-0 w-100"
3367
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3368
- style: {
3369
- background: sectionproperties.payment_sectionbgcolor,
3370
- borderRadius: sectionproperties.payment_borderradius + 'px',
3371
- border: sectionproperties.payment_borderwidth + 'px solid ' + sectionproperties.payment_sectionbordercolor
3372
- }
3373
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3374
- className: "col-lg-12 pl-3 pr-3 pt-2"
3375
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3376
- className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3377
- }, lang.paymentmethod)), /*#__PURE__*/React__default["default"].createElement("div", {
3378
- className: "col-lg-12 p-0"
3379
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3380
- className: "mt-2 mb-2"
3381
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3382
- className: "row m-0 w-100 mb-3 pl-3 pr-3"
3383
- }, authdetailsContext.instinfo.acceptCOD == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3384
- className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3385
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3386
- className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated) + ' d-flex mb-0 ',
3387
- "for": "codcheckbox"
3388
- }, /*#__PURE__*/React__default["default"].createElement("input", {
3389
- id: 'codcheckbox',
3390
- type: "checkbox",
3391
- className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3392
- 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,
3393
- onChange: function onChange() {
3394
- var _fetchcustomercartQue87, _fetchcustomercartQue88;
3395
-
3396
- 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') {
3397
- cartinfoupdater('paymentmethod', 'cod');
3398
- }
3399
- }
3400
- }), /*#__PURE__*/React__default["default"].createElement("svg", {
3401
- viewBox: "0 0 21 21",
3402
- className: checkoutstyles.svgstyles + ' h-100 '
3403
- }, /*#__PURE__*/React__default["default"].createElement("path", {
3404
- 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"
3405
- })), /*#__PURE__*/React__default["default"].createElement("p", {
3406
- className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
3407
- style: {}
3408
- }, lang.cod))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3409
- className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3410
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3411
- 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 '
3412
- }, /*#__PURE__*/React__default["default"].createElement("input", {
3413
- type: "checkbox",
3414
- className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3415
- 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,
3416
- onChange: function onChange() {
3417
- var _fetchcustomercartQue91, _fetchcustomercartQue92;
3418
-
3419
- 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') {
3420
- cartinfoupdater('paymentmethod', 'cardondelivery');
3421
- }
3422
- }
3423
- }), /*#__PURE__*/React__default["default"].createElement("svg", {
3424
- viewBox: "0 0 21 21",
3425
- className: checkoutstyles.svgstyles + ' h-100 '
3426
- }, /*#__PURE__*/React__default["default"].createElement("path", {
3427
- 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"
3428
- })), /*#__PURE__*/React__default["default"].createElement("p", {
3429
- className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
3430
- }, " ", lang.cardondelivery))), authdetailsContext.instinfo.acceptOnlineCardPayment == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
3431
- className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3432
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3433
- 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 '
3434
- }, /*#__PURE__*/React__default["default"].createElement("input", {
3435
- type: "checkbox",
3436
- className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3437
- 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,
3438
- onChange: function onChange() {
3439
- var _fetchcustomercartQue95, _fetchcustomercartQue96;
3440
-
3441
- 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') {
3442
- cartinfoupdater('paymentmethod', 'onlinepayment');
3443
- }
3444
- }
3445
- }), /*#__PURE__*/React__default["default"].createElement("svg", {
3446
- viewBox: "0 0 21 21",
3447
- className: checkoutstyles.svgstyles + ' h-100 '
3448
- }, /*#__PURE__*/React__default["default"].createElement("path", {
3449
- 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"
3450
- })), /*#__PURE__*/React__default["default"].createElement("p", {
3451
- className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
3452
- }, " ", 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", {
3453
- className: "col-lg-12 p-0 w-100 mb-3"
3454
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3455
- style: {
3456
- background: sectionproperties.payment_sectionbgcolor,
3457
- borderRadius: sectionproperties.payment_borderradius + 'px',
3458
- borderColor: sectionproperties.payment_sectionbordercolor
3459
- }
3460
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3461
- className: "col-lg-12 pl-3 pr-3 pt-2"
3462
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3463
- className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3464
- }, lang.paymentcardinformation)), /*#__PURE__*/React__default["default"].createElement("div", {
3465
- className: "col-lg-12 p-0"
3466
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3467
- className: "mt-2 mb-2"
3468
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3469
- className: "w-100 row m-0 pl-3 pr-3 pt-2 pb-2"
3470
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3471
- className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
3472
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3473
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3474
- }, lang.cardnumber), /*#__PURE__*/React__default["default"].createElement("input", {
3475
- className: formstyles.form_controlcheckout,
3476
- type: "text",
3477
- textplaceholder: "",
3478
- onChange: function onChange(event) {},
3479
- style: {
3480
- fontWeight: sectionproperties.inputtextfontweight,
3481
- background: sectionproperties.input_bgcolor,
3482
- color: sectionproperties.inputfieldcolor,
3483
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3484
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3485
- }
3486
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3487
- className: "w-100 row m-0"
3488
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3489
- className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3490
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3491
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3492
- }, lang.year), /*#__PURE__*/React__default["default"].createElement("input", {
3493
- className: formstyles.form_controlcheckout,
3494
- type: "text",
3495
- textplaceholder: "",
3496
- onChange: function onChange(event) {},
3497
- style: {
3498
- fontWeight: sectionproperties.inputtextfontweight,
3499
- background: sectionproperties.input_bgcolor,
3500
- color: sectionproperties.inputfieldcolor,
3501
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3502
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3503
- }
3504
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3505
- className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3506
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3507
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3508
- }, lang.month), /*#__PURE__*/React__default["default"].createElement("input", {
3509
- className: formstyles.form_controlcheckout,
3510
- type: "text",
3511
- textplaceholder: "",
3512
- onChange: function onChange(event) {},
3513
- style: {
3514
- fontWeight: sectionproperties.inputtextfontweight,
3515
- background: sectionproperties.input_bgcolor,
3516
- color: sectionproperties.inputfieldcolor,
3517
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3518
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3519
- }
3520
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3521
- className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3522
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3523
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3524
- }, lang.cvv), /*#__PURE__*/React__default["default"].createElement("input", {
3525
- className: formstyles.form_controlcheckout,
3526
- type: "text",
3527
- textplaceholder: "",
3528
- onChange: function onChange(event) {},
3529
- style: {
3530
- fontWeight: sectionproperties.inputtextfontweight,
3531
- background: sectionproperties.input_bgcolor,
3532
- color: sectionproperties.inputfieldcolor,
3533
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3534
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3535
- }
3536
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
3537
- className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0 mb-3"
3538
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3539
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3540
- }, lang.nameoncard), /*#__PURE__*/React__default["default"].createElement("input", {
3541
- className: formstyles.form_controlcheckout,
3542
- type: "text",
3543
- textplaceholder: "",
3544
- onChange: function onChange(event) {},
3545
- style: {
3546
- fontWeight: sectionproperties.inputtextfontweight,
3547
- background: sectionproperties.input_bgcolor,
3548
- color: sectionproperties.inputfieldcolor,
3549
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3550
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3551
- }
3552
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
3553
- className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
3554
- }, Mycart()))));
3052
+ }, "adsdss");
3555
3053
  };
3556
3054
 
3557
3055
  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";