tabexseriescomponents 0.0.51 → 0.0.52
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 +1152 -66
- package/dist/index.esm.js +1152 -66
- package/dist/index.umd.js +1152 -66
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -377,9 +377,9 @@ function styleInject(css, ref) {
|
|
|
377
377
|
}
|
|
378
378
|
}
|
|
379
379
|
|
|
380
|
-
var css_248z$
|
|
381
|
-
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"};
|
|
382
|
-
styleInject(css_248z$
|
|
380
|
+
var css_248z$y = ".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";
|
|
381
|
+
var loginstyles$1 = {"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"};
|
|
382
|
+
styleInject(css_248z$y);
|
|
383
383
|
|
|
384
384
|
var GoogleLoginButton = function GoogleLoginButton(props) {
|
|
385
385
|
var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
|
|
@@ -409,9 +409,9 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
|
|
|
409
409
|
})))));
|
|
410
410
|
};
|
|
411
411
|
|
|
412
|
-
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";
|
|
412
|
+
var css_248z$x = "@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";
|
|
413
413
|
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"};
|
|
414
|
-
styleInject(css_248z$
|
|
414
|
+
styleInject(css_248z$x);
|
|
415
415
|
|
|
416
416
|
var FacebookLoginButton = function FacebookLoginButton(props) {
|
|
417
417
|
var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
|
|
@@ -425,7 +425,7 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
|
|
|
425
425
|
return /*#__PURE__*/React.createElement("div", {
|
|
426
426
|
className: ""
|
|
427
427
|
}, ((_authdetailsContext$i = authdetailsContext.instinfo) === null || _authdetailsContext$i === void 0 ? void 0 : (_authdetailsContext$i2 = _authdetailsContext$i.instcred) === null || _authdetailsContext$i2 === void 0 ? void 0 : _authdetailsContext$i2.facebookloginappid) != null && /*#__PURE__*/React.createElement(FacebookLogin, {
|
|
428
|
-
cssClass: "".concat(generalstyles.btn, " ").concat(generalstyles.btn_primary, " ").concat(loginstyles.loginbtn) + ' w-100 mb-3 d-flex align-items-center justify-content-center ',
|
|
428
|
+
cssClass: "".concat(generalstyles.btn, " ").concat(generalstyles.btn_primary, " ").concat(loginstyles$1.loginbtn) + ' w-100 mb-3 d-flex align-items-center justify-content-center ',
|
|
429
429
|
appId: (_authdetailsContext$i3 = authdetailsContext.instinfo) === null || _authdetailsContext$i3 === void 0 ? void 0 : (_authdetailsContext$i4 = _authdetailsContext$i3.instcred) === null || _authdetailsContext$i4 === void 0 ? void 0 : _authdetailsContext$i4.facebookloginappid,
|
|
430
430
|
fields: "name,email",
|
|
431
431
|
callback: function callback(responseFacebook) {
|
|
@@ -461,9 +461,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
|
|
|
461
461
|
}));
|
|
462
462
|
};
|
|
463
463
|
|
|
464
|
-
function ownKeys$
|
|
464
|
+
function ownKeys$1a(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; }
|
|
465
465
|
|
|
466
|
-
function _objectSpread$
|
|
466
|
+
function _objectSpread$1a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$1a(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$1a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
467
467
|
|
|
468
468
|
var Login = function Login(props) {
|
|
469
469
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
@@ -509,7 +509,7 @@ var Login = function Login(props) {
|
|
|
509
509
|
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) {
|
|
510
510
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
511
511
|
});
|
|
512
|
-
setsectionproperties(_objectSpread$
|
|
512
|
+
setsectionproperties(_objectSpread$1a({}, secpropobj));
|
|
513
513
|
}
|
|
514
514
|
}, [StatePagePropertiesContext]);
|
|
515
515
|
|
|
@@ -604,7 +604,7 @@ var Login = function Login(props) {
|
|
|
604
604
|
}, /*#__PURE__*/React.createElement("div", {
|
|
605
605
|
className: " row m-0 w-100 "
|
|
606
606
|
}, /*#__PURE__*/React.createElement("form", {
|
|
607
|
-
className: "".concat(loginstyles.leftcontainer) + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ',
|
|
607
|
+
className: "".concat(loginstyles$1.leftcontainer) + ' col-lg-6 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch p-0 ',
|
|
608
608
|
style: {
|
|
609
609
|
background: sectionproperties.formLeftbgColor,
|
|
610
610
|
borderTopRightRadius: langdetect == 'en' ? sectionproperties.formLeft_bordertoprightradius + 'px' : sectionproperties.formLeft_bordertopleftradius + 'px',
|
|
@@ -620,16 +620,16 @@ var Login = function Login(props) {
|
|
|
620
620
|
className: "".concat(loginstyles2.logininputLabel) + ' m-0 text-transform-none d-flex justify-content-start '
|
|
621
621
|
}, langdetect == 'en' ? 'E-mail' : 'البريد الإلكترونى'), /*#__PURE__*/React.createElement("input", {
|
|
622
622
|
type: "text",
|
|
623
|
-
className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
|
|
623
|
+
className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
|
|
624
624
|
value: payloadobj.email,
|
|
625
625
|
onChange: function onChange(event) {
|
|
626
|
-
var temppayloadobj = _objectSpread$
|
|
626
|
+
var temppayloadobj = _objectSpread$1a({}, payloadobj);
|
|
627
627
|
|
|
628
628
|
temppayloadobj.email = event.target.value;
|
|
629
|
-
setpayloadobj(_objectSpread$
|
|
629
|
+
setpayloadobj(_objectSpread$1a({}, temppayloadobj));
|
|
630
630
|
}
|
|
631
631
|
}), /*#__PURE__*/React.createElement("span", {
|
|
632
|
-
className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
|
|
632
|
+
className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
|
|
633
633
|
}, /*#__PURE__*/React.createElement("i", {
|
|
634
634
|
className: "h-100 d-flex align-items-center justify-content-center"
|
|
635
635
|
}, /*#__PURE__*/React.createElement(AiOutlineUser, {
|
|
@@ -639,18 +639,18 @@ var Login = function Login(props) {
|
|
|
639
639
|
}, /*#__PURE__*/React.createElement("label", {
|
|
640
640
|
className: "".concat(loginstyles2.logininputLabel) + ' m-0 d-flex justify-content-start '
|
|
641
641
|
}, langdetect == 'en' ? 'Password' : 'كلمة السر'), /*#__PURE__*/React.createElement("input", {
|
|
642
|
-
className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
|
|
642
|
+
className: "".concat(loginstyles$1.form_control, " ").concat(loginstyles2.form_control),
|
|
643
643
|
type: "password",
|
|
644
644
|
textplaceholder: "",
|
|
645
645
|
value: payloadobj.password,
|
|
646
646
|
onChange: function onChange(event) {
|
|
647
|
-
var temppayloadobj = _objectSpread$
|
|
647
|
+
var temppayloadobj = _objectSpread$1a({}, payloadobj);
|
|
648
648
|
|
|
649
649
|
temppayloadobj.password = event.target.value;
|
|
650
|
-
setpayloadobj(_objectSpread$
|
|
650
|
+
setpayloadobj(_objectSpread$1a({}, temppayloadobj));
|
|
651
651
|
}
|
|
652
652
|
}), /*#__PURE__*/React.createElement("span", {
|
|
653
|
-
className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
|
|
653
|
+
className: langdetect == 'en' ? loginstyles$1.login_input_icon : loginstyles$1.login_input_icontrans
|
|
654
654
|
}, /*#__PURE__*/React.createElement("i", {
|
|
655
655
|
className: " fa fa-at h-100 d-flex align-items-center justify-content-center"
|
|
656
656
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
@@ -700,7 +700,7 @@ var Login = function Login(props) {
|
|
|
700
700
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
701
701
|
className: ' col-lg-6 col-md-12 col-sm-12 d-flex align-items-stretch p-0 '
|
|
702
702
|
}, /*#__PURE__*/React.createElement("div", {
|
|
703
|
-
className: "".concat(loginstyles.rightContainer) + ' p-2 row m-0 w-100 d-flex align-items-center justify-content-center pt-md-4 pb-md-4 ',
|
|
703
|
+
className: "".concat(loginstyles$1.rightContainer) + ' p-2 row m-0 w-100 d-flex align-items-center justify-content-center pt-md-4 pb-md-4 ',
|
|
704
704
|
style: {
|
|
705
705
|
background: sectionproperties.formRightbgColor,
|
|
706
706
|
borderTopRightRadius: langdetect == 'en' ? sectionproperties.formRight_bordertoprightradius + 'px' : sectionproperties.formRight_bordertopleftradius + 'px',
|
|
@@ -713,7 +713,7 @@ var Login = function Login(props) {
|
|
|
713
713
|
}, /*#__PURE__*/React.createElement("div", {
|
|
714
714
|
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-md-2"
|
|
715
715
|
}, /*#__PURE__*/React.createElement("p", {
|
|
716
|
-
className: " ".concat(loginstyles.rightContainerText),
|
|
716
|
+
className: " ".concat(loginstyles$1.rightContainerText),
|
|
717
717
|
style: {
|
|
718
718
|
color: sectionproperties.formRightTextColor1,
|
|
719
719
|
fontSize: sectionproperties.formRightTextFontSize1 + 'px',
|
|
@@ -723,7 +723,7 @@ var Login = function Login(props) {
|
|
|
723
723
|
}, langdetect == 'en' ? sectionproperties.formRightText1 : sectionproperties.formRightText1_ar)), /*#__PURE__*/React.createElement("div", {
|
|
724
724
|
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-md-2"
|
|
725
725
|
}, /*#__PURE__*/React.createElement("p", {
|
|
726
|
-
className: " ".concat(loginstyles.rightContainerText),
|
|
726
|
+
className: " ".concat(loginstyles$1.rightContainerText),
|
|
727
727
|
style: {
|
|
728
728
|
color: sectionproperties.formRightTextColor2,
|
|
729
729
|
fontSize: sectionproperties.formRightTextFontSize2 + 'px',
|
|
@@ -766,13 +766,13 @@ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
|
|
|
766
766
|
var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
|
|
767
767
|
var serverbaselink = 'https://tabex-co.com';
|
|
768
768
|
|
|
769
|
-
var css_248z$
|
|
769
|
+
var css_248z$w = "/* 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}";
|
|
770
770
|
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"};
|
|
771
|
-
styleInject(css_248z$
|
|
771
|
+
styleInject(css_248z$w);
|
|
772
772
|
|
|
773
|
-
function ownKeys$
|
|
773
|
+
function ownKeys$19(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; }
|
|
774
774
|
|
|
775
|
-
function _objectSpread$
|
|
775
|
+
function _objectSpread$19(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$19(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$19(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
776
776
|
// import { useMutation, useQuery, useQueryClient } from 'react-query';
|
|
777
777
|
// import { useHistory, Link } from 'react-router-dom';
|
|
778
778
|
// import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
|
|
@@ -880,7 +880,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
|
|
|
880
880
|
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) {
|
|
881
881
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
882
882
|
});
|
|
883
|
-
setsectionproperties(_objectSpread$
|
|
883
|
+
setsectionproperties(_objectSpread$19({}, secpropobj));
|
|
884
884
|
setnavigationstyle('Upper Navigation'); // }
|
|
885
885
|
// }
|
|
886
886
|
}, [CurrentPageId]);
|
|
@@ -1036,9 +1036,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
|
|
|
1036
1036
|
}))))));
|
|
1037
1037
|
};
|
|
1038
1038
|
|
|
1039
|
-
function ownKeys$
|
|
1039
|
+
function ownKeys$18(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; }
|
|
1040
1040
|
|
|
1041
|
-
function _objectSpread$
|
|
1041
|
+
function _objectSpread$18(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$18(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$18(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
1042
1042
|
|
|
1043
1043
|
var Ordershistory = function Ordershistory(props) {
|
|
1044
1044
|
var _bgimagesarray$, _bgimagesarray$2;
|
|
@@ -1083,10 +1083,10 @@ var Ordershistory = function Ordershistory(props) {
|
|
|
1083
1083
|
|
|
1084
1084
|
useEffect(function () {
|
|
1085
1085
|
if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
|
|
1086
|
-
var tempFetchQueriesEngineContext = _objectSpread$
|
|
1086
|
+
var tempFetchQueriesEngineContext = _objectSpread$18({}, FetchQueriesEngineContext);
|
|
1087
1087
|
|
|
1088
1088
|
tempFetchQueriesEngineContext.orderhistory = true;
|
|
1089
|
-
setFetchQueriesEngineContext(_objectSpread$
|
|
1089
|
+
setFetchQueriesEngineContext(_objectSpread$18({}, tempFetchQueriesEngineContext));
|
|
1090
1090
|
} else {
|
|
1091
1091
|
routingcountext('');
|
|
1092
1092
|
}
|
|
@@ -1112,7 +1112,7 @@ var Ordershistory = function Ordershistory(props) {
|
|
|
1112
1112
|
StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
|
|
1113
1113
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
1114
1114
|
});
|
|
1115
|
-
setsectionproperties(_objectSpread$
|
|
1115
|
+
setsectionproperties(_objectSpread$18({}, secpropobj));
|
|
1116
1116
|
}
|
|
1117
1117
|
}, [StatePagePropertiesContext]);
|
|
1118
1118
|
var orderhistory_cssstyles = {
|
|
@@ -1892,13 +1892,13 @@ var Ordershistory = function Ordershistory(props) {
|
|
|
1892
1892
|
}, lang.cod))))))))))));
|
|
1893
1893
|
};
|
|
1894
1894
|
|
|
1895
|
-
var css_248z$
|
|
1895
|
+
var css_248z$v = ".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";
|
|
1896
1896
|
var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
|
|
1897
|
-
styleInject(css_248z$
|
|
1897
|
+
styleInject(css_248z$v);
|
|
1898
1898
|
|
|
1899
|
-
function ownKeys$
|
|
1899
|
+
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; }
|
|
1900
1900
|
|
|
1901
|
-
function _objectSpread$
|
|
1901
|
+
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(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; }
|
|
1902
1902
|
|
|
1903
1903
|
var Wishlist = function Wishlist(props) {
|
|
1904
1904
|
var _bgimagesarray$, _bgimagesarray$2;
|
|
@@ -1935,7 +1935,7 @@ var Wishlist = function Wishlist(props) {
|
|
|
1935
1935
|
StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
|
|
1936
1936
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
1937
1937
|
});
|
|
1938
|
-
setsectionproperties(_objectSpread$
|
|
1938
|
+
setsectionproperties(_objectSpread$17({}, secpropobj));
|
|
1939
1939
|
}
|
|
1940
1940
|
}, [StatePagePropertiesContext]);
|
|
1941
1941
|
|
|
@@ -1945,10 +1945,10 @@ var Wishlist = function Wishlist(props) {
|
|
|
1945
1945
|
_useState2[1];
|
|
1946
1946
|
|
|
1947
1947
|
useEffect(function () {
|
|
1948
|
-
var tempFetchQueriesEngineContext = _objectSpread$
|
|
1948
|
+
var tempFetchQueriesEngineContext = _objectSpread$17({}, FetchQueriesEngineContext);
|
|
1949
1949
|
|
|
1950
1950
|
tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
|
|
1951
|
-
setFetchQueriesEngineContext(_objectSpread$
|
|
1951
|
+
setFetchQueriesEngineContext(_objectSpread$17({}, tempFetchQueriesEngineContext));
|
|
1952
1952
|
}, []);
|
|
1953
1953
|
|
|
1954
1954
|
var _useState3 = useState(''),
|
|
@@ -1980,7 +1980,7 @@ var Wishlist = function Wishlist(props) {
|
|
|
1980
1980
|
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) {
|
|
1981
1981
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
1982
1982
|
});
|
|
1983
|
-
setsectionproperties(_objectSpread$
|
|
1983
|
+
setsectionproperties(_objectSpread$17({}, secpropobj));
|
|
1984
1984
|
}
|
|
1985
1985
|
}, [StatePagePropertiesContext]);
|
|
1986
1986
|
var wishlist_cssstyles = {
|
|
@@ -2415,16 +2415,16 @@ var Wishlist = function Wishlist(props) {
|
|
|
2415
2415
|
})));
|
|
2416
2416
|
};
|
|
2417
2417
|
|
|
2418
|
-
var css_248z$
|
|
2418
|
+
var css_248z$u = "/* 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";
|
|
2419
2419
|
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-"};
|
|
2420
|
-
styleInject(css_248z$
|
|
2420
|
+
styleInject(css_248z$u);
|
|
2421
2421
|
|
|
2422
|
-
function ownKeys$
|
|
2422
|
+
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; }
|
|
2423
2423
|
|
|
2424
|
-
function _objectSpread$
|
|
2424
|
+
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(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; }
|
|
2425
2425
|
var defaultstyles = {
|
|
2426
2426
|
option: function option(provided, state) {
|
|
2427
|
-
return _objectSpread$
|
|
2427
|
+
return _objectSpread$16(_objectSpread$16({}, provided), {}, {
|
|
2428
2428
|
borderBottom: '1px solid #e6e6e6',
|
|
2429
2429
|
backgroundColor: state.isSelected ? '' : '',
|
|
2430
2430
|
padding: 5,
|
|
@@ -2451,7 +2451,7 @@ var defaultstyles = {
|
|
|
2451
2451
|
};
|
|
2452
2452
|
},
|
|
2453
2453
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2454
|
-
return _objectSpread$
|
|
2454
|
+
return _objectSpread$16(_objectSpread$16({}, provided), {}, {
|
|
2455
2455
|
'&:hover': {// color: '#eac435',
|
|
2456
2456
|
}
|
|
2457
2457
|
});
|
|
@@ -2459,7 +2459,7 @@ var defaultstyles = {
|
|
|
2459
2459
|
};
|
|
2460
2460
|
var defaultstylestranslated = {
|
|
2461
2461
|
option: function option(provided, state) {
|
|
2462
|
-
return _objectSpread$
|
|
2462
|
+
return _objectSpread$16(_objectSpread$16({}, provided), {}, {
|
|
2463
2463
|
borderBottom: '1px solid #e6e6e6',
|
|
2464
2464
|
backgroundColor: state.isSelected ? '' : '',
|
|
2465
2465
|
padding: 5,
|
|
@@ -2488,22 +2488,22 @@ var defaultstylestranslated = {
|
|
|
2488
2488
|
};
|
|
2489
2489
|
},
|
|
2490
2490
|
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2491
|
-
return _objectSpread$
|
|
2491
|
+
return _objectSpread$16(_objectSpread$16({}, provided), {}, {
|
|
2492
2492
|
'&:hover': {// color: '#eac435',
|
|
2493
2493
|
}
|
|
2494
2494
|
});
|
|
2495
2495
|
},
|
|
2496
2496
|
placeholder: function placeholder(provided, state) {
|
|
2497
|
-
return _objectSpread$
|
|
2497
|
+
return _objectSpread$16(_objectSpread$16({}, provided), {}, {
|
|
2498
2498
|
textAlign: 'right'
|
|
2499
2499
|
});
|
|
2500
2500
|
}
|
|
2501
2501
|
};
|
|
2502
2502
|
|
|
2503
|
-
function ownKeys$
|
|
2503
|
+
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; }
|
|
2504
2504
|
|
|
2505
|
-
function _objectSpread$
|
|
2506
|
-
var Select = /*#__PURE__*/React.lazy(function () {
|
|
2505
|
+
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(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; }
|
|
2506
|
+
var Select$1 = /*#__PURE__*/React.lazy(function () {
|
|
2507
2507
|
return import('react-select');
|
|
2508
2508
|
});
|
|
2509
2509
|
|
|
@@ -2566,7 +2566,7 @@ var Checkout = function Checkout(props) {
|
|
|
2566
2566
|
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) {
|
|
2567
2567
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
2568
2568
|
});
|
|
2569
|
-
setsectionproperties(_objectSpread$
|
|
2569
|
+
setsectionproperties(_objectSpread$15({}, secpropobj));
|
|
2570
2570
|
}, [CurrentPageId]);
|
|
2571
2571
|
useEffect(function () {
|
|
2572
2572
|
if (CurrentSrcTypeContext == 'workplace') {
|
|
@@ -2577,7 +2577,7 @@ var Checkout = function Checkout(props) {
|
|
|
2577
2577
|
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) {
|
|
2578
2578
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
2579
2579
|
});
|
|
2580
|
-
setsectionproperties(_objectSpread$
|
|
2580
|
+
setsectionproperties(_objectSpread$15({}, secpropobj));
|
|
2581
2581
|
}
|
|
2582
2582
|
}
|
|
2583
2583
|
}, [StatePagePropertiesContext]);
|
|
@@ -2585,12 +2585,12 @@ var Checkout = function Checkout(props) {
|
|
|
2585
2585
|
var _fetchcustomercartQue, _fetchcustomercartQue2, _fetchcustomercartQue3, _fetchcustomercartQue4, _fetchcustomercartQue5, _fetchcustomercartQue6, _fetchcustomercartQue9, _fetchcustomercartQue10, _fetchcustomercartQue11, _fetchcustomercartQue12, _fetchcustomercartQue13, _fetchcustomercartQue14;
|
|
2586
2586
|
|
|
2587
2587
|
// if (authdetailsContext.loggedin == true) {
|
|
2588
|
-
var tempFetchQueriesEngineContext = _objectSpread$
|
|
2588
|
+
var tempFetchQueriesEngineContext = _objectSpread$15({}, FetchQueriesEngineContext);
|
|
2589
2589
|
|
|
2590
2590
|
tempFetchQueriesEngineContext.fetchtabexcountries = true;
|
|
2591
|
-
setFetchQueriesEngineContext(_objectSpread$
|
|
2591
|
+
setFetchQueriesEngineContext(_objectSpread$15({}, tempFetchQueriesEngineContext));
|
|
2592
2592
|
|
|
2593
|
-
var tempFetchTabexStatesPayloadobjContext = _objectSpread$
|
|
2593
|
+
var tempFetchTabexStatesPayloadobjContext = _objectSpread$15({}, FetchTabexStatesPayloadobjContext);
|
|
2594
2594
|
|
|
2595
2595
|
if ( // Aya
|
|
2596
2596
|
!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
|
|
@@ -2608,7 +2608,7 @@ var Checkout = function Checkout(props) {
|
|
|
2608
2608
|
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;
|
|
2609
2609
|
}
|
|
2610
2610
|
|
|
2611
|
-
setFetchTabexStatesPayloadobjContext(_objectSpread$
|
|
2611
|
+
setFetchTabexStatesPayloadobjContext(_objectSpread$15({}, tempFetchTabexStatesPayloadobjContext)); // } else {
|
|
2612
2612
|
// routingcountext('');
|
|
2613
2613
|
// }
|
|
2614
2614
|
}, []);
|
|
@@ -3266,7 +3266,7 @@ var Checkout = function Checkout(props) {
|
|
|
3266
3266
|
width: "20px",
|
|
3267
3267
|
height: "20px",
|
|
3268
3268
|
duration: "1s"
|
|
3269
|
-
})), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3269
|
+
})), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
|
|
3270
3270
|
options: fetchTabexCountriesQueryContext.data.data.countries,
|
|
3271
3271
|
getOptionLabel: function getOptionLabel(option) {
|
|
3272
3272
|
return option.name;
|
|
@@ -3280,11 +3280,11 @@ var Checkout = function Checkout(props) {
|
|
|
3280
3280
|
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);
|
|
3281
3281
|
}),
|
|
3282
3282
|
onChange: function onChange(option) {
|
|
3283
|
-
var tempFetchTabexStatesPayloadobjContext = _objectSpread$
|
|
3283
|
+
var tempFetchTabexStatesPayloadobjContext = _objectSpread$15({}, FetchTabexStatesPayloadobjContext);
|
|
3284
3284
|
|
|
3285
3285
|
tempFetchTabexStatesPayloadobjContext.functype = 'states';
|
|
3286
3286
|
tempFetchTabexStatesPayloadobjContext.country_id = option.id;
|
|
3287
|
-
setFetchTabexStatesPayloadobjContext(_objectSpread$
|
|
3287
|
+
setFetchTabexStatesPayloadobjContext(_objectSpread$15({}, tempFetchTabexStatesPayloadobjContext));
|
|
3288
3288
|
cartinfoupdater('countryid', option.id);
|
|
3289
3289
|
},
|
|
3290
3290
|
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
@@ -3301,7 +3301,7 @@ var Checkout = function Checkout(props) {
|
|
|
3301
3301
|
width: "20px",
|
|
3302
3302
|
height: "20px",
|
|
3303
3303
|
duration: "1s"
|
|
3304
|
-
})), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3304
|
+
})), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
|
|
3305
3305
|
options: fetchTabexStatesQueryContext.data.data.states,
|
|
3306
3306
|
getOptionLabel: function getOptionLabel(option) {
|
|
3307
3307
|
return option.name;
|
|
@@ -3318,11 +3318,11 @@ var Checkout = function Checkout(props) {
|
|
|
3318
3318
|
var _fetchcustomercartQue79, _fetchcustomercartQue80;
|
|
3319
3319
|
|
|
3320
3320
|
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) {
|
|
3321
|
-
var tempFetchTabexStatesPayloadobjContext = _objectSpread$
|
|
3321
|
+
var tempFetchTabexStatesPayloadobjContext = _objectSpread$15({}, FetchTabexStatesPayloadobjContext);
|
|
3322
3322
|
|
|
3323
3323
|
tempFetchTabexStatesPayloadobjContext.functype = 'cities';
|
|
3324
3324
|
tempFetchTabexStatesPayloadobjContext.state_id = option.id;
|
|
3325
|
-
setFetchTabexStatesPayloadobjContext(_objectSpread$
|
|
3325
|
+
setFetchTabexStatesPayloadobjContext(_objectSpread$15({}, tempFetchTabexStatesPayloadobjContext));
|
|
3326
3326
|
cartinfoupdater('stateid', option.id);
|
|
3327
3327
|
} else {
|
|
3328
3328
|
NotificationManager.warning('', 'Please Choose Country Or State');
|
|
@@ -3342,7 +3342,7 @@ var Checkout = function Checkout(props) {
|
|
|
3342
3342
|
width: "20px",
|
|
3343
3343
|
height: "20px",
|
|
3344
3344
|
duration: "1s"
|
|
3345
|
-
})), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3345
|
+
})), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select$1, {
|
|
3346
3346
|
options: fetchTabexCitiesQueryContext.data.data.cities,
|
|
3347
3347
|
getOptionLabel: function getOptionLabel(option) {
|
|
3348
3348
|
return option.name;
|
|
@@ -3573,6 +3573,1092 @@ var Checkout = function Checkout(props) {
|
|
|
3573
3573
|
}, Mycart()))));
|
|
3574
3574
|
};
|
|
3575
3575
|
|
|
3576
|
+
var css_248z$t = "@media screen and (max-width: 800px) {\n .signup-module_rightContainer__yEcoL,\n .signup-module_rightContainerTrans__fkdBH {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 15px !important;\n border-bottom-left-radius: 15px !important;\n }\n .signup-module_rightContainerText__-pvN- {\n font-size: 23px !important;\n }\n}\n.signup-module_form_control__7s76W:focus {\n -webkit-animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n animation: signup-module_anim-shadow__CsxhG 0.5s ease-in-out forwards;\n}\n.signup-module_form_control__7s76W:focus + .signup-module_login_input_icon__RDTS0 {\n padding-left: 20px;\n}\n/* Forms */\n.signup-module_form_control__7s76W {\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 /* font-size: 14px; */\n transition: background 0s ease-out;\n border: 0;\n padding: 0 15px;\n font-weight: 500;\n display: flex;\n align-items: center;\n position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .signup-module_form_control__7s76W {\n transition: none;\n }\n}\n.signup-module_form_control__7s76W::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.signup-module_form_control__7s76W:focus {\n outline: 0;\n}\n.signup-module_form_control__7s76W::placeholder {\n opacity: 1;\n}\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.signup-module_form_control__7s76W {\n height: auto;\n}\n.signup-module_form_control__7s76W:focus {\n background-size: 100% 100%, 100% 100%;\n transition-duration: 0.3s;\n box-shadow: none;\n}\n.signup-module_form_control__7s76W::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.signup-module_form_control__7s76W {\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.signup-module_form_control_border_none__HjUMS {\n background-image: none;\n}\n.signup-module_form_control__7s76W.signup-module_disabled__h55ao,\n.signup-module_form_control__7s76W:disabled,\n.signup-module_form_control__7s76W[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@media screen and (max-width: 500px) {\n .signup-module_form_control__7s76W {\n /* padding: 0 5px !important; */\n }\n .signup-module_login_input_icon__RDTS0 {\n padding-left: 0 !important;\n }\n .signup-module_rightContainer__yEcoL {\n border-radius: 15px 15px 0 0 !important;\n }\n .signup-module_leftcontainer__bqfnN {\n border-radius: 15px 15px 0 0 !important;\n }\n}\n.signup-module_form_controltextarea__-LGz6{\n min-height: 10vh !important;\n}\n.signup-module_checkbox__8ejBx {\n --border: #022648;\n --border-hover: #959ed0;\n --tick: #fff;\n position: relative;\n /* color: var(--cardheader); */\n}\n.signup-module_checkbox_label__d84Q2 {\n font-size: 16px;\n text-transform: capitalize;\n font-weight: 500;\n cursor: pointer;\n}\n.signup-module_checkbox__8ejBx:hover {\n /* color: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input,\n.signup-module_checkbox__8ejBx svg {\n width: 16px;\n height: 16px;\n display: block;\n}\n.signup-module_checkbox_sub__WQLUX input {\n width: 15px;\n height: 15px;\n}\n.signup-module_checkbox__8ejBx 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.signup-module_checkbox__8ejBx input:disabled {\n cursor: not-allowed;\n}\n.signup-module_checkbox__8ejBx input:hover {\n /* --s: 2px; */\n /* --b: var(--border-hover); */\n}\n.signup-module_checkbox__8ejBx input:checked {\n /* --b: var(--secondary); */\n}\n.signup-module_checkbox__8ejBx 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.signup-module_checkbox_sub__WQLUX 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.signup-module_checkboxtranslated__4xHR- svg {\n right: 0;\n}\n.signup-module_checkbox__8ejBx input:checked {\n --s: 2px;\n transition-delay: 0.4s;\n}\n.signup-module_checkbox__8ejBx input:checked + svg {\n --a: 16.1 86.12;\n --o: 102.22;\n}\n.signup-module_checkbox__8ejBx 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";
|
|
3577
|
+
var loginstyles = {"rightContainer":"signup-module_rightContainer__yEcoL","rightContainerTrans":"signup-module_rightContainerTrans__fkdBH","rightContainerText":"signup-module_rightContainerText__-pvN-","form_control":"signup-module_form_control__7s76W","anim-shadow":"signup-module_anim-shadow__CsxhG","login_input_icon":"signup-module_login_input_icon__RDTS0","form_control_border_none":"signup-module_form_control_border_none__HjUMS","disabled":"signup-module_disabled__h55ao","leftcontainer":"signup-module_leftcontainer__bqfnN","form_controltextarea":"signup-module_form_controltextarea__-LGz6","checkbox":"signup-module_checkbox__8ejBx","checkbox_label":"signup-module_checkbox_label__d84Q2","checkbox_sub":"signup-module_checkbox_sub__WQLUX","checkboxtranslated":"signup-module_checkboxtranslated__4xHR-"};
|
|
3578
|
+
styleInject(css_248z$t);
|
|
3579
|
+
|
|
3580
|
+
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; }
|
|
3581
|
+
|
|
3582
|
+
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(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; }
|
|
3583
|
+
var Select = /*#__PURE__*/React.lazy(function () {
|
|
3584
|
+
return import('react-select');
|
|
3585
|
+
});
|
|
3586
|
+
|
|
3587
|
+
var CustomerInformationForm = function CustomerInformationForm(props) {
|
|
3588
|
+
var lang = props.actions.lang;
|
|
3589
|
+
var langdetect = props.actions.langdetect;
|
|
3590
|
+
props.actions.routingcountext;
|
|
3591
|
+
var FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
|
|
3592
|
+
var setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
|
|
3593
|
+
var fetchinstitutecustomerinfosignupQueryContext = props.actions.fetchinstitutecustomerinfosignupQueryContext;
|
|
3594
|
+
var fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
|
|
3595
|
+
var fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
|
|
3596
|
+
var fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
|
|
3597
|
+
var FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
|
|
3598
|
+
var setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
|
|
3599
|
+
var CustomerSignUpMutationContext = props.actions.CustomerSignUpMutationContext;
|
|
3600
|
+
var authdetailsContext = props.actions.authdetailsContext;
|
|
3601
|
+
var instapikey = props.actions.instapikey;
|
|
3602
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
3603
|
+
var actions = props.actions;
|
|
3604
|
+
|
|
3605
|
+
var _useState = useState(''),
|
|
3606
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
3607
|
+
sectionproperties = _useState2[0],
|
|
3608
|
+
setsectionproperties = _useState2[1];
|
|
3609
|
+
|
|
3610
|
+
var _useState3 = useState(false),
|
|
3611
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
3612
|
+
dataloaded = _useState4[0],
|
|
3613
|
+
setdataloaded = _useState4[1];
|
|
3614
|
+
|
|
3615
|
+
var _useState5 = useState({
|
|
3616
|
+
instapikey: instapikey(),
|
|
3617
|
+
name: '',
|
|
3618
|
+
email: '',
|
|
3619
|
+
mobile: '',
|
|
3620
|
+
password: '',
|
|
3621
|
+
password2: '',
|
|
3622
|
+
shippingaddress: '',
|
|
3623
|
+
addedsourcetype: 'Webapp',
|
|
3624
|
+
instsignupformvalues: [],
|
|
3625
|
+
countryid: '',
|
|
3626
|
+
stateid: '',
|
|
3627
|
+
cityid: ''
|
|
3628
|
+
}),
|
|
3629
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
3630
|
+
payloadobj = _useState6[0],
|
|
3631
|
+
setpayloadobj = _useState6[1];
|
|
3632
|
+
|
|
3633
|
+
useEffect(function () {
|
|
3634
|
+
var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
|
|
3635
|
+
|
|
3636
|
+
tempFetchQueriesEngineContext.institutecustomerinfosignup = true;
|
|
3637
|
+
tempFetchQueriesEngineContext.fetchtabexcountries = true;
|
|
3638
|
+
setFetchQueriesEngineContext(_objectSpread$14({}, tempFetchQueriesEngineContext));
|
|
3639
|
+
|
|
3640
|
+
var tempFetchQueriesEngineContext = _objectSpread$14({}, FetchQueriesEngineContext);
|
|
3641
|
+
}, []);
|
|
3642
|
+
useEffect(function () {
|
|
3643
|
+
if (props.sectionpropertiesprops != undefined && props.sectionpropertiesprops.length != 0) {
|
|
3644
|
+
setsectionproperties(_objectSpread$14({}, props.sectionpropertiesprops));
|
|
3645
|
+
}
|
|
3646
|
+
}, [props.sectionpropertiesprops]);
|
|
3647
|
+
useEffect(function () {
|
|
3648
|
+
if (fetchinstitutecustomerinfosignupQueryContext.isSuccess) {
|
|
3649
|
+
if (authdetailsContext.loggedin == true) {
|
|
3650
|
+
var tempcustomerinfoobj = _objectSpread$14({}, fetchinstitutecustomerinfosignupQueryContext.data.data.customerinfo);
|
|
3651
|
+
|
|
3652
|
+
setpayloadobj(_objectSpread$14({}, tempcustomerinfoobj));
|
|
3653
|
+
|
|
3654
|
+
var tempFetchTabexStatesPayloadobjContext = _objectSpread$14({}, FetchTabexStatesPayloadobjContext);
|
|
3655
|
+
|
|
3656
|
+
if (tempcustomerinfoobj.countryid != null) {
|
|
3657
|
+
tempFetchTabexStatesPayloadobjContext.country_id = tempcustomerinfoobj.countryid;
|
|
3658
|
+
}
|
|
3659
|
+
|
|
3660
|
+
if (tempcustomerinfoobj.stateid != null) {
|
|
3661
|
+
tempFetchTabexStatesPayloadobjContext.state_id = tempcustomerinfoobj.stateid;
|
|
3662
|
+
}
|
|
3663
|
+
|
|
3664
|
+
setFetchTabexStatesPayloadobjContext(_objectSpread$14({}, tempFetchTabexStatesPayloadobjContext));
|
|
3665
|
+
setdataloaded(true);
|
|
3666
|
+
} else {
|
|
3667
|
+
var _fetchinstitutecustom, _fetchinstitutecustom2;
|
|
3668
|
+
|
|
3669
|
+
var tempcustomerinfoobj = _objectSpread$14({}, payloadobj);
|
|
3670
|
+
|
|
3671
|
+
if (Array.isArray(fetchinstitutecustomerinfosignupQueryContext === null || fetchinstitutecustomerinfosignupQueryContext === void 0 ? void 0 : (_fetchinstitutecustom = fetchinstitutecustomerinfosignupQueryContext.data) === null || _fetchinstitutecustom === void 0 ? void 0 : (_fetchinstitutecustom2 = _fetchinstitutecustom.data) === null || _fetchinstitutecustom2 === void 0 ? void 0 : _fetchinstitutecustom2.instsignupformvalues)) {
|
|
3672
|
+
tempcustomerinfoobj.instsignupformvalues = _toConsumableArray(fetchinstitutecustomerinfosignupQueryContext.data.data.instsignupformvalues);
|
|
3673
|
+
}
|
|
3674
|
+
|
|
3675
|
+
setpayloadobj(_objectSpread$14({}, tempcustomerinfoobj));
|
|
3676
|
+
setdataloaded(true);
|
|
3677
|
+
}
|
|
3678
|
+
}
|
|
3679
|
+
}, [fetchinstitutecustomerinfosignupQueryContext.isSuccess, fetchinstitutecustomerinfosignupQueryContext.data, authdetailsContext]);
|
|
3680
|
+
|
|
3681
|
+
var payloadobjchange = function payloadobjchange(key, value) {
|
|
3682
|
+
var temppayloadobj = _objectSpread$14({}, payloadobj);
|
|
3683
|
+
|
|
3684
|
+
temppayloadobj[key] = value;
|
|
3685
|
+
setpayloadobj(_objectSpread$14({}, temppayloadobj));
|
|
3686
|
+
};
|
|
3687
|
+
|
|
3688
|
+
var formstyles = {
|
|
3689
|
+
loginbtn: css({
|
|
3690
|
+
background: templatepropcontext.primarycolor,
|
|
3691
|
+
color: sectionproperties.generalbtn_textColor,
|
|
3692
|
+
borderRadius: sectionproperties.generalbtn_borderradius + 'px',
|
|
3693
|
+
fontSize: sectionproperties.generalbtn_fontsize + 'px',
|
|
3694
|
+
lineHeight: sectionproperties.generalbtn_fontsize + 'px',
|
|
3695
|
+
textTransform: sectionproperties.generalbtn_texttransform,
|
|
3696
|
+
width: sectionproperties.generalbtn_width + 'px',
|
|
3697
|
+
height: sectionproperties.generalbtn_height + 'px',
|
|
3698
|
+
':hover': {
|
|
3699
|
+
background: templatepropcontext.secondarycolor
|
|
3700
|
+
}
|
|
3701
|
+
}),
|
|
3702
|
+
btnstyles: css({
|
|
3703
|
+
width: sectionproperties.generalbtn_width + 'px',
|
|
3704
|
+
height: sectionproperties.generalbtn_height + 'px',
|
|
3705
|
+
textTransform: sectionproperties.generalbtn_texttransform,
|
|
3706
|
+
fontSize: sectionproperties.generalbtn_fontsize + 'px',
|
|
3707
|
+
color: sectionproperties.generalbtn_textColor,
|
|
3708
|
+
background: sectionproperties.generalbtn_bgColor,
|
|
3709
|
+
borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
|
|
3710
|
+
borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
|
|
3711
|
+
borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
|
|
3712
|
+
borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
|
|
3713
|
+
fontWeight: sectionproperties.generalbtn_fontweight,
|
|
3714
|
+
transition: '.3s',
|
|
3715
|
+
':hover': {
|
|
3716
|
+
background: sectionproperties.generalbtn_bgColoronhover,
|
|
3717
|
+
color: sectionproperties.generalbtn_textColoronhover
|
|
3718
|
+
}
|
|
3719
|
+
}),
|
|
3720
|
+
signupbtn: css({
|
|
3721
|
+
width: sectionproperties.signup_btn_width + 'px',
|
|
3722
|
+
height: sectionproperties.signup_btn_height + 'px',
|
|
3723
|
+
borderRadius: sectionproperties.signup_btn_borderBottomLeftRadius + 'px',
|
|
3724
|
+
textTransform: sectionproperties.signup_btn_texttransform,
|
|
3725
|
+
fontSize: sectionproperties.signup_btn_fontSize + 'px',
|
|
3726
|
+
color: sectionproperties.signup_btn_color,
|
|
3727
|
+
fontWeight: sectionproperties.signup_btn_fontweight,
|
|
3728
|
+
background: sectionproperties.signup_btnbgcolor_transparent == 'Transparent' ? 'transparent' : sectionproperties.signup_btnbgcolor,
|
|
3729
|
+
border: sectionproperties.signup_btn_borderwidth + 'px solid ' + sectionproperties.signupbtn_bordercolor,
|
|
3730
|
+
transition: '.3s',
|
|
3731
|
+
':hover': {
|
|
3732
|
+
background: sectionproperties.signup_btnbgcoloroonhovertransparent == 'Transparent' ? 'transparent' : sectionproperties.signup_btnbgcoloroonhover,
|
|
3733
|
+
color: sectionproperties.signup_btn_coloronhover
|
|
3734
|
+
}
|
|
3735
|
+
}),
|
|
3736
|
+
input_label_name: css({
|
|
3737
|
+
color: sectionproperties.form_labelcolor,
|
|
3738
|
+
textTransform: sectionproperties.form_labeltexttransform,
|
|
3739
|
+
fontWeight: sectionproperties.form_labelfontweight,
|
|
3740
|
+
fontSize: sectionproperties.form_labelfontsize + 'px'
|
|
3741
|
+
}),
|
|
3742
|
+
form_control: css({
|
|
3743
|
+
color: sectionproperties.inputfieldcolor,
|
|
3744
|
+
fontSize: sectionproperties.inputfieldfontsize + 'px'
|
|
3745
|
+
}),
|
|
3746
|
+
checkbox: css({
|
|
3747
|
+
color: sectionproperties.checkbox_color,
|
|
3748
|
+
textTransform: sectionproperties.form_labeltexttransform,
|
|
3749
|
+
fontWeight: sectionproperties.form_labelfontweight,
|
|
3750
|
+
fontSize: sectionproperties.form_labelfontsize + 'px',
|
|
3751
|
+
transition: '.3s',
|
|
3752
|
+
':hover': {
|
|
3753
|
+
color: sectionproperties.checkbox_texthovercolor
|
|
3754
|
+
},
|
|
3755
|
+
'input:checked': {
|
|
3756
|
+
color: sectionproperties.checkbox_checkedcolor
|
|
3757
|
+
}
|
|
3758
|
+
}),
|
|
3759
|
+
checkboxinputstyles: css({
|
|
3760
|
+
':hover:not(:checked)': {
|
|
3761
|
+
boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor
|
|
3762
|
+
},
|
|
3763
|
+
':checked': {
|
|
3764
|
+
boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor
|
|
3765
|
+
}
|
|
3766
|
+
}),
|
|
3767
|
+
svgstyles: css({
|
|
3768
|
+
stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')'
|
|
3769
|
+
})
|
|
3770
|
+
};
|
|
3771
|
+
|
|
3772
|
+
var PersonalInformation = function PersonalInformation() {
|
|
3773
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3774
|
+
className: "row m-0 w-100"
|
|
3775
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
3776
|
+
className: 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0'
|
|
3777
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3778
|
+
className: "".concat(formstyles.input_label_name) + ' m-0 text-transform-none d-flex align-items-start '
|
|
3779
|
+
}, lang.name), /*#__PURE__*/React.createElement("input", {
|
|
3780
|
+
type: "text",
|
|
3781
|
+
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
|
|
3782
|
+
value: payloadobj.name,
|
|
3783
|
+
onChange: function onChange(event) {
|
|
3784
|
+
payloadobjchange('name', event.target.value);
|
|
3785
|
+
}
|
|
3786
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
3787
|
+
className: 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0'
|
|
3788
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3789
|
+
className: "".concat(formstyles.input_label_name) + ' m-0 text-transform-none d-flex align-items-start '
|
|
3790
|
+
}, lang.email), /*#__PURE__*/React.createElement("input", {
|
|
3791
|
+
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
|
|
3792
|
+
type: "text",
|
|
3793
|
+
textplaceholder: "",
|
|
3794
|
+
value: payloadobj.email,
|
|
3795
|
+
onChange: function onChange(event) {
|
|
3796
|
+
payloadobjchange('email', event.target.value);
|
|
3797
|
+
}
|
|
3798
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
3799
|
+
className: 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0'
|
|
3800
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3801
|
+
className: formstyles.input_label_name + ' m-0 d-flex justify-content-start '
|
|
3802
|
+
}, lang.phonenumber), /*#__PURE__*/React.createElement("input", {
|
|
3803
|
+
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
|
|
3804
|
+
type: "text",
|
|
3805
|
+
textplaceholder: "",
|
|
3806
|
+
value: payloadobj.mobile,
|
|
3807
|
+
onChange: function onChange(event) {
|
|
3808
|
+
payloadobjchange('mobile', event.target.value);
|
|
3809
|
+
}
|
|
3810
|
+
})));
|
|
3811
|
+
};
|
|
3812
|
+
|
|
3813
|
+
var Address = function Address() {
|
|
3814
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3815
|
+
className: "row m-0 w-100"
|
|
3816
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
3817
|
+
className: 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0'
|
|
3818
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3819
|
+
className: formstyles.input_label_name + ' d-flex justify-content-start '
|
|
3820
|
+
}, lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
|
|
3821
|
+
className: "col-lg-4 col-md-12 col-sm-12 mb-3 p-sm-0 d-flex justify-content-center align-items-center"
|
|
3822
|
+
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
3823
|
+
color: "black",
|
|
3824
|
+
width: "20px",
|
|
3825
|
+
height: "20px",
|
|
3826
|
+
duration: "1s"
|
|
3827
|
+
})), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3828
|
+
options: fetchTabexCountriesQueryContext.data.data.countries,
|
|
3829
|
+
getOptionLabel: function getOptionLabel(option) {
|
|
3830
|
+
return option.name;
|
|
3831
|
+
},
|
|
3832
|
+
getOptionValue: function getOptionValue(option) {
|
|
3833
|
+
return option.id;
|
|
3834
|
+
},
|
|
3835
|
+
autocomplete: "new-password",
|
|
3836
|
+
value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
|
|
3837
|
+
return option.id == payloadobj.countryid;
|
|
3838
|
+
}),
|
|
3839
|
+
onChange: function onChange(option) {
|
|
3840
|
+
var tempFetchTabexStatesPayloadobjContext = _objectSpread$14({}, FetchTabexStatesPayloadobjContext);
|
|
3841
|
+
|
|
3842
|
+
tempFetchTabexStatesPayloadobjContext.functype = 'states';
|
|
3843
|
+
tempFetchTabexStatesPayloadobjContext.country_id = option.id;
|
|
3844
|
+
setFetchTabexStatesPayloadobjContext(_objectSpread$14({}, tempFetchTabexStatesPayloadobjContext));
|
|
3845
|
+
payloadobjchange('countryid', option.id);
|
|
3846
|
+
},
|
|
3847
|
+
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3848
|
+
placeholder: langdetect == 'en' ? 'Choose Country' : 'إختر البلد',
|
|
3849
|
+
isSearchable: true
|
|
3850
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
3851
|
+
className: 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0'
|
|
3852
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3853
|
+
className: formstyles.input_label_name + ' d-flex justify-content-start '
|
|
3854
|
+
}, lang.choosestategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
|
|
3855
|
+
className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0 d-flex justify-content-center align-items-center"
|
|
3856
|
+
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
3857
|
+
color: "black",
|
|
3858
|
+
width: "20px",
|
|
3859
|
+
height: "20px",
|
|
3860
|
+
duration: "1s"
|
|
3861
|
+
})), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select, {
|
|
3862
|
+
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3863
|
+
placeholder: lang.choosestategov,
|
|
3864
|
+
isSearchable: true
|
|
3865
|
+
}), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3866
|
+
options: fetchTabexStatesQueryContext.data.data.states,
|
|
3867
|
+
getOptionLabel: function getOptionLabel(option) {
|
|
3868
|
+
return option.name;
|
|
3869
|
+
},
|
|
3870
|
+
getOptionValue: function getOptionValue(option) {
|
|
3871
|
+
return option.id;
|
|
3872
|
+
},
|
|
3873
|
+
autocomplete: "new-password",
|
|
3874
|
+
value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
|
|
3875
|
+
return option.id == payloadobj.stateid;
|
|
3876
|
+
}),
|
|
3877
|
+
onChange: function onChange(option) {
|
|
3878
|
+
var tempFetchTabexStatesPayloadobjContext = _objectSpread$14({}, FetchTabexStatesPayloadobjContext);
|
|
3879
|
+
|
|
3880
|
+
tempFetchTabexStatesPayloadobjContext.functype = 'cities';
|
|
3881
|
+
tempFetchTabexStatesPayloadobjContext.state_id = option.id;
|
|
3882
|
+
setFetchTabexStatesPayloadobjContext(_objectSpread$14({}, tempFetchTabexStatesPayloadobjContext));
|
|
3883
|
+
payloadobjchange('stateid', option.id);
|
|
3884
|
+
},
|
|
3885
|
+
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3886
|
+
placeholder: lang.choosestategov,
|
|
3887
|
+
isSearchable: true
|
|
3888
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
3889
|
+
className: 'col-lg-4 col-md-12 col-sm-12 mb-4 p-sm-0'
|
|
3890
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3891
|
+
className: formstyles.input_label_name + ' d-flex justify-content-start '
|
|
3892
|
+
}, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
|
|
3893
|
+
className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0 d-flex justify-content-center align-items-center"
|
|
3894
|
+
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
3895
|
+
color: "black",
|
|
3896
|
+
width: "20px",
|
|
3897
|
+
height: "20px",
|
|
3898
|
+
duration: "1s"
|
|
3899
|
+
})), FetchTabexStatesPayloadobjContext.country_id == '' && /*#__PURE__*/React.createElement(Select, {
|
|
3900
|
+
placeholder: lang.choosecity,
|
|
3901
|
+
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3902
|
+
isSearchable: true
|
|
3903
|
+
}), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3904
|
+
options: fetchTabexCitiesQueryContext.data.data.cities,
|
|
3905
|
+
getOptionLabel: function getOptionLabel(option) {
|
|
3906
|
+
return option.name;
|
|
3907
|
+
},
|
|
3908
|
+
getOptionValue: function getOptionValue(option) {
|
|
3909
|
+
return option.id;
|
|
3910
|
+
},
|
|
3911
|
+
autocomplete: "new-password",
|
|
3912
|
+
value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
|
|
3913
|
+
return option.id == payloadobj.cityid;
|
|
3914
|
+
}),
|
|
3915
|
+
onChange: function onChange(option) {
|
|
3916
|
+
payloadobjchange('cityid', option.id);
|
|
3917
|
+
},
|
|
3918
|
+
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3919
|
+
placeholder: lang.choosecity,
|
|
3920
|
+
isSearchable: true
|
|
3921
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
3922
|
+
className: "col-lg-12 col-md-12 col-sm-12 mb-4 p-sm-0"
|
|
3923
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3924
|
+
className: "".concat(formstyles.input_label_name) + ' text-transform-none d-flex align-items-start '
|
|
3925
|
+
}, lang.address), /*#__PURE__*/React.createElement("div", {
|
|
3926
|
+
className: loginstyles.wrap_input100
|
|
3927
|
+
}, /*#__PURE__*/React.createElement(TextareaAutosize, {
|
|
3928
|
+
type: "text",
|
|
3929
|
+
className: "".concat(loginstyles.form_control, " ").concat(loginstyles.form_controltextarea, " ").concat(formstyles.form_control),
|
|
3930
|
+
value: payloadobj.shippingaddress,
|
|
3931
|
+
textplaceholder: "",
|
|
3932
|
+
onChange: function onChange(event) {
|
|
3933
|
+
payloadobjchange('shippingaddress', event.target.value);
|
|
3934
|
+
},
|
|
3935
|
+
style: {
|
|
3936
|
+
resize: 'none'
|
|
3937
|
+
}
|
|
3938
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
3939
|
+
className: loginstyles.login_input_focus
|
|
3940
|
+
}))));
|
|
3941
|
+
};
|
|
3942
|
+
|
|
3943
|
+
var Password = function Password() {
|
|
3944
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3945
|
+
className: "row m-0 w-100"
|
|
3946
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
3947
|
+
className: "col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0"
|
|
3948
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3949
|
+
className: "".concat(formstyles.input_label_name) + ' m-0 text-transform-none d-flex align-items-start '
|
|
3950
|
+
}, lang.password), /*#__PURE__*/React.createElement("input", {
|
|
3951
|
+
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
|
|
3952
|
+
type: "password",
|
|
3953
|
+
autocomplete: "new-password",
|
|
3954
|
+
textplaceholder: "",
|
|
3955
|
+
value: payloadobj.password,
|
|
3956
|
+
onChange: function onChange(event) {
|
|
3957
|
+
payloadobjchange('password', event.target.value);
|
|
3958
|
+
}
|
|
3959
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
3960
|
+
className: "col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0"
|
|
3961
|
+
}, /*#__PURE__*/React.createElement("label", {
|
|
3962
|
+
className: "".concat(formstyles.input_label_name) + ' m-0 text-transform-none d-flex align-items-start '
|
|
3963
|
+
}, lang.confirmpassword), /*#__PURE__*/React.createElement("input", {
|
|
3964
|
+
className: "".concat(loginstyles.form_control, " ").concat(formstyles.form_control),
|
|
3965
|
+
type: "password",
|
|
3966
|
+
autocomplete: "new-password",
|
|
3967
|
+
textplaceholder: "",
|
|
3968
|
+
value: payloadobj.password2,
|
|
3969
|
+
onChange: function onChange(event) {
|
|
3970
|
+
payloadobjchange('password2', event.target.value);
|
|
3971
|
+
}
|
|
3972
|
+
})));
|
|
3973
|
+
};
|
|
3974
|
+
|
|
3975
|
+
var Otherinformation = function Otherinformation() {
|
|
3976
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3977
|
+
className: "row m-0 w-100"
|
|
3978
|
+
}, payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React.createElement(React.Fragment, null, payloadobj.instsignupformvalues.map(function (item, index) {
|
|
3979
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
3980
|
+
className: "col-lg-6 col-md-12 col-sm-12 mb-4 p-sm-0"
|
|
3981
|
+
}, item.inputtype != 'checkbox' && /*#__PURE__*/React.createElement("label", {
|
|
3982
|
+
className: formstyles.input_label_name
|
|
3983
|
+
}, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", item.optional == 1 ? '' : '*'), /*#__PURE__*/React.createElement("div", {
|
|
3984
|
+
className: loginstyles.wrap_input100
|
|
3985
|
+
}, item.inputtype == 'input' && /*#__PURE__*/React.createElement("input", {
|
|
3986
|
+
className: loginstyles.logininput,
|
|
3987
|
+
type: "text",
|
|
3988
|
+
value: item.customersignupvalue,
|
|
3989
|
+
textplaceholder: "",
|
|
3990
|
+
onChange: function onChange(event) {
|
|
3991
|
+
var temppayloadobj = _objectSpread$14({}, payloadobj);
|
|
3992
|
+
|
|
3993
|
+
temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
|
|
3994
|
+
setpayloadobj(_objectSpread$14({}, temppayloadobj));
|
|
3995
|
+
}
|
|
3996
|
+
}), item.inputtype == 'checkbox' && /*#__PURE__*/React.createElement("label", {
|
|
3997
|
+
className: langdetect == 'en' ? "".concat(loginstyles.checkbox, " ").concat(formstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(loginstyles.checkbox, " ").concat(loginstyles.checkboxtranslated) + ' d-flex mb-0 ',
|
|
3998
|
+
"for": "codcheckbox"
|
|
3999
|
+
}, /*#__PURE__*/React.createElement("input", {
|
|
4000
|
+
id: 'codcheckbox',
|
|
4001
|
+
type: "checkbox",
|
|
4002
|
+
className: formstyles.checkboxinputstyles + ' mt-auto mb-auto ',
|
|
4003
|
+
checked: item.customersignupvalue == 1 ? true : false,
|
|
4004
|
+
onChange: function onChange() {
|
|
4005
|
+
var temppayloadobj = _objectSpread$14({}, payloadobj);
|
|
4006
|
+
|
|
4007
|
+
if (temppayloadobj.instsignupformvalues[index].customersignupvalue == 1) {
|
|
4008
|
+
temppayloadobj.instsignupformvalues[index].customersignupvalue = 0;
|
|
4009
|
+
} else {
|
|
4010
|
+
temppayloadobj.instsignupformvalues[index].customersignupvalue = 1;
|
|
4011
|
+
}
|
|
4012
|
+
|
|
4013
|
+
setpayloadobj(_objectSpread$14({}, temppayloadobj));
|
|
4014
|
+
}
|
|
4015
|
+
}), /*#__PURE__*/React.createElement("svg", {
|
|
4016
|
+
viewBox: "0 0 21 21",
|
|
4017
|
+
className: formstyles.svgstyles + ' h-100 '
|
|
4018
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
4019
|
+
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"
|
|
4020
|
+
})), /*#__PURE__*/React.createElement("p", {
|
|
4021
|
+
className: formstyles.input_label_name + ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
|
|
4022
|
+
style: {}
|
|
4023
|
+
}, langdetect == 'en' ? item.inputname_en : item.inputname_ar, " ", item.optional == 1 ? '' : '*')), item.inputtype == 'selectbox' && /*#__PURE__*/React.createElement("select", {
|
|
4024
|
+
className: loginstyles.wrap_input100,
|
|
4025
|
+
value: item.customersignupvalue,
|
|
4026
|
+
textplaceholder: "",
|
|
4027
|
+
onChange: function onChange(event) {
|
|
4028
|
+
var temppayloadobj = _objectSpread$14({}, payloadobj);
|
|
4029
|
+
|
|
4030
|
+
temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
|
|
4031
|
+
setpayloadobj(_objectSpread$14({}, temppayloadobj));
|
|
4032
|
+
}
|
|
4033
|
+
}, /*#__PURE__*/React.createElement("option", {
|
|
4034
|
+
value: '',
|
|
4035
|
+
disabled: true
|
|
4036
|
+
}, langdetect == 'en' ? 'Choose' : 'إختر'), JSON.parse(item.selectboxvalues).map(function (selectboxitem, selectboxindex) {
|
|
4037
|
+
return /*#__PURE__*/React.createElement("option", {
|
|
4038
|
+
value: selectboxitem.optionname_en
|
|
4039
|
+
}, selectboxitem.optionname_en);
|
|
4040
|
+
})), item.inputtype == 'textarea' && /*#__PURE__*/React.createElement(TextareaAutosize, {
|
|
4041
|
+
type: "text",
|
|
4042
|
+
className: loginstyles.logininput,
|
|
4043
|
+
value: item.customersignupvalue,
|
|
4044
|
+
textplaceholder: "",
|
|
4045
|
+
onChange: function onChange(event) {
|
|
4046
|
+
var temppayloadobj = _objectSpread$14({}, payloadobj);
|
|
4047
|
+
|
|
4048
|
+
temppayloadobj.instsignupformvalues[index].customersignupvalue = event.target.value;
|
|
4049
|
+
setpayloadobj(_objectSpread$14({}, temppayloadobj));
|
|
4050
|
+
}
|
|
4051
|
+
}), /*#__PURE__*/React.createElement("span", {
|
|
4052
|
+
className: loginstyles.login_input_focus
|
|
4053
|
+
})));
|
|
4054
|
+
})));
|
|
4055
|
+
};
|
|
4056
|
+
|
|
4057
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4058
|
+
className: "row m-0 w-100 d-flex justify-content-center"
|
|
4059
|
+
}, !dataloaded && /*#__PURE__*/React.createElement(CircularProgress, {
|
|
4060
|
+
color: "black",
|
|
4061
|
+
width: "20px",
|
|
4062
|
+
height: "20px",
|
|
4063
|
+
duration: "1s"
|
|
4064
|
+
}), dataloaded && props.srcfromprops == 'signup' && /*#__PURE__*/React.createElement("div", {
|
|
4065
|
+
className: "row ml-0 mr-0",
|
|
4066
|
+
style: {
|
|
4067
|
+
background: 'white'
|
|
4068
|
+
}
|
|
4069
|
+
}, PersonalInformation(), Address(), Password()), dataloaded && props.srcfromprops == 'accountinfo' && /*#__PURE__*/React.createElement("div", {
|
|
4070
|
+
className: "col-lg-12 p-0"
|
|
4071
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4072
|
+
className: "row ml-0 mr-0 w-100"
|
|
4073
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4074
|
+
className: "col-lg-12 mb-3 p-0"
|
|
4075
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4076
|
+
style: {
|
|
4077
|
+
background: sectionproperties.backgroundColor,
|
|
4078
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
4079
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
4080
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
4081
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
|
|
4082
|
+
},
|
|
4083
|
+
className: "p-2"
|
|
4084
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4085
|
+
className: "row ml-0 mr-0"
|
|
4086
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4087
|
+
className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
|
|
4088
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4089
|
+
className: "m-0 p-0",
|
|
4090
|
+
style: {
|
|
4091
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4092
|
+
color: sectionproperties.sectionTitleColor,
|
|
4093
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4094
|
+
}
|
|
4095
|
+
}, lang.personalinformation)), /*#__PURE__*/React.createElement("div", {
|
|
4096
|
+
className: "col-lg-12 p-0"
|
|
4097
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
4098
|
+
className: "mt-2 mb-3"
|
|
4099
|
+
}))), PersonalInformation())), /*#__PURE__*/React.createElement("div", {
|
|
4100
|
+
className: "col-lg-12 mb-3 p-0"
|
|
4101
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4102
|
+
className: 'p-2',
|
|
4103
|
+
style: {
|
|
4104
|
+
background: sectionproperties.backgroundColor,
|
|
4105
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
4106
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
4107
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
4108
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
|
|
4109
|
+
}
|
|
4110
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4111
|
+
className: "row ml-0 mr-0"
|
|
4112
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4113
|
+
className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
|
|
4114
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4115
|
+
className: "m-0 p-0",
|
|
4116
|
+
style: {
|
|
4117
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4118
|
+
color: sectionproperties.sectionTitleColor,
|
|
4119
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4120
|
+
}
|
|
4121
|
+
}, lang.address)), /*#__PURE__*/React.createElement("div", {
|
|
4122
|
+
className: "col-lg-12 p-0"
|
|
4123
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
4124
|
+
className: "mt-2 mb-3"
|
|
4125
|
+
}))), Address())), /*#__PURE__*/React.createElement("div", {
|
|
4126
|
+
className: "col-lg-12 mb-3 p-0"
|
|
4127
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4128
|
+
className: 'p-2',
|
|
4129
|
+
style: {
|
|
4130
|
+
background: sectionproperties.backgroundColor,
|
|
4131
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
4132
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
4133
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
4134
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
|
|
4135
|
+
}
|
|
4136
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4137
|
+
className: "row ml-0 mr-0"
|
|
4138
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4139
|
+
className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
|
|
4140
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4141
|
+
className: "m-0 p-0",
|
|
4142
|
+
style: {
|
|
4143
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4144
|
+
color: sectionproperties.sectionTitleColor,
|
|
4145
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4146
|
+
}
|
|
4147
|
+
}, lang.security)), /*#__PURE__*/React.createElement("div", {
|
|
4148
|
+
className: "col-lg-12 p-0"
|
|
4149
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
4150
|
+
className: "mt-2 mb-3"
|
|
4151
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
4152
|
+
className: "row ml-0 mr-0"
|
|
4153
|
+
}, Password()))), payloadobj.instsignupformvalues.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
4154
|
+
className: "col-lg-12 mb-3 p-0"
|
|
4155
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4156
|
+
style: {
|
|
4157
|
+
background: sectionproperties.backgroundColor,
|
|
4158
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
4159
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
4160
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
4161
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px'
|
|
4162
|
+
},
|
|
4163
|
+
className: "p-2"
|
|
4164
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4165
|
+
className: "row ml-0 mr-0"
|
|
4166
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4167
|
+
className: "col-lg-12 col-md-12 col-sm-12 p-0 d-flex justify-content-center"
|
|
4168
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4169
|
+
className: "m-0 p-0",
|
|
4170
|
+
style: {
|
|
4171
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4172
|
+
color: sectionproperties.sectionTitleColor,
|
|
4173
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4174
|
+
}
|
|
4175
|
+
}, lang.otherinformation)), /*#__PURE__*/React.createElement("div", {
|
|
4176
|
+
className: "col-lg-12 p-0"
|
|
4177
|
+
}, /*#__PURE__*/React.createElement("hr", {
|
|
4178
|
+
className: "mt-2 mb-3"
|
|
4179
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
4180
|
+
className: "row ml-0 mr-0"
|
|
4181
|
+
}, Otherinformation()))))), /*#__PURE__*/React.createElement("div", {
|
|
4182
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-3 mt-3"
|
|
4183
|
+
}, /*#__PURE__*/React.createElement("button", {
|
|
4184
|
+
className: "".concat(formstyles.signupbtn) + ' d-flex align-items-center justify-content-center ',
|
|
4185
|
+
disabled: CustomerSignUpMutationContext.isLoading ? true : false,
|
|
4186
|
+
onClick: function onClick() {
|
|
4187
|
+
var passwordvalidation = false;
|
|
4188
|
+
|
|
4189
|
+
if (authdetailsContext.loggedin == false) {
|
|
4190
|
+
if (payloadobj.password.length != 0) {
|
|
4191
|
+
if (payloadobj.password == payloadobj.password2) {
|
|
4192
|
+
passwordvalidation = true;
|
|
4193
|
+
}
|
|
4194
|
+
}
|
|
4195
|
+
} else if (authdetailsContext.loggedin == true) {
|
|
4196
|
+
if (payloadobj.password.length != 0) {
|
|
4197
|
+
if (payloadobj.password == payloadobj.password2) {
|
|
4198
|
+
passwordvalidation = true;
|
|
4199
|
+
}
|
|
4200
|
+
} else {
|
|
4201
|
+
passwordvalidation = true;
|
|
4202
|
+
}
|
|
4203
|
+
}
|
|
4204
|
+
|
|
4205
|
+
if (passwordvalidation == false) {
|
|
4206
|
+
NotificationManager.warning('', lang.passwordsdontmatch);
|
|
4207
|
+
}
|
|
4208
|
+
|
|
4209
|
+
if (payloadobj.email.length != 0 && payloadobj.name.length != 0 && payloadobj.mobile.length != 0 && passwordvalidation == true && payloadobj.countryid.length != 0 && payloadobj.stateid.length != 0 && payloadobj.cityid.length != 0) {
|
|
4210
|
+
var signupformismissing = true;
|
|
4211
|
+
payloadobj.instsignupformvalues.forEach(function (arrayItem) {
|
|
4212
|
+
if (arrayItem.optional == 0) {
|
|
4213
|
+
if (arrayItem.customersignupvalue == undefined || arrayItem.customersignupvalue.length == 0) {
|
|
4214
|
+
signupformismissing = false;
|
|
4215
|
+
}
|
|
4216
|
+
}
|
|
4217
|
+
});
|
|
4218
|
+
|
|
4219
|
+
if (signupformismissing) {
|
|
4220
|
+
var temppayloadobj = _objectSpread$14({}, payloadobj);
|
|
4221
|
+
|
|
4222
|
+
if (authdetailsContext.loggedin == true) {
|
|
4223
|
+
temppayloadobj.functype = 'edit';
|
|
4224
|
+
} else {
|
|
4225
|
+
temppayloadobj.functype = 'add';
|
|
4226
|
+
}
|
|
4227
|
+
|
|
4228
|
+
temppayloadobj.addedsourcetype = 'Webapp';
|
|
4229
|
+
temppayloadobj.instapikey = instapikey();
|
|
4230
|
+
CustomerSignUpMutationContext.mutate(temppayloadobj);
|
|
4231
|
+
} else {
|
|
4232
|
+
NotificationManager.warning('', lang.completerequiredfields);
|
|
4233
|
+
}
|
|
4234
|
+
} else {
|
|
4235
|
+
NotificationManager.warning('', lang.fillthemissingfields);
|
|
4236
|
+
}
|
|
4237
|
+
}
|
|
4238
|
+
}, CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(CircularProgress, {
|
|
4239
|
+
color: "#fff",
|
|
4240
|
+
width: "20px",
|
|
4241
|
+
height: "20px",
|
|
4242
|
+
duration: "1s"
|
|
4243
|
+
}), !CustomerSignUpMutationContext.isLoading && /*#__PURE__*/React.createElement(React.Fragment, null, authdetailsContext.loggedin != true && /*#__PURE__*/React.createElement("span", {
|
|
4244
|
+
style: {
|
|
4245
|
+
letterSpacing: langdetect == 'en' ? '1px' : ''
|
|
4246
|
+
}
|
|
4247
|
+
}, lang.signup), authdetailsContext.loggedin == true && /*#__PURE__*/React.createElement("span", {
|
|
4248
|
+
style: {
|
|
4249
|
+
letterSpacing: langdetect == 'en' ? '1px' : ''
|
|
4250
|
+
}
|
|
4251
|
+
}, lang.update)))), props.srcfromprops == 'signup' && /*#__PURE__*/React.createElement("div", {
|
|
4252
|
+
className: "row m-0 w-100"
|
|
4253
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4254
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex d-md-none align-items-center justify-content-center mb-2"
|
|
4255
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4256
|
+
className: "ml-1 mr-1"
|
|
4257
|
+
}, /*#__PURE__*/React.createElement(FacebookLoginButton, {
|
|
4258
|
+
actions: actions
|
|
4259
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
4260
|
+
className: "ml-1 mr-1"
|
|
4261
|
+
}, /*#__PURE__*/React.createElement(GoogleLoginButton, {
|
|
4262
|
+
actions: actions
|
|
4263
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
4264
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-none d-md-flex align-items-center justify-content-center mb-2"
|
|
4265
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4266
|
+
className: "ml-1 mr-1"
|
|
4267
|
+
}, /*#__PURE__*/React.createElement(FacebookLoginButton, {
|
|
4268
|
+
actions: actions
|
|
4269
|
+
}))), /*#__PURE__*/React.createElement("div", {
|
|
4270
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-none d-md-flex align-items-center justify-content-center mb-2"
|
|
4271
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4272
|
+
className: "ml-1 mr-1"
|
|
4273
|
+
}, /*#__PURE__*/React.createElement(GoogleLoginButton, {
|
|
4274
|
+
actions: actions
|
|
4275
|
+
})))));
|
|
4276
|
+
};
|
|
4277
|
+
|
|
4278
|
+
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; }
|
|
4279
|
+
|
|
4280
|
+
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(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; }
|
|
4281
|
+
|
|
4282
|
+
var Signup = function Signup(props) {
|
|
4283
|
+
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
4284
|
+
var CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
|
|
4285
|
+
var routingcountext = props.actions.routingcountext;
|
|
4286
|
+
var StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
4287
|
+
var SocialLoginMutationContext = props.actions.SocialLoginMutationContext;
|
|
4288
|
+
var lang = props.actions.lang;
|
|
4289
|
+
var langdetect = props.actions.langdetect;
|
|
4290
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
4291
|
+
var authdetailsContext = props.actions.authdetailsContext;
|
|
4292
|
+
var actions = props.actions;
|
|
4293
|
+
|
|
4294
|
+
var _useState = useState(''),
|
|
4295
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
4296
|
+
CurrentPageId = _useState2[0],
|
|
4297
|
+
setCurrentPageId = _useState2[1];
|
|
4298
|
+
|
|
4299
|
+
var _useState3 = useState(''),
|
|
4300
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
4301
|
+
sectionproperties = _useState4[0],
|
|
4302
|
+
setsectionproperties = _useState4[1];
|
|
4303
|
+
|
|
4304
|
+
useEffect(function () {
|
|
4305
|
+
if (authdetailsContext.loggedin) {
|
|
4306
|
+
routingcountext('');
|
|
4307
|
+
}
|
|
4308
|
+
}, []);
|
|
4309
|
+
useEffect(function () {
|
|
4310
|
+
var cartindex = templatepropcontext === null || templatepropcontext === void 0 ? void 0 : templatepropcontext.pagesnprop.findIndex(function (x) {
|
|
4311
|
+
return x.staticpageid == '6218bccb7f4f7';
|
|
4312
|
+
});
|
|
4313
|
+
|
|
4314
|
+
if (cartindex >= 0) {
|
|
4315
|
+
setCurrentPageId(cartindex);
|
|
4316
|
+
}
|
|
4317
|
+
}, []);
|
|
4318
|
+
useEffect(function () {
|
|
4319
|
+
var _templatepropcontext$, _templatepropcontext$2;
|
|
4320
|
+
|
|
4321
|
+
var secpropobj = {};
|
|
4322
|
+
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) {
|
|
4323
|
+
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
4324
|
+
});
|
|
4325
|
+
setsectionproperties(_objectSpread$13({}, secpropobj));
|
|
4326
|
+
}, [CurrentPageId]);
|
|
4327
|
+
useEffect(function () {
|
|
4328
|
+
if (CurrentSrcTypeContext == 'workplace') {
|
|
4329
|
+
if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
|
|
4330
|
+
var _StatePagePropertiesC, _StatePagePropertiesC2;
|
|
4331
|
+
|
|
4332
|
+
var secpropobj = {};
|
|
4333
|
+
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) {
|
|
4334
|
+
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
4335
|
+
});
|
|
4336
|
+
setsectionproperties(_objectSpread$13({}, secpropobj));
|
|
4337
|
+
}
|
|
4338
|
+
}
|
|
4339
|
+
}, [StatePagePropertiesContext]);
|
|
4340
|
+
var loginstyles2 = {
|
|
4341
|
+
loginbtn: css({
|
|
4342
|
+
color: sectionproperties.login_btn_color,
|
|
4343
|
+
fontSize: sectionproperties.login_btn_fontSize + 'px',
|
|
4344
|
+
textTransform: sectionproperties.login_btn_texttransform,
|
|
4345
|
+
fontWeight: sectionproperties.login_btn_fontweight,
|
|
4346
|
+
textDecoration: 'underline',
|
|
4347
|
+
transition: '.3s',
|
|
4348
|
+
':hover': {
|
|
4349
|
+
color: sectionproperties.login_btn_coloronhover
|
|
4350
|
+
}
|
|
4351
|
+
}),
|
|
4352
|
+
logininputLabel: css({
|
|
4353
|
+
color: sectionproperties.form_labelcolor,
|
|
4354
|
+
textTransform: sectionproperties.form_labeltexttransform,
|
|
4355
|
+
fontWeight: sectionproperties.form_labelfontweight,
|
|
4356
|
+
fontSize: sectionproperties.form_labelfontsize + 'px'
|
|
4357
|
+
}),
|
|
4358
|
+
signupbtn: css({
|
|
4359
|
+
background: sectionproperties.signup_btnbgcolortransparent == 'Transparent' ? 'transparent' : sectionproperties.signup_btnbgcolor,
|
|
4360
|
+
width: sectionproperties.signup_btn_width + 'px',
|
|
4361
|
+
height: sectionproperties.signup_btn_height + 'px',
|
|
4362
|
+
borderRadius: sectionproperties.signup_btn_borderBottomLeftRadius + 'px',
|
|
4363
|
+
color: sectionproperties.signup_btn_color,
|
|
4364
|
+
fontSize: sectionproperties.signup_btn_fontSize + 'px',
|
|
4365
|
+
textTransform: sectionproperties.signup_btn_texttransform,
|
|
4366
|
+
fontWeight: sectionproperties.signup_btn_fontweight,
|
|
4367
|
+
boxShadow: sectionproperties.signup_btn_showshadow == 'Show' ? '0 0 10px ' + sectionproperties.signup_btn_shadowcolor : '',
|
|
4368
|
+
border: sectionproperties.signup_btn_borderwidth + 'px solid ' + sectionproperties.signup_btn_bordercolor,
|
|
4369
|
+
opacity: sectionproperties.signup_btn_opacity,
|
|
4370
|
+
transition: '.3s',
|
|
4371
|
+
':hover': {
|
|
4372
|
+
color: sectionproperties.signup_btn_coloronhover,
|
|
4373
|
+
background: sectionproperties.signup_btnbgcoloroonhover,
|
|
4374
|
+
opacity: sectionproperties.signup_btn_opacityonhover
|
|
4375
|
+
}
|
|
4376
|
+
}),
|
|
4377
|
+
form_control: css({
|
|
4378
|
+
backgroundImage: 'linear-gradient(to top, #eac435 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px)'
|
|
4379
|
+
})
|
|
4380
|
+
};
|
|
4381
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4382
|
+
className: "col-lg-12 d-flex align-items-center justify-content-center pt-3 pb-3 pt-md-3 "
|
|
4383
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4384
|
+
className: 'row m-0 w-100 pl-3 pr-3 d-flex align-items-center justify-content-center pl-md-3 pr-md-3 p-sm-0'
|
|
4385
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4386
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center"
|
|
4387
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4388
|
+
className: "m-0 p-0",
|
|
4389
|
+
style: {
|
|
4390
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4391
|
+
color: sectionproperties.sectionTitleColor,
|
|
4392
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4393
|
+
}
|
|
4394
|
+
}, langdetect == 'en' ? sectionproperties.sectionTitleContent : sectionproperties.sectionTitleContent_ar)), /*#__PURE__*/React.createElement("div", {
|
|
4395
|
+
className: "row m-0 w-100 mb-2"
|
|
4396
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4397
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center mb-md-2"
|
|
4398
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4399
|
+
className: "m-0 p-0",
|
|
4400
|
+
style: {
|
|
4401
|
+
color: sectionproperties.formRightTextColor1,
|
|
4402
|
+
fontSize: sectionproperties.formRightTextFontSize1 + 'px',
|
|
4403
|
+
fontWeight: sectionproperties.formRightTextFontWeight1
|
|
4404
|
+
}
|
|
4405
|
+
}, langdetect == 'en' ? sectionproperties.formRightText1 : sectionproperties.formRightText1_ar), /*#__PURE__*/React.createElement("p", {
|
|
4406
|
+
className: "".concat(loginstyles2.loginbtn, " ") + ' ml-2 mr-2 mb-0 p-0 cursor-pointer ',
|
|
4407
|
+
onClick: function onClick() {
|
|
4408
|
+
routingcountext(StaticPagesLinksContext.Login);
|
|
4409
|
+
}
|
|
4410
|
+
}, lang.login))), /*#__PURE__*/React.createElement("div", {
|
|
4411
|
+
className: "col-lg-12 p-sm-0"
|
|
4412
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4413
|
+
className: "".concat(generalstyles.card) + ' p-0 ml-3 mr-3 m-md-0 '
|
|
4414
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4415
|
+
className: " row m-0 w-100 "
|
|
4416
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4417
|
+
className: "col-lg-12 col-md-12 col-sm-12 pt-4 pb-4 d-flex align-items-stretch",
|
|
4418
|
+
style: {
|
|
4419
|
+
background: sectionproperties.formLeftbgColor,
|
|
4420
|
+
borderTopRightRadius: sectionproperties.formLeft_bordertoprightradius + 'px',
|
|
4421
|
+
borderTopLeftRadius: sectionproperties.formLeft_bordertopleftradius + 'px',
|
|
4422
|
+
borderBottomRightRadius: sectionproperties.formLeft_borderbottomrightadius + 'px',
|
|
4423
|
+
borderBottomLeftRadius: sectionproperties.formLeft_borderbottomleftadius + 'px'
|
|
4424
|
+
}
|
|
4425
|
+
}, !SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement(CustomerInformationForm, {
|
|
4426
|
+
formtype: "add",
|
|
4427
|
+
sectionpropertiesprops: sectionproperties,
|
|
4428
|
+
srcfromprops: 'signup',
|
|
4429
|
+
actions: actions
|
|
4430
|
+
}), SocialLoginMutationContext.isLoading && /*#__PURE__*/React.createElement("div", {
|
|
4431
|
+
className: "w-100 d-flex m-auto mx-auto justify-content-center align-items-center"
|
|
4432
|
+
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
4433
|
+
color: "black",
|
|
4434
|
+
width: "40px",
|
|
4435
|
+
height: "40px",
|
|
4436
|
+
duration: "1s"
|
|
4437
|
+
}))))))));
|
|
4438
|
+
};
|
|
4439
|
+
|
|
4440
|
+
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; }
|
|
4441
|
+
|
|
4442
|
+
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(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; }
|
|
4443
|
+
|
|
4444
|
+
var AccountInformation = function AccountInformation(props) {
|
|
4445
|
+
var _bgimagesarray$, _bgimagesarray$2;
|
|
4446
|
+
|
|
4447
|
+
var lang = props.actions.lang;
|
|
4448
|
+
var langdetect = props.actions.langdetect;
|
|
4449
|
+
var templatepropcontext = props.actions.templatepropcontext;
|
|
4450
|
+
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
4451
|
+
var navigationstyle = props.actions.navigationstyle;
|
|
4452
|
+
var actions = props.actions;
|
|
4453
|
+
useEffect(function () {
|
|
4454
|
+
if (Object.keys(StatePagePropertiesContext).length != 0) {
|
|
4455
|
+
var _StatePagePropertiesC, _StatePagePropertiesC2;
|
|
4456
|
+
|
|
4457
|
+
var secpropobj = {};
|
|
4458
|
+
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) {
|
|
4459
|
+
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
4460
|
+
});
|
|
4461
|
+
setsectionproperties(_objectSpread$12({}, secpropobj));
|
|
4462
|
+
}
|
|
4463
|
+
}, [StatePagePropertiesContext]);
|
|
4464
|
+
|
|
4465
|
+
var _useState = useState(''),
|
|
4466
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
4467
|
+
CurrentPageId = _useState2[0],
|
|
4468
|
+
setCurrentPageId = _useState2[1];
|
|
4469
|
+
|
|
4470
|
+
var _useState3 = useState(''),
|
|
4471
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
4472
|
+
sectionproperties = _useState4[0],
|
|
4473
|
+
setsectionproperties = _useState4[1];
|
|
4474
|
+
|
|
4475
|
+
useEffect(function () {
|
|
4476
|
+
var cartindex = templatepropcontext.pagesnprop.findIndex(function (x) {
|
|
4477
|
+
return x.staticpageid == '6218bccb83d53';
|
|
4478
|
+
});
|
|
4479
|
+
|
|
4480
|
+
if (cartindex >= 0) {
|
|
4481
|
+
setCurrentPageId(cartindex);
|
|
4482
|
+
}
|
|
4483
|
+
}, []);
|
|
4484
|
+
useEffect(function () {
|
|
4485
|
+
var _templatepropcontext$, _templatepropcontext$2;
|
|
4486
|
+
|
|
4487
|
+
var secpropobj = {};
|
|
4488
|
+
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) {
|
|
4489
|
+
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
4490
|
+
});
|
|
4491
|
+
setsectionproperties(_objectSpread$12({}, secpropobj));
|
|
4492
|
+
}, [CurrentPageId]);
|
|
4493
|
+
var accountinfo_cssstyles = {
|
|
4494
|
+
sectiontitlespan: css({
|
|
4495
|
+
':after': {
|
|
4496
|
+
width: sectionproperties.sectitle_lineafterwidth + '%',
|
|
4497
|
+
backgroundColor: sectionproperties.linebgcolor
|
|
4498
|
+
}
|
|
4499
|
+
}),
|
|
4500
|
+
sectiontitlespan2: css({
|
|
4501
|
+
':after': {
|
|
4502
|
+
width: sectionproperties.sectitle_lineafterwidth + 'px',
|
|
4503
|
+
height: '100%',
|
|
4504
|
+
backgroundColor: sectionproperties.linebgcolor
|
|
4505
|
+
}
|
|
4506
|
+
})
|
|
4507
|
+
};
|
|
4508
|
+
|
|
4509
|
+
var _useState5 = useState([]),
|
|
4510
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
4511
|
+
bgimagesarray = _useState6[0],
|
|
4512
|
+
setbgimagesarray = _useState6[1];
|
|
4513
|
+
|
|
4514
|
+
useEffect(function () {
|
|
4515
|
+
if (sectionproperties.length != 0) {
|
|
4516
|
+
if (sectionproperties.arrayofobjectimagesonly != null) {
|
|
4517
|
+
var arrayofobjectimagesonlyparsed = JSON.parse(sectionproperties.arrayofobjectimagesonly);
|
|
4518
|
+
|
|
4519
|
+
if (Array.isArray(arrayofobjectimagesonlyparsed)) {
|
|
4520
|
+
setbgimagesarray(_toConsumableArray(arrayofobjectimagesonlyparsed));
|
|
4521
|
+
}
|
|
4522
|
+
}
|
|
4523
|
+
}
|
|
4524
|
+
}, [sectionproperties]);
|
|
4525
|
+
return /*#__PURE__*/React.createElement("div", {
|
|
4526
|
+
className: 'row ml-0 mr-0 w-100'
|
|
4527
|
+
}, sectionproperties.showbgimage == 'Show' && /*#__PURE__*/React.createElement("div", {
|
|
4528
|
+
className: "col-lg-12 p-0 d-flex justify-content-center"
|
|
4529
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4530
|
+
style: {
|
|
4531
|
+
width: sectionproperties.image_width + 'vw',
|
|
4532
|
+
height: sectionproperties.image_height + 'vh',
|
|
4533
|
+
marginBottom: sectionproperties.image_mb + 'px',
|
|
4534
|
+
position: 'relative'
|
|
4535
|
+
}
|
|
4536
|
+
}, /*#__PURE__*/React.createElement(IKImage, {
|
|
4537
|
+
urlEndpoint: IKurlEndpoint,
|
|
4538
|
+
publicKey: IKpublicKey,
|
|
4539
|
+
path: bgimagesarray.length != 0 ? langdetect == 'en' ? '/tr:w-3500,h-650/' + ((_bgimagesarray$ = bgimagesarray[0]) === null || _bgimagesarray$ === void 0 ? void 0 : _bgimagesarray$.bgsection_image) : '/tr:w-3500,h-650/' + ((_bgimagesarray$2 = bgimagesarray[0]) === null || _bgimagesarray$2 === void 0 ? void 0 : _bgimagesarray$2.bgsection_image_ar) : '',
|
|
4540
|
+
style: {
|
|
4541
|
+
height: '100%',
|
|
4542
|
+
width: '100%',
|
|
4543
|
+
// objectFit: 'cover',
|
|
4544
|
+
margin: 0,
|
|
4545
|
+
padding: 0,
|
|
4546
|
+
background: sectionproperties.image_bgcolor,
|
|
4547
|
+
borderTopLeftRadius: sectionproperties.image_bordertopleftradius + 'px',
|
|
4548
|
+
borderTopRightRadius: sectionproperties.image_bordertoprightradius + 'px',
|
|
4549
|
+
borderBottomLeftRadius: sectionproperties.image_borderBottomLeftRadius + 'px',
|
|
4550
|
+
borderBottomRightRadius: sectionproperties.image_borderBottomRightRadius + 'px' // zIndex: -1,
|
|
4551
|
+
// transform: langdetect == 'en' ? 'scaleX(1)' : 'scaleX(-1)',
|
|
4552
|
+
|
|
4553
|
+
}
|
|
4554
|
+
}), /*#__PURE__*/React.createElement("div", {
|
|
4555
|
+
className: ' col-lg-12 p-0 w-100 d-flex align-items-center justify-content-center ',
|
|
4556
|
+
style: {
|
|
4557
|
+
position: 'absolute',
|
|
4558
|
+
top: 0,
|
|
4559
|
+
right: 0,
|
|
4560
|
+
bottom: 0,
|
|
4561
|
+
left: 0
|
|
4562
|
+
}
|
|
4563
|
+
}, /*#__PURE__*/React.createElement("p", {
|
|
4564
|
+
className: ' m-0 p-0 ',
|
|
4565
|
+
style: {
|
|
4566
|
+
fontSize: sectionproperties.imagetextfontsize + 'px',
|
|
4567
|
+
color: sectionproperties.imagetextcolor,
|
|
4568
|
+
textTransform: sectionproperties.imagetexttextTransform,
|
|
4569
|
+
fontWeight: sectionproperties.imagetextfontWeight
|
|
4570
|
+
}
|
|
4571
|
+
}, lang.accountinformation)))), /*#__PURE__*/React.createElement("div", {
|
|
4572
|
+
className: "col-lg-12 p-0"
|
|
4573
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4574
|
+
className: "row m-0 w-100 pl-md-3 pr-md-3 pl-sm-2 pr-sm-2",
|
|
4575
|
+
style: {
|
|
4576
|
+
marginTop: sectionproperties.marginTop + 'px',
|
|
4577
|
+
marginBottom: sectionproperties.marginBottom + 'px',
|
|
4578
|
+
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
4579
|
+
paddingRight: sectionproperties.paddingRight + 'px',
|
|
4580
|
+
paddingTop: sectionproperties.paddingTop + 'px',
|
|
4581
|
+
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
4582
|
+
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
4583
|
+
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
4584
|
+
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
4585
|
+
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px',
|
|
4586
|
+
borderColor: sectionproperties.sectioncardbordercolor,
|
|
4587
|
+
border: sectionproperties.sectioncardborderwidth + 'px solid'
|
|
4588
|
+
}
|
|
4589
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4590
|
+
className: navigationstyle == 'Side Navigation' ? langdetect == 'en' ? 'col-lg-3 pl-0 mb-md-3 p-md-0' : 'col-lg-3 pr-0 mb-md-3 p-md-0' : 'col-lg-12 p-0'
|
|
4591
|
+
}, /*#__PURE__*/React.createElement(Staticpagesrouter, {
|
|
4592
|
+
currentpageprops: 'accountinfo',
|
|
4593
|
+
actions: actions
|
|
4594
|
+
})), /*#__PURE__*/React.createElement("div", {
|
|
4595
|
+
className: navigationstyle == 'Side Navigation' ? 'col-lg-9 p-0' : 'col-lg-12 p-0'
|
|
4596
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4597
|
+
className: "row m-0 w-100"
|
|
4598
|
+
}, navigationstyle == 'Side Navigation' && /*#__PURE__*/React.createElement("div", {
|
|
4599
|
+
className: "row m-0 w-100"
|
|
4600
|
+
}, sectionproperties.sectiontitlestyle == 'Line Under Text' && /*#__PURE__*/React.createElement("div", {
|
|
4601
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0"
|
|
4602
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4603
|
+
className: "".concat(generalstyles.sectiontitlecont) + ' d-flex align-items-center '
|
|
4604
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4605
|
+
className: ' col-lg-12 d-flex align-items-center p-0 ',
|
|
4606
|
+
style: {
|
|
4607
|
+
justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : '',
|
|
4608
|
+
marginTop: sectionproperties.sectionTitleMarginTop + 'px',
|
|
4609
|
+
marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
|
|
4610
|
+
marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
|
|
4611
|
+
marginRight: sectionproperties.sectionTitleMarginRight + 'px'
|
|
4612
|
+
}
|
|
4613
|
+
}, /*#__PURE__*/React.createElement("span", {
|
|
4614
|
+
className: "".concat(accountinfo_cssstyles.sectiontitlespan),
|
|
4615
|
+
style: {
|
|
4616
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4617
|
+
color: sectionproperties.sectionTitleColor,
|
|
4618
|
+
textTransform: sectionproperties.sectionTitleTextTransform,
|
|
4619
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4620
|
+
}
|
|
4621
|
+
}, langdetect == 'en' ? 'Account Information' : 'البيانات الخاصة')))), sectionproperties.sectiontitlestyle == 'Line Before Text' && /*#__PURE__*/React.createElement("div", {
|
|
4622
|
+
className: "col-lg-12 col-md-12 col-sm-12 d-flex align-items-center p-0",
|
|
4623
|
+
style: {
|
|
4624
|
+
justifyContent: sectionproperties.sectiontitleposition == 'Centered' ? 'center' : ''
|
|
4625
|
+
}
|
|
4626
|
+
}, /*#__PURE__*/React.createElement("div", {
|
|
4627
|
+
className: "".concat(generalstyles.sectiontitlecont2),
|
|
4628
|
+
style: {
|
|
4629
|
+
marginTop: sectionproperties.sectionTitleMarginTop + 'px',
|
|
4630
|
+
marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
|
|
4631
|
+
marginLeft: sectionproperties.sectionTitleMarginLeft + 'px',
|
|
4632
|
+
marginRight: sectionproperties.sectionTitleMarginRight + 'px'
|
|
4633
|
+
}
|
|
4634
|
+
}, langdetect == 'en' && /*#__PURE__*/React.createElement("span", {
|
|
4635
|
+
className: "".concat(accountinfo_cssstyles.sectiontitlespan2) + ' pl-3 ',
|
|
4636
|
+
style: {
|
|
4637
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4638
|
+
color: sectionproperties.sectionTitleColor,
|
|
4639
|
+
textTransform: sectionproperties.sectionTitleTextTransform,
|
|
4640
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4641
|
+
}
|
|
4642
|
+
}, "Account", /*#__PURE__*/React.createElement("br", null), " Information:"), langdetect == 'ar' && /*#__PURE__*/React.createElement("span", {
|
|
4643
|
+
className: "".concat(accountinfo_cssstyles.sectiontitlespan2) + ' pl-3 ',
|
|
4644
|
+
style: {
|
|
4645
|
+
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
4646
|
+
color: sectionproperties.sectionTitleColor,
|
|
4647
|
+
textTransform: sectionproperties.sectionTitleTextTransform,
|
|
4648
|
+
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
4649
|
+
}
|
|
4650
|
+
}, "\u0627\u0644\u0628\u064A\u0627\u0646\u0627\u062A \u0627\u0644\u0634\u062E\u0635\u064A\u0629:")))), /*#__PURE__*/React.createElement("div", {
|
|
4651
|
+
className: 'col-lg-12 p-0'
|
|
4652
|
+
}, /*#__PURE__*/React.createElement(CustomerInformationForm, {
|
|
4653
|
+
formtype: "edit",
|
|
4654
|
+
srcfromprops: "accountinfo",
|
|
4655
|
+
sectionpropertiesprops: sectionproperties,
|
|
4656
|
+
actions: actions
|
|
4657
|
+
})))))), StatePagePropertiesContext.pageobj.sections.length != 0 && /*#__PURE__*/React.createElement("div", {
|
|
4658
|
+
className: "col-lg-12 d-flex align-items-center justify-content-center p-0 "
|
|
4659
|
+
}));
|
|
4660
|
+
};
|
|
4661
|
+
|
|
3576
4662
|
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";
|
|
3577
4663
|
var tabstyles = {"tabs":"tabs-module_tabs__36dMY","tabsul":"tabs-module_tabsul__wNZqy","tabsli":"tabs-module_tabsli__-uR10","active":"tabs-module_active__6wLfI","policiestabs":"tabs-module_policiestabs__nopXD"};
|
|
3578
4664
|
styleInject(css_248z$s);
|
|
@@ -25353,12 +26439,12 @@ var returnLibrary = function returnLibrary() {
|
|
|
25353
26439
|
LanguageProvider: LanguageProvider,
|
|
25354
26440
|
AwesomeButton: AwesomeButton,
|
|
25355
26441
|
Checkout: Checkout,
|
|
25356
|
-
|
|
26442
|
+
Signup: Signup,
|
|
25357
26443
|
// Productinfo: Productinfo,
|
|
25358
26444
|
Ordershistory: Ordershistory,
|
|
25359
26445
|
Wishlist: Wishlist,
|
|
25360
26446
|
Login: Login,
|
|
25361
|
-
|
|
26447
|
+
AccountInformation: AccountInformation,
|
|
25362
26448
|
Policies: Policies,
|
|
25363
26449
|
CartSlider: CartSlider,
|
|
25364
26450
|
Header8: Header8,
|