tabexseriescomponents 0.0.45 → 0.0.49

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 +1201 -672
  2. package/dist/index.esm.js +1184 -674
  3. package/dist/index.umd.js +1183 -672
  4. package/package.json +4 -5
package/dist/index.cjs.js CHANGED
@@ -28,8 +28,8 @@ var fi = require('react-icons/fi');
28
28
  var md = require('react-icons/md');
29
29
  var io = require('react-icons/io');
30
30
  var cg = require('react-icons/cg');
31
- require('react-textarea-autosize');
32
- require('react-icons/gr');
31
+ var TextareaAutosize = require('react-textarea-autosize');
32
+ var gr = require('react-icons/gr');
33
33
  var reactAccessibleAccordion = require('react-accessible-accordion');
34
34
  var Dropdown = require('react-bootstrap/Dropdown');
35
35
  var reactIntersectionObserver = require('react-intersection-observer');
@@ -45,6 +45,24 @@ require('react-notifications');
45
45
 
46
46
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
47
47
 
48
+ function _interopNamespace(e) {
49
+ if (e && e.__esModule) return e;
50
+ var n = Object.create(null);
51
+ if (e) {
52
+ Object.keys(e).forEach(function (k) {
53
+ if (k !== 'default') {
54
+ var d = Object.getOwnPropertyDescriptor(e, k);
55
+ Object.defineProperty(n, k, d.get ? d : {
56
+ enumerable: true,
57
+ get: function () { return e[k]; }
58
+ });
59
+ }
60
+ });
61
+ }
62
+ n["default"] = e;
63
+ return Object.freeze(n);
64
+ }
65
+
48
66
  var _slicedToArray__default = /*#__PURE__*/_interopDefaultLegacy(_slicedToArray);
49
67
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
50
68
  var _classCallCheck__default = /*#__PURE__*/_interopDefaultLegacy(_classCallCheck);
@@ -58,6 +76,7 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
58
76
  var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
59
77
  var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
60
78
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
79
+ var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
61
80
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
62
81
  var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
63
82
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -482,9 +501,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
482
501
  }));
483
502
  };
484
503
 
485
- 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; }
504
+ 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; }
486
505
 
487
- 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; }
506
+ 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; }
488
507
 
489
508
  var Login = function Login(props) {
490
509
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -530,7 +549,7 @@ var Login = function Login(props) {
530
549
  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) {
531
550
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
532
551
  });
533
- setsectionproperties(_objectSpread$15({}, secpropobj));
552
+ setsectionproperties(_objectSpread$17({}, secpropobj));
534
553
  }
535
554
  }, [StatePagePropertiesContext]);
536
555
 
@@ -644,10 +663,10 @@ var Login = function Login(props) {
644
663
  className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
645
664
  value: payloadobj.email,
646
665
  onChange: function onChange(event) {
647
- var temppayloadobj = _objectSpread$15({}, payloadobj);
666
+ var temppayloadobj = _objectSpread$17({}, payloadobj);
648
667
 
649
668
  temppayloadobj.email = event.target.value;
650
- setpayloadobj(_objectSpread$15({}, temppayloadobj));
669
+ setpayloadobj(_objectSpread$17({}, temppayloadobj));
651
670
  }
652
671
  }), /*#__PURE__*/React__default["default"].createElement("span", {
653
672
  className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -665,10 +684,10 @@ var Login = function Login(props) {
665
684
  textplaceholder: "",
666
685
  value: payloadobj.password,
667
686
  onChange: function onChange(event) {
668
- var temppayloadobj = _objectSpread$15({}, payloadobj);
687
+ var temppayloadobj = _objectSpread$17({}, payloadobj);
669
688
 
670
689
  temppayloadobj.password = event.target.value;
671
- setpayloadobj(_objectSpread$15({}, temppayloadobj));
690
+ setpayloadobj(_objectSpread$17({}, temppayloadobj));
672
691
  }
673
692
  }), /*#__PURE__*/React__default["default"].createElement("span", {
674
693
  className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -791,9 +810,9 @@ var css_248z$v = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu_
791
810
  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"};
792
811
  styleInject(css_248z$v);
793
812
 
794
- 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; }
813
+ 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; }
795
814
 
796
- 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; }
815
+ 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; }
797
816
  // import { useMutation, useQuery, useQueryClient } from 'react-query';
798
817
  // import { useHistory, Link } from 'react-router-dom';
799
818
  // import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
@@ -901,7 +920,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
901
920
  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) {
902
921
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
903
922
  });
904
- setsectionproperties(_objectSpread$14({}, secpropobj));
923
+ setsectionproperties(_objectSpread$16({}, secpropobj));
905
924
  setnavigationstyle('Upper Navigation'); // }
906
925
  // }
907
926
  }, [CurrentPageId]);
@@ -1057,9 +1076,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
1057
1076
  }))))));
1058
1077
  };
1059
1078
 
1060
- 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; }
1079
+ 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; }
1061
1080
 
1062
- 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; }
1081
+ 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; }
1063
1082
 
1064
1083
  var Ordershistory = function Ordershistory(props) {
1065
1084
  var _bgimagesarray$, _bgimagesarray$2;
@@ -1104,10 +1123,10 @@ var Ordershistory = function Ordershistory(props) {
1104
1123
 
1105
1124
  React.useEffect(function () {
1106
1125
  if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
1107
- var tempFetchQueriesEngineContext = _objectSpread$13({}, FetchQueriesEngineContext);
1126
+ var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
1108
1127
 
1109
1128
  tempFetchQueriesEngineContext.orderhistory = true;
1110
- setFetchQueriesEngineContext(_objectSpread$13({}, tempFetchQueriesEngineContext));
1129
+ setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
1111
1130
  } else {
1112
1131
  routingcountext('');
1113
1132
  }
@@ -1133,7 +1152,7 @@ var Ordershistory = function Ordershistory(props) {
1133
1152
  StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
1134
1153
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1135
1154
  });
1136
- setsectionproperties(_objectSpread$13({}, secpropobj));
1155
+ setsectionproperties(_objectSpread$15({}, secpropobj));
1137
1156
  }
1138
1157
  }, [StatePagePropertiesContext]);
1139
1158
  var orderhistory_cssstyles = {
@@ -1917,9 +1936,9 @@ var css_248z$u = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_c
1917
1936
  var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
1918
1937
  styleInject(css_248z$u);
1919
1938
 
1920
- 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; }
1939
+ 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; }
1921
1940
 
1922
- 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; }
1941
+ 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; }
1923
1942
 
1924
1943
  var Wishlist = function Wishlist(props) {
1925
1944
  var _bgimagesarray$, _bgimagesarray$2;
@@ -1956,7 +1975,7 @@ var Wishlist = function Wishlist(props) {
1956
1975
  StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
1957
1976
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1958
1977
  });
1959
- setsectionproperties(_objectSpread$12({}, secpropobj));
1978
+ setsectionproperties(_objectSpread$14({}, secpropobj));
1960
1979
  }
1961
1980
  }, [StatePagePropertiesContext]);
1962
1981
 
@@ -1966,10 +1985,10 @@ var Wishlist = function Wishlist(props) {
1966
1985
  _useState2[1];
1967
1986
 
1968
1987
  React.useEffect(function () {
1969
- var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
1988
+ var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
1970
1989
 
1971
1990
  tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
1972
- setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
1991
+ setFetchQueriesEngineContext(_objectSpread$14({}, tempFetchQueriesEngineContext));
1973
1992
  }, []);
1974
1993
 
1975
1994
  var _useState3 = React.useState(''),
@@ -2001,7 +2020,7 @@ var Wishlist = function Wishlist(props) {
2001
2020
  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) {
2002
2021
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2003
2022
  });
2004
- setsectionproperties(_objectSpread$12({}, secpropobj));
2023
+ setsectionproperties(_objectSpread$14({}, secpropobj));
2005
2024
  }
2006
2025
  }, [StatePagePropertiesContext]);
