tabexseriescomponents 0.0.38 → 0.0.41

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.
package/dist/index.cjs.js CHANGED
@@ -28,10 +28,6 @@ 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
- var TextareaAutosize = require('react-textarea-autosize');
32
- var Select = require('react-select');
33
- var reactNotifications = require('react-notifications');
34
- var gr = require('react-icons/gr');
35
31
  var reactAccessibleAccordion = require('react-accessible-accordion');
36
32
  var Dropdown = require('react-bootstrap/Dropdown');
37
33
  var reactIntersectionObserver = require('react-intersection-observer');
@@ -43,6 +39,7 @@ var _extends = require('@babel/runtime/helpers/extends');
43
39
  var reactRouterDom = require('react-router-dom');
44
40
  var bi = require('react-icons/bi');
45
41
  var ri = require('react-icons/ri');
42
+ require('react-notifications');
46
43
 
47
44
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
48
45
 
@@ -59,8 +56,6 @@ var Cookies__default = /*#__PURE__*/_interopDefaultLegacy(Cookies);
59
56
  var jwtDecode__default = /*#__PURE__*/_interopDefaultLegacy(jwtDecode);
60
57
  var FacebookLogin__default = /*#__PURE__*/_interopDefaultLegacy(FacebookLogin);
61
58
  var _toConsumableArray__default = /*#__PURE__*/_interopDefaultLegacy(_toConsumableArray);
62
- var TextareaAutosize__default = /*#__PURE__*/_interopDefaultLegacy(TextareaAutosize);
63
- var Select__default = /*#__PURE__*/_interopDefaultLegacy(Select);
64
59
  var Dropdown__default = /*#__PURE__*/_interopDefaultLegacy(Dropdown);
65
60
  var BackgroundSlideshow__default = /*#__PURE__*/_interopDefaultLegacy(BackgroundSlideshow);
66
61
  var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
@@ -401,9 +396,9 @@ function styleInject(css, ref) {
401
396
  }
402
397
  }
403
398
 
404
- var css_248z$x = ".login-module_login_input_icon__hETpJ {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 10px;\n left: 0;\n padding-left: 15px;\n pointer-events: none;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.login-module_login_input_icontrans__8whFD{\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 10px;\n right: 5;\n pointer-events: none;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n padding-right: 10px;\n}\n\n@media screen and (max-width: 500px) {\n .login-module_form_control__-41tV {\n /* padding: 0 5px !important; */\n }\n .login-module_login_input_icon__hETpJ {\n padding-left: 0 !important;\n }\n .login-module_rightContainer__Nt9tD {\n border-radius: 0 0 15px 15px !important;\n }\n .login-module_leftcontainer__Rlat- {\n border-radius: 15px 15px 0 0 !important;\n }\n}\n.login-module_form_control__-41tV:focus {\n -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n padding-left: 20px;\n}\n\n/* Forms */\n.login-module_form_control__-41tV {\n display: block;\n width: 100%;\n height: 35px;\n font-size: 1rem;\n color: var(--cardtitle);\n background: no-repeat center bottom, center calc(100% - 1px);\n background-size: 0 100%, 100% 100%;\n background-clip: padding-box;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n transition: background 0s ease-out;\n border: 0;\n padding: 0 30px;\n font-weight: 600;\n display: flex;\n align-items: center;\n position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .login-module_form_control__-41tV {\n transition: none;\n }\n}\n.login-module_form_control__-41tV::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.login-module_form_control__-41tV:focus {\n outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n height: auto;\n}\n.login-module_form_control__-41tV:focus {\n background-size: 100% 100%, 100% 100%;\n transition-duration: 0.3s;\n box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV {\n background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);\n}\n.login-module_form_control_border_none__dkr-m {\n background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%);\n background-repeat: repeat-x;\n background-size: 3px 1px;\n cursor: not-allowed;\n}\n";
399
+ var css_248z$w = ".login-module_login_input_icon__hETpJ {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 10px;\n left: 0;\n padding-left: 15px;\n pointer-events: none;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.login-module_login_input_icontrans__8whFD{\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 10px;\n right: 5;\n pointer-events: none;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n padding-right: 10px;\n}\n\n@media screen and (max-width: 500px) {\n .login-module_form_control__-41tV {\n /* padding: 0 5px !important; */\n }\n .login-module_login_input_icon__hETpJ {\n padding-left: 0 !important;\n }\n .login-module_rightContainer__Nt9tD {\n border-radius: 0 0 15px 15px !important;\n }\n .login-module_leftcontainer__Rlat- {\n border-radius: 15px 15px 0 0 !important;\n }\n}\n.login-module_form_control__-41tV:focus {\n -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n padding-left: 20px;\n}\n\n/* Forms */\n.login-module_form_control__-41tV {\n display: block;\n width: 100%;\n height: 35px;\n font-size: 1rem;\n color: var(--cardtitle);\n background: no-repeat center bottom, center calc(100% - 1px);\n background-size: 0 100%, 100% 100%;\n background-clip: padding-box;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n transition: background 0s ease-out;\n border: 0;\n padding: 0 30px;\n font-weight: 600;\n display: flex;\n align-items: center;\n position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .login-module_form_control__-41tV {\n transition: none;\n }\n}\n.login-module_form_control__-41tV::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.login-module_form_control__-41tV:focus {\n outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n height: auto;\n}\n.login-module_form_control__-41tV:focus {\n background-size: 100% 100%, 100% 100%;\n transition-duration: 0.3s;\n box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV {\n background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);\n}\n.login-module_form_control_border_none__dkr-m {\n background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%);\n background-repeat: repeat-x;\n background-size: 3px 1px;\n cursor: not-allowed;\n}\n";
405
400
  var loginstyles = {"login_input_icon":"login-module_login_input_icon__hETpJ","login_input_icontrans":"login-module_login_input_icontrans__8whFD","form_control":"login-module_form_control__-41tV","rightContainer":"login-module_rightContainer__Nt9tD","leftcontainer":"login-module_leftcontainer__Rlat-","anim-shadow":"login-module_anim-shadow__4SiKH","form_control_border_none":"login-module_form_control_border_none__dkr-m","disabled":"login-module_disabled__fUlAg"};
406
- styleInject(css_248z$x);
401
+ styleInject(css_248z$w);
407
402
 
408
403
  var GoogleLoginButton = function GoogleLoginButton(props) {
409
404
  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
@@ -433,9 +428,9 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
433
428
  })))));
434
429
  };
435
430
 
