@srimandir/kundli-matching-generator 11.6.2 → 11.6.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/{criticalCss-BQNyvpkS.js → criticalCss-CpWIW_6M.js} +329 -314
- package/dist/criticalCss-CpWIW_6M.js.map +1 -0
- package/dist/form-entry.js +1 -1
- package/dist/{image-vNHUAL7L.js → image-Brnp1xDx.js} +5 -5
- package/dist/image-Brnp1xDx.js.map +1 -0
- package/dist/kundli-matching-generator.js +3 -3
- package/dist/page-entry.js +2 -2
- package/package.json +1 -1
- package/dist/criticalCss-BQNyvpkS.js.map +0 -1
- package/dist/image-vNHUAL7L.js.map +0 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { d as ge, j as e, L as se, S as ke, u as Ie, D as Te, B as ne, e as re, v as Ce, c as Pe, I as J, b as Se, f as z, t as Re } from "./image-
|
|
2
|
-
import pe, { useState as P, useRef as
|
|
1
|
+
import { d as ge, j as e, L as se, S as ke, u as Ie, D as Te, B as ne, e as re, v as Ce, c as Pe, I as J, b as Se, f as z, t as Re } from "./image-Brnp1xDx.js";
|
|
2
|
+
import pe, { useState as P, useRef as T, useEffect as j, useMemo as Le, useCallback as ie } from "react";
|
|
3
3
|
import { FaStar as be, FaCheck as Be, FaQuoteLeft as Ae, FaQuoteRight as Ee } from "react-icons/fa";
|
|
4
4
|
import { FiChevronDown as $e } from "react-icons/fi";
|
|
5
5
|
import { MdOutlineSupportAgent as Ke } from "react-icons/md";
|
|
@@ -20,13 +20,13 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
20
20
|
langOption: Xe,
|
|
21
21
|
langOptionActive: Je
|
|
22
22
|
}, Ze = "https://srm-cdn.a4b.io/yoda/1770362904947.svg", et = "https://srm-cdn.a4b.io/yoda/1770362713543.svg", tt = ({ t, className: s = "" }) => {
|
|
23
|
-
const { locale: r, setLocale: a, config: i } = ge(), o = (i.showLanguageSelector ?? !0) && !i.isGlobal, [c,
|
|
24
|
-
return
|
|
23
|
+
const { locale: r, setLocale: a, config: i } = ge(), o = (i.showLanguageSelector ?? !0) && !i.isGlobal, [c, m] = P(!1), l = T(null);
|
|
24
|
+
return j(() => {
|
|
25
25
|
if (!c) return;
|
|
26
|
-
const
|
|
27
|
-
l.current && !l.current.contains(f.target) &&
|
|
26
|
+
const h = (f) => {
|
|
27
|
+
l.current && !l.current.contains(f.target) && m(!1);
|
|
28
28
|
};
|
|
29
|
-
return document.addEventListener("mousedown",
|
|
29
|
+
return document.addEventListener("mousedown", h), () => document.removeEventListener("mousedown", h);
|
|
30
30
|
}, [c]), /* @__PURE__ */ e.jsxs("header", { className: `${A.header} ${s}`, children: [
|
|
31
31
|
/* @__PURE__ */ e.jsxs("div", { className: A.brand, children: [
|
|
32
32
|
/* @__PURE__ */ e.jsx(
|
|
@@ -54,7 +54,7 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
54
54
|
{
|
|
55
55
|
type: "button",
|
|
56
56
|
onClick: () => {
|
|
57
|
-
i.analytics?.trackLanguageClickedFe?.({ language: r }),
|
|
57
|
+
i.analytics?.trackLanguageClickedFe?.({ language: r }), m((h) => !h);
|
|
58
58
|
},
|
|
59
59
|
"aria-expanded": c,
|
|
60
60
|
"aria-haspopup": "listbox",
|
|
@@ -65,18 +65,18 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
65
65
|
]
|
|
66
66
|
}
|
|
67
67
|
),
|
|
68
|
-
c && /* @__PURE__ */ e.jsx("ul", { role: "listbox", className: A.langMenu, children: ke.map((
|
|
68
|
+
c && /* @__PURE__ */ e.jsx("ul", { role: "listbox", className: A.langMenu, children: ke.map((h) => /* @__PURE__ */ e.jsx(
|
|
69
69
|
"li",
|
|
70
70
|
{
|
|
71
71
|
role: "option",
|
|
72
|
-
"aria-selected":
|
|
72
|
+
"aria-selected": h === r,
|
|
73
73
|
onClick: () => {
|
|
74
|
-
a(
|
|
74
|
+
a(h), m(!1);
|
|
75
75
|
},
|
|
76
|
-
className: `${A.langOption} ${
|
|
77
|
-
children: se[
|
|
76
|
+
className: `${A.langOption} ${h === r ? A.langOptionActive : ""}`,
|
|
77
|
+
children: se[h]
|
|
78
78
|
},
|
|
79
|
-
|
|
79
|
+
h
|
|
80
80
|
)) })
|
|
81
81
|
] })
|
|
82
82
|
] });
|
|
@@ -119,25 +119,25 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
119
119
|
heroImagePriority: r = !0,
|
|
120
120
|
variant: a
|
|
121
121
|
}) => {
|
|
122
|
-
const i = Ie(), o = i?.config.imageComponent ?? Te, c = i?.locale, [
|
|
122
|
+
const i = Ie(), o = i?.config.imageComponent ?? Te, c = i?.locale, [m, l] = P(
|
|
123
123
|
Z(a) ? a : te
|
|
124
|
-
), [
|
|
125
|
-
return
|
|
126
|
-
const { variant:
|
|
127
|
-
l(
|
|
124
|
+
), [h, f] = P(!1);
|
|
125
|
+
return j(() => {
|
|
126
|
+
const { variant: v, source: g } = xe();
|
|
127
|
+
l(v);
|
|
128
128
|
try {
|
|
129
129
|
if (sessionStorage.getItem(le)) return;
|
|
130
130
|
sessionStorage.setItem(le, "1");
|
|
131
131
|
} catch {
|
|
132
132
|
}
|
|
133
|
-
const
|
|
133
|
+
const N = i?.config.initialFormValues;
|
|
134
134
|
i?.config.analytics?.trackFunnelEvent?.("kundli_landing_view", {
|
|
135
|
-
hero_image_url: oe(
|
|
136
|
-
variant_source:
|
|
135
|
+
hero_image_url: oe(v, c),
|
|
136
|
+
variant_source: g,
|
|
137
137
|
// SEO deep links arrive pre-filled; split them out of the organic funnel.
|
|
138
|
-
prefill: i?.config.autoOpenPlanSheet ? "full" :
|
|
138
|
+
prefill: i?.config.autoOpenPlanSheet ? "full" : N && Object.keys(N).length ? "partial" : "none"
|
|
139
139
|
});
|
|
140
|
-
}, [a]),
|
|
140
|
+
}, [a]), h ? /* @__PURE__ */ e.jsxs("section", { className: `${E.hero} ${s}`, "aria-labelledby": "hero-title", "data-hero": !0, children: [
|
|
141
141
|
/* @__PURE__ */ e.jsx("h1", { id: "hero-title", className: E.title, dangerouslySetInnerHTML: { __html: t("heroTitle") } }),
|
|
142
142
|
/* @__PURE__ */ e.jsx("p", { className: E.subtitle, dangerouslySetInnerHTML: { __html: t("heroSubtitle") } }),
|
|
143
143
|
/* @__PURE__ */ e.jsxs("div", { className: E.badges, children: [
|
|
@@ -156,10 +156,10 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
156
156
|
/* @__PURE__ */ e.jsx("span", { children: t("badge3") })
|
|
157
157
|
] })
|
|
158
158
|
] })
|
|
159
|
-
] }) : /* @__PURE__ */ e.jsx("section", { className: s, "data-hero": !0, "data-variant":
|
|
159
|
+
] }) : /* @__PURE__ */ e.jsx("section", { className: s, "data-hero": !0, "data-variant": m, children: /* @__PURE__ */ e.jsx(
|
|
160
160
|
"img",
|
|
161
161
|
{
|
|
162
|
-
src: oe(
|
|
162
|
+
src: oe(m, c),
|
|
163
163
|
alt: t("heroImageAlt"),
|
|
164
164
|
className: E.variantHeroImage,
|
|
165
165
|
width: 1440,
|
|
@@ -169,7 +169,7 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
169
169
|
...r && { fetchPriority: "high" },
|
|
170
170
|
onError: () => f(!0)
|
|
171
171
|
},
|
|
172
|
-
`${
|
|
172
|
+
`${m}-${c}`
|
|
173
173
|
) });
|
|
174
174
|
}, gt = "_section_2axro_1", pt = "_title_2axro_10", bt = "_details_2axro_20", xt = "_spacer_2axro_36", ft = "_link_2axro_41", U = {
|
|
175
175
|
section: gt,
|
|
@@ -211,7 +211,7 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
211
211
|
)
|
|
212
212
|
] })
|
|
213
213
|
] })
|
|
214
|
-
] }), Nt = "_section_nrdji_1", wt = "_heading_nrdji_13", kt = "_title_nrdji_20", It = "_titleHighlight_nrdji_29", Tt = "_subtitle_nrdji_33", Ct = "_benefits_nrdji_41", Pt = "_benefit_nrdji_41", St = "_checkBase_nrdji_56", Rt = "_check_nrdji_56", Lt = "_benefitText_nrdji_72", Bt = "_astrologers_nrdji_81", At = "_astrologer_nrdji_81", Et = "_photoFrame_nrdji_109", $t = "_photo_nrdji_109", Kt = "_astrologerText_nrdji_133", Ft = "_astrologerName_nrdji_143", Ot = "_astrologerYears_nrdji_149", Dt = "_trusted_nrdji_155", Mt = "_avatars_nrdji_165", Vt = "_avatarFirst_nrdji_172", Gt = "_avatar_nrdji_165", Ht = "_trustedText_nrdji_195",
|
|
214
|
+
] }), Nt = "_section_nrdji_1", wt = "_heading_nrdji_13", kt = "_title_nrdji_20", It = "_titleHighlight_nrdji_29", Tt = "_subtitle_nrdji_33", Ct = "_benefits_nrdji_41", Pt = "_benefit_nrdji_41", St = "_checkBase_nrdji_56", Rt = "_check_nrdji_56", Lt = "_benefitText_nrdji_72", Bt = "_astrologers_nrdji_81", At = "_astrologer_nrdji_81", Et = "_photoFrame_nrdji_109", $t = "_photo_nrdji_109", Kt = "_astrologerText_nrdji_133", Ft = "_astrologerName_nrdji_143", Ot = "_astrologerYears_nrdji_149", Dt = "_trusted_nrdji_155", Mt = "_avatars_nrdji_165", Vt = "_avatarFirst_nrdji_172", Gt = "_avatar_nrdji_165", Ht = "_trustedText_nrdji_195", k = {
|
|
215
215
|
section: Nt,
|
|
216
216
|
heading: wt,
|
|
217
217
|
title: kt,
|
|
@@ -243,33 +243,33 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
243
243
|
"https://srm-cdn.a4b.io/yoda/1790761299830.webp",
|
|
244
244
|
"https://srm-cdn.a4b.io/yoda/1790761299829.webp",
|
|
245
245
|
"https://srm-cdn.a4b.io/yoda/1790761299828.webp"
|
|
246
|
-
], Wt = ({ t, className: s = "" }) => /* @__PURE__ */ e.jsxs("section", { className: `${
|
|
247
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
248
|
-
/* @__PURE__ */ e.jsxs("h2", { className:
|
|
246
|
+
], Wt = ({ t, className: s = "" }) => /* @__PURE__ */ e.jsxs("section", { className: `${k.section} ${s}`, children: [
|
|
247
|
+
/* @__PURE__ */ e.jsxs("div", { className: k.heading, children: [
|
|
248
|
+
/* @__PURE__ */ e.jsxs("h2", { className: k.title, children: [
|
|
249
249
|
t("astrologersTitlePrefix"),
|
|
250
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
250
|
+
/* @__PURE__ */ e.jsx("span", { className: k.titleHighlight, children: t("astrologersTitleHighlight") }),
|
|
251
251
|
t("astrologersTitleSuffix")
|
|
252
252
|
] }),
|
|
253
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
253
|
+
/* @__PURE__ */ e.jsx("p", { className: k.subtitle, children: t("astrologersSubtitle") })
|
|
254
254
|
] }),
|
|
255
|
-
/* @__PURE__ */ e.jsx("ul", { className:
|
|
256
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
257
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
255
|
+
/* @__PURE__ */ e.jsx("ul", { className: k.benefits, children: qt.map((r) => /* @__PURE__ */ e.jsxs("li", { className: k.benefit, children: [
|
|
256
|
+
/* @__PURE__ */ e.jsx("span", { className: k.checkBase, "aria-hidden": "true", children: /* @__PURE__ */ e.jsx(Be, { size: 8, className: k.check }) }),
|
|
257
|
+
/* @__PURE__ */ e.jsx("span", { className: k.benefitText, children: t(r) })
|
|
258
258
|
] }, r)) }),
|
|
259
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
260
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
261
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
262
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
263
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
259
|
+
/* @__PURE__ */ e.jsx("div", { className: k.astrologers, children: Ut.map((r) => /* @__PURE__ */ e.jsxs("div", { className: k.astrologer, children: [
|
|
260
|
+
/* @__PURE__ */ e.jsx("div", { className: k.photoFrame, children: /* @__PURE__ */ e.jsx("img", { src: r.image, alt: t(r.nameKey), className: k.photo, width: 98, height: 85, loading: "lazy", decoding: "async" }) }),
|
|
261
|
+
/* @__PURE__ */ e.jsxs("div", { className: k.astrologerText, children: [
|
|
262
|
+
/* @__PURE__ */ e.jsx("span", { className: k.astrologerName, children: t(r.nameKey) }),
|
|
263
|
+
/* @__PURE__ */ e.jsx("span", { className: k.astrologerYears, children: t(r.yearsKey) })
|
|
264
264
|
] })
|
|
265
265
|
] }, r.nameKey)) }),
|
|
266
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
267
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
266
|
+
/* @__PURE__ */ e.jsxs("div", { className: k.trusted, children: [
|
|
267
|
+
/* @__PURE__ */ e.jsx("div", { className: k.avatars, "aria-hidden": "true", children: me.map((r, a) => /* @__PURE__ */ e.jsx(
|
|
268
268
|
"img",
|
|
269
269
|
{
|
|
270
270
|
src: r,
|
|
271
271
|
alt: "",
|
|
272
|
-
className: a === 0 ?
|
|
272
|
+
className: a === 0 ? k.avatarFirst : k.avatar,
|
|
273
273
|
style: { zIndex: me.length - a },
|
|
274
274
|
width: a === 0 ? 24 : 23,
|
|
275
275
|
height: 24,
|
|
@@ -277,9 +277,9 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
277
277
|
},
|
|
278
278
|
r
|
|
279
279
|
)) }),
|
|
280
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
280
|
+
/* @__PURE__ */ e.jsx("p", { className: k.trustedText, children: t("astrologersTrusted") })
|
|
281
281
|
] })
|
|
282
|
-
] }), zt = "_section_8c8x2_1", Yt = "_heading_8c8x2_9", Qt = "_title_8c8x2_16", Xt = "_subtitle_8c8x2_24", Jt = "_cover_8c8x2_32", Zt = "_coverVideo_8c8x2_39", ea = "_list_8c8x2_46", ta = "_listTitle_8c8x2_52", aa = "_cards_8c8x2_60", sa = "_card_8c8x2_60", na = "_cardCompact_8c8x2_76", ra = "_cardTightGap_8c8x2_80", ia = "_cardText_8c8x2_84", oa = "_kundliIcon_8c8x2_93", ca = "_yogIcon_8c8x2_94", la = "_diyaIcon_8c8x2_95", da = "_cta_8c8x2_115",
|
|
282
|
+
] }), zt = "_section_8c8x2_1", Yt = "_heading_8c8x2_9", Qt = "_title_8c8x2_16", Xt = "_subtitle_8c8x2_24", Jt = "_cover_8c8x2_32", Zt = "_coverVideo_8c8x2_39", ea = "_list_8c8x2_46", ta = "_listTitle_8c8x2_52", aa = "_cards_8c8x2_60", sa = "_card_8c8x2_60", na = "_cardCompact_8c8x2_76", ra = "_cardTightGap_8c8x2_80", ia = "_cardText_8c8x2_84", oa = "_kundliIcon_8c8x2_93", ca = "_yogIcon_8c8x2_94", la = "_diyaIcon_8c8x2_95", da = "_cta_8c8x2_115", I = {
|
|
283
283
|
section: zt,
|
|
284
284
|
heading: Yt,
|
|
285
285
|
title: Qt,
|
|
@@ -301,17 +301,17 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
301
301
|
t,
|
|
302
302
|
onCtaClick: s,
|
|
303
303
|
className: r = ""
|
|
304
|
-
}) => /* @__PURE__ */ e.jsxs("section", { className: `${
|
|
305
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
306
|
-
/* @__PURE__ */ e.jsx("h2", { className:
|
|
307
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
304
|
+
}) => /* @__PURE__ */ e.jsxs("section", { className: `${I.section} ${r}`, children: [
|
|
305
|
+
/* @__PURE__ */ e.jsxs("div", { className: I.heading, children: [
|
|
306
|
+
/* @__PURE__ */ e.jsx("h2", { className: I.title, children: t("reportHighlightsTitle") }),
|
|
307
|
+
/* @__PURE__ */ e.jsx("p", { className: I.subtitle, children: t("reportHighlightsSubtitle") })
|
|
308
308
|
] }),
|
|
309
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
309
|
+
/* @__PURE__ */ e.jsx("div", { className: I.cover, children: /* @__PURE__ */ e.jsx(
|
|
310
310
|
"video",
|
|
311
311
|
{
|
|
312
312
|
src: ma,
|
|
313
313
|
"aria-label": t("reportHighlightsTitle"),
|
|
314
|
-
className:
|
|
314
|
+
className: I.coverVideo,
|
|
315
315
|
autoPlay: !0,
|
|
316
316
|
muted: !0,
|
|
317
317
|
loop: !0,
|
|
@@ -319,24 +319,24 @@ const De = "_header_15wki_1", Me = "_brand_15wki_15", Ve = "_logo_15wki_21", Ge
|
|
|
319
319
|
preload: "metadata"
|
|
320
320
|
}
|
|
321
321
|
) }),
|
|
322
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
323
|
-
/* @__PURE__ */ e.jsx("h3", { className:
|
|
324
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
325
|
-
/* @__PURE__ */ e.jsxs("div", { className: `${
|
|
326
|
-
/* @__PURE__ */ e.jsx("img", { src: _a, alt: "", className:
|
|
327
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
322
|
+
/* @__PURE__ */ e.jsxs("div", { className: I.list, children: [
|
|
323
|
+
/* @__PURE__ */ e.jsx("h3", { className: I.listTitle, children: t("reportHighlightsListTitle") }),
|
|
324
|
+
/* @__PURE__ */ e.jsxs("div", { className: I.cards, children: [
|
|
325
|
+
/* @__PURE__ */ e.jsxs("div", { className: `${I.card} ${I.cardCompact}`, children: [
|
|
326
|
+
/* @__PURE__ */ e.jsx("img", { src: _a, alt: "", className: I.kundliIcon, width: 34, height: 40, loading: "lazy" }),
|
|
327
|
+
/* @__PURE__ */ e.jsx("span", { className: I.cardText, children: t("reportHighlight1") })
|
|
328
328
|
] }),
|
|
329
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
330
|
-
/* @__PURE__ */ e.jsx("img", { src: ha, alt: "", className:
|
|
331
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
329
|
+
/* @__PURE__ */ e.jsxs("div", { className: I.card, children: [
|
|
330
|
+
/* @__PURE__ */ e.jsx("img", { src: ha, alt: "", className: I.yogIcon, width: 34, height: 34, loading: "lazy" }),
|
|
331
|
+
/* @__PURE__ */ e.jsx("span", { className: I.cardText, children: t("reportHighlight2") })
|
|
332
332
|
] }),
|
|
333
|
-
/* @__PURE__ */ e.jsxs("div", { className: `${
|
|
334
|
-
/* @__PURE__ */ e.jsx("img", { src: ua, alt: "", className:
|
|
335
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
333
|
+
/* @__PURE__ */ e.jsxs("div", { className: `${I.card} ${I.cardCompact} ${I.cardTightGap}`, children: [
|
|
334
|
+
/* @__PURE__ */ e.jsx("img", { src: ua, alt: "", className: I.diyaIcon, width: 39, height: 40, loading: "lazy" }),
|
|
335
|
+
/* @__PURE__ */ e.jsx("span", { className: I.cardText, children: t("reportHighlight3") })
|
|
336
336
|
] })
|
|
337
337
|
] })
|
|
338
338
|
] }),
|
|
339
|
-
/* @__PURE__ */ e.jsx("button", { type: "button", className:
|
|
339
|
+
/* @__PURE__ */ e.jsx("button", { type: "button", className: I.cta, onClick: s, children: t("reportHighlightsCta") })
|
|
340
340
|
] }), pa = "_section_1xtb8_1", ba = "_container_1xtb8_6", xa = "_babaImage_1xtb8_10", fa = "_bubble_1xtb8_18", va = "_quote_1xtb8_37", ya = "_quoteClose_1xtb8_42", ja = "_messages_1xtb8_46", Na = "_message_1xtb8_46", wa = "_messageActive_1xtb8_63", D = {
|
|
341
341
|
section: pa,
|
|
342
342
|
container: ba,
|
|
@@ -356,27 +356,42 @@ const Ca = "input, textarea, select", he = () => typeof document < "u" && !!docu
|
|
|
356
356
|
className: a = "",
|
|
357
357
|
analytics: i
|
|
358
358
|
}) => {
|
|
359
|
-
const o = r ?? ne[s] ?? ne.en, [c,
|
|
360
|
-
|
|
361
|
-
const
|
|
362
|
-
|
|
363
|
-
|
|
359
|
+
const o = r ?? ne[s] ?? ne.en, [c, m] = P(0), [l, h] = P(he), f = T(null), [v, g] = P(!1);
|
|
360
|
+
j(() => {
|
|
361
|
+
const d = f.current;
|
|
362
|
+
if (!d || typeof IntersectionObserver > "u") {
|
|
363
|
+
g(!0);
|
|
364
|
+
return;
|
|
365
|
+
}
|
|
366
|
+
const b = new IntersectionObserver(
|
|
367
|
+
([w]) => g(w.isIntersecting),
|
|
368
|
+
{ threshold: 0.5 }
|
|
369
|
+
);
|
|
370
|
+
return b.observe(d), () => b.disconnect();
|
|
371
|
+
}, []), j(() => {
|
|
372
|
+
const d = () => h(he()), b = () => setTimeout(d, 0);
|
|
373
|
+
return document.addEventListener("focusin", d), document.addEventListener("focusout", b), () => {
|
|
374
|
+
document.removeEventListener("focusin", d), document.removeEventListener("focusout", b);
|
|
364
375
|
};
|
|
365
376
|
}, []);
|
|
366
|
-
const
|
|
367
|
-
return
|
|
368
|
-
|
|
369
|
-
|
|
377
|
+
const N = T(null);
|
|
378
|
+
return j(() => {
|
|
379
|
+
if (!v) {
|
|
380
|
+
N.current = null;
|
|
381
|
+
return;
|
|
382
|
+
}
|
|
383
|
+
const d = Date.now(), b = N.current === null ? 0 : d - N.current;
|
|
384
|
+
N.current = d, !(_e >= Ta) && (_e += 1, i?.trackFunnelEvent?.("baba_rotation_view", {
|
|
370
385
|
rotation_index: c,
|
|
371
|
-
dwell_ms:
|
|
386
|
+
dwell_ms: b
|
|
372
387
|
}));
|
|
373
|
-
}, [c]),
|
|
374
|
-
if (l || o.length < 2) return;
|
|
375
|
-
const
|
|
376
|
-
|
|
388
|
+
}, [c, v]), j(() => {
|
|
389
|
+
if (l || !v || o.length < 2) return;
|
|
390
|
+
const d = setInterval(() => {
|
|
391
|
+
m((b) => (b + 1) % o.length);
|
|
377
392
|
}, Ia);
|
|
378
|
-
return () => clearInterval(
|
|
379
|
-
}, [l, o.length]), /* @__PURE__ */ e.jsx("section", { className: `${D.section} ${a}`, children: /* @__PURE__ */ e.jsxs("div", { className: D.container, children: [
|
|
393
|
+
return () => clearInterval(d);
|
|
394
|
+
}, [l, v, o.length]), /* @__PURE__ */ e.jsx("section", { className: `${D.section} ${a}`, children: /* @__PURE__ */ e.jsxs("div", { className: D.container, children: [
|
|
380
395
|
/* @__PURE__ */ e.jsx(
|
|
381
396
|
"img",
|
|
382
397
|
{
|
|
@@ -389,7 +404,7 @@ const Ca = "input, textarea, select", he = () => typeof document < "u" && !!docu
|
|
|
389
404
|
decoding: "async"
|
|
390
405
|
}
|
|
391
406
|
),
|
|
392
|
-
/* @__PURE__ */ e.jsxs("div", { className: D.bubble, children: [
|
|
407
|
+
/* @__PURE__ */ e.jsxs("div", { ref: f, className: D.bubble, children: [
|
|
393
408
|
/* @__PURE__ */ e.jsx(
|
|
394
409
|
Ae,
|
|
395
410
|
{
|
|
@@ -398,16 +413,16 @@ const Ca = "input, textarea, select", he = () => typeof document < "u" && !!docu
|
|
|
398
413
|
"aria-hidden": "true"
|
|
399
414
|
}
|
|
400
415
|
),
|
|
401
|
-
/* @__PURE__ */ e.jsx("div", { className: D.messages, "aria-live": "polite", children: o.map((
|
|
402
|
-
const
|
|
416
|
+
/* @__PURE__ */ e.jsx("div", { className: D.messages, "aria-live": "polite", children: o.map((d, b) => {
|
|
417
|
+
const w = b === c % o.length;
|
|
403
418
|
return /* @__PURE__ */ e.jsx(
|
|
404
419
|
"p",
|
|
405
420
|
{
|
|
406
|
-
className: `${D.message} ${
|
|
407
|
-
"aria-hidden": !
|
|
408
|
-
children:
|
|
421
|
+
className: `${D.message} ${w ? D.messageActive : ""}`,
|
|
422
|
+
"aria-hidden": !w,
|
|
423
|
+
children: d
|
|
409
424
|
},
|
|
410
|
-
|
|
425
|
+
b
|
|
411
426
|
);
|
|
412
427
|
}) }),
|
|
413
428
|
/* @__PURE__ */ e.jsx(
|
|
@@ -527,29 +542,29 @@ const xn = 6, fn = ({
|
|
|
527
542
|
pdfUrl: a,
|
|
528
543
|
onPageView: i
|
|
529
544
|
}) => {
|
|
530
|
-
const o =
|
|
531
|
-
return
|
|
545
|
+
const o = T(null), [c, m] = P(!0), [l, h] = P(null), [f, v] = P(null);
|
|
546
|
+
return j(() => {
|
|
532
547
|
if (!t) return;
|
|
533
|
-
const
|
|
534
|
-
|
|
548
|
+
const g = (N) => {
|
|
549
|
+
N.key === "Escape" && s();
|
|
535
550
|
};
|
|
536
|
-
return document.addEventListener("keydown",
|
|
537
|
-
document.removeEventListener("keydown",
|
|
551
|
+
return document.addEventListener("keydown", g), document.body.style.overflow = "hidden", () => {
|
|
552
|
+
document.removeEventListener("keydown", g), document.body.style.overflow = "";
|
|
538
553
|
};
|
|
539
|
-
}, [t, s]),
|
|
540
|
-
t && import("pdfjs-dist").then((
|
|
541
|
-
|
|
542
|
-
}).catch((
|
|
543
|
-
|
|
554
|
+
}, [t, s]), j(() => {
|
|
555
|
+
t && import("pdfjs-dist").then((g) => {
|
|
556
|
+
v(g);
|
|
557
|
+
}).catch((g) => {
|
|
558
|
+
h("Failed to load PDF viewer"), m(!1);
|
|
544
559
|
});
|
|
545
|
-
}, [t]),
|
|
560
|
+
}, [t]), j(() => {
|
|
546
561
|
if (!t || !a || !o.current || !f) return;
|
|
547
|
-
|
|
548
|
-
const
|
|
549
|
-
(
|
|
550
|
-
|
|
551
|
-
const L = Number(
|
|
552
|
-
!
|
|
562
|
+
m(!0), h(null), o.current.innerHTML = "";
|
|
563
|
+
const g = /* @__PURE__ */ new Set(), N = new IntersectionObserver(
|
|
564
|
+
(b) => {
|
|
565
|
+
b.forEach((w) => {
|
|
566
|
+
const L = Number(w.target.dataset.page);
|
|
567
|
+
!w.isIntersecting || g.has(L) || (g.add(L), i?.(L));
|
|
553
568
|
});
|
|
554
569
|
},
|
|
555
570
|
// "In view" = crosses the viewport's center line; a ratio threshold never trips for pages taller than the viewport.
|
|
@@ -558,21 +573,21 @@ const xn = 6, fn = ({
|
|
|
558
573
|
return (async () => {
|
|
559
574
|
try {
|
|
560
575
|
bn(f);
|
|
561
|
-
const
|
|
576
|
+
const w = await f.getDocument({ url: a }).promise, L = o.current;
|
|
562
577
|
if (!L) return;
|
|
563
|
-
const S = L.clientWidth || 600,
|
|
564
|
-
for (let
|
|
565
|
-
const R = await
|
|
578
|
+
const S = L.clientWidth || 600, y = Math.min(S / 612, 2);
|
|
579
|
+
for (let p = 1; p <= Math.min(w.numPages, xn); p++) {
|
|
580
|
+
const R = await w.getPage(p), $ = R.getViewport({ scale: y }), B = document.createElement("canvas");
|
|
566
581
|
B.height = $.height, B.width = $.width, B.style.display = "block", B.style.margin = "0 auto 1rem", B.style.maxWidth = "100%";
|
|
567
582
|
const K = B.getContext("2d");
|
|
568
|
-
K && await R.render({ canvasContext: K, viewport: $ }).promise, B.dataset.page = String(
|
|
583
|
+
K && await R.render({ canvasContext: K, viewport: $ }).promise, B.dataset.page = String(p), L.appendChild(B), N.observe(B);
|
|
569
584
|
}
|
|
570
|
-
} catch (
|
|
571
|
-
|
|
585
|
+
} catch (b) {
|
|
586
|
+
h(b instanceof Error ? b.message : "Failed to load PDF");
|
|
572
587
|
} finally {
|
|
573
|
-
|
|
588
|
+
m(!1);
|
|
574
589
|
}
|
|
575
|
-
})(), () =>
|
|
590
|
+
})(), () => N.disconnect();
|
|
576
591
|
}, [t, a, f]), t ? /* @__PURE__ */ e.jsx(
|
|
577
592
|
"div",
|
|
578
593
|
{
|
|
@@ -585,7 +600,7 @@ const xn = 6, fn = ({
|
|
|
585
600
|
"div",
|
|
586
601
|
{
|
|
587
602
|
className: M.modal,
|
|
588
|
-
onClick: (
|
|
603
|
+
onClick: (g) => g.stopPropagation(),
|
|
589
604
|
children: [
|
|
590
605
|
/* @__PURE__ */ e.jsxs("div", { className: M.header, children: [
|
|
591
606
|
/* @__PURE__ */ e.jsx("h2", { id: "sample-report-modal-title", className: M.title, children: r }),
|
|
@@ -630,9 +645,9 @@ const xn = 6, fn = ({
|
|
|
630
645
|
analytics: r,
|
|
631
646
|
className: a = ""
|
|
632
647
|
}) => {
|
|
633
|
-
const [i, o] = P(!1), c = t("viewSampleReport"),
|
|
648
|
+
const [i, o] = P(!1), c = t("viewSampleReport"), m = t("sampleReportModalTitle"), l = () => {
|
|
634
649
|
r?.trackViewSampleReportClicked?.(), r?.trackFunnelEvent?.("sample_report_open"), o(!0);
|
|
635
|
-
},
|
|
650
|
+
}, h = () => {
|
|
636
651
|
r?.trackViewSampleReportClosed?.(), o(!1);
|
|
637
652
|
};
|
|
638
653
|
return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
@@ -641,8 +656,8 @@ const xn = 6, fn = ({
|
|
|
641
656
|
fn,
|
|
642
657
|
{
|
|
643
658
|
isOpen: i,
|
|
644
|
-
onClose:
|
|
645
|
-
title:
|
|
659
|
+
onClose: h,
|
|
660
|
+
title: m,
|
|
646
661
|
pdfUrl: s,
|
|
647
662
|
onPageView: (f) => r?.trackFunnelEvent?.("sample_report_page_view", { page_number: f })
|
|
648
663
|
}
|
|
@@ -761,11 +776,11 @@ function $n({
|
|
|
761
776
|
analytics: r,
|
|
762
777
|
children: a
|
|
763
778
|
}) {
|
|
764
|
-
const i =
|
|
765
|
-
return
|
|
779
|
+
const i = T(null), o = T(!1);
|
|
780
|
+
return j(() => {
|
|
766
781
|
const c = i.current;
|
|
767
782
|
if (!c) return;
|
|
768
|
-
const
|
|
783
|
+
const m = new IntersectionObserver(
|
|
769
784
|
([l]) => {
|
|
770
785
|
!l?.isIntersecting || o.current || (o.current = !0, r?.trackSneakPeekCardViewed?.({
|
|
771
786
|
cardNumber: t,
|
|
@@ -775,7 +790,7 @@ function $n({
|
|
|
775
790
|
{ threshold: 0.5 }
|
|
776
791
|
// Card must be 50% visible
|
|
777
792
|
);
|
|
778
|
-
return
|
|
793
|
+
return m.observe(c), () => m.disconnect();
|
|
779
794
|
}, [t, s, r]), /* @__PURE__ */ e.jsx("div", { ref: i, className: n.cardSlot, children: a });
|
|
780
795
|
}
|
|
781
796
|
const Kn = ({
|
|
@@ -783,13 +798,13 @@ const Kn = ({
|
|
|
783
798
|
analytics: s,
|
|
784
799
|
className: r = ""
|
|
785
800
|
}) => {
|
|
786
|
-
const a =
|
|
787
|
-
return
|
|
801
|
+
const a = T(null);
|
|
802
|
+
return j(() => {
|
|
788
803
|
const i = a.current;
|
|
789
804
|
if (!i) return;
|
|
790
805
|
const o = () => {
|
|
791
|
-
const
|
|
792
|
-
i.style.setProperty("--card-zoom", String(
|
|
806
|
+
const m = (i.clientWidth - Bn - An) / En;
|
|
807
|
+
i.style.setProperty("--card-zoom", String(m / Ln));
|
|
793
808
|
};
|
|
794
809
|
o();
|
|
795
810
|
const c = new ResizeObserver(o);
|
|
@@ -863,7 +878,7 @@ const Kn = ({
|
|
|
863
878
|
className: r = "",
|
|
864
879
|
analytics: a
|
|
865
880
|
}) => {
|
|
866
|
-
const i =
|
|
881
|
+
const i = T(null), [o, c] = P(0), [m, l] = P(!1), h = T(null), f = T(!1), v = T(-1), g = s || [
|
|
867
882
|
{
|
|
868
883
|
name: t("testimonial1Name"),
|
|
869
884
|
avatarUrl: t("testimonial1Avatar"),
|
|
@@ -912,69 +927,69 @@ const Kn = ({
|
|
|
912
927
|
rating: 5,
|
|
913
928
|
review: t("testimonial8Review")
|
|
914
929
|
}
|
|
915
|
-
],
|
|
930
|
+
], N = [...g, ...g, ...g], d = g.length, b = d, w = (y, p = !0) => {
|
|
916
931
|
if (!i.current) return;
|
|
917
932
|
f.current = !0;
|
|
918
933
|
const R = i.current, $ = R.children[0];
|
|
919
934
|
if (!$) return;
|
|
920
|
-
const B = $.offsetWidth, H =
|
|
935
|
+
const B = $.offsetWidth, H = y * (B + ue);
|
|
921
936
|
R.scrollTo({
|
|
922
937
|
left: H,
|
|
923
|
-
behavior:
|
|
938
|
+
behavior: p ? "smooth" : "auto"
|
|
924
939
|
}), setTimeout(() => {
|
|
925
940
|
f.current = !1;
|
|
926
|
-
},
|
|
941
|
+
}, p ? 700 : 50);
|
|
927
942
|
};
|
|
928
|
-
|
|
929
|
-
const
|
|
930
|
-
c(
|
|
943
|
+
j(() => {
|
|
944
|
+
const y = setTimeout(() => {
|
|
945
|
+
c(b), w(b, !1);
|
|
931
946
|
}, 50);
|
|
932
|
-
return () => clearTimeout(
|
|
933
|
-
}, [
|
|
934
|
-
|
|
935
|
-
}, []),
|
|
936
|
-
if (
|
|
937
|
-
const
|
|
938
|
-
c((
|
|
947
|
+
return () => clearTimeout(y);
|
|
948
|
+
}, [b]), j(() => () => {
|
|
949
|
+
h.current && clearTimeout(h.current);
|
|
950
|
+
}, []), j(() => {
|
|
951
|
+
if (m) return;
|
|
952
|
+
const y = setInterval(() => {
|
|
953
|
+
c((p) => p + 1);
|
|
939
954
|
}, ir);
|
|
940
|
-
return () => clearInterval(
|
|
941
|
-
}, [
|
|
955
|
+
return () => clearInterval(y);
|
|
956
|
+
}, [m]), j(() => {
|
|
942
957
|
if (!i.current || o === 0) return;
|
|
943
|
-
|
|
944
|
-
const
|
|
958
|
+
w(o, !0);
|
|
959
|
+
const y = setTimeout(() => {
|
|
945
960
|
if (i.current) {
|
|
946
|
-
if (o >=
|
|
947
|
-
const
|
|
948
|
-
c(
|
|
949
|
-
} else if (o <
|
|
950
|
-
const
|
|
951
|
-
c(
|
|
961
|
+
if (o >= d * 2) {
|
|
962
|
+
const p = o - d;
|
|
963
|
+
c(p), w(p, !1);
|
|
964
|
+
} else if (o < d) {
|
|
965
|
+
const p = o + d;
|
|
966
|
+
c(p), w(p, !1);
|
|
952
967
|
}
|
|
953
968
|
}
|
|
954
969
|
}, 700);
|
|
955
|
-
return () => clearTimeout(
|
|
956
|
-
}, [o,
|
|
970
|
+
return () => clearTimeout(y);
|
|
971
|
+
}, [o, d]);
|
|
957
972
|
const L = () => {
|
|
958
|
-
!i.current || f.current || (
|
|
973
|
+
!i.current || f.current || (h.current && clearTimeout(h.current), h.current = setTimeout(() => {
|
|
959
974
|
if (!i.current || f.current) return;
|
|
960
|
-
const
|
|
975
|
+
const y = i.current, p = y.scrollLeft, R = y.children[0];
|
|
961
976
|
if (!R) return;
|
|
962
|
-
const $ = R.offsetWidth, K = Math.round(
|
|
963
|
-
if (K !== o && K >= 0 && K <
|
|
977
|
+
const $ = R.offsetWidth, K = Math.round(p / ($ + ue));
|
|
978
|
+
if (K !== o && K >= 0 && K < N.length) {
|
|
964
979
|
c(K);
|
|
965
|
-
const H = K %
|
|
966
|
-
|
|
980
|
+
const H = K % d;
|
|
981
|
+
v.current !== H && a?.trackTestimonialScrolled && (v.current = H, a.trackTestimonialScrolled({
|
|
967
982
|
reviewIndex: H,
|
|
968
|
-
reviewerName:
|
|
983
|
+
reviewerName: g[H]?.name || "",
|
|
969
984
|
isManualScroll: !0
|
|
970
985
|
}));
|
|
971
986
|
}
|
|
972
987
|
}, 100));
|
|
973
|
-
}, S = (
|
|
988
|
+
}, S = (y) => Array.from({ length: 5 }, (p, R) => /* @__PURE__ */ e.jsx(
|
|
974
989
|
be,
|
|
975
990
|
{
|
|
976
991
|
size: 14,
|
|
977
|
-
className: R <
|
|
992
|
+
className: R < y ? x.starFilled : x.starEmpty,
|
|
978
993
|
"aria-hidden": !0
|
|
979
994
|
},
|
|
980
995
|
R
|
|
@@ -998,8 +1013,8 @@ const Kn = ({
|
|
|
998
1013
|
ref: i,
|
|
999
1014
|
className: x.carousel,
|
|
1000
1015
|
onScroll: L,
|
|
1001
|
-
children:
|
|
1002
|
-
const R =
|
|
1016
|
+
children: N.map((y, p) => {
|
|
1017
|
+
const R = p === o;
|
|
1003
1018
|
return /* @__PURE__ */ e.jsx(
|
|
1004
1019
|
"div",
|
|
1005
1020
|
{
|
|
@@ -1009,20 +1024,20 @@ const Kn = ({
|
|
|
1009
1024
|
/* @__PURE__ */ e.jsx(
|
|
1010
1025
|
"img",
|
|
1011
1026
|
{
|
|
1012
|
-
src:
|
|
1013
|
-
alt:
|
|
1027
|
+
src: y.avatarUrl,
|
|
1028
|
+
alt: y.name,
|
|
1014
1029
|
className: x.avatar
|
|
1015
1030
|
}
|
|
1016
1031
|
),
|
|
1017
1032
|
/* @__PURE__ */ e.jsxs("div", { className: x.headerInfo, children: [
|
|
1018
|
-
/* @__PURE__ */ e.jsx("h3", { className: x.name, children:
|
|
1019
|
-
/* @__PURE__ */ e.jsx("div", { className: x.rating, "aria-label": `${
|
|
1033
|
+
/* @__PURE__ */ e.jsx("h3", { className: x.name, children: y.name }),
|
|
1034
|
+
/* @__PURE__ */ e.jsx("div", { className: x.rating, "aria-label": `${y.rating}/5`, children: S(y.rating) })
|
|
1020
1035
|
] })
|
|
1021
1036
|
] }),
|
|
1022
|
-
/* @__PURE__ */ e.jsx("p", { className: x.review, children:
|
|
1037
|
+
/* @__PURE__ */ e.jsx("p", { className: x.review, children: y.review })
|
|
1023
1038
|
] })
|
|
1024
1039
|
},
|
|
1025
|
-
|
|
1040
|
+
p
|
|
1026
1041
|
);
|
|
1027
1042
|
})
|
|
1028
1043
|
}
|
|
@@ -1065,8 +1080,8 @@ const Kn = ({
|
|
|
1065
1080
|
const [i, o] = P(r);
|
|
1066
1081
|
return /* @__PURE__ */ e.jsxs("section", { className: `${V.section} ${s}`, children: [
|
|
1067
1082
|
/* @__PURE__ */ e.jsx("h2", { className: V.title, children: t("faqTitle") }),
|
|
1068
|
-
/* @__PURE__ */ e.jsx("div", { className: V.list, children: br.map((c,
|
|
1069
|
-
const l = i ===
|
|
1083
|
+
/* @__PURE__ */ e.jsx("div", { className: V.list, children: br.map((c, m) => {
|
|
1084
|
+
const l = i === m, h = `kundli-matching-faq-${m}`;
|
|
1070
1085
|
return /* @__PURE__ */ e.jsxs("div", { className: `${V.item} ${l ? V.itemOpen : ""}`, children: [
|
|
1071
1086
|
/* @__PURE__ */ e.jsxs(
|
|
1072
1087
|
"button",
|
|
@@ -1074,13 +1089,13 @@ const Kn = ({
|
|
|
1074
1089
|
type: "button",
|
|
1075
1090
|
className: V.question,
|
|
1076
1091
|
"aria-expanded": l,
|
|
1077
|
-
"aria-controls":
|
|
1092
|
+
"aria-controls": h,
|
|
1078
1093
|
onClick: () => {
|
|
1079
1094
|
a?.trackFunnelEvent?.("faq_toggled", {
|
|
1080
|
-
question_index:
|
|
1095
|
+
question_index: m + 1,
|
|
1081
1096
|
question_key: c.qKey,
|
|
1082
1097
|
action: l ? "close" : "open"
|
|
1083
|
-
}), o(l ? null :
|
|
1098
|
+
}), o(l ? null : m);
|
|
1084
1099
|
},
|
|
1085
1100
|
children: [
|
|
1086
1101
|
/* @__PURE__ */ e.jsx("span", { className: V.questionText, children: t(c.qKey) }),
|
|
@@ -1088,7 +1103,7 @@ const Kn = ({
|
|
|
1088
1103
|
]
|
|
1089
1104
|
}
|
|
1090
1105
|
),
|
|
1091
|
-
l && /* @__PURE__ */ e.jsx("div", { id:
|
|
1106
|
+
l && /* @__PURE__ */ e.jsx("div", { id: h, className: V.answer, children: t(c.aKey) })
|
|
1092
1107
|
] }, c.qKey);
|
|
1093
1108
|
}) })
|
|
1094
1109
|
] });
|
|
@@ -1125,21 +1140,21 @@ const Kn = ({
|
|
|
1125
1140
|
phoneIsdCode: i,
|
|
1126
1141
|
isGlobal: o = !1,
|
|
1127
1142
|
analytics: c,
|
|
1128
|
-
className:
|
|
1143
|
+
className: m = ""
|
|
1129
1144
|
}) => {
|
|
1130
1145
|
const l = Le(
|
|
1131
1146
|
() => Kr(s, o, i),
|
|
1132
1147
|
[s, o, i]
|
|
1133
|
-
),
|
|
1134
|
-
if (
|
|
1135
|
-
ctaText: t(
|
|
1136
|
-
isFormComplete:
|
|
1148
|
+
), h = l === null, f = (v) => {
|
|
1149
|
+
if (v.preventDefault(), c?.trackKundliMatchingL0CtaClick?.({
|
|
1150
|
+
ctaText: t(h ? "ctaButtonSelectPlan" : "ctaButton"),
|
|
1151
|
+
isFormComplete: h,
|
|
1137
1152
|
firstMissingField: l ?? void 0
|
|
1138
|
-
}), !
|
|
1153
|
+
}), !h) {
|
|
1139
1154
|
if (c?.trackFunnelEvent?.("form_submit_blocked", {
|
|
1140
1155
|
first_missing_field: l ?? ""
|
|
1141
1156
|
}), a?.(), l) {
|
|
1142
|
-
const
|
|
1157
|
+
const N = {
|
|
1143
1158
|
"boy.fullName": "boy-full-name",
|
|
1144
1159
|
"boy.dateOfBirth": "boy-dob",
|
|
1145
1160
|
"boy.birthTime": "boy-birth-time",
|
|
@@ -1151,22 +1166,22 @@ const Kn = ({
|
|
|
1151
1166
|
phone: "kundli-matching-phone",
|
|
1152
1167
|
email: "kundli-matching-email",
|
|
1153
1168
|
reportLanguage: "language-selector"
|
|
1154
|
-
}[l],
|
|
1155
|
-
|
|
1169
|
+
}[l], d = document.getElementById(N);
|
|
1170
|
+
d && (d.scrollIntoView({ behavior: "smooth", block: "center" }), (d.tagName === "INPUT" || d.tagName === "TEXTAREA") && setTimeout(() => d.focus(), 500));
|
|
1156
1171
|
}
|
|
1157
1172
|
return;
|
|
1158
1173
|
}
|
|
1159
1174
|
r();
|
|
1160
1175
|
};
|
|
1161
|
-
return /* @__PURE__ */ e.jsxs("footer", { className: `${O.footer} ${
|
|
1176
|
+
return /* @__PURE__ */ e.jsxs("footer", { className: `${O.footer} ${m}`, role: "contentinfo", children: [
|
|
1162
1177
|
/* @__PURE__ */ e.jsx(Fe, { className: O.ticker, children: /* @__PURE__ */ e.jsx(Er, { t }) }),
|
|
1163
1178
|
/* @__PURE__ */ e.jsx(
|
|
1164
1179
|
"button",
|
|
1165
1180
|
{
|
|
1166
1181
|
type: "button",
|
|
1167
1182
|
onClick: f,
|
|
1168
|
-
className: `${O.cta} ${
|
|
1169
|
-
children:
|
|
1183
|
+
className: `${O.cta} ${h ? O.ctaCompleted : ""}`,
|
|
1184
|
+
children: h ? /* @__PURE__ */ e.jsxs("span", { className: O.ctaWithArrow, children: [
|
|
1170
1185
|
t("ctaButtonSelectPlan"),
|
|
1171
1186
|
/* @__PURE__ */ e.jsx(
|
|
1172
1187
|
"img",
|
|
@@ -1203,7 +1218,7 @@ const Kn = ({
|
|
|
1203
1218
|
) }), Mr = () => /* @__PURE__ */ e.jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: /* @__PURE__ */ e.jsx("path", { d: "M15 18l-6-6 6-6" }) }), Vr = () => /* @__PURE__ */ e.jsxs("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.5", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": !0, children: [
|
|
1204
1219
|
/* @__PURE__ */ e.jsx("polyline", { points: "23 6 13.5 15.5 8.5 10.5 1 18" }),
|
|
1205
1220
|
/* @__PURE__ */ e.jsx("polyline", { points: "17 6 23 6 23 12" })
|
|
1206
|
-
] }), Gr = "_overlay_1tw1b_3", Hr = "_sheet_1tw1b_13", qr = "_header_1tw1b_57", Ur = "_backBtn_1tw1b_69", Wr = "_title_1tw1b_87", zr = "_plansContainer_1tw1b_99", Yr = "_planCard_1tw1b_108", Qr = "_withBadgeSpacing_1tw1b_122", Xr = "_planCardSelected_1tw1b_126", Jr = "_planCardPopular_1tw1b_131", Zr = "_popularBadge_1tw1b_140", ei = "_planCardInner_1tw1b_158", ti = "_planTitleRow_1tw1b_163", ai = "_planTitle_1tw1b_163", si = "_radioCircle_1tw1b_178", ni = "_radioChecked_1tw1b_191", ri = "_radioInner_1tw1b_196", ii = "_priceRow_1tw1b_204", oi = "_price_1tw1b_204", ci = "_originalPrice_1tw1b_217", li = "_savingsBadge_1tw1b_224", di = "_featureList_1tw1b_234", mi = "_featureItem_1tw1b_243", _i = "_featureIcon_1tw1b_249", hi = "_featureText_1tw1b_255", ui = "_astrologerHeading_1tw1b_262", gi = "_astrologerList_1tw1b_269", pi = "_astrologerCard_1tw1b_283", bi = "_astrologerAvatar_1tw1b_297", xi = "_astrologerAvatarPlaceholder_1tw1b_314", fi = "_astrologerTop_1tw1b_320", vi = "_astrologerBasicInfo_1tw1b_326", yi = "_astrologerName_1tw1b_333", ji = "_astrologerExp_1tw1b_342", Ni = "_astrologerDivider_1tw1b_348", wi = "_planDivider_1tw1b_354", ki = "_astrologerCertList_1tw1b_361", Ii = "_astrologerCertItem_1tw1b_367", Ti = "_bullet_1tw1b_375", Ci = "_footer_1tw1b_380", Pi = "_proceedBtn_1tw1b_390", Si = "_spinner_1tw1b_433",
|
|
1221
|
+
] }), Gr = "_overlay_1tw1b_3", Hr = "_sheet_1tw1b_13", qr = "_header_1tw1b_57", Ur = "_backBtn_1tw1b_69", Wr = "_title_1tw1b_87", zr = "_plansContainer_1tw1b_99", Yr = "_planCard_1tw1b_108", Qr = "_withBadgeSpacing_1tw1b_122", Xr = "_planCardSelected_1tw1b_126", Jr = "_planCardPopular_1tw1b_131", Zr = "_popularBadge_1tw1b_140", ei = "_planCardInner_1tw1b_158", ti = "_planTitleRow_1tw1b_163", ai = "_planTitle_1tw1b_163", si = "_radioCircle_1tw1b_178", ni = "_radioChecked_1tw1b_191", ri = "_radioInner_1tw1b_196", ii = "_priceRow_1tw1b_204", oi = "_price_1tw1b_204", ci = "_originalPrice_1tw1b_217", li = "_savingsBadge_1tw1b_224", di = "_featureList_1tw1b_234", mi = "_featureItem_1tw1b_243", _i = "_featureIcon_1tw1b_249", hi = "_featureText_1tw1b_255", ui = "_astrologerHeading_1tw1b_262", gi = "_astrologerList_1tw1b_269", pi = "_astrologerCard_1tw1b_283", bi = "_astrologerAvatar_1tw1b_297", xi = "_astrologerAvatarPlaceholder_1tw1b_314", fi = "_astrologerTop_1tw1b_320", vi = "_astrologerBasicInfo_1tw1b_326", yi = "_astrologerName_1tw1b_333", ji = "_astrologerExp_1tw1b_342", Ni = "_astrologerDivider_1tw1b_348", wi = "_planDivider_1tw1b_354", ki = "_astrologerCertList_1tw1b_361", Ii = "_astrologerCertItem_1tw1b_367", Ti = "_bullet_1tw1b_375", Ci = "_footer_1tw1b_380", Pi = "_proceedBtn_1tw1b_390", Si = "_spinner_1tw1b_433", _ = {
|
|
1207
1222
|
overlay: Gr,
|
|
1208
1223
|
sheet: Hr,
|
|
1209
1224
|
header: qr,
|
|
@@ -1246,36 +1261,36 @@ const Kn = ({
|
|
|
1246
1261
|
footer: Ci,
|
|
1247
1262
|
proceedBtn: Pi,
|
|
1248
1263
|
spinner: Si
|
|
1249
|
-
}, Ri = ({ title: t, onBack: s }) => /* @__PURE__ */ e.jsxs("div", { className:
|
|
1264
|
+
}, Ri = ({ title: t, onBack: s }) => /* @__PURE__ */ e.jsxs("div", { className: _.header, children: [
|
|
1250
1265
|
/* @__PURE__ */ e.jsx(
|
|
1251
1266
|
"button",
|
|
1252
1267
|
{
|
|
1253
|
-
className:
|
|
1268
|
+
className: _.backBtn,
|
|
1254
1269
|
onClick: s,
|
|
1255
1270
|
"aria-label": "Go back",
|
|
1256
1271
|
type: "button",
|
|
1257
1272
|
children: /* @__PURE__ */ e.jsx(Mr, {})
|
|
1258
1273
|
}
|
|
1259
1274
|
),
|
|
1260
|
-
/* @__PURE__ */ e.jsx("h2", { className:
|
|
1261
|
-
] }), Li = ({ features: t, t: s }) => /* @__PURE__ */ e.jsx("ul", { className:
|
|
1262
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1263
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1264
|
-
] }, a)) }), Bi = ({ astrologer: t }) => /* @__PURE__ */ e.jsxs("div", { className:
|
|
1265
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1266
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1267
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1268
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
1269
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
1275
|
+
/* @__PURE__ */ e.jsx("h2", { className: _.title, children: t })
|
|
1276
|
+
] }), Li = ({ features: t, t: s }) => /* @__PURE__ */ e.jsx("ul", { className: _.featureList, "aria-label": "Plan features", children: t.map((r, a) => /* @__PURE__ */ e.jsxs("li", { className: _.featureItem, children: [
|
|
1277
|
+
/* @__PURE__ */ e.jsx("span", { className: _.featureIcon, children: r.included ? /* @__PURE__ */ e.jsx(Or, {}) : /* @__PURE__ */ e.jsx(Dr, {}) }),
|
|
1278
|
+
/* @__PURE__ */ e.jsx("span", { className: _.featureText, children: s?.(r.text) ?? r.text })
|
|
1279
|
+
] }, a)) }), Bi = ({ astrologer: t }) => /* @__PURE__ */ e.jsxs("div", { className: _.astrologerCard, children: [
|
|
1280
|
+
/* @__PURE__ */ e.jsxs("div", { className: _.astrologerTop, children: [
|
|
1281
|
+
/* @__PURE__ */ e.jsx("div", { className: _.astrologerAvatar, "aria-hidden": !0, children: t.imageUrl ? /* @__PURE__ */ e.jsx("img", { src: t.imageUrl, alt: t.name, width: 40, height: 40 }) : /* @__PURE__ */ e.jsx("span", { className: _.astrologerAvatarPlaceholder, children: t.name.charAt(0) }) }),
|
|
1282
|
+
/* @__PURE__ */ e.jsxs("div", { className: _.astrologerBasicInfo, children: [
|
|
1283
|
+
/* @__PURE__ */ e.jsx("p", { className: _.astrologerName, children: t.name }),
|
|
1284
|
+
/* @__PURE__ */ e.jsx("p", { className: _.astrologerExp, children: t.experience })
|
|
1270
1285
|
] })
|
|
1271
1286
|
] }),
|
|
1272
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1273
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1274
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1287
|
+
/* @__PURE__ */ e.jsx("div", { className: _.astrologerDivider }),
|
|
1288
|
+
/* @__PURE__ */ e.jsx("div", { className: _.astrologerCertList, children: t.certifications.map((s, r) => /* @__PURE__ */ e.jsxs("p", { className: _.astrologerCertItem, children: [
|
|
1289
|
+
/* @__PURE__ */ e.jsx("span", { className: _.bullet, children: "•" }),
|
|
1275
1290
|
" ",
|
|
1276
1291
|
s
|
|
1277
1292
|
] }, r)) })
|
|
1278
|
-
] }), Ai = ({ label: t }) => /* @__PURE__ */ e.jsxs("div", { className:
|
|
1293
|
+
] }), Ai = ({ label: t }) => /* @__PURE__ */ e.jsxs("div", { className: _.popularBadge, "aria-label": t, children: [
|
|
1279
1294
|
/* @__PURE__ */ e.jsx(Vr, {}),
|
|
1280
1295
|
/* @__PURE__ */ e.jsx("span", { children: t })
|
|
1281
1296
|
] }), Ei = ({ plan: t, isSelected: s, onSelect: r, t: a }) => {
|
|
@@ -1286,9 +1301,9 @@ const Kn = ({
|
|
|
1286
1301
|
"div",
|
|
1287
1302
|
{
|
|
1288
1303
|
className: [
|
|
1289
|
-
|
|
1290
|
-
s ?
|
|
1291
|
-
s &&
|
|
1304
|
+
_.planCard,
|
|
1305
|
+
s ? _.planCardSelected : "",
|
|
1306
|
+
s && _.planCardPopular
|
|
1292
1307
|
].filter(Boolean).join(" "),
|
|
1293
1308
|
onClick: i,
|
|
1294
1309
|
role: "radio",
|
|
@@ -1298,28 +1313,28 @@ const Kn = ({
|
|
|
1298
1313
|
"data-plan-id": t.id,
|
|
1299
1314
|
children: [
|
|
1300
1315
|
t.badge && /* @__PURE__ */ e.jsx(Ai, { label: t.badge }),
|
|
1301
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1302
|
-
/* @__PURE__ */ e.jsxs("div", { className: `${
|
|
1303
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1316
|
+
/* @__PURE__ */ e.jsxs("div", { className: _.planCardInner, children: [
|
|
1317
|
+
/* @__PURE__ */ e.jsxs("div", { className: `${_.planTitleRow} ${t.badge ? _.withBadgeSpacing : ""}`, children: [
|
|
1318
|
+
/* @__PURE__ */ e.jsx("span", { className: _.planTitle, children: t.title }),
|
|
1304
1319
|
/* @__PURE__ */ e.jsx(
|
|
1305
1320
|
"span",
|
|
1306
1321
|
{
|
|
1307
|
-
className: `${
|
|
1322
|
+
className: `${_.radioCircle} ${s ? _.radioChecked : ""}`,
|
|
1308
1323
|
"aria-hidden": !0,
|
|
1309
|
-
children: s && /* @__PURE__ */ e.jsx("span", { className:
|
|
1324
|
+
children: s && /* @__PURE__ */ e.jsx("span", { className: _.radioInner })
|
|
1310
1325
|
}
|
|
1311
1326
|
)
|
|
1312
1327
|
] }),
|
|
1313
|
-
/* @__PURE__ */ e.jsxs("div", { className:
|
|
1314
|
-
/* @__PURE__ */ e.jsx("span", { className:
|
|
1315
|
-
t.originalPrice && /* @__PURE__ */ e.jsx("span", { className:
|
|
1316
|
-
t.savingsLabel && /* @__PURE__ */ e.jsx("span", { className:
|
|
1328
|
+
/* @__PURE__ */ e.jsxs("div", { className: _.priceRow, children: [
|
|
1329
|
+
/* @__PURE__ */ e.jsx("span", { className: _.price, children: t.price }),
|
|
1330
|
+
t.originalPrice && /* @__PURE__ */ e.jsx("span", { className: _.originalPrice, children: t.originalPrice }),
|
|
1331
|
+
t.savingsLabel && /* @__PURE__ */ e.jsx("span", { className: _.savingsBadge, children: t.savingsLabel })
|
|
1317
1332
|
] }),
|
|
1318
1333
|
/* @__PURE__ */ e.jsx(Li, { features: t.features, t: a }),
|
|
1319
|
-
t.astrologers && /* @__PURE__ */ e.jsx("div", { className:
|
|
1334
|
+
t.astrologers && /* @__PURE__ */ e.jsx("div", { className: _.planDivider }),
|
|
1320
1335
|
t.astrologers && t.astrologers.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
|
|
1321
|
-
/* @__PURE__ */ e.jsx("p", { className:
|
|
1322
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1336
|
+
/* @__PURE__ */ e.jsx("p", { className: _.astrologerHeading, children: "We will assign you a top astrologer from below" }),
|
|
1337
|
+
/* @__PURE__ */ e.jsx("div", { className: _.astrologerList, role: "list", children: t.astrologers.map((c, m) => /* @__PURE__ */ e.jsx("div", { role: "listitem", children: /* @__PURE__ */ e.jsx(Bi, { astrologer: c, t: a }) }, m)) })
|
|
1323
1338
|
] })
|
|
1324
1339
|
] })
|
|
1325
1340
|
]
|
|
@@ -1381,76 +1396,76 @@ const Kn = ({
|
|
|
1381
1396
|
plans: i,
|
|
1382
1397
|
onProceed: o,
|
|
1383
1398
|
isGlobal: c = !1,
|
|
1384
|
-
t:
|
|
1399
|
+
t: m
|
|
1385
1400
|
}) => {
|
|
1386
|
-
const l = i ?? fe(c),
|
|
1387
|
-
|
|
1388
|
-
t &&
|
|
1401
|
+
const l = i ?? fe(c), h = r?.id || l.find((d) => d.badge)?.id || l[0]?.id || "", f = T(null), [v, g] = P("idle");
|
|
1402
|
+
j(() => {
|
|
1403
|
+
t && g("idle");
|
|
1389
1404
|
}, [t]);
|
|
1390
|
-
const
|
|
1391
|
-
if (!r ||
|
|
1392
|
-
const
|
|
1393
|
-
if (!
|
|
1405
|
+
const N = async () => {
|
|
1406
|
+
if (!r || v === "loading") return;
|
|
1407
|
+
const d = o(r);
|
|
1408
|
+
if (!d || typeof d.then != "function") {
|
|
1394
1409
|
s();
|
|
1395
1410
|
return;
|
|
1396
1411
|
}
|
|
1397
|
-
|
|
1412
|
+
g("loading");
|
|
1398
1413
|
try {
|
|
1399
|
-
await
|
|
1414
|
+
await d, s();
|
|
1400
1415
|
} catch {
|
|
1401
|
-
|
|
1416
|
+
g("error");
|
|
1402
1417
|
}
|
|
1403
1418
|
};
|
|
1404
|
-
return
|
|
1419
|
+
return j(() => {
|
|
1405
1420
|
if (t && !r) {
|
|
1406
|
-
const
|
|
1407
|
-
|
|
1421
|
+
const d = l.find((b) => b.badge) ?? l[0];
|
|
1422
|
+
d && a(d);
|
|
1408
1423
|
}
|
|
1409
|
-
}, [t, l, r, a]),
|
|
1424
|
+
}, [t, l, r, a]), j(() => {
|
|
1410
1425
|
if (!t) return;
|
|
1411
|
-
const
|
|
1426
|
+
const d = document.body.style.overflow, b = document.documentElement.style.overflow;
|
|
1412
1427
|
return document.body.style.overflow = "hidden", document.documentElement.style.overflow = "hidden", () => {
|
|
1413
|
-
document.body.style.overflow =
|
|
1428
|
+
document.body.style.overflow = d, document.documentElement.style.overflow = b;
|
|
1414
1429
|
};
|
|
1415
1430
|
}, [t]), t ? Oe(
|
|
1416
1431
|
/* @__PURE__ */ e.jsx(
|
|
1417
1432
|
"div",
|
|
1418
1433
|
{
|
|
1419
|
-
className:
|
|
1434
|
+
className: _.overlay,
|
|
1420
1435
|
role: "dialog",
|
|
1421
1436
|
"aria-modal": "true",
|
|
1422
|
-
"aria-label":
|
|
1423
|
-
children: /* @__PURE__ */ e.jsxs("div", { ref: f, className:
|
|
1437
|
+
"aria-label": m?.("Choose Your Kundli Plan") ?? "Choose Your Kundli Plan",
|
|
1438
|
+
children: /* @__PURE__ */ e.jsxs("div", { ref: f, className: _.sheet, children: [
|
|
1424
1439
|
/* @__PURE__ */ e.jsx(
|
|
1425
1440
|
Ri,
|
|
1426
1441
|
{
|
|
1427
|
-
title:
|
|
1442
|
+
title: m?.("Choose Your Kundli Plan") ?? "Choose Your Kundli Plan",
|
|
1428
1443
|
onBack: s
|
|
1429
1444
|
}
|
|
1430
1445
|
),
|
|
1431
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1446
|
+
/* @__PURE__ */ e.jsx("div", { className: _.plansContainer, role: "radiogroup", "aria-label": "Kundli matching plans", children: l.map((d) => /* @__PURE__ */ e.jsx(
|
|
1432
1447
|
Ei,
|
|
1433
1448
|
{
|
|
1434
|
-
plan:
|
|
1435
|
-
isSelected:
|
|
1436
|
-
t:
|
|
1437
|
-
onSelect: (
|
|
1438
|
-
const
|
|
1439
|
-
|
|
1449
|
+
plan: d,
|
|
1450
|
+
isSelected: d.id === h,
|
|
1451
|
+
t: m,
|
|
1452
|
+
onSelect: (b) => {
|
|
1453
|
+
const w = l.find((L) => L.id === b);
|
|
1454
|
+
w && a(w, !0);
|
|
1440
1455
|
}
|
|
1441
1456
|
},
|
|
1442
|
-
|
|
1457
|
+
d.id
|
|
1443
1458
|
)) }),
|
|
1444
|
-
/* @__PURE__ */ e.jsx("div", { className:
|
|
1459
|
+
/* @__PURE__ */ e.jsx("div", { className: _.footer, children: /* @__PURE__ */ e.jsxs(
|
|
1445
1460
|
"button",
|
|
1446
1461
|
{
|
|
1447
|
-
className:
|
|
1448
|
-
disabled: !r ||
|
|
1449
|
-
"aria-busy":
|
|
1450
|
-
onClick:
|
|
1462
|
+
className: _.proceedBtn,
|
|
1463
|
+
disabled: !r || v === "loading",
|
|
1464
|
+
"aria-busy": v === "loading",
|
|
1465
|
+
onClick: N,
|
|
1451
1466
|
children: [
|
|
1452
|
-
|
|
1453
|
-
r ?
|
|
1467
|
+
v === "loading" && /* @__PURE__ */ e.jsx("span", { className: _.spinner, "aria-hidden": "true" }),
|
|
1468
|
+
r ? v === "error" ? m?.("planProceedRetry") ?? "Try again" : "Proceed to Payment" : "Select a plan"
|
|
1454
1469
|
]
|
|
1455
1470
|
}
|
|
1456
1471
|
) })
|
|
@@ -1465,13 +1480,13 @@ function G({
|
|
|
1465
1480
|
onImpression: s,
|
|
1466
1481
|
children: r
|
|
1467
1482
|
}) {
|
|
1468
|
-
const a =
|
|
1469
|
-
return
|
|
1483
|
+
const a = T(null), i = T(!1);
|
|
1484
|
+
return j(() => {
|
|
1470
1485
|
const o = a.current;
|
|
1471
1486
|
if (!o) return;
|
|
1472
1487
|
const c = new IntersectionObserver(
|
|
1473
|
-
([
|
|
1474
|
-
!
|
|
1488
|
+
([m]) => {
|
|
1489
|
+
!m?.isIntersecting || i.current || (i.current = !0, s(t));
|
|
1475
1490
|
},
|
|
1476
1491
|
{
|
|
1477
1492
|
threshold: 0.1,
|
|
@@ -1490,11 +1505,11 @@ const Xi = ({
|
|
|
1490
1505
|
analytics: i,
|
|
1491
1506
|
googleMapsApiKey: o,
|
|
1492
1507
|
plans: c,
|
|
1493
|
-
onProceed:
|
|
1508
|
+
onProceed: m,
|
|
1494
1509
|
onLocaleChange: l,
|
|
1495
|
-
initialFormValues:
|
|
1510
|
+
initialFormValues: h,
|
|
1496
1511
|
autoOpenPlanSheet: f,
|
|
1497
|
-
variant:
|
|
1512
|
+
variant: v
|
|
1498
1513
|
}) => /* @__PURE__ */ e.jsx(
|
|
1499
1514
|
Pe,
|
|
1500
1515
|
{
|
|
@@ -1503,32 +1518,32 @@ const Xi = ({
|
|
|
1503
1518
|
isGlobal: a,
|
|
1504
1519
|
googleMapsApiKey: o,
|
|
1505
1520
|
plans: c,
|
|
1506
|
-
onProceed:
|
|
1521
|
+
onProceed: m,
|
|
1507
1522
|
analytics: i,
|
|
1508
1523
|
onLocaleChange: l,
|
|
1509
|
-
initialFormValues:
|
|
1524
|
+
initialFormValues: h,
|
|
1510
1525
|
autoOpenPlanSheet: f,
|
|
1511
|
-
children: /* @__PURE__ */ e.jsx(Mi, { className: t, variant:
|
|
1526
|
+
children: /* @__PURE__ */ e.jsx(Mi, { className: t, variant: v })
|
|
1512
1527
|
}
|
|
1513
1528
|
);
|
|
1514
1529
|
function Mi({ className: t, variant: s }) {
|
|
1515
|
-
const { locale: r, config: a, formValues: i, setFormValues: o } = ge(), [c,
|
|
1530
|
+
const { locale: r, config: a, formValues: i, setFormValues: o } = ge(), [c, m] = P(!1), [l, h] = P(
|
|
1516
1531
|
null
|
|
1517
|
-
), [f,
|
|
1532
|
+
), [f, v] = P(
|
|
1518
1533
|
() => Di(i.phoneCountryCode, a.isGlobal ?? !1)
|
|
1519
|
-
),
|
|
1534
|
+
), g = a.isGlobal ? f : "+91", N = T(
|
|
1520
1535
|
!!(i.phoneCountryCode && J.includes(i.phoneCountryCode))
|
|
1521
|
-
),
|
|
1522
|
-
|
|
1523
|
-
}, []),
|
|
1524
|
-
const
|
|
1536
|
+
), d = T(!1), b = ie((u) => {
|
|
1537
|
+
d.current = !0, v(u);
|
|
1538
|
+
}, []), w = T(!1), L = T(null), S = (u) => Oi(r, u), y = (u) => {
|
|
1539
|
+
const C = a.plans ?? fe(a.isGlobal ?? !1), F = l ?? C.find((q) => q.badge) ?? C[0];
|
|
1525
1540
|
a.analytics?.trackPlanPageViewed?.({
|
|
1526
|
-
plans:
|
|
1541
|
+
plans: C.map((q) => ({ sku: z(q.id), price: q.price }))
|
|
1527
1542
|
}), a.analytics?.trackFunnelEvent?.("plan_view", {
|
|
1528
1543
|
default_selected_sku: F ? z(F.id) : "",
|
|
1529
1544
|
entry: u
|
|
1530
1545
|
});
|
|
1531
|
-
},
|
|
1546
|
+
}, p = ie((u) => {
|
|
1532
1547
|
({
|
|
1533
1548
|
hero: () => a.analytics?.trackHeroSectionViewed?.(),
|
|
1534
1549
|
features: () => {
|
|
@@ -1543,27 +1558,27 @@ function Mi({ className: t, variant: s }) {
|
|
|
1543
1558
|
contact: () => a.analytics?.trackFunnelEvent?.("section_viewed", { section: "contact" })
|
|
1544
1559
|
})[u]?.();
|
|
1545
1560
|
}, [a.analytics]);
|
|
1546
|
-
|
|
1561
|
+
j(() => {
|
|
1547
1562
|
a.analytics?.trackKundliMatchingPageView?.();
|
|
1548
1563
|
}, [a.analytics]);
|
|
1549
|
-
const R =
|
|
1550
|
-
|
|
1564
|
+
const R = T(!0);
|
|
1565
|
+
j(() => {
|
|
1551
1566
|
if (R.current) {
|
|
1552
1567
|
R.current = !1;
|
|
1553
1568
|
return;
|
|
1554
1569
|
}
|
|
1555
|
-
|
|
1556
|
-
}, [a.isGlobal]),
|
|
1557
|
-
if (
|
|
1570
|
+
N.current || d.current || v(a.isGlobal ? "+1" : "+91");
|
|
1571
|
+
}, [a.isGlobal]), j(() => {
|
|
1572
|
+
if (d.current) return;
|
|
1558
1573
|
const u = i.phoneCountryCode;
|
|
1559
|
-
u && J.includes(u) && u !==
|
|
1574
|
+
u && J.includes(u) && u !== g && (N.current = !0, v(u));
|
|
1560
1575
|
}, [i.phoneCountryCode]);
|
|
1561
|
-
const $ =
|
|
1562
|
-
|
|
1563
|
-
$.current || !a.autoOpenPlanSheet || ($.current = !0,
|
|
1576
|
+
const $ = T(!1);
|
|
1577
|
+
j(() => {
|
|
1578
|
+
$.current || !a.autoOpenPlanSheet || ($.current = !0, m(!0), y("deep_link"));
|
|
1564
1579
|
}, [a.autoOpenPlanSheet, a.analytics]);
|
|
1565
|
-
const B =
|
|
1566
|
-
|
|
1580
|
+
const B = T(!1);
|
|
1581
|
+
j(() => {
|
|
1567
1582
|
if (B.current || a.autoOpenPlanSheet) return;
|
|
1568
1583
|
const u = a.initialFormValues;
|
|
1569
1584
|
if (!(!!u && (!!u.boy?.fullName || !!u.boy?.dateOfBirth || !!u.boy?.birthTime || !!u.boy?.birthPlace || !!u.girl?.fullName || !!u.girl?.dateOfBirth || !!u.girl?.birthTime || !!u.girl?.birthPlace || !!u.phone || !!u.email || !!u.reportLanguage))) return;
|
|
@@ -1573,11 +1588,11 @@ function Mi({ className: t, variant: s }) {
|
|
|
1573
1588
|
});
|
|
1574
1589
|
return () => cancelAnimationFrame(F);
|
|
1575
1590
|
}, [a.autoOpenPlanSheet, a.initialFormValues]);
|
|
1576
|
-
const [K, H] = P(!1), W =
|
|
1591
|
+
const [K, H] = P(!1), W = T(null), ve = (u) => {
|
|
1577
1592
|
if (W.current === null) {
|
|
1578
1593
|
W.current = Date.now();
|
|
1579
|
-
const [
|
|
1580
|
-
let Y =
|
|
1594
|
+
const [C, F] = Object.entries(u)[0] ?? [], q = C === "boy" || C === "girl" ? C : "contact";
|
|
1595
|
+
let Y = C ?? "";
|
|
1581
1596
|
if (q !== "contact" && F && typeof F == "object") {
|
|
1582
1597
|
const Q = i[q], ae = F;
|
|
1583
1598
|
Y = Object.keys(ae).find((X) => X !== "birthPlaceNeedsPick" && ae[X] !== Q[X]) ?? Y;
|
|
@@ -1587,43 +1602,43 @@ function Mi({ className: t, variant: s }) {
|
|
|
1587
1602
|
partner: q
|
|
1588
1603
|
});
|
|
1589
1604
|
}
|
|
1590
|
-
o((
|
|
1605
|
+
o((C) => ({ ...C, ...u }));
|
|
1591
1606
|
}, ye = () => {
|
|
1592
1607
|
a.analytics?.trackPrimaryCtaClickedL1?.({
|
|
1593
1608
|
avenue: "kundli_matching_form"
|
|
1594
1609
|
}), a.analytics?.trackFunnelEvent?.("form_submit_attempt"), a.analytics?.trackFunnelEvent?.("form_submit_success", {
|
|
1595
1610
|
// 0 when nothing was typed (fully pre-filled form).
|
|
1596
1611
|
seconds_since_form_start: W.current ? Math.round((Date.now() - W.current) / 1e3) : 0
|
|
1597
|
-
}),
|
|
1598
|
-
}, je = (u,
|
|
1599
|
-
|
|
1612
|
+
}), w.current = !1, m(!0), y("cta");
|
|
1613
|
+
}, je = (u, C) => {
|
|
1614
|
+
h(u), C && a.analytics?.trackFunnelEvent?.("plan_select", { sku: z(u.id) }), a.analytics?.trackPlanSelected?.({
|
|
1600
1615
|
planId: u.id,
|
|
1601
1616
|
planName: u.title
|
|
1602
1617
|
});
|
|
1603
1618
|
}, Ne = (u) => {
|
|
1604
|
-
|
|
1619
|
+
w.current = !0, a.analytics?.trackPlanProceedClicked?.({
|
|
1605
1620
|
planId: u.id,
|
|
1606
1621
|
planName: u.title
|
|
1607
1622
|
});
|
|
1608
|
-
const
|
|
1623
|
+
const C = (i.phone ?? "").trim(), F = {
|
|
1609
1624
|
...i,
|
|
1610
|
-
phone:
|
|
1625
|
+
phone: C && `${g}-${C}`
|
|
1611
1626
|
};
|
|
1612
1627
|
if (a.onProceed)
|
|
1613
1628
|
return a.onProceed(F, u);
|
|
1614
1629
|
console.log("Proceeding to payment:", { formValues: F, plan: u });
|
|
1615
1630
|
}, we = () => {
|
|
1616
|
-
|
|
1631
|
+
w.current || (a.analytics?.trackPlanPageClosed?.(), a.analytics?.trackFunnelEvent?.("plan_sheet_closed", {
|
|
1617
1632
|
selected_sku: l ? z(l.id) : ""
|
|
1618
|
-
})),
|
|
1633
|
+
})), m(!1);
|
|
1619
1634
|
};
|
|
1620
1635
|
return /* @__PURE__ */ e.jsxs("div", { className: `kundli-matching-page-root space-y-8 max-w-lg mx-auto pb-[160px] ${t}`, children: [
|
|
1621
1636
|
/* @__PURE__ */ e.jsxs("div", { className: "relative", children: [
|
|
1622
1637
|
/* @__PURE__ */ e.jsx(tt, { t: S }),
|
|
1623
|
-
/* @__PURE__ */ e.jsx(G, { section: "hero", onImpression:
|
|
1638
|
+
/* @__PURE__ */ e.jsx(G, { section: "hero", onImpression: p, children: /* @__PURE__ */ e.jsx(ut, { t: S, variant: s }) })
|
|
1624
1639
|
] }),
|
|
1625
|
-
/* @__PURE__ */ e.jsx(G, { section: "baba", onImpression:
|
|
1626
|
-
/* @__PURE__ */ e.jsx(G, { section: "features", onImpression:
|
|
1640
|
+
/* @__PURE__ */ e.jsx(G, { section: "baba", onImpression: p, children: /* @__PURE__ */ e.jsx(Pa, { t: S, locale: r, analytics: a.analytics }) }),
|
|
1641
|
+
/* @__PURE__ */ e.jsx(G, { section: "features", onImpression: p, children: /* @__PURE__ */ e.jsx(
|
|
1627
1642
|
ga,
|
|
1628
1643
|
{
|
|
1629
1644
|
t: S,
|
|
@@ -1632,9 +1647,9 @@ function Mi({ className: t, variant: s }) {
|
|
|
1632
1647
|
}
|
|
1633
1648
|
}
|
|
1634
1649
|
) }),
|
|
1635
|
-
/* @__PURE__ */ e.jsx(G, { section: "sneakPeek", onImpression:
|
|
1636
|
-
/* @__PURE__ */ e.jsx(G, { section: "astrologers", onImpression:
|
|
1637
|
-
/* @__PURE__ */ e.jsx(G, { section: "form", onImpression:
|
|
1650
|
+
/* @__PURE__ */ e.jsx(G, { section: "sneakPeek", onImpression: p, children: /* @__PURE__ */ e.jsx(Kn, { t: S, analytics: a.analytics }) }),
|
|
1651
|
+
/* @__PURE__ */ e.jsx(G, { section: "astrologers", onImpression: p, children: /* @__PURE__ */ e.jsx(Wt, { t: S }) }),
|
|
1652
|
+
/* @__PURE__ */ e.jsx(G, { section: "form", onImpression: p, children: /* @__PURE__ */ e.jsx("div", { ref: L, children: /* @__PURE__ */ e.jsx(
|
|
1638
1653
|
Se,
|
|
1639
1654
|
{
|
|
1640
1655
|
t: S,
|
|
@@ -1643,14 +1658,14 @@ function Mi({ className: t, variant: s }) {
|
|
|
1643
1658
|
googleMapsApiKey: a.googleMapsApiKey,
|
|
1644
1659
|
isGlobal: a.isGlobal,
|
|
1645
1660
|
analytics: a.analytics,
|
|
1646
|
-
phoneIsdCode:
|
|
1647
|
-
onPhoneIsdCodeChange:
|
|
1661
|
+
phoneIsdCode: g,
|
|
1662
|
+
onPhoneIsdCodeChange: b,
|
|
1648
1663
|
showAllErrors: K
|
|
1649
1664
|
}
|
|
1650
1665
|
) }) }),
|
|
1651
|
-
/* @__PURE__ */ e.jsx(G, { section: "testimonials", onImpression:
|
|
1652
|
-
/* @__PURE__ */ e.jsx(G, { section: "faq", onImpression:
|
|
1653
|
-
/* @__PURE__ */ e.jsx(G, { section: "contact", onImpression:
|
|
1666
|
+
/* @__PURE__ */ e.jsx(G, { section: "testimonials", onImpression: p, children: /* @__PURE__ */ e.jsx(or, { t: S, analytics: a.analytics }) }),
|
|
1667
|
+
/* @__PURE__ */ e.jsx(G, { section: "faq", onImpression: p, children: /* @__PURE__ */ e.jsx(xr, { t: S, analytics: a.analytics }) }),
|
|
1668
|
+
/* @__PURE__ */ e.jsx(G, { section: "contact", onImpression: p, children: /* @__PURE__ */ e.jsx(jt, { t: S, analytics: a.analytics }) }),
|
|
1654
1669
|
/* @__PURE__ */ e.jsx(
|
|
1655
1670
|
Fr,
|
|
1656
1671
|
{
|
|
@@ -1658,7 +1673,7 @@ function Mi({ className: t, variant: s }) {
|
|
|
1658
1673
|
values: i,
|
|
1659
1674
|
onProceed: ye,
|
|
1660
1675
|
onInvalidAttempt: () => H(!0),
|
|
1661
|
-
phoneIsdCode:
|
|
1676
|
+
phoneIsdCode: g,
|
|
1662
1677
|
isGlobal: a.isGlobal,
|
|
1663
1678
|
analytics: a.analytics
|
|
1664
1679
|
}
|
|
@@ -1701,4 +1716,4 @@ export {
|
|
|
1701
1716
|
oe as g,
|
|
1702
1717
|
Yi as r
|
|
1703
1718
|
};
|
|
1704
|
-
//# sourceMappingURL=criticalCss-
|
|
1719
|
+
//# sourceMappingURL=criticalCss-CpWIW_6M.js.map
|