@srimandir/astrology-common 7.2.2 → 7.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js
CHANGED
|
@@ -1,39 +1,39 @@
|
|
|
1
1
|
import "./styles.js";
|
|
2
|
-
import { jsxs as i, jsx as e, Fragment as
|
|
3
|
-
import { useMemo as E, useState as $, useEffect as
|
|
4
|
-
const
|
|
5
|
-
section:
|
|
6
|
-
heading:
|
|
7
|
-
trustLine:
|
|
8
|
-
star:
|
|
9
|
-
ratingNum:
|
|
10
|
-
trustText:
|
|
11
|
-
cardList:
|
|
12
|
-
card:
|
|
13
|
-
quote:
|
|
14
|
-
author:
|
|
15
|
-
avatar:
|
|
16
|
-
avatarPlaceholder:
|
|
17
|
-
authorInfo:
|
|
18
|
-
authorName:
|
|
19
|
-
stars:
|
|
20
|
-
readMoreWrap:
|
|
21
|
-
toggleBtn:
|
|
22
|
-
readMore:
|
|
2
|
+
import { jsxs as i, jsx as e, Fragment as Be } from "react/jsx-runtime";
|
|
3
|
+
import { useMemo as E, useState as $, useEffect as se, useRef as G, Fragment as Ze, useCallback as le } from "react";
|
|
4
|
+
const Xe = "_section_1fboo_1", Qe = "_heading_1fboo_5", et = "_trustLine_1fboo_9", tt = "_star_1fboo_13", nt = "_ratingNum_1fboo_17", at = "_trustText_1fboo_21", ot = "_cardList_1fboo_25", st = "_card_1fboo_25", rt = "_quote_1fboo_37", it = "_author_1fboo_41", ct = "_avatar_1fboo_45", lt = "_avatarPlaceholder_1fboo_49", dt = "_authorInfo_1fboo_54", mt = "_authorName_1fboo_58", _t = "_stars_1fboo_62", ht = "_readMoreWrap_1fboo_66", ut = "_toggleBtn_1fboo_70", pt = "_readMore_1fboo_66", gt = "_arrow_1fboo_89", bt = "_dot_1fboo_93", v = {
|
|
5
|
+
section: Xe,
|
|
6
|
+
heading: Qe,
|
|
7
|
+
trustLine: et,
|
|
8
|
+
star: tt,
|
|
9
|
+
ratingNum: nt,
|
|
10
|
+
trustText: at,
|
|
11
|
+
cardList: ot,
|
|
12
|
+
card: st,
|
|
13
|
+
quote: rt,
|
|
14
|
+
author: it,
|
|
15
|
+
avatar: ct,
|
|
16
|
+
avatarPlaceholder: lt,
|
|
17
|
+
authorInfo: dt,
|
|
18
|
+
authorName: mt,
|
|
19
|
+
stars: _t,
|
|
20
|
+
readMoreWrap: ht,
|
|
21
|
+
toggleBtn: ut,
|
|
22
|
+
readMore: pt,
|
|
23
23
|
arrow: gt,
|
|
24
|
-
dot:
|
|
25
|
-
},
|
|
26
|
-
function
|
|
24
|
+
dot: bt
|
|
25
|
+
}, ft = 3, Me = 15;
|
|
26
|
+
function Nt(t) {
|
|
27
27
|
const n = /* @__PURE__ */ new Map();
|
|
28
|
-
for (let l = 1; l <=
|
|
28
|
+
for (let l = 1; l <= Me; l += 1) {
|
|
29
29
|
const u = `feedbackTestimonial${l}`, h = t(u);
|
|
30
30
|
if (!h || h === u) continue;
|
|
31
31
|
const f = `feedbackAuthor${l}`, _ = (() => {
|
|
32
32
|
const w = t(f);
|
|
33
33
|
return w && w !== f ? w : t("guest");
|
|
34
|
-
})(),
|
|
35
|
-
const w = t(
|
|
36
|
-
return w && w !==
|
|
34
|
+
})(), g = `feedbackAuthor${l}AvatarUrl`, b = (() => {
|
|
35
|
+
const w = t(g);
|
|
36
|
+
return w && w !== g ? w : void 0;
|
|
37
37
|
})();
|
|
38
38
|
n.set(l, {
|
|
39
39
|
quote: h,
|
|
@@ -43,7 +43,7 @@ function ft(t) {
|
|
|
43
43
|
});
|
|
44
44
|
}
|
|
45
45
|
const a = [], s = [];
|
|
46
|
-
for (let l = 1; l <=
|
|
46
|
+
for (let l = 1; l <= Me; l += 1)
|
|
47
47
|
l >= 9 ? s.push(l) : a.push(l);
|
|
48
48
|
const r = [];
|
|
49
49
|
let c = 0, d = 0;
|
|
@@ -59,16 +59,16 @@ function ft(t) {
|
|
|
59
59
|
}
|
|
60
60
|
return r;
|
|
61
61
|
}
|
|
62
|
-
function
|
|
62
|
+
function qs({
|
|
63
63
|
t,
|
|
64
64
|
testimonials: n,
|
|
65
|
-
initialVisible: a =
|
|
65
|
+
initialVisible: a = ft,
|
|
66
66
|
readMoreHref: s,
|
|
67
67
|
onReadMore: r,
|
|
68
68
|
className: c = "",
|
|
69
69
|
headingClassName: d
|
|
70
70
|
}) {
|
|
71
|
-
const l = n ?? E(() =>
|
|
71
|
+
const l = n ?? E(() => Nt(t), [t]), [u, h] = $(!1), f = l.length > a, _ = f && !u ? l.slice(0, a) : l, g = t("feedbackTitle"), b = t("feedbackRating"), w = t("feedbackTrust"), O = t("readMoreReviews"), k = t("readLess");
|
|
72
72
|
return /* @__PURE__ */ i(
|
|
73
73
|
"section",
|
|
74
74
|
{
|
|
@@ -80,7 +80,7 @@ function Es({
|
|
|
80
80
|
{
|
|
81
81
|
id: "reviews-heading",
|
|
82
82
|
className: [v.heading, d].filter(Boolean).join(" "),
|
|
83
|
-
children:
|
|
83
|
+
children: g
|
|
84
84
|
}
|
|
85
85
|
),
|
|
86
86
|
/* @__PURE__ */ i("p", { className: v.trustLine, children: [
|
|
@@ -89,7 +89,7 @@ function Es({
|
|
|
89
89
|
/* @__PURE__ */ e("span", { className: v.dot, "aria-hidden": !0 }),
|
|
90
90
|
/* @__PURE__ */ e("span", { className: v.trustText, children: w })
|
|
91
91
|
] }),
|
|
92
|
-
/* @__PURE__ */ e("ul", { className: v.cardList, children: _.map((T,
|
|
92
|
+
/* @__PURE__ */ e("ul", { className: v.cardList, children: _.map((T, R) => /* @__PURE__ */ i("li", { className: v.card, children: [
|
|
93
93
|
/* @__PURE__ */ e("p", { className: v.quote, children: T.quote }),
|
|
94
94
|
/* @__PURE__ */ i("div", { className: v.author, children: [
|
|
95
95
|
T.authorAvatarUrl ? /* @__PURE__ */ e(
|
|
@@ -107,7 +107,7 @@ function Es({
|
|
|
107
107
|
/* @__PURE__ */ e("span", { className: v.stars, "aria-hidden": !0, children: "★".repeat(T.rating ?? 5) })
|
|
108
108
|
] })
|
|
109
109
|
] })
|
|
110
|
-
] },
|
|
110
|
+
] }, R)) }),
|
|
111
111
|
f && /* @__PURE__ */ e("div", { className: v.readMoreWrap, children: /* @__PURE__ */ i(
|
|
112
112
|
"button",
|
|
113
113
|
{
|
|
@@ -149,20 +149,20 @@ function Es({
|
|
|
149
149
|
}
|
|
150
150
|
);
|
|
151
151
|
}
|
|
152
|
-
const vt = "_section_4dc65_1",
|
|
152
|
+
const vt = "_section_4dc65_1", wt = "_heading_4dc65_5", yt = "_accordion_4dc65_9", kt = "_item_4dc65_13", St = "_itemOpen_4dc65_17", It = "_question_4dc65_22", $t = "_chevron_4dc65_30", Tt = "_chevronOpen_4dc65_34", Lt = "_answerWrap_4dc65_38", xt = "_answerOpen_4dc65_42", Ct = "_answer_4dc65_38", B = {
|
|
153
153
|
section: vt,
|
|
154
|
-
heading:
|
|
155
|
-
accordion:
|
|
156
|
-
item:
|
|
157
|
-
itemOpen:
|
|
158
|
-
question:
|
|
159
|
-
chevron:
|
|
160
|
-
chevronOpen:
|
|
161
|
-
answerWrap:
|
|
162
|
-
answerOpen:
|
|
163
|
-
answer:
|
|
154
|
+
heading: wt,
|
|
155
|
+
accordion: yt,
|
|
156
|
+
item: kt,
|
|
157
|
+
itemOpen: St,
|
|
158
|
+
question: It,
|
|
159
|
+
chevron: $t,
|
|
160
|
+
chevronOpen: Tt,
|
|
161
|
+
answerWrap: Lt,
|
|
162
|
+
answerOpen: xt,
|
|
163
|
+
answer: Ct
|
|
164
164
|
};
|
|
165
|
-
function
|
|
165
|
+
function Ws({
|
|
166
166
|
t,
|
|
167
167
|
items: n,
|
|
168
168
|
resolveAnswerKey: a,
|
|
@@ -172,52 +172,52 @@ function Os({
|
|
|
172
172
|
headingClassName: d
|
|
173
173
|
}) {
|
|
174
174
|
const l = E(
|
|
175
|
-
() => n.map(({ qKey: _, aKey:
|
|
175
|
+
() => n.map(({ qKey: _, aKey: g }) => ({
|
|
176
176
|
question: t(_),
|
|
177
|
-
answer: t(a ? a(
|
|
177
|
+
answer: t(a ? a(g) : g)
|
|
178
178
|
})),
|
|
179
179
|
[t, n, a]
|
|
180
180
|
), [u, h] = $(s), f = t("faqTitle");
|
|
181
181
|
return /* @__PURE__ */ i(
|
|
182
182
|
"section",
|
|
183
183
|
{
|
|
184
|
-
className: `${
|
|
184
|
+
className: `${B.section} ${c}`,
|
|
185
185
|
"aria-labelledby": "faq-heading",
|
|
186
186
|
children: [
|
|
187
187
|
/* @__PURE__ */ e(
|
|
188
188
|
"h2",
|
|
189
189
|
{
|
|
190
190
|
id: "faq-heading",
|
|
191
|
-
className: [
|
|
191
|
+
className: [B.heading, d].filter(Boolean).join(" "),
|
|
192
192
|
children: f
|
|
193
193
|
}
|
|
194
194
|
),
|
|
195
|
-
/* @__PURE__ */ e("div", { className:
|
|
196
|
-
const b = u ===
|
|
195
|
+
/* @__PURE__ */ e("div", { className: B.accordion, role: "list", children: l.map((_, g) => {
|
|
196
|
+
const b = u === g;
|
|
197
197
|
return /* @__PURE__ */ i(
|
|
198
198
|
"div",
|
|
199
199
|
{
|
|
200
|
-
className: `${
|
|
200
|
+
className: `${B.item} ${b ? B.itemOpen : ""}`,
|
|
201
201
|
role: "listitem",
|
|
202
202
|
children: [
|
|
203
203
|
/* @__PURE__ */ i(
|
|
204
204
|
"button",
|
|
205
205
|
{
|
|
206
206
|
type: "button",
|
|
207
|
-
className:
|
|
207
|
+
className: B.question,
|
|
208
208
|
onClick: () => {
|
|
209
209
|
const w = !b;
|
|
210
|
-
h(b ? -1 :
|
|
210
|
+
h(b ? -1 : g), w && r?.(_.question);
|
|
211
211
|
},
|
|
212
212
|
"aria-expanded": b,
|
|
213
|
-
"aria-controls": `faq-answer-${
|
|
214
|
-
id: `faq-question-${
|
|
213
|
+
"aria-controls": `faq-answer-${g}`,
|
|
214
|
+
id: `faq-question-${g}`,
|
|
215
215
|
children: [
|
|
216
216
|
/* @__PURE__ */ e("span", { children: _.question }),
|
|
217
217
|
/* @__PURE__ */ e(
|
|
218
218
|
"span",
|
|
219
219
|
{
|
|
220
|
-
className: `${
|
|
220
|
+
className: `${B.chevron} ${b ? B.chevronOpen : ""}`,
|
|
221
221
|
"aria-hidden": !0,
|
|
222
222
|
children: /* @__PURE__ */ e(
|
|
223
223
|
"svg",
|
|
@@ -245,35 +245,35 @@ function Os({
|
|
|
245
245
|
/* @__PURE__ */ e(
|
|
246
246
|
"div",
|
|
247
247
|
{
|
|
248
|
-
id: `faq-answer-${
|
|
248
|
+
id: `faq-answer-${g}`,
|
|
249
249
|
role: "region",
|
|
250
|
-
"aria-labelledby": `faq-question-${
|
|
251
|
-
className: `${
|
|
250
|
+
"aria-labelledby": `faq-question-${g}`,
|
|
251
|
+
className: `${B.answerWrap} ${b ? B.answerOpen : ""}`,
|
|
252
252
|
hidden: !b,
|
|
253
|
-
children: /* @__PURE__ */ e("p", { className:
|
|
253
|
+
children: /* @__PURE__ */ e("p", { className: B.answer, children: _.answer })
|
|
254
254
|
}
|
|
255
255
|
)
|
|
256
256
|
]
|
|
257
257
|
},
|
|
258
|
-
|
|
258
|
+
g
|
|
259
259
|
);
|
|
260
260
|
}) })
|
|
261
261
|
]
|
|
262
262
|
}
|
|
263
263
|
);
|
|
264
264
|
}
|
|
265
|
-
const
|
|
266
|
-
header:
|
|
267
|
-
brand:
|
|
268
|
-
logo:
|
|
269
|
-
logoImg:
|
|
270
|
-
logoPlaceholder:
|
|
271
|
-
brandText:
|
|
272
|
-
brandName:
|
|
273
|
-
rating:
|
|
274
|
-
langSlot:
|
|
275
|
-
},
|
|
276
|
-
function
|
|
265
|
+
const Dt = "_header_dbx4y_1", Bt = "_brand_dbx4y_7", Mt = "_logo_dbx4y_11", Rt = "_logoImg_dbx4y_15", Pt = "_logoPlaceholder_dbx4y_21", At = "_brandText_dbx4y_29", Et = "_brandName_dbx4y_33", Ot = "_rating_dbx4y_38", Ft = "_langSlot_dbx4y_49", A = {
|
|
266
|
+
header: Dt,
|
|
267
|
+
brand: Bt,
|
|
268
|
+
logo: Mt,
|
|
269
|
+
logoImg: Rt,
|
|
270
|
+
logoPlaceholder: Pt,
|
|
271
|
+
brandText: At,
|
|
272
|
+
brandName: Et,
|
|
273
|
+
rating: Ot,
|
|
274
|
+
langSlot: Ft
|
|
275
|
+
}, Re = 120, Pe = 40;
|
|
276
|
+
function js({
|
|
277
277
|
t,
|
|
278
278
|
logoUrl: n,
|
|
279
279
|
imageComponent: a,
|
|
@@ -290,8 +290,8 @@ function Fs({
|
|
|
290
290
|
src: n,
|
|
291
291
|
alt: l,
|
|
292
292
|
className: A.logoImg,
|
|
293
|
-
width:
|
|
294
|
-
height:
|
|
293
|
+
width: Re,
|
|
294
|
+
height: Pe
|
|
295
295
|
}
|
|
296
296
|
) : /* @__PURE__ */ e(
|
|
297
297
|
"img",
|
|
@@ -299,8 +299,8 @@ function Fs({
|
|
|
299
299
|
src: n,
|
|
300
300
|
alt: l,
|
|
301
301
|
className: A.logoImg,
|
|
302
|
-
width:
|
|
303
|
-
height:
|
|
302
|
+
width: Re,
|
|
303
|
+
height: Pe,
|
|
304
304
|
decoding: "async"
|
|
305
305
|
}
|
|
306
306
|
) : /* @__PURE__ */ e("div", { className: A.logoPlaceholder, "aria-hidden": !0 }) }),
|
|
@@ -312,12 +312,12 @@ function Fs({
|
|
|
312
312
|
d && /* @__PURE__ */ e("div", { className: A.langSlot, children: s })
|
|
313
313
|
] });
|
|
314
314
|
}
|
|
315
|
-
const
|
|
316
|
-
wrap:
|
|
317
|
-
card:
|
|
318
|
-
cardInner:
|
|
315
|
+
const qt = "_wrap_1vbpd_1", Wt = "_card_1vbpd_5", jt = "_cardInner_1vbpd_10", Ne = {
|
|
316
|
+
wrap: qt,
|
|
317
|
+
card: Wt,
|
|
318
|
+
cardInner: jt
|
|
319
319
|
};
|
|
320
|
-
function
|
|
320
|
+
function Hs({
|
|
321
321
|
children: t,
|
|
322
322
|
className: n = "",
|
|
323
323
|
"aria-label": a
|
|
@@ -325,24 +325,24 @@ function qs({
|
|
|
325
325
|
return /* @__PURE__ */ e(
|
|
326
326
|
"section",
|
|
327
327
|
{
|
|
328
|
-
className: `${
|
|
328
|
+
className: `${Ne.wrap} ${n}`,
|
|
329
329
|
"aria-label": a,
|
|
330
|
-
children: /* @__PURE__ */ e("div", { className:
|
|
330
|
+
children: /* @__PURE__ */ e("div", { className: Ne.card, children: /* @__PURE__ */ e("div", { className: Ne.cardInner, children: t }) })
|
|
331
331
|
}
|
|
332
332
|
);
|
|
333
333
|
}
|
|
334
|
-
const
|
|
335
|
-
header:
|
|
336
|
-
left:
|
|
334
|
+
const Ht = "_header_a05ni_1", zt = "_left_a05ni_7", Kt = "_backBtn_a05ni_11", Ut = "_titleWrap_a05ni_21", Gt = "_title_a05ni_21", Yt = "_subtitle_a05ni_31", Vt = "_backIcon_a05ni_37", U = {
|
|
335
|
+
header: Ht,
|
|
336
|
+
left: zt,
|
|
337
337
|
backBtn: Kt,
|
|
338
338
|
titleWrap: Ut,
|
|
339
|
-
title:
|
|
340
|
-
subtitle:
|
|
341
|
-
backIcon:
|
|
342
|
-
},
|
|
339
|
+
title: Gt,
|
|
340
|
+
subtitle: Yt,
|
|
341
|
+
backIcon: Vt
|
|
342
|
+
}, Jt = () => /* @__PURE__ */ e(
|
|
343
343
|
"svg",
|
|
344
344
|
{
|
|
345
|
-
className:
|
|
345
|
+
className: U.backIcon,
|
|
346
346
|
viewBox: "0 0 24 24",
|
|
347
347
|
fill: "none",
|
|
348
348
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -359,38 +359,38 @@ const jt = "_header_a05ni_1", Ht = "_left_a05ni_7", Kt = "_backBtn_a05ni_11", Ut
|
|
|
359
359
|
)
|
|
360
360
|
}
|
|
361
361
|
);
|
|
362
|
-
function
|
|
362
|
+
function zs({
|
|
363
363
|
title: t,
|
|
364
364
|
subtitle: n,
|
|
365
365
|
onBack: a,
|
|
366
366
|
backAriaLabel: s = "Back",
|
|
367
367
|
className: r = ""
|
|
368
368
|
}) {
|
|
369
|
-
return /* @__PURE__ */ e("header", { className: `${
|
|
369
|
+
return /* @__PURE__ */ e("header", { className: `${U.header} ${r}`, children: /* @__PURE__ */ i("div", { className: U.left, children: [
|
|
370
370
|
a != null && /* @__PURE__ */ e(
|
|
371
371
|
"button",
|
|
372
372
|
{
|
|
373
373
|
type: "button",
|
|
374
|
-
className:
|
|
374
|
+
className: U.backBtn,
|
|
375
375
|
onClick: a,
|
|
376
376
|
"aria-label": s,
|
|
377
|
-
children: /* @__PURE__ */ e(
|
|
377
|
+
children: /* @__PURE__ */ e(Jt, {})
|
|
378
378
|
}
|
|
379
379
|
),
|
|
380
|
-
/* @__PURE__ */ i("div", { className:
|
|
381
|
-
/* @__PURE__ */ e("h1", { className:
|
|
382
|
-
n != null && n !== "" && /* @__PURE__ */ e("p", { className:
|
|
380
|
+
/* @__PURE__ */ i("div", { className: U.titleWrap, children: [
|
|
381
|
+
/* @__PURE__ */ e("h1", { className: U.title, children: t }),
|
|
382
|
+
n != null && n !== "" && /* @__PURE__ */ e("p", { className: U.subtitle, children: n })
|
|
383
383
|
] })
|
|
384
384
|
] }) });
|
|
385
385
|
}
|
|
386
|
-
const
|
|
387
|
-
banner:
|
|
388
|
-
icon:
|
|
389
|
-
text:
|
|
390
|
-
},
|
|
391
|
-
function
|
|
386
|
+
const Zt = "_banner_1jco0_1", Xt = "_icon_1jco0_12", Qt = "_text_1jco0_16", ve = {
|
|
387
|
+
banner: Zt,
|
|
388
|
+
icon: Xt,
|
|
389
|
+
text: Qt
|
|
390
|
+
}, en = "https://srm-cdn.a4b.io/yoda/1770707793537.svg";
|
|
391
|
+
function Ks({
|
|
392
392
|
text: t,
|
|
393
|
-
iconUrl: n =
|
|
393
|
+
iconUrl: n = en,
|
|
394
394
|
className: a = ""
|
|
395
395
|
}) {
|
|
396
396
|
return /* @__PURE__ */ e("div", { className: `${ve.banner} ${a}`, role: "status", children: /* @__PURE__ */ i("span", { className: ve.text, children: [
|
|
@@ -410,60 +410,60 @@ function js({
|
|
|
410
410
|
t
|
|
411
411
|
] }) });
|
|
412
412
|
}
|
|
413
|
-
const
|
|
414
|
-
field:
|
|
415
|
-
labelRow:
|
|
416
|
-
label:
|
|
417
|
-
req:
|
|
418
|
-
help:
|
|
419
|
-
infoBtn:
|
|
420
|
-
infoImg:
|
|
421
|
-
infoWrap:
|
|
422
|
-
tooltip:
|
|
423
|
-
tooltipArrow:
|
|
424
|
-
inputWrap:
|
|
425
|
-
},
|
|
426
|
-
function
|
|
413
|
+
const tn = "_field_eqt7q_1", nn = "_labelRow_eqt7q_5", an = "_label_eqt7q_5", on = "_req_eqt7q_14", sn = "_help_eqt7q_18", rn = "_infoBtn_eqt7q_22", cn = "_infoImg_eqt7q_30", ln = "_infoWrap_eqt7q_34", dn = "_tooltip_eqt7q_38", mn = "_tooltipArrow_eqt7q_45", _n = "_inputWrap_eqt7q_50", M = {
|
|
414
|
+
field: tn,
|
|
415
|
+
labelRow: nn,
|
|
416
|
+
label: an,
|
|
417
|
+
req: on,
|
|
418
|
+
help: sn,
|
|
419
|
+
infoBtn: rn,
|
|
420
|
+
infoImg: cn,
|
|
421
|
+
infoWrap: ln,
|
|
422
|
+
tooltip: dn,
|
|
423
|
+
tooltipArrow: mn,
|
|
424
|
+
inputWrap: _n
|
|
425
|
+
}, hn = "https://srm-cdn.a4b.io/yoda/1770372066357.svg";
|
|
426
|
+
function Us({
|
|
427
427
|
label: t,
|
|
428
428
|
id: n,
|
|
429
429
|
required: a = !1,
|
|
430
430
|
help: s,
|
|
431
431
|
infoTooltip: r,
|
|
432
432
|
infoAriaLabel: c = "Info",
|
|
433
|
-
infoIconUrl: d =
|
|
433
|
+
infoIconUrl: d = hn,
|
|
434
434
|
children: l,
|
|
435
435
|
className: u = ""
|
|
436
436
|
}) {
|
|
437
437
|
const [h, f] = $(!1);
|
|
438
|
-
return
|
|
438
|
+
return se(() => {
|
|
439
439
|
if (!r) return;
|
|
440
440
|
const _ = (b) => {
|
|
441
441
|
b.target?.closest?.("[data-info-tooltip]") == null && f(!1);
|
|
442
|
-
},
|
|
442
|
+
}, g = (b) => {
|
|
443
443
|
b.key === "Escape" && f(!1);
|
|
444
444
|
};
|
|
445
|
-
return document.addEventListener("mousedown", _), document.addEventListener("keydown",
|
|
446
|
-
document.removeEventListener("mousedown", _), document.removeEventListener("keydown",
|
|
445
|
+
return document.addEventListener("mousedown", _), document.addEventListener("keydown", g), () => {
|
|
446
|
+
document.removeEventListener("mousedown", _), document.removeEventListener("keydown", g);
|
|
447
447
|
};
|
|
448
|
-
}, [r]), /* @__PURE__ */ i("div", { className: `${
|
|
449
|
-
/* @__PURE__ */ i("div", { className:
|
|
450
|
-
/* @__PURE__ */ i("label", { className:
|
|
448
|
+
}, [r]), /* @__PURE__ */ i("div", { className: `${M.field} ${u}`, children: [
|
|
449
|
+
/* @__PURE__ */ i("div", { className: M.labelRow, children: [
|
|
450
|
+
/* @__PURE__ */ i("label", { className: M.label, htmlFor: n, children: [
|
|
451
451
|
t,
|
|
452
|
-
a && /* @__PURE__ */ e("span", { className:
|
|
452
|
+
a && /* @__PURE__ */ e("span", { className: M.req, children: "*" })
|
|
453
453
|
] }),
|
|
454
|
-
r != null && r !== "" && /* @__PURE__ */ i("div", { className:
|
|
454
|
+
r != null && r !== "" && /* @__PURE__ */ i("div", { className: M.infoWrap, "data-info-tooltip": !0, children: [
|
|
455
455
|
/* @__PURE__ */ e(
|
|
456
456
|
"button",
|
|
457
457
|
{
|
|
458
458
|
type: "button",
|
|
459
|
-
className:
|
|
459
|
+
className: M.infoBtn,
|
|
460
460
|
"aria-label": c,
|
|
461
461
|
"aria-expanded": h,
|
|
462
462
|
onClick: () => f((_) => !_),
|
|
463
463
|
children: /* @__PURE__ */ e(
|
|
464
464
|
"img",
|
|
465
465
|
{
|
|
466
|
-
className:
|
|
466
|
+
className: M.infoImg,
|
|
467
467
|
src: d,
|
|
468
468
|
alt: "",
|
|
469
469
|
"aria-hidden": !0
|
|
@@ -471,24 +471,24 @@ function Hs({
|
|
|
471
471
|
)
|
|
472
472
|
}
|
|
473
473
|
),
|
|
474
|
-
h && /* @__PURE__ */ i("div", { className:
|
|
474
|
+
h && /* @__PURE__ */ i("div", { className: M.tooltip, role: "tooltip", children: [
|
|
475
475
|
r,
|
|
476
|
-
/* @__PURE__ */ e("span", { className:
|
|
476
|
+
/* @__PURE__ */ e("span", { className: M.tooltipArrow, "aria-hidden": !0 })
|
|
477
477
|
] })
|
|
478
478
|
] })
|
|
479
479
|
] }),
|
|
480
|
-
s != null && s !== "" && /* @__PURE__ */ e("div", { className:
|
|
481
|
-
/* @__PURE__ */ e("div", { className:
|
|
480
|
+
s != null && s !== "" && /* @__PURE__ */ e("div", { className: M.help, children: s }),
|
|
481
|
+
/* @__PURE__ */ e("div", { className: M.inputWrap, children: l })
|
|
482
482
|
] });
|
|
483
483
|
}
|
|
484
|
-
const
|
|
485
|
-
wrap:
|
|
486
|
-
input:
|
|
484
|
+
const un = "_wrap_1uy4o_1", pn = "_input_1uy4o_5", gn = "_iconBtn_1uy4o_21", bn = "_iconBtnInteractive_1uy4o_25", fn = "_iconImg_1uy4o_39", Z = {
|
|
485
|
+
wrap: un,
|
|
486
|
+
input: pn,
|
|
487
487
|
iconBtn: gn,
|
|
488
|
-
iconBtnInteractive:
|
|
489
|
-
iconImg:
|
|
488
|
+
iconBtnInteractive: bn,
|
|
489
|
+
iconImg: fn
|
|
490
490
|
};
|
|
491
|
-
function
|
|
491
|
+
function Gs({
|
|
492
492
|
id: t,
|
|
493
493
|
iconUrl: n,
|
|
494
494
|
iconAlt: a = "",
|
|
@@ -497,13 +497,13 @@ function Ks({
|
|
|
497
497
|
className: c = "",
|
|
498
498
|
...d
|
|
499
499
|
}) {
|
|
500
|
-
return /* @__PURE__ */ i("div", { className: `${
|
|
500
|
+
return /* @__PURE__ */ i("div", { className: `${Z.wrap} ${c}`, children: [
|
|
501
501
|
/* @__PURE__ */ e(
|
|
502
502
|
"input",
|
|
503
503
|
{
|
|
504
504
|
...d,
|
|
505
505
|
id: t,
|
|
506
|
-
className:
|
|
506
|
+
className: Z.input,
|
|
507
507
|
type: d.type ?? "text"
|
|
508
508
|
}
|
|
509
509
|
),
|
|
@@ -511,14 +511,14 @@ function Ks({
|
|
|
511
511
|
"button",
|
|
512
512
|
{
|
|
513
513
|
type: "button",
|
|
514
|
-
className: s ? `${
|
|
514
|
+
className: s ? `${Z.iconBtn} ${Z.iconBtnInteractive}` : Z.iconBtn,
|
|
515
515
|
"aria-label": a || void 0,
|
|
516
516
|
onClick: s ? r : void 0,
|
|
517
517
|
tabIndex: s ? 0 : -1,
|
|
518
518
|
children: /* @__PURE__ */ e(
|
|
519
519
|
"img",
|
|
520
520
|
{
|
|
521
|
-
className:
|
|
521
|
+
className: Z.iconImg,
|
|
522
522
|
src: n,
|
|
523
523
|
alt: "",
|
|
524
524
|
"aria-hidden": !0,
|
|
@@ -530,13 +530,13 @@ function Ks({
|
|
|
530
530
|
)
|
|
531
531
|
] });
|
|
532
532
|
}
|
|
533
|
-
const
|
|
534
|
-
wrap:
|
|
533
|
+
const Nn = "_wrap_t646o_1", vn = "_input_t646o_5", wn = "_iconBtn_t646o_28", yn = "_iconImg_t646o_42", de = {
|
|
534
|
+
wrap: Nn,
|
|
535
535
|
input: vn,
|
|
536
|
-
iconBtn:
|
|
537
|
-
iconImg:
|
|
538
|
-
},
|
|
539
|
-
function
|
|
536
|
+
iconBtn: wn,
|
|
537
|
+
iconImg: yn
|
|
538
|
+
}, kn = "https://srm-cdn.a4b.io/yoda/1770372045894.svg";
|
|
539
|
+
function Ys({
|
|
540
540
|
id: t,
|
|
541
541
|
value: n,
|
|
542
542
|
onChange: a,
|
|
@@ -544,7 +544,7 @@ function Us({
|
|
|
544
544
|
className: r = "",
|
|
545
545
|
...c
|
|
546
546
|
}) {
|
|
547
|
-
const d =
|
|
547
|
+
const d = G(null), l = E(() => {
|
|
548
548
|
const h = /* @__PURE__ */ new Date(), f = (_) => String(_).padStart(2, "0");
|
|
549
549
|
return `${h.getFullYear()}-${f(h.getMonth() + 1)}-${f(h.getDate())}`;
|
|
550
550
|
}, []), u = () => {
|
|
@@ -583,7 +583,7 @@ function Us({
|
|
|
583
583
|
"img",
|
|
584
584
|
{
|
|
585
585
|
className: de.iconImg,
|
|
586
|
-
src:
|
|
586
|
+
src: kn,
|
|
587
587
|
alt: "",
|
|
588
588
|
"aria-hidden": !0,
|
|
589
589
|
width: 22,
|
|
@@ -594,13 +594,13 @@ function Us({
|
|
|
594
594
|
)
|
|
595
595
|
] });
|
|
596
596
|
}
|
|
597
|
-
const
|
|
598
|
-
wrap:
|
|
599
|
-
input:
|
|
600
|
-
iconBtn:
|
|
601
|
-
iconImg:
|
|
602
|
-
},
|
|
603
|
-
function
|
|
597
|
+
const Sn = "_wrap_1jdg7_1", In = "_input_1jdg7_5", $n = "_iconBtn_1jdg7_34", Tn = "_iconImg_1jdg7_48", me = {
|
|
598
|
+
wrap: Sn,
|
|
599
|
+
input: In,
|
|
600
|
+
iconBtn: $n,
|
|
601
|
+
iconImg: Tn
|
|
602
|
+
}, Ln = "https://srm-cdn.a4b.io/yoda/1770372014782.svg";
|
|
603
|
+
function Vs({
|
|
604
604
|
id: t,
|
|
605
605
|
value: n,
|
|
606
606
|
onChange: a,
|
|
@@ -637,7 +637,7 @@ function zs({
|
|
|
637
637
|
"img",
|
|
638
638
|
{
|
|
639
639
|
className: me.iconImg,
|
|
640
|
-
src:
|
|
640
|
+
src: Ln,
|
|
641
641
|
alt: "",
|
|
642
642
|
"aria-hidden": !0,
|
|
643
643
|
width: 22,
|
|
@@ -648,15 +648,15 @@ function zs({
|
|
|
648
648
|
)
|
|
649
649
|
] });
|
|
650
650
|
}
|
|
651
|
-
const
|
|
652
|
-
wrap:
|
|
653
|
-
input:
|
|
654
|
-
iconBtn:
|
|
655
|
-
iconImg:
|
|
656
|
-
},
|
|
657
|
-
function
|
|
651
|
+
const xn = "_wrap_1bb6o_1", Cn = "_input_1bb6o_5", Dn = "_iconBtn_1bb6o_21", Bn = "_iconImg_1bb6o_25", _e = {
|
|
652
|
+
wrap: xn,
|
|
653
|
+
input: Cn,
|
|
654
|
+
iconBtn: Dn,
|
|
655
|
+
iconImg: Bn
|
|
656
|
+
}, Mn = "https://srm-cdn.a4b.io/yoda/1770372031092.svg";
|
|
657
|
+
function Js({
|
|
658
658
|
id: t,
|
|
659
|
-
iconUrl: n =
|
|
659
|
+
iconUrl: n = Mn,
|
|
660
660
|
className: a = "",
|
|
661
661
|
...s
|
|
662
662
|
}) {
|
|
@@ -674,12 +674,12 @@ function Gs({
|
|
|
674
674
|
) })
|
|
675
675
|
] });
|
|
676
676
|
}
|
|
677
|
-
const
|
|
678
|
-
segmented:
|
|
679
|
-
segmentedOption:
|
|
680
|
-
active:
|
|
677
|
+
const Rn = "_segmented_3sa9v_1", Pn = "_segmentedOption_3sa9v_6", An = "_active_3sa9v_15", we = {
|
|
678
|
+
segmented: Rn,
|
|
679
|
+
segmentedOption: Pn,
|
|
680
|
+
active: An
|
|
681
681
|
};
|
|
682
|
-
function
|
|
682
|
+
function Zs({
|
|
683
683
|
id: t,
|
|
684
684
|
options: n,
|
|
685
685
|
value: a,
|
|
@@ -689,7 +689,7 @@ function Ys({
|
|
|
689
689
|
return /* @__PURE__ */ e(
|
|
690
690
|
"div",
|
|
691
691
|
{
|
|
692
|
-
className: `${
|
|
692
|
+
className: `${we.segmented} ${r}`,
|
|
693
693
|
role: "group",
|
|
694
694
|
"aria-labelledby": `${t}-label`,
|
|
695
695
|
children: n.map((c) => /* @__PURE__ */ e(
|
|
@@ -697,7 +697,7 @@ function Ys({
|
|
|
697
697
|
{
|
|
698
698
|
type: "button",
|
|
699
699
|
id: c.value === a ? t : void 0,
|
|
700
|
-
className: `${
|
|
700
|
+
className: `${we.segmentedOption} ${c.value === a ? we.active : ""}`,
|
|
701
701
|
onClick: () => s(c.value),
|
|
702
702
|
children: c.label
|
|
703
703
|
},
|
|
@@ -706,12 +706,12 @@ function Ys({
|
|
|
706
706
|
}
|
|
707
707
|
);
|
|
708
708
|
}
|
|
709
|
-
const
|
|
710
|
-
pillsWrap:
|
|
711
|
-
pill:
|
|
712
|
-
selected:
|
|
709
|
+
const En = "_pillsWrap_z1kui_1", On = "_pill_z1kui_1", Fn = "_selected_z1kui_17", ye = {
|
|
710
|
+
pillsWrap: En,
|
|
711
|
+
pill: On,
|
|
712
|
+
selected: Fn
|
|
713
713
|
};
|
|
714
|
-
function
|
|
714
|
+
function Xs({
|
|
715
715
|
id: t,
|
|
716
716
|
options: n,
|
|
717
717
|
selected: a,
|
|
@@ -724,14 +724,14 @@ function Vs({
|
|
|
724
724
|
return /* @__PURE__ */ e(
|
|
725
725
|
"div",
|
|
726
726
|
{
|
|
727
|
-
className: `${
|
|
727
|
+
className: `${ye.pillsWrap} ${r}`,
|
|
728
728
|
role: "group",
|
|
729
729
|
"aria-labelledby": `${t}-label`,
|
|
730
730
|
children: n.map((d) => /* @__PURE__ */ e(
|
|
731
731
|
"button",
|
|
732
732
|
{
|
|
733
733
|
type: "button",
|
|
734
|
-
className: `${
|
|
734
|
+
className: `${ye.pill} ${a.includes(d.key) ? ye.selected : ""}`,
|
|
735
735
|
onClick: () => c(d.key),
|
|
736
736
|
children: d.label
|
|
737
737
|
},
|
|
@@ -740,14 +740,14 @@ function Vs({
|
|
|
740
740
|
}
|
|
741
741
|
);
|
|
742
742
|
}
|
|
743
|
-
const
|
|
744
|
-
wrapper:
|
|
745
|
-
checkboxRow:
|
|
746
|
-
checkbox:
|
|
747
|
-
checkboxText:
|
|
748
|
-
checkboxHelp:
|
|
743
|
+
const qn = "_wrapper_i6a5b_2", Wn = "_checkboxRow_i6a5b_6", jn = "_checkbox_i6a5b_6", Hn = "_checkboxText_i6a5b_31", zn = "_checkboxHelp_i6a5b_37", ne = {
|
|
744
|
+
wrapper: qn,
|
|
745
|
+
checkboxRow: Wn,
|
|
746
|
+
checkbox: jn,
|
|
747
|
+
checkboxText: Hn,
|
|
748
|
+
checkboxHelp: zn
|
|
749
749
|
};
|
|
750
|
-
function
|
|
750
|
+
function Qs({
|
|
751
751
|
id: t,
|
|
752
752
|
checked: n,
|
|
753
753
|
onChange: a,
|
|
@@ -755,57 +755,57 @@ function Js({
|
|
|
755
755
|
helpText: r,
|
|
756
756
|
className: c = ""
|
|
757
757
|
}) {
|
|
758
|
-
return /* @__PURE__ */ i("div", { className: `${
|
|
759
|
-
/* @__PURE__ */ i("div", { className:
|
|
758
|
+
return /* @__PURE__ */ i("div", { className: `${ne.wrapper} ${c}`, children: [
|
|
759
|
+
/* @__PURE__ */ i("div", { className: ne.checkboxRow, children: [
|
|
760
760
|
/* @__PURE__ */ e(
|
|
761
761
|
"input",
|
|
762
762
|
{
|
|
763
763
|
id: t,
|
|
764
764
|
type: "checkbox",
|
|
765
|
-
className:
|
|
765
|
+
className: ne.checkbox,
|
|
766
766
|
checked: n,
|
|
767
767
|
onChange: (d) => a(d.target.checked)
|
|
768
768
|
}
|
|
769
769
|
),
|
|
770
|
-
/* @__PURE__ */ e("label", { htmlFor: t, className:
|
|
770
|
+
/* @__PURE__ */ e("label", { htmlFor: t, className: ne.checkboxText, children: s })
|
|
771
771
|
] }),
|
|
772
|
-
r != null && r !== "" && /* @__PURE__ */ e("p", { className:
|
|
772
|
+
r != null && r !== "" && /* @__PURE__ */ e("p", { className: ne.checkboxHelp, children: r })
|
|
773
773
|
] });
|
|
774
774
|
}
|
|
775
775
|
const Kn = "_footerNote_laev3_1", Un = {
|
|
776
776
|
footerNote: Kn
|
|
777
777
|
};
|
|
778
|
-
function
|
|
778
|
+
function er({
|
|
779
779
|
children: t,
|
|
780
780
|
className: n = ""
|
|
781
781
|
}) {
|
|
782
782
|
return /* @__PURE__ */ e("p", { className: `${Un.footerNote} ${n}`, children: t });
|
|
783
783
|
}
|
|
784
|
-
const
|
|
785
|
-
footer:
|
|
786
|
-
inner:
|
|
787
|
-
badges:
|
|
788
|
-
marqueeContent:
|
|
789
|
-
badge:
|
|
790
|
-
badgeIcon:
|
|
791
|
-
ctaWrap:
|
|
792
|
-
ctaStruck:
|
|
793
|
-
ctaButton:
|
|
794
|
-
offerRow:
|
|
795
|
-
pill:
|
|
796
|
-
ctaStatic:
|
|
784
|
+
const Gn = "_footer_86zxt_1", Yn = "_inner_86zxt_8", Vn = "_badges_86zxt_12", Jn = "_marqueeContent_86zxt_20", Zn = "_badge_86zxt_12", Xn = "_badgeIcon_86zxt_35", Qn = "_ctaWrap_86zxt_39", ea = "_ctaStruck_86zxt_43", ta = "_ctaButton_86zxt_49", na = "_offerRow_86zxt_69", aa = "_pill_86zxt_76", oa = "_ctaStatic_86zxt_85", Q = {
|
|
785
|
+
footer: Gn,
|
|
786
|
+
inner: Yn,
|
|
787
|
+
badges: Vn,
|
|
788
|
+
marqueeContent: Jn,
|
|
789
|
+
badge: Zn,
|
|
790
|
+
badgeIcon: Xn,
|
|
791
|
+
ctaWrap: Qn,
|
|
792
|
+
ctaStruck: ea,
|
|
793
|
+
ctaButton: ta,
|
|
794
|
+
offerRow: na,
|
|
795
|
+
pill: aa,
|
|
796
|
+
ctaStatic: oa
|
|
797
797
|
};
|
|
798
|
-
function
|
|
798
|
+
function tr({
|
|
799
799
|
marquee: t,
|
|
800
800
|
children: n,
|
|
801
801
|
className: a = ""
|
|
802
802
|
}) {
|
|
803
|
-
return /* @__PURE__ */ e("footer", { className: `${
|
|
804
|
-
t != null && /* @__PURE__ */ e("div", { className:
|
|
805
|
-
/* @__PURE__ */ e("div", { className:
|
|
803
|
+
return /* @__PURE__ */ e("footer", { className: `${Q.footer} ${a}`, role: "contentinfo", children: /* @__PURE__ */ i("div", { className: Q.inner, children: [
|
|
804
|
+
t != null && /* @__PURE__ */ e("div", { className: Q.badges, "aria-hidden": !0, children: t }),
|
|
805
|
+
/* @__PURE__ */ e("div", { className: Q.ctaWrap, children: n })
|
|
806
806
|
] }) });
|
|
807
807
|
}
|
|
808
|
-
function
|
|
808
|
+
function nr({
|
|
809
809
|
children: t,
|
|
810
810
|
href: n,
|
|
811
811
|
disabled: a = !1,
|
|
@@ -814,7 +814,7 @@ function Qs({
|
|
|
814
814
|
className: c = "",
|
|
815
815
|
"aria-label": d
|
|
816
816
|
}) {
|
|
817
|
-
const l = `${
|
|
817
|
+
const l = `${Q.ctaButton} ${c}`.trim(), u = `${Q.ctaStatic} ${c}`.trim(), h = d != null ? { "aria-label": d } : {};
|
|
818
818
|
return r ? /* @__PURE__ */ e("div", { className: u, role: "presentation", children: t }) : n != null ? /* @__PURE__ */ e(
|
|
819
819
|
"a",
|
|
820
820
|
{
|
|
@@ -839,46 +839,46 @@ function Qs({
|
|
|
839
839
|
}
|
|
840
840
|
);
|
|
841
841
|
}
|
|
842
|
-
const
|
|
843
|
-
wrapper:
|
|
844
|
-
track:
|
|
842
|
+
const sa = "_wrapper_wxjzs_1", ra = "_track_wxjzs_7", Ae = {
|
|
843
|
+
wrapper: sa,
|
|
844
|
+
track: ra
|
|
845
845
|
};
|
|
846
|
-
function
|
|
847
|
-
return /* @__PURE__ */ e("div", { className: `${
|
|
846
|
+
function ia({ children: t, className: n = "" }) {
|
|
847
|
+
return /* @__PURE__ */ e("div", { className: `${Ae.wrapper} ${n}`, "aria-hidden": !0, children: /* @__PURE__ */ i("div", { className: Ae.track, children: [
|
|
848
848
|
t,
|
|
849
849
|
t
|
|
850
850
|
] }) });
|
|
851
851
|
}
|
|
852
|
-
const
|
|
853
|
-
strip:
|
|
852
|
+
const ca = "_strip_2838b_1", la = {
|
|
853
|
+
strip: ca
|
|
854
854
|
};
|
|
855
|
-
function
|
|
856
|
-
return /* @__PURE__ */ e("div", { className: `${
|
|
855
|
+
function ar({ children: t, className: n = "" }) {
|
|
856
|
+
return /* @__PURE__ */ e("div", { className: `${la.strip} ${n}`, role: "region", "aria-label": "Trust badges", children: /* @__PURE__ */ e(ia, { children: t }) });
|
|
857
857
|
}
|
|
858
|
-
const
|
|
859
|
-
section:
|
|
860
|
-
heading:
|
|
861
|
-
content:
|
|
862
|
-
line:
|
|
863
|
-
brandName:
|
|
858
|
+
const da = "_section_8y3x9_1", ma = "_heading_8y3x9_6", _a = "_content_8y3x9_11", ha = "_line_8y3x9_16", ua = "_brandName_8y3x9_20", X = {
|
|
859
|
+
section: da,
|
|
860
|
+
heading: ma,
|
|
861
|
+
content: _a,
|
|
862
|
+
line: ha,
|
|
863
|
+
brandName: ua
|
|
864
864
|
};
|
|
865
|
-
function
|
|
865
|
+
function or({
|
|
866
866
|
title: t,
|
|
867
867
|
brandName: n,
|
|
868
868
|
whatsAppLine: a,
|
|
869
869
|
emailLine: s,
|
|
870
870
|
className: r = ""
|
|
871
871
|
}) {
|
|
872
|
-
return /* @__PURE__ */ i("section", { className: `${
|
|
873
|
-
/* @__PURE__ */ e("h2", { id: "contact-heading", className:
|
|
874
|
-
/* @__PURE__ */ i("div", { className:
|
|
875
|
-
/* @__PURE__ */ e("p", { className:
|
|
876
|
-
/* @__PURE__ */ e("p", { className:
|
|
877
|
-
/* @__PURE__ */ e("p", { className:
|
|
872
|
+
return /* @__PURE__ */ i("section", { className: `${X.section} ${r}`, "aria-labelledby": "contact-heading", children: [
|
|
873
|
+
/* @__PURE__ */ e("h2", { id: "contact-heading", className: X.heading, children: t }),
|
|
874
|
+
/* @__PURE__ */ i("div", { className: X.content, children: [
|
|
875
|
+
/* @__PURE__ */ e("p", { className: X.brandName, children: n }),
|
|
876
|
+
/* @__PURE__ */ e("p", { className: X.line, children: a }),
|
|
877
|
+
/* @__PURE__ */ e("p", { className: X.line, children: s })
|
|
878
878
|
] })
|
|
879
879
|
] });
|
|
880
880
|
}
|
|
881
|
-
const
|
|
881
|
+
const pa = (t) => {
|
|
882
882
|
const n = t.match(/T(\d{2}):(\d{2})/);
|
|
883
883
|
if (!n) return t;
|
|
884
884
|
const a = Number(n[1]), s = n[2], r = a >= 12 ? "PM" : "AM";
|
|
@@ -891,11 +891,11 @@ const ua = (t) => {
|
|
|
891
891
|
(r(s) - r(n)) / (1e3 * 60 * 60 * 24)
|
|
892
892
|
), d = c === 0 ? "Today" : c === 1 ? "Tomorrow" : a[s.getDay()];
|
|
893
893
|
return { id: t, dayLabel: d, dayNum: String(s.getDate()) };
|
|
894
|
-
},
|
|
894
|
+
}, ba = [
|
|
895
895
|
"morning",
|
|
896
896
|
"afternoon",
|
|
897
897
|
"evening"
|
|
898
|
-
],
|
|
898
|
+
], fa = [
|
|
899
899
|
{ code: "en", labelKey: "formReportLanguageEnglish", label: "English" },
|
|
900
900
|
{ code: "hi", labelKey: "formReportLanguageHindi", label: "Hindi" },
|
|
901
901
|
{ code: "te", labelKey: "formReportLanguageTelugu", label: "Telugu" },
|
|
@@ -903,7 +903,7 @@ const ua = (t) => {
|
|
|
903
903
|
{ code: "gu", labelKey: "formReportLanguageGujarati", label: "Gujarati" },
|
|
904
904
|
{ code: "mr", labelKey: "formReportLanguageMarathi", label: "Marathi" },
|
|
905
905
|
{ code: "ta", labelKey: "formReportLanguageTamil", label: "Tamil" }
|
|
906
|
-
],
|
|
906
|
+
], Na = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ e(
|
|
907
907
|
"path",
|
|
908
908
|
{
|
|
909
909
|
d: "M3.5 8.5l2.5 2.5 6-6",
|
|
@@ -926,7 +926,7 @@ const ua = (t) => {
|
|
|
926
926
|
"aria-hidden": !0,
|
|
927
927
|
children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" })
|
|
928
928
|
}
|
|
929
|
-
),
|
|
929
|
+
), wa = () => /* @__PURE__ */ e(
|
|
930
930
|
"img",
|
|
931
931
|
{
|
|
932
932
|
src: "https://srm-cdn.a4b.io/yoda/1785316603029.svg",
|
|
@@ -935,7 +935,7 @@ const ua = (t) => {
|
|
|
935
935
|
alt: "",
|
|
936
936
|
"aria-hidden": !0
|
|
937
937
|
}
|
|
938
|
-
),
|
|
938
|
+
), ya = () => /* @__PURE__ */ e(
|
|
939
939
|
"img",
|
|
940
940
|
{
|
|
941
941
|
src: "https://srm-cdn.a4b.io/yoda/1785316621747.svg",
|
|
@@ -944,7 +944,7 @@ const ua = (t) => {
|
|
|
944
944
|
alt: "",
|
|
945
945
|
"aria-hidden": !0
|
|
946
946
|
}
|
|
947
|
-
),
|
|
947
|
+
), ka = () => /* @__PURE__ */ e(
|
|
948
948
|
"img",
|
|
949
949
|
{
|
|
950
950
|
src: "https://srm-cdn.a4b.io/yoda/1785316635953.svg",
|
|
@@ -953,21 +953,21 @@ const ua = (t) => {
|
|
|
953
953
|
alt: "",
|
|
954
954
|
"aria-hidden": !0
|
|
955
955
|
}
|
|
956
|
-
),
|
|
956
|
+
), Sa = () => /* @__PURE__ */ i("svg", { width: "40", height: "40", viewBox: "0 0 24 24", fill: "none", "aria-hidden": !0, children: [
|
|
957
957
|
/* @__PURE__ */ e("rect", { x: "3", y: "4.5", width: "18", height: "16", rx: "3", stroke: "#D1D5DB", strokeWidth: "1.6" }),
|
|
958
958
|
/* @__PURE__ */ e("path", { d: "M3 9.5h18", stroke: "#D1D5DB", strokeWidth: "1.6" }),
|
|
959
959
|
/* @__PURE__ */ e("path", { d: "M8 2.5v4M16 2.5v4", stroke: "#D1D5DB", strokeWidth: "1.6", strokeLinecap: "round" }),
|
|
960
960
|
/* @__PURE__ */ e("path", { d: "M7.5 20.5L17 6", stroke: "#9CA3AF", strokeWidth: "1.6", strokeLinecap: "round" })
|
|
961
|
-
] }),
|
|
962
|
-
section:
|
|
963
|
-
headerRow:
|
|
964
|
-
title:
|
|
965
|
-
changeBtn:
|
|
966
|
-
numberRow:
|
|
967
|
-
countryCode:
|
|
968
|
-
number:
|
|
969
|
-
helper:
|
|
970
|
-
},
|
|
961
|
+
] }), Ia = "_section_1ltqn_2", $a = "_headerRow_1ltqn_10", Ta = "_title_1ltqn_18", La = "_changeBtn_1ltqn_24", xa = "_numberRow_1ltqn_35", Ca = "_countryCode_1ltqn_44", Da = "_number_1ltqn_35", Ba = "_helper_1ltqn_59", H = {
|
|
962
|
+
section: Ia,
|
|
963
|
+
headerRow: $a,
|
|
964
|
+
title: Ta,
|
|
965
|
+
changeBtn: La,
|
|
966
|
+
numberRow: xa,
|
|
967
|
+
countryCode: Ca,
|
|
968
|
+
number: Da,
|
|
969
|
+
helper: Ba
|
|
970
|
+
}, Ma = ({
|
|
971
971
|
title: t,
|
|
972
972
|
countryCode: n = "+91",
|
|
973
973
|
phoneNumber: a = "98765 43210",
|
|
@@ -985,18 +985,18 @@ const ua = (t) => {
|
|
|
985
985
|
/* @__PURE__ */ e("span", { className: H.number, children: a })
|
|
986
986
|
] }),
|
|
987
987
|
/* @__PURE__ */ e("p", { className: H.helper, children: s ?? c?.("planPhoneNumberHelper") ?? "The astrologer will call you on this number at your booked slot." })
|
|
988
|
-
] }),
|
|
989
|
-
section:
|
|
990
|
-
title:
|
|
991
|
-
profileRow:
|
|
992
|
-
profileCard:
|
|
993
|
-
profileCardSelected:
|
|
994
|
-
profileTop:
|
|
995
|
-
avatar:
|
|
996
|
-
profileName:
|
|
997
|
-
relationPill:
|
|
998
|
-
profileMeta:
|
|
999
|
-
addCard:
|
|
988
|
+
] }), Ra = "_section_12hk9_2", Pa = "_title_12hk9_6", Aa = "_profileRow_12hk9_13", Ea = "_profileCard_12hk9_26", Oa = "_profileCardSelected_12hk9_47", Fa = "_profileTop_12hk9_52", qa = "_avatar_12hk9_60", Wa = "_profileName_12hk9_74", ja = "_relationPill_12hk9_84", Ha = "_profileMeta_12hk9_98", za = "_addCard_12hk9_108", Ka = "_addIcon_12hk9_127", L = {
|
|
989
|
+
section: Ra,
|
|
990
|
+
title: Pa,
|
|
991
|
+
profileRow: Aa,
|
|
992
|
+
profileCard: Ea,
|
|
993
|
+
profileCardSelected: Oa,
|
|
994
|
+
profileTop: Fa,
|
|
995
|
+
avatar: qa,
|
|
996
|
+
profileName: Wa,
|
|
997
|
+
relationPill: ja,
|
|
998
|
+
profileMeta: Ha,
|
|
999
|
+
addCard: za,
|
|
1000
1000
|
addIcon: Ka
|
|
1001
1001
|
}, Ua = [
|
|
1002
1002
|
{
|
|
@@ -1013,7 +1013,7 @@ const ua = (t) => {
|
|
|
1013
1013
|
birthPlace: "Pune, India",
|
|
1014
1014
|
relation: "Spouse"
|
|
1015
1015
|
}
|
|
1016
|
-
],
|
|
1016
|
+
], Ga = ({
|
|
1017
1017
|
title: t,
|
|
1018
1018
|
profiles: n = Ua,
|
|
1019
1019
|
selectedProfileId: a,
|
|
@@ -1025,89 +1025,91 @@ const ua = (t) => {
|
|
|
1025
1025
|
const [l, u] = $(n[0]?.id ?? ""), h = a ?? l, f = (_) => {
|
|
1026
1026
|
u(_), s?.(_);
|
|
1027
1027
|
};
|
|
1028
|
-
return /* @__PURE__ */ i("section", { className: [
|
|
1029
|
-
/* @__PURE__ */ e("p", { className:
|
|
1030
|
-
/* @__PURE__ */ i("div", { className:
|
|
1028
|
+
return /* @__PURE__ */ i("section", { className: [L.section, d].filter(Boolean).join(" "), children: [
|
|
1029
|
+
/* @__PURE__ */ e("p", { className: L.title, children: t ?? c?.("planAstrologyProfilesHeading") ?? "Astrology profile" }),
|
|
1030
|
+
/* @__PURE__ */ i("div", { className: L.profileRow, role: "radiogroup", "aria-label": "Astrology profile", children: [
|
|
1031
1031
|
n.map((_) => {
|
|
1032
|
-
const
|
|
1032
|
+
const g = _.id === h;
|
|
1033
1033
|
return /* @__PURE__ */ i(
|
|
1034
1034
|
"button",
|
|
1035
1035
|
{
|
|
1036
1036
|
type: "button",
|
|
1037
1037
|
role: "radio",
|
|
1038
|
-
"aria-checked":
|
|
1039
|
-
className: [
|
|
1038
|
+
"aria-checked": g,
|
|
1039
|
+
className: [L.profileCard, g ? L.profileCardSelected : ""].filter(Boolean).join(" "),
|
|
1040
1040
|
onClick: () => f(_.id),
|
|
1041
1041
|
children: [
|
|
1042
|
-
/* @__PURE__ */ i("span", { className:
|
|
1043
|
-
/* @__PURE__ */ e("span", { className:
|
|
1044
|
-
/* @__PURE__ */ e("span", { className:
|
|
1042
|
+
/* @__PURE__ */ i("span", { className: L.profileTop, children: [
|
|
1043
|
+
/* @__PURE__ */ e("span", { className: L.avatar, "aria-hidden": !0, children: _.name.charAt(0).toUpperCase() }),
|
|
1044
|
+
/* @__PURE__ */ e("span", { className: L.profileName, children: _.name })
|
|
1045
1045
|
] }),
|
|
1046
|
-
_.relation && /* @__PURE__ */ e("span", { className:
|
|
1047
|
-
_.birthDetails && /* @__PURE__ */ e("span", { className:
|
|
1048
|
-
_.birthPlace && /* @__PURE__ */ e("span", { className:
|
|
1046
|
+
_.relation && /* @__PURE__ */ e("span", { className: L.relationPill, children: _.relation }),
|
|
1047
|
+
_.birthDetails && /* @__PURE__ */ e("span", { className: L.profileMeta, children: _.birthDetails }),
|
|
1048
|
+
_.birthPlace && /* @__PURE__ */ e("span", { className: L.profileMeta, children: _.birthPlace })
|
|
1049
1049
|
]
|
|
1050
1050
|
},
|
|
1051
1051
|
_.id
|
|
1052
1052
|
);
|
|
1053
1053
|
}),
|
|
1054
|
-
r && /* @__PURE__ */ i("button", { type: "button", className:
|
|
1055
|
-
/* @__PURE__ */ e("span", { className:
|
|
1054
|
+
r && /* @__PURE__ */ i("button", { type: "button", className: L.addCard, onClick: r, children: [
|
|
1055
|
+
/* @__PURE__ */ e("span", { className: L.addIcon, "aria-hidden": !0, children: "+" }),
|
|
1056
1056
|
c?.("planAddAstrologyProfile") ?? "Add profile"
|
|
1057
1057
|
] })
|
|
1058
1058
|
] })
|
|
1059
1059
|
] });
|
|
1060
|
-
},
|
|
1061
|
-
root:
|
|
1062
|
-
languageRow:
|
|
1063
|
-
languageLabel:
|
|
1064
|
-
languageDropdown:
|
|
1065
|
-
languageDropdownBtn:
|
|
1066
|
-
languageMenu:
|
|
1067
|
-
languageMenuItem:
|
|
1068
|
-
languageMenuItemSelected:
|
|
1069
|
-
languageDivider:
|
|
1070
|
-
|
|
1071
|
-
|
|
1072
|
-
|
|
1073
|
-
|
|
1074
|
-
|
|
1075
|
-
|
|
1076
|
-
|
|
1077
|
-
|
|
1078
|
-
|
|
1079
|
-
|
|
1080
|
-
|
|
1081
|
-
|
|
1082
|
-
|
|
1083
|
-
|
|
1084
|
-
|
|
1085
|
-
|
|
1086
|
-
|
|
1087
|
-
|
|
1088
|
-
|
|
1089
|
-
|
|
1090
|
-
|
|
1091
|
-
|
|
1092
|
-
|
|
1093
|
-
|
|
1094
|
-
|
|
1095
|
-
|
|
1096
|
-
|
|
1097
|
-
|
|
1098
|
-
|
|
1099
|
-
|
|
1100
|
-
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1060
|
+
}, Ya = "_root_1m385_6", Va = "_languageRow_1m385_19", Ja = "_languageLabel_1m385_27", Za = "_languageDropdown_1m385_33", Xa = "_languageDropdownBtn_1m385_37", Qa = "_languageMenu_1m385_52", eo = "_languageMenuItem_1m385_69", to = "_languageMenuItemSelected_1m385_83", no = "_languageDivider_1m385_89", ao = "_sectionHeadingRow_1m385_96", oo = "_sectionHeading_1m385_96", so = "_timezoneLabel_1m385_111", ro = "_reportReadyBanner_1m385_120", io = "_reportReadyDuration_1m385_129", co = "_dateTabs_1m385_135", lo = "_dateTabIndicator_1m385_147", mo = "_dateTab_1m385_135", _o = "_dateTabDivider_1m385_181", ho = "_dateTabSelected_1m385_191", uo = "_dateTabLabel_1m385_196", po = "_dateTabNum_1m385_203", go = "_periodTabs_1m385_217", bo = "_periodTabIndicator_1m385_145", fo = "_periodTab_1m385_145", No = "_periodTabSelected_1m385_264", vo = "_timeGrid_1m385_269", wo = "_emptyState_1m385_296", yo = "_timeSlot_1m385_300", ko = "_timeSlotSelected_1m385_316", So = "_timeSlotDisabled_1m385_324", Io = "_stateMessage_1m385_336", $o = "_retryBtn_1m385_343", To = "_emptyStateIcon_1m385_369", Lo = "_emptyStateTitle_1m385_380", xo = "_emptyStateSubtitle_1m385_387", Co = "_loadingWrap_1m385_396", Do = "_skeletonShimmer_1m385_401", Bo = "_skeletonDateTabs_1m385_415", Mo = "_skeletonDateTab_1m385_415", Ro = "_skeletonPeriodTabs_1m385_429", Po = "_skeletonPeriodTab_1m385_429", Ao = "_skeletonTimeGrid_1m385_444", Eo = "_skeletonTimeSlot_1m385_450", m = {
|
|
1061
|
+
root: Ya,
|
|
1062
|
+
languageRow: Va,
|
|
1063
|
+
languageLabel: Ja,
|
|
1064
|
+
languageDropdown: Za,
|
|
1065
|
+
languageDropdownBtn: Xa,
|
|
1066
|
+
languageMenu: Qa,
|
|
1067
|
+
languageMenuItem: eo,
|
|
1068
|
+
languageMenuItemSelected: to,
|
|
1069
|
+
languageDivider: no,
|
|
1070
|
+
sectionHeadingRow: ao,
|
|
1071
|
+
sectionHeading: oo,
|
|
1072
|
+
timezoneLabel: so,
|
|
1073
|
+
reportReadyBanner: ro,
|
|
1074
|
+
reportReadyDuration: io,
|
|
1075
|
+
dateTabs: co,
|
|
1076
|
+
dateTabIndicator: lo,
|
|
1077
|
+
dateTab: mo,
|
|
1078
|
+
dateTabDivider: _o,
|
|
1079
|
+
dateTabSelected: ho,
|
|
1080
|
+
dateTabLabel: uo,
|
|
1081
|
+
dateTabNum: po,
|
|
1082
|
+
periodTabs: go,
|
|
1083
|
+
periodTabIndicator: bo,
|
|
1084
|
+
periodTab: fo,
|
|
1085
|
+
periodTabSelected: No,
|
|
1086
|
+
timeGrid: vo,
|
|
1087
|
+
emptyState: wo,
|
|
1088
|
+
timeSlot: yo,
|
|
1089
|
+
timeSlotSelected: ko,
|
|
1090
|
+
timeSlotDisabled: So,
|
|
1091
|
+
stateMessage: Io,
|
|
1092
|
+
retryBtn: $o,
|
|
1093
|
+
emptyStateIcon: To,
|
|
1094
|
+
emptyStateTitle: Lo,
|
|
1095
|
+
emptyStateSubtitle: xo,
|
|
1096
|
+
loadingWrap: Co,
|
|
1097
|
+
skeletonShimmer: Do,
|
|
1098
|
+
skeletonDateTabs: Bo,
|
|
1099
|
+
skeletonDateTab: Mo,
|
|
1100
|
+
skeletonPeriodTabs: Ro,
|
|
1101
|
+
skeletonPeriodTab: Po,
|
|
1102
|
+
skeletonTimeGrid: Ao,
|
|
1103
|
+
skeletonTimeSlot: Eo
|
|
1104
|
+
}, Oo = {
|
|
1105
|
+
morning: wa,
|
|
1106
|
+
afternoon: ya,
|
|
1107
|
+
evening: ka
|
|
1108
|
+
}, Fo = {
|
|
1107
1109
|
morning: "planPeriodMorning",
|
|
1108
1110
|
afternoon: "planPeriodAfternoon",
|
|
1109
1111
|
evening: "planPeriodEvening"
|
|
1110
|
-
},
|
|
1112
|
+
}, z = (...t) => t.filter(Boolean).join(" "), sr = ({
|
|
1111
1113
|
days: t,
|
|
1112
1114
|
loading: n = !1,
|
|
1113
1115
|
error: a = !1,
|
|
@@ -1119,103 +1121,104 @@ const ua = (t) => {
|
|
|
1119
1121
|
selectedSlotStart: u,
|
|
1120
1122
|
onSlotSelect: h,
|
|
1121
1123
|
hideLanguageSelector: f = !1,
|
|
1122
|
-
languageOptions: _ =
|
|
1123
|
-
selectedLanguage:
|
|
1124
|
+
languageOptions: _ = fa,
|
|
1125
|
+
selectedLanguage: g,
|
|
1124
1126
|
onLanguageSelect: b,
|
|
1125
1127
|
showPhoneNumberSection: w = !0,
|
|
1126
1128
|
phoneNumberSection: O,
|
|
1127
1129
|
showAstrologyProfilesSection: k = !0,
|
|
1128
1130
|
astrologyProfilesSection: T,
|
|
1129
|
-
heading:
|
|
1130
|
-
|
|
1131
|
-
|
|
1131
|
+
heading: R,
|
|
1132
|
+
timezoneLabel: Y,
|
|
1133
|
+
languageLabel: V,
|
|
1134
|
+
reportReadyNote: J,
|
|
1132
1135
|
isGlobal: ee = !0,
|
|
1133
1136
|
t: y,
|
|
1134
|
-
className:
|
|
1137
|
+
className: he = ""
|
|
1135
1138
|
}) => {
|
|
1136
|
-
const
|
|
1139
|
+
const x = E(
|
|
1137
1140
|
() => t.filter((o) => o.has_availability && o.slots.length > 0),
|
|
1138
1141
|
[t]
|
|
1139
|
-
), [
|
|
1140
|
-
const o = r ??
|
|
1141
|
-
return
|
|
1142
|
-
}, [r,
|
|
1143
|
-
() =>
|
|
1144
|
-
[
|
|
1142
|
+
), [re, ue] = $(""), q = E(() => {
|
|
1143
|
+
const o = r ?? re;
|
|
1144
|
+
return x.some((p) => p.date === o) ? o : x[0]?.date ?? "";
|
|
1145
|
+
}, [r, re, x]), F = E(
|
|
1146
|
+
() => x.find((o) => o.date === q) ?? null,
|
|
1147
|
+
[x, q]
|
|
1145
1148
|
), W = E(() => {
|
|
1146
|
-
if (!
|
|
1147
|
-
const o = new Set(
|
|
1148
|
-
return
|
|
1149
|
-
}, [
|
|
1150
|
-
const o = d ??
|
|
1149
|
+
if (!F) return [];
|
|
1150
|
+
const o = new Set(F.slots.map((p) => p.period));
|
|
1151
|
+
return ba.filter((p) => o.has(p));
|
|
1152
|
+
}, [F]), [N, K] = $(""), P = E(() => {
|
|
1153
|
+
const o = d ?? N;
|
|
1151
1154
|
return o && W.includes(o) ? o : W[0] ?? "morning";
|
|
1152
|
-
}, [d,
|
|
1153
|
-
() =>
|
|
1154
|
-
[
|
|
1155
|
-
), [
|
|
1155
|
+
}, [d, N, W]), ie = E(
|
|
1156
|
+
() => F ? F.slots.filter((o) => o.period === P) : [],
|
|
1157
|
+
[F, P]
|
|
1158
|
+
), [ke, ze] = $(""), Se = E(() => {
|
|
1156
1159
|
if (u === null) return "";
|
|
1157
|
-
const o = u ??
|
|
1158
|
-
return
|
|
1159
|
-
}, [u,
|
|
1160
|
+
const o = u ?? ke;
|
|
1161
|
+
return ie.some((p) => p.start === o) ? o : ie[0]?.start ?? "";
|
|
1162
|
+
}, [u, ke, ie]), [Ke, Ue] = $(
|
|
1160
1163
|
() => _[0]?.code ?? "en"
|
|
1161
|
-
),
|
|
1162
|
-
|
|
1164
|
+
), Ie = g ?? Ke, pe = _.find((o) => o.code === Ie) ?? _[0], [ce, ge] = $(!1), be = G(null);
|
|
1165
|
+
se(() => {
|
|
1163
1166
|
if (!ce) return;
|
|
1164
|
-
const o = (
|
|
1165
|
-
|
|
1167
|
+
const o = (p) => {
|
|
1168
|
+
be.current && !be.current.contains(p.target) && ge(!1);
|
|
1166
1169
|
};
|
|
1167
1170
|
return document.addEventListener("mousedown", o), () => document.removeEventListener("mousedown", o);
|
|
1168
1171
|
}, [ce]);
|
|
1169
|
-
const
|
|
1172
|
+
const $e = G(null), Te = G({}), [te, Le] = $(null), xe = G(null), Ce = G(
|
|
1170
1173
|
{}
|
|
1171
|
-
), [
|
|
1172
|
-
|
|
1174
|
+
), [fe, De] = $(null);
|
|
1175
|
+
se(() => {
|
|
1173
1176
|
const o = () => {
|
|
1174
|
-
const
|
|
1175
|
-
if (!
|
|
1176
|
-
|
|
1177
|
+
const p = $e.current, C = Te.current[q];
|
|
1178
|
+
if (!p || !C) {
|
|
1179
|
+
Le(null);
|
|
1177
1180
|
return;
|
|
1178
1181
|
}
|
|
1179
|
-
const j =
|
|
1180
|
-
|
|
1181
|
-
left:
|
|
1182
|
-
top:
|
|
1183
|
-
width:
|
|
1184
|
-
height:
|
|
1182
|
+
const j = p.getBoundingClientRect(), D = C.getBoundingClientRect();
|
|
1183
|
+
Le({
|
|
1184
|
+
left: D.left - j.left,
|
|
1185
|
+
top: D.top - j.top,
|
|
1186
|
+
width: D.width,
|
|
1187
|
+
height: D.height
|
|
1185
1188
|
});
|
|
1186
1189
|
};
|
|
1187
1190
|
return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
|
|
1188
|
-
}, [
|
|
1191
|
+
}, [q, x, n, a]), se(() => {
|
|
1189
1192
|
const o = () => {
|
|
1190
|
-
const
|
|
1191
|
-
if (!
|
|
1192
|
-
|
|
1193
|
+
const p = xe.current, C = Ce.current[P];
|
|
1194
|
+
if (!p || !C) {
|
|
1195
|
+
De(null);
|
|
1193
1196
|
return;
|
|
1194
1197
|
}
|
|
1195
|
-
const j =
|
|
1196
|
-
|
|
1197
|
-
left:
|
|
1198
|
-
width:
|
|
1198
|
+
const j = p.getBoundingClientRect(), D = C.getBoundingClientRect();
|
|
1199
|
+
De({
|
|
1200
|
+
left: D.left - j.left,
|
|
1201
|
+
width: D.width
|
|
1199
1202
|
});
|
|
1200
1203
|
};
|
|
1201
1204
|
return o(), window.addEventListener("resize", o), () => window.removeEventListener("resize", o);
|
|
1202
|
-
}, [
|
|
1203
|
-
const
|
|
1204
|
-
|
|
1205
|
-
}, Ge = (o) => {
|
|
1206
|
-
N(o), l?.(o);
|
|
1205
|
+
}, [P, W, n, a]);
|
|
1206
|
+
const Ge = (o) => {
|
|
1207
|
+
ue(o), c?.(o);
|
|
1207
1208
|
}, Ye = (o) => {
|
|
1208
|
-
|
|
1209
|
+
K(o), l?.(o);
|
|
1209
1210
|
}, Ve = (o) => {
|
|
1211
|
+
ze(o.start), h?.(o);
|
|
1212
|
+
}, Je = (o) => {
|
|
1210
1213
|
Ue(o), ge(!1), b?.(o);
|
|
1211
1214
|
};
|
|
1212
|
-
return /* @__PURE__ */ i("div", { className:
|
|
1213
|
-
w && (O ?? /* @__PURE__ */ e(
|
|
1214
|
-
k && (T ?? /* @__PURE__ */ e(
|
|
1215
|
-
!f && /* @__PURE__ */ i(
|
|
1215
|
+
return /* @__PURE__ */ i("div", { className: z(m.root, he), children: [
|
|
1216
|
+
w && (O ?? /* @__PURE__ */ e(Ma, { t: y })),
|
|
1217
|
+
k && (T ?? /* @__PURE__ */ e(Ga, { t: y })),
|
|
1218
|
+
!f && /* @__PURE__ */ i(Be, { children: [
|
|
1216
1219
|
/* @__PURE__ */ i("div", { className: m.languageRow, children: [
|
|
1217
|
-
/* @__PURE__ */ e("span", { className: m.languageLabel, children:
|
|
1218
|
-
/* @__PURE__ */ i("div", { className: m.languageDropdown, ref:
|
|
1220
|
+
/* @__PURE__ */ e("span", { className: m.languageLabel, children: V ?? y?.("planConsultationLanguageLabel") ?? "Your consultation language" }),
|
|
1221
|
+
/* @__PURE__ */ i("div", { className: m.languageDropdown, ref: be, children: [
|
|
1219
1222
|
/* @__PURE__ */ i(
|
|
1220
1223
|
"button",
|
|
1221
1224
|
{
|
|
@@ -1225,26 +1228,26 @@ const ua = (t) => {
|
|
|
1225
1228
|
"aria-haspopup": "listbox",
|
|
1226
1229
|
"aria-expanded": ce,
|
|
1227
1230
|
children: [
|
|
1228
|
-
(
|
|
1231
|
+
(pe?.labelKey && y?.(pe.labelKey)) ?? pe?.label,
|
|
1229
1232
|
/* @__PURE__ */ e(va, {})
|
|
1230
1233
|
]
|
|
1231
1234
|
}
|
|
1232
1235
|
),
|
|
1233
1236
|
ce && /* @__PURE__ */ e("ul", { className: m.languageMenu, role: "listbox", children: _.map((o) => {
|
|
1234
|
-
const
|
|
1237
|
+
const p = o.code === Ie;
|
|
1235
1238
|
return /* @__PURE__ */ i(
|
|
1236
1239
|
"li",
|
|
1237
1240
|
{
|
|
1238
1241
|
role: "option",
|
|
1239
|
-
"aria-selected":
|
|
1240
|
-
className:
|
|
1242
|
+
"aria-selected": p,
|
|
1243
|
+
className: z(
|
|
1241
1244
|
m.languageMenuItem,
|
|
1242
|
-
|
|
1245
|
+
p && m.languageMenuItemSelected
|
|
1243
1246
|
),
|
|
1244
|
-
onClick: () =>
|
|
1247
|
+
onClick: () => Je(o.code),
|
|
1245
1248
|
children: [
|
|
1246
1249
|
(o.labelKey && y?.(o.labelKey)) ?? o.label,
|
|
1247
|
-
|
|
1250
|
+
p && /* @__PURE__ */ e(Na, {})
|
|
1248
1251
|
]
|
|
1249
1252
|
},
|
|
1250
1253
|
o.code
|
|
@@ -1254,65 +1257,68 @@ const ua = (t) => {
|
|
|
1254
1257
|
] }),
|
|
1255
1258
|
/* @__PURE__ */ e("hr", { className: m.languageDivider })
|
|
1256
1259
|
] }),
|
|
1257
|
-
/* @__PURE__ */
|
|
1258
|
-
|
|
1260
|
+
/* @__PURE__ */ i("div", { className: m.sectionHeadingRow, children: [
|
|
1261
|
+
/* @__PURE__ */ e("p", { className: m.sectionHeading, children: R ?? y?.("planSelectSlotHeading") ?? "Book your preferred consultation slot" }),
|
|
1262
|
+
Y && /* @__PURE__ */ e("p", { className: m.timezoneLabel, children: Y })
|
|
1263
|
+
] }),
|
|
1264
|
+
J === void 0 ? /* @__PURE__ */ i("p", { className: m.reportReadyBanner, children: [
|
|
1259
1265
|
y?.("planReportReadyPrefix") ?? "Your Report will be ready in",
|
|
1260
1266
|
" ",
|
|
1261
1267
|
/* @__PURE__ */ e("span", { className: m.reportReadyDuration, children: y?.("planReportReadyDuration") ?? "24-48 hours" }),
|
|
1262
1268
|
" ",
|
|
1263
1269
|
y?.("planReportReadySuffix") ?? "from today"
|
|
1264
|
-
] }) :
|
|
1270
|
+
] }) : J,
|
|
1265
1271
|
n && /* @__PURE__ */ i("div", { className: m.loadingWrap, "aria-busy": "true", "aria-live": "polite", children: [
|
|
1266
|
-
/* @__PURE__ */ e("div", { className: m.skeletonDateTabs, children: Array.from({ length: 5 }).map((o,
|
|
1267
|
-
/* @__PURE__ */ e("div", { className: m.skeletonPeriodTabs, children: Array.from({ length: 3 }).map((o,
|
|
1268
|
-
/* @__PURE__ */ e("div", { className: m.skeletonTimeGrid, children: Array.from({ length: 6 }).map((o,
|
|
1272
|
+
/* @__PURE__ */ e("div", { className: m.skeletonDateTabs, children: Array.from({ length: 5 }).map((o, p) => /* @__PURE__ */ e("div", { className: z(m.skeletonDateTab, m.skeletonShimmer) }, p)) }),
|
|
1273
|
+
/* @__PURE__ */ e("div", { className: m.skeletonPeriodTabs, children: Array.from({ length: 3 }).map((o, p) => /* @__PURE__ */ e("div", { className: z(m.skeletonPeriodTab, m.skeletonShimmer) }, p)) }),
|
|
1274
|
+
/* @__PURE__ */ e("div", { className: m.skeletonTimeGrid, children: Array.from({ length: 6 }).map((o, p) => /* @__PURE__ */ e("div", { className: z(m.skeletonTimeSlot, m.skeletonShimmer) }, p)) })
|
|
1269
1275
|
] }),
|
|
1270
1276
|
!n && a && /* @__PURE__ */ i("div", { className: m.stateMessage, children: [
|
|
1271
1277
|
y?.("planSlotsLoadError") ?? "Couldn't load slots. Please try again.",
|
|
1272
1278
|
s && /* @__PURE__ */ e("button", { type: "button", className: m.retryBtn, onClick: s, children: y?.("planRetry") ?? "Retry" })
|
|
1273
1279
|
] }),
|
|
1274
|
-
!n && !a &&
|
|
1275
|
-
/* @__PURE__ */ e("span", { className: m.emptyStateIcon, children: /* @__PURE__ */ e(
|
|
1280
|
+
!n && !a && x.length === 0 && /* @__PURE__ */ i("div", { className: m.emptyState, children: [
|
|
1281
|
+
/* @__PURE__ */ e("span", { className: m.emptyStateIcon, children: /* @__PURE__ */ e(Sa, {}) }),
|
|
1276
1282
|
/* @__PURE__ */ e("p", { className: m.emptyStateTitle, children: y?.("planNoSlotsAvailableTitle") ?? "No slots available" }),
|
|
1277
1283
|
/* @__PURE__ */ e("p", { className: m.emptyStateSubtitle, children: y?.("planNoSlotsAvailableSubtitle") ?? "Try a different consultation language above, or check back soon." })
|
|
1278
1284
|
] }),
|
|
1279
|
-
!n && !a &&
|
|
1285
|
+
!n && !a && x.length > 0 && /* @__PURE__ */ i(Be, { children: [
|
|
1280
1286
|
/* @__PURE__ */ i(
|
|
1281
1287
|
"div",
|
|
1282
1288
|
{
|
|
1283
1289
|
className: m.dateTabs,
|
|
1284
|
-
ref:
|
|
1290
|
+
ref: $e,
|
|
1285
1291
|
role: "radiogroup",
|
|
1286
1292
|
"aria-label": "Consultation date",
|
|
1287
1293
|
children: [
|
|
1288
|
-
|
|
1294
|
+
te && /* @__PURE__ */ e(
|
|
1289
1295
|
"span",
|
|
1290
1296
|
{
|
|
1291
1297
|
className: m.dateTabIndicator,
|
|
1292
1298
|
style: {
|
|
1293
|
-
transform: `translate(${
|
|
1294
|
-
width:
|
|
1295
|
-
height:
|
|
1299
|
+
transform: `translate(${te.left}px, ${te.top}px)`,
|
|
1300
|
+
width: te.width,
|
|
1301
|
+
height: te.height
|
|
1296
1302
|
},
|
|
1297
1303
|
"aria-hidden": "true"
|
|
1298
1304
|
}
|
|
1299
1305
|
),
|
|
1300
|
-
|
|
1301
|
-
const
|
|
1302
|
-
return /* @__PURE__ */ i(
|
|
1306
|
+
x.map((o) => {
|
|
1307
|
+
const p = o.date === q, { dayLabel: C, dayNum: j } = ga(o.date);
|
|
1308
|
+
return /* @__PURE__ */ i(Ze, { children: [
|
|
1303
1309
|
/* @__PURE__ */ i(
|
|
1304
1310
|
"button",
|
|
1305
1311
|
{
|
|
1306
1312
|
type: "button",
|
|
1307
|
-
ref: (
|
|
1308
|
-
|
|
1313
|
+
ref: (D) => {
|
|
1314
|
+
Te.current[o.date] = D;
|
|
1309
1315
|
},
|
|
1310
|
-
className:
|
|
1316
|
+
className: z(m.dateTab, p && m.dateTabSelected),
|
|
1311
1317
|
role: "radio",
|
|
1312
|
-
"aria-checked":
|
|
1313
|
-
onClick: () =>
|
|
1318
|
+
"aria-checked": p,
|
|
1319
|
+
onClick: () => Ge(o.date),
|
|
1314
1320
|
children: [
|
|
1315
|
-
/* @__PURE__ */ e("span", { className: m.dateTabLabel, children: y?.(
|
|
1321
|
+
/* @__PURE__ */ e("span", { className: m.dateTabLabel, children: y?.(C) ?? C }),
|
|
1316
1322
|
/* @__PURE__ */ e("span", { className: m.dateTabNum, children: j })
|
|
1317
1323
|
]
|
|
1318
1324
|
}
|
|
@@ -1327,40 +1333,40 @@ const ua = (t) => {
|
|
|
1327
1333
|
"div",
|
|
1328
1334
|
{
|
|
1329
1335
|
className: m.periodTabs,
|
|
1330
|
-
ref:
|
|
1336
|
+
ref: xe,
|
|
1331
1337
|
role: "tablist",
|
|
1332
1338
|
"aria-label": "Time of day",
|
|
1333
1339
|
children: [
|
|
1334
|
-
|
|
1340
|
+
fe && /* @__PURE__ */ e(
|
|
1335
1341
|
"span",
|
|
1336
1342
|
{
|
|
1337
1343
|
className: m.periodTabIndicator,
|
|
1338
1344
|
style: {
|
|
1339
|
-
transform: `translateX(${
|
|
1340
|
-
width:
|
|
1345
|
+
transform: `translateX(${fe.left}px)`,
|
|
1346
|
+
width: fe.width
|
|
1341
1347
|
},
|
|
1342
1348
|
"aria-hidden": "true"
|
|
1343
1349
|
}
|
|
1344
1350
|
),
|
|
1345
1351
|
W.map((o) => {
|
|
1346
|
-
const
|
|
1352
|
+
const p = Oo[o], C = o === "evening" && ee, j = C ? "planPeriodEveningNight" : Fo[o];
|
|
1347
1353
|
return /* @__PURE__ */ i(
|
|
1348
1354
|
"button",
|
|
1349
1355
|
{
|
|
1350
|
-
ref: (
|
|
1351
|
-
|
|
1356
|
+
ref: (D) => {
|
|
1357
|
+
Ce.current[o] = D;
|
|
1352
1358
|
},
|
|
1353
1359
|
type: "button",
|
|
1354
|
-
className:
|
|
1360
|
+
className: z(
|
|
1355
1361
|
m.periodTab,
|
|
1356
|
-
o ===
|
|
1362
|
+
o === P && m.periodTabSelected
|
|
1357
1363
|
),
|
|
1358
1364
|
role: "tab",
|
|
1359
|
-
"aria-selected": o ===
|
|
1360
|
-
onClick: () =>
|
|
1365
|
+
"aria-selected": o === P,
|
|
1366
|
+
onClick: () => Ye(o),
|
|
1361
1367
|
children: [
|
|
1362
|
-
/* @__PURE__ */ e(
|
|
1363
|
-
y?.(j) ?? (
|
|
1368
|
+
/* @__PURE__ */ e(p, {}),
|
|
1369
|
+
y?.(j) ?? (C ? "Evening/Night" : o.charAt(0).toUpperCase() + o.slice(1))
|
|
1364
1370
|
]
|
|
1365
1371
|
},
|
|
1366
1372
|
o
|
|
@@ -1375,40 +1381,40 @@ const ua = (t) => {
|
|
|
1375
1381
|
className: m.timeGrid,
|
|
1376
1382
|
role: "radiogroup",
|
|
1377
1383
|
"aria-label": "Consultation time",
|
|
1378
|
-
children:
|
|
1384
|
+
children: ie.map((o, p) => /* @__PURE__ */ e(
|
|
1379
1385
|
"button",
|
|
1380
1386
|
{
|
|
1381
1387
|
type: "button",
|
|
1382
|
-
className:
|
|
1388
|
+
className: z(
|
|
1383
1389
|
m.timeSlot,
|
|
1384
|
-
|
|
1390
|
+
Se === o.start && m.timeSlotSelected,
|
|
1385
1391
|
o.disabled && m.timeSlotDisabled
|
|
1386
1392
|
),
|
|
1387
1393
|
role: "radio",
|
|
1388
|
-
"aria-checked":
|
|
1394
|
+
"aria-checked": Se === o.start,
|
|
1389
1395
|
"aria-disabled": o.disabled || void 0,
|
|
1390
1396
|
disabled: o.disabled,
|
|
1391
|
-
onClick: () => !o.disabled &&
|
|
1392
|
-
children:
|
|
1397
|
+
onClick: () => !o.disabled && Ve(o),
|
|
1398
|
+
children: pa(o.start)
|
|
1393
1399
|
},
|
|
1394
|
-
`${o.start}-${
|
|
1400
|
+
`${o.start}-${p}`
|
|
1395
1401
|
))
|
|
1396
1402
|
},
|
|
1397
|
-
`${
|
|
1403
|
+
`${q}-${P}`
|
|
1398
1404
|
)
|
|
1399
1405
|
] })
|
|
1400
1406
|
] });
|
|
1401
|
-
},
|
|
1407
|
+
}, Ee = "+05:30", qo = (t) => {
|
|
1402
1408
|
const n = String(t.getMonth() + 1).padStart(2, "0"), a = String(t.getDate()).padStart(2, "0");
|
|
1403
1409
|
return `${t.getFullYear()}-${n}-${a}`;
|
|
1404
|
-
},
|
|
1410
|
+
}, Wo = (t, n, a, s) => {
|
|
1405
1411
|
const r = (l) => String(l).padStart(2, "0"), c = a + 30, d = n + Math.floor(c / 60);
|
|
1406
1412
|
return {
|
|
1407
|
-
start: `${t}T${r(n)}:${r(a)}:00${
|
|
1408
|
-
end: `${t}T${r(d)}:${r(c % 60)}:00${
|
|
1413
|
+
start: `${t}T${r(n)}:${r(a)}:00${Ee}`,
|
|
1414
|
+
end: `${t}T${r(d)}:${r(c % 60)}:00${Ee}`,
|
|
1409
1415
|
period: s
|
|
1410
1416
|
};
|
|
1411
|
-
},
|
|
1417
|
+
}, jo = {
|
|
1412
1418
|
morning: [
|
|
1413
1419
|
[9, 0],
|
|
1414
1420
|
[9, 30],
|
|
@@ -1430,24 +1436,24 @@ const ua = (t) => {
|
|
|
1430
1436
|
[19, 0],
|
|
1431
1437
|
[20, 0]
|
|
1432
1438
|
]
|
|
1433
|
-
},
|
|
1439
|
+
}, ae = (t, n) => {
|
|
1434
1440
|
const a = /* @__PURE__ */ new Date();
|
|
1435
1441
|
a.setDate(a.getDate() + t);
|
|
1436
|
-
const s =
|
|
1437
|
-
(c) =>
|
|
1442
|
+
const s = qo(a), r = n.flatMap(
|
|
1443
|
+
(c) => jo[c].map(([d, l]) => Wo(s, d, l, c))
|
|
1438
1444
|
);
|
|
1439
1445
|
return { date: s, has_availability: r.length > 0, slots: r };
|
|
1440
|
-
},
|
|
1441
|
-
|
|
1442
|
-
|
|
1443
|
-
|
|
1444
|
-
|
|
1445
|
-
|
|
1446
|
-
],
|
|
1446
|
+
}, Ho = [
|
|
1447
|
+
ae(0, ["morning", "afternoon", "evening"]),
|
|
1448
|
+
ae(1, ["morning", "afternoon"]),
|
|
1449
|
+
ae(2, ["afternoon", "evening"]),
|
|
1450
|
+
ae(3, ["morning", "evening"]),
|
|
1451
|
+
ae(4, ["morning", "afternoon", "evening"])
|
|
1452
|
+
], rr = Ho.map((t) => ({
|
|
1447
1453
|
...t,
|
|
1448
1454
|
has_availability: !1,
|
|
1449
1455
|
slots: []
|
|
1450
|
-
})),
|
|
1456
|
+
})), zo = () => /* @__PURE__ */ e(
|
|
1451
1457
|
"svg",
|
|
1452
1458
|
{
|
|
1453
1459
|
width: "14",
|
|
@@ -1461,7 +1467,7 @@ const ua = (t) => {
|
|
|
1461
1467
|
"aria-hidden": !0,
|
|
1462
1468
|
children: /* @__PURE__ */ e("path", { d: "M6 9l6 6 6-6" })
|
|
1463
1469
|
}
|
|
1464
|
-
),
|
|
1470
|
+
), Ko = [
|
|
1465
1471
|
{ name: "United States", code: "+1", iso: "US" },
|
|
1466
1472
|
{ name: "United Kingdom", code: "+44", iso: "GB" },
|
|
1467
1473
|
{ name: "Australia", code: "+61", iso: "AU" },
|
|
@@ -1516,11 +1522,11 @@ const ua = (t) => {
|
|
|
1516
1522
|
{ name: "Austria", code: "+43", iso: "AT" },
|
|
1517
1523
|
{ name: "Réunion", code: "+262", iso: "RE" },
|
|
1518
1524
|
{ name: "India", code: "+91", iso: "IN" }
|
|
1519
|
-
],
|
|
1525
|
+
], Uo = (t) => {
|
|
1520
1526
|
if (!t || t.length !== 2) return "🏳️";
|
|
1521
1527
|
const n = t.toUpperCase().split("").map((a) => 127397 + a.charCodeAt(0));
|
|
1522
1528
|
return String.fromCodePoint(...n);
|
|
1523
|
-
},
|
|
1529
|
+
}, je = {
|
|
1524
1530
|
"+1": {
|
|
1525
1531
|
pattern: /^[2-9]\d{9}$/,
|
|
1526
1532
|
minLength: 10,
|
|
@@ -1593,19 +1599,19 @@ const ua = (t) => {
|
|
|
1593
1599
|
maxLength: 8,
|
|
1594
1600
|
description: "7-8 digits"
|
|
1595
1601
|
}
|
|
1596
|
-
},
|
|
1602
|
+
}, He = {
|
|
1597
1603
|
pattern: /^\d{6,15}$/,
|
|
1598
1604
|
maxLength: 15,
|
|
1599
1605
|
description: "6-15 digits"
|
|
1600
|
-
},
|
|
1606
|
+
}, Oe = (t, n) => {
|
|
1601
1607
|
if (!t)
|
|
1602
1608
|
return { isValid: !0, error: "" };
|
|
1603
|
-
const a =
|
|
1609
|
+
const a = je[n] || He;
|
|
1604
1610
|
return a.pattern.test(t) ? { isValid: !0, error: "" } : {
|
|
1605
1611
|
isValid: !1,
|
|
1606
1612
|
error: `Please enter a valid phone number (${a.description})`
|
|
1607
1613
|
};
|
|
1608
|
-
},
|
|
1614
|
+
}, Fe = (t) => (je[t] || He).maxLength, Go = ({
|
|
1609
1615
|
countryCode: t,
|
|
1610
1616
|
contactNumber: n,
|
|
1611
1617
|
countries: a,
|
|
@@ -1615,20 +1621,20 @@ const ua = (t) => {
|
|
|
1615
1621
|
onDropdownFocus: d,
|
|
1616
1622
|
onInputFocus: l
|
|
1617
1623
|
}) => {
|
|
1618
|
-
const [u, h] = $(!1), f = a.find((k) => k.code === t) ?? a[0], _ =
|
|
1624
|
+
const [u, h] = $(!1), f = a.find((k) => k.code === t) ?? a[0], _ = Fe(t), g = le(
|
|
1619
1625
|
(k) => {
|
|
1620
1626
|
if (s(k.code, k.name), h(!1), n && c) {
|
|
1621
|
-
const { isValid: T, error:
|
|
1622
|
-
c(T,
|
|
1627
|
+
const { isValid: T, error: R } = Oe(n, k.code);
|
|
1628
|
+
c(T, R);
|
|
1623
1629
|
}
|
|
1624
1630
|
},
|
|
1625
1631
|
[n, s, c]
|
|
1626
1632
|
), b = le(
|
|
1627
1633
|
(k) => {
|
|
1628
|
-
const
|
|
1629
|
-
if (r(
|
|
1630
|
-
const { isValid:
|
|
1631
|
-
c(
|
|
1634
|
+
const R = k.target.value.replace(/[^\d]/g, "").slice(0, Fe(t));
|
|
1635
|
+
if (r(R), c) {
|
|
1636
|
+
const { isValid: Y, error: V } = Oe(R, t);
|
|
1637
|
+
c(Y, V);
|
|
1632
1638
|
}
|
|
1633
1639
|
},
|
|
1634
1640
|
[t, r, c]
|
|
@@ -1641,97 +1647,97 @@ const ua = (t) => {
|
|
|
1641
1647
|
isDropdownOpen: u,
|
|
1642
1648
|
selectedCountry: f,
|
|
1643
1649
|
maxLength: _,
|
|
1644
|
-
handleCountrySelect:
|
|
1650
|
+
handleCountrySelect: g,
|
|
1645
1651
|
handlePhoneChange: b,
|
|
1646
1652
|
handleDropdownToggle: w,
|
|
1647
1653
|
handlePhoneFocus: O,
|
|
1648
1654
|
closeDropdown: () => h(!1)
|
|
1649
1655
|
};
|
|
1650
|
-
},
|
|
1651
|
-
root:
|
|
1652
|
-
label:
|
|
1653
|
-
row:
|
|
1654
|
-
dropdownWrap:
|
|
1655
|
-
dropdownBtn:
|
|
1656
|
-
dropdownMenu:
|
|
1657
|
-
dropdownItem:
|
|
1658
|
-
dropdownItemCode:
|
|
1659
|
-
dropdownItemName:
|
|
1660
|
-
flagImg:
|
|
1661
|
-
flagEmoji:
|
|
1662
|
-
input:
|
|
1663
|
-
inputError:
|
|
1664
|
-
helper:
|
|
1665
|
-
error:
|
|
1666
|
-
},
|
|
1656
|
+
}, Yo = "_root_3ywyc_2", Vo = "_label_3ywyc_9", Jo = "_row_3ywyc_17", Zo = "_dropdownWrap_3ywyc_23", Xo = "_dropdownBtn_3ywyc_29", Qo = "_dropdownMenu_3ywyc_50", es = "_dropdownItem_3ywyc_64", ts = "_dropdownItemCode_3ywyc_80", ns = "_dropdownItemName_3ywyc_85", as = "_flagImg_3ywyc_93", os = "_flagEmoji_3ywyc_97", ss = "_input_3ywyc_102", rs = "_inputError_3ywyc_121", is = "_helper_3ywyc_129", cs = "_error_3ywyc_137", S = {
|
|
1657
|
+
root: Yo,
|
|
1658
|
+
label: Vo,
|
|
1659
|
+
row: Jo,
|
|
1660
|
+
dropdownWrap: Zo,
|
|
1661
|
+
dropdownBtn: Xo,
|
|
1662
|
+
dropdownMenu: Qo,
|
|
1663
|
+
dropdownItem: es,
|
|
1664
|
+
dropdownItemCode: ts,
|
|
1665
|
+
dropdownItemName: ns,
|
|
1666
|
+
flagImg: as,
|
|
1667
|
+
flagEmoji: os,
|
|
1668
|
+
input: ss,
|
|
1669
|
+
inputError: rs,
|
|
1670
|
+
helper: is,
|
|
1671
|
+
error: cs
|
|
1672
|
+
}, qe = (...t) => t.filter(Boolean).join(" "), ir = ({
|
|
1667
1673
|
countryCode: t,
|
|
1668
1674
|
contactNumber: n,
|
|
1669
1675
|
error: a,
|
|
1670
1676
|
label: s,
|
|
1671
1677
|
helperText: r,
|
|
1672
|
-
countries: c =
|
|
1678
|
+
countries: c = Ko,
|
|
1673
1679
|
getFlagUrl: d,
|
|
1674
1680
|
onCountryCodeChange: l,
|
|
1675
1681
|
onPhoneNumberChange: u,
|
|
1676
1682
|
onValidationChange: h,
|
|
1677
1683
|
onDropdownFocus: f,
|
|
1678
1684
|
onInputFocus: _,
|
|
1679
|
-
inputRef:
|
|
1685
|
+
inputRef: g,
|
|
1680
1686
|
t: b,
|
|
1681
1687
|
className: w = ""
|
|
1682
1688
|
}) => {
|
|
1683
|
-
const [O, k] = $(c[0]?.code ?? "+91"), [T,
|
|
1684
|
-
isDropdownOpen:
|
|
1685
|
-
selectedCountry:
|
|
1686
|
-
maxLength:
|
|
1687
|
-
handleCountrySelect:
|
|
1688
|
-
handlePhoneChange:
|
|
1689
|
-
handleDropdownToggle:
|
|
1689
|
+
const [O, k] = $(c[0]?.code ?? "+91"), [T, R] = $(""), Y = t ?? O, V = n ?? T, J = G(null), {
|
|
1690
|
+
isDropdownOpen: ee,
|
|
1691
|
+
selectedCountry: y,
|
|
1692
|
+
maxLength: he,
|
|
1693
|
+
handleCountrySelect: x,
|
|
1694
|
+
handlePhoneChange: re,
|
|
1695
|
+
handleDropdownToggle: ue,
|
|
1690
1696
|
handlePhoneFocus: q,
|
|
1691
|
-
closeDropdown:
|
|
1692
|
-
} =
|
|
1693
|
-
countryCode:
|
|
1694
|
-
contactNumber:
|
|
1697
|
+
closeDropdown: F
|
|
1698
|
+
} = Go({
|
|
1699
|
+
countryCode: Y,
|
|
1700
|
+
contactNumber: V,
|
|
1695
1701
|
countries: c,
|
|
1696
|
-
onCountryCodeChange: (N,
|
|
1697
|
-
k(N), l?.(N,
|
|
1702
|
+
onCountryCodeChange: (N, K) => {
|
|
1703
|
+
k(N), l?.(N, K);
|
|
1698
1704
|
},
|
|
1699
1705
|
onPhoneNumberChange: (N) => {
|
|
1700
|
-
|
|
1706
|
+
R(N), u?.(N);
|
|
1701
1707
|
},
|
|
1702
1708
|
onValidationChange: h,
|
|
1703
1709
|
onDropdownFocus: f,
|
|
1704
1710
|
onInputFocus: _
|
|
1705
1711
|
});
|
|
1706
|
-
|
|
1707
|
-
const N = (
|
|
1708
|
-
|
|
1712
|
+
se(() => {
|
|
1713
|
+
const N = (K) => {
|
|
1714
|
+
J.current && !J.current.contains(K.target) && F();
|
|
1709
1715
|
};
|
|
1710
|
-
return
|
|
1711
|
-
}, [
|
|
1712
|
-
const
|
|
1713
|
-
const
|
|
1714
|
-
return
|
|
1716
|
+
return ee && document.addEventListener("mousedown", N), () => document.removeEventListener("mousedown", N);
|
|
1717
|
+
}, [ee, F]);
|
|
1718
|
+
const W = (N, K) => {
|
|
1719
|
+
const P = N ? d?.(N) : null;
|
|
1720
|
+
return P ? /* @__PURE__ */ e("img", { src: P, alt: K, width: 20, height: 14, className: S.flagImg }) : /* @__PURE__ */ e("span", { className: S.flagEmoji, "aria-hidden": !0, children: Uo(N) });
|
|
1715
1721
|
};
|
|
1716
|
-
return /* @__PURE__ */ i("div", { className:
|
|
1722
|
+
return /* @__PURE__ */ i("div", { className: qe(S.root, w), children: [
|
|
1717
1723
|
s && /* @__PURE__ */ e("div", { className: S.label, children: s }),
|
|
1718
1724
|
/* @__PURE__ */ i("div", { className: S.row, children: [
|
|
1719
|
-
/* @__PURE__ */ i("div", { className: S.dropdownWrap, ref:
|
|
1720
|
-
/* @__PURE__ */ i("button", { type: "button", className: S.dropdownBtn, onClick:
|
|
1721
|
-
|
|
1722
|
-
/* @__PURE__ */ e("span", { children:
|
|
1723
|
-
/* @__PURE__ */ e(
|
|
1725
|
+
/* @__PURE__ */ i("div", { className: S.dropdownWrap, ref: J, children: [
|
|
1726
|
+
/* @__PURE__ */ i("button", { type: "button", className: S.dropdownBtn, onClick: ue, children: [
|
|
1727
|
+
W(y?.iso, y?.name ?? "Flag"),
|
|
1728
|
+
/* @__PURE__ */ e("span", { children: y?.code ?? "+91" }),
|
|
1729
|
+
/* @__PURE__ */ e(zo, {})
|
|
1724
1730
|
] }),
|
|
1725
|
-
|
|
1731
|
+
ee && /* @__PURE__ */ e("div", { className: S.dropdownMenu, role: "listbox", children: c.map((N) => /* @__PURE__ */ i(
|
|
1726
1732
|
"button",
|
|
1727
1733
|
{
|
|
1728
1734
|
type: "button",
|
|
1729
1735
|
role: "option",
|
|
1730
|
-
"aria-selected": N.code ===
|
|
1736
|
+
"aria-selected": N.code === y?.code,
|
|
1731
1737
|
className: S.dropdownItem,
|
|
1732
|
-
onClick: () =>
|
|
1738
|
+
onClick: () => x(N),
|
|
1733
1739
|
children: [
|
|
1734
|
-
|
|
1740
|
+
W(N.iso, N.name),
|
|
1735
1741
|
/* @__PURE__ */ e("span", { className: S.dropdownItemCode, children: N.code }),
|
|
1736
1742
|
/* @__PURE__ */ e("span", { className: S.dropdownItemName, children: N.name })
|
|
1737
1743
|
]
|
|
@@ -1745,12 +1751,12 @@ const ua = (t) => {
|
|
|
1745
1751
|
type: "tel",
|
|
1746
1752
|
inputMode: "numeric",
|
|
1747
1753
|
autoComplete: "off",
|
|
1748
|
-
value:
|
|
1749
|
-
maxLength:
|
|
1750
|
-
ref:
|
|
1751
|
-
className:
|
|
1754
|
+
value: V,
|
|
1755
|
+
maxLength: he,
|
|
1756
|
+
ref: g,
|
|
1757
|
+
className: qe(S.input, a && S.inputError),
|
|
1752
1758
|
placeholder: b?.("planPhoneNumberPlaceholder") ?? "0000000000",
|
|
1753
|
-
onChange:
|
|
1759
|
+
onChange: re,
|
|
1754
1760
|
onFocus: q
|
|
1755
1761
|
}
|
|
1756
1762
|
)
|
|
@@ -1758,7 +1764,7 @@ const ua = (t) => {
|
|
|
1758
1764
|
r && /* @__PURE__ */ e("div", { className: S.helper, children: r }),
|
|
1759
1765
|
a && /* @__PURE__ */ e("p", { className: S.error, children: a })
|
|
1760
1766
|
] });
|
|
1761
|
-
},
|
|
1767
|
+
}, ls = () => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ e(
|
|
1762
1768
|
"path",
|
|
1763
1769
|
{
|
|
1764
1770
|
d: "M8 1.33337L10.06 5.50671L14.6667 6.18004L11.3333 9.42671L12.12 14.0134L8 11.8467L3.88 14.0134L4.66667 9.42671L1.33333 6.18004L5.94 5.50671L8 1.33337Z",
|
|
@@ -1768,7 +1774,7 @@ const ua = (t) => {
|
|
|
1768
1774
|
strokeLinecap: "round",
|
|
1769
1775
|
strokeLinejoin: "round"
|
|
1770
1776
|
}
|
|
1771
|
-
) }),
|
|
1777
|
+
) }), ds = () => /* @__PURE__ */ e("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", "aria-hidden": !0, children: /* @__PURE__ */ e(
|
|
1772
1778
|
"path",
|
|
1773
1779
|
{
|
|
1774
1780
|
fillRule: "evenodd",
|
|
@@ -1776,27 +1782,27 @@ const ua = (t) => {
|
|
|
1776
1782
|
d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
|
|
1777
1783
|
fill: "#F97316"
|
|
1778
1784
|
}
|
|
1779
|
-
) }),
|
|
1780
|
-
card:
|
|
1781
|
-
cardSelected:
|
|
1782
|
-
photoWrap:
|
|
1783
|
-
photoFrame:
|
|
1784
|
-
photoImg:
|
|
1785
|
-
ratingPill:
|
|
1786
|
-
ratingValue:
|
|
1787
|
-
info:
|
|
1788
|
-
name:
|
|
1789
|
-
meta:
|
|
1790
|
-
languages:
|
|
1791
|
-
consultationCount:
|
|
1792
|
-
checkIcon:
|
|
1793
|
-
recommendedBadge:
|
|
1794
|
-
recommendedLabel:
|
|
1795
|
-
},
|
|
1785
|
+
) }), ms = "_card_1ytv6_2", _s = "_cardSelected_1ytv6_24", hs = "_photoWrap_1ytv6_31", us = "_photoFrame_1ytv6_37", ps = "_photoImg_1ytv6_45", gs = "_ratingPill_1ytv6_51", bs = "_ratingValue_1ytv6_66", fs = "_info_1ytv6_74", Ns = "_name_1ytv6_84", vs = "_meta_1ytv6_95", ws = "_languages_1ytv6_103", ys = "_consultationCount_1ytv6_113", ks = "_checkIcon_1ytv6_121", Ss = "_recommendedBadge_1ytv6_126", Is = "_recommendedLabel_1ytv6_138", I = {
|
|
1786
|
+
card: ms,
|
|
1787
|
+
cardSelected: _s,
|
|
1788
|
+
photoWrap: hs,
|
|
1789
|
+
photoFrame: us,
|
|
1790
|
+
photoImg: ps,
|
|
1791
|
+
ratingPill: gs,
|
|
1792
|
+
ratingValue: bs,
|
|
1793
|
+
info: fs,
|
|
1794
|
+
name: Ns,
|
|
1795
|
+
meta: vs,
|
|
1796
|
+
languages: ws,
|
|
1797
|
+
consultationCount: ys,
|
|
1798
|
+
checkIcon: ks,
|
|
1799
|
+
recommendedBadge: Ss,
|
|
1800
|
+
recommendedLabel: Is
|
|
1801
|
+
}, $s = "data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='78' viewBox='0 0 64 78'><rect width='64' height='78' fill='%23F3F4F6'/><circle cx='32' cy='30' r='12' fill='%23D1D5DB'/><path d='M12 70c2-14 12-22 20-22s18 8 20 22' fill='%23D1D5DB'/></svg>", Ts = ({
|
|
1796
1802
|
photoUrl: t,
|
|
1797
1803
|
name: n,
|
|
1798
1804
|
rating: a,
|
|
1799
|
-
fallbackPhotoUrl: s =
|
|
1805
|
+
fallbackPhotoUrl: s = $s
|
|
1800
1806
|
}) => /* @__PURE__ */ i("div", { className: I.photoWrap, children: [
|
|
1801
1807
|
/* @__PURE__ */ e("div", { className: I.photoFrame, children: /* @__PURE__ */ e(
|
|
1802
1808
|
"img",
|
|
@@ -1813,29 +1819,29 @@ const ua = (t) => {
|
|
|
1813
1819
|
) }),
|
|
1814
1820
|
/* @__PURE__ */ i("div", { className: I.ratingPill, children: [
|
|
1815
1821
|
/* @__PURE__ */ e("span", { className: I.ratingValue, children: a }),
|
|
1816
|
-
/* @__PURE__ */ e(
|
|
1822
|
+
/* @__PURE__ */ e(ls, {})
|
|
1817
1823
|
] })
|
|
1818
|
-
] }),
|
|
1824
|
+
] }), Ls = ({ label: t, t: n }) => /* @__PURE__ */ e("div", { className: I.recommendedBadge, children: /* @__PURE__ */ e("span", { className: I.recommendedLabel, children: t ?? n?.("planRecommendedAstrologer") ?? "Recommended" }) }), xs = (...t) => t.filter(Boolean).join(" "), Cs = (t) => {
|
|
1819
1825
|
if (t >= 1e3) {
|
|
1820
1826
|
const n = t / 1e3;
|
|
1821
1827
|
return `${Number.isInteger(n) ? n : n.toFixed(1)}K consultations`;
|
|
1822
1828
|
}
|
|
1823
1829
|
return `${t} consultations`;
|
|
1824
|
-
},
|
|
1830
|
+
}, Ds = ({
|
|
1825
1831
|
astrologer: t,
|
|
1826
1832
|
isSelected: n = !1,
|
|
1827
1833
|
onClick: a,
|
|
1828
1834
|
fallbackPhotoUrl: s,
|
|
1829
|
-
formatConsultationCount: r =
|
|
1835
|
+
formatConsultationCount: r = Cs
|
|
1830
1836
|
}) => /* @__PURE__ */ i(
|
|
1831
1837
|
"button",
|
|
1832
1838
|
{
|
|
1833
1839
|
type: "button",
|
|
1834
1840
|
onClick: () => a?.(t),
|
|
1835
|
-
className:
|
|
1841
|
+
className: xs(I.card, n && I.cardSelected),
|
|
1836
1842
|
children: [
|
|
1837
1843
|
/* @__PURE__ */ e(
|
|
1838
|
-
|
|
1844
|
+
Ts,
|
|
1839
1845
|
{
|
|
1840
1846
|
photoUrl: t.photo_url,
|
|
1841
1847
|
name: t.name,
|
|
@@ -1850,17 +1856,17 @@ const ua = (t) => {
|
|
|
1850
1856
|
/* @__PURE__ */ e("span", { className: I.consultationCount, children: r(t.consultation_count) })
|
|
1851
1857
|
] })
|
|
1852
1858
|
] }),
|
|
1853
|
-
n && /* @__PURE__ */ e("div", { className: I.checkIcon, children: /* @__PURE__ */ e(
|
|
1854
|
-
t.is_recommended && /* @__PURE__ */ e(
|
|
1859
|
+
n && /* @__PURE__ */ e("div", { className: I.checkIcon, children: /* @__PURE__ */ e(ds, {}) }),
|
|
1860
|
+
t.is_recommended && /* @__PURE__ */ e(Ls, {})
|
|
1855
1861
|
]
|
|
1856
1862
|
}
|
|
1857
|
-
),
|
|
1858
|
-
section:
|
|
1859
|
-
title:
|
|
1860
|
-
row:
|
|
1861
|
-
skeletonCard:
|
|
1862
|
-
skeletonShimmer:
|
|
1863
|
-
},
|
|
1863
|
+
), Bs = "_section_jbaga_2", Ms = "_title_jbaga_6", Rs = "_row_jbaga_13", Ps = "_skeletonCard_jbaga_26", As = "_skeletonShimmer_jbaga_33", oe = {
|
|
1864
|
+
section: Bs,
|
|
1865
|
+
title: Ms,
|
|
1866
|
+
row: Rs,
|
|
1867
|
+
skeletonCard: Ps,
|
|
1868
|
+
skeletonShimmer: As
|
|
1869
|
+
}, We = (...t) => t.filter(Boolean).join(" "), cr = ({
|
|
1864
1870
|
astrologers: t,
|
|
1865
1871
|
loading: n = !1,
|
|
1866
1872
|
selectedAstrologerId: a,
|
|
@@ -1871,24 +1877,24 @@ const ua = (t) => {
|
|
|
1871
1877
|
t: l,
|
|
1872
1878
|
className: u = ""
|
|
1873
1879
|
}) => {
|
|
1874
|
-
const [h, f] = $(""), _ = a ?? h,
|
|
1880
|
+
const [h, f] = $(""), _ = a ?? h, g = (b) => {
|
|
1875
1881
|
f(b.astrologer_id), s?.(b);
|
|
1876
1882
|
};
|
|
1877
|
-
return /* @__PURE__ */ i("section", { className:
|
|
1878
|
-
/* @__PURE__ */ e("p", { className:
|
|
1879
|
-
/* @__PURE__ */ e("div", { className:
|
|
1880
|
-
|
|
1883
|
+
return /* @__PURE__ */ i("section", { className: We(oe.section, u), children: [
|
|
1884
|
+
/* @__PURE__ */ e("p", { className: oe.title, children: r ?? l?.("planSelectAstrologerHeading") ?? "Select an astrologer" }),
|
|
1885
|
+
/* @__PURE__ */ e("div", { className: oe.row, role: "radiogroup", "aria-label": "Astrologer", children: n ? Array.from({ length: 2 }).map((b, w) => /* @__PURE__ */ e("div", { className: We(oe.skeletonCard, oe.skeletonShimmer) }, w)) : t.map((b) => /* @__PURE__ */ e(
|
|
1886
|
+
Ds,
|
|
1881
1887
|
{
|
|
1882
1888
|
astrologer: b,
|
|
1883
1889
|
isSelected: b.astrologer_id === _,
|
|
1884
|
-
onClick:
|
|
1890
|
+
onClick: g,
|
|
1885
1891
|
fallbackPhotoUrl: c,
|
|
1886
1892
|
formatConsultationCount: d
|
|
1887
1893
|
},
|
|
1888
1894
|
b.astrologer_id
|
|
1889
1895
|
)) })
|
|
1890
1896
|
] });
|
|
1891
|
-
},
|
|
1897
|
+
}, lr = [
|
|
1892
1898
|
{
|
|
1893
1899
|
astrologer_id: "astro-1",
|
|
1894
1900
|
name: "Pandit Ramesh Sharma",
|
|
@@ -1916,45 +1922,45 @@ const ua = (t) => {
|
|
|
1916
1922
|
}
|
|
1917
1923
|
];
|
|
1918
1924
|
export {
|
|
1919
|
-
|
|
1920
|
-
|
|
1921
|
-
|
|
1922
|
-
|
|
1923
|
-
|
|
1924
|
-
|
|
1925
|
-
|
|
1926
|
-
|
|
1927
|
-
|
|
1928
|
-
|
|
1929
|
-
|
|
1930
|
-
|
|
1931
|
-
|
|
1932
|
-
|
|
1933
|
-
|
|
1934
|
-
|
|
1935
|
-
|
|
1936
|
-
|
|
1937
|
-
|
|
1938
|
-
|
|
1939
|
-
|
|
1940
|
-
|
|
1941
|
-
|
|
1942
|
-
|
|
1943
|
-
|
|
1944
|
-
|
|
1945
|
-
|
|
1946
|
-
|
|
1947
|
-
|
|
1948
|
-
|
|
1949
|
-
|
|
1950
|
-
|
|
1951
|
-
|
|
1952
|
-
|
|
1953
|
-
|
|
1925
|
+
Ds as AstrologerCard,
|
|
1926
|
+
cr as AstrologerList,
|
|
1927
|
+
Ts as AstrologerPhoto,
|
|
1928
|
+
Ga as AstrologyProfilesSection,
|
|
1929
|
+
fa as CONSULTATION_LANGUAGE_OPTIONS,
|
|
1930
|
+
ba as CONSULTATION_PERIOD_ORDER,
|
|
1931
|
+
ia as CircularMarquee,
|
|
1932
|
+
sr as ConsultationSlotSelector,
|
|
1933
|
+
or as ContactUsSection,
|
|
1934
|
+
Ko as DEFAULT_COUNTRIES,
|
|
1935
|
+
Ws as FAQAccordion,
|
|
1936
|
+
nr as FooterCTAButton,
|
|
1937
|
+
tr as FooterShell,
|
|
1938
|
+
Qs as FormCheckboxWithHelp,
|
|
1939
|
+
Hs as FormContainer,
|
|
1940
|
+
Ys as FormDateInput,
|
|
1941
|
+
Us as FormField,
|
|
1942
|
+
er as FormFooterNote,
|
|
1943
|
+
Js as FormLocationInput,
|
|
1944
|
+
zs as FormSectionHeader,
|
|
1945
|
+
Zs as FormSegmentedControl,
|
|
1946
|
+
Xs as FormTagPills,
|
|
1947
|
+
Gs as FormTextInput,
|
|
1948
|
+
Vs as FormTimeInput,
|
|
1949
|
+
lr as MOCK_ASTROLOGERS,
|
|
1950
|
+
Ho as MOCK_SLOT_DAYS,
|
|
1951
|
+
rr as MOCK_SLOT_DAYS_EMPTY,
|
|
1952
|
+
ar as MarqueeStrip,
|
|
1953
|
+
js as PageHeader,
|
|
1954
|
+
ir as PhoneNumberInput,
|
|
1955
|
+
Ma as PhoneNumberSection,
|
|
1956
|
+
Ks as PrivacyBanner,
|
|
1957
|
+
Ls as RecommendedBadge,
|
|
1958
|
+
qs as UserReviewsSection,
|
|
1959
|
+
Q as footerShellStyles,
|
|
1954
1960
|
ga as formatSlotDayLabel,
|
|
1955
|
-
|
|
1956
|
-
|
|
1957
|
-
|
|
1958
|
-
|
|
1961
|
+
pa as formatSlotTime,
|
|
1962
|
+
Uo as getFlagEmoji,
|
|
1963
|
+
Fe as getMaxLengthForCountry,
|
|
1964
|
+
Oe as validatePhoneByCountryCode
|
|
1959
1965
|
};
|
|
1960
1966
|
//# sourceMappingURL=index.js.map
|