436
- var css_248z$w = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n --cimon: #f76566;\n --primary: #022648; /* rgba (2,38,72) */\n --secondary: #eac435;\n --success: #2f9d64;\n --successhover: #1d623f;\n --info: #16aaff; /*rgb(22, 170, 255)*/\n --infohover: #0071b3; /*rgb(0, 113, 179)*/\n --danger: #d92550; /* rgb(217, 37, 80) */\n --dangerhover: #991a37; /* rgb(153, 26, 55) */\n --fav: #ff1a75; /* rgb(255, 26, 117) */\n --favhover: #cc0052; /* rgb(204, 0, 82) */\n --light: #999999;\n --light2: #808080;\n --dark: #454d54;\n --darkhover: #343a40;\n --focus: #444054;\n --cardtitle: rgba(13, 27, 62, 0.7);\n --cardheader: #008eb3;\n --cardHeaderHover: #007a99;\n --darkblue: #0000b3;\n --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\nhtml {\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n font-family: 'Poppins', sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n margin: 0;\n font-family: 'Poppins', sans-serif;\n font-size: 0.88rem;\n font-weight: 400;\n line-height: 1.5;\n /* color: #022648; */\n text-align: left;\n background: #fff;\n overflow-x: hidden;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n}\nbody::-webkit-scrollbar {\n width: 5px;\n}\nbody::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n background: #022648;\n border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n /* box-shadow: inset 0 0 5px grey; */\n border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n background: #4d4d4d;\n border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n display: inline-block;\n padding: 0.25em;\n font-size: 90%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 50%;\n margin-left: -15%;\n width: 3vh;\n height: 3vh;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .general-module_badge__GTiMs {\n transition: none;\n }\n}\n.general-module_badge__GTiMs:empty {\n display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n min-width: 2.5vh;\n height: 2.5vh;\n border-radius: 5px;\n background: #eac435;\n color: white;\n font-size: 12px;\n /* line-height: 3vh; */\n}\na {\n color: #022648;\n text-decoration: none;\n background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n margin-top: 1rem;\n margin-bottom: 1rem;\n height: 1px;\n overflow: hidden;\n background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n margin-top: 1rem;\n margin-bottom: 1rem;\n height: 40px;\n overflow: hidden;\n background: #e1e6ea;\n width: 1px;\n}\n\n/* Table */\ntable {\n border-collapse: collapse;\n}\nth {\n text-align: inherit;\n}\n.general-module_table__hdcWN {\n width: 100%;\n margin-bottom: 1rem;\n background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n padding: 0.55rem;\n border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e9ecef;\n font-size: 15px;\n}\n.general-module_table__hdcWN td {\n color: var(--focus);\n font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n border: 0;\n}\n.general-module_table_translation__x1Rpf {\n background: rgba(0, 0, 0, 0.1);\n border-radius: 20px;\n padding: 5px;\n font-weight: 500;\n width: 100px;\n /* margin-left: auto;\n margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n font-size: 20px;\n transition: 0.3s;\n cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n width: 5vh;\n height: 5vh;\n box-shadow: 0 0 10px #ccc;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n max-width: 95%;\n max-height: 95%;\n border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n min-width: 3rem;\n background: white;\n box-shadow: 0 0 10px #ccc;\n border: 1px solid #ccc;\n border-radius: 10px;\n cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n min-width: 90%;\n height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n display: inline-block;\n font-weight: 500;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border-radius: 20px;\n height: 35px;\n padding: 0 10px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n width: 5vh !important;\n height: 5vh !important;\n border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .general-module_btn__FAb1b {\n transition: none;\n }\n}\n.general-module_btn__FAb1b:hover {\n text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n outline: 0;\n box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n pointer-events: none;\n cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n color: #fff;\n background-color: tranparent;\n border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n border-radius: 100%;\n width: 35px;\n height: 35px;\n line-height: 20px;\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.general-module_btn_white__H0esd {\n color: #fff;\n background-color: #fff;\n border-color: #fff;\n color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n color: #fff;\n background-color: #fff;\n border-color: #fff;\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n color: #fff;\n background-color: #000;\n border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n color: #fff;\n background-color: #595959;\n border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n color: #fff;\n background-color: #000;\n border-color: #000;\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n color: #fff;\n background-color: var(--primary);\n border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n color: #fff;\n background-color: var(--primary);\n border-color: var(--primary);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n color: #fff;\n background-color: var(--success);\n border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n color: #fff;\n background-color: var(--successhover);\n border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n color: #fff;\n background-color: var(--success);\n border-color: var(--success);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n color: #fff;\n background-color: var(--info);\n border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n color: #fff;\n background-color: var(--infohover);\n border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n color: #fff;\n background-color: var(--info);\n border-color: var(--info);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n color: #fff;\n background-color: var(--danger);\n border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n color: #fff;\n background-color: var(--dangerhover);\n border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n color: #fff;\n background-color: var(--danger);\n border-color: var(--danger);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n color: #fff;\n background-color: var(--darkhover);\n border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n color: #fff;\n background-color: var(--focus);\n border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n color: #fff;\n background-color: var(--cardheader);\n border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n color: #fff;\n background-color: #007a99;\n border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n color: #fff;\n background-color: #005166;\n border-color: #005166;\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n display: flex;\n flex-direction: column;\n margin: 0;\n position: relative !important;\n}\n.general-module_app_main__3s9rd {\n z-index: 8;\n position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n flex: 1;\n padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n .general-module_app_main_inner_headerfour__slUk1 {\n padding: 80px 10px !important;\n }\n}\n/* Card */\n.general-module_card__KT-JI {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: white !important;\n background-clip: border-box;\n border-radius: 15px;\n padding: 0.5em 0.8em;\n transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n .general-module_app_main__3s9rd {\n display: block;\n }\n .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n padding-left: 0 !important;\n }\n .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n padding-right: 0;\n padding-left: 0;\n }\n}\n@media (max-width: 1025px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 130px 20px 0;\n }\n}\n@media (max-width: 800px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 130px 20px 0 !important;\n }\n}\n\n@media (max-width: 600px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 70px 20px !important;\n }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n min-width: 9vh;\n height: 4vh;\n color: white;\n padding: 0 1%;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n /* opacity: 1; */\n display: block;\n visibility: visible;\n transition: 1s ease-in-out;\n transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n /* opacity: 0; */\n display: none;\n visibility: hidden;\n transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n position: relative;\n white-space: nowrap;\n transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n display: block;\n height: 3px;\n border-radius: 20px;\n z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n position: relative;\n white-space: nowrap;\n transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n display: block;\n border-radius: 20px;\n z-index: 1000;\n}\n";
431
+ var css_248z$v = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n --cimon: #f76566;\n --primary: #022648; /* rgba (2,38,72) */\n --secondary: #eac435;\n --success: #2f9d64;\n --successhover: #1d623f;\n --info: #16aaff; /*rgb(22, 170, 255)*/\n --infohover: #0071b3; /*rgb(0, 113, 179)*/\n --danger: #d92550; /* rgb(217, 37, 80) */\n --dangerhover: #991a37; /* rgb(153, 26, 55) */\n --fav: #ff1a75; /* rgb(255, 26, 117) */\n --favhover: #cc0052; /* rgb(204, 0, 82) */\n --light: #999999;\n --light2: #808080;\n --dark: #454d54;\n --darkhover: #343a40;\n --focus: #444054;\n --cardtitle: rgba(13, 27, 62, 0.7);\n --cardheader: #008eb3;\n --cardHeaderHover: #007a99;\n --darkblue: #0000b3;\n --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\nhtml {\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n font-family: 'Poppins', sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n margin: 0;\n font-family: 'Poppins', sans-serif;\n font-size: 0.88rem;\n font-weight: 400;\n line-height: 1.5;\n /* color: #022648; */\n text-align: left;\n background: #fff;\n overflow-x: hidden;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n}\nbody::-webkit-scrollbar {\n width: 5px;\n}\nbody::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n background: #022648;\n border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n /* box-shadow: inset 0 0 5px grey; */\n border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n background: #4d4d4d;\n border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n display: inline-block;\n padding: 0.25em;\n font-size: 90%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 50%;\n margin-left: -15%;\n width: 3vh;\n height: 3vh;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .general-module_badge__GTiMs {\n transition: none;\n }\n}\n.general-module_badge__GTiMs:empty {\n display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n min-width: 2.5vh;\n height: 2.5vh;\n border-radius: 5px;\n background: #eac435;\n color: white;\n font-size: 12px;\n /* line-height: 3vh; */\n}\na {\n color: #022648;\n text-decoration: none;\n background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n margin-top: 1rem;\n margin-bottom: 1rem;\n height: 1px;\n overflow: hidden;\n background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n margin-top: 1rem;\n margin-bottom: 1rem;\n height: 40px;\n overflow: hidden;\n background: #e1e6ea;\n width: 1px;\n}\n\n/* Table */\ntable {\n border-collapse: collapse;\n}\nth {\n text-align: inherit;\n}\n.general-module_table__hdcWN {\n width: 100%;\n margin-bottom: 1rem;\n background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n padding: 0.55rem;\n border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e9ecef;\n font-size: 15px;\n}\n.general-module_table__hdcWN td {\n color: var(--focus);\n font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n border: 0;\n}\n.general-module_table_translation__x1Rpf {\n background: rgba(0, 0, 0, 0.1);\n border-radius: 20px;\n padding: 5px;\n font-weight: 500;\n width: 100px;\n /* margin-left: auto;\n margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n font-size: 20px;\n transition: 0.3s;\n cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n width: 5vh;\n height: 5vh;\n box-shadow: 0 0 10px #ccc;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n max-width: 95%;\n max-height: 95%;\n border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n min-width: 3rem;\n background: white;\n box-shadow: 0 0 10px #ccc;\n border: 1px solid #ccc;\n border-radius: 10px;\n cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n min-width: 90%;\n height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n display: inline-block;\n font-weight: 500;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border-radius: 20px;\n height: 35px;\n padding: 0 10px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n width: 5vh !important;\n height: 5vh !important;\n border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .general-module_btn__FAb1b {\n transition: none;\n }\n}\n.general-module_btn__FAb1b:hover {\n text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n outline: 0;\n box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n pointer-events: none;\n cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n color: #fff;\n background-color: tranparent;\n border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n border-radius: 100%;\n width: 35px;\n height: 35px;\n line-height: 20px;\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.general-module_btn_white__H0esd {\n color: #fff;\n background-color: #fff;\n border-color: #fff;\n color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n color: #fff;\n background-color: #fff;\n border-color: #fff;\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n color: #fff;\n background-color: #000;\n border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n color: #fff;\n background-color: #595959;\n border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n color: #fff;\n background-color: #000;\n border-color: #000;\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n color: #fff;\n background-color: var(--primary);\n border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n color: #fff;\n background-color: var(--primary);\n border-color: var(--primary);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n color: #fff;\n background-color: var(--success);\n border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n color: #fff;\n background-color: var(--successhover);\n border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n color: #fff;\n background-color: var(--success);\n border-color: var(--success);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n color: #fff;\n background-color: var(--info);\n border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n color: #fff;\n background-color: var(--infohover);\n border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n color: #fff;\n background-color: var(--info);\n border-color: var(--info);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n color: #fff;\n background-color: var(--danger);\n border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n color: #fff;\n background-color: var(--dangerhover);\n border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n color: #fff;\n background-color: var(--danger);\n border-color: var(--danger);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n color: #fff;\n background-color: var(--darkhover);\n border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n color: #fff;\n background-color: var(--focus);\n border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n color: #fff;\n background-color: var(--cardheader);\n border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n color: #fff;\n background-color: #007a99;\n border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n color: #fff;\n background-color: #005166;\n border-color: #005166;\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n display: flex;\n flex-direction: column;\n margin: 0;\n position: relative !important;\n}\n.general-module_app_main__3s9rd {\n z-index: 8;\n position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n flex: 1;\n padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n .general-module_app_main_inner_headerfour__slUk1 {\n padding: 80px 10px !important;\n }\n}\n/* Card */\n.general-module_card__KT-JI {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: white !important;\n background-clip: border-box;\n border-radius: 15px;\n padding: 0.5em 0.8em;\n transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n .general-module_app_main__3s9rd {\n display: block;\n }\n .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n padding-left: 0 !important;\n }\n .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n padding-right: 0;\n padding-left: 0;\n }\n}\n@media (max-width: 1025px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 130px 20px 0;\n }\n}\n@media (max-width: 800px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 130px 20px 0 !important;\n }\n}\n\n@media (max-width: 600px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 70px 20px !important;\n }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n min-width: 9vh;\n height: 4vh;\n color: white;\n padding: 0 1%;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n /* opacity: 1; */\n display: block;\n visibility: visible;\n transition: 1s ease-in-out;\n transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n /* opacity: 0; */\n display: none;\n visibility: hidden;\n transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n position: relative;\n white-space: nowrap;\n transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n display: block;\n height: 3px;\n border-radius: 20px;\n z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n position: relative;\n white-space: nowrap;\n transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n display: block;\n border-radius: 20px;\n z-index: 1000;\n}\n";
437
432
  var generalstyles = {"shadow_bottom":"general-module_shadow_bottom__YcJR3","overflowY_scroll":"general-module_overflowY_scroll__m5upZ","sub_scrollbar":"general-module_sub_scrollbar__mpHTI","badge":"general-module_badge__GTiMs","badge_secondary":"general-module_badge_secondary__p6ErJ","divider":"general-module_divider__WFV-A","verical_divider":"general-module_verical_divider__u5DxE","table":"general-module_table__hdcWN","mw-200":"general-module_mw-200__PaU8G","table_bordered":"general-module_table_bordered__JKIJp","table_borderless":"general-module_table_borderless__OF0cl","table_striped":"general-module_table_striped__wWBA6","table_hover":"general-module_table_hover__EiJha","table_responsive":"general-module_table_responsive__JPCKF","table_translation":"general-module_table_translation__x1Rpf","table_icon":"general-module_table_icon__EMMDI","image_table":"general-module_image_table__HqRaH","shownumber_cont":"general-module_shownumber_cont__34Y5j","card_input_table":"general-module_card_input_table__vVK0p","btn":"general-module_btn__FAb1b","btn_rounded":"general-module_btn_rounded__Rkb8o","focus":"general-module_focus__8-F6p","disabled":"general-module_disabled__PRzt-","btn_tranparent":"general-module_btn_tranparent__GFTRs","btn_circle":"general-module_btn_circle__lOyd4","btn_white":"general-module_btn_white__H0esd","btn_black":"general-module_btn_black__NcqLp","btn_primary":"general-module_btn_primary__C5oTz","btn_secondary":"general-module_btn_secondary__MbOCN","btn_success":"general-module_btn_success__iV5-t","btn_info":"general-module_btn_info__-ClLB","btn_danger":"general-module_btn_danger__b0QkM","btn_dark":"general-module_btn_dark__hSWyC","active":"general-module_active__MPpsF","btn_grey":"general-module_btn_grey__fGIYU","btn_cardheader":"general-module_btn_cardheader__vccWl","border_primary":"general-module_border_primary__Jqm8o","border_secondary":"general-module_border_secondary__xiHt3","border_success":"general-module_border_success__kWv6N","border_info":"general-module_border_info__wfOF-","border_warning":"general-module_border_warning__mSIRm","border_danger":"general-module_border_danger__U7veI","border":"general-module_border__Pvp44","border_top":"general-module_border_top__0-KRU","border_right":"general-module_border_right__7QXHH","border_bottom":"general-module_border_bottom__Xyy95","border_left":"general-module_border_left__90qSD","border_0":"general-module_border_0__YO9qY","border_top_0":"general-module_border_top_0__KFIha","border_right_0":"general-module_border_right_0__FaED6","border_bottom_0":"general-module_border_bottom_0__NZhJm","border_left_0":"general-module_border_left_0__gjITr","app_container":"general-module_app_container__-NNzK","app_main":"general-module_app_main__3s9rd","app_main_inner":"general-module_app_main_inner__OdEv-","app_main_inner_headertwo":"general-module_app_main_inner_headertwo__UkOlN","app_main_inner_headerfour":"general-module_app_main_inner_headerfour__slUk1","card":"general-module_card__KT-JI","card_border_10":"general-module_card_border_10__M-cl-","app_main_outer":"general-module_app_main_outer__gNSLc","app_main_outertranslated":"general-module_app_main_outertranslated__IZRx2","pill":"general-module_pill__gHCcE","fadeIn":"general-module_fadeIn__bUx2u","fadeOut":"general-module_fadeOut__R13Fc","fadeInButton":"general-module_fadeInButton__1daVD","fadeOutButton":"general-module_fadeOutButton__8BRUG","sectiontitlecont":"general-module_sectiontitlecont__F-e6k","homesectiontitlecont":"general-module_homesectiontitlecont__ZfXNm","sectiontitlecont2":"general-module_sectiontitlecont2__mfEaP"};
438
- styleInject(css_248z$w);
433
+ styleInject(css_248z$v);
439
434
 
440
435
  var FacebookLoginButton = function FacebookLoginButton(props) {
441
436
  var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
@@ -485,9 +480,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
485
480
  }));
486
481
  };
487
482
 
488
- 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; }
483
+ 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; }
489
484
 
490
- 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; }
485
+ 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; }
491
486
 
492
487
  var Login = function Login(props) {
493
488
  var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
@@ -533,7 +528,7 @@ var Login = function Login(props) {
533
528
  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) {
534
529
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
535
530
  });
536
- setsectionproperties(_objectSpread$17({}, secpropobj));
531
+ setsectionproperties(_objectSpread$15({}, secpropobj));
537
532
  }
538
533
  }, [StatePagePropertiesContext]);
539
534
 
@@ -647,10 +642,10 @@ var Login = function Login(props) {
647
642
  className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
648
643
  value: payloadobj.email,
649
644
  onChange: function onChange(event) {
650
- var temppayloadobj = _objectSpread$17({}, payloadobj);
645
+ var temppayloadobj = _objectSpread$15({}, payloadobj);
651
646
 
652
647
  temppayloadobj.email = event.target.value;
653
- setpayloadobj(_objectSpread$17({}, temppayloadobj));
648
+ setpayloadobj(_objectSpread$15({}, temppayloadobj));
654
649
  }
655
650
  }), /*#__PURE__*/React__default["default"].createElement("span", {
656
651
  className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -668,10 +663,10 @@ var Login = function Login(props) {
668
663
  textplaceholder: "",
669
664
  value: payloadobj.password,
670
665
  onChange: function onChange(event) {
671
- var temppayloadobj = _objectSpread$17({}, payloadobj);
666
+ var temppayloadobj = _objectSpread$15({}, payloadobj);
672
667
 
673
668
  temppayloadobj.password = event.target.value;
674
- setpayloadobj(_objectSpread$17({}, temppayloadobj));
669
+ setpayloadobj(_objectSpread$15({}, temppayloadobj));
675
670
  }
676
671
  }), /*#__PURE__*/React__default["default"].createElement("span", {
677
672
  className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
@@ -790,13 +785,13 @@ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
790
785
  var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
791
786
  var serverbaselink = 'https://tabex-co.com';
792
787
 
793
- var css_248z$v = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n transition: 0.3s ease-in-out;\n border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n flex-direction: row;\n padding: 5px !important;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1::after {\n content: '';\n position: absolute;\n bottom: -3px;\n display: block;\n border-radius: 100px 0 100px 0;\n width: 0;\n height: 0;\n transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_page_name__46AJV {\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n /* width: 35px; */\n /* height: 35px; */\n /* background-color: rgba(0, 28, 105); */\n /* border-radius: 10px; */\n /* color: white; */\n transition: all 0.3s;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj i.staticroutersidenav-module_metismenu_icon__EcRZ1 {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #022648;\n transition: 0.3s;\n opacity: 1;\n font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0::after {\n content: '';\n position: absolute;\n bottom: -3px;\n /* right: -5%; */\n display: block;\n border-radius: 100px 0 100px 0;\n width: 10px;\n height: 100%;\n /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_page_name__46AJV {\n font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n /* background-color: rgba(249, 128, 100) !important; */\n box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover {\n cursor: pointer;\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover::after {\n width: 10px;\n height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__6V32S{\n display: flex;\n flex-direction: row;\n}\n.staticroutersidenav-module_horizontal_nav_menu__6V32S li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 5px !important;\n position: relative;\n}\n@media screen and (max-width:800px) {\n .staticroutersidenav-module_horizontal_nav_menu__6V32S{\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n width: 30% !important;\n float: none;\n display: inline-block;\n zoom: 1; \n } \n}\n@media screen and (max-width:700px) {\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n min-width: 40% !important;\n }\n}\n@media screen and (max-width:500px) {\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n min-width: 60% !important;\n }\n}\n\n\n.staticroutersidenav-module_sidebar_itemlastchild__9O187{\n margin-right: 0 !important;\n margin-left: 0 !important;\n}";
788
+ var css_248z$u = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n transition: 0.3s ease-in-out;\n border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n flex-direction: row;\n padding: 5px !important;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1::after {\n content: '';\n position: absolute;\n bottom: -3px;\n display: block;\n border-radius: 100px 0 100px 0;\n width: 0;\n height: 0;\n transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_page_name__46AJV {\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n /* width: 35px; */\n /* height: 35px; */\n /* background-color: rgba(0, 28, 105); */\n /* border-radius: 10px; */\n /* color: white; */\n transition: all 0.3s;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj i.staticroutersidenav-module_metismenu_icon__EcRZ1 {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #022648;\n transition: 0.3s;\n opacity: 1;\n font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0::after {\n content: '';\n position: absolute;\n bottom: -3px;\n /* right: -5%; */\n display: block;\n border-radius: 100px 0 100px 0;\n width: 10px;\n height: 100%;\n /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_page_name__46AJV {\n font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n /* background-color: rgba(249, 128, 100) !important; */\n box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover {\n cursor: pointer;\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover::after {\n width: 10px;\n height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__6V32S{\n display: flex;\n flex-direction: row;\n}\n.staticroutersidenav-module_horizontal_nav_menu__6V32S li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 5px !important;\n position: relative;\n}\n@media screen and (max-width:800px) {\n .staticroutersidenav-module_horizontal_nav_menu__6V32S{\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n width: 30% !important;\n float: none;\n display: inline-block;\n zoom: 1; \n } \n}\n@media screen and (max-width:700px) {\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n min-width: 40% !important;\n }\n}\n@media screen and (max-width:500px) {\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n min-width: 60% !important;\n }\n}\n\n\n.staticroutersidenav-module_sidebar_itemlastchild__9O187{\n margin-right: 0 !important;\n margin-left: 0 !important;\n}";
794
789
  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"};
795
- styleInject(css_248z$v);
790
+ styleInject(css_248z$u);
796
791
 
797
- 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; }
792
+ 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; }
798
793
 
799
- 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; }
794
+ 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; }
800
795
  // import { useMutation, useQuery, useQueryClient } from 'react-query';
801
796
  // import { useHistory, Link } from 'react-router-dom';
802
797
  // import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
@@ -904,7 +899,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
904
899
  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) {
905
900
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
906
901
  });
907
- setsectionproperties(_objectSpread$16({}, secpropobj));
902
+ setsectionproperties(_objectSpread$14({}, secpropobj));
908
903
  setnavigationstyle('Upper Navigation'); // }
909
904
  // }
910
905
  }, [CurrentPageId]);
@@ -1060,9 +1055,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
1060
1055
  }))))));
