tabexseriescomponents 0.0.40 → 0.0.41
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.cjs.js +699 -1183
- package/dist/index.esm.js +701 -1183
- package/dist/index.umd.js +703 -1184
- package/package.json +1 -1
package/dist/index.esm.js
CHANGED
|
@@ -19,16 +19,13 @@ import _toConsumableArray from '@babel/runtime/helpers/toConsumableArray';
|
|
|
19
19
|
import { Offcanvas } from 'react-bootstrap';
|
|
20
20
|
import { IoLocationSharp, IoBagHandleOutline, IoClose } from 'react-icons/io5';
|
|
21
21
|
import { IKImage } from 'imagekitio-react';
|
|
22
|
-
import { HiOutlineChevronRight, HiOutlineChevronLeft, HiOutlineTrash,
|
|
22
|
+
import { HiOutlineChevronRight, HiOutlineChevronLeft, HiOutlineTrash, HiOutlinePlus, HiMenuAlt4, HiOutlineClock } from 'react-icons/hi';
|
|
23
23
|
import { GoGlobe, GoSearch, GoLocation } from 'react-icons/go';
|
|
24
|
-
import { BsGlobe2, BsBag,
|
|
24
|
+
import { BsGlobe2, BsBag, BsFillArrowRightCircleFill, BsFillArrowLeftCircleFill, BsHandbag, BsTelephone, BsSearch, BsCartCheck, BsInfoCircle, BsWhatsapp } from 'react-icons/bs';
|
|
25
25
|
import { FiShoppingCart, FiShoppingBag, FiFilter, FiUser, FiSearch } from 'react-icons/fi';
|
|
26
26
|
import { MdOutlinePolicy, MdOutlineShoppingCart, MdOutlineLayersClear, MdKeyboardArrowDown, MdAlternateEmail, MdLocationOn, MdLocationPin } from 'react-icons/md';
|
|
27
27
|
import { IoMdClose, IoIosArrowRoundForward, IoIosArrowRoundBack, IoIosArrowUp } from 'react-icons/io';
|
|
28
28
|
import { CgShoppingBag, CgMenuLeft, CgMenuRight } from 'react-icons/cg';
|
|
29
|
-
import TextareaAutosize from 'react-textarea-autosize';
|
|
30
|
-
import Select from 'react-select';
|
|
31
|
-
import { GrMail } from 'react-icons/gr';
|
|
32
29
|
import { Accordion, AccordionItem, AccordionItemHeading, AccordionItemButton, AccordionItemState, AccordionItemPanel } from 'react-accessible-accordion';
|
|
33
30
|
import Dropdown from 'react-bootstrap/Dropdown';
|
|
34
31
|
import { useInView } from 'react-intersection-observer';
|
|
@@ -378,9 +375,9 @@ function styleInject(css, ref) {
|
|
|
378
375
|
}
|
|
379
376
|
}
|
|
380
377
|
|
|
381
|
-
var css_248z$
|
|
378
|
+
var css_248z$w = ".login-module_login_input_icon__hETpJ {\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 10px;\n left: 0;\n padding-left: 15px;\n pointer-events: none;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n}\n.login-module_login_input_icontrans__8whFD{\n font-size: 15px;\n color: #999999;\n display: -webkit-box;\n display: -webkit-flex;\n display: -moz-box;\n display: -ms-flexbox;\n display: flex;\n align-items: center;\n position: absolute;\n border-radius: 25px;\n bottom: 10px;\n right: 5;\n pointer-events: none;\n -webkit-transition: all 0.4s;\n -o-transition: all 0.4s;\n -moz-transition: all 0.4s;\n transition: all 0.4s;\n\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icontrans__8whFD {\n padding-right: 10px;\n}\n\n@media screen and (max-width: 500px) {\n .login-module_form_control__-41tV {\n /* padding: 0 5px !important; */\n }\n .login-module_login_input_icon__hETpJ {\n padding-left: 0 !important;\n }\n .login-module_rightContainer__Nt9tD {\n border-radius: 0 0 15px 15px !important;\n }\n .login-module_leftcontainer__Rlat- {\n border-radius: 15px 15px 0 0 !important;\n }\n}\n.login-module_form_control__-41tV:focus {\n -webkit-animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n animation: login-module_anim-shadow__4SiKH 0.5s ease-in-out forwards;\n}\n.login-module_form_control__-41tV:focus + .login-module_login_input_icon__hETpJ {\n padding-left: 20px;\n}\n\n/* Forms */\n.login-module_form_control__-41tV {\n display: block;\n width: 100%;\n height: 35px;\n font-size: 1rem;\n color: var(--cardtitle);\n background: no-repeat center bottom, center calc(100% - 1px);\n background-size: 0 100%, 100% 100%;\n background-clip: padding-box;\n padding-left: 0;\n padding-right: 0;\n font-size: 14px;\n transition: background 0s ease-out;\n border: 0;\n padding: 0 30px;\n font-weight: 600;\n display: flex;\n align-items: center;\n position: relative;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .login-module_form_control__-41tV {\n transition: none;\n }\n}\n.login-module_form_control__-41tV::-ms-expand {\n background-color: transparent;\n border: 0;\n}\n.login-module_form_control__-41tV:focus {\n outline: 0;\n}\n.login-module_form_control__-41tV::placeholder {\n color: #eac435;\n opacity: 1;\n}\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[readonly] {\n background-color: #e9ecef;\n opacity: 1;\n cursor: not-allowed;\n}\ntextarea.login-module_form_control__-41tV {\n height: auto;\n}\n.login-module_form_control__-41tV:focus {\n background-size: 100% 100%, 100% 100%;\n transition-duration: 0.3s;\n box-shadow: none;\n}\n.login-module_form_control__-41tV::-moz-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV:-ms-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV::-webkit-input-placeholder {\n color: #aaaaaa;\n font-weight: 400;\n font-size: 14px;\n}\n.login-module_form_control__-41tV {\n background-image: linear-gradient(to top, #000 2px, rgba(156, 39, 176, 0) 2px), linear-gradient(to top, #d2d2d2 1px, rgba(210, 210, 210, 0) 1px);\n}\n.login-module_form_control_border_none__dkr-m {\n background-image: none;\n}\n.login-module_form_control__-41tV.login-module_disabled__fUlAg,\n.login-module_form_control__-41tV:disabled,\n.login-module_form_control__-41tV[disabled] {\n background-image: linear-gradient(to right, #d2d2d2 0%, #d2d2d2 30%, transparent 30%, transparent 100%);\n background-repeat: repeat-x;\n background-size: 3px 1px;\n cursor: not-allowed;\n}\n";
|
|
382
379
|
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"};
|
|
383
|
-
styleInject(css_248z$
|
|
380
|
+
styleInject(css_248z$w);
|
|
384
381
|
|
|
385
382
|
var GoogleLoginButton = function GoogleLoginButton(props) {
|
|
386
383
|
var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
|
|
@@ -410,9 +407,9 @@ var GoogleLoginButton = function GoogleLoginButton(props) {
|
|
|
410
407
|
})))));
|
|
411
408
|
};
|
|
412
409
|
|
|
413
|
-
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";
|
|
410
|
+
var css_248z$v = "@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');\n:root {\n --cimon: #f76566;\n --primary: #022648; /* rgba (2,38,72) */\n --secondary: #eac435;\n --success: #2f9d64;\n --successhover: #1d623f;\n --info: #16aaff; /*rgb(22, 170, 255)*/\n --infohover: #0071b3; /*rgb(0, 113, 179)*/\n --danger: #d92550; /* rgb(217, 37, 80) */\n --dangerhover: #991a37; /* rgb(153, 26, 55) */\n --fav: #ff1a75; /* rgb(255, 26, 117) */\n --favhover: #cc0052; /* rgb(204, 0, 82) */\n --light: #999999;\n --light2: #808080;\n --dark: #454d54;\n --darkhover: #343a40;\n --focus: #444054;\n --cardtitle: rgba(13, 27, 62, 0.7);\n --cardheader: #008eb3;\n --cardHeaderHover: #007a99;\n --darkblue: #0000b3;\n --orange: #ff6600;\n}\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\nhtml {\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n font-family: 'Poppins', sans-serif;\n line-height: 1.15;\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\nbody {\n margin: 0;\n font-family: 'Poppins', sans-serif;\n font-size: 0.88rem;\n font-weight: 400;\n line-height: 1.5;\n /* color: #022648; */\n text-align: left;\n background: #fff;\n overflow-x: hidden;\n width: 100vw;\n height: 100vh;\n top: 0;\n left: 0;\n}\nbody::-webkit-scrollbar {\n width: 5px;\n}\nbody::-webkit-scrollbar-track {\n box-shadow: inset 0 0 5px grey;\n border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb {\n background: #022648;\n border-radius: 10px;\n}\nbody::-webkit-scrollbar-thumb:hover {\n background: #eac435;\n}\n.general-module_shadow_bottom__YcJR3 {\n box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);\n transition: 0.3s;\n}\n.general-module_shadow_bottom__YcJR3:hover {\n box-shadow: 0px 9px 20px rgba(75, 72, 72, 0.3);\n}\n.general-module_overflowY_scroll__m5upZ {\n overflow-y: scroll;\n}\n\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar {\n width: 5px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-track {\n /* box-shadow: inset 0 0 5px grey; */\n border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb {\n background: #4d4d4d;\n border-radius: 10px;\n}\n.general-module_sub_scrollbar__mpHTI::-webkit-scrollbar-thumb:hover {\n background: #999999;\n}\n/* badges */\n.general-module_badge__GTiMs {\n display: inline-block;\n padding: 0.25em;\n font-size: 90%;\n font-weight: 700;\n line-height: 1;\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n border-radius: 50%;\n margin-left: -15%;\n width: 3vh;\n height: 3vh;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .general-module_badge__GTiMs {\n transition: none;\n }\n}\n.general-module_badge__GTiMs:empty {\n display: none;\n}\n.general-module_badge_secondary__p6ErJ {\n min-width: 2.5vh;\n height: 2.5vh;\n border-radius: 5px;\n background: #eac435;\n color: white;\n font-size: 12px;\n /* line-height: 3vh; */\n}\na {\n color: #022648;\n text-decoration: none;\n background-color: transparent;\n}\n\n.general-module_divider__WFV-A {\n margin-top: 1rem;\n margin-bottom: 1rem;\n height: 1px;\n overflow: hidden;\n background: #e9ecef;\n}\n.general-module_verical_divider__u5DxE {\n margin-top: 1rem;\n margin-bottom: 1rem;\n height: 40px;\n overflow: hidden;\n background: #e1e6ea;\n width: 1px;\n}\n\n/* Table */\ntable {\n border-collapse: collapse;\n}\nth {\n text-align: inherit;\n}\n.general-module_table__hdcWN {\n width: 100%;\n margin-bottom: 1rem;\n background-color: rgba(0, 0, 0, 0);\n}\n.general-module_table__hdcWN th,\n.general-module_table__hdcWN td {\n padding: 0.55rem;\n border-top: 1px solid #e9ecef;\n}\n.general-module_table__hdcWN th.general-module_mw-200__PaU8G,\n.general-module_table__hdcWN td.general-module_mw-200__PaU8G {\n max-width: 200px;\n}\n.general-module_table__hdcWN thead th {\n vertical-align: bottom;\n border-bottom: 2px solid #e9ecef;\n font-size: 15px;\n}\n.general-module_table__hdcWN td {\n color: var(--focus);\n font-size: 15px;\n}\n.general-module_table_bordered__JKIJp {\n border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp th,\n.general-module_table_bordered__JKIJp td {\n border: 1px solid #e9ecef;\n}\n.general-module_table_bordered__JKIJp thead th,\n.general-module_table_bordered__JKIJp thead td {\n border-bottom-width: 2px;\n}\n.general-module_table_borderless__OF0cl th,\n.general-module_table_borderless__OF0cl td,\n.general-module_table_borderless__OF0cl thead th,\n.general-module_table_borderless__OF0cl tbody + tbody {\n border: 0;\n}\n.general-module_table_striped__wWBA6 tbody tr:nth-of-type(odd) {\n background-color: rgba(0, 0, 0, 0.03);\n}\n.general-module_table_hover__EiJha tbody tr:hover {\n background-color: #e0f3ff;\n}\n.general-module_table_responsive__JPCKF {\n display: block;\n width: 100%;\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n -ms-overflow-style: -ms-autohiding-scrollbar;\n}\n.general-module_table_responsive__JPCKF > .general-module_table_bordered__JKIJp {\n border: 0;\n}\n.general-module_table_translation__x1Rpf {\n background: rgba(0, 0, 0, 0.1);\n border-radius: 20px;\n padding: 5px;\n font-weight: 500;\n width: 100px;\n /* margin-left: auto;\n margin-right: auto; */\n}\n.general-module_table_translation__x1Rpf i {\n font-size: 20px;\n}\n.general-module_table_icon__EMMDI {\n font-size: 20px;\n transition: 0.3s;\n cursor: pointer;\n}\n.general-module_table_icon__EMMDI:hover {\n color: var(--secondary);\n}\n.general-module_image_table__HqRaH {\n width: 5vh;\n height: 5vh;\n box-shadow: 0 0 10px #ccc;\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n border-radius: 5px;\n}\n.general-module_image_table__HqRaH img {\n max-width: 95%;\n max-height: 95%;\n border-radius: 5px;\n}\n.general-module_shownumber_cont__34Y5j {\n min-width: 3rem;\n background: white;\n box-shadow: 0 0 10px #ccc;\n border: 1px solid #ccc;\n border-radius: 10px;\n cursor: pointer;\n}\n.general-module_card_input_table__vVK0p {\n min-width: 90%;\n height: 35px;\n}\n.general-module_card_input_table__vVK0p imput {\n height: 35px;\n}\n\n/* Buttons */\n.general-module_btn__FAb1b {\n display: inline-block;\n font-weight: 500;\n text-align: center;\n vertical-align: middle;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n background-color: transparent;\n border-radius: 20px;\n height: 35px;\n padding: 0 10px;\n transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;\n font-size: 13px;\n}\n.general-module_btn_rounded__Rkb8o {\n width: 5vh !important;\n height: 5vh !important;\n border-radius: 50% !important;\n}\n@media screen and (prefers-reduced-motion: reduce) {\n .general-module_btn__FAb1b {\n transition: none;\n }\n}\n.general-module_btn__FAb1b:hover {\n text-decoration: none;\n}\n.general-module_btn__FAb1b:focus,\n.general-module_btn__FAb1b.general-module_focus__8-F6p {\n outline: 0;\n box-shadow: none;\n}\n.general-module_btn__FAb1b.general-module_disabled__PRzt-,\n.general-module_btn__FAb1b:disabled {\n opacity: 0.65;\n cursor: not-allowed;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-) {\n cursor: pointer;\n}\na.general-module_btn__FAb1b.general-module_disabled__PRzt- {\n pointer-events: none;\n cursor: not-allowed;\n}\n.general-module_btn_tranparent__GFTRs {\n color: #fff;\n background-color: tranparent;\n border-color: tranparent;\n}\n.general-module_btn_circle__lOyd4 {\n border-radius: 100%;\n width: 35px;\n height: 35px;\n line-height: 20px;\n padding: 10px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n.general-module_btn_white__H0esd {\n color: #fff;\n background-color: #fff;\n border-color: #fff;\n color: var(--primary);\n}\n.general-module_btn_white__H0esd:hover {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_white__H0esd.general-module_disabled__PRzt-,\n.general-module_btn_white__H0esd:disabled {\n color: #fff;\n background-color: #fff;\n border-color: #fff;\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_black__NcqLp {\n color: #fff;\n background-color: #000;\n border-color: #000;\n}\n.general-module_btn_black__NcqLp:hover {\n color: #fff;\n background-color: #595959;\n border-color: #595959;\n}\n.general-module_btn_black__NcqLp.general-module_disabled__PRzt-,\n.general-module_btn_black__NcqLp:disabled {\n color: #fff;\n background-color: #000;\n border-color: #000;\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_primary__C5oTz {\n color: #fff;\n background-color: var(--primary);\n border-color: var(--primary);\n}\n.general-module_btn_primary__C5oTz:hover {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_primary__C5oTz.general-module_disabled__PRzt-,\n.general-module_btn_primary__C5oTz:disabled {\n color: #fff;\n background-color: var(--primary);\n border-color: var(--primary);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_secondary__MbOCN {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n}\n.general-module_btn_secondary__MbOCN:hover {\n color: #fff;\n background-color: #5a6268;\n border-color: #545b62;\n}\n.general-module_btn_secondary__MbOCN.general-module_disabled__PRzt-,\n.general-module_btn_secondary__MbOCN:disabled {\n color: #fff;\n background-color: var(--secondary);\n border-color: var(--secondary);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_success__iV5-t {\n color: #fff;\n background-color: var(--success);\n border-color: var(--success);\n}\n.general-module_btn_success__iV5-t:hover {\n color: #fff;\n background-color: var(--successhover);\n border-color: var(--successhover);\n}\n.general-module_btn_success__iV5-t.general-module_disabled__PRzt-,\n.general-module_btn_success__iV5-t:disabled {\n color: #fff;\n background-color: var(--success);\n border-color: var(--success);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_info__-ClLB {\n color: #fff;\n background-color: var(--info);\n border-color: var(--info);\n}\n.general-module_btn_info__-ClLB:hover {\n color: #fff;\n background-color: var(--infohover);\n border-color: var(--infohover);\n}\n.general-module_btn_info__-ClLB.general-module_disabled__PRzt-,\n.general-module_btn_info__-ClLB:disabled {\n color: #fff;\n background-color: var(--info);\n border-color: var(--info);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_danger__b0QkM {\n color: #fff;\n background-color: var(--danger);\n border-color: var(--danger);\n}\n.general-module_btn_danger__b0QkM:hover {\n color: #fff;\n background-color: var(--dangerhover);\n border-color: var(--dangerhover);\n}\n.general-module_btn_danger__b0QkM.general-module_disabled__PRzt-,\n.general-module_btn_danger__b0QkM:disabled {\n color: #fff;\n background-color: var(--danger);\n border-color: var(--danger);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn_dark__hSWyC {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n}\n.general-module_btn_dark__hSWyC:hover {\n color: #fff;\n background-color: var(--darkhover);\n border-color: var(--darkhover);\n}\n.general-module_btn_dark__hSWyC.general-module_disabled__PRzt-,\n.general-module_btn_dark__hSWyC:disabled {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n cursor: not-allowed;\n opacity: 0.7;\n}\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-):active,\n.general-module_btn__FAb1b:not(:disabled):not(.general-module_disabled__PRzt-).general-module_active__MPpsF {\n color: #fff;\n background-color: #ccc;\n border-color: #ccc;\n}\n.general-module_btn_grey__fGIYU {\n color: #fff;\n background-color: var(--focus);\n border-color: var(--focus);\n}\n.general-module_btn_grey__fGIYU:hover {\n color: #fff;\n background-color: var(--dark);\n border-color: var(--dark);\n}\n.general-module_btn_cardheader__vccWl {\n color: #fff;\n background-color: var(--cardheader);\n border-color: var(--cardheader);\n}\n.general-module_btn_cardheader__vccWl:hover {\n color: #fff;\n background-color: #007a99;\n border-color: #007a99;\n}\n.general-module_btn_cardheader__vccWl.general-module_disabled__PRzt-,\n.general-module_btn_cardheader__vccWl:disabled {\n color: #fff;\n background-color: #005166;\n border-color: #005166;\n cursor: not-allowed;\n opacity: 0.7;\n}\n\n/* Borders */\n.general-module_border_primary__Jqm8o {\n border-color: #022648;\n}\n.general-module_border_secondary__xiHt3 {\n border-color: #eac435;\n}\n.general-module_border_success__kWv6N {\n border-color: var(--success);\n}\n.general-module_border_info__wfOF- {\n border-color: #16aaff;\n}\n.general-module_border_warning__mSIRm {\n border-color: #f7b924;\n}\n.general-module_border_danger__U7veI {\n border-color: #d92550;\n}\n.general-module_border__Pvp44 {\n border: 1px solid #dee2e6 !important;\n}\n.general-module_border_top__0-KRU {\n border-top: 1px solid #dee2e6 !important;\n}\n.general-module_border_right__7QXHH {\n border-right: 1px solid #dee2e6 !important;\n}\n.general-module_border_bottom__Xyy95 {\n border-bottom: 1px solid #dee2e6 !important;\n}\n.general-module_border_left__90qSD {\n border-left: 1px solid #dee2e6 !important;\n}\n.general-module_border_0__YO9qY {\n border: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n border-top: 0 !important;\n}\n.general-module_border_right_0__FaED6 {\n border-right: 0 !important;\n}\n.general-module_border_bottom_0__NZhJm {\n border-bottom: 0 !important;\n}\n.general-module_border_top_0__KFIha {\n border-top: 0 !important;\n}\n.general-module_border_left_0__gjITr {\n border-left: 0 !important;\n}\n/* Inner Content */\n.general-module_app_container__-NNzK {\n display: flex;\n flex-direction: column;\n margin: 0;\n position: relative !important;\n}\n.general-module_app_main__3s9rd {\n z-index: 8;\n position: relative;\n}\n.general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n flex: 1;\n padding: 130px 40px 0;\n}\n.general-module_app_main_inner_headertwo__UkOlN {\n padding: 100px 40px 0 !important;\n}\n.general-module_app_main_inner_headerfour__slUk1 {\n padding: 80px 20px 0 280px !important;\n}\n@media screen and (max-width: 1025px) {\n .general-module_app_main_inner_headerfour__slUk1 {\n padding: 80px 10px !important;\n }\n}\n/* Card */\n.general-module_card__KT-JI {\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n word-wrap: break-word;\n background-color: white !important;\n background-clip: border-box;\n border-radius: 15px;\n padding: 0.5em 0.8em;\n transition: all 0.2s;\n}\n.general-module_card_border_10__M-cl- {\n border-radius: 10px !important;\n}\n/* Responsive */\n@media (max-width: 991.98px) {\n .general-module_app_main__3s9rd {\n display: block;\n }\n .general-module_app_main__3s9rd .general-module_app_main_outer__gNSLc {\n padding-left: 0 !important;\n }\n .general-module_app_main__3s9rd .general-module_app_main_outertranslated__IZRx2 {\n padding-right: 0;\n padding-left: 0;\n }\n}\n@media (max-width: 1025px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 130px 20px 0;\n }\n}\n@media (max-width: 800px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 130px 20px 0 !important;\n }\n}\n\n@media (max-width: 600px) {\n .general-module_app_main__3s9rd .general-module_app_main_inner__OdEv- {\n padding: 70px 20px !important;\n }\n}\n\n/* Pills */\n.general-module_pill__gHCcE {\n min-width: 9vh;\n height: 4vh;\n color: white;\n padding: 0 1%;\n display: flex;\n text-align: center;\n justify-content: center;\n align-items: center;\n border-radius: 20px;\n font-size: 12px;\n}\n.general-module_fadeIn__bUx2u {\n /* opacity: 1; */\n display: block;\n visibility: visible;\n transition: 1s ease-in-out;\n transition-delay: 0s;\n}\n.general-module_fadeOut__R13Fc {\n /* opacity: 0; */\n display: none;\n visibility: hidden;\n transition: 1s ease-in-out;\n}\n.general-module_fadeInButton__1daVD {\n display: block;\n}\n.general-module_fadeOutButton__8BRUG {\n display: none;\n}\n\n/* Section Title */\n.general-module_sectiontitlecont__F-e6k {\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.general-module_sectiontitlecont__F-e6k span {\n position: relative;\n white-space: nowrap;\n transition: 0.3s;\n}\n.general-module_sectiontitlecont__F-e6k span::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n display: block;\n height: 3px;\n border-radius: 20px;\n z-index: 1000;\n}\n.general-module_homesectiontitlecont__ZfXNm span {\n font-size: 25px !important;\n}\n\n.general-module_sectiontitlecont2__mfEaP {\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n}\n.general-module_sectiontitlecont2__mfEaP span {\n position: relative;\n white-space: nowrap;\n transition: 0.3s;\n}\n.general-module_sectiontitlecont2__mfEaP span::after {\n content: '';\n position: absolute;\n bottom: -3px;\n left: 0;\n display: block;\n border-radius: 20px;\n z-index: 1000;\n}\n";
|
|
414
411
|
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"};
|
|
415
|
-
styleInject(css_248z$
|
|
412
|
+
styleInject(css_248z$v);
|
|
416
413
|
|
|
417
414
|
var FacebookLoginButton = function FacebookLoginButton(props) {
|
|
418
415
|
var _authdetailsContext$i, _authdetailsContext$i2, _authdetailsContext$i3, _authdetailsContext$i4;
|
|
@@ -462,9 +459,9 @@ var FacebookLoginButton = function FacebookLoginButton(props) {
|
|
|
462
459
|
}));
|
|
463
460
|
};
|
|
464
461
|
|
|
465
|
-
function ownKeys$
|
|
462
|
+
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; }
|
|
466
463
|
|
|
467
|
-
function _objectSpread$
|
|
464
|
+
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; }
|
|
468
465
|
|
|
469
466
|
var Login = function Login(props) {
|
|
470
467
|
var StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
@@ -510,7 +507,7 @@ var Login = function Login(props) {
|
|
|
510
507
|
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) {
|
|
511
508
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
512
509
|
});
|
|
513
|
-
setsectionproperties(_objectSpread$
|
|
510
|
+
setsectionproperties(_objectSpread$15({}, secpropobj));
|
|
514
511
|
}
|
|
515
512
|
}, [StatePagePropertiesContext]);
|
|
516
513
|
|
|
@@ -624,10 +621,10 @@ var Login = function Login(props) {
|
|
|
624
621
|
className: "".concat(loginstyles.form_control, " ").concat(loginstyles2.form_control),
|
|
625
622
|
value: payloadobj.email,
|
|
626
623
|
onChange: function onChange(event) {
|
|
627
|
-
var temppayloadobj = _objectSpread$
|
|
624
|
+
var temppayloadobj = _objectSpread$15({}, payloadobj);
|
|
628
625
|
|
|
629
626
|
temppayloadobj.email = event.target.value;
|
|
630
|
-
setpayloadobj(_objectSpread$
|
|
627
|
+
setpayloadobj(_objectSpread$15({}, temppayloadobj));
|
|
631
628
|
}
|
|
632
629
|
}), /*#__PURE__*/React.createElement("span", {
|
|
633
630
|
className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
|
|
@@ -645,10 +642,10 @@ var Login = function Login(props) {
|
|
|
645
642
|
textplaceholder: "",
|
|
646
643
|
value: payloadobj.password,
|
|
647
644
|
onChange: function onChange(event) {
|
|
648
|
-
var temppayloadobj = _objectSpread$
|
|
645
|
+
var temppayloadobj = _objectSpread$15({}, payloadobj);
|
|
649
646
|
|
|
650
647
|
temppayloadobj.password = event.target.value;
|
|
651
|
-
setpayloadobj(_objectSpread$
|
|
648
|
+
setpayloadobj(_objectSpread$15({}, temppayloadobj));
|
|
652
649
|
}
|
|
653
650
|
}), /*#__PURE__*/React.createElement("span", {
|
|
654
651
|
className: langdetect == 'en' ? loginstyles.login_input_icon : loginstyles.login_input_icontrans
|
|
@@ -767,13 +764,13 @@ var IKurlEndpoint = 'https://ik.imagekit.io/kcrbhhnh0';
|
|
|
767
764
|
var IKpublicKey = 'public_ro8Tmo5Nlgw12YIFkn9MNUQLvQE=';
|
|
768
765
|
var serverbaselink = 'https://tabex-co.com';
|
|
769
766
|
|
|
770
|
-
var css_248z$
|
|
767
|
+
var css_248z$u = "/* Side Nav */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj {\n margin: 0;\n padding: 0;\n position: relative;\n list-style: none;\n transition: 0.3s ease-in-out;\n border-radius: 20px;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n flex-direction: row;\n padding: 5px !important;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1::after {\n content: '';\n position: absolute;\n bottom: -3px;\n display: block;\n border-radius: 100px 0 100px 0;\n width: 0;\n height: 0;\n transition: 0.2s !important;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_page_name__46AJV {\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj li .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n display: flex;\n justify-content: center;\n align-items: center;\n text-align: center;\n /* width: 35px; */\n /* height: 35px; */\n /* background-color: rgba(0, 28, 105); */\n /* border-radius: 10px; */\n /* color: white; */\n transition: all 0.3s;\n position: relative;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj i.staticroutersidenav-module_metismenu_icon__EcRZ1 {\n display: flex;\n align-items: center;\n justify-content: center;\n color: #022648;\n transition: 0.3s;\n opacity: 1;\n font-size: 16px;\n}\n/* active */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0::after {\n content: '';\n position: absolute;\n bottom: -3px;\n /* right: -5%; */\n display: block;\n border-radius: 100px 0 100px 0;\n width: 10px;\n height: 100%;\n /* background: red !important; */\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_page_name__46AJV {\n font-weight: 600;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidenav_active__IjRo0 .staticroutersidenav-module_sidenav_icon_cont__O8YSe {\n /* background-color: rgba(249, 128, 100) !important; */\n box-shadow: none !important;\n}\n/* hover */\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover {\n cursor: pointer;\n transition: 0.3s;\n}\n.staticroutersidenav-module_vertical_nav_menu__p0mIj .staticroutersidenav-module_sidebar_item__3F9Q1:hover::after {\n width: 10px;\n height: 100%;\n}\n\n.staticroutersidenav-module_horizontal_nav_menu__6V32S{\n display: flex;\n flex-direction: row;\n}\n.staticroutersidenav-module_horizontal_nav_menu__6V32S li.staticroutersidenav-module_sidebar_item__3F9Q1 {\n transition: 0.3s !important;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n padding: 5px !important;\n position: relative;\n}\n@media screen and (max-width:800px) {\n .staticroutersidenav-module_horizontal_nav_menu__6V32S{\n width: 100%;\n display: block !important;\n white-space: nowrap;\n position: relative;\n overflow-x: scroll;\n overflow-y: hidden;\n -webkit-overflow-scrolling: touch;\n }\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n width: 30% !important;\n float: none;\n display: inline-block;\n zoom: 1; \n } \n}\n@media screen and (max-width:700px) {\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n min-width: 40% !important;\n }\n}\n@media screen and (max-width:500px) {\n .staticroutersidenav-module_sidebar_item__3F9Q1{\n min-width: 60% !important;\n }\n}\n\n\n.staticroutersidenav-module_sidebar_itemlastchild__9O187{\n margin-right: 0 !important;\n margin-left: 0 !important;\n}";
|
|
771
768
|
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"};
|
|
772
|
-
styleInject(css_248z$
|
|
769
|
+
styleInject(css_248z$u);
|
|
773
770
|
|
|
774
|
-
function ownKeys$
|
|
771
|
+
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; }
|
|
775
772
|
|
|
776
|
-
function _objectSpread$
|
|
773
|
+
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; }
|
|
777
774
|
// import { useMutation, useQuery, useQueryClient } from 'react-query';
|
|
778
775
|
// import { useHistory, Link } from 'react-router-dom';
|
|
779
776
|
// import { LanguageContext } from '../../../../../../../Contexts/LanguageContext';
|
|
@@ -881,7 +878,7 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
|
|
|
881
878
|
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) {
|
|
882
879
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
883
880
|
});
|
|
884
|
-
setsectionproperties(_objectSpread$
|
|
881
|
+
setsectionproperties(_objectSpread$14({}, secpropobj));
|
|
885
882
|
setnavigationstyle('Upper Navigation'); // }
|
|
886
883
|
// }
|
|
887
884
|
}, [CurrentPageId]);
|
|
@@ -1037,9 +1034,9 @@ var Staticpagesrouter = function Staticpagesrouter(props) {
|
|
|
1037
1034
|
}))))));
|
|
1038
1035
|
};
|
|
1039
1036
|
|
|
1040
|
-
function ownKeys$
|
|
1037
|
+
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; }
|
|
1041
1038
|
|
|
1042
|
-
function _objectSpread$
|
|
1039
|
+
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; }
|
|
1043
1040
|
|
|
1044
1041
|
var Ordershistory = function Ordershistory(props) {
|
|
1045
1042
|
var _bgimagesarray$, _bgimagesarray$2;
|
|
@@ -1084,10 +1081,10 @@ var Ordershistory = function Ordershistory(props) {
|
|
|
1084
1081
|
|
|
1085
1082
|
useEffect(function () {
|
|
1086
1083
|
if ((authdetailsContext === null || authdetailsContext === void 0 ? void 0 : authdetailsContext.loggedin) == true) {
|
|
1087
|
-
var tempFetchQueriesEngineContext = _objectSpread$
|
|
1084
|
+
var tempFetchQueriesEngineContext = _objectSpread$13({}, FetchQueriesEngineContext);
|
|
1088
1085
|
|
|
1089
1086
|
tempFetchQueriesEngineContext.orderhistory = true;
|
|
1090
|
-
setFetchQueriesEngineContext(_objectSpread$
|
|
1087
|
+
setFetchQueriesEngineContext(_objectSpread$13({}, tempFetchQueriesEngineContext));
|
|
1091
1088
|
} else {
|
|
1092
1089
|
routingcountext('');
|
|
1093
1090
|
}
|
|
@@ -1113,7 +1110,7 @@ var Ordershistory = function Ordershistory(props) {
|
|
|
1113
1110
|
StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
|
|
1114
1111
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
1115
1112
|
});
|
|
1116
|
-
setsectionproperties(_objectSpread$
|
|
1113
|
+
setsectionproperties(_objectSpread$13({}, secpropobj));
|
|
1117
1114
|
}
|
|
1118
1115
|
}, [StatePagePropertiesContext]);
|
|
1119
1116
|
var orderhistory_cssstyles = {
|
|
@@ -1893,13 +1890,13 @@ var Ordershistory = function Ordershistory(props) {
|
|
|
1893
1890
|
}, lang.cod))))))))))));
|
|
1894
1891
|
};
|
|
1895
1892
|
|
|
1896
|
-
var css_248z$
|
|
1893
|
+
var css_248z$t = ".wishlist-module_wishlist_card__sUXul .wishlist-module_image_container__FuptA {\n height: 300px;\n border-radius: 10px;\n background-size: cover !important;\n background-repeat: no-repeat;\n background-position: center;\n background-color: #e6e6e6;\n width: 100% !important;\n box-shadow: 0 0 10px #e6e6e6;\n}\n.wishlist-module_floatbtn__PZDvQ {\n position: absolute;\n top: 10px;\n right: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: 0.3s;\n opacity: 0;\n}\n.wishlist-module_wishlist_card__sUXul:hover .wishlist-module_floatbtn__PZDvQ {\n opacity: 1;\n}\n@media screen and (max-width: 800px) {\n .wishlist-module_floatbtn__PZDvQ {\n opacity: 1 !important;\n }\n}\n";
|
|
1897
1894
|
var wishliststyles = {"wishlist_card":"wishlist-module_wishlist_card__sUXul","image_container":"wishlist-module_image_container__FuptA","floatbtn":"wishlist-module_floatbtn__PZDvQ"};
|
|
1898
|
-
styleInject(css_248z$
|
|
1895
|
+
styleInject(css_248z$t);
|
|
1899
1896
|
|
|
1900
|
-
function ownKeys$
|
|
1897
|
+
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; }
|
|
1901
1898
|
|
|
1902
|
-
function _objectSpread$
|
|
1899
|
+
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; }
|
|
1903
1900
|
|
|
1904
1901
|
var Wishlist = function Wishlist(props) {
|
|
1905
1902
|
var _bgimagesarray$, _bgimagesarray$2;
|
|
@@ -1936,7 +1933,7 @@ var Wishlist = function Wishlist(props) {
|
|
|
1936
1933
|
StatePagePropertiesContext.pageobj.pageproperties.forEach(function (arrayItem, arrayindex) {
|
|
1937
1934
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
1938
1935
|
});
|
|
1939
|
-
setsectionproperties(_objectSpread$
|
|
1936
|
+
setsectionproperties(_objectSpread$12({}, secpropobj));
|
|
1940
1937
|
}
|
|
1941
1938
|
}, [StatePagePropertiesContext]);
|
|
1942
1939
|
|
|
@@ -1946,10 +1943,10 @@ var Wishlist = function Wishlist(props) {
|
|
|
1946
1943
|
_useState2[1];
|
|
1947
1944
|
|
|
1948
1945
|
useEffect(function () {
|
|
1949
|
-
var tempFetchQueriesEngineContext = _objectSpread$
|
|
1946
|
+
var tempFetchQueriesEngineContext = _objectSpread$12({}, FetchQueriesEngineContext);
|
|
1950
1947
|
|
|
1951
1948
|
tempFetchQueriesEngineContext.fetchfavoriteproducts = true;
|
|
1952
|
-
setFetchQueriesEngineContext(_objectSpread$
|
|
1949
|
+
setFetchQueriesEngineContext(_objectSpread$12({}, tempFetchQueriesEngineContext));
|
|
1953
1950
|
}, []);
|
|
1954
1951
|
|
|
1955
1952
|
var _useState3 = useState(''),
|
|
@@ -1981,7 +1978,7 @@ var Wishlist = function Wishlist(props) {
|
|
|
1981
1978
|
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) {
|
|
1982
1979
|
secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
1983
1980
|
});
|
|
1984
|
-
setsectionproperties(_objectSpread$
|
|
1981
|
+
setsectionproperties(_objectSpread$12({}, secpropobj));
|
|
1985
1982
|
}
|
|
1986
1983
|
}, [StatePagePropertiesContext]);
|
|
1987
1984
|
var wishlist_cssstyles = {
|
|
@@ -2416,1159 +2413,680 @@ var Wishlist = function Wishlist(props) {
|
|
|
2416
2413
|
})));
|
|
2417
2414
|
};
|
|
2418
2415
|
|
|
2419
|
-
|
|
2420
|
-
|
|
2421
|
-
|
|
2422
|
-
|
|
2423
|
-
|
|
2424
|
-
|
|
2425
|
-
|
|
2426
|
-
|
|
2427
|
-
|
|
2428
|
-
|
|
2429
|
-
|
|
2430
|
-
|
|
2431
|
-
|
|
2432
|
-
|
|
2433
|
-
|
|
2434
|
-
|
|
2435
|
-
|
|
2436
|
-
|
|
2437
|
-
|
|
2438
|
-
|
|
2439
|
-
|
|
2440
|
-
|
|
2441
|
-
|
|
2442
|
-
return {
|
|
2443
|
-
borderBottom: '1px solid #ccc',
|
|
2444
|
-
backgroundColor: 'white',
|
|
2445
|
-
display: 'flex',
|
|
2446
|
-
cursor: 'pointer',
|
|
2447
|
-
padding: 0,
|
|
2448
|
-
transition: '.3s',
|
|
2449
|
-
'&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
|
|
2450
|
-
// borderRadius: '10px',
|
|
2451
|
-
}
|
|
2452
|
-
};
|
|
2453
|
-
},
|
|
2454
|
-
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2455
|
-
return _objectSpread$13(_objectSpread$13({}, provided), {}, {
|
|
2456
|
-
'&:hover': {// color: '#eac435',
|
|
2457
|
-
}
|
|
2458
|
-
});
|
|
2459
|
-
}
|
|
2460
|
-
};
|
|
2461
|
-
var defaultstylestranslated = {
|
|
2462
|
-
option: function option(provided, state) {
|
|
2463
|
-
return _objectSpread$13(_objectSpread$13({}, provided), {}, {
|
|
2464
|
-
borderBottom: '1px solid #e6e6e6',
|
|
2465
|
-
backgroundColor: state.isSelected ? '' : '',
|
|
2466
|
-
padding: 5,
|
|
2467
|
-
textTransform: 'capitalize',
|
|
2468
|
-
// color: state.isSelected ? '#eac435' : '#022648',
|
|
2469
|
-
transition: '.3s',
|
|
2470
|
-
textAlign: 'right',
|
|
2471
|
-
'&:hover': {
|
|
2472
|
-
// color: '#eac435',
|
|
2473
|
-
cursor: 'pointer'
|
|
2474
|
-
}
|
|
2475
|
-
});
|
|
2476
|
-
},
|
|
2477
|
-
control: function control() {
|
|
2478
|
-
return {
|
|
2479
|
-
borderBottom: '1px solid #ccc',
|
|
2480
|
-
backgroundColor: 'white',
|
|
2481
|
-
display: 'flex',
|
|
2482
|
-
cursor: 'pointer',
|
|
2483
|
-
padding: 0,
|
|
2484
|
-
transition: '.3s',
|
|
2485
|
-
textAlign: 'right',
|
|
2486
|
-
'&:hover': {// boxShadow: '0px 9px 20px rgba(75, 72, 72, 0.3)',
|
|
2487
|
-
// borderRadius: '10px',
|
|
2488
|
-
}
|
|
2489
|
-
};
|
|
2490
|
-
},
|
|
2491
|
-
dropdownIndicator: function dropdownIndicator(provided) {
|
|
2492
|
-
return _objectSpread$13(_objectSpread$13({}, provided), {}, {
|
|
2493
|
-
'&:hover': {// color: '#eac435',
|
|
2494
|
-
}
|
|
2495
|
-
});
|
|
2496
|
-
},
|
|
2497
|
-
placeholder: function placeholder(provided, state) {
|
|
2498
|
-
return _objectSpread$13(_objectSpread$13({}, provided), {}, {
|
|
2499
|
-
textAlign: 'right'
|
|
2500
|
-
});
|
|
2501
|
-
}
|
|
2502
|
-
};
|
|
2503
|
-
|
|
2504
|
-
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; }
|
|
2505
|
-
|
|
2506
|
-
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; }
|
|
2416
|
+
// // import { FetchingContext } from '../../../../../../../Contexts/FetchingContext';
|
|
2417
|
+
// // import { WebsiteDesignWorkPlaceContext } from '../../../../../../../Contexts/WebsiteDesignWorkPlaceContext';
|
|
2418
|
+
// // import { TemplateRoutingContext } from '../../../../../../../Contexts/TemplateRoutingContext';
|
|
2419
|
+
// import formstyles from '../../../styles/general/form.module.css';
|
|
2420
|
+
// import TextareaAutosize from 'react-textarea-autosize';
|
|
2421
|
+
// // import { BrowserRouter as Router, Switch, Route, Redirect, useParams, useHistory, Link } from 'react-router-dom';
|
|
2422
|
+
// // import '../../../../../../../styles/general/react-phone-input-2.module.css';
|
|
2423
|
+
// import generalstyles from '../../../styles/general/general.module.css';
|
|
2424
|
+
// // import cartstyles from '../Viewcart/viewcart.module.css';
|
|
2425
|
+
// import { CircularProgress } from 'react-cssfx-loading';
|
|
2426
|
+
// import Select from 'react-select';
|
|
2427
|
+
// // import { NotificationManager } from 'react-notifications';
|
|
2428
|
+
// // import Pagepreloader from '../Pagepreloader/Pagepreloader';
|
|
2429
|
+
// // import { useQuery, useQueryClient, useMutation } from 'react-query';
|
|
2430
|
+
// import { css } from 'glamor';
|
|
2431
|
+
// import { BsCheck2Circle, BsFillTelephoneFill } from 'react-icons/bs';
|
|
2432
|
+
// import { defaultstyles, defaultstylestranslated } from '../../../StylesJS/Customstyles';
|
|
2433
|
+
// // import { Page_Template_Fetch_API } from '../../../../../../../components/API/WebsiteDesign_API';
|
|
2434
|
+
// import { IKImage } from 'imagekitio-react';
|
|
2435
|
+
// import { IKpublicKey, IKurlEndpoint } from '../../../../Env';
|
|
2436
|
+
// import { HiUser } from 'react-icons/hi';
|
|
2437
|
+
// import { GrMail } from 'react-icons/gr';
|
|
2438
|
+
// import { BsBagCheck } from 'react-icons/bs';
|
|
2507
2439
|
|
|
2508
2440
|
var Checkout = function Checkout(props) {
|
|
2509
|
-
|
|
2510
|
-
|
|
2511
|
-
|
|
2512
|
-
|
|
2513
|
-
|
|
2514
|
-
|
|
2515
|
-
|
|
2516
|
-
|
|
2517
|
-
|
|
2518
|
-
|
|
2519
|
-
|
|
2520
|
-
|
|
2521
|
-
|
|
2522
|
-
|
|
2523
|
-
|
|
2524
|
-
|
|
2525
|
-
|
|
2526
|
-
|
|
2527
|
-
|
|
2528
|
-
|
|
2529
|
-
|
|
2530
|
-
|
|
2531
|
-
|
|
2532
|
-
|
|
2533
|
-
|
|
2534
|
-
|
|
2535
|
-
var
|
|
2536
|
-
|
|
2537
|
-
|
|
2538
|
-
|
|
2539
|
-
|
|
2540
|
-
|
|
2541
|
-
|
|
2542
|
-
|
|
2543
|
-
|
|
2544
|
-
|
|
2545
|
-
|
|
2546
|
-
|
|
2547
|
-
|
|
2548
|
-
|
|
2549
|
-
|
|
2550
|
-
|
|
2551
|
-
|
|
2552
|
-
|
|
2553
|
-
|
|
2554
|
-
|
|
2555
|
-
|
|
2556
|
-
|
|
2557
|
-
|
|
2558
|
-
|
|
2559
|
-
|
|
2560
|
-
|
|
2561
|
-
|
|
2562
|
-
|
|
2563
|
-
|
|
2564
|
-
|
|
2565
|
-
|
|
2566
|
-
|
|
2567
|
-
|
|
2568
|
-
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
|
|
2572
|
-
|
|
2573
|
-
|
|
2574
|
-
|
|
2575
|
-
|
|
2576
|
-
|
|
2577
|
-
|
|
2578
|
-
|
|
2579
|
-
|
|
2580
|
-
|
|
2581
|
-
|
|
2582
|
-
|
|
2583
|
-
|
|
2584
|
-
|
|
2585
|
-
|
|
2586
|
-
|
|
2587
|
-
|
|
2588
|
-
|
|
2589
|
-
|
|
2590
|
-
|
|
2591
|
-
|
|
2592
|
-
|
|
2593
|
-
|
|
2594
|
-
|
|
2595
|
-
|
|
2596
|
-
|
|
2597
|
-
|
|
2598
|
-
|
|
2599
|
-
|
|
2600
|
-
|
|
2601
|
-
|
|
2602
|
-
|
|
2603
|
-
|
|
2604
|
-
|
|
2605
|
-
|
|
2606
|
-
|
|
2607
|
-
|
|
2608
|
-
|
|
2609
|
-
|
|
2610
|
-
|
|
2611
|
-
|
|
2612
|
-
}
|
|
2613
|
-
|
|
2614
|
-
|
|
2615
|
-
|
|
2616
|
-
|
|
2617
|
-
|
|
2618
|
-
|
|
2619
|
-
|
|
2620
|
-
|
|
2621
|
-
|
|
2622
|
-
|
|
2623
|
-
|
|
2624
|
-
|
|
2625
|
-
|
|
2626
|
-
|
|
2627
|
-
|
|
2628
|
-
|
|
2629
|
-
|
|
2630
|
-
|
|
2631
|
-
|
|
2632
|
-
|
|
2633
|
-
|
|
2634
|
-
|
|
2635
|
-
|
|
2636
|
-
|
|
2637
|
-
|
|
2638
|
-
|
|
2639
|
-
|
|
2640
|
-
|
|
2641
|
-
|
|
2642
|
-
|
|
2643
|
-
|
|
2644
|
-
|
|
2645
|
-
|
|
2646
|
-
|
|
2647
|
-
|
|
2648
|
-
|
|
2649
|
-
|
|
2650
|
-
|
|
2651
|
-
|
|
2652
|
-
|
|
2653
|
-
|
|
2654
|
-
|
|
2655
|
-
|
|
2656
|
-
|
|
2657
|
-
|
|
2658
|
-
|
|
2659
|
-
|
|
2660
|
-
|
|
2661
|
-
|
|
2662
|
-
|
|
2663
|
-
|
|
2664
|
-
|
|
2665
|
-
|
|
2666
|
-
|
|
2667
|
-
|
|
2668
|
-
|
|
2669
|
-
|
|
2670
|
-
|
|
2671
|
-
|
|
2672
|
-
|
|
2673
|
-
|
|
2674
|
-
|
|
2675
|
-
|
|
2676
|
-
|
|
2677
|
-
|
|
2678
|
-
|
|
2679
|
-
|
|
2680
|
-
|
|
2681
|
-
|
|
2682
|
-
|
|
2683
|
-
|
|
2684
|
-
|
|
2685
|
-
|
|
2686
|
-
|
|
2687
|
-
|
|
2688
|
-
|
|
2689
|
-
|
|
2690
|
-
|
|
2691
|
-
|
|
2692
|
-
|
|
2693
|
-
|
|
2694
|
-
|
|
2695
|
-
|
|
2696
|
-
|
|
2697
|
-
|
|
2698
|
-
|
|
2699
|
-
|
|
2700
|
-
|
|
2701
|
-
|
|
2702
|
-
|
|
2703
|
-
|
|
2704
|
-
|
|
2705
|
-
|
|
2706
|
-
|
|
2707
|
-
|
|
2708
|
-
|
|
2709
|
-
|
|
2710
|
-
|
|
2711
|
-
|
|
2712
|
-
|
|
2713
|
-
|
|
2714
|
-
|
|
2715
|
-
|
|
2716
|
-
|
|
2717
|
-
|
|
2718
|
-
|
|
2719
|
-
|
|
2720
|
-
|
|
2721
|
-
|
|
2722
|
-
|
|
2723
|
-
|
|
2724
|
-
|
|
2725
|
-
|
|
2726
|
-
|
|
2727
|
-
|
|
2728
|
-
|
|
2729
|
-
|
|
2730
|
-
|
|
2731
|
-
|
|
2732
|
-
|
|
2733
|
-
|
|
2734
|
-
|
|
2735
|
-
|
|
2736
|
-
|
|
2737
|
-
|
|
2738
|
-
|
|
2739
|
-
|
|
2740
|
-
|
|
2741
|
-
|
|
2742
|
-
|
|
2743
|
-
|
|
2744
|
-
|
|
2745
|
-
|
|
2746
|
-
|
|
2747
|
-
|
|
2748
|
-
|
|
2749
|
-
|
|
2750
|
-
|
|
2751
|
-
|
|
2752
|
-
|
|
2753
|
-
|
|
2754
|
-
|
|
2755
|
-
|
|
2756
|
-
|
|
2757
|
-
|
|
2758
|
-
|
|
2759
|
-
|
|
2760
|
-
|
|
2761
|
-
|
|
2762
|
-
|
|
2763
|
-
|
|
2764
|
-
|
|
2765
|
-
|
|
2766
|
-
|
|
2767
|
-
|
|
2768
|
-
|
|
2769
|
-
|
|
2770
|
-
|
|
2771
|
-
|
|
2772
|
-
|
|
2773
|
-
|
|
2774
|
-
|
|
2775
|
-
|
|
2776
|
-
|
|
2777
|
-
|
|
2778
|
-
|
|
2779
|
-
|
|
2780
|
-
|
|
2781
|
-
|
|
2782
|
-
|
|
2783
|
-
|
|
2784
|
-
|
|
2785
|
-
|
|
2786
|
-
|
|
2787
|
-
|
|
2788
|
-
|
|
2789
|
-
|
|
2790
|
-
|
|
2791
|
-
|
|
2792
|
-
|
|
2793
|
-
|
|
2794
|
-
|
|
2795
|
-
|
|
2796
|
-
|
|
2797
|
-
|
|
2798
|
-
|
|
2799
|
-
|
|
2800
|
-
|
|
2801
|
-
|
|
2802
|
-
|
|
2803
|
-
|
|
2804
|
-
|
|
2805
|
-
|
|
2806
|
-
|
|
2807
|
-
|
|
2808
|
-
|
|
2809
|
-
|
|
2810
|
-
|
|
2811
|
-
|
|
2812
|
-
|
|
2813
|
-
|
|
2814
|
-
|
|
2815
|
-
|
|
2816
|
-
|
|
2817
|
-
|
|
2818
|
-
|
|
2819
|
-
|
|
2820
|
-
|
|
2821
|
-
|
|
2822
|
-
|
|
2823
|
-
|
|
2824
|
-
|
|
2825
|
-
|
|
2826
|
-
|
|
2827
|
-
|
|
2828
|
-
|
|
2829
|
-
|
|
2830
|
-
|
|
2831
|
-
|
|
2832
|
-
|
|
2833
|
-
|
|
2834
|
-
|
|
2835
|
-
|
|
2836
|
-
|
|
2837
|
-
|
|
2838
|
-
|
|
2839
|
-
|
|
2840
|
-
|
|
2841
|
-
|
|
2842
|
-
|
|
2843
|
-
|
|
2844
|
-
|
|
2845
|
-
|
|
2846
|
-
|
|
2847
|
-
|
|
2848
|
-
|
|
2849
|
-
|
|
2850
|
-
|
|
2851
|
-
|
|
2852
|
-
|
|
2853
|
-
|
|
2854
|
-
|
|
2855
|
-
|
|
2856
|
-
|
|
2857
|
-
|
|
2858
|
-
|
|
2859
|
-
|
|
2860
|
-
|
|
2861
|
-
|
|
2862
|
-
|
|
2863
|
-
|
|
2864
|
-
|
|
2865
|
-
|
|
2866
|
-
|
|
2867
|
-
|
|
2868
|
-
|
|
2869
|
-
|
|
2870
|
-
|
|
2871
|
-
|
|
2872
|
-
|
|
2873
|
-
|
|
2874
|
-
|
|
2875
|
-
|
|
2876
|
-
|
|
2877
|
-
|
|
2878
|
-
|
|
2879
|
-
|
|
2880
|
-
|
|
2881
|
-
|
|
2882
|
-
|
|
2883
|
-
|
|
2884
|
-
|
|
2885
|
-
|
|
2886
|
-
|
|
2887
|
-
|
|
2888
|
-
|
|
2889
|
-
|
|
2890
|
-
|
|
2891
|
-
|
|
2892
|
-
|
|
2893
|
-
|
|
2894
|
-
|
|
2895
|
-
|
|
2896
|
-
|
|
2897
|
-
|
|
2898
|
-
|
|
2899
|
-
|
|
2900
|
-
|
|
2901
|
-
|
|
2902
|
-
|
|
2903
|
-
|
|
2904
|
-
|
|
2905
|
-
|
|
2906
|
-
|
|
2907
|
-
|
|
2908
|
-
|
|
2909
|
-
|
|
2910
|
-
|
|
2911
|
-
|
|
2912
|
-
|
|
2913
|
-
|
|
2914
|
-
|
|
2915
|
-
|
|
2916
|
-
|
|
2917
|
-
|
|
2918
|
-
|
|
2919
|
-
|
|
2920
|
-
|
|
2921
|
-
|
|
2922
|
-
|
|
2923
|
-
|
|
2924
|
-
|
|
2925
|
-
|
|
2926
|
-
|
|
2927
|
-
|
|
2928
|
-
|
|
2929
|
-
|
|
2930
|
-
|
|
2931
|
-
|
|
2932
|
-
|
|
2933
|
-
|
|
2934
|
-
|
|
2935
|
-
|
|
2936
|
-
|
|
2937
|
-
|
|
2938
|
-
|
|
2939
|
-
|
|
2940
|
-
|
|
2941
|
-
|
|
2942
|
-
|
|
2943
|
-
|
|
2944
|
-
|
|
2945
|
-
|
|
2946
|
-
|
|
2947
|
-
|
|
2948
|
-
|
|
2949
|
-
|
|
2950
|
-
|
|
2951
|
-
|
|
2952
|
-
|
|
2953
|
-
|
|
2954
|
-
|
|
2955
|
-
|
|
2956
|
-
|
|
2957
|
-
|
|
2958
|
-
|
|
2959
|
-
|
|
2960
|
-
|
|
2961
|
-
|
|
2962
|
-
|
|
2963
|
-
|
|
2964
|
-
|
|
2965
|
-
|
|
2966
|
-
|
|
2967
|
-
|
|
2968
|
-
|
|
2969
|
-
|
|
2970
|
-
|
|
2971
|
-
|
|
2972
|
-
|
|
2973
|
-
|
|
2974
|
-
|
|
2975
|
-
|
|
2976
|
-
|
|
2977
|
-
|
|
2978
|
-
|
|
2979
|
-
|
|
2980
|
-
|
|
2981
|
-
|
|
2982
|
-
|
|
2983
|
-
|
|
2984
|
-
|
|
2985
|
-
|
|
2986
|
-
|
|
2987
|
-
|
|
2988
|
-
|
|
2989
|
-
|
|
2990
|
-
|
|
2991
|
-
|
|
2992
|
-
|
|
2993
|
-
|
|
2994
|
-
|
|
2995
|
-
|
|
2996
|
-
|
|
2997
|
-
|
|
2998
|
-
|
|
2999
|
-
|
|
3000
|
-
|
|
3001
|
-
|
|
3002
|
-
|
|
3003
|
-
|
|
3004
|
-
|
|
3005
|
-
|
|
3006
|
-
|
|
3007
|
-
|
|
3008
|
-
|
|
3009
|
-
|
|
3010
|
-
|
|
3011
|
-
|
|
3012
|
-
|
|
3013
|
-
|
|
3014
|
-
|
|
3015
|
-
|
|
3016
|
-
|
|
3017
|
-
|
|
3018
|
-
|
|
3019
|
-
|
|
3020
|
-
|
|
3021
|
-
|
|
3022
|
-
|
|
3023
|
-
|
|
3024
|
-
|
|
3025
|
-
|
|
3026
|
-
|
|
3027
|
-
|
|
3028
|
-
|
|
3029
|
-
|
|
3030
|
-
|
|
3031
|
-
|
|
3032
|
-
|
|
3033
|
-
|
|
3034
|
-
|
|
3035
|
-
|
|
3036
|
-
|
|
3037
|
-
|
|
3038
|
-
|
|
3039
|
-
|
|
3040
|
-
|
|
3041
|
-
|
|
3042
|
-
|
|
3043
|
-
|
|
3044
|
-
|
|
3045
|
-
|
|
3046
|
-
|
|
3047
|
-
|
|
3048
|
-
|
|
3049
|
-
|
|
3050
|
-
|
|
3051
|
-
|
|
3052
|
-
|
|
3053
|
-
|
|
3054
|
-
|
|
3055
|
-
|
|
3056
|
-
|
|
3057
|
-
|
|
2441
|
+
// const [timer, settimer] = useState(null);
|
|
2442
|
+
// const langdetect = props.actions.langdetect;
|
|
2443
|
+
// const lang = props.actions.lang;
|
|
2444
|
+
// const StaticPagesLinksContext = props.actions.StaticPagesLinksContext;
|
|
2445
|
+
// const routingcountext = props.actions.routingcountext;
|
|
2446
|
+
// const ApplyPromoCodeMutationContext = props.actions.ApplyPromoCodeMutationContext;
|
|
2447
|
+
// const CurrentSrcTypeContext = props.actions.CurrentSrcTypeContext;
|
|
2448
|
+
// const StatePagePropertiesContext = props.actions.StatePagePropertiesContext;
|
|
2449
|
+
// const templatepropcontext = props.actions.templatepropcontext;
|
|
2450
|
+
// const fetchcustomercartQueryContext = props.actions.fetchcustomercartQueryContext;
|
|
2451
|
+
// const FetchQueriesEngineContext = props.actions.FetchQueriesEngineContext;
|
|
2452
|
+
// const setFetchQueriesEngineContext = props.actions.setFetchQueriesEngineContext;
|
|
2453
|
+
// const fetchTabexCountriesQueryContext = props.actions.fetchTabexCountriesQueryContext;
|
|
2454
|
+
// const fetchTabexStatesQueryContext = props.actions.fetchTabexStatesQueryContext;
|
|
2455
|
+
// const FetchTabexStatesPayloadobjContext = props.actions.FetchTabexStatesPayloadobjContext;
|
|
2456
|
+
// const setFetchTabexStatesPayloadobjContext = props.actions.setFetchTabexStatesPayloadobjContext;
|
|
2457
|
+
// const ChooseState_CountryMutationContext = props.actions.ChooseState_CountryMutationContext;
|
|
2458
|
+
// const fetchTabexCitiesQueryContext = props.actions.fetchTabexCitiesQueryContext;
|
|
2459
|
+
// const AddOrderMutationContext = props.actions.AddOrderMutationContext;
|
|
2460
|
+
// const fetchAuthorizationQueryContext = props.actions.fetchAuthorizationQueryContext;
|
|
2461
|
+
// const authdetailsContext = props.actions.authdetailsContext;
|
|
2462
|
+
// const NotificationManager = props.actions.NotificationManager;
|
|
2463
|
+
// const queryClient = props.actions.queryClient;
|
|
2464
|
+
// const [sectionproperties, setsectionproperties] = useState('');
|
|
2465
|
+
// const [CurrentPageId, setCurrentPageId] = useState('');
|
|
2466
|
+
// useEffect(() => {
|
|
2467
|
+
// var cartindex = templatepropcontext?.pagesnprop?.findIndex((x) => x.staticpageid == '6218bccb82af8');
|
|
2468
|
+
// if (cartindex >= 0) {
|
|
2469
|
+
// setCurrentPageId(cartindex);
|
|
2470
|
+
// }
|
|
2471
|
+
// }, []);
|
|
2472
|
+
// useEffect(() => {
|
|
2473
|
+
// var secpropobj = {};
|
|
2474
|
+
// templatepropcontext?.pagesnprop[CurrentPageId]?.pageproperties?.forEach(function (arrayItem, arrayindex) {
|
|
2475
|
+
// secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
2476
|
+
// });
|
|
2477
|
+
// setsectionproperties({ ...secpropobj });
|
|
2478
|
+
// }, [CurrentPageId]);
|
|
2479
|
+
// useEffect(() => {
|
|
2480
|
+
// if (CurrentSrcTypeContext == 'workplace') {
|
|
2481
|
+
// if (StatePagePropertiesContext != null && StatePagePropertiesContext != undefined && StatePagePropertiesContext.length != 0) {
|
|
2482
|
+
// var secpropobj = {};
|
|
2483
|
+
// StatePagePropertiesContext?.pageobj?.pageproperties?.forEach(function (arrayItem, arrayindex) {
|
|
2484
|
+
// secpropobj[arrayItem.property_css_name] = arrayItem.property_value;
|
|
2485
|
+
// });
|
|
2486
|
+
// setsectionproperties({ ...secpropobj });
|
|
2487
|
+
// }
|
|
2488
|
+
// }
|
|
2489
|
+
// }, [StatePagePropertiesContext]);
|
|
2490
|
+
// useEffect(() => {
|
|
2491
|
+
// // if (authdetailsContext.loggedin == true) {
|
|
2492
|
+
// var tempFetchQueriesEngineContext = { ...FetchQueriesEngineContext };
|
|
2493
|
+
// tempFetchQueriesEngineContext.fetchtabexcountries = true;
|
|
2494
|
+
// setFetchQueriesEngineContext({ ...tempFetchQueriesEngineContext });
|
|
2495
|
+
// var tempFetchTabexStatesPayloadobjContext = { ...FetchTabexStatesPayloadobjContext };
|
|
2496
|
+
// if (
|
|
2497
|
+
// // Aya
|
|
2498
|
+
// !fetchcustomercartQueryContext.isFetching &&
|
|
2499
|
+
// fetchcustomercartQueryContext.isSuccess &&
|
|
2500
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
|
|
2501
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart.countryid != null &&
|
|
2502
|
+
// // End
|
|
2503
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart.countryid.length != 0
|
|
2504
|
+
// ) {
|
|
2505
|
+
// tempFetchTabexStatesPayloadobjContext.country_id = fetchcustomercartQueryContext?.data?.data?.customercart.countryid;
|
|
2506
|
+
// }
|
|
2507
|
+
// if (
|
|
2508
|
+
// // aya
|
|
2509
|
+
// !fetchcustomercartQueryContext.isFetching &&
|
|
2510
|
+
// fetchcustomercartQueryContext.isSuccess &&
|
|
2511
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart != undefined &&
|
|
2512
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart.stateid != null &&
|
|
2513
|
+
// // end
|
|
2514
|
+
// fetchcustomercartQueryContext?.data?.data?.customercart.stateid.length != 0
|
|
2515
|
+
// ) {
|
|
2516
|
+
// tempFetchTabexStatesPayloadobjContext.state_id = fetchcustomercartQueryContext?.data?.data?.customercart.stateid;
|
|
2517
|
+
// }
|
|
2518
|
+
// setFetchTabexStatesPayloadobjContext({ ...tempFetchTabexStatesPayloadobjContext });
|
|
2519
|
+
// // } else {
|
|
2520
|
+
// // routingcountext('');
|
|
2521
|
+
// // }
|
|
2522
|
+
// }, []);
|
|
2523
|
+
// const cartinfoupdater = (key, value) => {
|
|
2524
|
+
// var cartarr = queryClient.getQueryData('fetchcustomercart_API');
|
|
2525
|
+
// cartarr.data.customercart[key] = value;
|
|
2526
|
+
// queryClient.setQueryData('fetchcustomercart_API', cartarr);
|
|
2527
|
+
// var payloadobj = {
|
|
2528
|
+
// stateid: fetchcustomercartQueryContext?.data?.data?.customercart.stateid,
|
|
2529
|
+
// countryid: fetchcustomercartQueryContext?.data?.data?.customercart.countryid,
|
|
2530
|
+
// cityid: fetchcustomercartQueryContext?.data?.data?.customercart.cityid,
|
|
2531
|
+
// address: fetchcustomercartQueryContext?.data?.data?.customercart.address,
|
|
2532
|
+
// paymentmethod: fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod,
|
|
2533
|
+
// name: fetchcustomercartQueryContext?.data?.data?.customercart.name,
|
|
2534
|
+
// email: fetchcustomercartQueryContext?.data?.data?.customercart.email,
|
|
2535
|
+
// mobile: fetchcustomercartQueryContext?.data?.data?.customercart.mobile,
|
|
2536
|
+
// };
|
|
2537
|
+
// if (key == 'address' || key == 'name' || key == 'mobile' || key == 'email') {
|
|
2538
|
+
// clearTimeout(timer);
|
|
2539
|
+
// settimer(
|
|
2540
|
+
// setTimeout(() => {
|
|
2541
|
+
// ChooseState_CountryMutationContext.mutate(payloadobj);
|
|
2542
|
+
// }, 1500),
|
|
2543
|
+
// );
|
|
2544
|
+
// } else {
|
|
2545
|
+
// ChooseState_CountryMutationContext.mutate(payloadobj);
|
|
2546
|
+
// }
|
|
2547
|
+
// };
|
|
2548
|
+
// const checkoutstyles = {
|
|
2549
|
+
// Salepricestyless: css({
|
|
2550
|
+
// fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
2551
|
+
// fontWeight: sectionproperties.prodsalePriceFontWeight,
|
|
2552
|
+
// color: sectionproperties.prodsalePriceColor,
|
|
2553
|
+
// show: sectionproperties.prodsalePriceshow,
|
|
2554
|
+
// transition: '.3s',
|
|
2555
|
+
// }),
|
|
2556
|
+
// userinfo_iconcont: css({
|
|
2557
|
+
// width: sectionproperties.userinfo_iconwidth + 'px',
|
|
2558
|
+
// height: sectionproperties.userinfo_iconheight + 'px',
|
|
2559
|
+
// background: sectionproperties.userinfo_iconbg,
|
|
2560
|
+
// borderRadius: sectionproperties.userinfo_iconborderbottomleftradius + 'px',
|
|
2561
|
+
// color: sectionproperties.userinfo_iconcolor,
|
|
2562
|
+
// }),
|
|
2563
|
+
// userinfotextstyles: css({
|
|
2564
|
+
// color: sectionproperties.userinfo_color,
|
|
2565
|
+
// fontWeight: sectionproperties.userinfo_fontweight,
|
|
2566
|
+
// fontSize: sectionproperties.userinfo_fontsize + 'px',
|
|
2567
|
+
// }),
|
|
2568
|
+
// input_label_name: css({
|
|
2569
|
+
// color: sectionproperties.form_labelcolor,
|
|
2570
|
+
// textTransform: sectionproperties.form_labeltexttransform,
|
|
2571
|
+
// fontWeight: sectionproperties.form_labelfontweight,
|
|
2572
|
+
// fontSize: sectionproperties.form_labelfontsize + 'px',
|
|
2573
|
+
// }),
|
|
2574
|
+
// checkbox: css({
|
|
2575
|
+
// color: sectionproperties.checkbox_color,
|
|
2576
|
+
// textTransform: sectionproperties.form_labeltexttransform,
|
|
2577
|
+
// fontWeight: sectionproperties.form_labelfontweight,
|
|
2578
|
+
// fontSize: sectionproperties.form_labelfontsize + 'px',
|
|
2579
|
+
// transition: '.3s',
|
|
2580
|
+
// ':hover': {
|
|
2581
|
+
// color: sectionproperties.checkbox_texthovercolor,
|
|
2582
|
+
// },
|
|
2583
|
+
// 'input:checked': {
|
|
2584
|
+
// color: sectionproperties.checkbox_checkedcolor,
|
|
2585
|
+
// },
|
|
2586
|
+
// }),
|
|
2587
|
+
// checkboxinputstyles: css({
|
|
2588
|
+
// ':hover:not(:checked)': {
|
|
2589
|
+
// boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_texthovercolor,
|
|
2590
|
+
// },
|
|
2591
|
+
// ':checked': {
|
|
2592
|
+
// boxShadow: 'inset 0 0 0 2px ' + sectionproperties.checkbox_checkedcolor,
|
|
2593
|
+
// },
|
|
2594
|
+
// }),
|
|
2595
|
+
// svgstyles: css({
|
|
2596
|
+
// stroke: 'var(--stroke, ' + sectionproperties.checkbox_checkedcolor + ')',
|
|
2597
|
+
// }),
|
|
2598
|
+
// innersectiontitlestyles: css({
|
|
2599
|
+
// color: sectionproperties.innersection_titlecolor,
|
|
2600
|
+
// fontSize: sectionproperties.innersection_titlefontsize + 'px',
|
|
2601
|
+
// fontWeight: sectionproperties.innersection_titlefontweight,
|
|
2602
|
+
// textTransform: sectionproperties.innersection_titletextTransform,
|
|
2603
|
+
// }),
|
|
2604
|
+
// summarysectionstyles: css({
|
|
2605
|
+
// fontSize: sectionproperties.summary_fontsize + 'px',
|
|
2606
|
+
// color: sectionproperties.summary_textcolor,
|
|
2607
|
+
// fontWeight: sectionproperties.summary_textfontweight,
|
|
2608
|
+
// textTransform: sectionproperties.summary_texttransform,
|
|
2609
|
+
// textAlign: langdetect == 'en' ? 'left' : 'right',
|
|
2610
|
+
// }),
|
|
2611
|
+
// checkoutbtnstyles: css({
|
|
2612
|
+
// background: sectionproperties.checkoutBtnbgColor,
|
|
2613
|
+
// width: sectionproperties.checkoutBtnWidth,
|
|
2614
|
+
// height: sectionproperties.checkoutBtnHeight,
|
|
2615
|
+
// borderRadius: sectionproperties.checkout_borderBottomLeftRadius + 'px',
|
|
2616
|
+
// color: sectionproperties.checkoutBtnTextcolor,
|
|
2617
|
+
// textTransform: sectionproperties.checkoutBtnTexttransform,
|
|
2618
|
+
// fontWeight: sectionproperties.checkoutBtnTextfontweight,
|
|
2619
|
+
// fontSize: sectionproperties.checkoutBtnTextfontsize + 'px',
|
|
2620
|
+
// border: sectionproperties.checkoutBtn_borderwidth + 'px solid ' + sectionproperties.checkoutBtn_bordercolor,
|
|
2621
|
+
// transition: '.3s',
|
|
2622
|
+
// ':hover': {
|
|
2623
|
+
// background: sectionproperties.checkoutBtnbgColoronhover_tranparent == 'Transparent' ? 'transparent' : sectionproperties.checkoutBtnbgColoronhover,
|
|
2624
|
+
// color: sectionproperties.checkoutBtnTextcoloronhover,
|
|
2625
|
+
// },
|
|
2626
|
+
// }),
|
|
2627
|
+
// productNameStyles: css({
|
|
2628
|
+
// color: sectionproperties.prodNameColor,
|
|
2629
|
+
// fontSize: sectionproperties.prodNameFontSize + 'px',
|
|
2630
|
+
// textTransform: sectionproperties.prodNameTextTranform,
|
|
2631
|
+
// fontWeight: sectionproperties.prodNameFontWeight,
|
|
2632
|
+
// }),
|
|
2633
|
+
// productPricestyles: css({
|
|
2634
|
+
// color: sectionproperties.prodPriceColor,
|
|
2635
|
+
// fontSize: sectionproperties.prodpriceFontSize + 'px',
|
|
2636
|
+
// fontWeight: sectionproperties.prodPriceFontWeight,
|
|
2637
|
+
// }),
|
|
2638
|
+
// productSalePricestyles: css({
|
|
2639
|
+
// color: sectionproperties.prodsalePriceColor,
|
|
2640
|
+
// fontSize: sectionproperties.prodsalepriceFontSize + 'px',
|
|
2641
|
+
// fontWeight: sectionproperties.prodsalePriceFontWeight,
|
|
2642
|
+
// }),
|
|
2643
|
+
// imagecont: css({
|
|
2644
|
+
// width: '8vh',
|
|
2645
|
+
// height: '8vh',
|
|
2646
|
+
// border: sectionproperties.prodimage_borderwidth + 'px solid ' + sectionproperties.prodimage_color,
|
|
2647
|
+
// backgroundColor: sectionproperties.prodimage_bgcolor,
|
|
2648
|
+
// borderBottomLeftRadius: sectionproperties.prodimage__borderBottomLeftRadius + 'px',
|
|
2649
|
+
// borderBottomRightRadius: sectionproperties.prodimage__borderBottomRightRadius + 'px',
|
|
2650
|
+
// borderTopLeftRadius: sectionproperties.prodimage__borderTopLeftRadius + 'px',
|
|
2651
|
+
// borderTopRightRadius: sectionproperties.prodimage__borderTopRightRadius + 'px',
|
|
2652
|
+
// display: 'flex',
|
|
2653
|
+
// alignItems: 'center',
|
|
2654
|
+
// justifyContent: 'center',
|
|
2655
|
+
// backgroundRepeat: 'no-repeat',
|
|
2656
|
+
// backgroundSize: 'cover',
|
|
2657
|
+
// backgroundPosition: 'center',
|
|
2658
|
+
// position: 'relative',
|
|
2659
|
+
// }),
|
|
2660
|
+
// applybtnstyles: css({
|
|
2661
|
+
// width: sectionproperties.applybtn_width + 'px',
|
|
2662
|
+
// height: sectionproperties.applybtn_height + 'px',
|
|
2663
|
+
// borderRadius: sectionproperties.applybtn_borderBottomLeftRadius + 'px',
|
|
2664
|
+
// textTransform: sectionproperties.applybtn_texttransform,
|
|
2665
|
+
// fontSize: sectionproperties.applybtn_fontsize + 'px',
|
|
2666
|
+
// color: sectionproperties.applybtn_textColor,
|
|
2667
|
+
// fontWeight: sectionproperties.applybtn_Textfontweight,
|
|
2668
|
+
// background: sectionproperties.applybtn_bgColor,
|
|
2669
|
+
// border: sectionproperties.applybtnborderwidth + 'px solid ' + sectionproperties.applybtnbordercolor,
|
|
2670
|
+
// transition: '.3s',
|
|
2671
|
+
// ':hover': {
|
|
2672
|
+
// background: sectionproperties.applybtn_bgColoronhover,
|
|
2673
|
+
// color: sectionproperties.applybtn_Textcoloronhover,
|
|
2674
|
+
// },
|
|
2675
|
+
// }),
|
|
2676
|
+
// inputfiledstyles: css({}),
|
|
2677
|
+
// checkorderbtnstyles: css({
|
|
2678
|
+
// background: sectionproperties.generalbtn_bgColor,
|
|
2679
|
+
// width: sectionproperties.generalbtn_width,
|
|
2680
|
+
// height: sectionproperties.generalbtn_height,
|
|
2681
|
+
// borderBottomLeftRadius: sectionproperties.generalbtn_borderbottomleftradius + 'px',
|
|
2682
|
+
// borderBottomRightRadius: sectionproperties.generalbtn_borderbottomrightradius + 'px',
|
|
2683
|
+
// borderTopLeftRadius: sectionproperties.generalbtn_bordertopleftradius + 'px',
|
|
2684
|
+
// borderTopRightRadius: sectionproperties.generalbtn_bordertoprightradius + 'px',
|
|
2685
|
+
// color: sectionproperties.generalbtn_textColor,
|
|
2686
|
+
// textTransform: sectionproperties.generalbtn_texttransform,
|
|
2687
|
+
// fontWeight: sectionproperties.generalbtn_fontweight,
|
|
2688
|
+
// fontSize: sectionproperties.generalbtn_fontsize + 'px',
|
|
2689
|
+
// border: sectionproperties.generalbtn_borderwidth + 'px solid ' + sectionproperties.generalbtn_bordercolor,
|
|
2690
|
+
// transition: '.3s',
|
|
2691
|
+
// ':hover': {
|
|
2692
|
+
// background: sectionproperties.generalbtn_bgColoronhover,
|
|
2693
|
+
// color: sectionproperties.generalbtn_textColoronhover,
|
|
2694
|
+
// },
|
|
2695
|
+
// }),
|
|
2696
|
+
// input_label_name: css({
|
|
2697
|
+
// color: sectionproperties.form_labelcolor,
|
|
2698
|
+
// textTransform: sectionproperties.form_labeltexttransform,
|
|
2699
|
+
// fontWeight: sectionproperties.form_labelfontweight,
|
|
2700
|
+
// fontSize: sectionproperties.form_labelfontsize + 'px',
|
|
2701
|
+
// }),
|
|
2702
|
+
// };
|
|
2703
|
+
// const Mycart = () => {
|
|
2704
|
+
// return (
|
|
2705
|
+
// <div className="row m-0 w-100">
|
|
2706
|
+
// <div className="col-lg-12 d-flex align-items-center p-0">
|
|
2707
|
+
// <p
|
|
2708
|
+
// style={{
|
|
2709
|
+
// fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
2710
|
+
// color: sectionproperties.sectionTitleColor,
|
|
2711
|
+
// marginTop: sectionproperties.sectionTitleMarginTop + 'px',
|
|
2712
|
+
// marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
|
|
2713
|
+
// textTransform: sectionproperties.sectionTitleTextTransform,
|
|
2714
|
+
// fontWeight: sectionproperties.sectionTitleFontWeight,
|
|
2715
|
+
// }}
|
|
2716
|
+
// >
|
|
2717
|
+
// {lang.mycart}
|
|
2718
|
+
// </p>
|
|
2719
|
+
// </div>
|
|
2720
|
+
// {ChooseState_CountryMutationContext.isLoading && <CircularProgress />}
|
|
2721
|
+
// {!ChooseState_CountryMutationContext.isLoading && (
|
|
2722
|
+
// <div className="row m-0 w-100">
|
|
2723
|
+
// <div className="col-lg-12 p-0">
|
|
2724
|
+
// {fetchcustomercartQueryContext?.data?.data?.customercart.cartitems.map((item, index) => {
|
|
2725
|
+
// return (
|
|
2726
|
+
// <div
|
|
2727
|
+
// className={langdetect == 'en' ? 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pl-2 pr-0 mb-3' : 'col-lg-12 col-md-12 col-sm-12 pt-3 pb-3 pr-2 pl-0 mb-3'}
|
|
2728
|
+
// style={{
|
|
2729
|
+
// background: sectionproperties.summary_sectionbgcolor,
|
|
2730
|
+
// borderRadius: sectionproperties.summary_sectionborderbottomleftradius + 'px',
|
|
2731
|
+
// border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
|
|
2732
|
+
// }}
|
|
2733
|
+
// >
|
|
2734
|
+
// <div className="row m-0 w-100 d-flex">
|
|
2735
|
+
// <div className={`${checkoutstyles.imagecont}`}>
|
|
2736
|
+
// <IKImage
|
|
2737
|
+
// urlEndpoint={IKurlEndpoint}
|
|
2738
|
+
// publicKey={IKpublicKey}
|
|
2739
|
+
// path={
|
|
2740
|
+
// item.productinfo.hasvariants == 0
|
|
2741
|
+
// ? '/tr:w-300,h-300/' + item.productinfo.productmainimage
|
|
2742
|
+
// : '/tr:w-300,h-300/' + item.productinfo.variantinfo.variantimageurl
|
|
2743
|
+
// }
|
|
2744
|
+
// style={{
|
|
2745
|
+
// width: '100%',
|
|
2746
|
+
// height: '100%',
|
|
2747
|
+
// objectFit: 'cover',
|
|
2748
|
+
// }}
|
|
2749
|
+
// loading="lazy"
|
|
2750
|
+
// />
|
|
2751
|
+
// </div>
|
|
2752
|
+
// <div className="col-lg-7 col-md-7 col-sm-7">
|
|
2753
|
+
// <div className="row m-0 w-100">
|
|
2754
|
+
// <div className="col-lg-12 col-md-12 col-sm-12 p-0">
|
|
2755
|
+
// <p className={`${checkoutstyles.productNameStyles}` + ' m-0 p-0 d-flex justify-content-start '}>
|
|
2756
|
+
// {langdetect == 'en' ? item.productinfo.name_en : item.productinfo.name_ar}
|
|
2757
|
+
// </p>
|
|
2758
|
+
// </div>
|
|
2759
|
+
// <div className="col-lg-12 p-0">
|
|
2760
|
+
// <p className="m-0 p-0 font-weight-500 text-light d-flex justify-content-start">
|
|
2761
|
+
// {lang.qty}: {item.quantity}
|
|
2762
|
+
// </p>
|
|
2763
|
+
// </div>
|
|
2764
|
+
// {item.productinfo.hasvariants == 1 &&
|
|
2765
|
+
// item.productinfo.variantinfo.variantoptions.map((variantitem, variantindex) => {
|
|
2766
|
+
// return (
|
|
2767
|
+
// <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex">
|
|
2768
|
+
// <p className={'text-capitalize text-dark m-0 p-0 font-weight-500 font-13 m-0 p-0 '}>{variantitem.optionname}:</p>
|
|
2769
|
+
// <p className={' text-capitalize text-dark font-weight-500 m-0 p-0 ml-1 mr-1 '}>{variantitem.optionvalue}</p>
|
|
2770
|
+
// </div>
|
|
2771
|
+
// );
|
|
2772
|
+
// })}
|
|
2773
|
+
// </div>
|
|
2774
|
+
// </div>
|
|
2775
|
+
// <div className="col-lg-3 col-md-3 col-sm-2 p-0">
|
|
2776
|
+
// <div className="row m-0 w-100 h-100">
|
|
2777
|
+
// <div className="col-lg-12 col-md-12 col-sm-12 p-0 d-flex align-items-center justify-content-end mb-auto">
|
|
2778
|
+
// {item.productinfo.hasvariants == 0 && (
|
|
2779
|
+
// <div className="row m-0 w-100 d-flex flex-column justify-content-end">
|
|
2780
|
+
// {item.productinfo.hassale == 0 && (
|
|
2781
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end">
|
|
2782
|
+
// <p
|
|
2783
|
+
// className={
|
|
2784
|
+
// langdetect == 'en'
|
|
2785
|
+
// ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
|
|
2786
|
+
// : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
|
|
2787
|
+
// }
|
|
2788
|
+
// >
|
|
2789
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
2790
|
+
// </p>
|
|
2791
|
+
// </div>
|
|
2792
|
+
// )}
|
|
2793
|
+
// {item.productinfo.hassale == 1 && (
|
|
2794
|
+
// <div className="row m-0 w-100 d-flex flex-column justify-content-end">
|
|
2795
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end">
|
|
2796
|
+
// <p
|
|
2797
|
+
// className={
|
|
2798
|
+
// langdetect == 'en'
|
|
2799
|
+
// ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
|
|
2800
|
+
// : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
|
|
2801
|
+
// }
|
|
2802
|
+
// >
|
|
2803
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultsaleprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
2804
|
+
// </p>
|
|
2805
|
+
// </div>
|
|
2806
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end">
|
|
2807
|
+
// <p
|
|
2808
|
+
// className={
|
|
2809
|
+
// langdetect == 'en'
|
|
2810
|
+
// ? `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-right '
|
|
2811
|
+
// : `${checkoutstyles.Salepricestyless}` + ' linethrough mb-0 p-0 wordbreak text-left '
|
|
2812
|
+
// }
|
|
2813
|
+
// >
|
|
2814
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.defaultprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
2815
|
+
// </p>
|
|
2816
|
+
// </div>
|
|
2817
|
+
// </div>
|
|
2818
|
+
// )}
|
|
2819
|
+
// </div>
|
|
2820
|
+
// )}
|
|
2821
|
+
// {item.productinfo.hasvariants == 1 && (
|
|
2822
|
+
// <div className="row m-0 w-100 d-flex flex-column justify-content-end">
|
|
2823
|
+
// {item.productinfo.variantinfo.hassale == 0 && (
|
|
2824
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end">
|
|
2825
|
+
// <p
|
|
2826
|
+
// className={
|
|
2827
|
+
// langdetect == 'en'
|
|
2828
|
+
// ? `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-right '
|
|
2829
|
+
// : `${checkoutstyles.productPricestyles}` + ' m-0 p-0 wordbreak text-left '
|
|
2830
|
+
// }
|
|
2831
|
+
// >
|
|
2832
|
+
// {langdetect == 'en' ? 'EGP' : 'ج.م'} {item.productinfo.variantinfo.variantprice}
|
|
2833
|
+
// </p>
|
|
2834
|
+
// </div>
|
|
2835
|
+
// )}
|
|
2836
|
+
// {item.productinfo.variantinfo.hassale == 1 && (
|
|
2837
|
+
// <div className="row m-0 w-100 d-flex flex-column justify-content-end">
|
|
2838
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end">
|
|
2839
|
+
// <p
|
|
2840
|
+
// className={
|
|
2841
|
+
// langdetect == 'en'
|
|
2842
|
+
// ? `${checkoutstyles.productPricestyles}` +
|
|
2843
|
+
// ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
|
|
2844
|
+
// : `${checkoutstyles.productPricestyles}` +
|
|
2845
|
+
// ' m-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
|
|
2846
|
+
// }
|
|
2847
|
+
// >
|
|
2848
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantsaleprice}
|
|
2849
|
+
// {langdetect == 'en' ? '' : 'ج.م'}
|
|
2850
|
+
// </p>
|
|
2851
|
+
// </div>
|
|
2852
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end">
|
|
2853
|
+
// <p
|
|
2854
|
+
// className={
|
|
2855
|
+
// langdetect == 'en'
|
|
2856
|
+
// ? `${checkoutstyles.Salepricestyless}` +
|
|
2857
|
+
// ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-right '
|
|
2858
|
+
// : `${checkoutstyles.Salepricestyless}` +
|
|
2859
|
+
// ' linethrough mb-0 p-0 wordbreak d-flex align-items-center justify-content-end text-left '
|
|
2860
|
+
// }
|
|
2861
|
+
// >
|
|
2862
|
+
// {langdetect == 'en' ? 'EGP' : ''} {item.productinfo.variantinfo.variantprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
2863
|
+
// </p>
|
|
2864
|
+
// </div>
|
|
2865
|
+
// </div>
|
|
2866
|
+
// )}
|
|
2867
|
+
// </div>
|
|
2868
|
+
// )}
|
|
2869
|
+
// </div>
|
|
2870
|
+
// </div>
|
|
2871
|
+
// </div>
|
|
2872
|
+
// </div>
|
|
2873
|
+
// </div>
|
|
2874
|
+
// );
|
|
2875
|
+
// })}
|
|
2876
|
+
// <div
|
|
2877
|
+
// className={' row m-0 w-100 p-3'}
|
|
2878
|
+
// style={{
|
|
2879
|
+
// background: sectionproperties.summary_sectionbgcolor,
|
|
2880
|
+
// borderRadius: sectionproperties.summary_sectionborderradius + 'px',
|
|
2881
|
+
// border: sectionproperties.summary_sectionborderwidth + 'px solid ' + sectionproperties.summary_sectionbordercolor,
|
|
2882
|
+
// }}
|
|
2883
|
+
// >
|
|
2884
|
+
// <div className="col-lg-12 p-0 mb-1">
|
|
2885
|
+
// <div className="col-lg-12 p-0 mb-4">
|
|
2886
|
+
// <label className={`${checkoutstyles.input_label_name}` + ' m-0 p-0 mb-2 d-flex justify-content-start '}>{lang.doyouhavepromocode}</label>
|
|
2887
|
+
// <div className={' row m-0 w-100 d-flex justify-content-center align-items-center '}>
|
|
2888
|
+
// <div className={'col-lg-12 col-md-12 col-sm-12 p-0 mb-3'}>
|
|
2889
|
+
// <input
|
|
2890
|
+
// type="text"
|
|
2891
|
+
// className={`${formstyles.form_control}`}
|
|
2892
|
+
// style={{
|
|
2893
|
+
// borderRadius: sectionproperties.inputfieldborderradius + 'px',
|
|
2894
|
+
// fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
2895
|
+
// color: sectionproperties.inputfieldcolor,
|
|
2896
|
+
// backgroundColor: sectionproperties.input_bgcolor,
|
|
2897
|
+
// }}
|
|
2898
|
+
// placeholder={lang.giftcarddicountcode}
|
|
2899
|
+
// value={fetchcustomercartQueryContext?.data?.data?.customercart.couponname}
|
|
2900
|
+
// onChange={(event) => {
|
|
2901
|
+
// var cartarr = queryClient.getQueryData('fetchcustomercart_API');
|
|
2902
|
+
// cartarr.data.customercart.couponname = event.target.value;
|
|
2903
|
+
// queryClient.setQueryData('fetchcustomercart_API', cartarr);
|
|
2904
|
+
// }}
|
|
2905
|
+
// disabled={fetchcustomercartQueryContext?.data?.data?.customercart.couponexists ? true : false}
|
|
2906
|
+
// />
|
|
2907
|
+
// </div>
|
|
2908
|
+
// <div className="col-lg-12 col-md-12 col-sm-12 d-flex align-items-center justify-content-center">
|
|
2909
|
+
// <button
|
|
2910
|
+
// className={` ${checkoutstyles.applybtnstyles}`}
|
|
2911
|
+
// onClick={() => {
|
|
2912
|
+
// if (!fetchcustomercartQueryContext?.data?.data?.customercart.couponexists) {
|
|
2913
|
+
// var payloadobj = {
|
|
2914
|
+
// couponname: fetchcustomercartQueryContext?.data?.data?.customercart.couponname,
|
|
2915
|
+
// functype: 'add',
|
|
2916
|
+
// };
|
|
2917
|
+
// if (fetchcustomercartQueryContext?.data?.data?.customercart.couponname.length != 0) {
|
|
2918
|
+
// ApplyPromoCodeMutationContext.mutate(payloadobj);
|
|
2919
|
+
// } else {
|
|
2920
|
+
// NotificationManager.warning('', 'Please Type Promo Code');
|
|
2921
|
+
// }
|
|
2922
|
+
// } else {
|
|
2923
|
+
// var payloadobj = {
|
|
2924
|
+
// functype: 'delete',
|
|
2925
|
+
// };
|
|
2926
|
+
// ApplyPromoCodeMutationContext.mutate(payloadobj);
|
|
2927
|
+
// }
|
|
2928
|
+
// }}
|
|
2929
|
+
// disabled={ApplyPromoCodeMutationContext.isLoading ? true : false}
|
|
2930
|
+
// >
|
|
2931
|
+
// <span className={ApplyPromoCodeMutationContext.isLoading ? `${generalstyles.fadeOutButton}` : `${generalstyles.fadeInButton}`}>
|
|
2932
|
+
// {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists
|
|
2933
|
+
// ? langdetect == 'en'
|
|
2934
|
+
// ? 'Remove'
|
|
2935
|
+
// : 'حذف'
|
|
2936
|
+
// : langdetect == 'en'
|
|
2937
|
+
// ? 'Apply'
|
|
2938
|
+
// : 'تطبيق'}
|
|
2939
|
+
// </span>
|
|
2940
|
+
// <div
|
|
2941
|
+
// className={
|
|
2942
|
+
// ApplyPromoCodeMutationContext.isLoading
|
|
2943
|
+
// ? `${generalstyles.fadeInButton} ${generalstyles.btn_preloader}` + ' d-flex align-items-center justify-content-center '
|
|
2944
|
+
// : `${generalstyles.fadeOutButton}` + ' align-items-center justify-content-center '
|
|
2945
|
+
// }
|
|
2946
|
+
// >
|
|
2947
|
+
// <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />
|
|
2948
|
+
// </div>
|
|
2949
|
+
// </button>
|
|
2950
|
+
// </div>
|
|
2951
|
+
// </div>
|
|
2952
|
+
// </div>
|
|
2953
|
+
// <div className="row m-0 w-100">
|
|
2954
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 p-0">
|
|
2955
|
+
// <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-center wordbreak '}>{lang.subtotal}</p>
|
|
2956
|
+
// </div>
|
|
2957
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
|
|
2958
|
+
// <p
|
|
2959
|
+
// className={
|
|
2960
|
+
// langdetect == 'en'
|
|
2961
|
+
// ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
|
|
2962
|
+
// : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
|
|
2963
|
+
// }
|
|
2964
|
+
// >
|
|
2965
|
+
// {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
2966
|
+
// </p>
|
|
2967
|
+
// </div>
|
|
2968
|
+
// </div>
|
|
2969
|
+
// </div>
|
|
2970
|
+
// {fetchcustomercartQueryContext?.data?.data?.customercart.couponexists && fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
|
|
2971
|
+
// <div className="col-lg-12 p-0 mb-1">
|
|
2972
|
+
// <div className="row m-0 w-100">
|
|
2973
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 p-0">
|
|
2974
|
+
// <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 text-danger d-flex align-items-start wordbreak '}>{lang.discount}</p>
|
|
2975
|
+
// </div>
|
|
2976
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
|
|
2977
|
+
// <p
|
|
2978
|
+
// className={
|
|
2979
|
+
// langdetect == 'en'
|
|
2980
|
+
// ? `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-right '
|
|
2981
|
+
// : `${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 text-danger wordbreak text-left '
|
|
2982
|
+
// }
|
|
2983
|
+
// >
|
|
2984
|
+
// {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice != 0 && (
|
|
2985
|
+
// <span>
|
|
2986
|
+
// - {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice}{' '}
|
|
2987
|
+
// {langdetect == 'en' ? '' : 'ج.م'}
|
|
2988
|
+
// </span>
|
|
2989
|
+
// )}
|
|
2990
|
+
// {fetchcustomercartQueryContext?.data?.data?.customercart.discountprice == 0 && <span>0</span>}
|
|
2991
|
+
// </p>
|
|
2992
|
+
// </div>
|
|
2993
|
+
// </div>
|
|
2994
|
+
// </div>
|
|
2995
|
+
// )}
|
|
2996
|
+
// <div className="col-lg-12 p-0">
|
|
2997
|
+
// <div className="row m-0 w-100">
|
|
2998
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 p-0">
|
|
2999
|
+
// <p className={`${checkoutstyles.summarysectionstyles} ` + ' m-0 p-0 d-flex align-items-start wordbreak '}>{lang.shippingfees}</p>
|
|
3000
|
+
// </div>
|
|
3001
|
+
// {fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
|
|
3002
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
|
|
3003
|
+
// <p
|
|
3004
|
+
// className={
|
|
3005
|
+
// langdetect == 'en'
|
|
3006
|
+
// ? `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-right '
|
|
3007
|
+
// : `${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 wordbreak text-left '
|
|
3008
|
+
// }
|
|
3009
|
+
// >
|
|
3010
|
+
// {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.zoneprice} {langdetect == 'en' ? '' : 'ج.م'}
|
|
3011
|
+
// </p>
|
|
3012
|
+
// </div>
|
|
3013
|
+
// )}
|
|
3014
|
+
// {!fetchcustomercartQueryContext?.data?.data?.customercart.zoneexists && (
|
|
3015
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 d-flex justify-content-end p-0">
|
|
3016
|
+
// <p className={`${checkoutstyles.summarysectionstyles}` + ' m-0 p-0 d-flex align-items-start wordbreak '} style={{ color: 'red' }}>
|
|
3017
|
+
// {lang.outofzone}
|
|
3018
|
+
// </p>
|
|
3019
|
+
// </div>
|
|
3020
|
+
// )}
|
|
3021
|
+
// </div>
|
|
3022
|
+
// </div>
|
|
3023
|
+
// <div className="col-lg-12 p-0">
|
|
3024
|
+
// <hr className="mt-2 mb-2" />
|
|
3025
|
+
// </div>
|
|
3026
|
+
// <div className="col-lg-12 p-0">
|
|
3027
|
+
// <div className="row m-0 w-100">
|
|
3028
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 p-0">
|
|
3029
|
+
// <p
|
|
3030
|
+
// className="d-flex align-items-start"
|
|
3031
|
+
// style={{
|
|
3032
|
+
// fontSize: sectionproperties.total_fontsize + 'px',
|
|
3033
|
+
// fontWeight: sectionproperties.total_fontweight,
|
|
3034
|
+
// textTransform: sectionproperties.total_texttransform,
|
|
3035
|
+
// color: sectionproperties.total_color,
|
|
3036
|
+
// }}
|
|
3037
|
+
// >
|
|
3038
|
+
// {lang.total}
|
|
3039
|
+
// </p>
|
|
3040
|
+
// </div>
|
|
3041
|
+
// <div className="col-lg-6 col-md-6 col-sm-6 p-0">
|
|
3042
|
+
// <div className="row m-0 w-100">
|
|
3043
|
+
// <div className="col-lg-12 p-0 d-flex justify-content-end ">
|
|
3044
|
+
// <p
|
|
3045
|
+
// className={langdetect == 'en' ? ' wordbreak text-right ' : 'wordbreak text-left '}
|
|
3046
|
+
// style={{
|
|
3047
|
+
// fontSize: sectionproperties.total_fontsize + 'px',
|
|
3048
|
+
// fontWeight: sectionproperties.total_fontweight,
|
|
3049
|
+
// textTransform: sectionproperties.total_texttransform,
|
|
3050
|
+
// color: sectionproperties.total_color,
|
|
3051
|
+
// }}
|
|
3052
|
+
// >
|
|
3053
|
+
// {langdetect == 'en' ? 'EGP' : ''} {fetchcustomercartQueryContext?.data?.data?.customercart.totalpriceafterdiscount}{' '}
|
|
3054
|
+
// {langdetect == 'en' ? '' : 'ج.م'}
|
|
3055
|
+
// </p>
|
|
3056
|
+
// </div>
|
|
3057
|
+
// </div>
|
|
3058
|
+
// </div>
|
|
3059
|
+
// </div>
|
|
3060
|
+
// </div>
|
|
3061
|
+
// <div className="col-lg-12 d-flex align-items-center justify-content-center mb-2 mt-sm-3">
|
|
3062
|
+
// <button
|
|
3063
|
+
// className={` ${checkoutstyles.checkoutbtnstyles}` + ' d-flex align-items-center justify-content-center '}
|
|
3064
|
+
// onClick={() => {
|
|
3065
|
+
// var payloadobj = {};
|
|
3066
|
+
// AddOrderMutationContext.mutate(payloadobj);
|
|
3067
|
+
// }}
|
|
3068
|
+
// disabled={AddOrderMutationContext.isLoading ? true : false}
|
|
3069
|
+
// >
|
|
3070
|
+
// {AddOrderMutationContext.isLoading && <CircularProgress color="#fff" width="20px" height="20px" duration="1s" />}
|
|
3071
|
+
// {!AddOrderMutationContext.isLoading
|
|
3072
|
+
// ? fetchcustomercartQueryContext?.data?.data?.customercart.paymentmethod == 'onlinepayment'
|
|
3073
|
+
// ? lang.continuetopayment
|
|
3074
|
+
// : authdetailsContext.loggedin
|
|
3075
|
+
// ? lang.confirmorder
|
|
3076
|
+
// : lang.confirmorder + ' ' + lang.asaguest
|
|
3077
|
+
// : ''}
|
|
3078
|
+
// </button>
|
|
3079
|
+
// </div>
|
|
3080
|
+
// </div>
|
|
3081
|
+
// </div>
|
|
3082
|
+
// </div>
|
|
3083
|
+
// )}
|
|
3084
|
+
// </div>
|
|
3085
|
+
// );
|
|
3086
|
+
// };
|
|
3058
3087
|
return /*#__PURE__*/React.createElement("div", {
|
|
3059
3088
|
className: 'row m-0 w-100 mb-3 d-flex justify-content-center p-sm-0 mt-sm-3'
|
|
3060
|
-
},
|
|
3061
|
-
className: 'col-lg-12 w-100 d-flex justify-content-center pl-md-3 pr-md-3 pl-sm-2 pr-sm-2',
|
|
3062
|
-
style: {
|
|
3063
|
-
marginTop: sectionproperties.marginTop + 'px',
|
|
3064
|
-
marginBottom: sectionproperties.marginBottom + 'px',
|
|
3065
|
-
paddingLeft: sectionproperties.paddingLeft + 'px',
|
|
3066
|
-
paddingRight: sectionproperties.paddingRight + 'px',
|
|
3067
|
-
paddingTop: sectionproperties.paddingTop + 'px',
|
|
3068
|
-
paddingBottom: sectionproperties.paddingBottom + 'px',
|
|
3069
|
-
background: sectionproperties.backgroundColor,
|
|
3070
|
-
borderBottomLeftRadius: sectionproperties.borderBottomLeftRadius + 'px',
|
|
3071
|
-
borderBottomRightRadius: sectionproperties.borderBottomRightRadius + 'px',
|
|
3072
|
-
borderTopLeftRadius: sectionproperties.borderTopLeftRadius + 'px',
|
|
3073
|
-
borderTopRightRadius: sectionproperties.borderTopRightRadius + 'px'
|
|
3074
|
-
}
|
|
3075
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3076
|
-
className: 'row m-0 w-100 justify-content-center '
|
|
3077
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3078
|
-
className: langdetect == 'en' ? ' col-lg-8 col-md-12 pl-0 p-md-0 ' : ' col-lg-8 col-md-12 pr-0 p-md-0 '
|
|
3079
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3080
|
-
className: "col-lg-12 d-flex align-items-center p-0"
|
|
3081
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3082
|
-
style: {
|
|
3083
|
-
fontSize: sectionproperties.sectionTitleFontSize + 'px',
|
|
3084
|
-
color: sectionproperties.sectionTitleColor,
|
|
3085
|
-
marginTop: sectionproperties.sectionTitleMarginTop + 'px',
|
|
3086
|
-
marginBottom: sectionproperties.sectionTitleMarginBottom + 'px',
|
|
3087
|
-
textTransform: sectionproperties.sectionTitleTextTransform,
|
|
3088
|
-
fontWeight: sectionproperties.sectionTitleFontWeight
|
|
3089
|
-
}
|
|
3090
|
-
}, lang.checkout)), authdetailsContext.loggedin && /*#__PURE__*/React.createElement("div", {
|
|
3091
|
-
className: "col-lg-12 p-0"
|
|
3092
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3093
|
-
className: "pl-3 pr-3 pt-2 pb-2",
|
|
3094
|
-
style: {
|
|
3095
|
-
background: sectionproperties.userinfo_sectionbgcolor,
|
|
3096
|
-
borderRadius: sectionproperties.userinfo_borderradius + 'px',
|
|
3097
|
-
marginTop: sectionproperties.userinfo_sectionmarginTop + 'px',
|
|
3098
|
-
marginBottom: sectionproperties.userinfo_sectionmarginbottom + 'px',
|
|
3099
|
-
border: sectionproperties.userinfo_borderwidth + 'px solid ' + sectionproperties.usserinfo_sectionbordercolor
|
|
3100
|
-
}
|
|
3101
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3102
|
-
className: "row m-0 w-100"
|
|
3103
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3104
|
-
className: "".concat(checkoutstyles.userinfo_iconcont) + ' d-flex align-items-center justify-content-center '
|
|
3105
|
-
}, /*#__PURE__*/React.createElement(BsCheck2Circle, {
|
|
3106
|
-
size: 20
|
|
3107
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3108
|
-
className: "col-lg-11 col-md-10 col-sm-10 p-0"
|
|
3109
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3110
|
-
className: "row m-0 w-100"
|
|
3111
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3112
|
-
className: "col-lg-12 d-flex align-items-center pl-2 pr-2",
|
|
3113
|
-
style: {
|
|
3114
|
-
fontSize: sectionproperties.userinfo_titlefontsize + 'px',
|
|
3115
|
-
color: sectionproperties.userinfo_titlecolor,
|
|
3116
|
-
fontWeight: sectionproperties.userinfo_titlefontweight
|
|
3117
|
-
}
|
|
3118
|
-
}, lang.loggedinas), /*#__PURE__*/React.createElement("div", {
|
|
3119
|
-
className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 text-capitalize '
|
|
3120
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3121
|
-
className: "m-0 p-0 d-flex align-items-center"
|
|
3122
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
3123
|
-
className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
|
|
3124
|
-
style: {
|
|
3125
|
-
fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
|
|
3126
|
-
color: sectionproperties.userinfotext_iconcolor,
|
|
3127
|
-
marginRight: langdetect == 'en' ? '5px' : 0,
|
|
3128
|
-
marginLeft: langdetect == 'en' ? 0 : '5px'
|
|
3129
|
-
}
|
|
3130
|
-
}, /*#__PURE__*/React.createElement(HiUser, null)), /*#__PURE__*/React.createElement("p", {
|
|
3131
|
-
className: "m-0 p-0 wordbreak"
|
|
3132
|
-
}, authdetailsContext.customerinfo.name))), /*#__PURE__*/React.createElement("div", {
|
|
3133
|
-
className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
|
|
3134
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3135
|
-
className: "m-0 p-0 d-flex align-items-center"
|
|
3136
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
3137
|
-
className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
|
|
3138
|
-
style: {
|
|
3139
|
-
fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
|
|
3140
|
-
color: sectionproperties.userinfotext_iconcolor,
|
|
3141
|
-
marginRight: langdetect == 'en' ? '5px' : 0,
|
|
3142
|
-
marginLeft: langdetect == 'en' ? 0 : '5px'
|
|
3143
|
-
}
|
|
3144
|
-
}, /*#__PURE__*/React.createElement(BsFillTelephoneFill, null)), /*#__PURE__*/React.createElement("p", {
|
|
3145
|
-
className: "m-0 p-0 wordbreak"
|
|
3146
|
-
}, authdetailsContext.customerinfo.mobile))), /*#__PURE__*/React.createElement("div", {
|
|
3147
|
-
className: "".concat(checkoutstyles.userinfotextstyles) + ' col-lg-4 col-md-6 col-sm-12 d-flex align-items-center pl-1 pr-1 '
|
|
3148
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3149
|
-
className: "m-0 p-0 d-flex align-items-center"
|
|
3150
|
-
}, /*#__PURE__*/React.createElement("i", {
|
|
3151
|
-
className: "h-100 d-flex align-items-center justify-content-center mb-auto mt-1",
|
|
3152
|
-
style: {
|
|
3153
|
-
fontSize: sectionproperties.userinfotext_iconfontsize + 'px',
|
|
3154
|
-
color: sectionproperties.userinfotext_iconcolor,
|
|
3155
|
-
marginRight: langdetect == 'en' ? '5px' : 0,
|
|
3156
|
-
marginLeft: langdetect == 'en' ? 0 : '5px'
|
|
3157
|
-
}
|
|
3158
|
-
}, /*#__PURE__*/React.createElement(GrMail, null)), /*#__PURE__*/React.createElement("p", {
|
|
3159
|
-
className: "m-0 p-0 wordbreak"
|
|
3160
|
-
}, authdetailsContext.customerinfo.email))))), /*#__PURE__*/React.createElement("div", {
|
|
3161
|
-
className: "col-lg-12 justify-content-end float-right pl-2 pr-2",
|
|
3162
|
-
style: {
|
|
3163
|
-
fontSize: sectionproperties.userinfo_titlefontsize + 'px',
|
|
3164
|
-
color: sectionproperties.userinfo_titlecolor,
|
|
3165
|
-
fontWeight: sectionproperties.userinfo_titlefontweight,
|
|
3166
|
-
textAlign: 'right',
|
|
3167
|
-
textDecoration: 'underline',
|
|
3168
|
-
cursor: 'pointer',
|
|
3169
|
-
position: 'absolute',
|
|
3170
|
-
right: 10,
|
|
3171
|
-
top: 10
|
|
3172
|
-
},
|
|
3173
|
-
onClick: function onClick() {
|
|
3174
|
-
routingcountext(StaticPagesLinksContext.accountinfo);
|
|
3175
|
-
}
|
|
3176
|
-
}, lang.update)))), /*#__PURE__*/React.createElement("div", {
|
|
3177
|
-
className: "col-lg-12 p-0"
|
|
3178
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3179
|
-
style: {
|
|
3180
|
-
marginTop: sectionproperties.contactinfo_sectionmarginTop + 'px',
|
|
3181
|
-
marginBottom: sectionproperties.contactinfo_sectionmarginbottom + 'px',
|
|
3182
|
-
background: sectionproperties.contactinfo_sectionbgcolor,
|
|
3183
|
-
borderRadius: sectionproperties.contactinfo_sectionborderradius + 'px',
|
|
3184
|
-
border: sectionproperties.contactinfo_borderwidth + 'px solid ' + sectionproperties.contactinfo_sectionbordercolor
|
|
3185
|
-
}
|
|
3186
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3187
|
-
className: "col-lg-12 pl-3 pr-3 pt-2"
|
|
3188
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3189
|
-
className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
|
|
3190
|
-
}, authdetailsContext.loggedin ? lang.addressdetails : lang.contactdetails)), /*#__PURE__*/React.createElement("div", {
|
|
3191
|
-
className: "col-lg-12 p-0"
|
|
3192
|
-
}, /*#__PURE__*/React.createElement("hr", {
|
|
3193
|
-
className: "mt-2 mb-2"
|
|
3194
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3195
|
-
className: "row m-0 w-100 mb-3 pl-3 pr-3 pb-3"
|
|
3196
|
-
}, !authdetailsContext.loggedin && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
3197
|
-
className: "col-lg-4 col-md-12 mb-3"
|
|
3198
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3199
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3200
|
-
}, lang.name), /*#__PURE__*/React.createElement("input", {
|
|
3201
|
-
type: 'text',
|
|
3202
|
-
className: "".concat(formstyles.form_control),
|
|
3203
|
-
value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue69 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue69 === void 0 ? void 0 : (_fetchcustomercartQue70 = _fetchcustomercartQue69.data) === null || _fetchcustomercartQue70 === void 0 ? void 0 : _fetchcustomercartQue70.customercart.name,
|
|
3204
|
-
onChange: function onChange(event) {
|
|
3205
|
-
cartinfoupdater('name', event.target.value);
|
|
3206
|
-
},
|
|
3207
|
-
style: {
|
|
3208
|
-
resize: 'none',
|
|
3209
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3210
|
-
background: sectionproperties.input_bgcolor,
|
|
3211
|
-
color: sectionproperties.inputfieldcolor,
|
|
3212
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3213
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px',
|
|
3214
|
-
boxShadow: 'none'
|
|
3215
|
-
}
|
|
3216
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3217
|
-
className: "col-lg-4 col-md-12 mb-3"
|
|
3218
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3219
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3220
|
-
}, langdetect == 'en' ? 'Phone Number' : 'رقم الهاتف'), /*#__PURE__*/React.createElement("input", {
|
|
3221
|
-
type: 'text',
|
|
3222
|
-
className: "".concat(formstyles.form_control),
|
|
3223
|
-
value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue71 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue71 === void 0 ? void 0 : (_fetchcustomercartQue72 = _fetchcustomercartQue71.data) === null || _fetchcustomercartQue72 === void 0 ? void 0 : _fetchcustomercartQue72.customercart.mobile,
|
|
3224
|
-
onChange: function onChange(event) {
|
|
3225
|
-
cartinfoupdater('mobile', event.target.value);
|
|
3226
|
-
},
|
|
3227
|
-
style: {
|
|
3228
|
-
resize: 'none',
|
|
3229
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3230
|
-
background: sectionproperties.input_bgcolor,
|
|
3231
|
-
color: sectionproperties.inputfieldcolor,
|
|
3232
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3233
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px',
|
|
3234
|
-
boxShadow: 'none'
|
|
3235
|
-
}
|
|
3236
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3237
|
-
className: "col-lg-4 col-md-12 mb-3"
|
|
3238
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3239
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3240
|
-
}, lang.email), /*#__PURE__*/React.createElement("input", {
|
|
3241
|
-
type: 'text',
|
|
3242
|
-
className: "".concat(formstyles.form_control),
|
|
3243
|
-
value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue73 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue73 === void 0 ? void 0 : (_fetchcustomercartQue74 = _fetchcustomercartQue73.data) === null || _fetchcustomercartQue74 === void 0 ? void 0 : _fetchcustomercartQue74.customercart.email,
|
|
3244
|
-
onChange: function onChange(event) {
|
|
3245
|
-
cartinfoupdater('email', event.target.value);
|
|
3246
|
-
},
|
|
3247
|
-
style: {
|
|
3248
|
-
resize: 'none',
|
|
3249
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3250
|
-
background: sectionproperties.input_bgcolor,
|
|
3251
|
-
color: sectionproperties.inputfieldcolor,
|
|
3252
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3253
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px',
|
|
3254
|
-
boxShadow: 'none'
|
|
3255
|
-
}
|
|
3256
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
3257
|
-
className: "col-lg-4 col-md-12 mb-3"
|
|
3258
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3259
|
-
className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
|
|
3260
|
-
}, " ", lang.country), fetchTabexCountriesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
|
|
3261
|
-
className: "w-100"
|
|
3262
|
-
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
3263
|
-
color: "black",
|
|
3264
|
-
width: "20px",
|
|
3265
|
-
height: "20px",
|
|
3266
|
-
duration: "1s"
|
|
3267
|
-
})), !fetchTabexCountriesQueryContext.isFetching && fetchTabexCountriesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3268
|
-
options: fetchTabexCountriesQueryContext.data.data.countries,
|
|
3269
|
-
getOptionLabel: function getOptionLabel(option) {
|
|
3270
|
-
return option.name;
|
|
3271
|
-
},
|
|
3272
|
-
getOptionValue: function getOptionValue(option) {
|
|
3273
|
-
return option.id;
|
|
3274
|
-
},
|
|
3275
|
-
value: fetchTabexCountriesQueryContext.data.data.countries.filter(function (option) {
|
|
3276
|
-
var _fetchcustomercartQue75, _fetchcustomercartQue76;
|
|
3277
|
-
|
|
3278
|
-
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);
|
|
3279
|
-
}),
|
|
3280
|
-
onChange: function onChange(option) {
|
|
3281
|
-
var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
|
|
3282
|
-
|
|
3283
|
-
tempFetchTabexStatesPayloadobjContext.functype = 'states';
|
|
3284
|
-
tempFetchTabexStatesPayloadobjContext.country_id = option.id;
|
|
3285
|
-
setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
|
|
3286
|
-
cartinfoupdater('countryid', option.id);
|
|
3287
|
-
},
|
|
3288
|
-
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3289
|
-
placeholder: lang.choosecountry,
|
|
3290
|
-
isSearchable: true
|
|
3291
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3292
|
-
className: "col-lg-4 col-md-12 mb-3"
|
|
3293
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3294
|
-
className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
|
|
3295
|
-
}, lang.stategov), fetchTabexStatesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
|
|
3296
|
-
className: "w-100"
|
|
3297
|
-
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
3298
|
-
color: "black",
|
|
3299
|
-
width: "20px",
|
|
3300
|
-
height: "20px",
|
|
3301
|
-
duration: "1s"
|
|
3302
|
-
})), !fetchTabexStatesQueryContext.isFetching && fetchTabexStatesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3303
|
-
options: fetchTabexStatesQueryContext.data.data.states,
|
|
3304
|
-
getOptionLabel: function getOptionLabel(option) {
|
|
3305
|
-
return option.name;
|
|
3306
|
-
},
|
|
3307
|
-
getOptionValue: function getOptionValue(option) {
|
|
3308
|
-
return option.id;
|
|
3309
|
-
},
|
|
3310
|
-
value: fetchTabexStatesQueryContext.data.data.states.filter(function (option) {
|
|
3311
|
-
var _fetchcustomercartQue77, _fetchcustomercartQue78;
|
|
3312
|
-
|
|
3313
|
-
return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue77 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue77 === void 0 ? void 0 : (_fetchcustomercartQue78 = _fetchcustomercartQue77.data) === null || _fetchcustomercartQue78 === void 0 ? void 0 : _fetchcustomercartQue78.customercart.stateid);
|
|
3314
|
-
}),
|
|
3315
|
-
onChange: function onChange(option) {
|
|
3316
|
-
var _fetchcustomercartQue79, _fetchcustomercartQue80;
|
|
3317
|
-
|
|
3318
|
-
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) {
|
|
3319
|
-
var tempFetchTabexStatesPayloadobjContext = _objectSpread$12({}, FetchTabexStatesPayloadobjContext);
|
|
3320
|
-
|
|
3321
|
-
tempFetchTabexStatesPayloadobjContext.functype = 'cities';
|
|
3322
|
-
tempFetchTabexStatesPayloadobjContext.state_id = option.id;
|
|
3323
|
-
setFetchTabexStatesPayloadobjContext(_objectSpread$12({}, tempFetchTabexStatesPayloadobjContext));
|
|
3324
|
-
cartinfoupdater('stateid', option.id);
|
|
3325
|
-
} else {
|
|
3326
|
-
NotificationManager.warning('', 'Please Choose Country Or State');
|
|
3327
|
-
}
|
|
3328
|
-
},
|
|
3329
|
-
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3330
|
-
placeholder: lang.choosestategov,
|
|
3331
|
-
isSearchable: true
|
|
3332
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3333
|
-
className: "col-lg-4 col-md-12 mb-3"
|
|
3334
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3335
|
-
className: "".concat(checkoutstyles.input_label_name) + ' m-0 d-flex align-items-start '
|
|
3336
|
-
}, lang.city), fetchTabexCitiesQueryContext.isFetching && /*#__PURE__*/React.createElement("div", {
|
|
3337
|
-
className: "w-100"
|
|
3338
|
-
}, /*#__PURE__*/React.createElement(CircularProgress, {
|
|
3339
|
-
color: "black",
|
|
3340
|
-
width: "20px",
|
|
3341
|
-
height: "20px",
|
|
3342
|
-
duration: "1s"
|
|
3343
|
-
})), !fetchTabexCitiesQueryContext.isFetching && fetchTabexCitiesQueryContext.isSuccess && /*#__PURE__*/React.createElement(Select, {
|
|
3344
|
-
options: fetchTabexCitiesQueryContext.data.data.cities,
|
|
3345
|
-
getOptionLabel: function getOptionLabel(option) {
|
|
3346
|
-
return option.name;
|
|
3347
|
-
},
|
|
3348
|
-
getOptionValue: function getOptionValue(option) {
|
|
3349
|
-
return option.id;
|
|
3350
|
-
},
|
|
3351
|
-
value: fetchTabexCitiesQueryContext.data.data.cities.filter(function (option) {
|
|
3352
|
-
var _fetchcustomercartQue81, _fetchcustomercartQue82;
|
|
3353
|
-
|
|
3354
|
-
return option.id == (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue81 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue81 === void 0 ? void 0 : (_fetchcustomercartQue82 = _fetchcustomercartQue81.data) === null || _fetchcustomercartQue82 === void 0 ? void 0 : _fetchcustomercartQue82.customercart.cityid);
|
|
3355
|
-
}),
|
|
3356
|
-
onChange: function onChange(option) {
|
|
3357
|
-
cartinfoupdater('cityid', option.id);
|
|
3358
|
-
},
|
|
3359
|
-
styles: langdetect == 'en' ? defaultstyles : defaultstylestranslated,
|
|
3360
|
-
placeholder: lang.choosecity,
|
|
3361
|
-
isSearchable: true
|
|
3362
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3363
|
-
className: "col-lg-12 mb-3"
|
|
3364
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3365
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3366
|
-
}, lang.shippingaddress), /*#__PURE__*/React.createElement(TextareaAutosize, {
|
|
3367
|
-
type: 'text',
|
|
3368
|
-
className: "".concat(formstyles.form_control),
|
|
3369
|
-
value: fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue83 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue83 === void 0 ? void 0 : (_fetchcustomercartQue84 = _fetchcustomercartQue83.data) === null || _fetchcustomercartQue84 === void 0 ? void 0 : _fetchcustomercartQue84.customercart.address,
|
|
3370
|
-
onChange: function onChange(event) {
|
|
3371
|
-
cartinfoupdater('address', event.target.value);
|
|
3372
|
-
},
|
|
3373
|
-
style: {
|
|
3374
|
-
resize: 'none',
|
|
3375
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3376
|
-
background: sectionproperties.input_bgcolor,
|
|
3377
|
-
color: sectionproperties.inputfieldcolor,
|
|
3378
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3379
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px',
|
|
3380
|
-
boxShadow: 'none'
|
|
3381
|
-
}
|
|
3382
|
-
}))))), /*#__PURE__*/React.createElement("div", {
|
|
3383
|
-
className: "col-lg-12 p-0 w-100"
|
|
3384
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3385
|
-
style: {
|
|
3386
|
-
background: sectionproperties.payment_sectionbgcolor,
|
|
3387
|
-
borderRadius: sectionproperties.payment_borderradius + 'px',
|
|
3388
|
-
border: sectionproperties.payment_borderwidth + 'px solid ' + sectionproperties.payment_sectionbordercolor
|
|
3389
|
-
}
|
|
3390
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3391
|
-
className: "col-lg-12 pl-3 pr-3 pt-2"
|
|
3392
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3393
|
-
className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
|
|
3394
|
-
}, lang.paymentmethod)), /*#__PURE__*/React.createElement("div", {
|
|
3395
|
-
className: "col-lg-12 p-0"
|
|
3396
|
-
}, /*#__PURE__*/React.createElement("hr", {
|
|
3397
|
-
className: "mt-2 mb-2"
|
|
3398
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3399
|
-
className: "row m-0 w-100 mb-3 pl-3 pr-3"
|
|
3400
|
-
}, authdetailsContext.instinfo.acceptCOD == 1 && /*#__PURE__*/React.createElement("div", {
|
|
3401
|
-
className: "col-xl-4 col-lg-4 col-md-12 mb-3"
|
|
3402
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3403
|
-
className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated) + ' d-flex mb-0 ',
|
|
3404
|
-
"for": "codcheckbox"
|
|
3405
|
-
}, /*#__PURE__*/React.createElement("input", {
|
|
3406
|
-
id: 'codcheckbox',
|
|
3407
|
-
type: "checkbox",
|
|
3408
|
-
className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
|
|
3409
|
-
checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue85 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue85 === void 0 ? void 0 : (_fetchcustomercartQue86 = _fetchcustomercartQue85.data) === null || _fetchcustomercartQue86 === void 0 ? void 0 : _fetchcustomercartQue86.customercart.paymentmethod) == 'cod' ? true : false,
|
|
3410
|
-
onChange: function onChange() {
|
|
3411
|
-
var _fetchcustomercartQue87, _fetchcustomercartQue88;
|
|
3412
|
-
|
|
3413
|
-
if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue87 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue87 === void 0 ? void 0 : (_fetchcustomercartQue88 = _fetchcustomercartQue87.data) === null || _fetchcustomercartQue88 === void 0 ? void 0 : _fetchcustomercartQue88.customercart.paymentmethod) != 'cod') {
|
|
3414
|
-
cartinfoupdater('paymentmethod', 'cod');
|
|
3415
|
-
}
|
|
3416
|
-
}
|
|
3417
|
-
}), /*#__PURE__*/React.createElement("svg", {
|
|
3418
|
-
viewBox: "0 0 21 21",
|
|
3419
|
-
className: checkoutstyles.svgstyles + ' h-100 '
|
|
3420
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
3421
|
-
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"
|
|
3422
|
-
})), /*#__PURE__*/React.createElement("p", {
|
|
3423
|
-
className: ' ml-2 mb-0 cursor-pointer wordbreak mr-2',
|
|
3424
|
-
style: {}
|
|
3425
|
-
}, lang.cod))), authdetailsContext.instinfo.acceptCardOnDelivery == 1 && /*#__PURE__*/React.createElement("div", {
|
|
3426
|
-
className: "col-xl-4 col-lg-4 col-md-12 mb-3"
|
|
3427
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3428
|
-
className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
|
|
3429
|
-
}, /*#__PURE__*/React.createElement("input", {
|
|
3430
|
-
type: "checkbox",
|
|
3431
|
-
className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
|
|
3432
|
-
checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue89 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue89 === void 0 ? void 0 : (_fetchcustomercartQue90 = _fetchcustomercartQue89.data) === null || _fetchcustomercartQue90 === void 0 ? void 0 : _fetchcustomercartQue90.customercart.paymentmethod) == 'cardondelivery' ? true : false,
|
|
3433
|
-
onChange: function onChange() {
|
|
3434
|
-
var _fetchcustomercartQue91, _fetchcustomercartQue92;
|
|
3435
|
-
|
|
3436
|
-
if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue91 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue91 === void 0 ? void 0 : (_fetchcustomercartQue92 = _fetchcustomercartQue91.data) === null || _fetchcustomercartQue92 === void 0 ? void 0 : _fetchcustomercartQue92.customercart.paymentmethod) != 'cardondelivery') {
|
|
3437
|
-
cartinfoupdater('paymentmethod', 'cardondelivery');
|
|
3438
|
-
}
|
|
3439
|
-
}
|
|
3440
|
-
}), /*#__PURE__*/React.createElement("svg", {
|
|
3441
|
-
viewBox: "0 0 21 21",
|
|
3442
|
-
className: checkoutstyles.svgstyles + ' h-100 '
|
|
3443
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
3444
|
-
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"
|
|
3445
|
-
})), /*#__PURE__*/React.createElement("p", {
|
|
3446
|
-
className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
|
|
3447
|
-
}, " ", lang.cardondelivery))), authdetailsContext.instinfo.acceptOnlineCardPayment == 0 && /*#__PURE__*/React.createElement("div", {
|
|
3448
|
-
className: "col-xl-4 col-lg-4 col-md-12 mb-3"
|
|
3449
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3450
|
-
className: langdetect == 'en' ? "".concat(formstyles.checkbox, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 ' : "".concat(formstyles.checkbox, " ").concat(formstyles.checkboxtranslated, " ").concat(checkoutstyles.checkbox, " ") + ' d-flex mb-0 '
|
|
3451
|
-
}, /*#__PURE__*/React.createElement("input", {
|
|
3452
|
-
type: "checkbox",
|
|
3453
|
-
className: checkoutstyles.checkboxinputstyles + ' mt-auto mb-auto ',
|
|
3454
|
-
checked: (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue93 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue93 === void 0 ? void 0 : (_fetchcustomercartQue94 = _fetchcustomercartQue93.data) === null || _fetchcustomercartQue94 === void 0 ? void 0 : _fetchcustomercartQue94.customercart.paymentmethod) == 'onlinepayment' ? true : false,
|
|
3455
|
-
onChange: function onChange() {
|
|
3456
|
-
var _fetchcustomercartQue95, _fetchcustomercartQue96;
|
|
3457
|
-
|
|
3458
|
-
if ((fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue95 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue95 === void 0 ? void 0 : (_fetchcustomercartQue96 = _fetchcustomercartQue95.data) === null || _fetchcustomercartQue96 === void 0 ? void 0 : _fetchcustomercartQue96.customercart.paymentmethod) != 'onlinepayment') {
|
|
3459
|
-
cartinfoupdater('paymentmethod', 'onlinepayment');
|
|
3460
|
-
}
|
|
3461
|
-
}
|
|
3462
|
-
}), /*#__PURE__*/React.createElement("svg", {
|
|
3463
|
-
viewBox: "0 0 21 21",
|
|
3464
|
-
className: checkoutstyles.svgstyles + ' h-100 '
|
|
3465
|
-
}, /*#__PURE__*/React.createElement("path", {
|
|
3466
|
-
d: "M5,10.75 L8.5,14.25 L19.4,2.3 C18.8333333,1.43333333 18.0333333,1 17,1 L4,1 C2.35,1 1,2.35 1,4 L1,17 C1,18.65 2.35,20 4,20 L17,20 C18.65,20 20,18.65 20,17 L20,7.99769186"
|
|
3467
|
-
})), /*#__PURE__*/React.createElement("p", {
|
|
3468
|
-
className: "".concat(formstyles.checkbox_label) + ' ml-2 mb-0 wordbreak cursor-pointer mr-2 '
|
|
3469
|
-
}, " ", lang.onlinepayment)))))), (fetchcustomercartQueryContext === null || fetchcustomercartQueryContext === void 0 ? void 0 : (_fetchcustomercartQue97 = fetchcustomercartQueryContext.data) === null || _fetchcustomercartQue97 === void 0 ? void 0 : (_fetchcustomercartQue98 = _fetchcustomercartQue97.data) === null || _fetchcustomercartQue98 === void 0 ? void 0 : _fetchcustomercartQue98.customercart.paymentmethod) == 'onlinepayment1' && /*#__PURE__*/React.createElement("div", {
|
|
3470
|
-
className: "col-lg-12 p-0 w-100 mb-3"
|
|
3471
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3472
|
-
style: {
|
|
3473
|
-
background: sectionproperties.payment_sectionbgcolor,
|
|
3474
|
-
borderRadius: sectionproperties.payment_borderradius + 'px',
|
|
3475
|
-
borderColor: sectionproperties.payment_sectionbordercolor
|
|
3476
|
-
}
|
|
3477
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3478
|
-
className: "col-lg-12 pl-3 pr-3 pt-2"
|
|
3479
|
-
}, /*#__PURE__*/React.createElement("p", {
|
|
3480
|
-
className: checkoutstyles.innersectiontitlestyles + ' m-0 p-0 d-flex align-items-start '
|
|
3481
|
-
}, lang.paymentcardinformation)), /*#__PURE__*/React.createElement("div", {
|
|
3482
|
-
className: "col-lg-12 p-0"
|
|
3483
|
-
}, /*#__PURE__*/React.createElement("hr", {
|
|
3484
|
-
className: "mt-2 mb-2"
|
|
3485
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3486
|
-
className: "w-100 row m-0 pl-3 pr-3 pt-2 pb-2"
|
|
3487
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3488
|
-
className: "col-lg-12 col-md-12 col-sm-12 mb-3 p-sm-0"
|
|
3489
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3490
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3491
|
-
}, lang.cardnumber), /*#__PURE__*/React.createElement("input", {
|
|
3492
|
-
className: formstyles.form_controlcheckout,
|
|
3493
|
-
type: "text",
|
|
3494
|
-
textplaceholder: "",
|
|
3495
|
-
onChange: function onChange(event) {},
|
|
3496
|
-
style: {
|
|
3497
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3498
|
-
background: sectionproperties.input_bgcolor,
|
|
3499
|
-
color: sectionproperties.inputfieldcolor,
|
|
3500
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3501
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px'
|
|
3502
|
-
}
|
|
3503
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3504
|
-
className: "w-100 row m-0"
|
|
3505
|
-
}, /*#__PURE__*/React.createElement("div", {
|
|
3506
|
-
className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
|
|
3507
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3508
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3509
|
-
}, lang.year), /*#__PURE__*/React.createElement("input", {
|
|
3510
|
-
className: formstyles.form_controlcheckout,
|
|
3511
|
-
type: "text",
|
|
3512
|
-
textplaceholder: "",
|
|
3513
|
-
onChange: function onChange(event) {},
|
|
3514
|
-
style: {
|
|
3515
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3516
|
-
background: sectionproperties.input_bgcolor,
|
|
3517
|
-
color: sectionproperties.inputfieldcolor,
|
|
3518
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3519
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px'
|
|
3520
|
-
}
|
|
3521
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3522
|
-
className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
|
|
3523
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3524
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3525
|
-
}, lang.month), /*#__PURE__*/React.createElement("input", {
|
|
3526
|
-
className: formstyles.form_controlcheckout,
|
|
3527
|
-
type: "text",
|
|
3528
|
-
textplaceholder: "",
|
|
3529
|
-
onChange: function onChange(event) {},
|
|
3530
|
-
style: {
|
|
3531
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3532
|
-
background: sectionproperties.input_bgcolor,
|
|
3533
|
-
color: sectionproperties.inputfieldcolor,
|
|
3534
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3535
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px'
|
|
3536
|
-
}
|
|
3537
|
-
})), /*#__PURE__*/React.createElement("div", {
|
|
3538
|
-
className: "col-lg-4 col-md-12 col-sm-12 p-sm-0 mb-3"
|
|
3539
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3540
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3541
|
-
}, lang.cvv), /*#__PURE__*/React.createElement("input", {
|
|
3542
|
-
className: formstyles.form_controlcheckout,
|
|
3543
|
-
type: "text",
|
|
3544
|
-
textplaceholder: "",
|
|
3545
|
-
onChange: function onChange(event) {},
|
|
3546
|
-
style: {
|
|
3547
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3548
|
-
background: sectionproperties.input_bgcolor,
|
|
3549
|
-
color: sectionproperties.inputfieldcolor,
|
|
3550
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3551
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px'
|
|
3552
|
-
}
|
|
3553
|
-
}))), /*#__PURE__*/React.createElement("div", {
|
|
3554
|
-
className: "col-lg-12 col-md-12 col-sm-12 mb-2 p-sm-0 mb-3"
|
|
3555
|
-
}, /*#__PURE__*/React.createElement("label", {
|
|
3556
|
-
className: "".concat(checkoutstyles.input_label_name) + ' mb-2 d-flex align-items-start '
|
|
3557
|
-
}, lang.nameoncard), /*#__PURE__*/React.createElement("input", {
|
|
3558
|
-
className: formstyles.form_controlcheckout,
|
|
3559
|
-
type: "text",
|
|
3560
|
-
textplaceholder: "",
|
|
3561
|
-
onChange: function onChange(event) {},
|
|
3562
|
-
style: {
|
|
3563
|
-
fontWeight: sectionproperties.inputtextfontweight,
|
|
3564
|
-
background: sectionproperties.input_bgcolor,
|
|
3565
|
-
color: sectionproperties.inputfieldcolor,
|
|
3566
|
-
fontSize: sectionproperties.inputfieldfontsize + 'px',
|
|
3567
|
-
borderRadius: sectionproperties.inputfieldborderradius + 'px'
|
|
3568
|
-
}
|
|
3569
|
-
})))))), /*#__PURE__*/React.createElement("div", {
|
|
3570
|
-
className: langdetect == 'en' ? 'col-lg-4 col-md-12 pr-0' : 'col-lg-4 col-md-12 pl-0'
|
|
3571
|
-
}, Mycart()))));
|
|
3089
|
+
}, "adsdss");
|
|
3572
3090
|
};
|
|
3573
3091
|
|
|
3574
3092
|
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";
|