2007
2026
  var wishlist_cssstyles = {
@@ -2437,658 +2456,1168 @@ var Wishlist = function Wishlist(props) {
2437
2456
  };
2438
2457
 
2439
2458
  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";
2459
+ 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-"};
2440
2460
  styleInject(css_248z$t);
2441
2461
 
2462
+ 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; }
2463
+
2464
+ 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; }
2465
+ var defaultstyles = {
2466
+ option: function option(provided, state) {
2467
+ return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2468
+ borderBottom: '1px solid #e6e6e6',
2469
+ backgroundColor: state.isSelected ? '' : '',
2470
+ padding: 5,
2471
+ textTransform: 'capitalize',
2472
+ color: state.isSelected ? '#eac435' : '#022648',
2473
+ transition: '.3s',
2474
+ '&:hover': {
2475
+ // color: '#eac435',
2476
+ cursor: 'pointer'
2477
+ }
2478
+ });
2479
+ },
2480
+ control: function control() {
2481
+ return {
2482
+ borderBottom: '1px solid #ccc',
2483
+ backgroundColor: 'white',
2484
+ display: 'flex',
2485
+ cursor: 'pointer',
2486
+ padding: 0,
2487
+ transition: '.3s',
2488
+ '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
2489
+ // borderRadius: '10px',
2490
+ }
2491
+ };
2492
+ },
2493
+ dropdownIndicator: function dropdownIndicator(provided) {
2494
+ return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2495
+ '&:hover': {// color: '#eac435',
2496
+ }
2497
+ });
2498
+ }
2499
+ };
2500
+ var defaultstylestranslated = {
2501
+ option: function option(provided, state) {
2502
+ return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2503
+ borderBottom: '1px solid #e6e6e6',
2504
+ backgroundColor: state.isSelected ? '' : '',
2505
+ padding: 5,
2506
+ textTransform: 'capitalize',
2507
+ // color: state.isSelected ? '#eac435' : '#022648',
2508
+ transition: '.3s',
2509
+ textAlign: 'right',
2510
+ '&:hover': {
2511
+ // color: '#eac435',
2512
+ cursor: 'pointer'
2513
+ }
2514
+ });
2515
+ },
2516
+ control: function control() {
2517
+ return {
2518
+ borderBottom: '1px solid #ccc',
2519
+ backgroundColor: 'white',
2520
+ display: 'flex',
2521
+ cursor: 'pointer',
2522
+ padding: 0,
2523
+ transition: '.3s',
2524
+ textAlign: 'right',
2525
+ '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
2526
+ // borderRadius: '10px',
2527
+ }
2528
+ };
2529
+ },
2530
+ dropdownIndicator: function dropdownIndicator(provided) {
2531
+ return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2532
+ '&:hover': {// color: '#eac435',
2533
+ }
2534
+ });
2535
+ },
2536
+ placeholder: function placeholder(provided, state) {
2537
+ return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2538
+ textAlign: 'right'
2539
+ });
2540
+ }
2541
+ };
2542
+
2543
+ 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; }
2544
+
2545
+ 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; }
2546
+ var Select = dynamic(function () {
2547
+ return Promise.resolve().then(function () { return /*#__PURE__*/_interopNamespace(require('react-select')); }).then(function (mod) {
2548
+ return mod["default"];
2549
+ });
2550
+ }, {
2551
+ ssr: false,
2552
+ loading: function loading() {
2553
+ return null;
2554
+ }
2555
+ });
2556
+
2442
2557
  var Checkout = function Checkout(props) {
2443
- // const [timer, settimer] = useState(null);
2444
- // const langdetect = props.actions.langdetect;
2445
- // const lang = props.actions.lang;
2446
- // const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
2447
- // const routingcountext = props.actions.routingcountext;
2448
- // const ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
2449
- // const CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
2450
- // const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2451
- // const templatepropcontext = props.actions.templatepropcontext;
2452
- // const fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
2453
- // const FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
2454
- // const setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
2455
- // const fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
2456
- // const fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
2457
- // const FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
2458
- // const setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
2459
- // const ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
2460
- // const fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
2461
- // const AddOrderMutationContext = props.actions.AddOrderMutationContext;
2462
- // const fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
2463
- // const authdetailsContext = props.actions.authdetailsContext;
2464
- // const NotificationManager = props.actions.NotificationManager;
2465
- // const queryClient = props.actions.queryClient;
2466
- // const [sectionproperties, setsectionproperties] = useState('');
2467
- // const [CurrentPageId, setCurrentPageId] = useState('');
2468
- // useEffect(() => {
2469
- // var cartindex = templatepropcontext?.pagesnprop?.findIndex((x) => x.staticpageid == '6218bccb82af8');
2470
- // if (cartindex >= 0) {
2471
- // setCurrentPageId(cartindex);
2472
- // }
2473
- // }, []);
2474
- // useEffect(() => {
2475
- // var secpropobj = {};
2476
- // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
2477
- // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2478
- // });
2479
- // setsectionproperties({ ...secpropobj });
2480
- // }, [CurrentPageId]);
2481
- // useEffect(() => {
2482
- // if (CurrentSrcTypeContext == 'workplace') {
2483
- // if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
2484
- // var secpropobj = {};
2485
- // StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
2486
- // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2487
- // });
2488
- // setsectionproperties({ ...secpropobj });
2489
- // }
2490
- // }
2491
- // }, [StatePagePropertiesContext]);
2492
- // useEffect(() => {
2493
- // // if (authdetailsContext.loggedin == true) {
2494
- // var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
2495
- // tempFetchQueriesEngineContext.fetchtabexcountries = true;
2496
- // setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
2497
- // var tempFetchTabexStatesPayloadobjContext = { ...FetchTabexStatesPayloadobjContext };
2498
- // if (
2499
- // // Aya
2500
- // !fetchcustomercartQueryContext.isFetching &&
2501
- // fetchcustomercartQueryContext.isSuccess &&
2502
- // fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
2503
- // fetchcustomercartQueryContext?.data?.data?.customercart.countryid != null &&
2504
- // // End
2505
- // fetchcustomercartQueryContext?.data?.data?.customercart.countryid.length != 0
2506
- // ) {
2507
- // tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext?.data?.data?.customercart.countryid;
2508
- // }
2509
- // if (
2510
- // // aya
2511
- // !fetchcustomercartQueryContext.isFetching &&
2512
- // fetchcustomercartQueryContext.isSuccess &&
2513
- // fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
2514
- // fetchcustomercartQueryContext?.data?.data?.customercart.stateid != null &&
2515
- // // end
2516
- // fetchcustomercartQueryContext?.data?.data?.customercart.stateid.length != 0
2517
- // ) {
2518
- // tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext?.data?.data?.customercart.stateid;
2519
- // }
2520
- // setFetchTabexStatesPayloadobjContext({ ...tempFetchTabexStatesPayloadobjContext });
2521
- // // } else {
2522
- // // routingcountext('');
2523
- // // }
2524
- // }, []);
2525
- // const cartinfoupdater = (key, value) => {
2526
- // var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2527
- // cartarr.data.customercart[key] = value;
2528
- // queryClient.setQueryData('fetchcustomercart_API', cartarr);
2529
- // var payloadobj = {
2530
- // stateid: fetchcustomercartQueryContext?.data?.data?.customercart.stateid,
2531
- // countryid: fetchcustomercartQueryContext?.data?.data?.customercart.countryid,
2532
- // cityid: fetchcustomercartQueryContext?.data?.data?.customercart.cityid,
2533
- // address: fetchcustomercartQueryContext?.data?.data?.customercart.address,
2534
- // paymentmethod: fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod,
2535
- // name: fetchcustomercartQueryContext?.data?.data?.customercart.name,
2536
- // email: fetchcustomercartQueryContext?.data?.data?.customercart.email,
2537
- // mobile: fetchcustomercartQueryContext?.data?.data?.customercart.mobile,
2538
- // };
2539
- // if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
2540
- // clearTimeout(timer);
2541
- // settimer(
2542
- // setTimeout(() => {
2543
- // ChooseState_CountryMutationContext.mutate(payloadobj);
2544
- // }, 1500),
2545
- // );
2546
- // } else {
2547
- // ChooseState_CountryMutationContext.mutate(payloadobj);
2548
- // }
2549
- // };
2550
- // const checkoutstyles = {
2551
- // Salepricestyless: css({
2552
- // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2553
- // fontWeight: sectionproperties.prodsalePriceFontWeight,
2554
- // color: sectionproperties.prodsalePriceColor,
2555
- // show: sectionproperties.prodsalePriceshow,
2556
- // transition: '.3s',
2557
- // }),
2558
- // userinfo_iconcont: css({
2559
- // width: sectionproperties.userinfo_iconwidth + 'px',
2560
- // height: sectionproperties.userinfo_iconheight + 'px',
2561
- // background: sectionproperties.userinfo_iconbg,
2562
- // borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
2563
- // color: sectionproperties.userinfo_iconcolor,
2564
- // }),
2565
- // userinfotextstyles: css({
2566
- // color: sectionproperties.userinfo_color,
2567
- // fontWeight: sectionproperties.userinfo_fontweight,
2568
- // fontSize: sectionproperties.userinfo_fontsize + 'px',
2569
- // }),
2570
- // input_label_name: css({
2571
- // color: sectionproperties.form_labelcolor,
2572
- // textTransform: sectionproperties.form_labeltexttransform,
2573
- // fontWeight: sectionproperties.form_labelfontweight,
2574
- // fontSize: sectionproperties.form_labelfontsize + 'px',
2575
- // }),
2576
- // checkbox: css({
2577
- // color: sectionproperties.checkbox_color,
2578
- // textTransform: sectionproperties.form_labeltexttransform,
2579
- // fontWeight: sectionproperties.form_labelfontweight,
2580
- // fontSize: sectionproperties.form_labelfontsize + 'px',
2581
- // transition: '.3s',
2582
- // ':hover': {
2583
- // color: sectionproperties.checkbox_texthovercolor,
2584
- // },
2585
- // 'input:checked': {
2586
- // color: sectionproperties.checkbox_checkedcolor,
2587
- // },
2588
- // }),
2589
- // checkboxinputstyles: css({
2590
- // ':hover:not(:checked)': {
2591
- // boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor,
2592
- // },
2593
- // ':checked': {
2594
- // boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor,
2595
- // },
2596
- // }),
2597
- // svgstyles: css({
2598
- // stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')',
2599
- // }),
2600
- // innersectiontitlestyles: css({
2601
- // color: sectionproperties.innersection_titlecolor,
2602
- // fontSize: sectionproperties.innersection_titlefontsize + 'px',
2603
- // fontWeight: sectionproperties.innersection_titlefontweight,
2604
- // textTransform: sectionproperties.innersection_titletextTransform,
2605
- // }),
2606
- // summarysectionstyles: css({
2607
- // fontSize: sectionproperties.summary_fontsize + 'px',
2608
- // color: sectionproperties.summary_textcolor,
2609
- // fontWeight: sectionproperties.summary_textfontweight,
2610
- // textTransform: sectionproperties.summary_texttransform,
2611
- // textAlign: langdetect == 'en' ? 'left' : 'right',
2612
- // }),
2613
- // checkoutbtnstyles: css({
2614
- // background: sectionproperties.checkoutBtnbgColor,
2615
- // width: sectionproperties.checkoutBtnWidth,
2616
- // height: sectionproperties.checkoutBtnHeight,
2617
- // borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
2618
- // color: sectionproperties.checkoutBtnTextcolor,
2619
- // textTransform: sectionproperties.checkoutBtnTexttransform,
2620
- // fontWeight: sectionproperties.checkoutBtnTextfontweight,
2621
- // fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
2622
- // border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
2623
- // transition: '.3s',
2624
- // ':hover': {
2625
- // background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
2626
- // color: sectionproperties.checkoutBtnTextcoloronhover,
2627
- // },
2628
- // }),
2629
- // productNameStyles: css({
2630
- // color: sectionproperties.prodNameColor,
2631
- // fontSize: sectionproperties.prodNameFontSize + 'px',
2632
- // textTransform: sectionproperties.prodNameTextTranform,
2633
- // fontWeight: sectionproperties.prodNameFontWeight,
2634
- // }),
2635
- // productPricestyles: css({
2636
- // color: sectionproperties.prodPriceColor,
2637
- // fontSize: sectionproperties.prodpriceFontSize + 'px',
2638
- // fontWeight: sectionproperties.prodPriceFontWeight,
2639
- // }),
2640
- // productSalePricestyles: css({
2641
- // color: sectionproperties.prodsalePriceColor,
2642
- // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2643
- // fontWeight: sectionproperties.prodsalePriceFontWeight,
2644
- // }),
2645
- // imagecont: css({
2646
- // width: '8vh',
2647
- // height: '8vh',
2648
- // border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2649
- // backgroundColor: sectionproperties.prodimage_bgcolor,
2650
- // borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
2651
- // borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
2652
- // borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
2653
- // borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
2654
- // display: 'flex',
2655
- // alignItems: 'center',
2656
- // justifyContent: 'center',
2657
- // backgroundRepeat: 'no-repeat',
2658
- // backgroundSize: 'cover',
2659
- // backgroundPosition: 'center',
2660
- // position: 'relative',
2661
- // }),
2662
- // applybtnstyles: css({
2663
- // width: sectionproperties.applybtn_width + 'px',
2664
- // height: sectionproperties.applybtn_height + 'px',
2665
- // borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
2666
- // textTransform: sectionproperties.applybtn_texttransform,
2667
- // fontSize: sectionproperties.applybtn_fontsize + 'px',
2668
- // color: sectionproperties.applybtn_textColor,
2669
- // fontWeight: sectionproperties.applybtn_Textfontweight,
2670
- // background: sectionproperties.applybtn_bgColor,
2671
- // border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
2672
- // transition: '.3s',
2673
- // ':hover': {
2674
- // background: sectionproperties.applybtn_bgColoronhover,
2675
- // color: sectionproperties.applybtn_Textcoloronhover,
2676
- // },
2677
- // }),
2678
- // inputfiledstyles: css({}),
2679
- // checkorderbtnstyles: css({
2680
- // background: sectionproperties.generalbtn_bgColor,
2681
- // width: sectionproperties.generalbtn_width,
2682
- // height: sectionproperties.generalbtn_height,
2683
- // borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2684
- // borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2685
- // borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2686
- // borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2687
- // color: sectionproperties.generalbtn_textColor,
2688
- // textTransform: sectionproperties.generalbtn_texttransform,
2689
- // fontWeight: sectionproperties.generalbtn_fontweight,
2690
- // fontSize: sectionproperties.generalbtn_fontsize + 'px',
2691
- // border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
2692
- // transition: '.3s',
2693
- // ':hover': {
2694
- // background: sectionproperties.generalbtn_bgColoronhover,
2695
- // color: sectionproperties.generalbtn_textColoronhover,
2696
- // },
2697
- // }),
2698
- // input_label_name: css({
2699
- // color: sectionproperties.form_labelcolor,
2700
- // textTransform: sectionproperties.form_labeltexttransform,
2701
- // fontWeight: sectionproperties.form_labelfontweight,
2702
- // fontSize: sectionproperties.form_labelfontsize + 'px',
2703
- // }),
2704
- // };
2705
- // const Mycart = () => {
2706
- // return (
2707
- // <div className="row m-0 w-100">
2708
- // <div className="col-lg-12 d-flex align-items-center p-0">
2709
- // <p
2710
- // style={{
2711
- // fontSize: sectionproperties.sectionTitleFontSize + 'px',
2712
- // color: sectionproperties.sectionTitleColor,
2713
- // marginTop: sectionproperties.sectionTitleMarginTop + 'px',
2714
- // marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
2715
- // textTransform: sectionproperties.sectionTitleTextTransform,
2716
- // fontWeight: sectionproperties.sectionTitleFontWeight,
2717
- // }}
2718
- // >
2719
- // {lang.mycart}
2720
- // </p>
2721
- // </div>
2722
- // {ChooseState_CountryMutationContext.isLoading && <CircularProgress />}
2723
- // {!ChooseState_CountryMutationContext.isLoading && (
2724
- // <div className="row m-0 w-100">
2725
- // <div className="col-lg-12 p-0">
2726
- // {fetchcustomercartQueryContext?.data?.data?.customercart.cartitems.map((item, index) => {
2727
- // return (
2728
- // <div
2729
- // 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'}
2730
- // style={{
2731
- // background: sectionproperties.summary_sectionbgcolor,
2732
- // borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
2733
- // border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
2734
- // }}
2735
- // >
2736
- // <div className="row m-0 w-100 d-flex">
2737
- // <div className={`${checkoutstyles.imagecont}`}>
2738
- // <IKImage
2739
- // urlEndpoint={IKurlEndpoint}
2740
- // publicKey={IKpublicKey}
2741
- // path={
2742
- // item.productinfo.hasvariants == 0
2743
- // ? '/tr:w-300,h-300/' + item.productinfo.productmainimage
2744
- // : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl
2745
- // }
2746
- // style={{
2747
- // width: '100%',
2748
- // height: '100%',
2749
- // objectFit: 'cover',
2750
- // }}
2751
- // loading="lazy"
2752
- // />
2753
- // </div>
2754
- // <div className="col-lg-7 col-md-7 col-sm-7">
2755
- // <div className="row m-0 w-100">
2756
- // <div className="col-lg-12 col-md-12 col-sm-12 p-0">
2757
- // <p className={`${checkoutstyles.productNameStyles}` + ' m-0 p-0 d-flex justify-content-start '}>
2758
- // {langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar}
2759
- // </p>
2760
- // </div>
2761
- // <div className="col-lg-12 p-0">
2762
- // <p className="m-0 p-0 font-weight-500 text-light d-flex justify-content-start">
2763
- // {lang.qty}: {item.quantity}
2764
- // </p>
2765
- // </div>
2766
- // {item.productinfo.hasvariants == 1 &&
2767
- // item.productinfo.variantinfo.variantoptions.map((variantitem, variantindex) => {
2768
- // return (
2769
- // <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex">
2770
- // <p className={'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '}>{variantitem.optionname}:</p>
2771
- // <p className={' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '}>{variantitem.optionvalue}</p>
2772
- // </div>
2773
- // );
2774
- // })}
2775
- // </div>
2776
- // </div>
2777
- // <div className="col-lg-3 col-md-3 col-sm-2 p-0">
2778
- // <div className="row m-0 w-100 h-100">
2779
- // <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto">
2780
- // {item.productinfo.hasvariants == 0 && (
2781
- // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2782
- // {item.productinfo.hassale == 0 && (
2783
- // <div className="col-lg-12 p-0 d-flex justify-content-end">
2784
- // <p
2785
- // className={
2786
- // langdetect == 'en'
2787
- // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2788
- // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2789
- // }
2790
- // >
2791
- // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
2792
- // </p>
2793
- // </div>
2794
- // )}
2795
- // {item.productinfo.hassale == 1 && (
2796
- // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2797
- // <div className="col-lg-12 p-0 d-flex justify-content-end">
2798
- // <p
2799
- // className={
2800
- // langdetect == 'en'
2801
- // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2802
- // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2803
- // }
2804
- // >
2805
- // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultsaleprice} {langdetect == 'en' ? '' : 'ج.م'}
2806
- // </p>
2807
- // </div>
2808
- // <div className="col-lg-12 p-0 d-flex justify-content-end">
2809
- // <p
2810
- // className={
2811
- // langdetect == 'en'
2812
- // ? `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-right '
2813
- // : `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-left '
2814
- // }
2815
- // >
2816
- // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
2817
- // </p>
2818
- // </div>
2819
- // </div>
2820
- // )}
2821
- // </div>
2822
- // )}
2823
- // {item.productinfo.hasvariants == 1 && (
2824
- // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2825
- // {item.productinfo.variantinfo.hassale == 0 && (
2826
- // <div className="col-lg-12 p-0 d-flex justify-content-end">
2827
- // <p
2828
- // className={
2829
- // langdetect == 'en'
2830
- // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2831
- // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2832
- // }
2833
- // >
2834
- // {langdetect == 'en' ? 'EGP' : 'ج.م'} {item.productinfo.variantinfo.variantprice}
2835
- // </p>
2836
- // </div>
2837
- // )}
2838
- // {item.productinfo.variantinfo.hassale == 1 && (
2839
- // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2840
- // <div className="col-lg-12 p-0 d-flex justify-content-end">
2841
- // <p
2842
- // className={
2843
- // langdetect == 'en'
2844
- // ? `${checkoutstyles.productPricestyles}` +
2845
- // ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
2846
- // : `${checkoutstyles.productPricestyles}` +
2847
- // ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
2848
- // }
2849
- // >
2850
- // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantsaleprice}
2851
- // {langdetect == 'en' ? '' : 'ج.م'}
2852
- // </p>
2853
- // </div>
2854
- // <div className="col-lg-12 p-0 d-flex justify-content-end">
2855
- // <p
2856
- // className={
2857
- // langdetect == 'en'
2858
- // ? `${checkoutstyles.Salepricestyless}` +
2859
- // ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
2860
- // : `${checkoutstyles.Salepricestyless}` +
2861
- // ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
2862
- // }
2863
- // >
2864
- // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantprice} {langdetect == 'en' ? '' : 'ج.م'}
2865
- // </p>
2866
- // </div>
2867
- // </div>
2868
- // )}
2869
- // </div>
2870
- // )}
2871
- // </div>
2872
- // </div>
2873
- // </div>
2874
- // </div>
2875
- // </div>
2876
- // );
2877
- // })}
2878
- // <div
2879
- // className={' row m-0 w-100 p-3'}
2880
- // style={{
2881
- // background: sectionproperties.summary_sectionbgcolor,
2882
- // borderRadius: sectionproperties.summary_sectionborderradius + 'px',
2883
- // border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
2884
- // }}
2885
- // >
2886
- // <div className="col-lg-12 p-0 mb-1">
2887
- // <div className="col-lg-12 p-0 mb-4">
2888
- // <label className={`${checkoutstyles.input_label_name}` + ' m-0 p-0 mb-2 d-flex justify-content-start '}>{lang.doyouhavepromocode}</label>
2889
- // <div className={' row m-0 w-100 d-flex justify-content-center align-items-center '}>
2890
- // <div className={'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'}>
2891
- // <input
2892
- // type="text"
2893
- // className={`${formstyles.form_control}`}
2894
- // style={{
2895
- // borderRadius: sectionproperties.inputfieldborderradius + 'px',
2896
- // fontSize: sectionproperties.inputfieldfontsize + 'px',
2897
- // color: sectionproperties.inputfieldcolor,
2898
- // backgroundColor: sectionproperties.input_bgcolor,
2899
- // }}
2900
- // placeholder={lang.giftcarddicountcode}
2901
- // value={fetchcustomercartQueryContext?.data?.data?.customercart.couponname}
2902
- // onChange={(event) => {
2903
- // var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2904
- // cartarr.data.customercart.couponname = event.target.value;
2905
- // queryClient.setQueryData('fetchcustomercart_API', cartarr);
2906
- // }}
2907
- // disabled={fetchcustomercartQueryContext?.data?.data?.customercart.couponexists ? true : false}
2908
- // />
2909
- // </div>
2910
- // <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
2911
- // <button
2912
- // className={` ${checkoutstyles.applybtnstyles}`}
2913
- // onClick={() => {
2914
- // if (!fetchcustomercartQueryContext?.data?.data?.customercart.couponexists) {
2915
- // var payloadobj = {
2916
- // couponname: fetchcustomercartQueryContext?.data?.data?.customercart.couponname,
2917
- // functype: 'add',
2918
- // };
2919
- // if (fetchcustomercartQueryContext?.data?.data?.customercart.couponname.length != 0) {
2920
- // ApplyPromoCodeMutationContext.mutate(payloadobj);
2921
- // } else {
2922
- // NotificationManager.warning('', 'Please Type Promo Code');
2923
- // }
2924
- // } else {
2925
- // var payloadobj = {
2926
- // functype: 'delete',
2927
- // };
2928
- // ApplyPromoCodeMutationContext.mutate(payloadobj);
2929
- // }
2930
- // }}
2931
- // disabled={ApplyPromoCodeMutationContext.isLoading ? true : false}
2932
- // >
2933
- // <span className={ApplyPromoCodeMutationContext.isLoading ? `${generalstyles.fadeOutButton}` : `${generalstyles.fadeInButton}`}>
2934
- // {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists
2935
- // ? langdetect == 'en'
2936
- // ? 'Remove'
2937
- // : 'حذف'
2938
- // : langdetect == 'en'
2939
- // ? 'Apply'
2940
- // : 'تطبيق'}
2941
- // </span>
2942
- // <div
2943
- // className={
2944
- // ApplyPromoCodeMutationContext.isLoading
2945
- // ? `${generalstyles.fadeInButton} ${generalstyles.btn_preloader}` + ' d-flex align-items-center justify-content-center '
2946
- // : `${generalstyles.fadeOutButton}` + ' align-items-center justify-content-center '
2947
- // }
2948
- // >
2949
- // <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />
2950
- // </div>
2951
- // </button>
2952
- // </div>
2953
- // </div>
2954
- // </div>
2955
- // <div className="row m-0 w-100">
2956
- // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2957
- // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-center wordbreak '}>{lang.subtotal}</p>
2958
- // </div>
2959
- // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2960
- // <p
2961
- // className={
2962
- // langdetect == 'en'
2963
- // ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
2964
- // : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
2965
- // }
2966
- // >
2967
- // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalprice} {langdetect == 'en' ? '' : 'ج.م'}
2968
- // </p>
2969
- // </div>
2970
- // </div>
2971
- // </div>
2972
- // {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists && fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
2973
- // <div className="col-lg-12 p-0 mb-1">
2974
- // <div className="row m-0 w-100">
2975
- // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2976
- // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '}>{lang.discount}</p>
2977
- // </div>
2978
- // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2979
- // <p
2980
- // className={
2981
- // langdetect == 'en'
2982
- // ? `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-right '
2983
- // : `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-left '
2984
- // }
2985
- // >
2986
- // {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
2987
- // <span>
2988
- // - {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice}{' '}
2989
- // {langdetect == 'en' ? '' : 'ج.م'}
2990
- // </span>
2991
- // )}
2992
- // {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice == 0 && <span>0</span>}
2993
- // </p>
2994
- // </div>
2995
- // </div>
2996
- // </div>
2997
- // )}
2998
- // <div className="col-lg-12 p-0">
2999
- // <div className="row m-0 w-100">
3000
- // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3001
- // <p className={`${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 d-flex align-items-start wordbreak '}>{lang.shippingfees}</p>
3002
- // </div>
3003
- // {fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
3004
- // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
3005
- // <p
3006
- // className={
3007
- // langdetect == 'en'
3008
- // ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
3009
- // : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
3010
- // }
3011
- // >
3012
- // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.zoneprice} {langdetect == 'en' ? '' : 'ج.م'}
3013
- // </p>
3014
- // </div>
3015
- // )}
3016
- // {!fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
3017
- // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
3018
- // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-start wordbreak '} style={{ color: 'red' }}>
3019
- // {lang.outofzone}
3020
- // </p>
3021
- // </div>
3022
- // )}
3023
- // </div>
3024
- // </div>
3025
- // <div className="col-lg-12 p-0">
3026
- // <hr className="mt-2 mb-2" />
3027
- // </div>
3028
- // <div className="col-lg-12 p-0">
3029
- // <div className="row m-0 w-100">
3030
- // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3031
- // <p
3032
- // className="d-flex align-items-start"
3033
- // style={{
3034
- // fontSize: sectionproperties.total_fontsize + 'px',
3035
- // fontWeight: sectionproperties.total_fontweight,
3036
- // textTransform: sectionproperties.total_texttransform,
3037
- // color: sectionproperties.total_color,
3038
- // }}
3039
- // >
3040
- // {lang.total}
3041
- // </p>
3042
- // </div>
3043
- // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3044
- // <div className="row m-0 w-100">
3045
- // <div className="col-lg-12 p-0 d-flex justify-content-end ">
3046
- // <p
3047
- // className={langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left '}
3048
- // style={{
3049
- // fontSize: sectionproperties.total_fontsize + 'px',
3050
- // fontWeight: sectionproperties.total_fontweight,
3051
- // textTransform: sectionproperties.total_texttransform,
3052
- // color: sectionproperties.total_color,
3053
- // }}
3054
- // >
3055
- // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalpriceafterdiscount}{' '}
3056
- // {langdetect == 'en' ? '' : 'ج.م'}
3057
- // </p>
3058
- // </div>
3059
- // </div>
3060
- // </div>
3061
- // </div>
3062
- // </div>
3063
- // <div className="col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3">
3064
- // <button
3065
- // className={` ${checkoutstyles.checkoutbtnstyles}` + ' d-flex align-items-center justify-content-center '}
3066
- // onClick={() => {
3067
- // var payloadobj = {};
3068
- // AddOrderMutationContext.mutate(payloadobj);
3069
- // }}
3070
- // disabled={AddOrderMutationContext.isLoading ? true : false}
3071
- // >
3072
- // {AddOrderMutationContext.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
3073
- // {!AddOrderMutationContext.isLoading
3074
- // ? fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod == 'onlinepayment'
3075
- // ? lang.continuetopayment
3076
- // : authdetailsContext.loggedin
3077
- // ? lang.confirmorder
3078
- // : lang.confirmorder + ' ' + lang.asaguest
3079
- // : ''}
3080
- // </button>
3081
- // </div>
3082
- // </div>
3083
- // </div>
3084
- // </div>
3085
- // )}
3086
- // </div>
3087
- // );
3088
- // };
3089
- return /*#__PURE__*/React__default["default"].createElement("div", {
3090
- className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
3091
- }, "adsdss");
2558
+ var _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue89, _fetchcustomercartQue90, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue97, _fetchcustomercartQue98;
2559
+
2560
+ var _useState = React.useState(null),
2561
+ _useState2 = _slicedToArray__default["default"](_useState, 2),
2562
+ timer = _useState2[0],
2563
+ settimer = _useState2[1];
2564
+
2565
+ var langdetect = props.actions.langdetect;
2566
+ var lang = props.actions.lang;
2567
+ var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
2568
+ var routingcountext = props.actions.routingcountext;
2569
+ var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
2570
+ var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
2571
+ var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2572
+ var templatepropcontext = props.actions.templatepropcontext;
2573
+ var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
2574
+ var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
2575
+ var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
2576
+ var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
2577
+ var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
2578
+ var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
2579
+ var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
2580
+ var ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
2581
+ var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
2582
+ var AddOrderMutationContext = props.actions.AddOrderMutationContext;
2583
+ props.actions.fetchAuthorizationQueryContext;
2584
+ var authdetailsContext = props.actions.authdetailsContext;
2585
+ var NotificationManager = props.actions.NotificationManager;
2586
+ var queryClient = props.actions.queryClient;
2587
+
2588
+ var _useState3 = React.useState(''),
2589
+ _useState4 = _slicedToArray__default["default"](_useState3, 2),
2590
+ sectionproperties = _useState4[0],
2591
+ setsectionproperties = _useState4[1];
2592
+
2593
+ var _useState5 = React.useState(''),
2594
+ _useState6 = _slicedToArray__default["default"](_useState5, 2),
2595
+ CurrentPageId = _useState6[0],
2596
+ setCurrentPageId = _useState6[1];
2597
+
2598
+ React.useEffect(function () {
2599
+ var _templatepropcontext$;
2600
+
2601
+ var cartindex = templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
2602
+ return x.staticpageid == '6218bccb82af8';
2603
+ });
2604
+
2605
+ if (cartindex >= 0) {
2606
+ setCurrentPageId(cartindex);
2607
+ }
2608
+ }, []);
2609
+ React.useEffect(function () {
2610
+ var _templatepropcontext$2, _templatepropcontext$3;
2611
+
2612
+ var secpropobj = {};
2613
+ 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) {
2614
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2615
+ });
2616
+ setsectionproperties(_objectSpread$12({}, secpropobj));
2617
+ }, [CurrentPageId]);
2618
+ React.useEffect(function () {
2619
+ if (CurrentSrcTypeContext == 'workplace') {
2620
+ if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
2621
+ var _StatePagePropertiesC, _StatePagePropertiesC2;
2622
+
2623
+ var secpropobj = {};
2624
+ 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) {
2625
+ secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2626
+ });
2627
+ setsectionproperties(_objectSpread$12({}, secpropobj));
2628
+ }
2629
+ }
2630
+ }, [StatePagePropertiesContext]);
2631
+ React.useEffect(function () {
2632
+ var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
2633
+
2634
+ // if (authdetailsContext.loggedin == true) {
2635
+ var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
2636
+
2637
+ tempFetchQueriesEngineContext.fetchtabexcountries = true;
2638
+ setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
2639
+
2640
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
2641
+
2642
+ if ( // Aya
2643
+ !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
2644
+ (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) {
2645
+ var _fetchcustomercartQue7, _fetchcustomercartQue8;
2646
+
2647
+ 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;
2648
+ }
2649
+
2650
+ if ( // aya
2651
+ !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
2652
+ (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) {
2653
+ var _fetchcustomercartQue15, _fetchcustomercartQue16;
2654
+
2655
+ 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;
2656
+ }
2657
+
2658
+ setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext)); // } else {
2659
+ // routingcountext('');
2660
+ // }
2661
+ }, []);
2662
+
2663
+ var cartinfoupdater = function cartinfoupdater(key, value) {
2664
+ var _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
2665
+
2666
+ var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2667
+ cartarr.data.customercart[key] = value;
2668
+ queryClient.setQueryData('fetchcustomercart_API', cartarr);
2669
+ var payloadobj = {
2670
+ 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,
2671
+ 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,
2672
+ 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,
2673
+ 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,
2674
+ 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,
2675
+ 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,
2676
+ 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,
2677
+ 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
2678
+ };
2679
+
2680
+ if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
2681
+ clearTimeout(timer);
2682
+ settimer(setTimeout(function () {
2683
+ ChooseState_CountryMutationContext.mutate(payloadobj);
2684
+ }, 1500));
2685
+ } else {
2686
+ ChooseState_CountryMutationContext.mutate(payloadobj);
2687
+ }
2688
+ };
2689
+
2690
+ var checkoutstyles = _defineProperty__default["default"]({
2691
+ Salepricestyless: glamor.css({
2692
+ fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2693
+ fontWeight: sectionproperties.prodsalePriceFontWeight,
2694
+ color: sectionproperties.prodsalePriceColor,
2695
+ show: sectionproperties.prodsalePriceshow,
2696
+ transition: '.3s'
2697
+ }),
2698
+ userinfo_iconcont: glamor.css({
2699
+ width: sectionproperties.userinfo_iconwidth + 'px',
2700
+ height: sectionproperties.userinfo_iconheight + 'px',
2701
+ background: sectionproperties.userinfo_iconbg,
2702
+ borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
2703
+ color: sectionproperties.userinfo_iconcolor
2704
+ }),
2705
+ userinfotextstyles: glamor.css({
2706
+ color: sectionproperties.userinfo_color,
2707
+ fontWeight: sectionproperties.userinfo_fontweight,
2708
+ fontSize: sectionproperties.userinfo_fontsize + 'px'
2709
+ }),
2710
+ input_label_name: glamor.css({
2711
+ color: sectionproperties.form_labelcolor,
2712
+ textTransform: sectionproperties.form_labeltexttransform,
2713
+ fontWeight: sectionproperties.form_labelfontweight,
2714
+ fontSize: sectionproperties.form_labelfontsize + 'px'
2715
+ }),
2716
+ checkbox: glamor.css({
2717
+ color: sectionproperties.checkbox_color,
2718
+ textTransform: sectionproperties.form_labeltexttransform,
2719
+ fontWeight: sectionproperties.form_labelfontweight,
2720
+ fontSize: sectionproperties.form_labelfontsize + 'px',
2721
+ transition: '.3s',
2722
+ ':hover': {
2723
+ color: sectionproperties.checkbox_texthovercolor
2724
+ },
2725
+ 'input:checked': {
2726
+ color: sectionproperties.checkbox_checkedcolor
2727
+ }
2728
+ }),
2729
+ checkboxinputstyles: glamor.css({
2730
+ ':hover:not(:checked)': {
2731
+ boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor
2732
+ },
2733
+ ':checked': {
2734
+ boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor
2735
+ }
2736
+ }),
2737
+ svgstyles: glamor.css({
2738
+ stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
2739
+ }),
2740
+ innersectiontitlestyles: glamor.css({
2741
+ color: sectionproperties.innersection_titlecolor,
2742
+ fontSize: sectionproperties.innersection_titlefontsize + 'px',
2743
+ fontWeight: sectionproperties.innersection_titlefontweight,
2744
+ textTransform: sectionproperties.innersection_titletextTransform
2745
+ }),
2746
+ summarysectionstyles: glamor.css({
2747
+ fontSize: sectionproperties.summary_fontsize + 'px',
2748
+ color: sectionproperties.summary_textcolor,
2749
+ fontWeight: sectionproperties.summary_textfontweight,
2750
+ textTransform: sectionproperties.summary_texttransform,
2751
+ textAlign: langdetect == 'en' ? 'left' : 'right'
2752
+ }),
2753
+ checkoutbtnstyles: glamor.css({
2754
+ background: sectionproperties.checkoutBtnbgColor,
2755
+ width: sectionproperties.checkoutBtnWidth,
2756
+ height: sectionproperties.checkoutBtnHeight,
2757
+ borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
2758
+ color: sectionproperties.checkoutBtnTextcolor,
2759
+ textTransform: sectionproperties.checkoutBtnTexttransform,
2760
+ fontWeight: sectionproperties.checkoutBtnTextfontweight,
2761
+ fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
2762
+ border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
2763
+ transition: '.3s',
2764
+ ':hover': {
2765
+ background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
2766
+ color: sectionproperties.checkoutBtnTextcoloronhover
2767
+ }
2768
+ }),
2769
+ productNameStyles: glamor.css({
2770
+ color: sectionproperties.prodNameColor,
2771
+ fontSize: sectionproperties.prodNameFontSize + 'px',
2772
+ textTransform: sectionproperties.prodNameTextTranform,
2773
+ fontWeight: sectionproperties.prodNameFontWeight
2774
+ }),
2775
+ productPricestyles: glamor.css({
2776
+ color: sectionproperties.prodPriceColor,
2777
+ fontSize: sectionproperties.prodpriceFontSize + 'px',
2778
+ fontWeight: sectionproperties.prodPriceFontWeight
2779
+ }),
2780
+ productSalePricestyles: glamor.css({
2781
+ color: sectionproperties.prodsalePriceColor,
2782
+ fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2783
+ fontWeight: sectionproperties.prodsalePriceFontWeight
2784
+ }),
2785
+ imagecont: glamor.css({
2786
+ width: '8vh',
2787
+ height: '8vh',
2788
+ border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2789
+ backgroundColor: sectionproperties.prodimage_bgcolor,
2790
+ borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
2791
+ borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
2792
+ borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
2793
+ borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
2794
+ display: 'flex',
2795
+ alignItems: 'center',
2796
+ justifyContent: 'center',
2797
+ backgroundRepeat: 'no-repeat',
2798
+ backgroundSize: 'cover',
2799
+ backgroundPosition: 'center',
2800
+ position: 'relative'
2801
+ }),
2802
+ applybtnstyles: glamor.css({
2803
+ width: sectionproperties.applybtn_width + 'px',
2804
+ height: sectionproperties.applybtn_height + 'px',
2805
+ borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
2806
+ textTransform: sectionproperties.applybtn_texttransform,
2807
+ fontSize: sectionproperties.applybtn_fontsize + 'px',
2808
+ color: sectionproperties.applybtn_textColor,
2809
+ fontWeight: sectionproperties.applybtn_Textfontweight,
2810
+ background: sectionproperties.applybtn_bgColor,
2811
+ border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
2812
+ transition: '.3s',
2813
+ ':hover': {
2814
+ background: sectionproperties.applybtn_bgColoronhover,
2815
+ color: sectionproperties.applybtn_Textcoloronhover
2816
+ }
2817
+ }),
2818
+ inputfiledstyles: glamor.css({}),
2819
+ checkorderbtnstyles: glamor.css({
2820
+ background: sectionproperties.generalbtn_bgColor,
2821
+ width: sectionproperties.generalbtn_width,
2822
+ height: sectionproperties.generalbtn_height,
2823
+ borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2824
+ borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2825
+ borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2826
+ borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2827
+ color: sectionproperties.generalbtn_textColor,
2828
+ textTransform: sectionproperties.generalbtn_texttransform,
2829
+ fontWeight: sectionproperties.generalbtn_fontweight,
2830
+ fontSize: sectionproperties.generalbtn_fontsize + 'px',
2831
+ border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
2832
+ transition: '.3s',
2833
+ ':hover': {
2834
+ background: sectionproperties.generalbtn_bgColoronhover,
2835
+ color: sectionproperties.generalbtn_textColoronhover
2836
+ }
2837
+ })
2838
+ }, "input_label_name", glamor.css({
2839
+ color: sectionproperties.form_labelcolor,
2840
+ textTransform: sectionproperties.form_labeltexttransform,
2841
+ fontWeight: sectionproperties.form_labelfontweight,
2842
+ fontSize: sectionproperties.form_labelfontsize + 'px'
2843
+ }));
2844
+
2845
+ var Mycart = function Mycart() {
2846
+ 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;
2847
+
2848
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2849
+ className: "row m-0 w-100"
2850
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2851
+ className: "col-lg-12 d-flex align-items-center p-0"
2852
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2853
+ style: {
2854
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
2855
+ color: sectionproperties.sectionTitleColor,
2856
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
2857
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
2858
+ textTransform: sectionproperties.sectionTitleTextTransform,
2859
+ fontWeight: sectionproperties.sectionTitleFontWeight
2860
+ }
2861
+ }, lang.mycart)), ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, null), !ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2862
+ className: "row m-0 w-100"
2863
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2864
+ className: "col-lg-12 p-0"
2865
+ }, 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) {
2866
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2867
+ 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',
2868
+ style: {
2869
+ background: sectionproperties.summary_sectionbgcolor,
2870
+ borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
2871
+ border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
2872
+ }
2873
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2874
+ className: "row m-0 w-100 d-flex"
2875
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2876
+ className: "".concat(checkoutstyles.imagecont)
2877
+ }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2878
+ urlEndpoint: IKurlEndpoint,
2879
+ publicKey: IKpublicKey,
2880
+ path: item.productinfo.hasvariants == 0 ? '/tr:w-300,h-300/' + item.productinfo.productmainimage : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl,
2881
+ style: {
2882
+ width: '100%',
2883
+ height: '100%',
2884
+ objectFit: 'cover'
2885
+ },
2886
+ loading: "lazy"
2887
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2888
+ className: "col-lg-7 col-md-7 col-sm-7"
2889
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2890
+ className: "row m-0 w-100"
2891
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2892
+ className: "col-lg-12 col-md-12 col-sm-12 p-0"
2893
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2894
+ className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 d-flex justify-content-start '
2895
+ }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2896
+ className: "col-lg-12 p-0"
2897
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2898
+ className: "m-0 p-0 font-weight-500 text-light d-flex justify-content-start"
2899
+ }, lang.qty, ": ", item.quantity)), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
2900
+ return /*#__PURE__*/React__default["default"].createElement("div", {
2901
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
2902
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2903
+ className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
2904
+ }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
2905
+ className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
2906
+ }, variantitem.optionvalue));
2907
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
2908
+ className: "col-lg-3 col-md-3 col-sm-2 p-0"
2909
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2910
+ className: "row m-0 w-100 h-100"
2911
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2912
+ className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto"
2913
+ }, item.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2914
+ className: "row m-0 w-100 d-flex flex-column justify-content-end"
2915
+ }, item.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2916
+ className: "col-lg-12 p-0 d-flex justify-content-end"
2917
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2918
+ className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2919
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), item.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2920
+ className: "row m-0 w-100 d-flex flex-column justify-content-end"
2921
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2922
+ className: "col-lg-12 p-0 d-flex justify-content-end"
2923
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2924
+ className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2925
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultsaleprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
2926
+ className: "col-lg-12 p-0 d-flex justify-content-end"
2927
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2928
+ 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 '
2929
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), item.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2930
+ className: "row m-0 w-100 d-flex flex-column justify-content-end"
2931
+ }, item.productinfo.variantinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2932
+ className: "col-lg-12 p-0 d-flex justify-content-end"
2933
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2934
+ className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2935
+ }, langdetect == 'en' ? 'EGP' : 'ج.م', " ", item.productinfo.variantinfo.variantprice)), item.productinfo.variantinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2936
+ className: "row m-0 w-100 d-flex flex-column justify-content-end"
2937
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2938
+ className: "col-lg-12 p-0 d-flex justify-content-end"
2939
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2940
+ 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 '
2941
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
2942
+ className: "col-lg-12 p-0 d-flex justify-content-end"
2943
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
2944
+ 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 '
2945
+ }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantprice, " ", langdetect == 'en' ? '' : 'ج.م')))))))));
2946
+ }), /*#__PURE__*/React__default["default"].createElement("div", {
2947
+ className: ' row m-0 w-100 p-3',
2948
+ style: {
2949
+ background: sectionproperties.summary_sectionbgcolor,
2950
+ borderRadius: sectionproperties.summary_sectionborderradius + 'px',
2951
+ border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
2952
+ }
2953
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2954
+ className: "col-lg-12 p-0 mb-1"
2955
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2956
+ className: "col-lg-12 p-0 mb-4"
2957
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
2958
+ className: "".concat(checkoutstyles.input_label_name) + ' m-0 p-0 mb-2 d-flex justify-content-start '
2959
+ }, lang.doyouhavepromocode), /*#__PURE__*/React__default["default"].createElement("div", {
2960
+ className: ' row m-0 w-100 d-flex justify-content-center align-items-center '
2961
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
2962
+ className: 'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'
2963
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
2964
+ type: "text",
2965
+ className: "".concat(formstyles.form_control),
2966
+ style: {
2967
+ borderRadius: sectionproperties.inputfieldborderradius + 'px',
2968
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
2969
+ color: sectionproperties.inputfieldcolor,
2970
+ backgroundColor: sectionproperties.input_bgcolor
2971
+ },
2972
+ placeholder: lang.giftcarddicountcode,
2973
+ 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,
2974
+ onChange: function onChange(event) {
2975
+ var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2976
+ cartarr.data.customercart.couponname = event.target.value;
2977
+ queryClient.setQueryData('fetchcustomercart_API', cartarr);
2978
+ },
2979
+ 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
2980
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
2981
+ className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
2982
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
2983
+ className: " ".concat(checkoutstyles.applybtnstyles),
2984
+ onClick: function onClick() {
2985
+ var _fetchcustomercartQue39, _fetchcustomercartQue40;
2986
+
2987
+ if (!(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists)) {
2988
+ var _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44;
2989
+
2990
+ var payloadobj = {
2991
+ 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,
2992
+ functype: 'add'
2993
+ };
2994
+
2995
+ 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) {
2996
+ ApplyPromoCodeMutationContext.mutate(payloadobj);
2997
+ } else {
2998
+ NotificationManager.warning('', 'Please Type Promo Code');
2999
+ }
3000
+ } else {
3001
+ var payloadobj = {
3002
+ functype: 'delete'
3003
+ };
3004
+ ApplyPromoCodeMutationContext.mutate(payloadobj);
3005
+ }
3006
+ },
3007
+ disabled: ApplyPromoCodeMutationContext.isLoading ? true : false
3008
+ }, /*#__PURE__*/React__default["default"].createElement("span", {
3009
+ className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeOutButton) : "".concat(generalstyles.fadeInButton)
3010
+ }, 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", {
3011
+ 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 '
3012
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3013
+ color: "#fff",
3014
+ width: "20px",
3015
+ height: "20px",
3016
+ duration: "1s"
3017
+ })))))), /*#__PURE__*/React__default["default"].createElement("div", {
3018
+ className: "row m-0 w-100"
3019
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3020
+ className: "col-lg-6 col-md-6 col-sm-6 p-0"
3021
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3022
+ className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
3023
+ }, lang.subtotal)), /*#__PURE__*/React__default["default"].createElement("div", {
3024
+ className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3025
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3026
+ className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
3027
+ }, 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", {
3028
+ className: "col-lg-12 p-0 mb-1"
3029
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3030
+ className: "row m-0 w-100"
3031
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3032
+ className: "col-lg-6 col-md-6 col-sm-6 p-0"
3033
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3034
+ className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '
3035
+ }, lang.discount)), /*#__PURE__*/React__default["default"].createElement("div", {
3036
+ className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3037
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3038
+ 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 '
3039
+ }, (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", {
3040
+ className: "col-lg-12 p-0"
3041
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3042
+ className: "row m-0 w-100"
3043
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3044
+ className: "col-lg-6 col-md-6 col-sm-6 p-0"
3045
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3046
+ className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
3047
+ }, 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", {
3048
+ className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3049
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3050
+ className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
3051
+ }, 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", {
3052
+ className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3053
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3054
+ className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
3055
+ style: {
3056
+ color: 'red'
3057
+ }
3058
+ }, lang.outofzone)))), /*#__PURE__*/React__default["default"].createElement("div", {
3059
+ className: "col-lg-12 p-0"
3060
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
3061
+ className: "mt-2 mb-2"
3062
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3063
+ className: "col-lg-12 p-0"
3064
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3065
+ className: "row m-0 w-100"
3066
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3067
+ className: "col-lg-6 col-md-6 col-sm-6 p-0"
3068
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3069
+ className: "d-flex align-items-start",
3070
+ style: {
3071
+ fontSize: sectionproperties.total_fontsize + 'px',
3072
+ fontWeight: sectionproperties.total_fontweight,
3073
+ textTransform: sectionproperties.total_texttransform,
3074
+ color: sectionproperties.total_color
3075
+ }
3076
+ }, lang.total)), /*#__PURE__*/React__default["default"].createElement("div", {
3077
+ className: "col-lg-6 col-md-6 col-sm-6 p-0"
3078
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3079
+ className: "row m-0 w-100"
3080
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3081
+ className: "col-lg-12 p-0 d-flex justify-content-end "
3082
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3083
+ className: langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left ',
3084
+ style: {
3085
+ fontSize: sectionproperties.total_fontsize + 'px',
3086
+ fontWeight: sectionproperties.total_fontweight,
3087
+ textTransform: sectionproperties.total_texttransform,
3088
+ color: sectionproperties.total_color
3089
+ }
3090
+ }, 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", {
3091
+ className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
3092
+ }, /*#__PURE__*/React__default["default"].createElement("button", {
3093
+ className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
3094
+ onClick: function onClick() {
3095
+ var payloadobj = {};
3096
+ AddOrderMutationContext.mutate(payloadobj);
3097
+ },
3098
+ disabled: AddOrderMutationContext.isLoading ? true : false
3099
+ }, AddOrderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3100
+ color: "#fff",
3101
+ width: "20px",
3102
+ height: "20px",
3103
+ duration: "1s"
3104
+ }), !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 : ''))))));
3105
+ };
3106
+
3107
+ return /*#__PURE__*/React__default["default"].createElement("div", {
3108
+ className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
3109
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3110
+ className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
3111
+ style: {
3112
+ marginTop: sectionproperties.marginTop + 'px',
3113
+ marginBottom: sectionproperties.marginBottom + 'px',
3114
+ paddingLeft: sectionproperties.paddingLeft + 'px',
3115
+ paddingRight: sectionproperties.paddingRight + 'px',
3116
+ paddingTop: sectionproperties.paddingTop + 'px',
3117
+ paddingBottom: sectionproperties.paddingBottom + 'px',
3118
+ background: sectionproperties.backgroundColor,
3119
+ borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
3120
+ borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
3121
+ borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
3122
+ borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
3123
+ }
3124
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3125
+ className: 'row m-0 w-100 justify-content-center '
3126
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3127
+ 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 '
3128
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3129
+ className: "col-lg-12 d-flex align-items-center p-0"
3130
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3131
+ style: {
3132
+ fontSize: sectionproperties.sectionTitleFontSize + 'px',
3133
+ color: sectionproperties.sectionTitleColor,
3134
+ marginTop: sectionproperties.sectionTitleMarginTop + 'px',
3135
+ marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
3136
+ textTransform: sectionproperties.sectionTitleTextTransform,
3137
+ fontWeight: sectionproperties.sectionTitleFontWeight
3138
+ }
3139
+ }, lang.checkout)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
3140
+ className: "col-lg-12 p-0"
3141
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3142
+ className: "pl-3 pr-3 pt-2 pb-2",
3143
+ style: {
3144
+ background: sectionproperties.userinfo_sectionbgcolor,
3145
+ borderRadius: sectionproperties.userinfo_borderradius + 'px',
3146
+ marginTop: sectionproperties.userinfo_sectionmarginTop + 'px',
3147
+ marginBottom: sectionproperties.userinfo_sectionmarginbottom + 'px',
3148
+ border: sectionproperties.userinfo_borderwidth + 'px solid ' + sectionproperties.usserinfo_sectionbordercolor
3149
+ }
3150
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3151
+ className: "row m-0 w-100"
3152
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3153
+ className: "".concat(checkoutstyles.userinfo_iconcont) + ' d-flex align-items-center justify-content-center '
3154
+ }, /*#__PURE__*/React__default["default"].createElement(bs.BsCheck2Circle, {
3155
+ size: 20
3156
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3157
+ className: "col-lg-11 col-md-10 col-sm-10 p-0"
3158
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3159
+ className: "row m-0 w-100"
3160
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3161
+ className: "col-lg-12 d-flex align-items-center pl-2 pr-2",
3162
+ style: {
3163
+ fontSize: sectionproperties.userinfo_titlefontsize + 'px',
3164
+ color: sectionproperties.userinfo_titlecolor,
3165
+ fontWeight: sectionproperties.userinfo_titlefontweight
3166
+ }
3167
+ }, lang.loggedinas), /*#__PURE__*/React__default["default"].createElement("div", {
3168
+ className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 text-capitalize '
3169
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3170
+ className: "m-0 p-0 d-flex align-items-center"
3171
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
3172
+ className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3173
+ style: {
3174
+ fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3175
+ color: sectionproperties.userinfotext_iconcolor,
3176
+ marginRight: langdetect == 'en' ? '5px' : 0,
3177
+ marginLeft: langdetect == 'en' ? 0 : '5px'
3178
+ }
3179
+ }, /*#__PURE__*/React__default["default"].createElement(hi.HiUser, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3180
+ className: "m-0 p-0 wordbreak"
3181
+ }, authdetailsContext.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement("div", {
3182
+ className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
3183
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3184
+ className: "m-0 p-0 d-flex align-items-center"
3185
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
3186
+ className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3187
+ style: {
3188
+ fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3189
+ color: sectionproperties.userinfotext_iconcolor,
3190
+ marginRight: langdetect == 'en' ? '5px' : 0,
3191
+ marginLeft: langdetect == 'en' ? 0 : '5px'
3192
+ }
3193
+ }, /*#__PURE__*/React__default["default"].createElement(bs.BsFillTelephoneFill, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3194
+ className: "m-0 p-0 wordbreak"
3195
+ }, authdetailsContext.customerinfo.mobile))), /*#__PURE__*/React__default["default"].createElement("div", {
3196
+ className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
3197
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3198
+ className: "m-0 p-0 d-flex align-items-center"
3199
+ }, /*#__PURE__*/React__default["default"].createElement("i", {
3200
+ className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3201
+ style: {
3202
+ fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3203
+ color: sectionproperties.userinfotext_iconcolor,
3204
+ marginRight: langdetect == 'en' ? '5px' : 0,
3205
+ marginLeft: langdetect == 'en' ? 0 : '5px'
3206
+ }
3207
+ }, /*#__PURE__*/React__default["default"].createElement(gr.GrMail, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3208
+ className: "m-0 p-0 wordbreak"
3209
+ }, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
3210
+ className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
3211
+ style: {
3212
+ fontSize: sectionproperties.userinfo_titlefontsize + 'px',
3213
+ color: sectionproperties.userinfo_titlecolor,
3214
+ fontWeight: sectionproperties.userinfo_titlefontweight,
3215
+ textAlign: 'right',
3216
+ textDecoration: 'underline',
3217
+ cursor: 'pointer',
3218
+ position: 'absolute',
3219
+ right: 10,
3220
+ top: 10
3221
+ },
3222
+ onClick: function onClick() {
3223
+ routingcountext(StaticPagesLinksContext.accountinfo);
3224
+ }
3225
+ }, lang.update)))), /*#__PURE__*/React__default["default"].createElement("div", {
3226
+ className: "col-lg-12 p-0"
3227
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3228
+ style: {
3229
+ marginTop: sectionproperties.contactinfo_sectionmarginTop + 'px',
3230
+ marginBottom: sectionproperties.contactinfo_sectionmarginbottom + 'px',
3231
+ background: sectionproperties.contactinfo_sectionbgcolor,
3232
+ borderRadius: sectionproperties.contactinfo_sectionborderradius + 'px',
3233
+ border: sectionproperties.contactinfo_borderwidth + 'px solid ' + sectionproperties.contactinfo_sectionbordercolor
3234
+ }
3235
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3236
+ className: "col-lg-12 pl-3 pr-3 pt-2"
3237
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3238
+ className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3239
+ }, authdetailsContext.loggedin ? lang.addressdetails : lang.contactdetails)), /*#__PURE__*/React__default["default"].createElement("div", {
3240
+ className: "col-lg-12 p-0"
3241
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
3242
+ className: "mt-2 mb-2"
3243
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3244
+ className: "row m-0 w-100 mb-3 pl-3 pr-3 pb-3"
3245
+ }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
3246
+ className: "col-lg-4 col-md-12 mb-3"
3247
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3248
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3249
+ }, lang.name), /*#__PURE__*/React__default["default"].createElement("input", {
3250
+ type: 'text',
3251
+ className: "".concat(formstyles.form_control),
3252
+ 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,
3253
+ onChange: function onChange(event) {
3254
+ cartinfoupdater('name', event.target.value);
3255
+ },
3256
+ style: {
3257
+ resize: 'none',
3258
+ fontWeight: sectionproperties.inputtextfontweight,
3259
+ background: sectionproperties.input_bgcolor,
3260
+ color: sectionproperties.inputfieldcolor,
3261
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3262
+ borderRadius: sectionproperties.inputfieldborderradius + 'px',
3263
+ boxShadow: 'none'
3264
+ }
3265
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3266
+ className: "col-lg-4 col-md-12 mb-3"
3267
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3268
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3269
+ }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
3270
+ type: 'text',
3271
+ className: "".concat(formstyles.form_control),
3272
+ 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,
3273
+ onChange: function onChange(event) {
3274
+ cartinfoupdater('mobile', event.target.value);
3275
+ },
3276
+ style: {
3277
+ resize: 'none',
3278
+ fontWeight: sectionproperties.inputtextfontweight,
3279
+ background: sectionproperties.input_bgcolor,
3280
+ color: sectionproperties.inputfieldcolor,
3281
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3282
+ borderRadius: sectionproperties.inputfieldborderradius + 'px',
3283
+ boxShadow: 'none'
3284
+ }
3285
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3286
+ className: "col-lg-4 col-md-12 mb-3"
3287
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3288
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3289
+ }, lang.email), /*#__PURE__*/React__default["default"].createElement("input", {
3290
+ type: 'text',
3291
+ className: "".concat(formstyles.form_control),
3292
+ 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,
3293
+ onChange: function onChange(event) {
3294
+ cartinfoupdater('email', event.target.value);
3295
+ },
3296
+ style: {
3297
+ resize: 'none',
3298
+ fontWeight: sectionproperties.inputtextfontweight,
3299
+ background: sectionproperties.input_bgcolor,
3300
+ color: sectionproperties.inputfieldcolor,
3301
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3302
+ borderRadius: sectionproperties.inputfieldborderradius + 'px',
3303
+ boxShadow: 'none'
3304
+ }
3305
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3306
+ className: "col-lg-4 col-md-12 mb-3"
3307
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3308
+ className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3309
+ }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3310
+ className: "w-100"
3311
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3312
+ color: "black",
3313
+ width: "20px",
3314
+ height: "20px",
3315
+ duration: "1s"
3316
+ })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
3317
+ options: fetchTabexCountriesQueryContext.data.data.countries,
3318
+ getOptionLabel: function getOptionLabel(option) {
3319
+ return option.name;
3320
+ },
3321
+ getOptionValue: function getOptionValue(option) {
3322
+ return option.id;
3323
+ },
3324
+ value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
3325
+ var _fetchcustomercartQue75, _fetchcustomercartQue76;
3326
+
3327
+ 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);
3328
+ }),
3329
+ onChange: function onChange(option) {
3330
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
3331
+
3332
+ tempFetchTabexStatesPayloadobjContext.functype = 'states';
3333
+ tempFetchTabexStatesPayloadobjContext.country_id = option.id;
3334
+ setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
3335
+ cartinfoupdater('countryid', option.id);
3336
+ },
3337
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3338
+ placeholder: lang.choosecountry,
3339
+ isSearchable: true
3340
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3341
+ className: "col-lg-4 col-md-12 mb-3"
3342
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3343
+ className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3344
+ }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3345
+ className: "w-100"
3346
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3347
+ color: "black",
3348
+ width: "20px",
3349
+ height: "20px",
3350
+ duration: "1s"
3351
+ })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
3352
+ options: fetchTabexStatesQueryContext.data.data.states,
3353
+ getOptionLabel: function getOptionLabel(option) {
3354
+ return option.name;
3355
+ },
3356
+ getOptionValue: function getOptionValue(option) {
3357
+ return option.id;
3358
+ },
3359
+ value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
3360
+ var _fetchcustomercartQue77, _fetchcustomercartQue78;
3361
+
3362
+ 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);
3363
+ }),
3364
+ onChange: function onChange(option) {
3365
+ var _fetchcustomercartQue79, _fetchcustomercartQue80;
3366
+
3367
+ 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) {
3368
+ var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
3369
+
3370
+ tempFetchTabexStatesPayloadobjContext.functype = 'cities';
3371
+ tempFetchTabexStatesPayloadobjContext.state_id = option.id;
3372
+ setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
3373
+ cartinfoupdater('stateid', option.id);
3374
+ } else {
3375
+ NotificationManager.warning('', 'Please Choose Country Or State');
3376
+ }
3377
+ },
3378
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3379
+ placeholder: lang.choosestategov,
3380
+ isSearchable: true
3381
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3382
+ className: "col-lg-4 col-md-12 mb-3"
3383
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3384
+ className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3385
+ }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3386
+ className: "w-100"
3387
+ }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3388
+ color: "black",
3389
+ width: "20px",
3390
+ height: "20px",
3391
+ duration: "1s"
3392
+ })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select, {
3393
+ options: fetchTabexCitiesQueryContext.data.data.cities,
3394
+ getOptionLabel: function getOptionLabel(option) {
3395
+ return option.name;
3396
+ },
3397
+ getOptionValue: function getOptionValue(option) {
3398
+ return option.id;
3399
+ },
3400
+ value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
3401
+ var _fetchcustomercartQue81, _fetchcustomercartQue82;
3402
+
3403
+ 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);
3404
+ }),
3405
+ onChange: function onChange(option) {
3406
+ cartinfoupdater('cityid', option.id);
3407
+ },
3408
+ styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3409
+ placeholder: lang.choosecity,
3410
+ isSearchable: true
3411
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3412
+ className: "col-lg-12 mb-3"
3413
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3414
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3415
+ }, lang.shippingaddress), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3416
+ type: 'text',
3417
+ className: "".concat(formstyles.form_control),
3418
+ 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,
3419
+ onChange: function onChange(event) {
3420
+ cartinfoupdater('address', event.target.value);
3421
+ },
3422
+ style: {
3423
+ resize: 'none',
3424
+ fontWeight: sectionproperties.inputtextfontweight,
3425
+ background: sectionproperties.input_bgcolor,
3426
+ color: sectionproperties.inputfieldcolor,
3427
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3428
+ borderRadius: sectionproperties.inputfieldborderradius + 'px',
3429
+ boxShadow: 'none'
3430
+ }
3431
+ }))))), /*#__PURE__*/React__default["default"].createElement("div", {
3432
+ className: "col-lg-12 p-0 w-100"
3433
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3434
+ style: {
3435
+ background: sectionproperties.payment_sectionbgcolor,
3436
+ borderRadius: sectionproperties.payment_borderradius + 'px',
3437
+ border: sectionproperties.payment_borderwidth + 'px solid ' + sectionproperties.payment_sectionbordercolor
3438
+ }
3439
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3440
+ className: "col-lg-12 pl-3 pr-3 pt-2"
3441
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3442
+ className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3443
+ }, lang.paymentmethod)), /*#__PURE__*/React__default["default"].createElement("div", {
3444
+ className: "col-lg-12 p-0"
3445
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
3446
+ className: "mt-2 mb-2"
3447
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3448
+ className: "row m-0 w-100 mb-3 pl-3 pr-3"
3449
+ }, authdetailsContext.instinfo.acceptCOD == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3450
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3451
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3452
+ className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated) + ' d-flex mb-0 ',
3453
+ "for": "codcheckbox"
3454
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
3455
+ id: 'codcheckbox',
3456
+ type: "checkbox",
3457
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3458
+ 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,
3459
+ onChange: function onChange() {
3460
+ var _fetchcustomercartQue87, _fetchcustomercartQue88;
3461
+
3462
+ 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') {
3463
+ cartinfoupdater('paymentmethod', 'cod');
3464
+ }
3465
+ }
3466
+ }), /*#__PURE__*/React__default["default"].createElement("svg", {
3467
+ viewBox: "0 0 21 21",
3468
+ className: checkoutstyles.svgstyles + ' h-100 '
3469
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3470
+ 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"
3471
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
3472
+ className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
3473
+ style: {}
3474
+ }, lang.cod))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3475
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3476
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3477
+ 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 '
3478
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
3479
+ type: "checkbox",
3480
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3481
+ 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,
3482
+ onChange: function onChange() {
3483
+ var _fetchcustomercartQue91, _fetchcustomercartQue92;
3484
+
3485
+ 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') {
3486
+ cartinfoupdater('paymentmethod', 'cardondelivery');
3487
+ }
3488
+ }
3489
+ }), /*#__PURE__*/React__default["default"].createElement("svg", {
3490
+ viewBox: "0 0 21 21",
3491
+ className: checkoutstyles.svgstyles + ' h-100 '
3492
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3493
+ 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"
3494
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
3495
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
3496
+ }, " ", lang.cardondelivery))), authdetailsContext.instinfo.acceptOnlineCardPayment == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
3497
+ className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3498
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3499
+ 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 '
3500
+ }, /*#__PURE__*/React__default["default"].createElement("input", {
3501
+ type: "checkbox",
3502
+ className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3503
+ 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,
3504
+ onChange: function onChange() {
3505
+ var _fetchcustomercartQue95, _fetchcustomercartQue96;
3506
+
3507
+ 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') {
3508
+ cartinfoupdater('paymentmethod', 'onlinepayment');
3509
+ }
3510
+ }
3511
+ }), /*#__PURE__*/React__default["default"].createElement("svg", {
3512
+ viewBox: "0 0 21 21",
3513
+ className: checkoutstyles.svgstyles + ' h-100 '
3514
+ }, /*#__PURE__*/React__default["default"].createElement("path", {
3515
+ 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"
3516
+ })), /*#__PURE__*/React__default["default"].createElement("p", {
3517
+ className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
3518
+ }, " ", 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", {
3519
+ className: "col-lg-12 p-0 w-100 mb-3"
3520
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3521
+ style: {
3522
+ background: sectionproperties.payment_sectionbgcolor,
3523
+ borderRadius: sectionproperties.payment_borderradius + 'px',
3524
+ borderColor: sectionproperties.payment_sectionbordercolor
3525
+ }
3526
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3527
+ className: "col-lg-12 pl-3 pr-3 pt-2"
3528
+ }, /*#__PURE__*/React__default["default"].createElement("p", {
3529
+ className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3530
+ }, lang.paymentcardinformation)), /*#__PURE__*/React__default["default"].createElement("div", {
3531
+ className: "col-lg-12 p-0"
3532
+ }, /*#__PURE__*/React__default["default"].createElement("hr", {
3533
+ className: "mt-2 mb-2"
3534
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3535
+ className: "w-100 row m-0 pl-3 pr-3 pt-2 pb-2"
3536
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3537
+ className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
3538
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3539
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3540
+ }, lang.cardnumber), /*#__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: "w-100 row m-0"
3554
+ }, /*#__PURE__*/React__default["default"].createElement("div", {
3555
+ className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3556
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3557
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3558
+ }, lang.year), /*#__PURE__*/React__default["default"].createElement("input", {
3559
+ className: formstyles.form_controlcheckout,
3560
+ type: "text",
3561
+ textplaceholder: "",
3562
+ onChange: function onChange(event) {},
3563
+ style: {
3564
+ fontWeight: sectionproperties.inputtextfontweight,
3565
+ background: sectionproperties.input_bgcolor,
3566
+ color: sectionproperties.inputfieldcolor,
3567
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3568
+ borderRadius: sectionproperties.inputfieldborderradius + 'px'
3569
+ }
3570
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3571
+ className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3572
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3573
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3574
+ }, lang.month), /*#__PURE__*/React__default["default"].createElement("input", {
3575
+ className: formstyles.form_controlcheckout,
3576
+ type: "text",
3577
+ textplaceholder: "",
3578
+ onChange: function onChange(event) {},
3579
+ style: {
3580
+ fontWeight: sectionproperties.inputtextfontweight,
3581
+ background: sectionproperties.input_bgcolor,
3582
+ color: sectionproperties.inputfieldcolor,
3583
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3584
+ borderRadius: sectionproperties.inputfieldborderradius + 'px'
3585
+ }
3586
+ })), /*#__PURE__*/React__default["default"].createElement("div", {
3587
+ className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3588
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3589
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3590
+ }, lang.cvv), /*#__PURE__*/React__default["default"].createElement("input", {
3591
+ className: formstyles.form_controlcheckout,
3592
+ type: "text",
3593
+ textplaceholder: "",
3594
+ onChange: function onChange(event) {},
3595
+ style: {
3596
+ fontWeight: sectionproperties.inputtextfontweight,
3597
+ background: sectionproperties.input_bgcolor,
3598
+ color: sectionproperties.inputfieldcolor,
3599
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3600
+ borderRadius: sectionproperties.inputfieldborderradius + 'px'
3601
+ }
3602
+ }))), /*#__PURE__*/React__default["default"].createElement("div", {
3603
+ className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0 mb-3"
3604
+ }, /*#__PURE__*/React__default["default"].createElement("label", {
3605
+ className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3606
+ }, lang.nameoncard), /*#__PURE__*/React__default["default"].createElement("input", {
3607
+ className: formstyles.form_controlcheckout,
3608
+ type: "text",
3609
+ textplaceholder: "",
3610
+ onChange: function onChange(event) {},
3611
+ style: {
3612
+ fontWeight: sectionproperties.inputtextfontweight,
3613
+ background: sectionproperties.input_bgcolor,
3614
+ color: sectionproperties.inputfieldcolor,
3615
+ fontSize: sectionproperties.inputfieldfontsize + 'px',
3616
+ borderRadius: sectionproperties.inputfieldborderradius + 'px'
3617
+ }
3618
+ })))))), /*#__PURE__*/React__default["default"].createElement("div", {
3619
+ className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
3620
+ }, Mycart()))));
3092
3621
  };
3093
3622
 
3094
3623
  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";