1061
1056
  };
1062
1057
 
1063
- 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; }
1058
+ 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; }
1064
1059
 
1065
- 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; }
1060
+ 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; }
1066
1061
 
1067
1062
  var Ordershistory = function Ordershistory(props) {
1068
1063
  var _bgimagesarray$, _bgimagesarray$2;
@@ -1107,10 +1102,10 @@ var Ordershistory = function Ordershistory(props) {
1107
1102
 
1108
1103
  React.useEffect(function () {
1109
1104
  if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
1110
- var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
1105
+ var tempFetchQueriesEngineContext = _objectSpread$13({}, FetchQueriesEngineContext);
1111
1106
 
1112
1107
  tempFetchQueriesEngineContext.orderhistory = true;
1113
- setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
1108
+ setFetchQueriesEngineContext(_objectSpread$13({}, tempFetchQueriesEngineContext));
1114
1109
  } else {
1115
1110
  routingcountext('');
1116
1111
  }
@@ -1136,7 +1131,7 @@ var Ordershistory = function Ordershistory(props) {
1136
1131
  StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
1137
1132
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1138
1133
  });
1139
- setsectionproperties(_objectSpread$15({}, secpropobj));
1134
+ setsectionproperties(_objectSpread$13({}, secpropobj));
1140
1135
  }
1141
1136
  }, [StatePagePropertiesContext]);
1142
1137
  var orderhistory_cssstyles = {
@@ -1916,13 +1911,13 @@ var Ordershistory = function Ordershistory(props) {
1916
1911
  }, lang.cod))))))))))));
1917
1912
  };
1918
1913
 
1919
- var css_248z$u = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n height: 300px;\n border-radius: 10px;\n background-size: cover !important;\n background-repeat: no-repeat;\n background-position: center;\n background-color: #e6e6e6;\n width: 100% !important;\n box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n position: absolute;\n top: 10px;\n right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: 0.3s;\n opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n opacity: 1;\n}\n@media screen and (max-width: 800px) {\n .wishlist-module_floatbtn__PZDvQ {\n opacity: 1 !important;\n }\n}\n";
1914
+ var css_248z$t = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n height: 300px;\n border-radius: 10px;\n background-size: cover !important;\n background-repeat: no-repeat;\n background-position: center;\n background-color: #e6e6e6;\n width: 100% !important;\n box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n position: absolute;\n top: 10px;\n right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: 0.3s;\n opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n opacity: 1;\n}\n@media screen and (max-width: 800px) {\n .wishlist-module_floatbtn__PZDvQ {\n opacity: 1 !important;\n }\n}\n";
1920
1915
  var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
1921
- styleInject(css_248z$u);
1916
+ styleInject(css_248z$t);
1922
1917
 
1923
- 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; }
1918
+ 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; }
1924
1919
 
1925
- 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; }
1920
+ 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; }
1926
1921
 
1927
1922
  var Wishlist = function Wishlist(props) {
1928
1923
  var _bgimagesarray$, _bgimagesarray$2;
@@ -1959,7 +1954,7 @@ var Wishlist = function Wishlist(props) {
1959
1954
  StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
1960
1955
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
1961
1956
  });
1962
- setsectionproperties(_objectSpread$14({}, secpropobj));
1957
+ setsectionproperties(_objectSpread$12({}, secpropobj));
1963
1958
  }
1964
1959
  }, [StatePagePropertiesContext]);
1965
1960
 
@@ -1969,10 +1964,10 @@ var Wishlist = function Wishlist(props) {
1969
1964
  _useState2[1];
1970
1965
 
1971
1966
  React.useEffect(function () {
1972
- var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
1967
+ var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
1973
1968
 
1974
1969
  tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
1975
- setFetchQueriesEngineContext(_objectSpread$14({}, tempFetchQueriesEngineContext));
1970
+ setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
1976
1971
  }, []);
1977
1972
 
1978
1973
  var _useState3 = React.useState(''),
@@ -2004,7 +1999,7 @@ var Wishlist = function Wishlist(props) {
2004
1999
  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) {
2005
2000
  secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2006
2001
  });
2007
- setsectionproperties(_objectSpread$14({}, secpropobj));
2002
+ setsectionproperties(_objectSpread$12({}, secpropobj));
2008
2003
  }
2009
2004
  }, [StatePagePropertiesContext]);
2010
2005
  var wishlist_cssstyles = {
@@ -2439,1158 +2434,680 @@ var Wishlist = function Wishlist(props) {
2439
2434
  })));
2440
2435
  };
2441
2436
 
2442
- 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";
2443
- 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-"};
2444
- styleInject(css_248z$t);
2445
-
2446
- 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; }
2447
-
2448
- 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; }
2449
- var defaultstyles = {
2450
- option: function option(provided, state) {
2451
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2452
- borderBottom: '1px solid #e6e6e6',
2453
- backgroundColor: state.isSelected ? '' : '',
2454
- padding: 5,
2455
- textTransform: 'capitalize',
2456
- color: state.isSelected ? '#eac435' : '#022648',
2457
- transition: '.3s',
2458
- '&:hover': {
2459
- // color: '#eac435',
2460
- cursor: 'pointer'
2461
- }
2462
- });
2463
- },
2464
- control: function control() {
2465
- return {
2466
- borderBottom: '1px solid #ccc',
2467
- backgroundColor: 'white',
2468
- display: 'flex',
2469
- cursor: 'pointer',
2470
- padding: 0,
2471
- transition: '.3s',
2472
- '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
2473
- // borderRadius: '10px',
2474
- }
2475
- };
2476
- },
2477
- dropdownIndicator: function dropdownIndicator(provided) {
2478
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2479
- '&:hover': {// color: '#eac435',
2480
- }
2481
- });
2482
- }
2483
- };
2484
- var defaultstylestranslated = {
2485
- option: function option(provided, state) {
2486
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2487
- borderBottom: '1px solid #e6e6e6',
2488
- backgroundColor: state.isSelected ? '' : '',
2489
- padding: 5,
2490
- textTransform: 'capitalize',
2491
- // color: state.isSelected ? '#eac435' : '#022648',
2492
- transition: '.3s',
2493
- textAlign: 'right',
2494
- '&:hover': {
2495
- // color: '#eac435',
2496
- cursor: 'pointer'
2497
- }
2498
- });
2499
- },
2500
- control: function control() {
2501
- return {
2502
- borderBottom: '1px solid #ccc',
2503
- backgroundColor: 'white',
2504
- display: 'flex',
2505
- cursor: 'pointer',
2506
- padding: 0,
2507
- transition: '.3s',
2508
- textAlign: 'right',
2509
- '&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
2510
- // borderRadius: '10px',
2511
- }
2512
- };
2513
- },
2514
- dropdownIndicator: function dropdownIndicator(provided) {
2515
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2516
- '&:hover': {// color: '#eac435',
2517
- }
2518
- });
2519
- },
2520
- placeholder: function placeholder(provided, state) {
2521
- return _objectSpread$13(_objectSpread$13({}, provided), {}, {
2522
- textAlign: 'right'
2523
- });
2524
- }
2525
- };
2526
-
2527
- 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; }
2528
-
2529
- 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; }
2437
+ // // import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
2438
+ // // import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
2439
+ // // import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
2440
+ // import formstyles from '../../../styles/general/form.module.css';
2441
+ // import TextareaAutosize from 'react-textarea-autosize';
2442
+ // // import { BrowserRouter as Router, Switch, Route, Redirect, useParams, useHistory, Link } from 'react-router-dom';
2443
+ // // import '../../../../../../../styles/general/react-phone-input-2.module.css';
2444
+ // import generalstyles from '../../../styles/general/general.module.css';
2445
+ // // import cartstyles from '../Viewcart/viewcart.module.css';
2446
+ // import { CircularProgress } from 'react-cssfx-loading';
2447
+ // import Select from 'react-select';
2448
+ // // import { NotificationManager } from 'react-notifications';
2449
+ // // import Pagepreloader from '../Pagepreloader/Pagepreloader';
2450
+ // // import { useQuery, useQueryClient, useMutation } from 'react-query';
2451
+ // import { css } from 'glamor';
2452
+ // import { BsCheck2Circle, BsFillTelephoneFill } from 'react-icons/bs';
2453
+ // import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles';
2454
+ // // import { Page_Template_Fetch_API } from '../../../../../../../components/API/WebsiteDesign_API';
2455
+ // import { IKImage } from 'imagekitio-react';
2456
+ // import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
2457
+ // import { HiUser } from 'react-icons/hi';
2458
+ // import { GrMail } from 'react-icons/gr';
2459
+ // import { BsBagCheck } from 'react-icons/bs';
2530
2460
 
