@cleartrip/ct-platform-login-module 1.0.0-beta.6 → 1.0.0-beta.7
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.
|
@@ -1,570 +1,2 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var tslib = require('tslib');
|
|
4
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
-
var react = require('react');
|
|
6
|
-
var ctDesignToast = require('@cleartrip/ct-design-toast');
|
|
7
|
-
var ctDesignSpacer = require('@cleartrip/ct-design-spacer');
|
|
8
|
-
var ctPlatformDrawer = require('@cleartrip/ct-platform-drawer');
|
|
9
|
-
var ctDesignTheme = require('@cleartrip/ct-design-theme');
|
|
10
|
-
var ctPlatformConstants = require('@cleartrip/ct-platform-constants');
|
|
11
|
-
var ctPlatformUtils = require('@cleartrip/ct-platform-utils');
|
|
12
|
-
var ctDesignField = require('@cleartrip/ct-design-field');
|
|
13
|
-
var ctDesignSpinner = require('@cleartrip/ct-design-spinner');
|
|
14
|
-
var ctDesignTypography = require('@cleartrip/ct-design-typography');
|
|
15
|
-
var ctDesignAlertCallout = require('@cleartrip/ct-design-alert-callout');
|
|
16
|
-
var ctDesignIcons = require('@cleartrip/ct-design-icons');
|
|
17
|
-
var classNames = require('classnames');
|
|
18
|
-
var ctDesignButton = require('@cleartrip/ct-design-button');
|
|
19
|
-
var ctDesignDivider = require('@cleartrip/ct-design-divider');
|
|
20
|
-
var ctPlatformAssets = require('@cleartrip/ct-platform-assets');
|
|
21
|
-
var react$1 = require('swiper/react');
|
|
22
|
-
|
|
23
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
24
|
-
|
|
25
|
-
var classNames__default = /*#__PURE__*/_interopDefault(classNames);
|
|
26
|
-
|
|
27
|
-
function styleInject(css, ref) {
|
|
28
|
-
if (ref === void 0) ref = {};
|
|
29
|
-
var insertAt = ref.insertAt;
|
|
30
|
-
if (!css || typeof document === 'undefined') {
|
|
31
|
-
return;
|
|
32
|
-
}
|
|
33
|
-
var head = document.head || document.getElementsByTagName('head')[0];
|
|
34
|
-
var style = document.createElement('style');
|
|
35
|
-
style.type = 'text/css';
|
|
36
|
-
if (insertAt === 'top') {
|
|
37
|
-
if (head.firstChild) {
|
|
38
|
-
head.insertBefore(style, head.firstChild);
|
|
39
|
-
} else {
|
|
40
|
-
head.appendChild(style);
|
|
41
|
-
}
|
|
42
|
-
} else {
|
|
43
|
-
head.appendChild(style);
|
|
44
|
-
}
|
|
45
|
-
if (style.styleSheet) {
|
|
46
|
-
style.styleSheet.cssText = css;
|
|
47
|
-
} else {
|
|
48
|
-
style.appendChild(document.createTextNode(css));
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
var css_248z$3 = ".index-module_utilswrapper__RBSsH .index-module_mobileinput_footertext__jPQ-g a{color:#0f6bff;text-decoration:none}.index-module_utilswrapper__RBSsH .index-module_mobileinput-seperator__7Ewok{position:relative}.index-module_utilswrapper__RBSsH .index-module_mobileinput_seperatortext__-KDOp{background:#fff;left:0;margin:0 auto;position:absolute;right:0;text-align:center;top:-10px;width:40px}.index-module_utilswrapper__RBSsH .index-module_slider_carousel_wrapper__0SuGB{border-top-left-radius:16px;border-top-right-radius:16px;width:100dvw}.index-module_utilswrapper__RBSsH .index-module_login_form__tpSDz{background-color:#fff;padding-left:16px;padding-right:16px}.index-module_nonUtilsSelector_toast__lvWmB{bottom:12px!important;margin-bottom:12px;margin:0 auto!important;padding:12px 16px!important;width:calc(100% - 48px)!important;z-index:2000}.index-module_utilswrapper__RBSsH .index-module_login_otp_error__o3y2L{padding-top:4px}.index-module_utilswrapper__RBSsH .index-module_login_otp_input__L-3P8{font-size:24px!important;font-style:normal;font-weight:600!important;height:56px!important;line-height:28px;padding:auto;text-align:center;width:56px!important}.index-module_utilswrapper__RBSsH .index-module_footer_text__nkeJv{color:grey!important;font-size:12px!important}.index-module_utilswrapper__RBSsH .index-module_swiper-custom-pagination__Ma1gV{--swiper-pagination-color:#fff;--swiper-pagination-bullet-inactive-color:#999;--swiper-pagination-bullet-inactive-opacity:1}.index-module_utilswrapper__RBSsH .index-module_otp_box_wrapper__sM2Ba{margin-right:8px}.index-module_utilswrapper__RBSsH .index-module_otp_container__1CE4N{display:flex;flex-direction:column;margin-top:24px}.index-module_utilswrapper__RBSsH .index-module_swiper__r5-8U{height:100%;width:100%}.index-module_utilswrapper__RBSsH .index-module_swiper__r5-8U .index-module_swiper-slide__Zchn0{height:auto}.index-module_utilswrapper__RBSsH .index-module_swiper-slide__Zchn0 img{display:block;height:100%;object-fit:fill;width:100%}";
|
|
53
|
-
var styles = {"utilswrapper":"index-module_utilswrapper__RBSsH","mobileinput_footertext":"index-module_mobileinput_footertext__jPQ-g","mobileinput-seperator":"index-module_mobileinput-seperator__7Ewok","mobileinput_seperatortext":"index-module_mobileinput_seperatortext__-KDOp","slider_carousel_wrapper":"index-module_slider_carousel_wrapper__0SuGB","login_form":"index-module_login_form__tpSDz","nonUtilsSelector_toast":"index-module_nonUtilsSelector_toast__lvWmB","login_otp_error":"index-module_login_otp_error__o3y2L","login_otp_input":"index-module_login_otp_input__L-3P8","footer_text":"index-module_footer_text__nkeJv","swiper-custom-pagination":"index-module_swiper-custom-pagination__Ma1gV","otp_box_wrapper":"index-module_otp_box_wrapper__sM2Ba","otp_container":"index-module_otp_container__1CE4N","swiper":"index-module_swiper__r5-8U","swiper-slide":"index-module_swiper-slide__Zchn0"};
|
|
54
|
-
styleInject(css_248z$3);
|
|
55
|
-
|
|
56
|
-
var AutoDetectState;
|
|
57
|
-
(function (AutoDetectState) {
|
|
58
|
-
AutoDetectState[AutoDetectState["DETECTING"] = 0] = "DETECTING";
|
|
59
|
-
AutoDetectState[AutoDetectState["FAILED"] = 1] = "FAILED";
|
|
60
|
-
AutoDetectState[AutoDetectState["DETECTED"] = 2] = "DETECTED";
|
|
61
|
-
})(AutoDetectState || (AutoDetectState = {}));
|
|
62
|
-
var OtpInput = function (_a) {
|
|
63
|
-
var mobileNumber = _a.mobileNumber, errorCallout = _a.errorCallout, ravenPayload = _a.ravenPayload, otpInputHeight = _a.otpInputHeight, skipProfileFlow = _a.skipProfileFlow, otpResendDisabled = _a.otpResendDisabled, getOTP = _a.getOTP, setCtaDisabled = _a.setCtaDisabled, setErrorCallout = _a.setErrorCallout, setMobileNumber = _a.setMobileNumber, setShowMobilePage = _a.setShowMobilePage, handleLoginSuccess = _a.handleLoginSuccess, handleLoginFailure = _a.handleLoginFailure;
|
|
64
|
-
var inputRefs = react.useRef(Array(4).fill(null));
|
|
65
|
-
var _b = react.useState(AutoDetectState.DETECTING), autoDetecting = _b[0], setAutoDetecting = _b[1];
|
|
66
|
-
var _c = react.useState(ctPlatformConstants.LOGIN_CONSTANTS.OTP_COUNTDOWN), countdown = _c[0], setCountdown = _c[1];
|
|
67
|
-
var _d = react.useState(''), otp = _d[0], setOtp = _d[1];
|
|
68
|
-
var _f = react.useState(true), countdownEnabled = _f[0], setCountdownEnabled = _f[1];
|
|
69
|
-
var _g = react.useState(false), verifiedOtp = _g[0], setVerifiedOtp = _g[1];
|
|
70
|
-
var _h = react.useState(''), otpErrorMessage = _h[0], setOtpErrorMessage = _h[1];
|
|
71
|
-
var _j = react.useState(true), enableAutoDetect = _j[0], setEnableAutoDetect = _j[1];
|
|
72
|
-
var lastOtpRequest = react.useRef();
|
|
73
|
-
var lastOtpRequestTimeStamp = react.useRef();
|
|
74
|
-
var loginMethod = 'CT';
|
|
75
|
-
react.useEffect(function () {
|
|
76
|
-
autoDetect();
|
|
77
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
78
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'login_otp_screen_opened', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
79
|
-
}, []);
|
|
80
|
-
react.useEffect(function () {
|
|
81
|
-
if (ctPlatformUtils.isIOSApp()) {
|
|
82
|
-
setEnableAutoDetect(false);
|
|
83
|
-
}
|
|
84
|
-
}, []);
|
|
85
|
-
react.useEffect(function () {
|
|
86
|
-
autoDetect();
|
|
87
|
-
}, []);
|
|
88
|
-
react.useEffect(function () {
|
|
89
|
-
if (countdown === 0) {
|
|
90
|
-
setCountdownEnabled(false);
|
|
91
|
-
}
|
|
92
|
-
}, [countdown]);
|
|
93
|
-
react.useEffect(function () {
|
|
94
|
-
var interval;
|
|
95
|
-
if (countdownEnabled && countdown > 0) {
|
|
96
|
-
interval = setInterval(function () {
|
|
97
|
-
setCountdown(function (prevCountdown) { return prevCountdown - 1; });
|
|
98
|
-
}, 1000);
|
|
99
|
-
}
|
|
100
|
-
return function () {
|
|
101
|
-
clearInterval(interval);
|
|
102
|
-
};
|
|
103
|
-
}, [countdownEnabled, countdown]);
|
|
104
|
-
var autoDetect = react.useCallback(function () { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
105
|
-
var otp_1, _e_1;
|
|
106
|
-
return tslib.__generator(this, function (_a) {
|
|
107
|
-
switch (_a.label) {
|
|
108
|
-
case 0:
|
|
109
|
-
_a.trys.push([0, 2, , 3]);
|
|
110
|
-
return [4, ctPlatformUtils.autoReadOtp()];
|
|
111
|
-
case 1:
|
|
112
|
-
otp_1 = _a.sent();
|
|
113
|
-
setOtp(otp_1);
|
|
114
|
-
setAutoDetecting(AutoDetectState.DETECTED);
|
|
115
|
-
if ((otp_1 === null || otp_1 === void 0 ? void 0 : otp_1.length) === ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH &&
|
|
116
|
-
handleOtpComplete) {
|
|
117
|
-
handleOtpComplete(otp_1, true);
|
|
118
|
-
}
|
|
119
|
-
return [3, 3];
|
|
120
|
-
case 2:
|
|
121
|
-
_e_1 = _a.sent();
|
|
122
|
-
if (_e_1 === 'NOT_SUPPORTED') {
|
|
123
|
-
setEnableAutoDetect(false);
|
|
124
|
-
}
|
|
125
|
-
return [3, 3];
|
|
126
|
-
case 3: return [2];
|
|
127
|
-
}
|
|
128
|
-
});
|
|
129
|
-
}); }, [enableAutoDetect]);
|
|
130
|
-
var handleOtpValidationError = react.useCallback(function (e) {
|
|
131
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
132
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_error', tslib.__assign({ action_name: 'otp_incorrect', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
133
|
-
var message = e === null || e === void 0 ? void 0 : e.message;
|
|
134
|
-
if (message !== 'OTP_VALIDATE_LIMIT_EXCEEDED') {
|
|
135
|
-
setOtp('');
|
|
136
|
-
}
|
|
137
|
-
inputRefs.current[0].focus();
|
|
138
|
-
inputRefs.current[0].click();
|
|
139
|
-
var messageValue = ctPlatformConstants.LOGIN_CONSTANTS[message];
|
|
140
|
-
var toastMessage = typeof messageValue === 'string'
|
|
141
|
-
? messageValue
|
|
142
|
-
: ctPlatformConstants.LOGIN_CONSTANTS.INVALID_OTP;
|
|
143
|
-
setOtpErrorMessage(toastMessage);
|
|
144
|
-
}, [inputRefs]);
|
|
145
|
-
var handleOtpComplete = react.useCallback(function (otp, autodetected) { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
146
|
-
var eventProps, response, status_1, action, e_1;
|
|
147
|
-
return tslib.__generator(this, function (_a) {
|
|
148
|
-
switch (_a.label) {
|
|
149
|
-
case 0:
|
|
150
|
-
_a.trys.push([0, 2, , 3]);
|
|
151
|
-
eventProps = ctPlatformUtils.getRavenEventProps();
|
|
152
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'otp_entered', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', entry_type: !autodetected ? 'manual_entry' : 'autodetected', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
153
|
-
if (otp === lastOtpRequest.current &&
|
|
154
|
-
lastOtpRequestTimeStamp.current &&
|
|
155
|
-
lastOtpRequestTimeStamp.current - Date.now() <= 100) {
|
|
156
|
-
return [2];
|
|
157
|
-
}
|
|
158
|
-
lastOtpRequest.current = otp;
|
|
159
|
-
lastOtpRequestTimeStamp.current = Date.now();
|
|
160
|
-
return [4, ctPlatformUtils.validateOtp(mobileNumber, otp)];
|
|
161
|
-
case 1:
|
|
162
|
-
response = _a.sent();
|
|
163
|
-
status_1 = response.status, action = response.action;
|
|
164
|
-
if (Number(status_1) === 200 && !ctPlatformUtils.isEmpty(action)) {
|
|
165
|
-
setVerifiedOtp(true);
|
|
166
|
-
setOtpErrorMessage('');
|
|
167
|
-
ctPlatformUtils.updateNativeOnLogin();
|
|
168
|
-
if (action === 'SIGNUP') {
|
|
169
|
-
if (!skipProfileFlow) {
|
|
170
|
-
window.location.href =
|
|
171
|
-
ctPlatformConstants.NAVIGATION_ROUTES.PERSONAL_DETAILS +
|
|
172
|
-
'?onboardingFlow=true';
|
|
173
|
-
}
|
|
174
|
-
handleLoginSuccess(loginMethod, true);
|
|
175
|
-
}
|
|
176
|
-
else {
|
|
177
|
-
handleLoginSuccess(loginMethod);
|
|
178
|
-
}
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
handleLoginFailure(loginMethod);
|
|
182
|
-
}
|
|
183
|
-
return [3, 3];
|
|
184
|
-
case 2:
|
|
185
|
-
e_1 = _a.sent();
|
|
186
|
-
handleLoginFailure(loginMethod);
|
|
187
|
-
handleOtpValidationError(e_1);
|
|
188
|
-
return [3, 3];
|
|
189
|
-
case 3: return [2];
|
|
190
|
-
}
|
|
191
|
-
});
|
|
192
|
-
}); }, [
|
|
193
|
-
lastOtpRequest,
|
|
194
|
-
lastOtpRequestTimeStamp,
|
|
195
|
-
setVerifiedOtp,
|
|
196
|
-
setAutoDetecting,
|
|
197
|
-
setOtpErrorMessage,
|
|
198
|
-
handleOtpValidationError,
|
|
199
|
-
]);
|
|
200
|
-
var handleOnPaste = function () { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
201
|
-
var clipboardData, pastedArr, pastedString;
|
|
202
|
-
var _a, _b;
|
|
203
|
-
return tslib.__generator(this, function (_c) {
|
|
204
|
-
switch (_c.label) {
|
|
205
|
-
case 0: return [4, navigator.clipboard.readText()];
|
|
206
|
-
case 1:
|
|
207
|
-
clipboardData = _c.sent();
|
|
208
|
-
if (clipboardData && ctPlatformUtils.isNumeric(clipboardData)) {
|
|
209
|
-
pastedArr = clipboardData
|
|
210
|
-
.slice(0, ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH)
|
|
211
|
-
.split('');
|
|
212
|
-
(_a = inputRefs.current[ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH - 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
213
|
-
(_b = inputRefs.current[ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH - 1]) === null || _b === void 0 ? void 0 : _b.click();
|
|
214
|
-
pastedString = pastedArr.join('');
|
|
215
|
-
setOtp(pastedString);
|
|
216
|
-
if (pastedString.length === ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH) {
|
|
217
|
-
handleOtpComplete(pastedString, false);
|
|
218
|
-
}
|
|
219
|
-
}
|
|
220
|
-
return [2];
|
|
221
|
-
}
|
|
222
|
-
});
|
|
223
|
-
}); };
|
|
224
|
-
var handleInput = react.useCallback(function (event, index) {
|
|
225
|
-
var _a, _b;
|
|
226
|
-
setErrorCallout('');
|
|
227
|
-
var value = event.target.value;
|
|
228
|
-
if (value !== '' && index < inputRefs.current.length - 1) {
|
|
229
|
-
(_a = inputRefs.current[index + 1]) === null || _a === void 0 ? void 0 : _a.focus();
|
|
230
|
-
(_b = inputRefs.current[index + 1]) === null || _b === void 0 ? void 0 : _b.click();
|
|
231
|
-
}
|
|
232
|
-
var inputValues = inputRefs.current.map(function (ref) {
|
|
233
|
-
if (ctPlatformUtils.isHTMLInputElement(ref)) {
|
|
234
|
-
return ref.value;
|
|
235
|
-
}
|
|
236
|
-
return '';
|
|
237
|
-
});
|
|
238
|
-
var otpValue = inputValues.join('').slice(0, 4);
|
|
239
|
-
setOtp(otpValue);
|
|
240
|
-
if (otpValue.length === ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH) {
|
|
241
|
-
handleOtpComplete(otpValue, false);
|
|
242
|
-
}
|
|
243
|
-
}, [setOtp, handleOtpComplete]);
|
|
244
|
-
var handleKeyDown = react.useCallback(function (e, index) {
|
|
245
|
-
var _a, _b, _c;
|
|
246
|
-
if (e.key === 'Backspace' &&
|
|
247
|
-
index > 0 &&
|
|
248
|
-
((_a = inputRefs.current[index]) === null || _a === void 0 ? void 0 : _a.value) === '') {
|
|
249
|
-
e.preventDefault();
|
|
250
|
-
(_b = inputRefs.current[index - 1]) === null || _b === void 0 ? void 0 : _b.focus();
|
|
251
|
-
(_c = inputRefs.current[index - 1]) === null || _c === void 0 ? void 0 : _c.click();
|
|
252
|
-
}
|
|
253
|
-
}, [inputRefs]);
|
|
254
|
-
var onResendOtpClick = react.useCallback(function () {
|
|
255
|
-
setCountdown(ctPlatformConstants.LOGIN_CONSTANTS.OTP_COUNTDOWN);
|
|
256
|
-
setCountdownEnabled(true);
|
|
257
|
-
getOTP(mobileNumber);
|
|
258
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
259
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_error', tslib.__assign({ action_name: 'resend_otp_clicked', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
260
|
-
}, [setCountdown, setCountdownEnabled]);
|
|
261
|
-
var onEditCLick = react.useCallback(function () {
|
|
262
|
-
setCtaDisabled(true);
|
|
263
|
-
setShowMobilePage(true);
|
|
264
|
-
setMobileNumber('');
|
|
265
|
-
}, [setShowMobilePage]);
|
|
266
|
-
return (jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex flex-column bg-neutral-100', style: { height: otpInputHeight } }, { children: [errorCallout && (jsxRuntime.jsx(ctDesignAlertCallout.AlertCallout, { variant: 'error', textNode: errorCallout, prefixIconNode: jsxRuntime.jsx(ctDesignIcons.InfoIcon, { fill: 'red' }), style: {
|
|
267
|
-
color: '#ffff',
|
|
268
|
-
backgroundColor: '#db201e',
|
|
269
|
-
}, className: 'fs-12' })), jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex flex-bottom' }, { children: [jsxRuntime.jsxs(ctDesignTypography.Typography, tslib.__assign({ variant: 'HM1', color: 'heading' }, { children: [ctPlatformConstants.LOGIN_CONSTANTS.OTP_TEXT, " ", jsxRuntime.jsx("br", {}), mobileNumber] })), jsxRuntime.jsx("div", tslib.__assign({ className: 'pl-2', onClick: onEditCLick }, { children: jsxRuntime.jsx(ctDesignIcons.Edit, {}) }))] })), jsxRuntime.jsxs("div", tslib.__assign({ className: styles.otp_container }, { children: [jsxRuntime.jsx("div", tslib.__assign({ className: 'flex' }, { children: tslib.__spreadArray([], Array(ctPlatformConstants.LOGIN_CONSTANTS.OTP_LENGTH), true).map(function (_, i) { return (jsxRuntime.jsx("div", tslib.__assign({ className: styles.otp_box_wrapper }, { children: jsxRuntime.jsx(ctDesignField.FieldV2, { prompt: {
|
|
270
|
-
hasError: !!otpErrorMessage,
|
|
271
|
-
}, type: 'number', placeholder: '', value: otp[i], max: 1, inputMode: 'numeric', className: styles.login_otp_input, variant: 'md', ref: function (ref) {
|
|
272
|
-
if (ref) {
|
|
273
|
-
inputRefs.current[i] = ref;
|
|
274
|
-
}
|
|
275
|
-
}, onKeyDown: function (e) { return handleKeyDown(e, i); }, onChange: function (e) { return handleInput(e, i); }, onPaste: handleOnPaste, autoFocus: i === 0 }) }), i)); }) })), !!otpErrorMessage && (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'P1', color: 'warning', className: styles.login_otp_error }, { children: otpErrorMessage })))] })), jsxRuntime.jsx(ctDesignSpacer.Spacer, { className: 'pt-2' }), autoDetecting === AutoDetectState.DETECTING &&
|
|
276
|
-
!verifiedOtp &&
|
|
277
|
-
enableAutoDetect &&
|
|
278
|
-
countdown >
|
|
279
|
-
ctPlatformConstants.LOGIN_CONSTANTS.RESEND_OTP_COUNTDOWN && (jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex flex-middle' }, { children: [jsxRuntime.jsx(ctDesignSpinner.Spinner, { width: '20px', height: '20px', borderColor: '#11a670', className: 'bg-neutral-900 bc-black' }), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3', className: 'fs-12 fw-500 ml-1 c-neutral-700' }, { children: ctPlatformConstants.LOGIN_CONSTANTS.AUTO_DETECTING_TEXT }))] }))), autoDetecting === AutoDetectState.DETECTING &&
|
|
280
|
-
countdown <= ctPlatformConstants.LOGIN_CONSTANTS.RESEND_OTP_COUNTDOWN &&
|
|
281
|
-
enableAutoDetect &&
|
|
282
|
-
!verifiedOtp && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex' }, { children: [jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'B3', className: 'fs-12 fw-500 c-neutral-700 ' }, { children: ctPlatformConstants.LOGIN_CONSTANTS.OTP_RESEND_TEXT })), jsxRuntime.jsx(ctDesignSpacer.Spacer, { className: 'ml-1' }), otpResendDisabled ? (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ className: 'color-neutral-200 fw-500', variant: 'B3' }, { children: ctPlatformConstants.LOGIN_CONSTANTS.RESEND_CTA }))) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [countdown === 0 && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ isClickable: true, variant: 'B3', onClick: onResendOtpClick, color: 'link', className: '\n fs-12 fw-500 c-pointer' }, { children: ctPlatformConstants.LOGIN_CONSTANTS.RESEND_CTA })) })), countdown > 0 && (jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ color: 'disabled', variant: 'B3' }, { children: ' Resend (' + countdown + 's)' })))] }))] })) })), !otpErrorMessage && verifiedOtp && (jsxRuntime.jsx(jsxRuntime.Fragment, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex flex-middle' }, { children: [jsxRuntime.jsx(ctDesignIcons.CheckCircle, {}), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'P1', color: 'success', className: 'fs-12' }, { children: autoDetecting === AutoDetectState.DETECTED
|
|
283
|
-
? ctPlatformConstants.LOGIN_CONSTANTS.AUTO_DETECTED_TEXT
|
|
284
|
-
: ctPlatformConstants.LOGIN_CONSTANTS.VERIFIED_MESSAGE }))] })) })), jsxRuntime.jsx(ctDesignSpacer.Spacer, { className: 'mt-24' })] })));
|
|
285
|
-
};
|
|
286
|
-
|
|
287
|
-
var css_248z$2 = ".index-module_utilswrapper__rz-7I .index-module_loader__63LeU{align-items:center;background-color:hsla(0,0%,100%,.95);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:0}.index-module_utilswrapper__rz-7I .index-module_loader__63LeU.index-module_With-full-opacity__ZSY-U{background-color:#fff}.index-module_utilswrapper__rz-7I .index-module_loader__content__Q6kJl{max-width:280px;text-align:center}.index-module_utilswrapper__rz-7I .index-module_loader__spinner__6B3AR{animation:index-module_loader-rotate__efcf3 .8s linear infinite;border:2px solid rgba(51,102,204,.3);border-radius:50%;border-top-color:#36c;display:inline-block;height:30px;margin-bottom:10px;position:relative;width:30px}.index-module_utilswrapper__rz-7I .index-module_loader__heading__7YZ3N{color:#000;font-size:18px;font-weight:600;margin-bottom:5px}.index-module_utilswrapper__rz-7I .index-module_loader__text__1QcLi{color:rgba(0,0,0,.8);font-size:16px;line-height:1.5}";
|
|
288
|
-
var Styles = {"utilswrapper":"index-module_utilswrapper__rz-7I","loader":"index-module_loader__63LeU","With-full-opacity":"index-module_With-full-opacity__ZSY-U","loader__content":"index-module_loader__content__Q6kJl","loader__spinner":"index-module_loader__spinner__6B3AR","loader-rotate":"index-module_loader-rotate__efcf3","loader__heading":"index-module_loader__heading__7YZ3N","loader__text":"index-module_loader__text__1QcLi"};
|
|
289
|
-
styleInject(css_248z$2);
|
|
290
|
-
|
|
291
|
-
var Loader = function (_a) {
|
|
292
|
-
var title = _a.title, message = _a.message, className = _a.className;
|
|
293
|
-
return (jsxRuntime.jsx("div", tslib.__assign({ className: "".concat(Styles['utilswrapper'], " utilswrapper") }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: classNames__default.default(Styles['loader'], className) }, { children: jsxRuntime.jsxs("div", tslib.__assign({ className: Styles['loader__content'] }, { children: [jsxRuntime.jsx("div", { className: Styles['loader__spinner'] }), jsxRuntime.jsx("h5", tslib.__assign({ className: Styles['loader__heading'] }, { children: title })), jsxRuntime.jsx("p", tslib.__assign({ className: Styles['loader__text'] }, { children: message }))] })) })) })));
|
|
294
|
-
};
|
|
295
|
-
|
|
296
|
-
var MobileInput = function (_a) {
|
|
297
|
-
var sendingOtp = _a.sendingOtp, ctaDisabled = _a.ctaDisabled, getOTP = _a.getOTP, setErrorCallout = _a.setErrorCallout, errorCallout = _a.errorCallout, mobileNumber = _a.mobileNumber, setMobileInputHeight = _a.setMobileInputHeight, setMobileNumber = _a.setMobileNumber, fallbackUri = _a.fallbackUri, skipProfileFlow = _a.skipProfileFlow, currentPageUri = _a.currentPageUri, ravenPayload = _a.ravenPayload;
|
|
298
|
-
var fkSSOEnabled = react.useState(ctPlatformUtils.isFKSSOEnabled)[0];
|
|
299
|
-
var _b = react.useState(false), fkButtonLoading = _b[0], setFkButtonLoading = _b[1];
|
|
300
|
-
var inputRef = react.useRef(null);
|
|
301
|
-
var mobileViewRef = react.useRef(null);
|
|
302
|
-
react.useEffect(function () {
|
|
303
|
-
if (mobileViewRef.current) {
|
|
304
|
-
var height = mobileViewRef.current.clientHeight;
|
|
305
|
-
setMobileInputHeight(height);
|
|
306
|
-
}
|
|
307
|
-
}, [mobileViewRef.current]);
|
|
308
|
-
react.useEffect(function () {
|
|
309
|
-
var timeout;
|
|
310
|
-
if (inputRef.current) {
|
|
311
|
-
timeout = setTimeout(function () {
|
|
312
|
-
var _a;
|
|
313
|
-
(_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
|
|
314
|
-
}, 100);
|
|
315
|
-
}
|
|
316
|
-
return function () {
|
|
317
|
-
clearTimeout(timeout);
|
|
318
|
-
};
|
|
319
|
-
}, []);
|
|
320
|
-
react.useEffect(function () {
|
|
321
|
-
if (ctPlatformUtils.isAndroidApp()) {
|
|
322
|
-
autoDetectMobileNumber();
|
|
323
|
-
}
|
|
324
|
-
}, []);
|
|
325
|
-
var handleFKSSOClick = react.useCallback(function () { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
326
|
-
var eventProps, redirectUrl;
|
|
327
|
-
return tslib.__generator(this, function (_a) {
|
|
328
|
-
switch (_a.label) {
|
|
329
|
-
case 0:
|
|
330
|
-
_a.trys.push([0, 2, , 3]);
|
|
331
|
-
eventProps = ctPlatformUtils.getRavenEventProps();
|
|
332
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'login_with_flipkart_clicked', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'fk_sso', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
333
|
-
setFkButtonLoading(true);
|
|
334
|
-
return [4, ctPlatformUtils.handleFKSSO(fallbackUri, skipProfileFlow
|
|
335
|
-
? currentPageUri
|
|
336
|
-
: ctPlatformConstants.NAVIGATION_ROUTES.PERSONAL_DETAILS +
|
|
337
|
-
'?onboardingFlow=true', currentPageUri)];
|
|
338
|
-
case 1:
|
|
339
|
-
redirectUrl = _a.sent();
|
|
340
|
-
window.location.href = redirectUrl;
|
|
341
|
-
return [3, 3];
|
|
342
|
-
case 2:
|
|
343
|
-
_a.sent();
|
|
344
|
-
setFkButtonLoading(false);
|
|
345
|
-
return [3, 3];
|
|
346
|
-
case 3: return [2];
|
|
347
|
-
}
|
|
348
|
-
});
|
|
349
|
-
}); }, []);
|
|
350
|
-
var handleInputChange = react.useCallback(function (event, autoDetected) {
|
|
351
|
-
if (autoDetected === void 0) { autoDetected = false; }
|
|
352
|
-
setErrorCallout('');
|
|
353
|
-
var value = event.target.value || '';
|
|
354
|
-
value = value.replace(ctPlatformUtils.MULTI_SPACE, ' ').trimStart();
|
|
355
|
-
setMobileNumber(value);
|
|
356
|
-
var validMobileNo = ctPlatformUtils.isValidMobileNumber(event.target.value);
|
|
357
|
-
if (validMobileNo) {
|
|
358
|
-
getOTP(value);
|
|
359
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
360
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'get_otp_clicked', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', entry_type: 'auto_click', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
361
|
-
if (!autoDetected) {
|
|
362
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'phone_number_entered', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', entry_type: 'manual_entry', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
363
|
-
}
|
|
364
|
-
else {
|
|
365
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'phone_number_autodetected', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', entry_type: 'autodetected', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
366
|
-
}
|
|
367
|
-
}
|
|
368
|
-
}, [setMobileNumber]);
|
|
369
|
-
var autoDetectMobileNumber = react.useCallback(function () { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
370
|
-
var autoDetectedNumber, simulatedEvent;
|
|
371
|
-
return tslib.__generator(this, function (_a) {
|
|
372
|
-
switch (_a.label) {
|
|
373
|
-
case 0: return [4, ctPlatformUtils.showMobileNumberHint()];
|
|
374
|
-
case 1:
|
|
375
|
-
autoDetectedNumber = _a.sent();
|
|
376
|
-
simulatedEvent = {
|
|
377
|
-
target: {
|
|
378
|
-
value: autoDetectedNumber,
|
|
379
|
-
},
|
|
380
|
-
};
|
|
381
|
-
if (autoDetectedNumber) {
|
|
382
|
-
handleInputChange(simulatedEvent, true);
|
|
383
|
-
}
|
|
384
|
-
return [2];
|
|
385
|
-
}
|
|
386
|
-
});
|
|
387
|
-
}); }, [handleInputChange]);
|
|
388
|
-
var handlePrivacyPolicyClick = react.useCallback(function () {
|
|
389
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
390
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'policy_click', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
391
|
-
window.location.href = ctPlatformConstants.NAVIGATION_ROUTES.PRIVACY_POLICY;
|
|
392
|
-
}, []);
|
|
393
|
-
var handleTermsOfUseClick = react.useCallback(function () {
|
|
394
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
395
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'tnc_click', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
396
|
-
window.location.href = ctPlatformConstants.NAVIGATION_ROUTES.TERMS;
|
|
397
|
-
}, []);
|
|
398
|
-
return (jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex flex-column', ref: mobileViewRef }, { children: [errorCallout && (jsxRuntime.jsx(ctDesignAlertCallout.AlertCallout, { variant: 'error', textNode: errorCallout, prefixIconNode: jsxRuntime.jsx(ctDesignIcons.InfoIcon, { fill: 'red' }), style: {
|
|
399
|
-
color: '#ffff',
|
|
400
|
-
backgroundColor: '#db201e',
|
|
401
|
-
}, className: 'fs-12' })), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'HM1', color: 'heading', className: 'mb-4 fs-24' }, { children: ctPlatformConstants.LOGIN_CONSTANTS.LOGIN_TO_CT })), jsxRuntime.jsx(ctDesignField.PhoneField, { onChange: handleInputChange, value: mobileNumber, placeholder: '', inputMode: 'numeric', ref: inputRef, min: 0, max: 10, autoFocus: true, countryCode: ctPlatformConstants.LOGIN_CONSTANTS.COUNTRY_CODE }), jsxRuntime.jsx(ctDesignButton.Button, tslib.__assign({ color: 'primary', size: 'medium', minWidth: '160px', disabled: ctaDisabled, loading: sendingOtp, className: 'my-6', onClick: function () { return getOTP(mobileNumber); } }, { children: ctPlatformConstants.LOGIN_CONSTANTS.GET_OTP })), fkSSOEnabled && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", tslib.__assign({ className: 'my-6 p-relative' }, { children: [jsxRuntime.jsx(ctDesignDivider.Divider, {}), jsxRuntime.jsx("span", tslib.__assign({ className: "".concat(styles.mobileinput_seperatortext) }, { children: "or" }))] })), jsxRuntime.jsx(ctDesignButton.Button, tslib.__assign({ variant: 'outline', size: 'medium', className: 'my-6', loading: fkButtonLoading, onClick: handleFKSSOClick, showLeftIcon: !fkButtonLoading, LeftIcon: jsxRuntime.jsx("img", { src: ctPlatformAssets.FlipkartLogo }) }, { children: ctPlatformConstants.LOGIN_CONSTANTS.FK_LOGIN_CTA }))] })), jsxRuntime.jsxs("div", tslib.__assign({ className: 'pt-8 pb-6' }, { children: [jsxRuntime.jsx(ctDesignDivider.Divider, {}), jsxRuntime.jsxs("div", tslib.__assign({ className: 'flex flex-middle \n flex-center flex-wrap pt-2' }, { children: [jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'P1', className: styles.footer_text }, { children: ctPlatformConstants.LOGIN_CONSTANTS.FOOTER_TEXT })), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'P1', color: 'link', className: 'pl-1 fs-12', isClickable: true, onClick: handlePrivacyPolicyClick }, { children: ctPlatformConstants.LOGIN_CONSTANTS.PRIVACY_CTA })), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ className: 'px-1 fs-12 c-neutral-700', variant: 'P1' }, { children: '& ' })), jsxRuntime.jsx(ctDesignTypography.Typography, tslib.__assign({ variant: 'P1', color: 'link', isClickable: true, onClick: handleTermsOfUseClick, className: 'fs-12' }, { children: ctPlatformConstants.LOGIN_CONSTANTS.TNC_CTA }))] }))] }))] })));
|
|
402
|
-
};
|
|
403
|
-
|
|
404
|
-
var css_248z$1 = "@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\") format(\"woff\")}.utilswrapper :root{--swiper-theme-color:#007aff}.utilswrapper .swiper-container{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.utilswrapper .swiper-container-vertical>.swiper-wrapper{flex-direction:column}.utilswrapper .swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.utilswrapper .swiper-container-android .swiper-slide,.utilswrapper .swiper-wrapper{transform:translateZ(0)}.utilswrapper .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.utilswrapper .swiper-container-multirow-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.utilswrapper .swiper-container-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.utilswrapper .swiper-container-pointer-events{touch-action:pan-y}.utilswrapper .swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.utilswrapper .swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.utilswrapper .swiper-slide-invisible-blank{visibility:hidden}.utilswrapper .swiper-container-autoheight,.utilswrapper .swiper-container-autoheight .swiper-slide{height:auto}.utilswrapper .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.utilswrapper .swiper-container-3d{perspective:1200px}.utilswrapper .swiper-container-3d .swiper-cube-shadow,.utilswrapper .swiper-container-3d .swiper-slide,.utilswrapper .swiper-container-3d .swiper-slide-shadow-bottom,.utilswrapper .swiper-container-3d .swiper-slide-shadow-left,.utilswrapper .swiper-container-3d .swiper-slide-shadow-right,.utilswrapper .swiper-container-3d .swiper-slide-shadow-top,.utilswrapper .swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.utilswrapper .swiper-container-3d .swiper-slide-shadow-bottom,.utilswrapper .swiper-container-3d .swiper-slide-shadow-left,.utilswrapper .swiper-container-3d .swiper-slide-shadow-right,.utilswrapper .swiper-container-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.utilswrapper .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.utilswrapper .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.utilswrapper .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.utilswrapper .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.utilswrapper .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.utilswrapper :root{--swiper-navigation-size:44px}.utilswrapper .swiper-button-next,.utilswrapper .swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.utilswrapper .swiper-button-next.swiper-button-disabled,.utilswrapper .swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.utilswrapper .swiper-button-next:after,.utilswrapper .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important;text-transform:none}.utilswrapper .swiper-button-prev,.utilswrapper .swiper-container-rtl .swiper-button-next{left:10px;right:auto}.utilswrapper .swiper-button-prev:after,.utilswrapper .swiper-container-rtl .swiper-button-next:after{content:\"prev\"}.utilswrapper .swiper-button-next,.utilswrapper .swiper-container-rtl .swiper-button-prev{left:auto;right:10px}.utilswrapper .swiper-button-next:after,.utilswrapper .swiper-container-rtl .swiper-button-prev:after{content:\"next\"}.utilswrapper .swiper-button-next.swiper-button-white,.utilswrapper .swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.utilswrapper .swiper-button-next.swiper-button-black,.utilswrapper .swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.utilswrapper .swiper-button-lock{display:none}.utilswrapper .swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.utilswrapper .swiper-pagination.swiper-pagination-hidden{opacity:0}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets,.utilswrapper .swiper-pagination-custom,.utilswrapper .swiper-pagination-fraction{bottom:10px;left:0;width:100%}.utilswrapper .swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.utilswrapper .swiper-pagination-bullet{background:#000;border-radius:50%;display:inline-block;height:8px;opacity:.2;width:8px}.utilswrapper button.swiper-pagination-bullet{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.utilswrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.utilswrapper .swiper-pagination-bullet:only-child{display:none!important}.utilswrapper .swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.utilswrapper .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.utilswrapper .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.utilswrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.utilswrapper .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.utilswrapper .swiper-container-horizontal>.swiper-pagination-progressbar,.utilswrapper .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.utilswrapper .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.utilswrapper .swiper-container-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.utilswrapper .swiper-pagination-white{--swiper-pagination-color:#fff}.utilswrapper .swiper-pagination-black{--swiper-pagination-color:#000}.utilswrapper .swiper-pagination-lock{display:none}";
|
|
405
|
-
styleInject(css_248z$1);
|
|
406
|
-
|
|
407
|
-
const imagePlaceHolderURI =
|
|
408
|
-
// eslint-disable-next-line max-len
|
|
409
|
-
'data:image/png;base64,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';
|
|
410
|
-
const ImageUrls = [{
|
|
411
|
-
src: 'https://fastui.cltpstatic.com/image/upload/offermgmt/images/carousel1.png',
|
|
412
|
-
placeholder: imagePlaceHolderURI
|
|
413
|
-
}, {
|
|
414
|
-
src: 'https://fastui.cltpstatic.com/image/upload/offermgmt/images/carousel2.png',
|
|
415
|
-
placeholder: imagePlaceHolderURI
|
|
416
|
-
}, {
|
|
417
|
-
src: 'https://fastui.cltpstatic.com/image/upload/offermgmt/images/carousel3.png',
|
|
418
|
-
placeholder: imagePlaceHolderURI
|
|
419
|
-
}];
|
|
420
|
-
|
|
421
|
-
var ImageWithPlaceholder = function (_a) {
|
|
422
|
-
var src = _a.src, placeholderSrc = _a.placeholderSrc, onLoad = _a.onLoad, props = tslib.__rest(_a, ["src", "placeholderSrc", "onLoad"]);
|
|
423
|
-
var _b = react.useState(placeholderSrc || src), imgSrc = _b[0], setImgSrc = _b[1];
|
|
424
|
-
var onLoadRef = react.useRef(onLoad);
|
|
425
|
-
react.useEffect(function () {
|
|
426
|
-
onLoadRef.current = onLoad;
|
|
427
|
-
}, [onLoad]);
|
|
428
|
-
react.useEffect(function () {
|
|
429
|
-
var img = new Image();
|
|
430
|
-
img.onload = function () {
|
|
431
|
-
setImgSrc(src);
|
|
432
|
-
if (onLoadRef.current) {
|
|
433
|
-
onLoadRef.current();
|
|
434
|
-
}
|
|
435
|
-
};
|
|
436
|
-
img.src = src;
|
|
437
|
-
}, [src]);
|
|
438
|
-
return jsxRuntime.jsx("img", tslib.__assign({ src: imgSrc }, props));
|
|
439
|
-
};
|
|
440
|
-
|
|
441
|
-
var CarouselWrapper = function () {
|
|
442
|
-
return (jsxRuntime.jsx("div", tslib.__assign({ className: " o-hidden p-relative ".concat(styles.slider_carousel_wrapper) }, { children: jsxRuntime.jsx(react$1.Swiper, tslib.__assign({ autoplay: true, slidesPerView: 1, navigation: false, loop: true, pagination: { clickable: true }, className: "".concat(styles['swiper'], " ").concat(styles['swiper-custom-pagination']), lazy: {
|
|
443
|
-
loadPrevNextAmount: 1,
|
|
444
|
-
} }, { children: ImageUrls.map(function (item, index) {
|
|
445
|
-
return (jsxRuntime.jsx(react$1.SwiperSlide, tslib.__assign({ className: styles['swiper-slide'] }, { children: jsxRuntime.jsx(jsxRuntime.Fragment, { children: index < 1 ? (jsxRuntime.jsx(ImageWithPlaceholder, { src: item.src, placeholderSrc: item.placeholder, alt: "Slide ".concat(index + 1), rel: 'preload', fetchPriority: 'high' })) : (jsxRuntime.jsx(ImageWithPlaceholder, { src: item.src, placeholderSrc: item.placeholder, alt: "Slide ".concat(index + 1), loading: 'lazy', className: 'lazy' })) }) }), index));
|
|
446
|
-
}) })) })));
|
|
447
|
-
};
|
|
448
|
-
|
|
449
|
-
var css_248z = ".utilswrapper .container.container{margin:auto;max-width:1140px;padding:0 8px}@media screen and (min-width:320px) and (max-width:1024px){.utilswrapper .container{margin:auto;max-width:100%;padding:0 16px}}@media screen and (min-width:480px) and (max-width:1024px){.utilswrapper .container{margin:auto;max-width:100%;padding:0 16px}}@media screen and (min-width:600px) and (max-width:1024px){.utilswrapper .container{margin:auto;max-width:100%;padding:0 16px}}.utilswrapper .row.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}.utilswrapper .col-1.col-1,.utilswrapper .col-10.col-10,.utilswrapper .col-11.col-11,.utilswrapper .col-12.col-12,.utilswrapper .col-13.col-13,.utilswrapper .col-14.col-14,.utilswrapper .col-15.col-15,.utilswrapper .col-16.col-16,.utilswrapper .col-17.col-17,.utilswrapper .col-18.col-18,.utilswrapper .col-19.col-19,.utilswrapper .col-2.col-2,.utilswrapper .col-20.col-20,.utilswrapper .col-21.col-21,.utilswrapper .col-22.col-22,.utilswrapper .col-23.col-23,.utilswrapper .col-24.col-24,.utilswrapper .col-3.col-3,.utilswrapper .col-4.col-4,.utilswrapper .col-5.col-5,.utilswrapper .col-6.col-6,.utilswrapper .col-7.col-7,.utilswrapper .col-8.col-8,.utilswrapper .col-9.col-9,.utilswrapper .col.col{box-sizing:border-box;flex:0 0 auto}.utilswrapper .col.col{flex-basis:0;flex-grow:1;max-width:100%}.utilswrapper .col-1.col-1{flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2.col-2{flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3.col-3{flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4.col-4{flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5.col-5{flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6.col-6{flex-basis:25%;max-width:25%}.utilswrapper .col-7.col-7{flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8.col-8{flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9.col-9{flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10.col-10{flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11.col-11{flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12.col-12{flex-basis:50%;max-width:50%}.utilswrapper .col-13.col-13{flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14.col-14{flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15.col-15{flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16.col-16{flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17.col-17{flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18.col-18{flex-basis:75%;max-width:75%}.utilswrapper .col-19.col-19{flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20.col-20{flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21.col-21{flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22.col-22{flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23.col-23{flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24.col-24{flex-basis:100%;max-width:100%}@media screen and (min-width:320px) and (max-width:1024px){.utilswrapper .col-1--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:25%;max-width:25%}.utilswrapper .col-7--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:50%;max-width:50%}.utilswrapper .col-13--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:75%;max-width:75%}.utilswrapper .col-19--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}}@media screen and (min-width:480px) and (max-width:1024px){.utilswrapper .col-1--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:25%;max-width:25%}.utilswrapper .col-7--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:50%;max-width:50%}.utilswrapper .col-13--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:75%;max-width:75%}.utilswrapper .col-19--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}}@media screen and (min-width:600px) and (max-width:1024px){.utilswrapper .col-1--md{box-sizing:border-box;flex:0 0 auto;flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2--md{box-sizing:border-box;flex:0 0 auto;flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3--md{box-sizing:border-box;flex:0 0 auto;flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4--md{box-sizing:border-box;flex:0 0 auto;flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5--md{box-sizing:border-box;flex:0 0 auto;flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6--md{box-sizing:border-box;flex:0 0 auto;flex-basis:25%;max-width:25%}.utilswrapper .col-7--md{box-sizing:border-box;flex:0 0 auto;flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8--md{box-sizing:border-box;flex:0 0 auto;flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9--md{box-sizing:border-box;flex:0 0 auto;flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10--md{box-sizing:border-box;flex:0 0 auto;flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11--md{box-sizing:border-box;flex:0 0 auto;flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12--md{box-sizing:border-box;flex:0 0 auto;flex-basis:50%;max-width:50%}.utilswrapper .col-13--md{box-sizing:border-box;flex:0 0 auto;flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14--md{box-sizing:border-box;flex:0 0 auto;flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15--md{box-sizing:border-box;flex:0 0 auto;flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16--md{box-sizing:border-box;flex:0 0 auto;flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17--md{box-sizing:border-box;flex:0 0 auto;flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18--md{box-sizing:border-box;flex:0 0 auto;flex-basis:75%;max-width:75%}.utilswrapper .col-19--md{box-sizing:border-box;flex:0 0 auto;flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20--md{box-sizing:border-box;flex:0 0 auto;flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21--md{box-sizing:border-box;flex:0 0 auto;flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22--md{box-sizing:border-box;flex:0 0 auto;flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23--md{box-sizing:border-box;flex:0 0 auto;flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24--md{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}}.utilswrapper .br-0.br-0{border-radius:0}.utilswrapper .br-1.br-1{border-radius:1px}.utilswrapper .br-2.br-2{border-radius:2px}.utilswrapper .br-3.br-3{border-radius:3px}.utilswrapper .br-4.br-4{border-radius:4px}.utilswrapper .br-5.br-5{border-radius:5px}.utilswrapper .br-6.br-6{border-radius:6px}.utilswrapper .br-7.br-7{border-radius:7px}.utilswrapper .br-8.br-8{border-radius:8px}.utilswrapper .br-9.br-9{border-radius:9px}.utilswrapper .br-10.br-10{border-radius:10px}.utilswrapper .br-11.br-11{border-radius:11px}.utilswrapper .br-12.br-12{border-radius:12px}.utilswrapper .br-13.br-13{border-radius:13px}.utilswrapper .br-14.br-14{border-radius:14px}.utilswrapper .br-15.br-15{border-radius:15px}.utilswrapper .br-16.br-16{border-radius:16px}.utilswrapper .br-0p.br-0p{border-radius:0}.utilswrapper .br-25p.br-25p{border-radius:25%}.utilswrapper .br-50p.br-50p{border-radius:50%}.utilswrapper .br-75p.br-75p{border-radius:75%}.utilswrapper .br-100p.br-100p{border-radius:100%}.utilswrapper .ba-solid.ba-solid{border-style:solid;border-width:1px}.utilswrapper .bb-solid.bb-solid,.utilswrapper .bb.bb{border-bottom-style:solid;border-bottom-width:1px}.utilswrapper .bb-dotted.bb-dotted{border-bottom-style:dotted;border-bottom-width:1px}.utilswrapper .ba-dashed.ba-dashed{border-style:dashed;border-width:1px}.utilswrapper .bn.bn{border:none}.utilswrapper .bl-0.bl-0{border-left:0}.utilswrapper .blr-0.blr-0,.utilswrapper .br-0.br-0{border-right:0}.utilswrapper .blr-0.blr-0{border-left:0}.utilswrapper .c-primary-100.c-primary-100{color:#fef3ed}.utilswrapper .c-primary-300.c-primary-300{color:#fbe0d3}.utilswrapper .c-primary-500.c-primary-500{color:#ed6521}.utilswrapper .c-primary-700.c-primary-700{color:#6a1f13}.utilswrapper .bg-primary-100.bg-primary-100{background-color:#fef3ed}.utilswrapper .bg-primary-300.bg-primary-300{background-color:#fbe0d3}.utilswrapper .bg-primary-500.bg-primary-500{background-color:#ed6521}.utilswrapper .bg-primary-700.bg-primary-700{background-color:#6a1f13}.utilswrapper .bc-primary-100.bc-primary-100{border-color:#fef3ed}.utilswrapper .bc-primary-300.bc-primary-300{border-color:#fbe0d3}.utilswrapper .bc-primary-500.bc-primary-500{border-color:#ed6521}.utilswrapper .bc-primary-700.bc-primary-700{border-color:#6a1f13}.utilswrapper .c-secondary-100.c-secondary-100{color:#eff3fb}.utilswrapper .c-secondary-300.c-secondary-300{color:#aecff9}.utilswrapper .c-secondary-500.c-secondary-500{color:#36c}.utilswrapper .c-secondary-700.c-secondary-700{color:#152255}.utilswrapper .bg-secondary-100.bg-secondary-100{background-color:#eff3fb}.utilswrapper .bg-secondary-300.bg-secondary-300{background-color:#aecff9}.utilswrapper .bg-secondary-500.bg-secondary-500{background-color:#36c}.utilswrapper .bg-secondary-700.bg-secondary-700{background-color:#152255}.utilswrapper .bc-secondary-100.bc-secondary-100{border-color:#eff3fb}.utilswrapper .bc-secondary-300.bc-secondary-300{border-color:#aecff9}.utilswrapper .bc-secondary-500.bc-secondary-500{border-color:#36c}.utilswrapper .bc-secondary-700.bc-secondary-700{border-color:#152255}.utilswrapper .c-neutral-100.c-neutral-100{color:#fff}.utilswrapper .c-neutral-300.c-neutral-300{color:#f7f7f7}.utilswrapper .c-neutral-500.c-neutral-500{color:#e0e0e0}.utilswrapper .c-neutral-700.c-neutral-700{color:grey}.utilswrapper .c-neutral-900.c-neutral-900{color:#1a1a1a}.utilswrapper .bg-neutral-100.bg-neutral-100{background-color:#fff}.utilswrapper .bg-neutral-300.bg-neutral-300{background-color:#f7f7f7}.utilswrapper .bg-neutral-500.bg-neutral-500{background-color:#e0e0e0}.utilswrapper .bg-neutral-700.bg-neutral-700{background-color:grey}.utilswrapper .bg-neutral-900.bg-neutral-900{background-color:#1a1a1a}.utilswrapper .bc-neutral-100.bc-neutral-100{border-color:#fff}.utilswrapper .bc-neutral-300.bc-neutral-300{border-color:#f7f7f7}.utilswrapper .bc-neutral-500.bc-neutral-500{border-color:#e0e0e0}.utilswrapper .bc-neutral-700.bc-neutral-700{border-color:grey}.utilswrapper .bc-neutral-900.bc-neutral-900{border-color:#1a1a1a}.utilswrapper .c-success-100.c-success-100{color:#ebf9f6}.utilswrapper .c-success-500.c-success-500{color:#00b28a}.utilswrapper .bg-success-100.bg-success-100{background-color:#ebf9f6}.utilswrapper .bg-success-500.bg-success-500{background-color:#00b28a}.utilswrapper .bc-success-100.bc-success-100{border-color:#ebf9f6}.utilswrapper .bc-success-500.bc-success-500{border-color:#00b28a}.utilswrapper .c-warning-100.c-warning-100{color:#fcf7f0}.utilswrapper .c-warning-500.c-warning-500{color:#df9641}.utilswrapper .bg-warning-100.bg-warning-100{background-color:#fcf7f0}.utilswrapper .bg-warning-500.bg-warning-500{background-color:#df9641}.utilswrapper .bc-warning-100.bc-warning-100{border-color:#fcf7f0}.utilswrapper .bc-warning-500.bc-warning-500{border-color:#df9641}.utilswrapper .bc-default.bc-default{border-color:#000}.utilswrapper .c-error-100.c-error-100{color:#fbefef}.utilswrapper .c-error-500.c-error-500{color:#cc1414}.utilswrapper .bg-error-100.bg-error-100{background-color:#fbefef}.utilswrapper .bg-error-500.bg-error-500{background-color:#cc1414}.utilswrapper .bc-error-100.bc-error-100{border-color:#fbefef}.utilswrapper .bc-error-500.bc-error-500{border-color:#cc1414}.utilswrapper .c-line-500.c-line-500{color:#e6e6e6}.utilswrapper .bg-line-500.bg-line-500{background-color:#e6e6e6}.utilswrapper .bc-line-500.bc-line-500{border-color:#e6e6e6}.utilswrapper .c-line-700.c-line-700{color:#dbdbdb}.utilswrapper .bg-line-700.bg-line-700{background-color:#dbdbdb}.utilswrapper .bc-line-700.bc-line-700{border-color:#dbdbdb}.utilswrapper .fs-8.fs-8{font-size:8px}.utilswrapper .fs-10.fs-10{font-size:10px}.utilswrapper .fs-12.fs-12{font-size:12px}.utilswrapper .fs-14.fs-14{font-size:14px}.utilswrapper .fs-16.fs-16{font-size:16px}.utilswrapper .fs-20.fs-20{font-size:20px}.utilswrapper .fs-24.fs-24{font-size:24px}.utilswrapper .lh-12.lh-12{line-height:12px}.utilswrapper .lh-16.lh-16{line-height:16px}.utilswrapper .lh-20.lh-20{line-height:20px}.utilswrapper .lh-22.lh-22{line-height:22px}.utilswrapper .lh-24.lh-24{line-height:24px}.utilswrapper .lh-28.lh-28{line-height:28px}.utilswrapper .fw-100.fw-100{font-weight:100}.utilswrapper .fw-200.fw-200{font-weight:200}.utilswrapper .fw-300.fw-300{font-weight:300}.utilswrapper .fw-400.fw-400{font-weight:400}.utilswrapper .fw-500.fw-500{font-weight:500}.utilswrapper .fw-600.fw-600{font-weight:600}.utilswrapper .fw-700.fw-700{font-weight:700}.utilswrapper .fw-800.fw-800{font-weight:800}.utilswrapper .fw-900.fw-900{font-weight:900}.utilswrapper .ta-left.ta-left{text-align:left}.utilswrapper .ta-center.ta-center{text-align:center}.utilswrapper .ta-right.ta-right{text-align:right}.utilswrapper .ta-justify.ta-justify{text-align:justify}.utilswrapper .p-0.p-0{padding:0}.utilswrapper .p-1.p-1{padding:4px}.utilswrapper .p-2.p-2{padding:8px}.utilswrapper .p-3.p-3{padding:12px}.utilswrapper .p-4.p-4{padding:16px}.utilswrapper .p-5.p-5{padding:20px}.utilswrapper .p-6.p-6{padding:24px}.utilswrapper .p-7.p-7{padding:28px}.utilswrapper .p-8.p-8{padding:32px}.utilswrapper .p-9.p-9{padding:36px}.utilswrapper .p-10.p-10{padding:40px}.utilswrapper .px-0.px-0{padding-left:0;padding-right:0}.utilswrapper .px-1.px-1{padding-left:4px;padding-right:4px}.utilswrapper .px-2.px-2{padding-left:8px;padding-right:8px}.utilswrapper .px-3.px-3{padding-left:12px;padding-right:12px}.utilswrapper .px-4.px-4{padding-left:16px;padding-right:16px}.utilswrapper .px-5.px-5{padding-left:20px;padding-right:20px}.utilswrapper .px-6.px-6{padding-left:24px;padding-right:24px}.utilswrapper .px-7.px-7{padding-left:28px;padding-right:28px}.utilswrapper .px-8.px-8{padding-left:32px;padding-right:32px}.utilswrapper .px-9.px-9{padding-left:36px;padding-right:36px}.utilswrapper .px-10.px-10{padding-left:40px;padding-right:40px}.utilswrapper .py-0.py-0{padding-bottom:0;padding-top:0}.utilswrapper .py-1.py-1{padding-bottom:4px;padding-top:4px}.utilswrapper .py-2.py-2{padding-bottom:8px;padding-top:8px}.utilswrapper .py-3.py-3{padding-bottom:12px;padding-top:12px}.utilswrapper .py-4.py-4{padding-bottom:16px;padding-top:16px}.utilswrapper .py-5.py-5{padding-bottom:20px;padding-top:20px}.utilswrapper .py-6.py-6{padding-bottom:24px;padding-top:24px}.utilswrapper .py-7.py-7{padding-bottom:28px;padding-top:28px}.utilswrapper .py-8.py-8{padding-bottom:32px;padding-top:32px}.utilswrapper .py-9.py-9{padding-bottom:36px;padding-top:36px}.utilswrapper .py-10.py-10{padding-bottom:40px;padding-top:40px}.utilswrapper .py-11.py-11{padding-bottom:44px;padding-top:44px}.utilswrapper .pl-0.pl-0{padding-left:0}.utilswrapper .pl-1.pl-1{padding-left:4px}.utilswrapper .pl-2.pl-2{padding-left:8px}.utilswrapper .pl-3.pl-3{padding-left:12px}.utilswrapper .pl-4.pl-4{padding-left:16px}.utilswrapper .pl-5.pl-5{padding-left:20px}.utilswrapper .pl-6.pl-6{padding-left:24px}.utilswrapper .pl-7.pl-7{padding-left:28px}.utilswrapper .pl-8.pl-8{padding-left:32px}.utilswrapper .pl-9.pl-9{padding-left:36px}.utilswrapper .pl-10.pl-10{padding-left:40px}.utilswrapper .pr-0.pr-0{padding-right:0}.utilswrapper .pr-1.pr-1{padding-right:4px}.utilswrapper .pr-2.pr-2{padding-right:8px}.utilswrapper .pr-3.pr-3{padding-right:12px}.utilswrapper .pr-4.pr-4{padding-right:16px}.utilswrapper .pr-5.pr-5{padding-right:20px}.utilswrapper .pr-6.pr-6{padding-right:24px}.utilswrapper .pr-7.pr-7{padding-right:28px}.utilswrapper .pr-8.pr-8{padding-right:32px}.utilswrapper .pr-9.pr-9{padding-right:36px}.utilswrapper .pr-10.pr-10{padding-right:40px}.utilswrapper .pt-0.pt-0{padding-top:0}.utilswrapper .pt-1.pt-1{padding-top:4px}.utilswrapper .pt-2.pt-2{padding-top:8px}.utilswrapper .pt-3.pt-3{padding-top:12px}.utilswrapper .pt-4.pt-4{padding-top:16px}.utilswrapper .pt-5.pt-5{padding-top:20px}.utilswrapper .pt-6.pt-6{padding-top:24px}.utilswrapper .pt-7.pt-7{padding-top:28px}.utilswrapper .pt-8.pt-8{padding-top:32px}.utilswrapper .pt-9.pt-9{padding-top:36px}.utilswrapper .pt-10.pt-10{padding-top:40px}.utilswrapper .pt-11.pt-11{padding-top:44px}.utilswrapper .pt-12.pt-12{padding-top:48px}.utilswrapper .pb-0.pb-0{padding-bottom:0}.utilswrapper .pb-1.pb-1{padding-bottom:4px}.utilswrapper .pb-2.pb-2{padding-bottom:8px}.utilswrapper .pb-3.pb-3{padding-bottom:12px}.utilswrapper .pb-4.pb-4{padding-bottom:16px}.utilswrapper .pb-5.pb-5{padding-bottom:20px}.utilswrapper .pb-6.pb-6{padding-bottom:24px}.utilswrapper .pb-7.pb-7{padding-bottom:28px}.utilswrapper .pb-8.pb-8{padding-bottom:32px}.utilswrapper .pb-9.pb-9{padding-bottom:36px}.utilswrapper .pb-10.pb-10{padding-bottom:40px}.utilswrapper .m-0.m-0{margin:0}.utilswrapper .m-1.m-1{margin:4px}.utilswrapper .m-2.m-2{margin:8px}.utilswrapper .m-3.m-3{margin:12px}.utilswrapper .m-4.m-4{margin:16px}.utilswrapper .m-5.m-5{margin:20px}.utilswrapper .m-6.m-6{margin:24px}.utilswrapper .m-7.m-7{margin:28px}.utilswrapper .m-8.m-8{margin:32px}.utilswrapper .m-9.m-9{margin:36px}.utilswrapper .m-10.m-10{margin:40px}.utilswrapper .m-11.m-11{margin:44px}.utilswrapper .m-12.m-12{margin:48px}.utilswrapper .m-13.m-13{margin:52px}.utilswrapper .mx-0.mx-0{margin-left:0;margin-right:0}.utilswrapper .mx-1.mx-1{margin-left:4px;margin-right:4px}.utilswrapper .mx-2.mx-2{margin-left:8px;margin-right:8px}.utilswrapper .mx-3.mx-3{margin-left:12px;margin-right:12px}.utilswrapper .mx-4.mx-4{margin-left:16px;margin-right:16px}.utilswrapper .mx-5.mx-5{margin-left:20px;margin-right:20px}.utilswrapper .mx-6.mx-6{margin-left:24px;margin-right:24px}.utilswrapper .mx-7.mx-7{margin-left:28px;margin-right:28px}.utilswrapper .mx-8.mx-8{margin-left:32px;margin-right:32px}.utilswrapper .mx-9.mx-9{margin-left:36px;margin-right:36px}.utilswrapper .mx-10.mx-10{margin-left:40px;margin-right:40px}.utilswrapper .mx-11.mx-11{margin-left:44px;margin-right:44px}.utilswrapper .mx-12.mx-12{margin-left:48px;margin-right:48px}.utilswrapper .mx-13.mx-13{margin-left:52px;margin-right:52px}.utilswrapper .my-0.my-0{margin-bottom:0;margin-top:0}.utilswrapper .my-1.my-1{margin-bottom:4px;margin-top:4px}.utilswrapper .my-2.my-2{margin-bottom:8px;margin-top:8px}.utilswrapper .my-3.my-3{margin-bottom:12px;margin-top:12px}.utilswrapper .my-4.my-4{margin-bottom:16px;margin-top:16px}.utilswrapper .my-5.my-5{margin-bottom:20px;margin-top:20px}.utilswrapper .my-6.my-6{margin-bottom:24px;margin-top:24px}.utilswrapper .my-7.my-7{margin-bottom:28px;margin-top:28px}.utilswrapper .my-8.my-8{margin-bottom:32px;margin-top:32px}.utilswrapper .my-9.my-9{margin-bottom:36px;margin-top:36px}.utilswrapper .my-10.my-10{margin-bottom:40px;margin-top:40px}.utilswrapper .my-11.my-11{margin-bottom:44px;margin-top:44px}.utilswrapper .my-12.my-12{margin-bottom:48px;margin-top:48px}.utilswrapper .my-13.my-13{margin-bottom:52px;margin-top:52px}.utilswrapper .ml-0.ml-0{margin-left:0}.utilswrapper .ml-1.ml-1{margin-left:4px}.utilswrapper .ml-2.ml-2{margin-left:8px}.utilswrapper .ml-3.ml-3{margin-left:12px}.utilswrapper .ml-4.ml-4{margin-left:16px}.utilswrapper .ml-5.ml-5{margin-left:20px}.utilswrapper .ml-6.ml-6{margin-left:24px}.utilswrapper .ml-7.ml-7{margin-left:28px}.utilswrapper .ml-8.ml-8{margin-left:32px}.utilswrapper .ml-9.ml-9{margin-left:36px}.utilswrapper .ml-10.ml-10{margin-left:40px}.utilswrapper .mr-0.mr-0{margin-right:0}.utilswrapper .mr-1.mr-1{margin-right:4px}.utilswrapper .mr-2.mr-2{margin-right:8px}.utilswrapper .mr-3.mr-3{margin-right:12px}.utilswrapper .mr-4.mr-4{margin-right:16px}.utilswrapper .mr-5.mr-5{margin-right:20px}.utilswrapper .mr-6.mr-6{margin-right:24px}.utilswrapper .mr-7.mr-7{margin-right:28px}.utilswrapper .mr-8.mr-8{margin-right:32px}.utilswrapper .mr-9.mr-9{margin-right:36px}.utilswrapper .mr-10.mr-10{margin-right:40px}.utilswrapper .mr-11.mr-11{margin-right:44px}.utilswrapper .mr-12.mr-12{margin-right:48px}.utilswrapper .mr-13.mr-13{margin-right:52px}.utilswrapper .mt-0.mt-0{margin-top:0}.utilswrapper .mt-1.mt-1{margin-top:4px}.utilswrapper .mt-2.mt-2{margin-top:8px}.utilswrapper .mt-3.mt-3{margin-top:12px}.utilswrapper .mt-4.mt-4{margin-top:16px}.utilswrapper .mt-5.mt-5{margin-top:20px}.utilswrapper .mt-6.mt-6{margin-top:24px}.utilswrapper .mt-7.mt-7{margin-top:28px}.utilswrapper .mt-8.mt-8{margin-top:32px}.utilswrapper .mt-9.mt-9{margin-top:36px}.utilswrapper .mt-10.mt-10{margin-top:40px}.utilswrapper .mt-11.mt-11{margin-top:44px}.utilswrapper .mt-12.mt-12{margin-top:48px}.utilswrapper .mt-13.mt-13{margin-top:52px}.utilswrapper .mb-0.mb-0{margin-bottom:0}.utilswrapper .mb-1.mb-1{margin-bottom:4px}.utilswrapper .mb-2.mb-2{margin-bottom:8px}.utilswrapper .mb-3.mb-3{margin-bottom:12px}.utilswrapper .mb-4.mb-4{margin-bottom:16px}.utilswrapper .mb-5.mb-5{margin-bottom:20px}.utilswrapper .mb-6.mb-6{margin-bottom:24px}.utilswrapper .mb-7.mb-7{margin-bottom:28px}.utilswrapper .mb-8.mb-8{margin-bottom:32px}.utilswrapper .mb-9.mb-9{margin-bottom:36px}.utilswrapper .mb-10.mb-10{margin-bottom:40px}.utilswrapper .mb-11.mb-11{margin-bottom:44px}.utilswrapper .mb-12.mb-12{margin-bottom:48px}.utilswrapper .mb-14.mb-14{margin-bottom:52px}.utilswrapper .m-auto.m-auto{margin:auto}.utilswrapper .ml-auto.ml-auto{margin-left:auto}.utilswrapper .mr-auto.mr-auto{margin-right:auto}.utilswrapper .mt-auto.mt-auto{margin-top:auto}.utilswrapper .mb-auto.mb-auto{margin-bottom:auto}.utilswrapper .flex.flex{display:flex}.utilswrapper .flex-inline.flex-inline{display:inline-flex}.utilswrapper .flex-row.flex-row{flex-direction:row}.utilswrapper .flex-column.flex-column{flex-direction:column}.utilswrapper .flex-row-reverse.flex-row-reverse{flex-direction:row-reverse}.utilswrapper .flex-column-reverse.flex-column-reverse{flex-direction:column-reverse}.utilswrapper .flex-nowrap.flex-nowrap{flex-wrap:nowrap}.utilswrapper .flex-wrap.flex-wrap{flex-wrap:wrap}.utilswrapper .flex-wrap-reverse.flex-wrap-reverse{flex-wrap:wrap-reverse}.utilswrapper .flex-auto.flex-auto{flex:1 1 auto}.utilswrapper .flex-1.flex-1{flex:1 1 0%}.utilswrapper .flex-none.flex-none{flex:none}.utilswrapper .flex-no-shrink.flex-no-shrink{flex-shrink:0}.utilswrapper .flex-first.flex-first{order:-1}.utilswrapper .flex-last.flex-last{order:99}.utilswrapper .flex-stretch.flex-stretch{align-items:stretch}.utilswrapper .flex-top.flex-top{align-items:flex-start}.utilswrapper .flex-middle.flex-middle{align-items:center}.utilswrapper .flex-bottom.flex-bottom{align-items:flex-end}.utilswrapper .flex-wrap-stretch.flex-wrap-stretch{align-content:stretch}.utilswrapper .flex-wrap-top.flex-wrap-top{align-content:flex-start}.utilswrapper .flex-wrap-middle.flex-wrap-middle{align-content:flex-center}.utilswrapper .flex-wrap-bottom.flex-wrap-bottom{align-content:flex-end}.utilswrapper .flex-wrap-between.flex-wrap-between{align-content:space-between}.utilswrapper .flex-wrap-around.flex-wrap-around{align-content:space-around}.utilswrapper .flex-left.flex-left,.utilswrapper .flex-start.flex-start{justify-content:flex-start}.utilswrapper .flex-end.flex-end,.utilswrapper .flex-right.flex-right{justify-content:flex-end}.utilswrapper .flex-center.flex-center{justify-content:center}.utilswrapper .flex-between.flex-between{justify-content:space-between}.utilswrapper .flex-around.flex-around{justify-content:space-around}.utilswrapper .flex-basis-auto.flex-basis-auto{flex-basis:auto}.utilswrapper .flex-rg-1.flex-rg-1{row-gap:4px}.utilswrapper .flex-cg-1.flex-cg-1{column-gap:4px}.utilswrapper .flex-gap-1.flex-gap-1{gap:4px}.utilswrapper .flex-rg-3.flex-rg-3{row-gap:12px}.utilswrapper .flex-cg-3.flex-cg-3{column-gap:12px}.utilswrapper .flex-rg-4.flex-rg-4{row-gap:16px}.utilswrapper .flex-cg-4.flex-cg-4{column-gap:16px}.utilswrapper .flex-gap-4.flex-gap-4{gap:16px}.utilswrapper .flex-rg-6.flex-rg-6{row-gap:24px}.utilswrapper .flex-cg-6.flex-cg-6{column-gap:24px}.utilswrapper .flex-gap-6.flex-gap-6{gap:24px}.utilswrapper .flex-gap-3.flex-gap-3{gap:12px}.utilswrapper .w-fit-content.w-fit-content{width:-moz-fit-content;width:fit-content}.utilswrapper .w-0p.w-0p{width:0}.utilswrapper .w-10p.w-10p{width:10%}.utilswrapper .w-20p.w-20p{width:20%}.utilswrapper .w-30p.w-30p{width:30%}.utilswrapper .w-40p.w-40p{width:40%}.utilswrapper .w-50p.w-50p{width:50%}.utilswrapper .w-60p.w-60p{width:60%}.utilswrapper .w-70p.w-70p{width:70%}.utilswrapper .w-80p.w-80p{width:80%}.utilswrapper .w-90p.w-90p{width:90%}.utilswrapper .w-100p.w-100p{width:100%}.utilswrapper .w-0.w-0{width:0}.utilswrapper .w-1.w-1{width:4px}.utilswrapper .w-2.w-2{width:0}.utilswrapper .w-3.w-3{width:12px}.utilswrapper .w-4.w-4{width:16px}.utilswrapper .w-5.w-5{width:20px}.utilswrapper .w-6.w-6{width:24px}.utilswrapper .w-7.w-7{width:28px}.utilswrapper .w-8.w-8{width:32px}.utilswrapper .w-9.w-9{width:36px}.utilswrapper .w-10.w-10{width:40px}.utilswrapper .w-11.w-11{width:44px}.utilswrapper .w-12.w-12{width:48px}.utilswrapper .w-13.w-13{width:52px}.utilswrapper .w-14.w-14{width:56px}.utilswrapper .w-15.w-15{width:60px}.utilswrapper .w-16.w-16{width:64px}.utilswrapper .w-17.w-17{width:68px}.utilswrapper .w-18.w-18{width:72px}.utilswrapper .w-19.w-19{width:76px}.utilswrapper .w-20.w-20{width:80px}.utilswrapper .h-0p.h-0p{height:0}.utilswrapper .h-10p.h-10p{height:10%}.utilswrapper .h-20p.h-20p{height:20%}.utilswrapper .h-30p.h-30p{height:30%}.utilswrapper .h-40p.h-40p{height:40%}.utilswrapper .h-50p.h-50p{height:50%}.utilswrapper .h-60p.h-60p{height:60%}.utilswrapper .h-70p.h-70p{height:70%}.utilswrapper .h-80p.h-80p{height:80%}.utilswrapper .h-90p.h-90p{height:90%}.utilswrapper .h-100p.h-100p{height:100%}.utilswrapper .h-0.h-0{height:0}.utilswrapper .h-1.h-1{height:4px}.utilswrapper .h-2.h-2{height:8px}.utilswrapper .h-3.h-3{height:12px}.utilswrapper .h-4.h-4{height:16px}.utilswrapper .h-5.h-5{height:20px}.utilswrapper .h-6.h-6{height:24px}.utilswrapper .h-7.h-7{height:28px}.utilswrapper .h-8.h-8{height:32px}.utilswrapper .h-9.h-9{height:36px}.utilswrapper .h-10.h-10{height:40px}.utilswrapper .h-11.h-11{height:44px}.utilswrapper .h-12.h-12{height:48px}.utilswrapper .h-13.h-13{height:52px}.utilswrapper .h-14.h-14{height:56px}.utilswrapper .h-15.h-15{height:60px}.utilswrapper .h-25.h-25{height:100px}.utilswrapper .h-100vh.h-100vh{height:100vh}.utilswrapper .min-h-100vh.min-h-100vh{min-height:100vh}.utilswrapper .w-100vw.w-100vw{width:100vw}.utilswrapper .min-w-100vw.min-w-100vw{min-width:100vw}.utilswrapper .d-block.d-block{display:block}.utilswrapper .d-none.d-none{display:none}.utilswrapper .d-inline-flex.d-inline-flex{display:inline-flex}.utilswrapper .bs-content.bs-content{box-sizing:content-box}.utilswrapper .bs-border.bs-border{box-sizing:border-box}.utilswrapper .bs-unset.bs-unset{box-sizing:unset}.utilswrapper .c-auto.c-auto{cursor:auto}.utilswrapper .c-default.c-default{cursor:default}.utilswrapper .c-pointer.c-pointer{cursor:pointer}.utilswrapper .c-wait.c-wait{cursor:wait}.utilswrapper .c-move.c-move{cursor:move}.utilswrapper .c-not-allowed.c-not-allowed{cursor:not-allowed}.utilswrapper .z-0.z-0{z-index:0}.utilswrapper .z-10.z-10{z-index:10}.utilswrapper .z-20.z-20{z-index:20}.utilswrapper .z-30.z-30{z-index:30}.utilswrapper .z-40.z-40{z-index:40}.utilswrapper .z-50.z-50{z-index:50}.utilswrapper .z-60.z-60{z-index:60}.utilswrapper .z-70.z-70{z-index:70}.utilswrapper .z-80.z-80{z-index:80}.utilswrapper .z-90.z-90{z-index:90}.utilswrapper .z-100.z-100{z-index:100}.utilswrapper .o-0.o-0{opacity:0}.utilswrapper .o-10.o-10{opacity:10%}.utilswrapper .o-20.o-20{opacity:20%}.utilswrapper .o-30.o-30{opacity:30%}.utilswrapper .o-40.o-40{opacity:40%}.utilswrapper .o-50.o-50{opacity:50%}.utilswrapper .o-60.o-60{opacity:60%}.utilswrapper .o-70.o-70{opacity:70%}.utilswrapper .o-80.o-80{opacity:80%}.utilswrapper .o-90.o-90{opacity:90%}.utilswrapper .o-100.o-100{opacity:100%}.utilswrapper .p-absolute.p-absolute{position:absolute}.utilswrapper .p-relative.p-relative{position:relative}.utilswrapper .p-fixed.p-fixed{position:fixed}.utilswrapper .p-sticky.p-sticky{position:sticky}.utilswrapper .t-0.t-0{top:0}.utilswrapper .b-0.b-0{bottom:0}.utilswrapper .r-0.r-0{right:0}.utilswrapper .l-0.l-0{left:0}.utilswrapper .ws-normal.ws-normal{white-space:normal}.utilswrapper .ws-nowrap.ws-nowrap{white-space:nowrap}.utilswrapper .oy-scroll.oy-scroll{overflow-y:scroll}.utilswrapper .ls-reset.ls-reset{list-style:none}.utilswrapper .bs-shadow-white.bs-shadow-white{box-shadow:0 4px 16px rgba(26,26,26,.08)}.utilswrapper .ox-scroll.ox-scroll{overflow-x:scroll}.utilswrapper .o-hidden.o-hidden{overflow:hidden}.utilswrapper .bg-transparent.bg-transparent{background:transparent}.utilswrapper .tt-ellipsis.tt-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utilswrapper .tr-180.tr-180{transform:rotate(180deg)}.utilswrapper .valign-middle.valign-middle{vertical-align:middle}*{box-sizing:border-box;margin:0;padding:0}.utilswrapper input::-webkit-inner-spin-button,.utilswrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.utilswrapper input[type=number]{-moz-appearance:textfield}.utilswrapper input[type=file]{display:none}";
|
|
450
|
-
styleInject(css_248z);
|
|
451
|
-
|
|
452
|
-
var LoginModule = function (_a) {
|
|
453
|
-
var fallbackUri = _a.fallbackUri, isDrawerOpen = _a.isDrawerOpen, skipProfileFlow = _a.skipProfileFlow, handleLoginClose = _a.handleLoginClose, onAuthSuccess = _a.onAuthSuccess, onAuthFailure = _a.onAuthFailure, _b = _a.ravenPayload, ravenPayload = _b === void 0 ? {} : _b;
|
|
454
|
-
var _c = react.useState(true), showMobilePage = _c[0], setShowMobilePage = _c[1];
|
|
455
|
-
var _d = react.useState(true), ctaDisabled = _d[0], setCtaDisabled = _d[1];
|
|
456
|
-
var _e = react.useState(false), sendingOtp = _e[0], setSendingOtp = _e[1];
|
|
457
|
-
var _f = react.useState(isDrawerOpen), showLoginForm = _f[0], setShowLoginForm = _f[1];
|
|
458
|
-
var _g = react.useState(''), mobileNumber = _g[0], setMobileNumber = _g[1];
|
|
459
|
-
var _h = react.useState(0), mobileInputHeight = _h[0], setMobileInputHeight = _h[1];
|
|
460
|
-
var _j = react.useState(false), otpResendDisabled = _j[0], setOtpResendDisabled = _j[1];
|
|
461
|
-
var _k = react.useState(''), errorCallout = _k[0], setErrorCallout = _k[1];
|
|
462
|
-
var _l = react.useState(false), showSuccess = _l[0], setShowSuccess = _l[1];
|
|
463
|
-
var _m = react.useState(false), showSigninLoader = _m[0], setShowSigninLoader = _m[1];
|
|
464
|
-
var showSigninLoaderScreen = function () {
|
|
465
|
-
setShowSigninLoader(true);
|
|
466
|
-
};
|
|
467
|
-
react.useEffect(function () {
|
|
468
|
-
if (window) {
|
|
469
|
-
window['showSigninLoaderScreen'] = showSigninLoaderScreen;
|
|
470
|
-
}
|
|
471
|
-
var queryValue = ctPlatformUtils.getQueryParam('fkSSOstatus');
|
|
472
|
-
var loginMethod = 'FK';
|
|
473
|
-
if (queryValue === 'signin') {
|
|
474
|
-
if (ctPlatformUtils.isAndroidApp()) {
|
|
475
|
-
ctPlatformUtils.updateNativeAndroidOnSignIn();
|
|
476
|
-
}
|
|
477
|
-
handleLoginSuccess(loginMethod);
|
|
478
|
-
}
|
|
479
|
-
if (queryValue === 'signup') {
|
|
480
|
-
if (ctPlatformUtils.isAndroidApp()) {
|
|
481
|
-
ctPlatformUtils.updateNativeAndroidOnSignIn();
|
|
482
|
-
}
|
|
483
|
-
handleLoginSuccess(loginMethod, true);
|
|
484
|
-
}
|
|
485
|
-
if (queryValue === 'failure') {
|
|
486
|
-
handleLoginFailure(loginMethod);
|
|
487
|
-
}
|
|
488
|
-
}, []);
|
|
489
|
-
var getOTP = react.useCallback(function (mobileNumber) { return tslib.__awaiter(void 0, void 0, void 0, function () {
|
|
490
|
-
var res, status_1, err_1, message, errorMessage;
|
|
491
|
-
return tslib.__generator(this, function (_a) {
|
|
492
|
-
switch (_a.label) {
|
|
493
|
-
case 0:
|
|
494
|
-
_a.trys.push([0, 2, , 3]);
|
|
495
|
-
setCtaDisabled(false);
|
|
496
|
-
setSendingOtp(true);
|
|
497
|
-
ctPlatformUtils.triggerOTPListener();
|
|
498
|
-
return [4, ctPlatformUtils.sendLoginOtp(mobileNumber)];
|
|
499
|
-
case 1:
|
|
500
|
-
res = _a.sent();
|
|
501
|
-
status_1 = (res || {}).status;
|
|
502
|
-
if (status_1 === 'SUCCESS') {
|
|
503
|
-
setShowMobilePage(false);
|
|
504
|
-
setSendingOtp(false);
|
|
505
|
-
}
|
|
506
|
-
return [3, 3];
|
|
507
|
-
case 2:
|
|
508
|
-
err_1 = _a.sent();
|
|
509
|
-
console.error(err_1);
|
|
510
|
-
message = (err_1 || {}).message;
|
|
511
|
-
setSendingOtp(false);
|
|
512
|
-
errorMessage = message && ctPlatformConstants.LOGIN_CONSTANTS[message];
|
|
513
|
-
if (errorMessage) {
|
|
514
|
-
setErrorCallout(String(errorMessage));
|
|
515
|
-
}
|
|
516
|
-
else {
|
|
517
|
-
setErrorCallout(String(ctPlatformConstants.LOGIN_CONSTANTS.GENERIC_ERROR_MESSAGE));
|
|
518
|
-
}
|
|
519
|
-
if (message === 'OTP_SEND_LIMIT_EXCEEDED') {
|
|
520
|
-
setOtpResendDisabled(true);
|
|
521
|
-
}
|
|
522
|
-
return [3, 3];
|
|
523
|
-
case 3: return [2];
|
|
524
|
-
}
|
|
525
|
-
});
|
|
526
|
-
}); }, [showMobilePage, setShowMobilePage]);
|
|
527
|
-
var handleLoginSuccess = react.useCallback(function (loginMethod, action) {
|
|
528
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
529
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_success', tslib.__assign({ action_name: 'login_successful', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', login_new: action ? 'sign_up' : 'sign_in', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
530
|
-
onAuthSuccess(loginMethod, action);
|
|
531
|
-
if (action && !skipProfileFlow) ;
|
|
532
|
-
else {
|
|
533
|
-
handleDrawerClose();
|
|
534
|
-
setShowSuccess(true);
|
|
535
|
-
}
|
|
536
|
-
}, []);
|
|
537
|
-
var handleLoginFailure = react.useCallback(function (loginMethod) {
|
|
538
|
-
onAuthFailure(loginMethod);
|
|
539
|
-
}, []);
|
|
540
|
-
var handleDrawerClose = function (evt) {
|
|
541
|
-
evt === null || evt === void 0 ? void 0 : evt.stopPropagation();
|
|
542
|
-
setShowLoginForm(false);
|
|
543
|
-
setMobileNumber('');
|
|
544
|
-
setCtaDisabled(true);
|
|
545
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
546
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_click', tslib.__assign({ action_name: 'login_prompt_dismissed', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
547
|
-
if (handleLoginClose && typeof handleLoginClose === 'function') {
|
|
548
|
-
handleLoginClose();
|
|
549
|
-
}
|
|
550
|
-
};
|
|
551
|
-
react.useEffect(function () {
|
|
552
|
-
if (isDrawerOpen) {
|
|
553
|
-
setShowMobilePage(true);
|
|
554
|
-
setShowLoginForm(true);
|
|
555
|
-
var eventProps = ctPlatformUtils.getRavenEventProps();
|
|
556
|
-
ctPlatformUtils.ravenSDKTrigger('u_login_popup', tslib.__assign({ action_name: 'login_prompt_opened', login_form: eventProps === null || eventProps === void 0 ? void 0 : eventProps.loginForm, login_type: 'native', vertical: eventProps === null || eventProps === void 0 ? void 0 : eventProps.vertical, page_name: eventProps === null || eventProps === void 0 ? void 0 : eventProps.pageName }, ravenPayload));
|
|
557
|
-
}
|
|
558
|
-
else {
|
|
559
|
-
setShowLoginForm(false);
|
|
560
|
-
}
|
|
561
|
-
}, [isDrawerOpen]);
|
|
562
|
-
return (jsxRuntime.jsx(ctDesignTheme.ThemeProvider, { children: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(ctPlatformDrawer.Drawer, tslib.__assign({ direction: 'bottom', isOpen: showLoginForm, showClose: true, overlay: true, handleClose: handleDrawerClose, onClose: function () { } }, { children: jsxRuntime.jsx("div", tslib.__assign({ className: "".concat(styles['utilswrapper'], " utilswrapper") }, { children: jsxRuntime.jsxs("div", tslib.__assign({ style: {
|
|
563
|
-
maxHeight: 'calc(100dvh - 60px)',
|
|
564
|
-
overflowY: 'auto',
|
|
565
|
-
borderRadius: '16px 16px 0 0',
|
|
566
|
-
} }, { children: [jsxRuntime.jsx(CarouselWrapper, {}), jsxRuntime.jsxs("div", tslib.__assign({ className: styles['login_form'] }, { children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(ctDesignSpacer.Spacer, { className: 'pt-6' }) }), showMobilePage ? (jsxRuntime.jsx(MobileInput, { device: 'PWA', ctaDisabled: ctaDisabled, sendingOtp: sendingOtp, getOTP: getOTP, mobileNumber: mobileNumber, setMobileNumber: setMobileNumber, setMobileInputHeight: setMobileInputHeight, fallbackUri: fallbackUri, skipProfileFlow: skipProfileFlow, currentPageUri: ctPlatformUtils.getCurrentPathName, setErrorCallout: setErrorCallout, errorCallout: errorCallout, ravenPayload: ravenPayload })) : (jsxRuntime.jsx(OtpInput, { mobileNumber: mobileNumber, getOTP: getOTP, setCtaDisabled: setCtaDisabled, setShowMobilePage: setShowMobilePage, handleLoginSuccess: handleLoginSuccess, handleLoginFailure: handleLoginFailure, otpInputHeight: mobileInputHeight, setMobileNumber: setMobileNumber, setErrorCallout: setErrorCallout, errorCallout: errorCallout, otpResendDisabled: otpResendDisabled, ravenPayload: ravenPayload, skipProfileFlow: skipProfileFlow }))] }))] })) })) })), showSuccess && (jsxRuntime.jsx(ctDesignToast.Toast, { text: 'Logged in successfully!', show: showSuccess, className: "".concat(styles.nonUtilsSelector_toast), closeTimeout: 2000 })), showSigninLoader && (jsxRuntime.jsx(Loader, { title: 'Please wait', message: 'Signing in...', className: 'z-2 bg-white' }))] }) }));
|
|
567
|
-
};
|
|
568
|
-
|
|
569
|
-
exports.LoginModule = LoginModule;
|
|
1
|
+
"use strict";var r=require("tslib"),e=require("react/jsx-runtime"),i=require("react"),t=require("@cleartrip/ct-design-toast"),p=require("@cleartrip/ct-design-spacer"),a=require("@cleartrip/ct-platform-drawer"),l=require("@cleartrip/ct-design-theme"),o=require("@cleartrip/ct-platform-constants"),s=require("@cleartrip/ct-platform-utils"),n=require("@cleartrip/ct-design-field"),u=require("@cleartrip/ct-design-spinner"),w=require("@cleartrip/ct-design-typography"),d=require("@cleartrip/ct-design-alert-callout"),c=require("@cleartrip/ct-design-icons"),x=require("classnames"),g=require("@cleartrip/ct-design-button"),m=require("@cleartrip/ct-design-divider"),b=require("@cleartrip/ct-platform-assets"),f=require("swiper/react");function h(r){return r&&r.__esModule?r:{default:r}}var A=h(x);function _(r,e){void 0===e&&(e={});var i=e.insertAt;if(r&&"undefined"!=typeof document){var t=document.head||document.getElementsByTagName("head")[0],p=document.createElement("style");p.type="text/css","top"===i&&t.firstChild?t.insertBefore(p,t.firstChild):t.appendChild(p),p.styleSheet?p.styleSheet.cssText=r:p.appendChild(document.createTextNode(r))}}var v,y="index-module_utilswrapper__RBSsH",N="index-module_mobileinput_seperatortext__-KDOp",E="index-module_slider_carousel_wrapper__0SuGB",T="index-module_login_form__tpSDz",C="index-module_nonUtilsSelector_toast__lvWmB",S="index-module_login_otp_error__o3y2L",z="index-module_login_otp_input__L-3P8",B="index-module_footer_text__nkeJv",O="index-module_swiper-custom-pagination__Ma1gV",I="index-module_otp_box_wrapper__sM2Ba",k="index-module_otp_container__1CE4N",G="index-module_swiper__r5-8U",D="index-module_swiper-slide__Zchn0";_(".index-module_utilswrapper__RBSsH .index-module_mobileinput_footertext__jPQ-g a{color:#0f6bff;text-decoration:none}.index-module_utilswrapper__RBSsH .index-module_mobileinput-seperator__7Ewok{position:relative}.index-module_utilswrapper__RBSsH .index-module_mobileinput_seperatortext__-KDOp{background:#fff;left:0;margin:0 auto;position:absolute;right:0;text-align:center;top:-10px;width:40px}.index-module_utilswrapper__RBSsH .index-module_slider_carousel_wrapper__0SuGB{border-top-left-radius:16px;border-top-right-radius:16px;width:100dvw}.index-module_utilswrapper__RBSsH .index-module_login_form__tpSDz{background-color:#fff;padding-left:16px;padding-right:16px}.index-module_nonUtilsSelector_toast__lvWmB{bottom:12px!important;margin-bottom:12px;margin:0 auto!important;padding:12px 16px!important;width:calc(100% - 48px)!important;z-index:2000}.index-module_utilswrapper__RBSsH .index-module_login_otp_error__o3y2L{padding-top:4px}.index-module_utilswrapper__RBSsH .index-module_login_otp_input__L-3P8{font-size:24px!important;font-style:normal;font-weight:600!important;height:56px!important;line-height:28px;padding:auto;text-align:center;width:56px!important}.index-module_utilswrapper__RBSsH .index-module_footer_text__nkeJv{color:grey!important;font-size:12px!important}.index-module_utilswrapper__RBSsH .index-module_swiper-custom-pagination__Ma1gV{--swiper-pagination-color:#fff;--swiper-pagination-bullet-inactive-color:#999;--swiper-pagination-bullet-inactive-opacity:1}.index-module_utilswrapper__RBSsH .index-module_otp_box_wrapper__sM2Ba{margin-right:8px}.index-module_utilswrapper__RBSsH .index-module_otp_container__1CE4N{display:flex;flex-direction:column;margin-top:24px}.index-module_utilswrapper__RBSsH .index-module_swiper__r5-8U{height:100%;width:100%}.index-module_utilswrapper__RBSsH .index-module_swiper__r5-8U .index-module_swiper-slide__Zchn0{height:auto}.index-module_utilswrapper__RBSsH .index-module_swiper-slide__Zchn0 img{display:block;height:100%;object-fit:fill;width:100%}"),function(r){r[r.DETECTING=0]="DETECTING",r[r.FAILED=1]="FAILED",r[r.DETECTED=2]="DETECTED"}(v||(v={}));var j=function(t){var a=t.mobileNumber,l=t.errorCallout,x=t.ravenPayload,g=t.otpInputHeight,m=t.skipProfileFlow,b=t.otpResendDisabled,f=t.getOTP,h=t.setCtaDisabled,A=t.setErrorCallout,_=t.setMobileNumber,y=t.setShowMobilePage,N=t.handleLoginSuccess,E=t.handleLoginFailure,T=i.useRef(Array(4).fill(null)),C=i.useState(v.DETECTING),B=C[0],O=C[1],G=i.useState(o.LOGIN_CONSTANTS.OTP_COUNTDOWN),D=G[0],j=G[1],P=i.useState(""),R=P[0],Q=P[1],F=i.useState(!0),L=F[0],U=F[1],Y=i.useState(!1),M=Y[0],Z=Y[1],q=i.useState(""),H=q[0],K=q[1],X=i.useState(!0),J=X[0],W=X[1],V=i.useRef(),$=i.useRef(),rr="CT";i.useEffect((function(){er();var e=s.getRavenEventProps();s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"login_otp_screen_opened",login_form:null==e?void 0:e.loginForm,login_type:"native",vertical:null==e?void 0:e.vertical,page_name:null==e?void 0:e.pageName},x))}),[]),i.useEffect((function(){s.isIOSApp()&&W(!1)}),[]),i.useEffect((function(){er()}),[]),i.useEffect((function(){0===D&&U(!1)}),[D]),i.useEffect((function(){var r;return L&&D>0&&(r=setInterval((function(){j((function(r){return r-1}))}),1e3)),function(){clearInterval(r)}}),[L,D]);var er=i.useCallback((function(){return r.__awaiter(void 0,void 0,void 0,(function(){var e;return r.__generator(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),[4,s.autoReadOtp()];case 1:return e=r.sent(),Q(e),O(v.DETECTED),(null==e?void 0:e.length)===o.LOGIN_CONSTANTS.OTP_LENGTH&&tr&&tr(e,!0),[3,3];case 2:return"NOT_SUPPORTED"===r.sent()&&W(!1),[3,3];case 3:return[2]}}))}))}),[J]),ir=i.useCallback((function(e){var i=s.getRavenEventProps();s.ravenSDKTrigger("u_login_error",r.__assign({action_name:"otp_incorrect",login_form:null==i?void 0:i.loginForm,login_type:"native",vertical:null==i?void 0:i.vertical,page_name:null==i?void 0:i.pageName},x));var t=null==e?void 0:e.message;"OTP_VALIDATE_LIMIT_EXCEEDED"!==t&&Q(""),T.current[0].focus(),T.current[0].click();var p=o.LOGIN_CONSTANTS[t],a="string"==typeof p?p:o.LOGIN_CONSTANTS.INVALID_OTP;K(a)}),[T]),tr=i.useCallback((function(e,i){return r.__awaiter(void 0,void 0,void 0,(function(){var t,p,l,n,u;return r.__generator(this,(function(w){switch(w.label){case 0:return w.trys.push([0,2,,3]),t=s.getRavenEventProps(),s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"otp_entered",login_form:null==t?void 0:t.loginForm,login_type:"native",entry_type:i?"autodetected":"manual_entry",vertical:null==t?void 0:t.vertical,page_name:null==t?void 0:t.pageName},x)),e===V.current&&$.current&&$.current-Date.now()<=100?[2]:(V.current=e,$.current=Date.now(),[4,s.validateOtp(a,e)]);case 1:return p=w.sent(),l=p.status,n=p.action,200!==Number(l)||s.isEmpty(n)?E(rr):(Z(!0),K(""),s.updateNativeOnLogin(),"SIGNUP"===n?(m||(window.location.href=o.NAVIGATION_ROUTES.PERSONAL_DETAILS+"?onboardingFlow=true"),N(rr,!0)):N(rr)),[3,3];case 2:return u=w.sent(),E(rr),ir(u),[3,3];case 3:return[2]}}))}))}),[V,$,Z,O,K,ir]),pr=function(){return r.__awaiter(void 0,void 0,void 0,(function(){var e,i,t,p,a;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,navigator.clipboard.readText()];case 1:return(e=r.sent())&&s.isNumeric(e)&&(i=e.slice(0,o.LOGIN_CONSTANTS.OTP_LENGTH).split(""),null===(p=T.current[o.LOGIN_CONSTANTS.OTP_LENGTH-1])||void 0===p||p.focus(),null===(a=T.current[o.LOGIN_CONSTANTS.OTP_LENGTH-1])||void 0===a||a.click(),t=i.join(""),Q(t),t.length===o.LOGIN_CONSTANTS.OTP_LENGTH&&tr(t,!1)),[2]}}))}))},ar=i.useCallback((function(r,e){var i,t;A(""),""!==r.target.value&&e<T.current.length-1&&(null===(i=T.current[e+1])||void 0===i||i.focus(),null===(t=T.current[e+1])||void 0===t||t.click());var p=T.current.map((function(r){return s.isHTMLInputElement(r)?r.value:""})).join("").slice(0,4);Q(p),p.length===o.LOGIN_CONSTANTS.OTP_LENGTH&&tr(p,!1)}),[Q,tr]),lr=i.useCallback((function(r,e){var i,t,p;"Backspace"===r.key&&e>0&&""===(null===(i=T.current[e])||void 0===i?void 0:i.value)&&(r.preventDefault(),null===(t=T.current[e-1])||void 0===t||t.focus(),null===(p=T.current[e-1])||void 0===p||p.click())}),[T]),or=i.useCallback((function(){j(o.LOGIN_CONSTANTS.OTP_COUNTDOWN),U(!0),f(a);var e=s.getRavenEventProps();s.ravenSDKTrigger("u_login_error",r.__assign({action_name:"resend_otp_clicked",login_form:null==e?void 0:e.loginForm,login_type:"native",vertical:null==e?void 0:e.vertical,page_name:null==e?void 0:e.pageName},x))}),[j,U]),sr=i.useCallback((function(){h(!0),y(!0),_("")}),[y]);return e.jsxs("div",r.__assign({className:"flex flex-column bg-neutral-100",style:{height:g}},{children:[l&&e.jsx(d.AlertCallout,{variant:"error",textNode:l,prefixIconNode:e.jsx(c.InfoIcon,{fill:"red"}),style:{color:"#ffff",backgroundColor:"#db201e"},className:"fs-12"}),e.jsxs("div",r.__assign({className:"flex flex-bottom"},{children:[e.jsxs(w.Typography,r.__assign({variant:"HM1",color:"heading"},{children:[o.LOGIN_CONSTANTS.OTP_TEXT," ",e.jsx("br",{}),a]})),e.jsx("div",r.__assign({className:"pl-2",onClick:sr},{children:e.jsx(c.Edit,{})}))]})),e.jsxs("div",r.__assign({className:k},{children:[e.jsx("div",r.__assign({className:"flex"},{children:r.__spreadArray([],Array(o.LOGIN_CONSTANTS.OTP_LENGTH),!0).map((function(i,t){return e.jsx("div",r.__assign({className:I},{children:e.jsx(n.FieldV2,{prompt:{hasError:!!H},type:"number",placeholder:"",value:R[t],max:1,inputMode:"numeric",className:z,variant:"md",ref:function(r){r&&(T.current[t]=r)},onKeyDown:function(r){return lr(r,t)},onChange:function(r){return ar(r,t)},onPaste:pr,autoFocus:0===t})}),t)}))})),!!H&&e.jsx(w.Typography,r.__assign({variant:"P1",color:"warning",className:S},{children:H}))]})),e.jsx(p.Spacer,{className:"pt-2"}),B===v.DETECTING&&!M&&J&&D>o.LOGIN_CONSTANTS.RESEND_OTP_COUNTDOWN&&e.jsxs("div",r.__assign({className:"flex flex-middle"},{children:[e.jsx(u.Spinner,{width:"20px",height:"20px",borderColor:"#11a670",className:"bg-neutral-900 bc-black"}),e.jsx(w.Typography,r.__assign({variant:"B3",className:"fs-12 fw-500 ml-1 c-neutral-700"},{children:o.LOGIN_CONSTANTS.AUTO_DETECTING_TEXT}))]})),B===v.DETECTING&&D<=o.LOGIN_CONSTANTS.RESEND_OTP_COUNTDOWN&&J&&!M&&e.jsx(e.Fragment,{children:e.jsxs("div",r.__assign({className:"flex"},{children:[e.jsx(w.Typography,r.__assign({variant:"B3",className:"fs-12 fw-500 c-neutral-700 "},{children:o.LOGIN_CONSTANTS.OTP_RESEND_TEXT})),e.jsx(p.Spacer,{className:"ml-1"}),b?e.jsx(w.Typography,r.__assign({className:"color-neutral-200 fw-500",variant:"B3"},{children:o.LOGIN_CONSTANTS.RESEND_CTA})):e.jsxs(e.Fragment,{children:[0===D&&e.jsx(e.Fragment,{children:e.jsx(w.Typography,r.__assign({isClickable:!0,variant:"B3",onClick:or,color:"link",className:"\n fs-12 fw-500 c-pointer"},{children:o.LOGIN_CONSTANTS.RESEND_CTA}))}),D>0&&e.jsx(w.Typography,r.__assign({color:"disabled",variant:"B3"},{children:" Resend ("+D+"s)"}))]})]}))}),!H&&M&&e.jsx(e.Fragment,{children:e.jsxs("div",r.__assign({className:"flex flex-middle"},{children:[e.jsx(c.CheckCircle,{}),e.jsx(w.Typography,r.__assign({variant:"P1",color:"success",className:"fs-12"},{children:B===v.DETECTED?o.LOGIN_CONSTANTS.AUTO_DETECTED_TEXT:o.LOGIN_CONSTANTS.VERIFIED_MESSAGE}))]}))}),e.jsx(p.Spacer,{className:"mt-24"})]}))},P="index-module_utilswrapper__rz-7I",R="index-module_loader__63LeU",Q="index-module_loader__content__Q6kJl",F="index-module_loader__spinner__6B3AR",L="index-module_loader__heading__7YZ3N",U="index-module_loader__text__1QcLi";_(".index-module_utilswrapper__rz-7I .index-module_loader__63LeU{align-items:center;background-color:hsla(0,0%,100%,.95);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:0}.index-module_utilswrapper__rz-7I .index-module_loader__63LeU.index-module_With-full-opacity__ZSY-U{background-color:#fff}.index-module_utilswrapper__rz-7I .index-module_loader__content__Q6kJl{max-width:280px;text-align:center}.index-module_utilswrapper__rz-7I .index-module_loader__spinner__6B3AR{animation:index-module_loader-rotate__efcf3 .8s linear infinite;border:2px solid rgba(51,102,204,.3);border-radius:50%;border-top-color:#36c;display:inline-block;height:30px;margin-bottom:10px;position:relative;width:30px}.index-module_utilswrapper__rz-7I .index-module_loader__heading__7YZ3N{color:#000;font-size:18px;font-weight:600;margin-bottom:5px}.index-module_utilswrapper__rz-7I .index-module_loader__text__1QcLi{color:rgba(0,0,0,.8);font-size:16px;line-height:1.5}");var Y=function(i){var t=i.title,p=i.message,a=i.className;return e.jsx("div",r.__assign({className:"".concat(P," utilswrapper")},{children:e.jsx("div",r.__assign({className:A.default(R,a)},{children:e.jsxs("div",r.__assign({className:Q},{children:[e.jsx("div",{className:F}),e.jsx("h5",r.__assign({className:L},{children:t})),e.jsx("p",r.__assign({className:U},{children:p}))]}))}))}))},M=function(t){var p=t.sendingOtp,a=t.ctaDisabled,l=t.getOTP,u=t.setErrorCallout,x=t.errorCallout,f=t.mobileNumber,h=t.setMobileInputHeight,A=t.setMobileNumber,_=t.fallbackUri,v=t.skipProfileFlow,y=t.currentPageUri,E=t.ravenPayload,T=i.useState(s.isFKSSOEnabled)[0],C=i.useState(!1),S=C[0],z=C[1],O=i.useRef(null),I=i.useRef(null);i.useEffect((function(){if(I.current){var r=I.current.clientHeight;h(r)}}),[I.current]),i.useEffect((function(){var r;return O.current&&(r=setTimeout((function(){var r;null===(r=O.current)||void 0===r||r.focus()}),100)),function(){clearTimeout(r)}}),[]),i.useEffect((function(){s.isAndroidApp()&&D()}),[]);var k=i.useCallback((function(){return r.__awaiter(void 0,void 0,void 0,(function(){var e,i;return r.__generator(this,(function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),e=s.getRavenEventProps(),s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"login_with_flipkart_clicked",login_form:null==e?void 0:e.loginForm,login_type:"fk_sso",vertical:null==e?void 0:e.vertical,page_name:null==e?void 0:e.pageName},E)),z(!0),[4,s.handleFKSSO(_,v?y:o.NAVIGATION_ROUTES.PERSONAL_DETAILS+"?onboardingFlow=true",y)];case 1:return i=t.sent(),window.location.href=i,[3,3];case 2:return t.sent(),z(!1),[3,3];case 3:return[2]}}))}))}),[]),G=i.useCallback((function(e,i){void 0===i&&(i=!1),u("");var t=e.target.value||"";if(t=t.replace(s.MULTI_SPACE," ").trimStart(),A(t),s.isValidMobileNumber(e.target.value)){l(t);var p=s.getRavenEventProps();s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"get_otp_clicked",login_form:null==p?void 0:p.loginForm,login_type:"native",entry_type:"auto_click",vertical:null==p?void 0:p.vertical,page_name:null==p?void 0:p.pageName},E)),i?s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"phone_number_autodetected",login_form:null==p?void 0:p.loginForm,login_type:"native",entry_type:"autodetected",vertical:null==p?void 0:p.vertical,page_name:null==p?void 0:p.pageName},E)):s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"phone_number_entered",login_form:null==p?void 0:p.loginForm,login_type:"native",entry_type:"manual_entry",vertical:null==p?void 0:p.vertical,page_name:null==p?void 0:p.pageName},E))}}),[A]),D=i.useCallback((function(){return r.__awaiter(void 0,void 0,void 0,(function(){var e,i;return r.__generator(this,(function(r){switch(r.label){case 0:return[4,s.showMobileNumberHint()];case 1:return e=r.sent(),i={target:{value:e}},e&&G(i,!0),[2]}}))}))}),[G]),j=i.useCallback((function(){var e=s.getRavenEventProps();s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"policy_click",login_form:null==e?void 0:e.loginForm,login_type:"native",vertical:null==e?void 0:e.vertical,page_name:null==e?void 0:e.pageName},E)),window.location.href=o.NAVIGATION_ROUTES.PRIVACY_POLICY}),[]),P=i.useCallback((function(){var e=s.getRavenEventProps();s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"tnc_click",login_form:null==e?void 0:e.loginForm,login_type:"native",vertical:null==e?void 0:e.vertical,page_name:null==e?void 0:e.pageName},E)),window.location.href=o.NAVIGATION_ROUTES.TERMS}),[]);return e.jsxs("div",r.__assign({className:"flex flex-column",ref:I},{children:[x&&e.jsx(d.AlertCallout,{variant:"error",textNode:x,prefixIconNode:e.jsx(c.InfoIcon,{fill:"red"}),style:{color:"#ffff",backgroundColor:"#db201e"},className:"fs-12"}),e.jsx(w.Typography,r.__assign({variant:"HM1",color:"heading",className:"mb-4 fs-24"},{children:o.LOGIN_CONSTANTS.LOGIN_TO_CT})),e.jsx(n.PhoneField,{onChange:G,value:f,placeholder:"",inputMode:"numeric",ref:O,min:0,max:10,autoFocus:!0,countryCode:o.LOGIN_CONSTANTS.COUNTRY_CODE}),e.jsx(g.Button,r.__assign({color:"primary",size:"medium",minWidth:"160px",disabled:a,loading:p,className:"my-6",onClick:function(){return l(f)}},{children:o.LOGIN_CONSTANTS.GET_OTP})),T&&e.jsxs(e.Fragment,{children:[e.jsxs("div",r.__assign({className:"my-6 p-relative"},{children:[e.jsx(m.Divider,{}),e.jsx("span",r.__assign({className:"".concat(N)},{children:"or"}))]})),e.jsx(g.Button,r.__assign({variant:"outline",size:"medium",className:"my-6",loading:S,onClick:k,showLeftIcon:!S,LeftIcon:e.jsx("img",{src:b.FlipkartLogo})},{children:o.LOGIN_CONSTANTS.FK_LOGIN_CTA}))]}),e.jsxs("div",r.__assign({className:"pt-8 pb-6"},{children:[e.jsx(m.Divider,{}),e.jsxs("div",r.__assign({className:"flex flex-middle \n flex-center flex-wrap pt-2"},{children:[e.jsx(w.Typography,r.__assign({variant:"P1",className:B},{children:o.LOGIN_CONSTANTS.FOOTER_TEXT})),e.jsx(w.Typography,r.__assign({variant:"P1",color:"link",className:"pl-1 fs-12",isClickable:!0,onClick:j},{children:o.LOGIN_CONSTANTS.PRIVACY_CTA})),e.jsx(w.Typography,r.__assign({className:"px-1 fs-12 c-neutral-700",variant:"P1"},{children:"& "})),e.jsx(w.Typography,r.__assign({variant:"P1",color:"link",isClickable:!0,onClick:P,className:"fs-12"},{children:o.LOGIN_CONSTANTS.TNC_CTA}))]}))]}))]}))};_('@font-face{font-family:swiper-icons;font-style:normal;font-weight:400;src:url("data:application/font-woff;charset=utf-8;base64, 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") format("woff")}.utilswrapper :root{--swiper-theme-color:#007aff}.utilswrapper .swiper-container{list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.utilswrapper .swiper-container-vertical>.swiper-wrapper{flex-direction:column}.utilswrapper .swiper-wrapper{box-sizing:content-box;display:flex;height:100%;position:relative;transition-property:transform;width:100%;z-index:1}.utilswrapper .swiper-container-android .swiper-slide,.utilswrapper .swiper-wrapper{transform:translateZ(0)}.utilswrapper .swiper-container-multirow>.swiper-wrapper{flex-wrap:wrap}.utilswrapper .swiper-container-multirow-column>.swiper-wrapper{flex-direction:column;flex-wrap:wrap}.utilswrapper .swiper-container-free-mode>.swiper-wrapper{margin:0 auto;transition-timing-function:ease-out}.utilswrapper .swiper-container-pointer-events{touch-action:pan-y}.utilswrapper .swiper-container-pointer-events.swiper-container-vertical{touch-action:pan-x}.utilswrapper .swiper-slide{flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.utilswrapper .swiper-slide-invisible-blank{visibility:hidden}.utilswrapper .swiper-container-autoheight,.utilswrapper .swiper-container-autoheight .swiper-slide{height:auto}.utilswrapper .swiper-container-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.utilswrapper .swiper-container-3d{perspective:1200px}.utilswrapper .swiper-container-3d .swiper-cube-shadow,.utilswrapper .swiper-container-3d .swiper-slide,.utilswrapper .swiper-container-3d .swiper-slide-shadow-bottom,.utilswrapper .swiper-container-3d .swiper-slide-shadow-left,.utilswrapper .swiper-container-3d .swiper-slide-shadow-right,.utilswrapper .swiper-container-3d .swiper-slide-shadow-top,.utilswrapper .swiper-container-3d .swiper-wrapper{transform-style:preserve-3d}.utilswrapper .swiper-container-3d .swiper-slide-shadow-bottom,.utilswrapper .swiper-container-3d .swiper-slide-shadow-left,.utilswrapper .swiper-container-3d .swiper-slide-shadow-right,.utilswrapper .swiper-container-3d .swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.utilswrapper .swiper-container-3d .swiper-slide-shadow-left{background-image:linear-gradient(270deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-3d .swiper-slide-shadow-right{background-image:linear-gradient(90deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-3d .swiper-slide-shadow-top{background-image:linear-gradient(0deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,rgba(0,0,0,.5),transparent)}.utilswrapper .swiper-container-css-mode>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none}.utilswrapper .swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.utilswrapper .swiper-container-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.utilswrapper .swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:x mandatory}.utilswrapper .swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper{scroll-snap-type:y mandatory}.utilswrapper :root{--swiper-navigation-size:44px}.utilswrapper .swiper-button-next,.utilswrapper .swiper-button-prev{align-items:center;color:var(--swiper-navigation-color,var(--swiper-theme-color));cursor:pointer;display:flex;height:var(--swiper-navigation-size);justify-content:center;margin-top:calc(0px - var(--swiper-navigation-size)/2);position:absolute;top:50%;width:calc(var(--swiper-navigation-size)/44*27);z-index:10}.utilswrapper .swiper-button-next.swiper-button-disabled,.utilswrapper .swiper-button-prev.swiper-button-disabled{cursor:auto;opacity:.35;pointer-events:none}.utilswrapper .swiper-button-next:after,.utilswrapper .swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);font-variant:normal;letter-spacing:0;line-height:1;text-transform:none!important;text-transform:none}.utilswrapper .swiper-button-prev,.utilswrapper .swiper-container-rtl .swiper-button-next{left:10px;right:auto}.utilswrapper .swiper-button-prev:after,.utilswrapper .swiper-container-rtl .swiper-button-next:after{content:"prev"}.utilswrapper .swiper-button-next,.utilswrapper .swiper-container-rtl .swiper-button-prev{left:auto;right:10px}.utilswrapper .swiper-button-next:after,.utilswrapper .swiper-container-rtl .swiper-button-prev:after{content:"next"}.utilswrapper .swiper-button-next.swiper-button-white,.utilswrapper .swiper-button-prev.swiper-button-white{--swiper-navigation-color:#fff}.utilswrapper .swiper-button-next.swiper-button-black,.utilswrapper .swiper-button-prev.swiper-button-black{--swiper-navigation-color:#000}.utilswrapper .swiper-button-lock{display:none}.utilswrapper .swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10}.utilswrapper .swiper-pagination.swiper-pagination-hidden{opacity:0}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets,.utilswrapper .swiper-pagination-custom,.utilswrapper .swiper-pagination-fraction{bottom:10px;left:0;width:100%}.utilswrapper .swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;transform:scale(.33)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.utilswrapper .swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.utilswrapper .swiper-pagination-bullet{background:#000;border-radius:50%;display:inline-block;height:8px;opacity:.2;width:8px}.utilswrapper button.swiper-pagination-bullet{appearance:none;border:none;box-shadow:none;margin:0;padding:0}.utilswrapper .swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.utilswrapper .swiper-pagination-bullet:only-child{display:none!important}.utilswrapper .swiper-pagination-bullet-active{background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;transform:translate3d(0,-50%,0)}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.utilswrapper .swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.utilswrapper .swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,left .2s}.utilswrapper .swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.utilswrapper .swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.utilswrapper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.utilswrapper .swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.utilswrapper .swiper-container-horizontal>.swiper-pagination-progressbar,.utilswrapper .swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{height:4px;left:0;top:0;width:100%}.utilswrapper .swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.utilswrapper .swiper-container-vertical>.swiper-pagination-progressbar{height:100%;left:0;top:0;width:4px}.utilswrapper .swiper-pagination-white{--swiper-pagination-color:#fff}.utilswrapper .swiper-pagination-black{--swiper-pagination-color:#000}.utilswrapper .swiper-pagination-lock{display:none}');const Z="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAWgAAADeCAYAAAAQAZoJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAfySURBVHgB7d3fi13VGcfhlaamnZIhkZjUlAxGbAIRWqgX/v/XvelFoZFKcUKDI0bbaSZp2pofnbengyE4Zubstff+nrOfB4ZRGBFEP655z7vXvvDy6eNXDYA4P2kARBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFA/bTCnZ0fHX09ae/68tRfPW4Sf/by1S8dfO5dbu/hOg7kINNN68V1r337V2uE3qzinRPk0Femd3dZ+eWv1HSZ04eXTx68ajK3C/PXD46+/5kf5NBXrG3utXbvZYAoCzfgqygdfbG6Y33Tlemt7vz4eg+w0GJNAM57/PGtt/7PWnvy9bZ2Lx9PBmx+uTtQwEjNoxlFx/vMfjr//q22l+m3g4eer7xVqGIE1O/rb9ji/rkY39QUjEGj6WlKcT4g0IxFo+qqZ85LifKICfbSFs3ZmJdD0U5Haxg8Ez+rB/dU6IXQi0PRRo41ap1uy+s2hdr2hE4Gmjy/3t2fPeV2X3/UQC11Zs2O4Oj3/41FbrLq34/a9VaChI4FmuKPD5Z6e60GV2oO+6D8l+vNvFcPV5UdLU/dy7N1xamZUAs1wS9vcqBOzpweZgEAzTF0ZuhR1ar798eo7TECgGebfC3kopWbNt+40mJJAM8y2PzVoQ4MZCTTDbPP2xrX3j0/Nd21oMBv/5sGb3PVMCIGG19UHgB/9djXaGKI2W4xFGMij3nCiTsx3Pxke57rIv65chYGcoKFGGrWhMfQejW1+xRezEGiWrU7LPU7NFeX9+8u8C5vRCDTL1esejbpmtcYa0JlAs0w10uixpVFhXvo92IxGoFmWGmXUlsbQx7Vr3vyXP7b27EmDsQg086toXtr5/s/H+pCt1wrdEl+MyywEmnnUjvDV91abE2/OgCt89X7Dbw9aN73mzfU/jzo5L/3tMUxCoJnWWe62qJ/54N4qpj3mu73mzT4MZGICzXRqxFArbWc9xdaJd0ig6+/z0W/6PNFXJ/r6ggl5kpDp1Pz3PCOG+tl141qn8Huf9olznZrFmRk4QTONmjWv8+FczanP+6HheU/qp3nx3SrOS3ylFxEEmmlcvtrWct51uLoi9IOP22AV59rUsEbHjASaaax7mt19d/XXnmVrote7Au04E8IMmmkMWUvb2X37z9SmRq84OzkTQqCZxpDg1Rz6NHW6vvu7Pmt0HkAhjEAzjSEPneyeMr/uuakhzgQSaKZRI47DR20tNeJ4c4bd65rQIs6EEmim8/XDtrar17//49rsqJOzOLPlBJrp1D7z0ZoXIZ2s21Woe+w4F3EmnDU7plUPfeyuMTOuMD876rPjXMSZDeAEzbT+drB6COS8/neBkjizLALN9IbMoocSZzaIQDO9uqFunVP0UOLMhhFoplcrd1NfQCTObCCBZh4935byNuLMhhJo5lGPfq+7cnce4swGE2jmc7DfRiXObDiBZj5DHlx5G3FmCwg08zrYb93Vhkjd5yzObDiBZl51iq7Tbi/ehMIWEWiG6XFh0Zf7rZuUOPf458LiCTTD9Li0qB7/7nGKfvCnnJPzpZ0GQwk0w+x2uCy/DD1FV5yT3r79i3O+7BZ+gEAzTJ2ge/w6P+QUffBFVpzLjkAznEAz3OuX6Q+x/1k7t4pzfaXp9ZsFiybQDHflvdbFefeiU+Nc70j0ISEdCDTD1WnxcqcT48PPz/ZzqXEuN2416EGg6ePm7dZFbWHUdaQ/JjnOdXLuNfJh8QSaPnqfok8bddQteKlxLnt3GvRy4eXTx68a9FCPVt///eq+5x5uftjatfdXO8U1n/7mq9W2R6obe63dEmj6EWj6qvHEWefI26RGG/c+7fPgDvyfEQd91SmyTr5LUnG++4k4051A018FeimRPomztTpGINCMYwmRFmdGZgbNuGob48H97bub+WSUY6zBiASa8dVWR314mLwed1a1Svir2/1WCuFHCDTTqVP04aNVrDftRC3MzECgmUftNf+z3ux9uIp13WTXa396qJopX3yntd2rq2tDr1w3ymAWAg0QyhYHQCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQDeATAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBoglEADhBJogFACDRBKoAFCCTRAKIEGCCXQAKEEGiCUQAOEEmiAUAINEEqgAUIJNEAogQYIJdAAoQQaIJRAA4QSaIBQAg0QSqABQgk0QCiBBggl0AChBBog1H8BWw4BUG/aftkAAAAASUVORK5CYII=",q=[{src:"https://fastui.cltpstatic.com/image/upload/offermgmt/images/carousel1.png",placeholder:Z},{src:"https://fastui.cltpstatic.com/image/upload/offermgmt/images/carousel2.png",placeholder:Z},{src:"https://fastui.cltpstatic.com/image/upload/offermgmt/images/carousel3.png",placeholder:Z}];var H=function(t){var p=t.src,a=t.placeholderSrc,l=t.onLoad,o=r.__rest(t,["src","placeholderSrc","onLoad"]),s=i.useState(a||p),n=s[0],u=s[1],w=i.useRef(l);return i.useEffect((function(){w.current=l}),[l]),i.useEffect((function(){var r=new Image;r.onload=function(){u(p),w.current&&w.current()},r.src=p}),[p]),e.jsx("img",r.__assign({src:n},o))},K=function(){return e.jsx("div",r.__assign({className:" o-hidden p-relative ".concat(E)},{children:e.jsx(f.Swiper,r.__assign({autoplay:!0,slidesPerView:1,navigation:!1,loop:!0,pagination:{clickable:!0},className:"".concat(G," ").concat(O),lazy:{loadPrevNextAmount:1}},{children:q.map((function(i,t){return e.jsx(f.SwiperSlide,r.__assign({className:D},{children:e.jsx(e.Fragment,{children:t<1?e.jsx(H,{src:i.src,placeholderSrc:i.placeholder,alt:"Slide ".concat(t+1),rel:"preload",fetchPriority:"high"}):e.jsx(H,{src:i.src,placeholderSrc:i.placeholder,alt:"Slide ".concat(t+1),loading:"lazy",className:"lazy"})})}),t)}))}))}))};_(".utilswrapper .container.container{margin:auto;max-width:1140px;padding:0 8px}@media screen and (min-width:320px) and (max-width:1024px){.utilswrapper .container{margin:auto;max-width:100%;padding:0 16px}}@media screen and (min-width:480px) and (max-width:1024px){.utilswrapper .container{margin:auto;max-width:100%;padding:0 16px}}@media screen and (min-width:600px) and (max-width:1024px){.utilswrapper .container{margin:auto;max-width:100%;padding:0 16px}}.utilswrapper .row.row{box-sizing:border-box;display:flex;flex:0 1 auto;flex-direction:row;flex-wrap:wrap}.utilswrapper .col-1.col-1,.utilswrapper .col-10.col-10,.utilswrapper .col-11.col-11,.utilswrapper .col-12.col-12,.utilswrapper .col-13.col-13,.utilswrapper .col-14.col-14,.utilswrapper .col-15.col-15,.utilswrapper .col-16.col-16,.utilswrapper .col-17.col-17,.utilswrapper .col-18.col-18,.utilswrapper .col-19.col-19,.utilswrapper .col-2.col-2,.utilswrapper .col-20.col-20,.utilswrapper .col-21.col-21,.utilswrapper .col-22.col-22,.utilswrapper .col-23.col-23,.utilswrapper .col-24.col-24,.utilswrapper .col-3.col-3,.utilswrapper .col-4.col-4,.utilswrapper .col-5.col-5,.utilswrapper .col-6.col-6,.utilswrapper .col-7.col-7,.utilswrapper .col-8.col-8,.utilswrapper .col-9.col-9,.utilswrapper .col.col{box-sizing:border-box;flex:0 0 auto}.utilswrapper .col.col{flex-basis:0;flex-grow:1;max-width:100%}.utilswrapper .col-1.col-1{flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2.col-2{flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3.col-3{flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4.col-4{flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5.col-5{flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6.col-6{flex-basis:25%;max-width:25%}.utilswrapper .col-7.col-7{flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8.col-8{flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9.col-9{flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10.col-10{flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11.col-11{flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12.col-12{flex-basis:50%;max-width:50%}.utilswrapper .col-13.col-13{flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14.col-14{flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15.col-15{flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16.col-16{flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17.col-17{flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18.col-18{flex-basis:75%;max-width:75%}.utilswrapper .col-19.col-19{flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20.col-20{flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21.col-21{flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22.col-22{flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23.col-23{flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24.col-24{flex-basis:100%;max-width:100%}@media screen and (min-width:320px) and (max-width:1024px){.utilswrapper .col-1--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:25%;max-width:25%}.utilswrapper .col-7--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:50%;max-width:50%}.utilswrapper .col-13--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:75%;max-width:75%}.utilswrapper .col-19--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24--xs{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}}@media screen and (min-width:480px) and (max-width:1024px){.utilswrapper .col-1--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:25%;max-width:25%}.utilswrapper .col-7--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:50%;max-width:50%}.utilswrapper .col-13--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:75%;max-width:75%}.utilswrapper .col-19--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24--sm{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}}@media screen and (min-width:600px) and (max-width:1024px){.utilswrapper .col-1--md{box-sizing:border-box;flex:0 0 auto;flex-basis:4.16667%;max-width:4.16667%}.utilswrapper .col-2--md{box-sizing:border-box;flex:0 0 auto;flex-basis:8.33333%;max-width:8.33333%}.utilswrapper .col-3--md{box-sizing:border-box;flex:0 0 auto;flex-basis:12.5%;max-width:12.5%}.utilswrapper .col-4--md{box-sizing:border-box;flex:0 0 auto;flex-basis:16.66667%;max-width:16.66667%}.utilswrapper .col-5--md{box-sizing:border-box;flex:0 0 auto;flex-basis:20.83333%;max-width:20.83333%}.utilswrapper .col-6--md{box-sizing:border-box;flex:0 0 auto;flex-basis:25%;max-width:25%}.utilswrapper .col-7--md{box-sizing:border-box;flex:0 0 auto;flex-basis:29.16667%;max-width:29.16667%}.utilswrapper .col-8--md{box-sizing:border-box;flex:0 0 auto;flex-basis:33.33333%;max-width:33.33333%}.utilswrapper .col-9--md{box-sizing:border-box;flex:0 0 auto;flex-basis:37.5%;max-width:37.5%}.utilswrapper .col-10--md{box-sizing:border-box;flex:0 0 auto;flex-basis:41.66667%;max-width:41.66667%}.utilswrapper .col-11--md{box-sizing:border-box;flex:0 0 auto;flex-basis:45.83333%;max-width:45.83333%}.utilswrapper .col-12--md{box-sizing:border-box;flex:0 0 auto;flex-basis:50%;max-width:50%}.utilswrapper .col-13--md{box-sizing:border-box;flex:0 0 auto;flex-basis:54.16667%;max-width:54.16667%}.utilswrapper .col-14--md{box-sizing:border-box;flex:0 0 auto;flex-basis:58.33333%;max-width:58.33333%}.utilswrapper .col-15--md{box-sizing:border-box;flex:0 0 auto;flex-basis:62.5%;max-width:62.5%}.utilswrapper .col-16--md{box-sizing:border-box;flex:0 0 auto;flex-basis:66.66667%;max-width:66.66667%}.utilswrapper .col-17--md{box-sizing:border-box;flex:0 0 auto;flex-basis:70.83333%;max-width:70.83333%}.utilswrapper .col-18--md{box-sizing:border-box;flex:0 0 auto;flex-basis:75%;max-width:75%}.utilswrapper .col-19--md{box-sizing:border-box;flex:0 0 auto;flex-basis:79.16667%;max-width:79.16667%}.utilswrapper .col-20--md{box-sizing:border-box;flex:0 0 auto;flex-basis:83.33333%;max-width:83.33333%}.utilswrapper .col-21--md{box-sizing:border-box;flex:0 0 auto;flex-basis:87.5%;max-width:87.5%}.utilswrapper .col-22--md{box-sizing:border-box;flex:0 0 auto;flex-basis:91.66667%;max-width:91.66667%}.utilswrapper .col-23--md{box-sizing:border-box;flex:0 0 auto;flex-basis:95.83333%;max-width:95.83333%}.utilswrapper .col-24--md{box-sizing:border-box;flex:0 0 auto;flex-basis:100%;max-width:100%}}.utilswrapper .br-0.br-0{border-radius:0}.utilswrapper .br-1.br-1{border-radius:1px}.utilswrapper .br-2.br-2{border-radius:2px}.utilswrapper .br-3.br-3{border-radius:3px}.utilswrapper .br-4.br-4{border-radius:4px}.utilswrapper .br-5.br-5{border-radius:5px}.utilswrapper .br-6.br-6{border-radius:6px}.utilswrapper .br-7.br-7{border-radius:7px}.utilswrapper .br-8.br-8{border-radius:8px}.utilswrapper .br-9.br-9{border-radius:9px}.utilswrapper .br-10.br-10{border-radius:10px}.utilswrapper .br-11.br-11{border-radius:11px}.utilswrapper .br-12.br-12{border-radius:12px}.utilswrapper .br-13.br-13{border-radius:13px}.utilswrapper .br-14.br-14{border-radius:14px}.utilswrapper .br-15.br-15{border-radius:15px}.utilswrapper .br-16.br-16{border-radius:16px}.utilswrapper .br-0p.br-0p{border-radius:0}.utilswrapper .br-25p.br-25p{border-radius:25%}.utilswrapper .br-50p.br-50p{border-radius:50%}.utilswrapper .br-75p.br-75p{border-radius:75%}.utilswrapper .br-100p.br-100p{border-radius:100%}.utilswrapper .ba-solid.ba-solid{border-style:solid;border-width:1px}.utilswrapper .bb-solid.bb-solid,.utilswrapper .bb.bb{border-bottom-style:solid;border-bottom-width:1px}.utilswrapper .bb-dotted.bb-dotted{border-bottom-style:dotted;border-bottom-width:1px}.utilswrapper .ba-dashed.ba-dashed{border-style:dashed;border-width:1px}.utilswrapper .bn.bn{border:none}.utilswrapper .bl-0.bl-0{border-left:0}.utilswrapper .blr-0.blr-0,.utilswrapper .br-0.br-0{border-right:0}.utilswrapper .blr-0.blr-0{border-left:0}.utilswrapper .c-primary-100.c-primary-100{color:#fef3ed}.utilswrapper .c-primary-300.c-primary-300{color:#fbe0d3}.utilswrapper .c-primary-500.c-primary-500{color:#ed6521}.utilswrapper .c-primary-700.c-primary-700{color:#6a1f13}.utilswrapper .bg-primary-100.bg-primary-100{background-color:#fef3ed}.utilswrapper .bg-primary-300.bg-primary-300{background-color:#fbe0d3}.utilswrapper .bg-primary-500.bg-primary-500{background-color:#ed6521}.utilswrapper .bg-primary-700.bg-primary-700{background-color:#6a1f13}.utilswrapper .bc-primary-100.bc-primary-100{border-color:#fef3ed}.utilswrapper .bc-primary-300.bc-primary-300{border-color:#fbe0d3}.utilswrapper .bc-primary-500.bc-primary-500{border-color:#ed6521}.utilswrapper .bc-primary-700.bc-primary-700{border-color:#6a1f13}.utilswrapper .c-secondary-100.c-secondary-100{color:#eff3fb}.utilswrapper .c-secondary-300.c-secondary-300{color:#aecff9}.utilswrapper .c-secondary-500.c-secondary-500{color:#36c}.utilswrapper .c-secondary-700.c-secondary-700{color:#152255}.utilswrapper .bg-secondary-100.bg-secondary-100{background-color:#eff3fb}.utilswrapper .bg-secondary-300.bg-secondary-300{background-color:#aecff9}.utilswrapper .bg-secondary-500.bg-secondary-500{background-color:#36c}.utilswrapper .bg-secondary-700.bg-secondary-700{background-color:#152255}.utilswrapper .bc-secondary-100.bc-secondary-100{border-color:#eff3fb}.utilswrapper .bc-secondary-300.bc-secondary-300{border-color:#aecff9}.utilswrapper .bc-secondary-500.bc-secondary-500{border-color:#36c}.utilswrapper .bc-secondary-700.bc-secondary-700{border-color:#152255}.utilswrapper .c-neutral-100.c-neutral-100{color:#fff}.utilswrapper .c-neutral-300.c-neutral-300{color:#f7f7f7}.utilswrapper .c-neutral-500.c-neutral-500{color:#e0e0e0}.utilswrapper .c-neutral-700.c-neutral-700{color:grey}.utilswrapper .c-neutral-900.c-neutral-900{color:#1a1a1a}.utilswrapper .bg-neutral-100.bg-neutral-100{background-color:#fff}.utilswrapper .bg-neutral-300.bg-neutral-300{background-color:#f7f7f7}.utilswrapper .bg-neutral-500.bg-neutral-500{background-color:#e0e0e0}.utilswrapper .bg-neutral-700.bg-neutral-700{background-color:grey}.utilswrapper .bg-neutral-900.bg-neutral-900{background-color:#1a1a1a}.utilswrapper .bc-neutral-100.bc-neutral-100{border-color:#fff}.utilswrapper .bc-neutral-300.bc-neutral-300{border-color:#f7f7f7}.utilswrapper .bc-neutral-500.bc-neutral-500{border-color:#e0e0e0}.utilswrapper .bc-neutral-700.bc-neutral-700{border-color:grey}.utilswrapper .bc-neutral-900.bc-neutral-900{border-color:#1a1a1a}.utilswrapper .c-success-100.c-success-100{color:#ebf9f6}.utilswrapper .c-success-500.c-success-500{color:#00b28a}.utilswrapper .bg-success-100.bg-success-100{background-color:#ebf9f6}.utilswrapper .bg-success-500.bg-success-500{background-color:#00b28a}.utilswrapper .bc-success-100.bc-success-100{border-color:#ebf9f6}.utilswrapper .bc-success-500.bc-success-500{border-color:#00b28a}.utilswrapper .c-warning-100.c-warning-100{color:#fcf7f0}.utilswrapper .c-warning-500.c-warning-500{color:#df9641}.utilswrapper .bg-warning-100.bg-warning-100{background-color:#fcf7f0}.utilswrapper .bg-warning-500.bg-warning-500{background-color:#df9641}.utilswrapper .bc-warning-100.bc-warning-100{border-color:#fcf7f0}.utilswrapper .bc-warning-500.bc-warning-500{border-color:#df9641}.utilswrapper .bc-default.bc-default{border-color:#000}.utilswrapper .c-error-100.c-error-100{color:#fbefef}.utilswrapper .c-error-500.c-error-500{color:#cc1414}.utilswrapper .bg-error-100.bg-error-100{background-color:#fbefef}.utilswrapper .bg-error-500.bg-error-500{background-color:#cc1414}.utilswrapper .bc-error-100.bc-error-100{border-color:#fbefef}.utilswrapper .bc-error-500.bc-error-500{border-color:#cc1414}.utilswrapper .c-line-500.c-line-500{color:#e6e6e6}.utilswrapper .bg-line-500.bg-line-500{background-color:#e6e6e6}.utilswrapper .bc-line-500.bc-line-500{border-color:#e6e6e6}.utilswrapper .c-line-700.c-line-700{color:#dbdbdb}.utilswrapper .bg-line-700.bg-line-700{background-color:#dbdbdb}.utilswrapper .bc-line-700.bc-line-700{border-color:#dbdbdb}.utilswrapper .fs-8.fs-8{font-size:8px}.utilswrapper .fs-10.fs-10{font-size:10px}.utilswrapper .fs-12.fs-12{font-size:12px}.utilswrapper .fs-14.fs-14{font-size:14px}.utilswrapper .fs-16.fs-16{font-size:16px}.utilswrapper .fs-20.fs-20{font-size:20px}.utilswrapper .fs-24.fs-24{font-size:24px}.utilswrapper .lh-12.lh-12{line-height:12px}.utilswrapper .lh-16.lh-16{line-height:16px}.utilswrapper .lh-20.lh-20{line-height:20px}.utilswrapper .lh-22.lh-22{line-height:22px}.utilswrapper .lh-24.lh-24{line-height:24px}.utilswrapper .lh-28.lh-28{line-height:28px}.utilswrapper .fw-100.fw-100{font-weight:100}.utilswrapper .fw-200.fw-200{font-weight:200}.utilswrapper .fw-300.fw-300{font-weight:300}.utilswrapper .fw-400.fw-400{font-weight:400}.utilswrapper .fw-500.fw-500{font-weight:500}.utilswrapper .fw-600.fw-600{font-weight:600}.utilswrapper .fw-700.fw-700{font-weight:700}.utilswrapper .fw-800.fw-800{font-weight:800}.utilswrapper .fw-900.fw-900{font-weight:900}.utilswrapper .ta-left.ta-left{text-align:left}.utilswrapper .ta-center.ta-center{text-align:center}.utilswrapper .ta-right.ta-right{text-align:right}.utilswrapper .ta-justify.ta-justify{text-align:justify}.utilswrapper .p-0.p-0{padding:0}.utilswrapper .p-1.p-1{padding:4px}.utilswrapper .p-2.p-2{padding:8px}.utilswrapper .p-3.p-3{padding:12px}.utilswrapper .p-4.p-4{padding:16px}.utilswrapper .p-5.p-5{padding:20px}.utilswrapper .p-6.p-6{padding:24px}.utilswrapper .p-7.p-7{padding:28px}.utilswrapper .p-8.p-8{padding:32px}.utilswrapper .p-9.p-9{padding:36px}.utilswrapper .p-10.p-10{padding:40px}.utilswrapper .px-0.px-0{padding-left:0;padding-right:0}.utilswrapper .px-1.px-1{padding-left:4px;padding-right:4px}.utilswrapper .px-2.px-2{padding-left:8px;padding-right:8px}.utilswrapper .px-3.px-3{padding-left:12px;padding-right:12px}.utilswrapper .px-4.px-4{padding-left:16px;padding-right:16px}.utilswrapper .px-5.px-5{padding-left:20px;padding-right:20px}.utilswrapper .px-6.px-6{padding-left:24px;padding-right:24px}.utilswrapper .px-7.px-7{padding-left:28px;padding-right:28px}.utilswrapper .px-8.px-8{padding-left:32px;padding-right:32px}.utilswrapper .px-9.px-9{padding-left:36px;padding-right:36px}.utilswrapper .px-10.px-10{padding-left:40px;padding-right:40px}.utilswrapper .py-0.py-0{padding-bottom:0;padding-top:0}.utilswrapper .py-1.py-1{padding-bottom:4px;padding-top:4px}.utilswrapper .py-2.py-2{padding-bottom:8px;padding-top:8px}.utilswrapper .py-3.py-3{padding-bottom:12px;padding-top:12px}.utilswrapper .py-4.py-4{padding-bottom:16px;padding-top:16px}.utilswrapper .py-5.py-5{padding-bottom:20px;padding-top:20px}.utilswrapper .py-6.py-6{padding-bottom:24px;padding-top:24px}.utilswrapper .py-7.py-7{padding-bottom:28px;padding-top:28px}.utilswrapper .py-8.py-8{padding-bottom:32px;padding-top:32px}.utilswrapper .py-9.py-9{padding-bottom:36px;padding-top:36px}.utilswrapper .py-10.py-10{padding-bottom:40px;padding-top:40px}.utilswrapper .py-11.py-11{padding-bottom:44px;padding-top:44px}.utilswrapper .pl-0.pl-0{padding-left:0}.utilswrapper .pl-1.pl-1{padding-left:4px}.utilswrapper .pl-2.pl-2{padding-left:8px}.utilswrapper .pl-3.pl-3{padding-left:12px}.utilswrapper .pl-4.pl-4{padding-left:16px}.utilswrapper .pl-5.pl-5{padding-left:20px}.utilswrapper .pl-6.pl-6{padding-left:24px}.utilswrapper .pl-7.pl-7{padding-left:28px}.utilswrapper .pl-8.pl-8{padding-left:32px}.utilswrapper .pl-9.pl-9{padding-left:36px}.utilswrapper .pl-10.pl-10{padding-left:40px}.utilswrapper .pr-0.pr-0{padding-right:0}.utilswrapper .pr-1.pr-1{padding-right:4px}.utilswrapper .pr-2.pr-2{padding-right:8px}.utilswrapper .pr-3.pr-3{padding-right:12px}.utilswrapper .pr-4.pr-4{padding-right:16px}.utilswrapper .pr-5.pr-5{padding-right:20px}.utilswrapper .pr-6.pr-6{padding-right:24px}.utilswrapper .pr-7.pr-7{padding-right:28px}.utilswrapper .pr-8.pr-8{padding-right:32px}.utilswrapper .pr-9.pr-9{padding-right:36px}.utilswrapper .pr-10.pr-10{padding-right:40px}.utilswrapper .pt-0.pt-0{padding-top:0}.utilswrapper .pt-1.pt-1{padding-top:4px}.utilswrapper .pt-2.pt-2{padding-top:8px}.utilswrapper .pt-3.pt-3{padding-top:12px}.utilswrapper .pt-4.pt-4{padding-top:16px}.utilswrapper .pt-5.pt-5{padding-top:20px}.utilswrapper .pt-6.pt-6{padding-top:24px}.utilswrapper .pt-7.pt-7{padding-top:28px}.utilswrapper .pt-8.pt-8{padding-top:32px}.utilswrapper .pt-9.pt-9{padding-top:36px}.utilswrapper .pt-10.pt-10{padding-top:40px}.utilswrapper .pt-11.pt-11{padding-top:44px}.utilswrapper .pt-12.pt-12{padding-top:48px}.utilswrapper .pb-0.pb-0{padding-bottom:0}.utilswrapper .pb-1.pb-1{padding-bottom:4px}.utilswrapper .pb-2.pb-2{padding-bottom:8px}.utilswrapper .pb-3.pb-3{padding-bottom:12px}.utilswrapper .pb-4.pb-4{padding-bottom:16px}.utilswrapper .pb-5.pb-5{padding-bottom:20px}.utilswrapper .pb-6.pb-6{padding-bottom:24px}.utilswrapper .pb-7.pb-7{padding-bottom:28px}.utilswrapper .pb-8.pb-8{padding-bottom:32px}.utilswrapper .pb-9.pb-9{padding-bottom:36px}.utilswrapper .pb-10.pb-10{padding-bottom:40px}.utilswrapper .m-0.m-0{margin:0}.utilswrapper .m-1.m-1{margin:4px}.utilswrapper .m-2.m-2{margin:8px}.utilswrapper .m-3.m-3{margin:12px}.utilswrapper .m-4.m-4{margin:16px}.utilswrapper .m-5.m-5{margin:20px}.utilswrapper .m-6.m-6{margin:24px}.utilswrapper .m-7.m-7{margin:28px}.utilswrapper .m-8.m-8{margin:32px}.utilswrapper .m-9.m-9{margin:36px}.utilswrapper .m-10.m-10{margin:40px}.utilswrapper .m-11.m-11{margin:44px}.utilswrapper .m-12.m-12{margin:48px}.utilswrapper .m-13.m-13{margin:52px}.utilswrapper .mx-0.mx-0{margin-left:0;margin-right:0}.utilswrapper .mx-1.mx-1{margin-left:4px;margin-right:4px}.utilswrapper .mx-2.mx-2{margin-left:8px;margin-right:8px}.utilswrapper .mx-3.mx-3{margin-left:12px;margin-right:12px}.utilswrapper .mx-4.mx-4{margin-left:16px;margin-right:16px}.utilswrapper .mx-5.mx-5{margin-left:20px;margin-right:20px}.utilswrapper .mx-6.mx-6{margin-left:24px;margin-right:24px}.utilswrapper .mx-7.mx-7{margin-left:28px;margin-right:28px}.utilswrapper .mx-8.mx-8{margin-left:32px;margin-right:32px}.utilswrapper .mx-9.mx-9{margin-left:36px;margin-right:36px}.utilswrapper .mx-10.mx-10{margin-left:40px;margin-right:40px}.utilswrapper .mx-11.mx-11{margin-left:44px;margin-right:44px}.utilswrapper .mx-12.mx-12{margin-left:48px;margin-right:48px}.utilswrapper .mx-13.mx-13{margin-left:52px;margin-right:52px}.utilswrapper .my-0.my-0{margin-bottom:0;margin-top:0}.utilswrapper .my-1.my-1{margin-bottom:4px;margin-top:4px}.utilswrapper .my-2.my-2{margin-bottom:8px;margin-top:8px}.utilswrapper .my-3.my-3{margin-bottom:12px;margin-top:12px}.utilswrapper .my-4.my-4{margin-bottom:16px;margin-top:16px}.utilswrapper .my-5.my-5{margin-bottom:20px;margin-top:20px}.utilswrapper .my-6.my-6{margin-bottom:24px;margin-top:24px}.utilswrapper .my-7.my-7{margin-bottom:28px;margin-top:28px}.utilswrapper .my-8.my-8{margin-bottom:32px;margin-top:32px}.utilswrapper .my-9.my-9{margin-bottom:36px;margin-top:36px}.utilswrapper .my-10.my-10{margin-bottom:40px;margin-top:40px}.utilswrapper .my-11.my-11{margin-bottom:44px;margin-top:44px}.utilswrapper .my-12.my-12{margin-bottom:48px;margin-top:48px}.utilswrapper .my-13.my-13{margin-bottom:52px;margin-top:52px}.utilswrapper .ml-0.ml-0{margin-left:0}.utilswrapper .ml-1.ml-1{margin-left:4px}.utilswrapper .ml-2.ml-2{margin-left:8px}.utilswrapper .ml-3.ml-3{margin-left:12px}.utilswrapper .ml-4.ml-4{margin-left:16px}.utilswrapper .ml-5.ml-5{margin-left:20px}.utilswrapper .ml-6.ml-6{margin-left:24px}.utilswrapper .ml-7.ml-7{margin-left:28px}.utilswrapper .ml-8.ml-8{margin-left:32px}.utilswrapper .ml-9.ml-9{margin-left:36px}.utilswrapper .ml-10.ml-10{margin-left:40px}.utilswrapper .mr-0.mr-0{margin-right:0}.utilswrapper .mr-1.mr-1{margin-right:4px}.utilswrapper .mr-2.mr-2{margin-right:8px}.utilswrapper .mr-3.mr-3{margin-right:12px}.utilswrapper .mr-4.mr-4{margin-right:16px}.utilswrapper .mr-5.mr-5{margin-right:20px}.utilswrapper .mr-6.mr-6{margin-right:24px}.utilswrapper .mr-7.mr-7{margin-right:28px}.utilswrapper .mr-8.mr-8{margin-right:32px}.utilswrapper .mr-9.mr-9{margin-right:36px}.utilswrapper .mr-10.mr-10{margin-right:40px}.utilswrapper .mr-11.mr-11{margin-right:44px}.utilswrapper .mr-12.mr-12{margin-right:48px}.utilswrapper .mr-13.mr-13{margin-right:52px}.utilswrapper .mt-0.mt-0{margin-top:0}.utilswrapper .mt-1.mt-1{margin-top:4px}.utilswrapper .mt-2.mt-2{margin-top:8px}.utilswrapper .mt-3.mt-3{margin-top:12px}.utilswrapper .mt-4.mt-4{margin-top:16px}.utilswrapper .mt-5.mt-5{margin-top:20px}.utilswrapper .mt-6.mt-6{margin-top:24px}.utilswrapper .mt-7.mt-7{margin-top:28px}.utilswrapper .mt-8.mt-8{margin-top:32px}.utilswrapper .mt-9.mt-9{margin-top:36px}.utilswrapper .mt-10.mt-10{margin-top:40px}.utilswrapper .mt-11.mt-11{margin-top:44px}.utilswrapper .mt-12.mt-12{margin-top:48px}.utilswrapper .mt-13.mt-13{margin-top:52px}.utilswrapper .mb-0.mb-0{margin-bottom:0}.utilswrapper .mb-1.mb-1{margin-bottom:4px}.utilswrapper .mb-2.mb-2{margin-bottom:8px}.utilswrapper .mb-3.mb-3{margin-bottom:12px}.utilswrapper .mb-4.mb-4{margin-bottom:16px}.utilswrapper .mb-5.mb-5{margin-bottom:20px}.utilswrapper .mb-6.mb-6{margin-bottom:24px}.utilswrapper .mb-7.mb-7{margin-bottom:28px}.utilswrapper .mb-8.mb-8{margin-bottom:32px}.utilswrapper .mb-9.mb-9{margin-bottom:36px}.utilswrapper .mb-10.mb-10{margin-bottom:40px}.utilswrapper .mb-11.mb-11{margin-bottom:44px}.utilswrapper .mb-12.mb-12{margin-bottom:48px}.utilswrapper .mb-14.mb-14{margin-bottom:52px}.utilswrapper .m-auto.m-auto{margin:auto}.utilswrapper .ml-auto.ml-auto{margin-left:auto}.utilswrapper .mr-auto.mr-auto{margin-right:auto}.utilswrapper .mt-auto.mt-auto{margin-top:auto}.utilswrapper .mb-auto.mb-auto{margin-bottom:auto}.utilswrapper .flex.flex{display:flex}.utilswrapper .flex-inline.flex-inline{display:inline-flex}.utilswrapper .flex-row.flex-row{flex-direction:row}.utilswrapper .flex-column.flex-column{flex-direction:column}.utilswrapper .flex-row-reverse.flex-row-reverse{flex-direction:row-reverse}.utilswrapper .flex-column-reverse.flex-column-reverse{flex-direction:column-reverse}.utilswrapper .flex-nowrap.flex-nowrap{flex-wrap:nowrap}.utilswrapper .flex-wrap.flex-wrap{flex-wrap:wrap}.utilswrapper .flex-wrap-reverse.flex-wrap-reverse{flex-wrap:wrap-reverse}.utilswrapper .flex-auto.flex-auto{flex:1 1 auto}.utilswrapper .flex-1.flex-1{flex:1 1 0%}.utilswrapper .flex-none.flex-none{flex:none}.utilswrapper .flex-no-shrink.flex-no-shrink{flex-shrink:0}.utilswrapper .flex-first.flex-first{order:-1}.utilswrapper .flex-last.flex-last{order:99}.utilswrapper .flex-stretch.flex-stretch{align-items:stretch}.utilswrapper .flex-top.flex-top{align-items:flex-start}.utilswrapper .flex-middle.flex-middle{align-items:center}.utilswrapper .flex-bottom.flex-bottom{align-items:flex-end}.utilswrapper .flex-wrap-stretch.flex-wrap-stretch{align-content:stretch}.utilswrapper .flex-wrap-top.flex-wrap-top{align-content:flex-start}.utilswrapper .flex-wrap-middle.flex-wrap-middle{align-content:flex-center}.utilswrapper .flex-wrap-bottom.flex-wrap-bottom{align-content:flex-end}.utilswrapper .flex-wrap-between.flex-wrap-between{align-content:space-between}.utilswrapper .flex-wrap-around.flex-wrap-around{align-content:space-around}.utilswrapper .flex-left.flex-left,.utilswrapper .flex-start.flex-start{justify-content:flex-start}.utilswrapper .flex-end.flex-end,.utilswrapper .flex-right.flex-right{justify-content:flex-end}.utilswrapper .flex-center.flex-center{justify-content:center}.utilswrapper .flex-between.flex-between{justify-content:space-between}.utilswrapper .flex-around.flex-around{justify-content:space-around}.utilswrapper .flex-basis-auto.flex-basis-auto{flex-basis:auto}.utilswrapper .flex-rg-1.flex-rg-1{row-gap:4px}.utilswrapper .flex-cg-1.flex-cg-1{column-gap:4px}.utilswrapper .flex-gap-1.flex-gap-1{gap:4px}.utilswrapper .flex-rg-3.flex-rg-3{row-gap:12px}.utilswrapper .flex-cg-3.flex-cg-3{column-gap:12px}.utilswrapper .flex-rg-4.flex-rg-4{row-gap:16px}.utilswrapper .flex-cg-4.flex-cg-4{column-gap:16px}.utilswrapper .flex-gap-4.flex-gap-4{gap:16px}.utilswrapper .flex-rg-6.flex-rg-6{row-gap:24px}.utilswrapper .flex-cg-6.flex-cg-6{column-gap:24px}.utilswrapper .flex-gap-6.flex-gap-6{gap:24px}.utilswrapper .flex-gap-3.flex-gap-3{gap:12px}.utilswrapper .w-fit-content.w-fit-content{width:-moz-fit-content;width:fit-content}.utilswrapper .w-0p.w-0p{width:0}.utilswrapper .w-10p.w-10p{width:10%}.utilswrapper .w-20p.w-20p{width:20%}.utilswrapper .w-30p.w-30p{width:30%}.utilswrapper .w-40p.w-40p{width:40%}.utilswrapper .w-50p.w-50p{width:50%}.utilswrapper .w-60p.w-60p{width:60%}.utilswrapper .w-70p.w-70p{width:70%}.utilswrapper .w-80p.w-80p{width:80%}.utilswrapper .w-90p.w-90p{width:90%}.utilswrapper .w-100p.w-100p{width:100%}.utilswrapper .w-0.w-0{width:0}.utilswrapper .w-1.w-1{width:4px}.utilswrapper .w-2.w-2{width:0}.utilswrapper .w-3.w-3{width:12px}.utilswrapper .w-4.w-4{width:16px}.utilswrapper .w-5.w-5{width:20px}.utilswrapper .w-6.w-6{width:24px}.utilswrapper .w-7.w-7{width:28px}.utilswrapper .w-8.w-8{width:32px}.utilswrapper .w-9.w-9{width:36px}.utilswrapper .w-10.w-10{width:40px}.utilswrapper .w-11.w-11{width:44px}.utilswrapper .w-12.w-12{width:48px}.utilswrapper .w-13.w-13{width:52px}.utilswrapper .w-14.w-14{width:56px}.utilswrapper .w-15.w-15{width:60px}.utilswrapper .w-16.w-16{width:64px}.utilswrapper .w-17.w-17{width:68px}.utilswrapper .w-18.w-18{width:72px}.utilswrapper .w-19.w-19{width:76px}.utilswrapper .w-20.w-20{width:80px}.utilswrapper .h-0p.h-0p{height:0}.utilswrapper .h-10p.h-10p{height:10%}.utilswrapper .h-20p.h-20p{height:20%}.utilswrapper .h-30p.h-30p{height:30%}.utilswrapper .h-40p.h-40p{height:40%}.utilswrapper .h-50p.h-50p{height:50%}.utilswrapper .h-60p.h-60p{height:60%}.utilswrapper .h-70p.h-70p{height:70%}.utilswrapper .h-80p.h-80p{height:80%}.utilswrapper .h-90p.h-90p{height:90%}.utilswrapper .h-100p.h-100p{height:100%}.utilswrapper .h-0.h-0{height:0}.utilswrapper .h-1.h-1{height:4px}.utilswrapper .h-2.h-2{height:8px}.utilswrapper .h-3.h-3{height:12px}.utilswrapper .h-4.h-4{height:16px}.utilswrapper .h-5.h-5{height:20px}.utilswrapper .h-6.h-6{height:24px}.utilswrapper .h-7.h-7{height:28px}.utilswrapper .h-8.h-8{height:32px}.utilswrapper .h-9.h-9{height:36px}.utilswrapper .h-10.h-10{height:40px}.utilswrapper .h-11.h-11{height:44px}.utilswrapper .h-12.h-12{height:48px}.utilswrapper .h-13.h-13{height:52px}.utilswrapper .h-14.h-14{height:56px}.utilswrapper .h-15.h-15{height:60px}.utilswrapper .h-25.h-25{height:100px}.utilswrapper .h-100vh.h-100vh{height:100vh}.utilswrapper .min-h-100vh.min-h-100vh{min-height:100vh}.utilswrapper .w-100vw.w-100vw{width:100vw}.utilswrapper .min-w-100vw.min-w-100vw{min-width:100vw}.utilswrapper .d-block.d-block{display:block}.utilswrapper .d-none.d-none{display:none}.utilswrapper .d-inline-flex.d-inline-flex{display:inline-flex}.utilswrapper .bs-content.bs-content{box-sizing:content-box}.utilswrapper .bs-border.bs-border{box-sizing:border-box}.utilswrapper .bs-unset.bs-unset{box-sizing:unset}.utilswrapper .c-auto.c-auto{cursor:auto}.utilswrapper .c-default.c-default{cursor:default}.utilswrapper .c-pointer.c-pointer{cursor:pointer}.utilswrapper .c-wait.c-wait{cursor:wait}.utilswrapper .c-move.c-move{cursor:move}.utilswrapper .c-not-allowed.c-not-allowed{cursor:not-allowed}.utilswrapper .z-0.z-0{z-index:0}.utilswrapper .z-10.z-10{z-index:10}.utilswrapper .z-20.z-20{z-index:20}.utilswrapper .z-30.z-30{z-index:30}.utilswrapper .z-40.z-40{z-index:40}.utilswrapper .z-50.z-50{z-index:50}.utilswrapper .z-60.z-60{z-index:60}.utilswrapper .z-70.z-70{z-index:70}.utilswrapper .z-80.z-80{z-index:80}.utilswrapper .z-90.z-90{z-index:90}.utilswrapper .z-100.z-100{z-index:100}.utilswrapper .o-0.o-0{opacity:0}.utilswrapper .o-10.o-10{opacity:10%}.utilswrapper .o-20.o-20{opacity:20%}.utilswrapper .o-30.o-30{opacity:30%}.utilswrapper .o-40.o-40{opacity:40%}.utilswrapper .o-50.o-50{opacity:50%}.utilswrapper .o-60.o-60{opacity:60%}.utilswrapper .o-70.o-70{opacity:70%}.utilswrapper .o-80.o-80{opacity:80%}.utilswrapper .o-90.o-90{opacity:90%}.utilswrapper .o-100.o-100{opacity:100%}.utilswrapper .p-absolute.p-absolute{position:absolute}.utilswrapper .p-relative.p-relative{position:relative}.utilswrapper .p-fixed.p-fixed{position:fixed}.utilswrapper .p-sticky.p-sticky{position:sticky}.utilswrapper .t-0.t-0{top:0}.utilswrapper .b-0.b-0{bottom:0}.utilswrapper .r-0.r-0{right:0}.utilswrapper .l-0.l-0{left:0}.utilswrapper .ws-normal.ws-normal{white-space:normal}.utilswrapper .ws-nowrap.ws-nowrap{white-space:nowrap}.utilswrapper .oy-scroll.oy-scroll{overflow-y:scroll}.utilswrapper .ls-reset.ls-reset{list-style:none}.utilswrapper .bs-shadow-white.bs-shadow-white{box-shadow:0 4px 16px rgba(26,26,26,.08)}.utilswrapper .ox-scroll.ox-scroll{overflow-x:scroll}.utilswrapper .o-hidden.o-hidden{overflow:hidden}.utilswrapper .bg-transparent.bg-transparent{background:transparent}.utilswrapper .tt-ellipsis.tt-ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.utilswrapper .tr-180.tr-180{transform:rotate(180deg)}.utilswrapper .valign-middle.valign-middle{vertical-align:middle}*{box-sizing:border-box;margin:0;padding:0}.utilswrapper input::-webkit-inner-spin-button,.utilswrapper input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.utilswrapper input[type=number]{-moz-appearance:textfield}.utilswrapper input[type=file]{display:none}");exports.LoginModule=function(n){var u=n.fallbackUri,w=n.isDrawerOpen,d=n.skipProfileFlow,c=n.handleLoginClose,x=n.onAuthSuccess,g=n.onAuthFailure,m=n.ravenPayload,b=void 0===m?{}:m,f=i.useState(!0),h=f[0],A=f[1],_=i.useState(!0),v=_[0],N=_[1],E=i.useState(!1),S=E[0],z=E[1],B=i.useState(w),O=B[0],I=B[1],k=i.useState(""),G=k[0],D=k[1],P=i.useState(0),R=P[0],Q=P[1],F=i.useState(!1),L=F[0],U=F[1],Z=i.useState(""),q=Z[0],H=Z[1],X=i.useState(!1),J=X[0],W=X[1],V=i.useState(!1),$=V[0],rr=V[1],er=function(){rr(!0)};i.useEffect((function(){window&&(window.showSigninLoaderScreen=er);var r=s.getQueryParam("fkSSOstatus"),e="FK";"signin"===r&&(s.isAndroidApp()&&s.updateNativeAndroidOnSignIn(),tr(e)),"signup"===r&&(s.isAndroidApp()&&s.updateNativeAndroidOnSignIn(),tr(e,!0)),"failure"===r&&pr(e)}),[]);var ir=i.useCallback((function(e){return r.__awaiter(void 0,void 0,void 0,(function(){var i,t,p,a;return r.__generator(this,(function(r){switch(r.label){case 0:return r.trys.push([0,2,,3]),N(!1),z(!0),s.triggerOTPListener(),[4,s.sendLoginOtp(e)];case 1:return i=r.sent(),"SUCCESS"===(i||{}).status&&(A(!1),z(!1)),[3,3];case 2:return t=r.sent(),console.error(t),p=(t||{}).message,z(!1),a=p&&o.LOGIN_CONSTANTS[p],H(String(a||o.LOGIN_CONSTANTS.GENERIC_ERROR_MESSAGE)),"OTP_SEND_LIMIT_EXCEEDED"===p&&U(!0),[3,3];case 3:return[2]}}))}))}),[h,A]),tr=i.useCallback((function(e,i){var t=s.getRavenEventProps();s.ravenSDKTrigger("u_login_success",r.__assign({action_name:"login_successful",login_form:null==t?void 0:t.loginForm,login_type:"native",login_new:i?"sign_up":"sign_in",vertical:null==t?void 0:t.vertical,page_name:null==t?void 0:t.pageName},b)),x(e,i),i&&!d||(ar(),W(!0))}),[]),pr=i.useCallback((function(r){g(r)}),[]),ar=function(e){null==e||e.stopPropagation(),I(!1),D(""),N(!0);var i=s.getRavenEventProps();s.ravenSDKTrigger("u_login_click",r.__assign({action_name:"login_prompt_dismissed",login_form:null==i?void 0:i.loginForm,login_type:"native",vertical:null==i?void 0:i.vertical,page_name:null==i?void 0:i.pageName},b)),c&&"function"==typeof c&&c()};return i.useEffect((function(){if(w){A(!0),I(!0);var e=s.getRavenEventProps();s.ravenSDKTrigger("u_login_popup",r.__assign({action_name:"login_prompt_opened",login_form:null==e?void 0:e.loginForm,login_type:"native",vertical:null==e?void 0:e.vertical,page_name:null==e?void 0:e.pageName},b))}else I(!1)}),[w]),e.jsx(l.ThemeProvider,{children:e.jsxs("div",{children:[e.jsx(a.Drawer,r.__assign({direction:"bottom",isOpen:O,showClose:!0,overlay:!0,handleClose:ar,onClose:function(){}},{children:e.jsx("div",r.__assign({className:"".concat(y," utilswrapper")},{children:e.jsxs("div",r.__assign({style:{maxHeight:"calc(100dvh - 60px)",overflowY:"auto",borderRadius:"16px 16px 0 0"}},{children:[e.jsx(K,{}),e.jsxs("div",r.__assign({className:T},{children:[e.jsx("div",{children:e.jsx(p.Spacer,{className:"pt-6"})}),h?e.jsx(M,{device:"PWA",ctaDisabled:v,sendingOtp:S,getOTP:ir,mobileNumber:G,setMobileNumber:D,setMobileInputHeight:Q,fallbackUri:u,skipProfileFlow:d,currentPageUri:s.getCurrentPathName,setErrorCallout:H,errorCallout:q,ravenPayload:b}):e.jsx(j,{mobileNumber:G,getOTP:ir,setCtaDisabled:N,setShowMobilePage:A,handleLoginSuccess:tr,handleLoginFailure:pr,otpInputHeight:R,setMobileNumber:D,setErrorCallout:H,errorCallout:q,otpResendDisabled:L,ravenPayload:b,skipProfileFlow:d})]}))]}))}))})),J&&e.jsx(t.Toast,{text:"Logged in successfully!",show:J,className:"".concat(C),closeTimeout:2e3}),$&&e.jsx(Y,{title:"Please wait",message:"Signing in...",className:"z-2 bg-white"})]})})};
|
|
570
2
|
//# sourceMappingURL=ct-platform-login-module.cjs.js.map
|