@srimandir/pitru-paksh-ritual-recommendation 2.0.7 → 2.0.9

package/dist/pitru-paksh-ritual-recommendation.js

@@ -1,6 +1,6 @@
 import { createI18n as fa, BottomSheet as Rt } from "@srimandir/common";
 import Q, { useState as E, useRef as ke, useEffect as Ze, useMemo as rt, Fragment as ma } from "react";
-import { VideoPlayer as Tt, Button as _, TestimonialCard as xa, FAQSection as ha, TopBar as pa, L2Card as ga, OutcomeButton as Se, CheckIcon as Pt, PlusIcon as Ot, OutcomeSummary as ba, TextField as ya, SelectorCard as Lt, StepProgressHeader as Be, AudioQuestionCard as Je, Chip as je, SelectorCardEditableField as ot, SelectorCardNote as ja, TithiPickerSheet as va, DatePickerSheet as Na } from "@srimandir/pitru-paksh-common";
+import { VideoPlayer as Tt, Button as _, TestimonialCard as xa, FAQSection as ha, TopBar as pa, L2Card as ga, OutcomeButton as Se, CheckIcon as Pt, PlusIcon as Ot, OutcomeSummary as ba, TextField as ya, SelectorCard as Lt, StepProgressHeader as Be, AudioQuestionCard as Je, Chip as ve, SelectorCardEditableField as ot, SelectorCardNote as va, TithiPickerSheet as ja, DatePickerSheet as Na } from "@srimandir/pitru-paksh-common";
 const wa = {
   // shared
   trustPujasCompleted: "300K+ pujas completed",
@@ -594,11 +594,11 @@ var ue = {};
 var dt;
 function Oa() {
   return dt || (dt = 1, process.env.NODE_ENV !== "production" && (function() {
-    var t = Q, i = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), l = /* @__PURE__ */ Symbol.for("react.profiler"), o = /* @__PURE__ */ Symbol.for("react.provider"), f = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), b = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.offscreen"), w = Symbol.iterator, j = "@@iterator";
+    var t = Q, i = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), d = /* @__PURE__ */ Symbol.for("react.strict_mode"), l = /* @__PURE__ */ Symbol.for("react.profiler"), o = /* @__PURE__ */ Symbol.for("react.provider"), f = /* @__PURE__ */ Symbol.for("react.context"), c = /* @__PURE__ */ Symbol.for("react.forward_ref"), x = /* @__PURE__ */ Symbol.for("react.suspense"), b = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), h = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.offscreen"), w = Symbol.iterator, v = "@@iterator";
     function z(a) {
       if (a === null || typeof a != "object")
         return null;
-      var r = w && a[w] || a[j];
+      var r = w && a[w] || a[v];
       return typeof r == "function" ? r : null;
     }
     var G = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -812,17 +812,17 @@ function Oa() {
         }
       } catch (W) {
         if (W && g && typeof W.stack == "string") {
-          for (var v = W.stack.split(`
+          for (var j = W.stack.split(`
 `), C = g.stack.split(`
-`), A = v.length - 1, I = C.length - 1; A >= 1 && I >= 0 && v[A] !== C[I]; )
+`), A = j.length - 1, I = C.length - 1; A >= 1 && I >= 0 && j[A] !== C[I]; )
             I--;
           for (; A >= 1 && I >= 0; A--, I--)
-            if (v[A] !== C[I]) {
+            if (j[A] !== C[I]) {
               if (A !== 1 || I !== 1)
                 do
-                  if (A--, I--, I < 0 || v[A] !== C[I]) {
+                  if (A--, I--, I < 0 || j[A] !== C[I]) {
                     var J = `
-` + v[A].replace(" at new ", " at ");
+` + j[A].replace(" at new ", " at ");
                     return a.displayName && J.includes("<anonymous>") && (J = J.replace("<anonymous>", a.displayName)), typeof a == "function" && pe.set(a, J), J;
                   }
                 while (A >= 1 && I >= 0);
@@ -884,17 +884,17 @@ function Oa() {
         var O = Function.call.bind(ce);
         for (var k in a)
           if (O(a, k)) {
-            var v = void 0;
+            var j = void 0;
             try {
               if (typeof a[k] != "function") {
                 var C = Error((g || "React class") + ": " + u + " type `" + k + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof a[k] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw C.name = "Invariant Violation", C;
               }
-              v = a[k](r, k, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              j = a[k](r, k, g, u, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (A) {
-              v = A;
+              j = A;
             }
-            v && !(v instanceof Error) && (be(S), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, k, typeof v), be(null)), v instanceof Error && !(v.message in Ve) && (Ve[v.message] = !0, be(S), R("Failed %s type: %s", u, v.message), be(null));
+            j && !(j instanceof Error) && (be(S), R("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", g || "React class", u, k, typeof j), be(null)), j instanceof Error && !(j.message in Ve) && (Ve[j.message] = !0, be(S), R("Failed %s type: %s", u, j.message), be(null));
           }
       }
     }
@@ -970,7 +970,7 @@ function Oa() {
       }
     }
     var ea = function(a, r, u, g, S, O, k) {
-      var v = {
+      var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: i,
         // Built-in properties that belong on the element
@@ -981,27 +981,27 @@ function Oa() {
         // Record the component responsible for creating this element.
         _owner: O
       };
-      return v._store = {}, Object.defineProperty(v._store, "validated", {
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(v, "_self", {
+      }), Object.defineProperty(j, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: g
-      }), Object.defineProperty(v, "_source", {
+      }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: S
-      }), Object.freeze && (Object.freeze(v.props), Object.freeze(v)), v;
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
     function ta(a, r, u, g, S) {
       {
-        var O, k = {}, v = null, C = null;
-        u !== void 0 && (Xe(u), v = "" + u), Xt(r) && (Xe(r.key), v = "" + r.key), Qt(r) && (C = r.ref, qt(r, S));
+        var O, k = {}, j = null, C = null;
+        u !== void 0 && (Xe(u), j = "" + u), Xt(r) && (Xe(r.key), j = "" + r.key), Qt(r) && (C = r.ref, qt(r, S));
         for (O in r)
           ce.call(r, O) && !Ut.hasOwnProperty(O) && (k[O] = r[O]);
         if (a && a.defaultProps) {
@@ -1009,11 +1009,11 @@ function Oa() {
           for (O in A)
             k[O] === void 0 && (k[O] = A[O]);
         }
-        if (v || C) {
+        if (j || C) {
           var I = typeof a == "function" ? a.displayName || a.name || "Unknown" : a;
-          v && _t(k, I), C && $t(k, I);
+          j && _t(k, I), C && $t(k, I);
         }
-        return ea(a, v, C, S, g, qe.current, k);
+        return ea(a, j, C, S, g, qe.current, k);
       }
     }
     var Ee = G.ReactCurrentOwner, et = G.ReactDebugCurrentFrame;
@@ -1131,12 +1131,12 @@ Check the top-level render call using <` + u + ">.");
       {
         var k = K(a);
         if (!k) {
-          var v = "";
-          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (v += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
+          var j = "";
+          (a === void 0 || typeof a == "object" && a !== null && Object.keys(a).length === 0) && (j += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var C = aa();
-          C ? v += C : v += tt();
+          C ? j += C : j += tt();
           var A;
-          a === null ? A = "null" : ze(a) ? A = "array" : a !== void 0 && a.$$typeof === i ? (A = "<" + (p(a.type) || "Unknown") + " />", v = " Did you accidentally export a JSX literal instead of a component?") : A = typeof a, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, v);
+          a === null ? A = "null" : ze(a) ? A = "array" : a !== void 0 && a.$$typeof === i ? (A = "<" + (p(a.type) || "Unknown") + " />", j = " Did you accidentally export a JSX literal instead of a component?") : A = typeof a, R("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", A, j);
         }
         var I = ta(a, r, u, S, O);
         if (I == null)
@@ -1210,14 +1210,14 @@ function za(t, i) {
   }
   return n;
 }
-function ve() {
-  return ve = Object.assign ? Object.assign.bind() : function(t) {
+function je() {
+  return je = Object.assign ? Object.assign.bind() : function(t) {
     for (var i = 1; i < arguments.length; i++) {
       var n = arguments[i];
       for (var s in n) ({}).hasOwnProperty.call(n, s) && (t[s] = n[s]);
     }
     return t;
-  }, ve.apply(null, arguments);
+  }, je.apply(null, arguments);
 }
 function mt(t, i) {
   var n = Object.keys(t);
@@ -1263,14 +1263,14 @@ function zt(t) {
   }, i.attr), zt(i.child)));
 }
 function D(t) {
-  return (i) => /* @__PURE__ */ Q.createElement(Ia, ve({
+  return (i) => /* @__PURE__ */ Q.createElement(Ia, je({
     attr: Ne({}, t.attr)
   }, i), zt(t.child));
 }
 function Ia(t) {
   var i = (n) => {
     var s = t.attr, d = t.size, l = t.title, o = Da(t, Ma), f = d || n.size || "1em", c;
-    return n.className && (c = n.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ Q.createElement("svg", ve({
+    return n.className && (c = n.className), t.className && (c = (c ? c + " " : "") + t.className), /* @__PURE__ */ Q.createElement("svg", je({
       stroke: "currentColor",
       fill: "currentColor",
       strokeWidth: "0"
@@ -1657,14 +1657,14 @@ function bi({ videoUrl: t }) {
   ] });
 }
 const yi = Array.from({ length: 6 }, (t, i) => i + 1);
-function ji() {
+function vi() {
   const { t } = P(), i = yi.map((n) => ({
     question: t(`landingFaqQ${n}`),
     answer: t(`landingFaqA${n}`)
   }));
   return /* @__PURE__ */ e.jsx("section", { className: "flex w-full flex-col gap-5", children: /* @__PURE__ */ e.jsx(ha, { title: t("landingFaqTitle"), items: i, initialVisibleCount: 6 }) });
 }
-function vi() {
+function ji() {
   const { t } = P();
   return /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col items-start gap-6 bg-[#fff6f0] px-4 py-6 border-b border-[#B2B2B2]/50", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-start", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-2", children: [
@@ -1712,7 +1712,7 @@ function Oi() {
         )
       ] })
     ] }),
-    /* @__PURE__ */ e.jsx(vi, {}),
+    /* @__PURE__ */ e.jsx(ji, {}),
     /* @__PURE__ */ e.jsx(Si, {})
   ] }) });
 }
@@ -1767,7 +1767,7 @@ function as({
     /* @__PURE__ */ e.jsx(fi, {}),
     /* @__PURE__ */ e.jsx(hi, {}),
     /* @__PURE__ */ e.jsx(bi, { videoUrl: t }),
-    /* @__PURE__ */ e.jsx(ji, {}),
+    /* @__PURE__ */ e.jsx(vi, {}),
     /* @__PURE__ */ e.jsx(Oi, {})
   ] });
 }
@@ -1787,7 +1787,7 @@ function Di({
   dateLabel: h,
   locationLabel: L,
   price: w,
-  isAdded: j,
+  isAdded: v,
   onCtaClick: z,
   onPriceInfoClick: G
 }) {
@@ -1797,7 +1797,7 @@ function Di({
     {
       chipNumber: String(t).padStart(2, "0"),
       chipLabel: i,
-      isAdded: j,
+      isAdded: v,
       onEditClick: n,
       editButtonAriaLabel: R("outcomeEditAriaLabel"),
       onExpandClick: s,
@@ -1819,10 +1819,10 @@ function Di({
       cta: /* @__PURE__ */ e.jsx(
         Se,
         {
-          variant: j ? "secondary" : "primary",
-          leftIcon: j ? /* @__PURE__ */ e.jsx(Pt, {}) : /* @__PURE__ */ e.jsx(Ot, {}),
+          variant: v ? "secondary" : "primary",
+          leftIcon: v ? /* @__PURE__ */ e.jsx(Pt, {}) : /* @__PURE__ */ e.jsx(Ot, {}),
           onClick: z,
-          children: R(j ? "outcomeAddedLabel" : "outcomeAddLabel")
+          children: R(v ? "outcomeAddedLabel" : "outcomeAddLabel")
         }
       )
     }
@@ -1967,7 +1967,7 @@ function _i(t) {
 function $i(t) {
   return D({ attr: { viewBox: "0 0 512 512" }, child: [{ tag: "path", attr: { d: "M256 48C141.31 48 48 141.31 48 256s93.31 208 208 208 208-93.31 208-208S370.69 48 256 48m80 224h-64v64a16 16 0 0 1-32 0v-64h-64a16 16 0 0 1 0-32h64v-64a16 16 0 0 1 32 0v64h64a16 16 0 0 1 0 32" }, child: [] }] })(t);
 }
-const jt = "https://srm-sbox-cdn.a4b.io/yoda/1788262151570.svg", vt = "https://srm-sbox-cdn.a4b.io/yoda/1788261913205.svg", en = "https://srm-sbox-cdn.a4b.io/yoda/1788262091738.webp", tn = "https://srm-sbox-cdn.a4b.io/yoda/1788262066955.webp", an = "https://srm-sbox-cdn.a4b.io/yoda/1788262081237.webp", nn = "https://srm-sbox-cdn.a4b.io/yoda/1788262102550.webp", sn = [
+const vt = "https://srm-sbox-cdn.a4b.io/yoda/1788262151570.svg", jt = "https://srm-sbox-cdn.a4b.io/yoda/1788261913205.svg", en = "https://srm-sbox-cdn.a4b.io/yoda/1788262091738.webp", tn = "https://srm-sbox-cdn.a4b.io/yoda/1788262066955.webp", an = "https://srm-sbox-cdn.a4b.io/yoda/1788262081237.webp", nn = "https://srm-sbox-cdn.a4b.io/yoda/1788262102550.webp", sn = [
   { key: "nameGotra", image: en, titleKey: "processNameGotraTitle", descriptionKey: "processNameGotraDescription" },
   { key: "liveUpdates", image: tn, titleKey: "processLiveUpdatesTitle", descriptionKey: "processLiveUpdatesDescription" },
   { key: "mantras", image: an, titleKey: "processMantrasTitle", descriptionKey: "processMantrasDescription" },
@@ -1978,13 +1978,13 @@ function ln() {
   return /* @__PURE__ */ e.jsxs("section", { className: "flex w-full flex-col items-center gap-4 py-4", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-2 px-4", children: [
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center gap-1", children: [
-        /* @__PURE__ */ e.jsx("img", { src: jt, alt: "", "aria-hidden": !0, className: "h-px flex-1 -scale-x-100" }),
-        /* @__PURE__ */ e.jsx("img", { src: vt, alt: "", "aria-hidden": !0, className: "size-2 shrink-0" })
+        /* @__PURE__ */ e.jsx("img", { src: vt, alt: "", "aria-hidden": !0, className: "h-px flex-1 -scale-x-100" }),
+        /* @__PURE__ */ e.jsx("img", { src: jt, alt: "", "aria-hidden": !0, className: "size-2 shrink-0" })
       ] }),
       /* @__PURE__ */ e.jsx("p", { className: "shrink-0 text-sm font-bold leading-5 text-[#22272b]", children: t("processInvolvedHeading") }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 items-center gap-1", children: [
-        /* @__PURE__ */ e.jsx("img", { src: vt, alt: "", "aria-hidden": !0, className: "size-2 shrink-0" }),
-        /* @__PURE__ */ e.jsx("img", { src: jt, alt: "", "aria-hidden": !0, className: "h-px flex-1" })
+        /* @__PURE__ */ e.jsx("img", { src: jt, alt: "", "aria-hidden": !0, className: "size-2 shrink-0" }),
+        /* @__PURE__ */ e.jsx("img", { src: vt, alt: "", "aria-hidden": !0, className: "h-px flex-1" })
       ] })
     ] }),
     /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-col items-start gap-4 px-4", children: sn.map((i) => /* @__PURE__ */ e.jsxs("div", { className: "flex h-24 w-full items-center overflow-hidden rounded-xl border border-gray-100", children: [
@@ -2115,7 +2115,7 @@ function xn({
     if (!h.current) return;
     const G = h.current.y - z.clientY, R = Math.min(window.innerHeight, Math.max(200, h.current.height + G));
     f(R);
-  }, j = () => {
+  }, v = () => {
     if (!h.current) return;
     const z = (o ?? 0) >= window.innerHeight * mn;
     h.current = null, N(!1), x(z), f(z ? window.innerHeight : window.innerHeight * He);
@@ -2160,8 +2160,8 @@ function xn({
               "aria-label": s,
               onPointerDown: L,
               onPointerMove: w,
-              onPointerUp: j,
-              onPointerCancel: j,
+              onPointerUp: v,
+              onPointerCancel: v,
               className: "flex w-full shrink-0 cursor-grab touch-none items-center justify-center border-0 bg-transparent py-2 active:cursor-grabbing",
               children: /* @__PURE__ */ e.jsx("span", { className: "h-1 w-10 rounded-full bg-gray-300" })
             }
@@ -2200,8 +2200,8 @@ function me(t) {
 function Oe(t) {
   return D({ attr: { viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, child: [{ tag: "line", attr: { x1: "19", y1: "12", x2: "5", y2: "12" }, child: [] }, { tag: "polyline", attr: { points: "12 19 5 12 12 5" }, child: [] }] })(t);
 }
-const yn = "https://srm-cdn.a4b.io/yoda/1788253585577.svg", jn = "https://srm-cdn.a4b.io/yoda/1788323562516.svg";
-function vn({
+const yn = "https://srm-cdn.a4b.io/yoda/1788253585577.svg", vn = "https://srm-cdn.a4b.io/yoda/1788323562516.svg";
+function jn({
   images: t,
   title: i,
   description: n,
@@ -2243,7 +2243,7 @@ function vn({
     /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-center gap-3", children: [
       /* @__PURE__ */ e.jsx("p", { className: "w-full text-xl font-bold leading-7 text-[#361407]", children: i }),
       /* @__PURE__ */ e.jsx("p", { className: "w-full text-sm font-normal leading-5 text-gray-500", children: n }),
-      /* @__PURE__ */ e.jsx("img", { src: jn, alt: "", "aria-hidden": !0, className: "h-px w-full" }),
+      /* @__PURE__ */ e.jsx("img", { src: vn, alt: "", "aria-hidden": !0, className: "h-px w-full" }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-start gap-2", children: [
         /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-2", children: [
           /* @__PURE__ */ e.jsx(Ht, { "aria-hidden": !0, className: "size-3.5 shrink-0 text-gray-700" }),
@@ -2560,7 +2560,7 @@ function En({
   const [L, w] = E(null);
   if (!t)
     return null;
-  const j = L != null ? d[L] : null;
+  const v = L != null ? d[L] : null;
   return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
     /* @__PURE__ */ e.jsxs("div", { className: "fixed inset-0 z-50 mx-auto flex w-full max-w-md items-end justify-center", children: [
       /* @__PURE__ */ e.jsx(
@@ -2626,10 +2626,10 @@ function En({
     /* @__PURE__ */ e.jsx(
       Mn,
       {
-        isOpen: j != null,
+        isOpen: v != null,
         avatarUrl: n,
         messagePrefix: b,
-        highlightedNames: j ? `${j.name} ${j.tithi}?` : "",
+        highlightedNames: v ? `${v.name} ${v.tithi}?` : "",
         confirmLabel: N,
         cancelLabel: h,
         onConfirm: () => {
@@ -2715,7 +2715,7 @@ function is({
 }) {
   const { t: h } = P(), [L, w] = E(
     () => Object.fromEntries(i.map((m) => [m.index, m.isAdded]))
-  ), [j, z] = E(n?.isAdded ?? !1), [G, R] = E(null), [V, $] = E(null), [ee, X] = E(null), [re, ie] = E(
+  ), [v, z] = E(n?.isAdded ?? !1), [G, R] = E(null), [V, $] = E(null), [ee, X] = E(null), [re, ie] = E(
     () => Object.fromEntries(
       i.filter((m) => m.ancestorPujaItems).map((m) => [m.index, m.ancestorPujaItems.map((H) => H.isActive)])
     )
@@ -2728,7 +2728,7 @@ function is({
       subtitle: m.locationLabel ?? "",
       lineTotal: m.price
     })),
-    ...n && j ? [{ name: n.title, subtitle: n.description, lineTotal: n.price }] : []
+    ...n && v ? [{ name: n.title, subtitle: n.description, lineTotal: n.price }] : []
   ], F = typeof V == "number" ? i.find((m) => m.index === V) ?? null : null, y = F ? [{ name: F.title, subtitle: F.locationLabel ?? "", lineTotal: F.price }] : te, T = F ? F.price : x, M = (m) => /* @__PURE__ */ e.jsx(
     Di,
     {
@@ -2768,7 +2768,7 @@ function is({
         Gi,
         {
           ...n,
-          isAdded: j,
+          isAdded: v,
           onCtaClick: () => {
             z((m) => !m), n.onCtaClick?.();
           }
@@ -2831,7 +2831,7 @@ function is({
         ),
         children: [
           p && /* @__PURE__ */ e.jsx(
-            vn,
+            jn,
             {
               images: p.detailImages ?? (p.imageUrl ? [p.imageUrl] : []),
               title: p.title,
@@ -2957,32 +2957,18 @@ function Ct({
   return t ? /* @__PURE__ */ e.jsx(
     "div",
     {
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-black/40 px-6",
+      className: "avatar-card-dialog",
       role: "presentation",
       onClick: (N) => {
         N.target === N.currentTarget && i();
       },
-      children: /* @__PURE__ */ e.jsxs("div", { className: "relative w-full max-w-sm rounded-[20px] border border-[rgba(28,27,27,0.2)] bg-white px-5 pt-12 pb-5 shadow-[0px_8px_12px_rgba(0,0,0,0.08)]", children: [
-        /* @__PURE__ */ e.jsxs("div", { className: "absolute -top-7.75 left-1/2 size-16 -translate-x-1/2 overflow-hidden rounded-full border-3 border-white bg-[#FEF5E9]", children: [
-          /* @__PURE__ */ e.jsx(
-            "img",
-            {
-              src: Hn,
-              alt: "",
-              className: "absolute top-[calc(50%-7.16px)] left-1/2 size-[60.7px] -translate-x-1/2 -translate-y-1/2"
-            }
-          ),
-          /* @__PURE__ */ e.jsx(
-            "img",
-            {
-              src: n,
-              alt: "",
-              className: "pointer-events-none absolute top-0 left-1/2 size-18 -translate-x-1/2 translate-y-0 object-contain"
-            }
-          )
+      children: /* @__PURE__ */ e.jsxs("div", { className: "avatar-card-dialog__card", children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "avatar-card-dialog__avatar", children: [
+          /* @__PURE__ */ e.jsx("img", { src: Hn, alt: "", className: "avatar-card-dialog__avatar-glow" }),
+          /* @__PURE__ */ e.jsx("img", { src: n, alt: "", className: "avatar-card-dialog__avatar-image" })
         ] }),
-        /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-col items-center gap-6", children: [
-          /* @__PURE__ */ e.jsx("p", { className: "text-center text-[12px] leading-4 font-semibold text-[#374151]", children: s }),
+        /* @__PURE__ */ e.jsxs("div", { className: "avatar-card-dialog__content", children: [
+          /* @__PURE__ */ e.jsx("p", { className: "avatar-card-dialog__heading", children: s }),
           /* @__PURE__ */ e.jsx(
             Lt,
             {
@@ -3002,7 +2988,7 @@ function Ct({
           {
             variant: "primary",
             size: "md",
-            className: "mt-6 w-full rounded-xl",
+            className: "avatar-card-dialog__button",
             onClick: l,
             children: d
           }
@@ -3063,26 +3049,26 @@ function ns({
         /* @__PURE__ */ e.jsx("p", { className: "text-[14px] leading-5 font-semibold text-[#47250c]", children: o("selectAncestorsSubheading") })
       ] }),
       /* @__PURE__ */ e.jsxs("div", { className: "flex w-full flex-1 flex-wrap content-start items-center gap-3", children: [
-        Te.map((j) => /* @__PURE__ */ e.jsx(
-          je,
+        Te.map((v) => /* @__PURE__ */ e.jsx(
+          ve,
           {
-            label: o(j.labelKey),
-            selected: f.includes(j.id),
-            onClick: () => i({ type: "TOGGLE_ANCESTOR", payload: j.id })
+            label: o(v.labelKey),
+            selected: f.includes(v.id),
+            onClick: () => i({ type: "TOGGLE_ANCESTOR", payload: v.id })
           },
-          j.id
+          v.id
         )),
-        c.map((j) => /* @__PURE__ */ e.jsx(
-          je,
+        c.map((v) => /* @__PURE__ */ e.jsx(
+          ve,
           {
-            label: j,
-            selected: f.includes(j),
-            onClick: () => i({ type: "TOGGLE_ANCESTOR", payload: j })
+            label: v,
+            selected: f.includes(v),
+            onClick: () => i({ type: "TOGGLE_ANCESTOR", payload: v })
           },
-          j
+          v
         )),
         /* @__PURE__ */ e.jsx(
-          je,
+          ve,
           {
             label: o("selectAncestorsOptionAddMore"),
             icon: /* @__PURE__ */ e.jsx(It, { size: 20, className: "text-[#f75e22]" }),
@@ -3096,7 +3082,7 @@ function ns({
       {
         isOpen: x,
         onClose: () => b(!1),
-        onSave: (j) => i({ type: "ADD_CUSTOM_ANCESTORS", payload: j })
+        onSave: (v) => i({ type: "ADD_CUSTOM_ANCESTORS", payload: v })
       }
     ),
     /* @__PURE__ */ e.jsx(
@@ -3136,8 +3122,8 @@ function Zn(t) {
 const Bn = 2, Jn = 3;
 function ss({ store: t, mutate: i, avatarUrl: n, audioSrc: s, onBackClick: d, onProceed: l }) {
   const { t: o } = P(), { selectedAncestors: f, causeOfDeathByAncestor: c } = t, [x, b] = E(!1), N = f.filter((w) => w !== Re).map((w) => {
-    const j = Te.find((z) => z.id === w);
-    return { key: w, label: j ? o(j.labelKey) : w };
+    const v = Te.find((z) => z.id === w);
+    return { key: w, label: v ? o(v.labelKey) : w };
   }), h = N.length > 0 && N.every((w) => c[w.key] === "natural"), L = N.length > 0 && N.every((w) => !!c[w.key]);
   return /* @__PURE__ */ e.jsxs("div", { className: "flex min-h-screen w-full flex-col bg-linear-to-b from-[28.5%] from-[#fff9e9] to-33% to-white pt-2", children: [
     /* @__PURE__ */ e.jsxs("div", { className: "flex w-full items-center gap-3 px-4 py-3", children: [
@@ -3194,17 +3180,17 @@ function ss({ store: t, mutate: i, avatarUrl: n, audioSrc: s, onBackClick: d, on
               /* @__PURE__ */ e.jsx("p", { className: "text-[14px] leading-5 font-bold text-[#39200e]", children: w.label })
             ] }),
             /* @__PURE__ */ e.jsx("div", { className: "h-px w-full bg-[rgba(28,27,27,0.05)]" }),
-            /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-wrap items-center gap-2", children: qa.map((j) => /* @__PURE__ */ e.jsx(
-              je,
+            /* @__PURE__ */ e.jsx("div", { className: "flex w-full flex-wrap items-center gap-2", children: qa.map((v) => /* @__PURE__ */ e.jsx(
+              ve,
               {
-                label: o(j.labelKey),
-                selected: c[w.key] === j.value,
+                label: o(v.labelKey),
+                selected: c[w.key] === v.value,
                 onClick: () => i({
                   type: "SET_CAUSE_OF_DEATH",
-                  payload: { ancestorKey: w.key, cause: j.value }
+                  payload: { ancestorKey: w.key, cause: v.value }
                 })
               },
-              j.value
+              v.value
             )) })
           ]
         },
@@ -3329,7 +3315,7 @@ function ls({
     deathTithiValueByAncestor: h,
     deathDateByAncestor: L,
     tithiValidityByAncestor: w,
-    currentDeathTithiAncestorIndex: j
+    currentDeathTithiAncestorIndex: v
   } = t, [z, G] = E(!1), [R, V] = E(!1), [$, ee] = E(null), X = rt(() => {
     const y = new Intl.DateTimeFormat(x === "hi" ? "hi-IN" : "en-IN", { month: "long" });
     return Array.from({ length: 12 }, (T, M) => y.format(new Date(2e3, M, 1)));
@@ -3339,7 +3325,7 @@ function ls({
   }, ie = rt(() => xt.map((y) => c(y)), [c]), B = b.filter((y) => y !== Re).map((y) => {
     const T = Te.find((M) => M.id === y);
     return { key: y, label: T ? c(T.labelKey) : y };
-  }), K = Math.min(j, Math.max(B.length - 1, 0)), [U, q] = E(K);
+  }), K = Math.min(v, Math.max(B.length - 1, 0)), [U, q] = E(K);
   Ze(() => {
     q(K);
   }, [K]);
@@ -3436,7 +3422,7 @@ function ls({
                   onClick: () => V(!0)
                 }
               ),
-              T && y.value === "unknown" && /* @__PURE__ */ e.jsxs(ja, { className: "bg-transparent px-4 text-left", children: [
+              T && y.value === "unknown" && /* @__PURE__ */ e.jsxs(va, { className: "bg-transparent px-4 text-left", children: [
                 /* @__PURE__ */ e.jsx("p", { className: "text-[12px] leading-4 font-bold text-[#632e06]", children: c("deathTithiOption3ExpandedTitle") }),
                 /* @__PURE__ */ e.jsx("p", { className: "mt-1 text-[10px] leading-3.5 font-medium text-[#632e06]", children: c("deathTithiOption3ExpandedBody") })
               ] })
@@ -3447,7 +3433,7 @@ function ls({
       }) })
     ] }),
     p && /* @__PURE__ */ e.jsx(
-      va,
+      ja,
       {
         isOpen: z,
         onClose: () => G(!1),