2531
2461
  var Checkout = function Checkout(props) {
2532
- var _fetchcustomercartQue69, _fetchcustomercartQue70, _fetchcustomercartQue71, _fetchcustomercartQue72, _fetchcustomercartQue73, _fetchcustomercartQue74, _fetchcustomercartQue83, _fetchcustomercartQue84, _fetchcustomercartQue85, _fetchcustomercartQue86, _fetchcustomercartQue89, _fetchcustomercartQue90, _fetchcustomercartQue93, _fetchcustomercartQue94, _fetchcustomercartQue97, _fetchcustomercartQue98;
2533
-
2534
- var _useState = React.useState(null),
2535
- _useState2 = _slicedToArray__default["default"](_useState, 2),
2536
- timer = _useState2[0],
2537
- settimer = _useState2[1];
2538
-
2539
- var langdetect = props.actions.langdetect;
2540
- var lang = props.actions.lang;
2541
- var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
2542
- var routingcountext = props.actions.routingcountext;
2543
- var ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
2544
- var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
2545
- var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2546
- var templatepropcontext = props.actions.templatepropcontext;
2547
- var fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
2548
- var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
2549
- var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
2550
- var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
2551
- var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
2552
- var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
2553
- var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
2554
- var ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
2555
- var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
2556
- var AddOrderMutationContext = props.actions.AddOrderMutationContext;
2557
- props.actions.fetchAuthorizationQueryContext;
2558
- var authdetailsContext = props.actions.authdetailsContext;
2559
- var queryClient = props.actions.queryClient;
2560
-
2561
- var _useState3 = React.useState(''),
2562
- _useState4 = _slicedToArray__default["default"](_useState3, 2),
2563
- sectionproperties = _useState4[0],
2564
- setsectionproperties = _useState4[1];
2565
-
2566
- var _useState5 = React.useState(''),
2567
- _useState6 = _slicedToArray__default["default"](_useState5, 2),
2568
- CurrentPageId = _useState6[0],
2569
- setCurrentPageId = _useState6[1];
2570
-
2571
- React.useEffect(function () {
2572
- var _templatepropcontext$;
2573
-
2574
- var cartindex = templatepropcontext === null || templatepropcontext === void 0 ? void 0 : (_templatepropcontext$ = templatepropcontext.pagesnprop) === null || _templatepropcontext$ === void 0 ? void 0 : _templatepropcontext$.findIndex(function (x) {
2575
- return x.staticpageid == '6218bccb82af8';
2576
- });
2577
-
2578
- if (cartindex >= 0) {
2579
- setCurrentPageId(cartindex);
2580
- }
2581
- }, []);
2582
- React.useEffect(function () {
2583
- var _templatepropcontext$2, _templatepropcontext$3;
2584
-
2585
- var secpropobj = {};
2586
- 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) {
2587
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2588
- });
2589
- setsectionproperties(_objectSpread$12({}, secpropobj));
2590
- }, [CurrentPageId]);
2591
- React.useEffect(function () {
2592
- if (CurrentSrcTypeContext == 'workplace') {
2593
- if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
2594
- var _StatePagePropertiesC, _StatePagePropertiesC2;
2595
-
2596
- var secpropobj = {};
2597
- 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) {
2598
- secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2599
- });
2600
- setsectionproperties(_objectSpread$12({}, secpropobj));
2601
- }
2602
- }
2603
- }, [StatePagePropertiesContext]);
2604
- React.useEffect(function () {
2605
- var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
2606
-
2607
- // if (authdetailsContext.loggedin == true) {
2608
- var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
2609
-
2610
- tempFetchQueriesEngineContext.fetchtabexcountries = true;
2611
- setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
2612
-
2613
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
2614
-
2615
- if ( // Aya
2616
- !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
2617
- (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) {
2618
- var _fetchcustomercartQue7, _fetchcustomercartQue8;
2619
-
2620
- 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;
2621
- }
2622
-
2623
- if ( // aya
2624
- !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
2625
- (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) {
2626
- var _fetchcustomercartQue15, _fetchcustomercartQue16;
2627
-
2628
- 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;
2629
- }
2630
-
2631
- setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext)); // } else {
2632
- // routingcountext('');
2633
- // }
2634
- }, []);
2635
-
2636
- var cartinfoupdater = function cartinfoupdater(key, value) {
2637
- var _fetchcustomercartQue17, _fetchcustomercartQue18, _fetchcustomercartQue19, _fetchcustomercartQue20, _fetchcustomercartQue21, _fetchcustomercartQue22, _fetchcustomercartQue23, _fetchcustomercartQue24, _fetchcustomercartQue25, _fetchcustomercartQue26, _fetchcustomercartQue27, _fetchcustomercartQue28, _fetchcustomercartQue29, _fetchcustomercartQue30, _fetchcustomercartQue31, _fetchcustomercartQue32;
2638
-
2639
- var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2640
- cartarr.data.customercart[key] = value;
2641
- queryClient.setQueryData('fetchcustomercart_API', cartarr);
2642
- var payloadobj = {
2643
- 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,
2644
- 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,
2645
- 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,
2646
- 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,
2647
- 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,
2648
- 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,
2649
- 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,
2650
- 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
2651
- };
2652
-
2653
- if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
2654
- clearTimeout(timer);
2655
- settimer(setTimeout(function () {
2656
- ChooseState_CountryMutationContext.mutate(payloadobj);
2657
- }, 1500));
2658
- } else {
2659
- ChooseState_CountryMutationContext.mutate(payloadobj);
2660
- }
2661
- };
2662
-
2663
- var checkoutstyles = _defineProperty__default["default"]({
2664
- Salepricestyless: glamor.css({
2665
- fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2666
- fontWeight: sectionproperties.prodsalePriceFontWeight,
2667
- color: sectionproperties.prodsalePriceColor,
2668
- show: sectionproperties.prodsalePriceshow,
2669
- transition: '.3s'
2670
- }),
2671
- userinfo_iconcont: glamor.css({
2672
- width: sectionproperties.userinfo_iconwidth + 'px',
2673
- height: sectionproperties.userinfo_iconheight + 'px',
2674
- background: sectionproperties.userinfo_iconbg,
2675
- borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
2676
- color: sectionproperties.userinfo_iconcolor
2677
- }),
2678
- userinfotextstyles: glamor.css({
2679
- color: sectionproperties.userinfo_color,
2680
- fontWeight: sectionproperties.userinfo_fontweight,
2681
- fontSize: sectionproperties.userinfo_fontsize + 'px'
2682
- }),
2683
- input_label_name: glamor.css({
2684
- color: sectionproperties.form_labelcolor,
2685
- textTransform: sectionproperties.form_labeltexttransform,
2686
- fontWeight: sectionproperties.form_labelfontweight,
2687
- fontSize: sectionproperties.form_labelfontsize + 'px'
2688
- }),
2689
- checkbox: glamor.css({
2690
- color: sectionproperties.checkbox_color,
2691
- textTransform: sectionproperties.form_labeltexttransform,
2692
- fontWeight: sectionproperties.form_labelfontweight,
2693
- fontSize: sectionproperties.form_labelfontsize + 'px',
2694
- transition: '.3s',
2695
- ':hover': {
2696
- color: sectionproperties.checkbox_texthovercolor
2697
- },
2698
- 'input:checked': {
2699
- color: sectionproperties.checkbox_checkedcolor
2700
- }
2701
- }),
2702
- checkboxinputstyles: glamor.css({
2703
- ':hover:not(:checked)': {
2704
- boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor
2705
- },
2706
- ':checked': {
2707
- boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor
2708
- }
2709
- }),
2710
- svgstyles: glamor.css({
2711
- stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
2712
- }),
2713
- innersectiontitlestyles: glamor.css({
2714
- color: sectionproperties.innersection_titlecolor,
2715
- fontSize: sectionproperties.innersection_titlefontsize + 'px',
2716
- fontWeight: sectionproperties.innersection_titlefontweight,
2717
- textTransform: sectionproperties.innersection_titletextTransform
2718
- }),
2719
- summarysectionstyles: glamor.css({
2720
- fontSize: sectionproperties.summary_fontsize + 'px',
2721
- color: sectionproperties.summary_textcolor,
2722
- fontWeight: sectionproperties.summary_textfontweight,
2723
- textTransform: sectionproperties.summary_texttransform,
2724
- textAlign: langdetect == 'en' ? 'left' : 'right'
2725
- }),
2726
- checkoutbtnstyles: glamor.css({
2727
- background: sectionproperties.checkoutBtnbgColor,
2728
- width: sectionproperties.checkoutBtnWidth,
2729
- height: sectionproperties.checkoutBtnHeight,
2730
- borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
2731
- color: sectionproperties.checkoutBtnTextcolor,
2732
- textTransform: sectionproperties.checkoutBtnTexttransform,
2733
- fontWeight: sectionproperties.checkoutBtnTextfontweight,
2734
- fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
2735
- border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
2736
- transition: '.3s',
2737
- ':hover': {
2738
- background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
2739
- color: sectionproperties.checkoutBtnTextcoloronhover
2740
- }
2741
- }),
2742
- productNameStyles: glamor.css({
2743
- color: sectionproperties.prodNameColor,
2744
- fontSize: sectionproperties.prodNameFontSize + 'px',
2745
- textTransform: sectionproperties.prodNameTextTranform,
2746
- fontWeight: sectionproperties.prodNameFontWeight
2747
- }),
2748
- productPricestyles: glamor.css({
2749
- color: sectionproperties.prodPriceColor,
2750
- fontSize: sectionproperties.prodpriceFontSize + 'px',
2751
- fontWeight: sectionproperties.prodPriceFontWeight
2752
- }),
2753
- productSalePricestyles: glamor.css({
2754
- color: sectionproperties.prodsalePriceColor,
2755
- fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2756
- fontWeight: sectionproperties.prodsalePriceFontWeight
2757
- }),
2758
- imagecont: glamor.css({
2759
- width: '8vh',
2760
- height: '8vh',
2761
- border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2762
- backgroundColor: sectionproperties.prodimage_bgcolor,
2763
- borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
2764
- borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
2765
- borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
2766
- borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
2767
- display: 'flex',
2768
- alignItems: 'center',
2769
- justifyContent: 'center',
2770
- backgroundRepeat: 'no-repeat',
2771
- backgroundSize: 'cover',
2772
- backgroundPosition: 'center',
2773
- position: 'relative'
2774
- }),
2775
- applybtnstyles: glamor.css({
2776
- width: sectionproperties.applybtn_width + 'px',
2777
- height: sectionproperties.applybtn_height + 'px',
2778
- borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
2779
- textTransform: sectionproperties.applybtn_texttransform,
2780
- fontSize: sectionproperties.applybtn_fontsize + 'px',
2781
- color: sectionproperties.applybtn_textColor,
2782
- fontWeight: sectionproperties.applybtn_Textfontweight,
2783
- background: sectionproperties.applybtn_bgColor,
2784
- border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
2785
- transition: '.3s',
2786
- ':hover': {
2787
- background: sectionproperties.applybtn_bgColoronhover,
2788
- color: sectionproperties.applybtn_Textcoloronhover
2789
- }
2790
- }),
2791
- inputfiledstyles: glamor.css({}),
2792
- checkorderbtnstyles: glamor.css({
2793
- background: sectionproperties.generalbtn_bgColor,
2794
- width: sectionproperties.generalbtn_width,
2795
- height: sectionproperties.generalbtn_height,
2796
- borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2797
- borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2798
- borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2799
- borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2800
- color: sectionproperties.generalbtn_textColor,
2801
- textTransform: sectionproperties.generalbtn_texttransform,
2802
- fontWeight: sectionproperties.generalbtn_fontweight,
2803
- fontSize: sectionproperties.generalbtn_fontsize + 'px',
2804
- border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
2805
- transition: '.3s',
2806
- ':hover': {
2807
- background: sectionproperties.generalbtn_bgColoronhover,
2808
- color: sectionproperties.generalbtn_textColoronhover
2809
- }
2810
- })
2811
- }, "input_label_name", glamor.css({
2812
- color: sectionproperties.form_labelcolor,
2813
- textTransform: sectionproperties.form_labeltexttransform,
2814
- fontWeight: sectionproperties.form_labelfontweight,
2815
- fontSize: sectionproperties.form_labelfontsize + 'px'
2816
- }));
2817
-
2818
- var Mycart = function Mycart() {
2819
- 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;
2820
-
2821
- return /*#__PURE__*/React__default["default"].createElement("div", {
2822
- className: "row m-0 w-100"
2823
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2824
- className: "col-lg-12 d-flex align-items-center p-0"
2825
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2826
- style: {
2827
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
2828
- color: sectionproperties.sectionTitleColor,
2829
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
2830
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
2831
- textTransform: sectionproperties.sectionTitleTextTransform,
2832
- fontWeight: sectionproperties.sectionTitleFontWeight
2833
- }
2834
- }, lang.mycart)), ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, null), !ChooseState_CountryMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement("div", {
2835
- className: "row m-0 w-100"
2836
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2837
- className: "col-lg-12 p-0"
2838
- }, 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) {
2839
- return /*#__PURE__*/React__default["default"].createElement("div", {
2840
- 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',
2841
- style: {
2842
- background: sectionproperties.summary_sectionbgcolor,
2843
- borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
2844
- border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
2845
- }
2846
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2847
- className: "row m-0 w-100 d-flex"
2848
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2849
- className: "".concat(checkoutstyles.imagecont)
2850
- }, /*#__PURE__*/React__default["default"].createElement(imagekitioReact.IKImage, {
2851
- urlEndpoint: IKurlEndpoint,
2852
- publicKey: IKpublicKey,
2853
- path: item.productinfo.hasvariants == 0 ? '/tr:w-300,h-300/' + item.productinfo.productmainimage : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl,
2854
- style: {
2855
- width: '100%',
2856
- height: '100%',
2857
- objectFit: 'cover'
2858
- },
2859
- loading: "lazy"
2860
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2861
- className: "col-lg-7 col-md-7 col-sm-7"
2862
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2863
- className: "row m-0 w-100"
2864
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2865
- className: "col-lg-12 col-md-12 col-sm-12 p-0"
2866
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2867
- className: "".concat(checkoutstyles.productNameStyles) + ' m-0 p-0 d-flex justify-content-start '
2868
- }, langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar)), /*#__PURE__*/React__default["default"].createElement("div", {
2869
- className: "col-lg-12 p-0"
2870
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2871
- className: "m-0 p-0 font-weight-500 text-light d-flex justify-content-start"
2872
- }, lang.qty, ": ", item.quantity)), item.productinfo.hasvariants == 1 && item.productinfo.variantinfo.variantoptions.map(function (variantitem, variantindex) {
2873
- return /*#__PURE__*/React__default["default"].createElement("div", {
2874
- className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex"
2875
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2876
- className: 'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '
2877
- }, variantitem.optionname, ":"), /*#__PURE__*/React__default["default"].createElement("p", {
2878
- className: ' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '
2879
- }, variantitem.optionvalue));
2880
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
2881
- className: "col-lg-3 col-md-3 col-sm-2 p-0"
2882
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2883
- className: "row m-0 w-100 h-100"
2884
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2885
- className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto"
2886
- }, item.productinfo.hasvariants == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2887
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2888
- }, item.productinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2889
- className: "col-lg-12 p-0 d-flex justify-content-end"
2890
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2891
- className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2892
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')), item.productinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2893
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2894
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2895
- className: "col-lg-12 p-0 d-flex justify-content-end"
2896
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2897
- className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2898
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultsaleprice, " ", langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
2899
- className: "col-lg-12 p-0 d-flex justify-content-end"
2900
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2901
- 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 '
2902
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.defaultprice, " ", langdetect == 'en' ? '' : 'ج.م')))), item.productinfo.hasvariants == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2903
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2904
- }, item.productinfo.variantinfo.hassale == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
2905
- className: "col-lg-12 p-0 d-flex justify-content-end"
2906
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2907
- className: langdetect == 'en' ? "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.productPricestyles) + ' m-0 p-0 wordbreak text-left '
2908
- }, langdetect == 'en' ? 'EGP' : 'ج.م', " ", item.productinfo.variantinfo.variantprice)), item.productinfo.variantinfo.hassale == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
2909
- className: "row m-0 w-100 d-flex flex-column justify-content-end"
2910
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2911
- className: "col-lg-12 p-0 d-flex justify-content-end"
2912
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2913
- 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 '
2914
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantsaleprice, langdetect == 'en' ? '' : 'ج.م')), /*#__PURE__*/React__default["default"].createElement("div", {
2915
- className: "col-lg-12 p-0 d-flex justify-content-end"
2916
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2917
- 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 '
2918
- }, langdetect == 'en' ? 'EGP' : '', " ", item.productinfo.variantinfo.variantprice, " ", langdetect == 'en' ? '' : 'ج.م')))))))));
2919
- }), /*#__PURE__*/React__default["default"].createElement("div", {
2920
- className: ' row m-0 w-100 p-3',
2921
- style: {
2922
- background: sectionproperties.summary_sectionbgcolor,
2923
- borderRadius: sectionproperties.summary_sectionborderradius + 'px',
2924
- border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor
2925
- }
2926
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2927
- className: "col-lg-12 p-0 mb-1"
2928
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2929
- className: "col-lg-12 p-0 mb-4"
2930
- }, /*#__PURE__*/React__default["default"].createElement("label", {
2931
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 p-0 mb-2 d-flex justify-content-start '
2932
- }, lang.doyouhavepromocode), /*#__PURE__*/React__default["default"].createElement("div", {
2933
- className: ' row m-0 w-100 d-flex justify-content-center align-items-center '
2934
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2935
- className: 'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'
2936
- }, /*#__PURE__*/React__default["default"].createElement("input", {
2937
- type: "text",
2938
- className: "".concat(formstyles.form_control),
2939
- style: {
2940
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
2941
- fontSize: sectionproperties.inputfieldfontsize + 'px',
2942
- color: sectionproperties.inputfieldcolor,
2943
- backgroundColor: sectionproperties.input_bgcolor
2944
- },
2945
- placeholder: lang.giftcarddicountcode,
2946
- 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,
2947
- onChange: function onChange(event) {
2948
- var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2949
- cartarr.data.customercart.couponname = event.target.value;
2950
- queryClient.setQueryData('fetchcustomercart_API', cartarr);
2951
- },
2952
- 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
2953
- })), /*#__PURE__*/React__default["default"].createElement("div", {
2954
- className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
2955
- }, /*#__PURE__*/React__default["default"].createElement("button", {
2956
- className: " ".concat(checkoutstyles.applybtnstyles),
2957
- onClick: function onClick() {
2958
- var _fetchcustomercartQue39, _fetchcustomercartQue40;
2959
-
2960
- if (!(fetchcustomercartQueryContext !== null && fetchcustomercartQueryContext !== void 0 && (_fetchcustomercartQue39 = fetchcustomercartQueryContext.data) !== null && _fetchcustomercartQue39 !== void 0 && (_fetchcustomercartQue40 = _fetchcustomercartQue39.data) !== null && _fetchcustomercartQue40 !== void 0 && _fetchcustomercartQue40.customercart.couponexists)) {
2961
- var _fetchcustomercartQue41, _fetchcustomercartQue42, _fetchcustomercartQue43, _fetchcustomercartQue44;
2962
-
2963
- var payloadobj = {
2964
- 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,
2965
- functype: 'add'
2966
- };
2967
-
2968
- 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) {
2969
- ApplyPromoCodeMutationContext.mutate(payloadobj);
2970
- } else {
2971
- reactNotifications.NotificationManager.warning('', 'Please Type Promo Code');
2972
- }
2973
- } else {
2974
- var payloadobj = {
2975
- functype: 'delete'
2976
- };
2977
- ApplyPromoCodeMutationContext.mutate(payloadobj);
2978
- }
2979
- },
2980
- disabled: ApplyPromoCodeMutationContext.isLoading ? true : false
2981
- }, /*#__PURE__*/React__default["default"].createElement("span", {
2982
- className: ApplyPromoCodeMutationContext.isLoading ? "".concat(generalstyles.fadeOutButton) : "".concat(generalstyles.fadeInButton)
2983
- }, 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", {
2984
- 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 '
2985
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
2986
- color: "#fff",
2987
- width: "20px",
2988
- height: "20px",
2989
- duration: "1s"
2990
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
2991
- className: "row m-0 w-100"
2992
- }, /*#__PURE__*/React__default["default"].createElement("div", {
2993
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
2994
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2995
- className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-center wordbreak '
2996
- }, lang.subtotal)), /*#__PURE__*/React__default["default"].createElement("div", {
2997
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
2998
- }, /*#__PURE__*/React__default["default"].createElement("p", {
2999
- className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
3000
- }, 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", {
3001
- className: "col-lg-12 p-0 mb-1"
3002
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3003
- className: "row m-0 w-100"
3004
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3005
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
3006
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3007
- className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '
3008
- }, lang.discount)), /*#__PURE__*/React__default["default"].createElement("div", {
3009
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3010
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3011
- 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 '
3012
- }, (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", {
3013
- className: "col-lg-12 p-0"
3014
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3015
- className: "row m-0 w-100"
3016
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3017
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
3018
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3019
- className: "".concat(checkoutstyles.summarysectionstyles, " ") + ' m-0 p-0 d-flex align-items-start wordbreak '
3020
- }, 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", {
3021
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3022
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3023
- className: langdetect == 'en' ? "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-right ' : "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 wordbreak text-left '
3024
- }, 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", {
3025
- className: "col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0"
3026
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3027
- className: "".concat(checkoutstyles.summarysectionstyles) + ' m-0 p-0 d-flex align-items-start wordbreak ',
3028
- style: {
3029
- color: 'red'
3030
- }
3031
- }, lang.outofzone)))), /*#__PURE__*/React__default["default"].createElement("div", {
3032
- className: "col-lg-12 p-0"
3033
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3034
- className: "mt-2 mb-2"
3035
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3036
- className: "col-lg-12 p-0"
3037
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3038
- className: "row m-0 w-100"
3039
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3040
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
3041
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3042
- className: "d-flex align-items-start",
3043
- style: {
3044
- fontSize: sectionproperties.total_fontsize + 'px',
3045
- fontWeight: sectionproperties.total_fontweight,
3046
- textTransform: sectionproperties.total_texttransform,
3047
- color: sectionproperties.total_color
3048
- }
3049
- }, lang.total)), /*#__PURE__*/React__default["default"].createElement("div", {
3050
- className: "col-lg-6 col-md-6 col-sm-6 p-0"
3051
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3052
- className: "row m-0 w-100"
3053
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3054
- className: "col-lg-12 p-0 d-flex justify-content-end "
3055
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3056
- className: langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left ',
3057
- style: {
3058
- fontSize: sectionproperties.total_fontsize + 'px',
3059
- fontWeight: sectionproperties.total_fontweight,
3060
- textTransform: sectionproperties.total_texttransform,
3061
- color: sectionproperties.total_color
3062
- }
3063
- }, 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", {
3064
- className: "col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3"
3065
- }, /*#__PURE__*/React__default["default"].createElement("button", {
3066
- className: " ".concat(checkoutstyles.checkoutbtnstyles) + ' d-flex align-items-center justify-content-center ',
3067
- onClick: function onClick() {
3068
- var payloadobj = {};
3069
- AddOrderMutationContext.mutate(payloadobj);
3070
- },
3071
- disabled: AddOrderMutationContext.isLoading ? true : false
3072
- }, AddOrderMutationContext.isLoading && /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3073
- color: "#fff",
3074
- width: "20px",
3075
- height: "20px",
3076
- duration: "1s"
3077
- }), !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 : ''))))));
3078
- };
3079
-
2462
+ // const [timer, settimer] = useState(null);
2463
+ // const langdetect = props.actions.langdetect;
2464
+ // const lang = props.actions.lang;
2465
+ // const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
2466
+ // const routingcountext = props.actions.routingcountext;
2467
+ // const ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
2468
+ // const CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
2469
+ // const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
2470
+ // const templatepropcontext = props.actions.templatepropcontext;
2471
+ // const fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
2472
+ // const FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
2473
+ // const setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
2474
+ // const fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
2475
+ // const fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
2476
+ // const FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
2477
+ // const setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
2478
+ // const ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
2479
+ // const fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
2480
+ // const AddOrderMutationContext = props.actions.AddOrderMutationContext;
2481
+ // const fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
2482
+ // const authdetailsContext = props.actions.authdetailsContext;
2483
+ // const NotificationManager = props.actions.NotificationManager;
2484
+ // const queryClient = props.actions.queryClient;
2485
+ // const [sectionproperties, setsectionproperties] = useState('');
2486
+ // const [CurrentPageId, setCurrentPageId] = useState('');
2487
+ // useEffect(() => {
2488
+ // var cartindex = templatepropcontext?.pagesnprop?.findIndex((x) => x.staticpageid == '6218bccb82af8');
2489
+ // if (cartindex >= 0) {
2490
+ // setCurrentPageId(cartindex);
2491
+ // }
2492
+ // }, []);
2493
+ // useEffect(() => {
2494
+ // var secpropobj = {};
2495
+ // templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
2496
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2497
+ // });
2498
+ // setsectionproperties({ ...secpropobj });
2499
+ // }, [CurrentPageId]);
2500
+ // useEffect(() => {
2501
+ // if (CurrentSrcTypeContext == 'workplace') {
2502
+ // if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
2503
+ // var secpropobj = {};
2504
+ // StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
2505
+ // secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
2506
+ // });
2507
+ // setsectionproperties({ ...secpropobj });
2508
+ // }
2509
+ // }
2510
+ // }, [StatePagePropertiesContext]);
2511
+ // useEffect(() => {
2512
+ // // if (authdetailsContext.loggedin == true) {
2513
+ // var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
2514
+ // tempFetchQueriesEngineContext.fetchtabexcountries = true;
2515
+ // setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
2516
+ // var tempFetchTabexStatesPayloadobjContext = { ...FetchTabexStatesPayloadobjContext };
2517
+ // if (
2518
+ // // Aya
2519
+ // !fetchcustomercartQueryContext.isFetching &&
2520
+ // fetchcustomercartQueryContext.isSuccess &&
2521
+ // fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
2522
+ // fetchcustomercartQueryContext?.data?.data?.customercart.countryid != null &&
2523
+ // // End
2524
+ // fetchcustomercartQueryContext?.data?.data?.customercart.countryid.length != 0
2525
+ // ) {
2526
+ // tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext?.data?.data?.customercart.countryid;
2527
+ // }
2528
+ // if (
2529
+ // // aya
2530
+ // !fetchcustomercartQueryContext.isFetching &&
2531
+ // fetchcustomercartQueryContext.isSuccess &&
2532
+ // fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
2533
+ // fetchcustomercartQueryContext?.data?.data?.customercart.stateid != null &&
2534
+ // // end
2535
+ // fetchcustomercartQueryContext?.data?.data?.customercart.stateid.length != 0
2536
+ // ) {
2537
+ // tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext?.data?.data?.customercart.stateid;
2538
+ // }
2539
+ // setFetchTabexStatesPayloadobjContext({ ...tempFetchTabexStatesPayloadobjContext });
2540
+ // // } else {
2541
+ // // routingcountext('');
2542
+ // // }
2543
+ // }, []);
2544
+ // const cartinfoupdater = (key, value) => {
2545
+ // var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2546
+ // cartarr.data.customercart[key] = value;
2547
+ // queryClient.setQueryData('fetchcustomercart_API', cartarr);
2548
+ // var payloadobj = {
2549
+ // stateid: fetchcustomercartQueryContext?.data?.data?.customercart.stateid,
2550
+ // countryid: fetchcustomercartQueryContext?.data?.data?.customercart.countryid,
2551
+ // cityid: fetchcustomercartQueryContext?.data?.data?.customercart.cityid,
2552
+ // address: fetchcustomercartQueryContext?.data?.data?.customercart.address,
2553
+ // paymentmethod: fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod,
2554
+ // name: fetchcustomercartQueryContext?.data?.data?.customercart.name,
2555
+ // email: fetchcustomercartQueryContext?.data?.data?.customercart.email,
2556
+ // mobile: fetchcustomercartQueryContext?.data?.data?.customercart.mobile,
2557
+ // };
2558
+ // if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
2559
+ // clearTimeout(timer);
2560
+ // settimer(
2561
+ // setTimeout(() => {
2562
+ // ChooseState_CountryMutationContext.mutate(payloadobj);
2563
+ // }, 1500),
2564
+ // );
2565
+ // } else {
2566
+ // ChooseState_CountryMutationContext.mutate(payloadobj);
2567
+ // }
2568
+ // };
2569
+ // const checkoutstyles = {
2570
+ // Salepricestyless: css({
2571
+ // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2572
+ // fontWeight: sectionproperties.prodsalePriceFontWeight,
2573
+ // color: sectionproperties.prodsalePriceColor,
2574
+ // show: sectionproperties.prodsalePriceshow,
2575
+ // transition: '.3s',
2576
+ // }),
2577
+ // userinfo_iconcont: css({
2578
+ // width: sectionproperties.userinfo_iconwidth + 'px',
2579
+ // height: sectionproperties.userinfo_iconheight + 'px',
2580
+ // background: sectionproperties.userinfo_iconbg,
2581
+ // borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
2582
+ // color: sectionproperties.userinfo_iconcolor,
2583
+ // }),
2584
+ // userinfotextstyles: css({
2585
+ // color: sectionproperties.userinfo_color,
2586
+ // fontWeight: sectionproperties.userinfo_fontweight,
2587
+ // fontSize: sectionproperties.userinfo_fontsize + 'px',
2588
+ // }),
2589
+ // input_label_name: css({
2590
+ // color: sectionproperties.form_labelcolor,
2591
+ // textTransform: sectionproperties.form_labeltexttransform,
2592
+ // fontWeight: sectionproperties.form_labelfontweight,
2593
+ // fontSize: sectionproperties.form_labelfontsize + 'px',
2594
+ // }),
2595
+ // checkbox: css({
2596
+ // color: sectionproperties.checkbox_color,
2597
+ // textTransform: sectionproperties.form_labeltexttransform,
2598
+ // fontWeight: sectionproperties.form_labelfontweight,
2599
+ // fontSize: sectionproperties.form_labelfontsize + 'px',
2600
+ // transition: '.3s',
2601
+ // ':hover': {
2602
+ // color: sectionproperties.checkbox_texthovercolor,
2603
+ // },
2604
+ // 'input:checked': {
2605
+ // color: sectionproperties.checkbox_checkedcolor,
2606
+ // },
2607
+ // }),
2608
+ // checkboxinputstyles: css({
2609
+ // ':hover:not(:checked)': {
2610
+ // boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor,
2611
+ // },
2612
+ // ':checked': {
2613
+ // boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor,
2614
+ // },
2615
+ // }),
2616
+ // svgstyles: css({
2617
+ // stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')',
2618
+ // }),
2619
+ // innersectiontitlestyles: css({
2620
+ // color: sectionproperties.innersection_titlecolor,
2621
+ // fontSize: sectionproperties.innersection_titlefontsize + 'px',
2622
+ // fontWeight: sectionproperties.innersection_titlefontweight,
2623
+ // textTransform: sectionproperties.innersection_titletextTransform,
2624
+ // }),
2625
+ // summarysectionstyles: css({
2626
+ // fontSize: sectionproperties.summary_fontsize + 'px',
2627
+ // color: sectionproperties.summary_textcolor,
2628
+ // fontWeight: sectionproperties.summary_textfontweight,
2629
+ // textTransform: sectionproperties.summary_texttransform,
2630
+ // textAlign: langdetect == 'en' ? 'left' : 'right',
2631
+ // }),
2632
+ // checkoutbtnstyles: css({
2633
+ // background: sectionproperties.checkoutBtnbgColor,
2634
+ // width: sectionproperties.checkoutBtnWidth,
2635
+ // height: sectionproperties.checkoutBtnHeight,
2636
+ // borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
2637
+ // color: sectionproperties.checkoutBtnTextcolor,
2638
+ // textTransform: sectionproperties.checkoutBtnTexttransform,
2639
+ // fontWeight: sectionproperties.checkoutBtnTextfontweight,
2640
+ // fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
2641
+ // border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
2642
+ // transition: '.3s',
2643
+ // ':hover': {
2644
+ // background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
2645
+ // color: sectionproperties.checkoutBtnTextcoloronhover,
2646
+ // },
2647
+ // }),
2648
+ // productNameStyles: css({
2649
+ // color: sectionproperties.prodNameColor,
2650
+ // fontSize: sectionproperties.prodNameFontSize + 'px',
2651
+ // textTransform: sectionproperties.prodNameTextTranform,
2652
+ // fontWeight: sectionproperties.prodNameFontWeight,
2653
+ // }),
2654
+ // productPricestyles: css({
2655
+ // color: sectionproperties.prodPriceColor,
2656
+ // fontSize: sectionproperties.prodpriceFontSize + 'px',
2657
+ // fontWeight: sectionproperties.prodPriceFontWeight,
2658
+ // }),
2659
+ // productSalePricestyles: css({
2660
+ // color: sectionproperties.prodsalePriceColor,
2661
+ // fontSize: sectionproperties.prodsalepriceFontSize + 'px',
2662
+ // fontWeight: sectionproperties.prodsalePriceFontWeight,
2663
+ // }),
2664
+ // imagecont: css({
2665
+ // width: '8vh',
2666
+ // height: '8vh',
2667
+ // border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
2668
+ // backgroundColor: sectionproperties.prodimage_bgcolor,
2669
+ // borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
2670
+ // borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
2671
+ // borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
2672
+ // borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
2673
+ // display: 'flex',
2674
+ // alignItems: 'center',
2675
+ // justifyContent: 'center',
2676
+ // backgroundRepeat: 'no-repeat',
2677
+ // backgroundSize: 'cover',
2678
+ // backgroundPosition: 'center',
2679
+ // position: 'relative',
2680
+ // }),
2681
+ // applybtnstyles: css({
2682
+ // width: sectionproperties.applybtn_width + 'px',
2683
+ // height: sectionproperties.applybtn_height + 'px',
2684
+ // borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
2685
+ // textTransform: sectionproperties.applybtn_texttransform,
2686
+ // fontSize: sectionproperties.applybtn_fontsize + 'px',
2687
+ // color: sectionproperties.applybtn_textColor,
2688
+ // fontWeight: sectionproperties.applybtn_Textfontweight,
2689
+ // background: sectionproperties.applybtn_bgColor,
2690
+ // border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
2691
+ // transition: '.3s',
2692
+ // ':hover': {
2693
+ // background: sectionproperties.applybtn_bgColoronhover,
2694
+ // color: sectionproperties.applybtn_Textcoloronhover,
2695
+ // },
2696
+ // }),
2697
+ // inputfiledstyles: css({}),
2698
+ // checkorderbtnstyles: css({
2699
+ // background: sectionproperties.generalbtn_bgColor,
2700
+ // width: sectionproperties.generalbtn_width,
2701
+ // height: sectionproperties.generalbtn_height,
2702
+ // borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
2703
+ // borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
2704
+ // borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
2705
+ // borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
2706
+ // color: sectionproperties.generalbtn_textColor,
2707
+ // textTransform: sectionproperties.generalbtn_texttransform,
2708
+ // fontWeight: sectionproperties.generalbtn_fontweight,
2709
+ // fontSize: sectionproperties.generalbtn_fontsize + 'px',
2710
+ // border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
2711
+ // transition: '.3s',
2712
+ // ':hover': {
2713
+ // background: sectionproperties.generalbtn_bgColoronhover,
2714
+ // color: sectionproperties.generalbtn_textColoronhover,
2715
+ // },
2716
+ // }),
2717
+ // input_label_name: css({
2718
+ // color: sectionproperties.form_labelcolor,
2719
+ // textTransform: sectionproperties.form_labeltexttransform,
2720
+ // fontWeight: sectionproperties.form_labelfontweight,
2721
+ // fontSize: sectionproperties.form_labelfontsize + 'px',
2722
+ // }),
2723
+ // };
2724
+ // const Mycart = () => {
2725
+ // return (
2726
+ // <div className="row m-0 w-100">
2727
+ // <div className="col-lg-12 d-flex align-items-center p-0">
2728
+ // <p
2729
+ // style={{
2730
+ // fontSize: sectionproperties.sectionTitleFontSize + 'px',
2731
+ // color: sectionproperties.sectionTitleColor,
2732
+ // marginTop: sectionproperties.sectionTitleMarginTop + 'px',
2733
+ // marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
2734
+ // textTransform: sectionproperties.sectionTitleTextTransform,
2735
+ // fontWeight: sectionproperties.sectionTitleFontWeight,
2736
+ // }}
2737
+ // >
2738
+ // {lang.mycart}
2739
+ // </p>
2740
+ // </div>
2741
+ // {ChooseState_CountryMutationContext.isLoading && <CircularProgress />}
2742
+ // {!ChooseState_CountryMutationContext.isLoading && (
2743
+ // <div className="row m-0 w-100">
2744
+ // <div className="col-lg-12 p-0">
2745
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.cartitems.map((item, index) => {
2746
+ // return (
2747
+ // <div
2748
+ // 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'}
2749
+ // style={{
2750
+ // background: sectionproperties.summary_sectionbgcolor,
2751
+ // borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
2752
+ // border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
2753
+ // }}
2754
+ // >
2755
+ // <div className="row m-0 w-100 d-flex">
2756
+ // <div className={`${checkoutstyles.imagecont}`}>
2757
+ // <IKImage
2758
+ // urlEndpoint={IKurlEndpoint}
2759
+ // publicKey={IKpublicKey}
2760
+ // path={
2761
+ // item.productinfo.hasvariants == 0
2762
+ // ? '/tr:w-300,h-300/' + item.productinfo.productmainimage
2763
+ // : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl
2764
+ // }
2765
+ // style={{
2766
+ // width: '100%',
2767
+ // height: '100%',
2768
+ // objectFit: 'cover',
2769
+ // }}
2770
+ // loading="lazy"
2771
+ // />
2772
+ // </div>
2773
+ // <div className="col-lg-7 col-md-7 col-sm-7">
2774
+ // <div className="row m-0 w-100">
2775
+ // <div className="col-lg-12 col-md-12 col-sm-12 p-0">
2776
+ // <p className={`${checkoutstyles.productNameStyles}` + ' m-0 p-0 d-flex justify-content-start '}>
2777
+ // {langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar}
2778
+ // </p>
2779
+ // </div>
2780
+ // <div className="col-lg-12 p-0">
2781
+ // <p className="m-0 p-0 font-weight-500 text-light d-flex justify-content-start">
2782
+ // {lang.qty}: {item.quantity}
2783
+ // </p>
2784
+ // </div>
2785
+ // {item.productinfo.hasvariants == 1 &&
2786
+ // item.productinfo.variantinfo.variantoptions.map((variantitem, variantindex) => {
2787
+ // return (
2788
+ // <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex">
2789
+ // <p className={'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '}>{variantitem.optionname}:</p>
2790
+ // <p className={' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '}>{variantitem.optionvalue}</p>
2791
+ // </div>
2792
+ // );
2793
+ // })}
2794
+ // </div>
2795
+ // </div>
2796
+ // <div className="col-lg-3 col-md-3 col-sm-2 p-0">
2797
+ // <div className="row m-0 w-100 h-100">
2798
+ // <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto">
2799
+ // {item.productinfo.hasvariants == 0 && (
2800
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2801
+ // {item.productinfo.hassale == 0 && (
2802
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2803
+ // <p
2804
+ // className={
2805
+ // langdetect == 'en'
2806
+ // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2807
+ // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2808
+ // }
2809
+ // >
2810
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
2811
+ // </p>
2812
+ // </div>
2813
+ // )}
2814
+ // {item.productinfo.hassale == 1 && (
2815
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2816
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2817
+ // <p
2818
+ // className={
2819
+ // langdetect == 'en'
2820
+ // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2821
+ // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2822
+ // }
2823
+ // >
2824
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultsaleprice} {langdetect == 'en' ? '' : 'ج.م'}
2825
+ // </p>
2826
+ // </div>
2827
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2828
+ // <p
2829
+ // className={
2830
+ // langdetect == 'en'
2831
+ // ? `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-right '
2832
+ // : `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-left '
2833
+ // }
2834
+ // >
2835
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
2836
+ // </p>
2837
+ // </div>
2838
+ // </div>
2839
+ // )}
2840
+ // </div>
2841
+ // )}
2842
+ // {item.productinfo.hasvariants == 1 && (
2843
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2844
+ // {item.productinfo.variantinfo.hassale == 0 && (
2845
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2846
+ // <p
2847
+ // className={
2848
+ // langdetect == 'en'
2849
+ // ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
2850
+ // : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
2851
+ // }
2852
+ // >
2853
+ // {langdetect == 'en' ? 'EGP' : 'ج.م'} {item.productinfo.variantinfo.variantprice}
2854
+ // </p>
2855
+ // </div>
2856
+ // )}
2857
+ // {item.productinfo.variantinfo.hassale == 1 && (
2858
+ // <div className="row m-0 w-100 d-flex flex-column justify-content-end">
2859
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2860
+ // <p
2861
+ // className={
2862
+ // langdetect == 'en'
2863
+ // ? `${checkoutstyles.productPricestyles}` +
2864
+ // ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
2865
+ // : `${checkoutstyles.productPricestyles}` +
2866
+ // ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
2867
+ // }
2868
+ // >
2869
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantsaleprice}
2870
+ // {langdetect == 'en' ? '' : 'ج.م'}
2871
+ // </p>
2872
+ // </div>
2873
+ // <div className="col-lg-12 p-0 d-flex justify-content-end">
2874
+ // <p
2875
+ // className={
2876
+ // langdetect == 'en'
2877
+ // ? `${checkoutstyles.Salepricestyless}` +
2878
+ // ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
2879
+ // : `${checkoutstyles.Salepricestyless}` +
2880
+ // ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
2881
+ // }
2882
+ // >
2883
+ // {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantprice} {langdetect == 'en' ? '' : 'ج.م'}
2884
+ // </p>
2885
+ // </div>
2886
+ // </div>
2887
+ // )}
2888
+ // </div>
2889
+ // )}
2890
+ // </div>
2891
+ // </div>
2892
+ // </div>
2893
+ // </div>
2894
+ // </div>
2895
+ // );
2896
+ // })}
2897
+ // <div
2898
+ // className={' row m-0 w-100 p-3'}
2899
+ // style={{
2900
+ // background: sectionproperties.summary_sectionbgcolor,
2901
+ // borderRadius: sectionproperties.summary_sectionborderradius + 'px',
2902
+ // border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
2903
+ // }}
2904
+ // >
2905
+ // <div className="col-lg-12 p-0 mb-1">
2906
+ // <div className="col-lg-12 p-0 mb-4">
2907
+ // <label className={`${checkoutstyles.input_label_name}` + ' m-0 p-0 mb-2 d-flex justify-content-start '}>{lang.doyouhavepromocode}</label>
2908
+ // <div className={' row m-0 w-100 d-flex justify-content-center align-items-center '}>
2909
+ // <div className={'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'}>
2910
+ // <input
2911
+ // type="text"
2912
+ // className={`${formstyles.form_control}`}
2913
+ // style={{
2914
+ // borderRadius: sectionproperties.inputfieldborderradius + 'px',
2915
+ // fontSize: sectionproperties.inputfieldfontsize + 'px',
2916
+ // color: sectionproperties.inputfieldcolor,
2917
+ // backgroundColor: sectionproperties.input_bgcolor,
2918
+ // }}
2919
+ // placeholder={lang.giftcarddicountcode}
2920
+ // value={fetchcustomercartQueryContext?.data?.data?.customercart.couponname}
2921
+ // onChange={(event) => {
2922
+ // var cartarr = queryClient.getQueryData('fetchcustomercart_API');
2923
+ // cartarr.data.customercart.couponname = event.target.value;
2924
+ // queryClient.setQueryData('fetchcustomercart_API', cartarr);
2925
+ // }}
2926
+ // disabled={fetchcustomercartQueryContext?.data?.data?.customercart.couponexists ? true : false}
2927
+ // />
2928
+ // </div>
2929
+ // <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
2930
+ // <button
2931
+ // className={` ${checkoutstyles.applybtnstyles}`}
2932
+ // onClick={() => {
2933
+ // if (!fetchcustomercartQueryContext?.data?.data?.customercart.couponexists) {
2934
+ // var payloadobj = {
2935
+ // couponname: fetchcustomercartQueryContext?.data?.data?.customercart.couponname,
2936
+ // functype: 'add',
2937
+ // };
2938
+ // if (fetchcustomercartQueryContext?.data?.data?.customercart.couponname.length != 0) {
2939
+ // ApplyPromoCodeMutationContext.mutate(payloadobj);
2940
+ // } else {
2941
+ // NotificationManager.warning('', 'Please Type Promo Code');
2942
+ // }
2943
+ // } else {
2944
+ // var payloadobj = {
2945
+ // functype: 'delete',
2946
+ // };
2947
+ // ApplyPromoCodeMutationContext.mutate(payloadobj);
2948
+ // }
2949
+ // }}
2950
+ // disabled={ApplyPromoCodeMutationContext.isLoading ? true : false}
2951
+ // >
2952
+ // <span className={ApplyPromoCodeMutationContext.isLoading ? `${generalstyles.fadeOutButton}` : `${generalstyles.fadeInButton}`}>
2953
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists
2954
+ // ? langdetect == 'en'
2955
+ // ? 'Remove'
2956
+ // : 'حذف'
2957
+ // : langdetect == 'en'
2958
+ // ? 'Apply'
2959
+ // : 'تطبيق'}
2960
+ // </span>
2961
+ // <div
2962
+ // className={
2963
+ // ApplyPromoCodeMutationContext.isLoading
2964
+ // ? `${generalstyles.fadeInButton} ${generalstyles.btn_preloader}` + ' d-flex align-items-center justify-content-center '
2965
+ // : `${generalstyles.fadeOutButton}` + ' align-items-center justify-content-center '
2966
+ // }
2967
+ // >
2968
+ // <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />
2969
+ // </div>
2970
+ // </button>
2971
+ // </div>
2972
+ // </div>
2973
+ // </div>
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 d-flex align-items-center wordbreak '}>{lang.subtotal}</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 wordbreak text-right '
2983
+ // : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
2984
+ // }
2985
+ // >
2986
+ // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalprice} {langdetect == 'en' ? '' : 'ج.م'}
2987
+ // </p>
2988
+ // </div>
2989
+ // </div>
2990
+ // </div>
2991
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists && fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
2992
+ // <div className="col-lg-12 p-0 mb-1">
2993
+ // <div className="row m-0 w-100">
2994
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
2995
+ // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '}>{lang.discount}</p>
2996
+ // </div>
2997
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
2998
+ // <p
2999
+ // className={
3000
+ // langdetect == 'en'
3001
+ // ? `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-right '
3002
+ // : `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-left '
3003
+ // }
3004
+ // >
3005
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
3006
+ // <span>
3007
+ // - {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice}{' '}
3008
+ // {langdetect == 'en' ? '' : 'ج.م'}
3009
+ // </span>
3010
+ // )}
3011
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice == 0 && <span>0</span>}
3012
+ // </p>
3013
+ // </div>
3014
+ // </div>
3015
+ // </div>
3016
+ // )}
3017
+ // <div className="col-lg-12 p-0">
3018
+ // <div className="row m-0 w-100">
3019
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3020
+ // <p className={`${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 d-flex align-items-start wordbreak '}>{lang.shippingfees}</p>
3021
+ // </div>
3022
+ // {fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
3023
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
3024
+ // <p
3025
+ // className={
3026
+ // langdetect == 'en'
3027
+ // ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
3028
+ // : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
3029
+ // }
3030
+ // >
3031
+ // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.zoneprice} {langdetect == 'en' ? '' : 'ج.م'}
3032
+ // </p>
3033
+ // </div>
3034
+ // )}
3035
+ // {!fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
3036
+ // <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
3037
+ // <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-start wordbreak '} style={{ color: 'red' }}>
3038
+ // {lang.outofzone}
3039
+ // </p>
3040
+ // </div>
3041
+ // )}
3042
+ // </div>
3043
+ // </div>
3044
+ // <div className="col-lg-12 p-0">
3045
+ // <hr className="mt-2 mb-2" />
3046
+ // </div>
3047
+ // <div className="col-lg-12 p-0">
3048
+ // <div className="row m-0 w-100">
3049
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3050
+ // <p
3051
+ // className="d-flex align-items-start"
3052
+ // style={{
3053
+ // fontSize: sectionproperties.total_fontsize + 'px',
3054
+ // fontWeight: sectionproperties.total_fontweight,
3055
+ // textTransform: sectionproperties.total_texttransform,
3056
+ // color: sectionproperties.total_color,
3057
+ // }}
3058
+ // >
3059
+ // {lang.total}
3060
+ // </p>
3061
+ // </div>
3062
+ // <div className="col-lg-6 col-md-6 col-sm-6 p-0">
3063
+ // <div className="row m-0 w-100">
3064
+ // <div className="col-lg-12 p-0 d-flex justify-content-end ">
3065
+ // <p
3066
+ // className={langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left '}
3067
+ // style={{
3068
+ // fontSize: sectionproperties.total_fontsize + 'px',
3069
+ // fontWeight: sectionproperties.total_fontweight,
3070
+ // textTransform: sectionproperties.total_texttransform,
3071
+ // color: sectionproperties.total_color,
3072
+ // }}
3073
+ // >
3074
+ // {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalpriceafterdiscount}{' '}
3075
+ // {langdetect == 'en' ? '' : 'ج.م'}
3076
+ // </p>
3077
+ // </div>
3078
+ // </div>
3079
+ // </div>
3080
+ // </div>
3081
+ // </div>
3082
+ // <div className="col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3">
3083
+ // <button
3084
+ // className={` ${checkoutstyles.checkoutbtnstyles}` + ' d-flex align-items-center justify-content-center '}
3085
+ // onClick={() => {
3086
+ // var payloadobj = {};
3087
+ // AddOrderMutationContext.mutate(payloadobj);
3088
+ // }}
3089
+ // disabled={AddOrderMutationContext.isLoading ? true : false}
3090
+ // >
3091
+ // {AddOrderMutationContext.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
3092
+ // {!AddOrderMutationContext.isLoading
3093
+ // ? fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod == 'onlinepayment'
3094
+ // ? lang.continuetopayment
3095
+ // : authdetailsContext.loggedin
3096
+ // ? lang.confirmorder
3097
+ // : lang.confirmorder + ' ' + lang.asaguest
3098
+ // : ''}
3099
+ // </button>
3100
+ // </div>
3101
+ // </div>
3102
+ // </div>
3103
+ // </div>
3104
+ // )}
3105
+ // </div>
3106
+ // );
3107
+ // };
3080
3108
  return /*#__PURE__*/React__default["default"].createElement("div", {
3081
3109
  className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
3082
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3083
- className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
3084
- style: {
3085
- marginTop: sectionproperties.marginTop + 'px',
3086
- marginBottom: sectionproperties.marginBottom + 'px',
3087
- paddingLeft: sectionproperties.paddingLeft + 'px',
3088
- paddingRight: sectionproperties.paddingRight + 'px',
3089
- paddingTop: sectionproperties.paddingTop + 'px',
3090
- paddingBottom: sectionproperties.paddingBottom + 'px',
3091
- background: sectionproperties.backgroundColor,
3092
- borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
3093
- borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
3094
- borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
3095
- borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
3096
- }
3097
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3098
- className: 'row m-0 w-100 justify-content-center '
3099
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3100
- 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 '
3101
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3102
- className: "col-lg-12 d-flex align-items-center p-0"
3103
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3104
- style: {
3105
- fontSize: sectionproperties.sectionTitleFontSize + 'px',
3106
- color: sectionproperties.sectionTitleColor,
3107
- marginTop: sectionproperties.sectionTitleMarginTop + 'px',
3108
- marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
3109
- textTransform: sectionproperties.sectionTitleTextTransform,
3110
- fontWeight: sectionproperties.sectionTitleFontWeight
3111
- }
3112
- }, lang.checkout)), authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement("div", {
3113
- className: "col-lg-12 p-0"
3114
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3115
- className: "pl-3 pr-3 pt-2 pb-2",
3116
- style: {
3117
- background: sectionproperties.userinfo_sectionbgcolor,
3118
- borderRadius: sectionproperties.userinfo_borderradius + 'px',
3119
- marginTop: sectionproperties.userinfo_sectionmarginTop + 'px',
3120
- marginBottom: sectionproperties.userinfo_sectionmarginbottom + 'px',
3121
- border: sectionproperties.userinfo_borderwidth + 'px solid ' + sectionproperties.usserinfo_sectionbordercolor
3122
- }
3123
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3124
- className: "row m-0 w-100"
3125
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3126
- className: "".concat(checkoutstyles.userinfo_iconcont) + ' d-flex align-items-center justify-content-center '
3127
- }, /*#__PURE__*/React__default["default"].createElement(bs.BsCheck2Circle, {
3128
- size: 20
3129
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3130
- className: "col-lg-11 col-md-10 col-sm-10 p-0"
3131
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3132
- className: "row m-0 w-100"
3133
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3134
- className: "col-lg-12 d-flex align-items-center pl-2 pr-2",
3135
- style: {
3136
- fontSize: sectionproperties.userinfo_titlefontsize + 'px',
3137
- color: sectionproperties.userinfo_titlecolor,
3138
- fontWeight: sectionproperties.userinfo_titlefontweight
3139
- }
3140
- }, lang.loggedinas), /*#__PURE__*/React__default["default"].createElement("div", {
3141
- className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 text-capitalize '
3142
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3143
- className: "m-0 p-0 d-flex align-items-center"
3144
- }, /*#__PURE__*/React__default["default"].createElement("i", {
3145
- className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3146
- style: {
3147
- fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3148
- color: sectionproperties.userinfotext_iconcolor,
3149
- marginRight: langdetect == 'en' ? '5px' : 0,
3150
- marginLeft: langdetect == 'en' ? 0 : '5px'
3151
- }
3152
- }, /*#__PURE__*/React__default["default"].createElement(hi.HiUser, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3153
- className: "m-0 p-0 wordbreak"
3154
- }, authdetailsContext.customerinfo.name))), /*#__PURE__*/React__default["default"].createElement("div", {
3155
- className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
3156
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3157
- className: "m-0 p-0 d-flex align-items-center"
3158
- }, /*#__PURE__*/React__default["default"].createElement("i", {
3159
- className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3160
- style: {
3161
- fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3162
- color: sectionproperties.userinfotext_iconcolor,
3163
- marginRight: langdetect == 'en' ? '5px' : 0,
3164
- marginLeft: langdetect == 'en' ? 0 : '5px'
3165
- }
3166
- }, /*#__PURE__*/React__default["default"].createElement(bs.BsFillTelephoneFill, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3167
- className: "m-0 p-0 wordbreak"
3168
- }, authdetailsContext.customerinfo.mobile))), /*#__PURE__*/React__default["default"].createElement("div", {
3169
- className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
3170
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3171
- className: "m-0 p-0 d-flex align-items-center"
3172
- }, /*#__PURE__*/React__default["default"].createElement("i", {
3173
- className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
3174
- style: {
3175
- fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
3176
- color: sectionproperties.userinfotext_iconcolor,
3177
- marginRight: langdetect == 'en' ? '5px' : 0,
3178
- marginLeft: langdetect == 'en' ? 0 : '5px'
3179
- }
3180
- }, /*#__PURE__*/React__default["default"].createElement(gr.GrMail, null)), /*#__PURE__*/React__default["default"].createElement("p", {
3181
- className: "m-0 p-0 wordbreak"
3182
- }, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React__default["default"].createElement("div", {
3183
- className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
3184
- style: {
3185
- fontSize: sectionproperties.userinfo_titlefontsize + 'px',
3186
- color: sectionproperties.userinfo_titlecolor,
3187
- fontWeight: sectionproperties.userinfo_titlefontweight,
3188
- textAlign: 'right',
3189
- textDecoration: 'underline',
3190
- cursor: 'pointer',
3191
- position: 'absolute',
3192
- right: 10,
3193
- top: 10
3194
- },
3195
- onClick: function onClick() {
3196
- routingcountext(StaticPagesLinksContext.accountinfo);
3197
- }
3198
- }, lang.update)))), /*#__PURE__*/React__default["default"].createElement("div", {
3199
- className: "col-lg-12 p-0"
3200
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3201
- style: {
3202
- marginTop: sectionproperties.contactinfo_sectionmarginTop + 'px',
3203
- marginBottom: sectionproperties.contactinfo_sectionmarginbottom + 'px',
3204
- background: sectionproperties.contactinfo_sectionbgcolor,
3205
- borderRadius: sectionproperties.contactinfo_sectionborderradius + 'px',
3206
- border: sectionproperties.contactinfo_borderwidth + 'px solid ' + sectionproperties.contactinfo_sectionbordercolor
3207
- }
3208
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3209
- className: "col-lg-12 pl-3 pr-3 pt-2"
3210
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3211
- className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3212
- }, authdetailsContext.loggedin ? lang.addressdetails : lang.contactdetails)), /*#__PURE__*/React__default["default"].createElement("div", {
3213
- className: "col-lg-12 p-0"
3214
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3215
- className: "mt-2 mb-2"
3216
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3217
- className: "row m-0 w-100 mb-3 pl-3 pr-3 pb-3"
3218
- }, !authdetailsContext.loggedin && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
3219
- className: "col-lg-4 col-md-12 mb-3"
3220
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3221
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3222
- }, lang.name), /*#__PURE__*/React__default["default"].createElement("input", {
3223
- type: 'text',
3224
- className: "".concat(formstyles.form_control),
3225
- 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,
3226
- onChange: function onChange(event) {
3227
- cartinfoupdater('name', event.target.value);
3228
- },
3229
- style: {
3230
- resize: 'none',
3231
- fontWeight: sectionproperties.inputtextfontweight,
3232
- background: sectionproperties.input_bgcolor,
3233
- color: sectionproperties.inputfieldcolor,
3234
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3235
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3236
- boxShadow: 'none'
3237
- }
3238
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3239
- className: "col-lg-4 col-md-12 mb-3"
3240
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3241
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3242
- }, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React__default["default"].createElement("input", {
3243
- type: 'text',
3244
- className: "".concat(formstyles.form_control),
3245
- 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,
3246
- onChange: function onChange(event) {
3247
- cartinfoupdater('mobile', event.target.value);
3248
- },
3249
- style: {
3250
- resize: 'none',
3251
- fontWeight: sectionproperties.inputtextfontweight,
3252
- background: sectionproperties.input_bgcolor,
3253
- color: sectionproperties.inputfieldcolor,
3254
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3255
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3256
- boxShadow: 'none'
3257
- }
3258
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3259
- className: "col-lg-4 col-md-12 mb-3"
3260
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3261
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3262
- }, lang.email), /*#__PURE__*/React__default["default"].createElement("input", {
3263
- type: 'text',
3264
- className: "".concat(formstyles.form_control),
3265
- 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,
3266
- onChange: function onChange(event) {
3267
- cartinfoupdater('email', event.target.value);
3268
- },
3269
- style: {
3270
- resize: 'none',
3271
- fontWeight: sectionproperties.inputtextfontweight,
3272
- background: sectionproperties.input_bgcolor,
3273
- color: sectionproperties.inputfieldcolor,
3274
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3275
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3276
- boxShadow: 'none'
3277
- }
3278
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
3279
- className: "col-lg-4 col-md-12 mb-3"
3280
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3281
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3282
- }, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3283
- className: "w-100"
3284
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3285
- color: "black",
3286
- width: "20px",
3287
- height: "20px",
3288
- duration: "1s"
3289
- })), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3290
- options: fetchTabexCountriesQueryContext.data.data.countries,
3291
- getOptionLabel: function getOptionLabel(option) {
3292
- return option.name;
3293
- },
3294
- getOptionValue: function getOptionValue(option) {
3295
- return option.id;
3296
- },
3297
- value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
3298
- var _fetchcustomercartQue75, _fetchcustomercartQue76;
3299
-
3300
- 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);
3301
- }),
3302
- onChange: function onChange(option) {
3303
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
3304
-
3305
- tempFetchTabexStatesPayloadobjContext.functype = 'states';
3306
- tempFetchTabexStatesPayloadobjContext.country_id = option.id;
3307
- setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
3308
- cartinfoupdater('countryid', option.id);
3309
- },
3310
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3311
- placeholder: lang.choosecountry,
3312
- isSearchable: true
3313
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3314
- className: "col-lg-4 col-md-12 mb-3"
3315
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3316
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3317
- }, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3318
- className: "w-100"
3319
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3320
- color: "black",
3321
- width: "20px",
3322
- height: "20px",
3323
- duration: "1s"
3324
- })), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3325
- options: fetchTabexStatesQueryContext.data.data.states,
3326
- getOptionLabel: function getOptionLabel(option) {
3327
- return option.name;
3328
- },
3329
- getOptionValue: function getOptionValue(option) {
3330
- return option.id;
3331
- },
3332
- value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
3333
- var _fetchcustomercartQue77, _fetchcustomercartQue78;
3334
-
3335
- 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);
3336
- }),
3337
- onChange: function onChange(option) {
3338
- var _fetchcustomercartQue79, _fetchcustomercartQue80;
3339
-
3340
- 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) {
3341
- var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
3342
-
3343
- tempFetchTabexStatesPayloadobjContext.functype = 'cities';
3344
- tempFetchTabexStatesPayloadobjContext.state_id = option.id;
3345
- setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
3346
- cartinfoupdater('stateid', option.id);
3347
- } else {
3348
- reactNotifications.NotificationManager.warning('', 'Please Choose Country Or State');
3349
- }
3350
- },
3351
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3352
- placeholder: lang.choosestategov,
3353
- isSearchable: true
3354
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3355
- className: "col-lg-4 col-md-12 mb-3"
3356
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3357
- className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
3358
- }, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React__default["default"].createElement("div", {
3359
- className: "w-100"
3360
- }, /*#__PURE__*/React__default["default"].createElement(reactCssfxLoading.CircularProgress, {
3361
- color: "black",
3362
- width: "20px",
3363
- height: "20px",
3364
- duration: "1s"
3365
- })), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React__default["default"].createElement(Select__default["default"], {
3366
- options: fetchTabexCitiesQueryContext.data.data.cities,
3367
- getOptionLabel: function getOptionLabel(option) {
3368
- return option.name;
3369
- },
3370
- getOptionValue: function getOptionValue(option) {
3371
- return option.id;
3372
- },
3373
- value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
3374
- var _fetchcustomercartQue81, _fetchcustomercartQue82;
3375
-
3376
- 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);
3377
- }),
3378
- onChange: function onChange(option) {
3379
- cartinfoupdater('cityid', option.id);
3380
- },
3381
- styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
3382
- placeholder: lang.choosecity,
3383
- isSearchable: true
3384
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3385
- className: "col-lg-12 mb-3"
3386
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3387
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3388
- }, lang.shippingaddress), /*#__PURE__*/React__default["default"].createElement(TextareaAutosize__default["default"], {
3389
- type: 'text',
3390
- className: "".concat(formstyles.form_control),
3391
- 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,
3392
- onChange: function onChange(event) {
3393
- cartinfoupdater('address', event.target.value);
3394
- },
3395
- style: {
3396
- resize: 'none',
3397
- fontWeight: sectionproperties.inputtextfontweight,
3398
- background: sectionproperties.input_bgcolor,
3399
- color: sectionproperties.inputfieldcolor,
3400
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3401
- borderRadius: sectionproperties.inputfieldborderradius + 'px',
3402
- boxShadow: 'none'
3403
- }
3404
- }))))), /*#__PURE__*/React__default["default"].createElement("div", {
3405
- className: "col-lg-12 p-0 w-100"
3406
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3407
- style: {
3408
- background: sectionproperties.payment_sectionbgcolor,
3409
- borderRadius: sectionproperties.payment_borderradius + 'px',
3410
- border: sectionproperties.payment_borderwidth + 'px solid ' + sectionproperties.payment_sectionbordercolor
3411
- }
3412
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3413
- className: "col-lg-12 pl-3 pr-3 pt-2"
3414
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3415
- className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3416
- }, lang.paymentmethod)), /*#__PURE__*/React__default["default"].createElement("div", {
3417
- className: "col-lg-12 p-0"
3418
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3419
- className: "mt-2 mb-2"
3420
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3421
- className: "row m-0 w-100 mb-3 pl-3 pr-3"
3422
- }, authdetailsContext.instinfo.acceptCOD == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3423
- className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3424
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3425
- className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated) + ' d-flex mb-0 ',
3426
- "for": "codcheckbox"
3427
- }, /*#__PURE__*/React__default["default"].createElement("input", {
3428
- id: 'codcheckbox',
3429
- type: "checkbox",
3430
- className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3431
- 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,
3432
- onChange: function onChange() {
3433
- var _fetchcustomercartQue87, _fetchcustomercartQue88;
3434
-
3435
- 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') {
3436
- cartinfoupdater('paymentmethod', 'cod');
3437
- }
3438
- }
3439
- }), /*#__PURE__*/React__default["default"].createElement("svg", {
3440
- viewBox: "0 0 21 21",
3441
- className: checkoutstyles.svgstyles + ' h-100 '
3442
- }, /*#__PURE__*/React__default["default"].createElement("path", {
3443
- 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"
3444
- })), /*#__PURE__*/React__default["default"].createElement("p", {
3445
- className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
3446
- style: {}
3447
- }, lang.cod))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React__default["default"].createElement("div", {
3448
- className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3449
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3450
- 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 '
3451
- }, /*#__PURE__*/React__default["default"].createElement("input", {
3452
- type: "checkbox",
3453
- className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3454
- 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,
3455
- onChange: function onChange() {
3456
- var _fetchcustomercartQue91, _fetchcustomercartQue92;
3457
-
3458
- 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') {
3459
- cartinfoupdater('paymentmethod', 'cardondelivery');
3460
- }
3461
- }
3462
- }), /*#__PURE__*/React__default["default"].createElement("svg", {
3463
- viewBox: "0 0 21 21",
3464
- className: checkoutstyles.svgstyles + ' h-100 '
3465
- }, /*#__PURE__*/React__default["default"].createElement("path", {
3466
- 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"
3467
- })), /*#__PURE__*/React__default["default"].createElement("p", {
3468
- className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
3469
- }, " ", lang.cardondelivery))), authdetailsContext.instinfo.acceptOnlineCardPayment == 0 && /*#__PURE__*/React__default["default"].createElement("div", {
3470
- className: "col-xl-4 col-lg-4 col-md-12 mb-3"
3471
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3472
- 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 '
3473
- }, /*#__PURE__*/React__default["default"].createElement("input", {
3474
- type: "checkbox",
3475
- className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
3476
- 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,
3477
- onChange: function onChange() {
3478
- var _fetchcustomercartQue95, _fetchcustomercartQue96;
3479
-
3480
- 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') {
3481
- cartinfoupdater('paymentmethod', 'onlinepayment');
3482
- }
3483
- }
3484
- }), /*#__PURE__*/React__default["default"].createElement("svg", {
3485
- viewBox: "0 0 21 21",
3486
- className: checkoutstyles.svgstyles + ' h-100 '
3487
- }, /*#__PURE__*/React__default["default"].createElement("path", {
3488
- 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"
3489
- })), /*#__PURE__*/React__default["default"].createElement("p", {
3490
- className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
3491
- }, " ", 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", {
3492
- className: "col-lg-12 p-0 w-100 mb-3"
3493
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3494
- style: {
3495
- background: sectionproperties.payment_sectionbgcolor,
3496
- borderRadius: sectionproperties.payment_borderradius + 'px',
3497
- borderColor: sectionproperties.payment_sectionbordercolor
3498
- }
3499
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3500
- className: "col-lg-12 pl-3 pr-3 pt-2"
3501
- }, /*#__PURE__*/React__default["default"].createElement("p", {
3502
- className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
3503
- }, lang.paymentcardinformation)), /*#__PURE__*/React__default["default"].createElement("div", {
3504
- className: "col-lg-12 p-0"
3505
- }, /*#__PURE__*/React__default["default"].createElement("hr", {
3506
- className: "mt-2 mb-2"
3507
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3508
- className: "w-100 row m-0 pl-3 pr-3 pt-2 pb-2"
3509
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3510
- className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
3511
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3512
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3513
- }, lang.cardnumber), /*#__PURE__*/React__default["default"].createElement("input", {
3514
- className: formstyles.form_controlcheckout,
3515
- type: "text",
3516
- textplaceholder: "",
3517
- onChange: function onChange(event) {},
3518
- style: {
3519
- fontWeight: sectionproperties.inputtextfontweight,
3520
- background: sectionproperties.input_bgcolor,
3521
- color: sectionproperties.inputfieldcolor,
3522
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3523
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3524
- }
3525
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3526
- className: "w-100 row m-0"
3527
- }, /*#__PURE__*/React__default["default"].createElement("div", {
3528
- className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3529
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3530
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3531
- }, lang.year), /*#__PURE__*/React__default["default"].createElement("input", {
3532
- className: formstyles.form_controlcheckout,
3533
- type: "text",
3534
- textplaceholder: "",
3535
- onChange: function onChange(event) {},
3536
- style: {
3537
- fontWeight: sectionproperties.inputtextfontweight,
3538
- background: sectionproperties.input_bgcolor,
3539
- color: sectionproperties.inputfieldcolor,
3540
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3541
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3542
- }
3543
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3544
- className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3545
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3546
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3547
- }, lang.month), /*#__PURE__*/React__default["default"].createElement("input", {
3548
- className: formstyles.form_controlcheckout,
3549
- type: "text",
3550
- textplaceholder: "",
3551
- onChange: function onChange(event) {},
3552
- style: {
3553
- fontWeight: sectionproperties.inputtextfontweight,
3554
- background: sectionproperties.input_bgcolor,
3555
- color: sectionproperties.inputfieldcolor,
3556
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3557
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3558
- }
3559
- })), /*#__PURE__*/React__default["default"].createElement("div", {
3560
- className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
3561
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3562
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3563
- }, lang.cvv), /*#__PURE__*/React__default["default"].createElement("input", {
3564
- className: formstyles.form_controlcheckout,
3565
- type: "text",
3566
- textplaceholder: "",
3567
- onChange: function onChange(event) {},
3568
- style: {
3569
- fontWeight: sectionproperties.inputtextfontweight,
3570
- background: sectionproperties.input_bgcolor,
3571
- color: sectionproperties.inputfieldcolor,
3572
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3573
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3574
- }
3575
- }))), /*#__PURE__*/React__default["default"].createElement("div", {
3576
- className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0 mb-3"
3577
- }, /*#__PURE__*/React__default["default"].createElement("label", {
3578
- className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
3579
- }, lang.nameoncard), /*#__PURE__*/React__default["default"].createElement("input", {
3580
- className: formstyles.form_controlcheckout,
3581
- type: "text",
3582
- textplaceholder: "",
3583
- onChange: function onChange(event) {},
3584
- style: {
3585
- fontWeight: sectionproperties.inputtextfontweight,
3586
- background: sectionproperties.input_bgcolor,
3587
- color: sectionproperties.inputfieldcolor,
3588
- fontSize: sectionproperties.inputfieldfontsize + 'px',
3589
- borderRadius: sectionproperties.inputfieldborderradius + 'px'
3590
- }
3591
- })))))), /*#__PURE__*/React__default["default"].createElement("div", {
3592
- className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
3593
- }, Mycart()))));
3110
+ }, "adsdss");
3594
3111
  };
3595
3112
 
3596
3113
  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";