npm - @eka-care/medassist-widget - Versions diffs - 0.1.107-dev.0 → 0.1.107-dev.1 - Mend

@eka-care/medassist-widget 0.1.107-dev.0 → 0.1.107-dev.1

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.

Files changed (3) hide show

package/dist/{medassist-widget-DoctorCard-DH9Bk806.js → medassist-widget-DoctorCard-H-PKOqlH.js} +217 -218
package/dist/medassist-widget.js +495 -490
package/package.json +1 -1

package/dist/{medassist-widget-DoctorCard-DH9Bk806.js → medassist-widget-DoctorCard-H-PKOqlH.js} RENAMED Viewed

@@ -1,92 +1,92 @@
-import { c as k, d as h, A as R, y as S, u as e, i as f, C as X, T as A, q, _ as de, j as he, k as me, l as pe, m as fe, n as ue, o as xe, S as Z, p as ge, I as be, r as ye, B as w, s as ve, t as we, v as ke } from "./medassist-widget.js";
+import { c as k, d as f, A as P, y as L, u as e, i as u, C as Y, T as A, q, _ as de, j as he, k as me, l as pe, m as fe, n as ue, o as xe, S as U, p as ge, I as be, r as ye, B as w, s as ve, t as we, v as ke, a as W } from "./medassist-widget.js";
 import { C as Ne } from "./medassist-widget-check-BaHLRs-2.js";
-import { M as D } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { M as Z } from "./medassist-widget-map-pin-Bx-5lPdC.js";
 import { C as Ce, a as _e } from "./medassist-widget-chevron-right-CKYbGWbY.js";
-const $e = [
+const Se = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], ee = k("arrow-right", $e);
-const Se = [
+], D = k("arrow-right", Se);
+const $e = [
   ["path", { d: "M8 2v4", key: "1cmpym" }],
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["path", { d: "M21 13V6a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h8", key: "3spt84" }],
   ["path", { d: "M3 10h18", key: "8toen8" }],
   ["path", { d: "m17 22 5-5", key: "1k6ppv" }],
   ["path", { d: "m17 17 5 5", key: "p7ous7" }]
-], Me = k("calendar-x-2", Se);
-const Be = [
+], Me = k("calendar-x-2", $e);
+const Ae = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-], Ae = k("clock", Be);
-const He = [
+], Le = k("clock", Ae);
+const Be = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
-], je = k("ellipsis", He);
-const Le = [
+], Te = k("ellipsis", Be);
+const Ee = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
-], Ie = k("external-link", Le);
-const ze = [
+], He = k("external-link", Ee);
+const Ie = [
   ["path", { d: "m5 8 6 6", key: "1wu5hv" }],
   ["path", { d: "m4 14 6-6 2-3", key: "1k1g8d" }],
   ["path", { d: "M2 5h12", key: "or177f" }],
   ["path", { d: "M7 2h1", key: "1t2jsx" }],
   ["path", { d: "m22 22-5-10-5 10", key: "don7ne" }],
   ["path", { d: "M14 18h6", key: "1m8k6r" }]
-], Ee = k("languages", ze);
+], je = k("languages", Ie);
 const Oe = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Ve = k("search", Oe);
-function Te({
+], ze = k("search", Oe);
+function Ve({
   value: l,
-  onValueChange: a,
+  onValueChange: r,
   placeholder: m = "Select an option",
   className: p,
-  triggerClassName: H,
-  contentClassName: M,
+  triggerClassName: B,
+  contentClassName: $,
   disabled: c = !1,
   options: N = [],
-  size: F = "default",
-  icon: j
+  size: R = "default",
+  icon: T
 }) {
-  const [u, C] = h(!1), s = R(null), y = R(null), d = N.find((o) => o.value === l);
-  S(() => {
-    const o = (g) => {
-      u && g.key === "Escape" && (C(!1), y.current?.focus());
+  const [x, C] = f(!1), i = P(null), g = P(null), d = N.find((o) => o.value === l);
+  L(() => {
+    const o = (y) => {
+      x && y.key === "Escape" && (C(!1), g.current?.focus());
     };
     return document.addEventListener("keydown", o), () => {
       document.removeEventListener("keydown", o);
     };
-  }, [u]);
+  }, [x]);
   const _ = (o) => {
-    a?.(o), C(!1), y.current?.focus();
-  }, x = () => {
-    c || C(!u);
+    r?.(o), C(!1), g.current?.focus();
+  }, b = () => {
+    c || C(!x);
   };
-  return /* @__PURE__ */ e("div", { className: f("relative w-full", p), children: [
+  return /* @__PURE__ */ e("div", { className: u("relative w-full", p), children: [
     /* @__PURE__ */ e(
       "button",
       {
-        ref: y,
+        ref: g,
         type: "button",
-        onClick: x,
+        onClick: b,
         disabled: c,
-        className: f(
+        className: u(
           'border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*="text-"])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-full items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 overflow-hidden',
-          F === "default" ? "min-h-9" : "min-h-8",
-          H
+          R === "default" ? "min-h-9" : "min-h-8",
+          B
         ),
-        "aria-expanded": u,
+        "aria-expanded": x,
         "aria-haspopup": "listbox",
         children: [
-          j,
+          T,
           /* @__PURE__ */ e(
             "span",
             {
-              className: f(
+              className: u(
                 "flex-1 text-left min-w-0 overflow-hidden break-words line-clamp-2",
                 !d && "text-muted-foreground"
               ),
@@ -94,49 +94,49 @@ function Te({
             }
           ),
           /* @__PURE__ */ e(
-            X,
+            Y,
             {
-              className: f(
+              className: u(
                 "size-4 opacity-50 pointer-events-none shrink-0 transition-transform duration-200",
-                u && "rotate-180"
+                x && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    u && /* @__PURE__ */ e(
+    x && /* @__PURE__ */ e(
       "div",
       {
-        ref: s,
-        className: f(
+        ref: i,
+        className: u(
           "bg-surface text-foreground animate-in fade-in-0 zoom-in-95 slide-in-from-top-2 relative z-50 max-h-[136px] min-w-[8rem] w-full overflow-x-hidden overflow-y-auto overscroll-contain rounded-md shadow-md mt-1",
-          M
+          $
         ),
         role: "listbox",
         children: /* @__PURE__ */ e("div", { className: "p-1", children: N.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : N.map((o) => {
-          const g = o.value === l;
+          const y = o.value === l;
           return /* @__PURE__ */ e(
             "div",
             {
               onClick: () => _(o.value),
-              className: f(
+              className: u(
                 "relative flex w-full cursor-pointer items-center gap-1 rounded-sm py-2.5 px-3 text-sm outline-none select-none transition-colors duration-150",
                 "hover:bg-accent hover:text-accent-foreground",
                 "focus-visible:bg-accent focus-visible:text-accent-foreground",
                 "active:bg-accent/80",
-                g && "bg-accent/50 text-foreground",
+                y && "bg-accent/50 text-foreground",
                 c && "pointer-events-none opacity-50 cursor-not-allowed"
               ),
               role: "option",
-              "aria-selected": g,
+              "aria-selected": y,
               tabIndex: c ? -1 : 0,
-              onKeyDown: ($) => {
-                ($.key === "Enter" || $.key === " ") && ($.preventDefault(), c || _(o.value));
+              onKeyDown: (S) => {
+                (S.key === "Enter" || S.key === " ") && (S.preventDefault(), c || _(o.value));
               },
               children: [
                 /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: o.label }),
-                g && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(Ne, { className: "size-4 text-foreground" }) })
+                y && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(Ne, { className: "size-4 text-foreground" }) })
               ]
             },
             o.value
@@ -146,133 +146,132 @@ function Te({
     )
   ] });
 }
-function te({ date: l }) {
+function ee({ date: l }) {
   return /* @__PURE__ */ e("div", { className: "flex flex-col items-center justify-center gap-3 pt-5 pb-4", children: [
     /* @__PURE__ */ e("div", { className: "flex h-16 w-16 items-center justify-center rounded-full bg-black-100 dark:bg-white-100", children: /* @__PURE__ */ e(Me, { className: "h-7 w-7 text-text-secondary", "aria-hidden": !0 }) }),
     /* @__PURE__ */ e("p", { className: "text-sm font-medium text-text-secondary text-center", children: `No slots available ${l && `on ${ke(l)}` || ""}` })
   ] });
 }
-function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H = !0 }) {
-  const M = A(() => {
-    if (a?.hospitals?.[0]?.hospital_id)
-      return a?.hospitals?.[0]?.hospital_id;
-  }, [a?.hospitals]), [c, N] = h(M), [F, j] = h(!1), [u, C] = h(!1), [s, y] = h(null), [d, _] = h(null), [x, o] = h(0), [g, $] = h(!1), [L, J] = h(!1), [B, Q] = h(!1), [I, U] = h(!1), [P, ae] = h(!1), [v, K] = h(null), G = R(!1), z = R(null);
-  S(() => {
-    N(M);
-  }, [M]), S(() => {
-    const t = l?.preferred_date;
-    t && y(t);
-  }, [l]);
-  const n = l.availability ?? [], re = q(async () => {
-    if (!B && (J(!0), !n.length && m && a)) {
-      Q(!0);
+function Ke({ doctor: l, doctorDetails: r, onSelect: m, disabled: p, isActive: B = !0 }) {
+  const $ = A(() => {
+    if (r?.hospitals?.[0]?.hospital_id)
+      return r?.hospitals?.[0]?.hospital_id;
+  }, [r?.hospitals]), [c, N] = f($), [R, T] = f(!1), [x, C] = f(!1), [i, g] = f(null), [d, _] = f(null), [b, o] = f(0), [y, S] = f(!1), [E, G] = f(!1), [M, X] = f(!1), [H, J] = f(!1), [F, te] = f(!1), K = P(!1), I = P(null);
+  L(() => {
+    N($);
+  }, [$]);
+  const n = l.availability ?? [], ae = q(async () => {
+    if (!M && (G(!0), !n.length && m && r)) {
+      X(!0);
       try {
         await m({ ...l, hospital_id: c });
       } finally {
-        Q(!1);
+        X(!1);
       }
     }
-  }, [L, B, m, a, n.length, c]), ne = q(
+  }, [E, M, m, r, n.length, c]), re = q(
     (t) => {
-      a && (N(t), y(null), _(null), o(0), G.current = !1, m?.({ ...l, hospital_id: t }));
+      r && (N(t), g(null), _(null), o(0), K.current = !1, m?.({ ...l, hospital_id: t }));
     },
-    [l, m, a]
+    [l, m, r]
   );
-  S(() => {
-    H || J(!1);
-  }, [H]), S(() => {
-    if (!L || !n.length || G.current) return;
-    G.current = !0;
-    const t = l.preferred_date || n[0]?.date;
-    t && (y((i) => i ?? t), n.find((i) => i.date === t)?.slots?.length || m?.({ ...l, hospital_id: c, preferred_date: t }));
-  }, [n, L]), S(() => {
-    if (!v) return;
-    const t = n.findIndex((i) => i.date === v);
-    if (t === -1) return;
-    const r = Math.max(0, n.length - 3);
-    o(Math.min(t, r)), K(null);
-  }, [n, v]);
-  const E = A(
-    () => n.find((t) => t.date === s)?.slots ?? [],
-    [n, s]
+  L(() => {
+    B || G(!1);
+  }, [B]), L(() => {
+    if (!E || !n.length || K.current) return;
+    K.current = !0;
+    const t = n.find((s) => s.date === l.preferred_date) || n[0], a = t.date;
+    a && (g(a), t.slots?.length || m?.({ ...l, hospital_id: c, preferred_date: a }));
+  }, [n, E, l.preferred_date]);
+  const j = A(
+    () => n.find((t) => t.date === i)?.slots ?? [],
+    [n, i]
   );
   de(() => {
-    const t = z.current;
-    t && (t.scrollTop = 0, U(t.scrollHeight > t.clientHeight + 2));
-  }, [s, E.length]);
-  const ie = q(() => {
-    const t = z.current;
-    t && U(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
-  }, []), le = () => {
-    z.current?.scrollBy({ top: 120, behavior: "smooth" });
-  }, se = A(() => {
+    const t = I.current;
+    t && (t.scrollTop = 0, J(t.scrollHeight > t.clientHeight + 2));
+  }, [i, j.length]);
+  const ne = q(() => {
+    const t = I.current;
+    t && J(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
+  }, []), ie = () => {
+    I.current?.scrollBy({ top: 120, behavior: "smooth" });
+  }, le = A(() => {
     if (!n.length) return [];
-    const t = Math.min(x + 3, n.length);
-    return n.slice(x, t).map((r) => {
-      if (r.date)
-        return { ...r, ...he(r.date) };
+    const t = Math.min(b + 3, n.length);
+    return n.slice(b, t).map((a) => {
+      if (a.date)
+        return { ...a, ...he(a.date) };
     });
-  }, [n, x]), oe = x > 0, O = q(
+  }, [n, b]), se = b > 0;
+  L(() => {
+    if (!i || n.length === 0) return;
+    const t = n.findIndex((a) => a.date === i);
+    t < 0 || o((a) => t >= a && t < a + 3 ? a : Math.min(t, Math.max(0, n.length - 3)));
+  }, [i, n]);
+  const O = q(
     async (t) => {
-      y(t), _(null), $(!1);
-      const r = n.find((i) => i.date === t);
-      if (!(r?.slots?.length || Array.isArray(r?.slots) && r?.slots.length === 0)) {
-        j(!0);
+      g(t), _(null), S(!1);
+      const a = n.find((s) => s.date === t);
+      if (!(a?.slots?.length || Array.isArray(a?.slots) && a?.slots.length === 0)) {
+        T(!0);
         try {
           await m?.({ ...l, hospital_id: c, preferred_date: t });
         } catch {
         } finally {
-          j(!1);
+          T(!1);
         }
       }
     },
     [l, c, m, n]
-  ), b = A(() => n.find((r) => r.date === s)?.cta ?? l.cta, [n, s, l.cta]), V = A(() => p || u || !b?.text && !s, [p, b, s, u]), W = async () => {
-    if (!u)
+  ), h = A(() => n.find((a) => a.date === i)?.cta ?? l.cta, [n, i, l.cta]), z = A(() => p || x || !h?.text && !i, [p, h, i, x]), Q = async () => {
+    if (!x)
       try {
         C(!0);
-        const t = b?.text, r = !!t, i = s && d ? ` on ${s} at ${d}.` : "";
+        let t;
+        g((ce) => (t = l?.preferred_date ?? ce, t));
+        const a = h?.text, s = !!a, v = h?.action ? h.action === W.SYNAPSE_CTA_ACTIONS.TOOL_CALL : !s, V = i && d ? ` on ${t} at ${d}.` : "";
         await m?.(
-          { ...l, hospital_id: c, preferred_date: s ?? void 0, preferred_slot_time: d ?? void 0 },
-          `${t || `I want to book an appointment with Dr. ${a?.name}`}${i}`,
-          b?.tool_result,
-          !r
-        ), K(s);
+          { ...l, hospital_id: c, preferred_date: t ?? void 0, preferred_slot_time: d ?? void 0 },
+          `${a || `I want to book an appointment with Dr. ${r?.name}`}${V}`,
+          h?.tool_result,
+          v
+        );
       } catch {
       } finally {
         C(!1);
       }
-  }, ce = () => {
-    if (g) return;
-    const t = b?.text, r = !!t;
-    if (!r && !s) return;
-    $(!0);
-    const i = s && d ? ` on ${s} at ${d}.` : "";
+  }, oe = () => {
+    if (y) return;
+    const t = h?.text, a = !!t;
+    if (!a && !i) return;
+    S(!0);
+    const s = h?.action ? h.action === W.SYNAPSE_CTA_ACTIONS.TOOL_CALL : !a, v = i && d ? ` on ${i} at ${d}.` : "";
     m?.(
-      { ...l, hospital_id: c, preferred_date: s ?? void 0, preferred_slot_time: d ?? void 0 },
-      `${t || `I want to book an appointment with Dr. ${a?.name}`}${i}`,
-      b?.tool_result,
-      !r
+      { ...l, hospital_id: c, preferred_date: i ?? void 0, preferred_slot_time: d ?? void 0 },
+      `${t || `I want to book an appointment with Dr. ${r?.name}`}${v}`,
+      h?.tool_result,
+      s
     );
   };
-  return a ? /* @__PURE__ */ e(we, { className: "max-w-md h-full rounded-xl border border-black-200 dark:border-white-200 shadow-none p-0 bg-elicitationBg overflow-hidden", children: [
+  return r ? /* @__PURE__ */ e(we, { className: "max-w-md h-full rounded-xl border border-black-200 dark:border-white-200 shadow-none p-0 bg-elicitationBg overflow-hidden", children: [
     /* @__PURE__ */ e(me, { className: "flex flex-row items-center gap-3 bg-primary/[20%] rounded-t-xl p-2 border-b border-border-subtle overflow-hidden", children: [
       /* @__PURE__ */ e(pe, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
-        a.profile_pic && /* @__PURE__ */ e(fe, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
-        /* @__PURE__ */ e(ue, { className: "bg-secondary text-primary", children: xe(a.name) })
+        r.profile_pic && /* @__PURE__ */ e(fe, { src: r.profile_pic, alt: `${r.name} profile photo`, crossOrigin: "anonymous" }),
+        /* @__PURE__ */ e(ue, { className: "bg-secondary text-primary", children: xe(r.name) })
       ] }),
       /* @__PURE__ */ e("div", { className: "min-w-0", children: [
         /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight", style: { fontSize: "0.95rem" }, children: [
-          /* @__PURE__ */ e("span", { children: a.name }),
-          a.profile_link && /* @__PURE__ */ e(
+          /* @__PURE__ */ e("span", { children: r.name }),
+          r.profile_link && /* @__PURE__ */ e(
             "a",
             {
-              href: a.profile_link,
+              href: r.profile_link,
               target: "_blank",
               rel: "noreferrer",
               "aria-label": "View profile",
               className: "inline-block align-middle ml-2 text-primary hover:text-primary/70 transition-colors",
-              children: /* @__PURE__ */ e(Ie, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
+              children: /* @__PURE__ */ e(He, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
             }
           )
         ] }),
@@ -280,12 +279,12 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
           "p",
           {
             className: "mt-0.5 text-xs text-slate-600 line-clamp-1 hover:line-clamp-none hover:whitespace-normal cursor-help",
-            title: `${a.specialty}${a.experience ? ` • ${a.experience}` : ""}`,
+            title: `${r.specialty}${r.experience ? ` • ${r.experience}` : ""}`,
             children: [
-              a.specialty,
-              a.experience && /* @__PURE__ */ e(Z, { children: [
+              r.specialty,
+              r.experience && /* @__PURE__ */ e(U, { children: [
                 " • ",
-                a.experience
+                r.experience
               ] })
             ]
           }
@@ -294,59 +293,59 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
     ] }),
     /* @__PURE__ */ e(ge, { className: "px-3 py-2", children: [
       /* @__PURE__ */ e("div", { className: "grid gap-1 pb-2 border-b border-border-subtle", children: [
-        a.timings && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
-          /* @__PURE__ */ e(Ae, { className: "h-3.5 w-3.5 text-primary mt-0.5 flex-shrink-0", "aria-hidden": !0 }),
-          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.timings })
+        r.timings && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(Le, { className: "h-3.5 w-3.5 text-primary mt-0.5 flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: r.timings })
         ] }),
-        a.languages && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-0", children: [
-          /* @__PURE__ */ e(Ee, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
-          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.languages })
+        r.languages && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: r.languages })
         ] }),
-        a.hospitals?.length > 1 && c ? /* @__PURE__ */ e(
-          Te,
+        r.hospitals?.length > 1 && c ? /* @__PURE__ */ e(
+          Ve,
           {
-            options: a.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
+            options: r.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
             placeholder: "Select Hospital",
             disabled: p,
-            onValueChange: ne,
+            onValueChange: re,
             value: c,
             triggerClassName: "h-8 text-xs px-3 rounded-lg border-border text-primary font-medium",
-            icon: /* @__PURE__ */ e(D, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(Z, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 })
           }
         ) : /* @__PURE__ */ e("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-          /* @__PURE__ */ e(D, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
-          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: a.hospitals?.[0]?.name || "" })
+          /* @__PURE__ */ e(Z, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e("span", { className: "text-text-secondary text-xs line-clamp-1 min-w-0", children: r.hospitals?.[0]?.name || "" })
         ] }),
-        a.info && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+        r.info && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
           /* @__PURE__ */ e(be, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
           /* @__PURE__ */ e("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ e(
               "div",
               {
-                className: f(
+                className: u(
                   "text-text-secondary text-xs leading-snug prose prose-sm max-w-none prose-strong:font-semibold prose-p:my-0 break-words overflow-hidden",
-                  !P && "line-clamp-1"
+                  !F && "line-clamp-1"
                 ),
-                children: /* @__PURE__ */ e(ye, { children: a.info })
+                children: /* @__PURE__ */ e(ye, { children: r.info })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => ae((t) => !t),
-                "aria-expanded": P,
+                onClick: () => te((t) => !t),
+                "aria-expanded": F,
                 className: "mt-0.5 flex items-center gap-1 text-[11px] font-semibold text-primary hover:text-primary/80 transition-colors",
                 children: [
-                  /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
-                  P ? "View less" : "View more"
+                  /* @__PURE__ */ e(Te, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                  F ? "View less" : "View more"
                 ]
               }
             )
           ] })
         ] })
       ] }),
-      L ? B ? /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "Loading..." }) : n.length > 0 ? /* @__PURE__ */ e("div", { className: "pt-3", children: [
+      E ? M ? /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "Loading..." }) : n.length > 0 ? /* @__PURE__ */ e("div", { className: "pt-3", children: [
         /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(
             w,
@@ -355,20 +354,20 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
               variant: "outline",
               size: "icon",
               onClick: () => {
-                const t = Math.max(0, x - 3);
+                const t = Math.max(0, b - 3);
                 o(t);
-                const r = n[t]?.date;
-                r && O(r);
+                const a = n[t]?.date;
+                a && O(a);
               },
-              disabled: p || !oe,
+              disabled: p || !se,
               "aria-label": "Previous 3 days",
               className: "h-12 w-6 flex-shrink-0 rounded-lg border-border bg-surface text-primary hover:bg-black-100 dark:hover:bg-white-100 hover:text-primary disabled:opacity-50",
               children: /* @__PURE__ */ e(Ce, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: se.map((t, r) => {
+          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: le.map((t, a) => {
             if (!t || !t.date) return null;
-            const i = s === t.date, T = (t?.slots || []).length > 0;
+            const s = i === t.date, v = (t?.slots || []).length > 0;
             return /* @__PURE__ */ e(
               w,
               {
@@ -376,18 +375,18 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
                 variant: "outline",
                 onClick: () => t.date && O(t.date),
                 disabled: p,
-                "aria-current": i ? "date" : void 0,
-                className: f(
+                "aria-current": s ? "date" : void 0,
+                className: u(
                   "flex flex-col items-center justify-center h-12 rounded-lg border-2 p-0 gap-0 min-w-0 transition-all leading-tight",
-                  i ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm" : T ? "border-border bg-elicitationBg hover:bg-black-100 dark:hover:bg-white-100" : "border-border bg-elicitationBg opacity-60 hover:bg-black-100 dark:hover:bg-white-100"
+                  s ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm" : v ? "border-border bg-elicitationBg hover:bg-black-100 dark:hover:bg-white-100" : "border-border bg-elicitationBg opacity-60 hover:bg-black-100 dark:hover:bg-white-100"
                 ),
                 children: [
                   /* @__PURE__ */ e(
                     "span",
                     {
-                      className: f(
+                      className: u(
                         "text-[10px] tracking-wide w-full text-center",
-                        i ? "font-semibold text-text-primary" : "text-black-700"
+                        s ? "font-semibold text-text-primary" : "text-black-700"
                       ),
                       children: t.weekday
                     }
@@ -395,9 +394,9 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
                   /* @__PURE__ */ e(
                     "span",
                     {
-                      className: f(
+                      className: u(
                         "text-xs w-full text-center",
-                        i ? "font-bold text-text-primary" : "font-semibold text-black-700"
+                        s ? "font-bold text-text-primary" : "font-semibold text-black-700"
                       ),
                       children: [
                         t.dayNum,
@@ -408,7 +407,7 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
                   )
                 ]
               },
-              `${t.date}-${r}`
+              `${t.date}-${a}`
             );
           }) }),
           /* @__PURE__ */ e(
@@ -418,18 +417,18 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
               variant: "outline",
               size: "icon",
               onClick: () => {
-                if (x + 3 >= n.length) {
-                  const i = n[n.length - 1]?.date, T = v && (!i || v > i) ? v : i;
-                  if (T) {
-                    const Y = ve(T, 1);
-                    K(Y), O(Y);
+                if (b + 3 >= n.length) {
+                  const s = n[n.length - 1]?.date, v = i && (!s || i > s) ? i : s;
+                  if (v) {
+                    const V = ve(v, 1);
+                    g(V), O(V);
                   }
                   return;
                 }
-                const t = Math.min(Math.max(0, n.length - 3), x + 3);
+                const t = Math.min(Math.max(0, n.length - 3), b + 3);
                 o(t);
-                const r = n[t]?.date;
-                r && O(r);
+                const a = n[t]?.date;
+                a && O(a);
               },
               disabled: p,
               "aria-label": "Next 3 days",
@@ -438,89 +437,89 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
             }
           )
         ] }),
-        s && /* @__PURE__ */ e("div", { className: "mt-2", children: E.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
+        i && /* @__PURE__ */ e("div", { className: "mt-2", children: j.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              ref: z,
-              onScroll: ie,
+              ref: I,
+              onScroll: ne,
               className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
               style: { maxHeight: "108px" },
-              children: E.map((t, r) => {
+              children: j.map((t, a) => {
                 if (!t) return null;
-                const i = d === t;
+                const s = d === t;
                 return /* @__PURE__ */ e(
                   w,
                   {
                     type: "button",
                     variant: "outline",
                     onClick: () => _(t),
-                    "aria-pressed": i,
+                    "aria-pressed": s,
                     disabled: p,
-                    className: f(
+                    className: u(
                       "h-9 rounded-lg px-2 text-xs transition-all",
-                      i ? "border-primary bg-primary/20 text-primary shadow-sm font-bold" : "border-border bg-elicitationBg text-text-primary font-medium hover:bg-black-100 hover:text-black dark:hover:bg-white-100 hover:text-black"
+                      s ? "border-primary bg-primary/20 text-primary shadow-sm font-bold" : "border-border bg-elicitationBg text-text-primary font-medium hover:bg-black-100 hover:text-black dark:hover:bg-white-100 hover:text-black"
                     ),
                     children: /* @__PURE__ */ e("span", { children: t })
                   },
-                  t || `slot-${r}`
+                  t || `slot-${a}`
                 );
               })
             }
           ),
-          I && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-elicitationBg via-elicitationBg to-transparent pointer-events-none flex items-end justify-center pb-1", children: /* @__PURE__ */ e(
+          H && /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 h-12 bg-gradient-to-t from-elicitationBg via-elicitationBg to-transparent pointer-events-none flex items-end justify-center pb-1", children: /* @__PURE__ */ e(
             "button",
             {
               type: "button",
-              onClick: le,
+              onClick: ie,
               className: "pointer-events-auto flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80 transition-colors",
               children: [
-                /* @__PURE__ */ e(X, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
                 "More slots"
               ]
             }
           ) })
-        ] }) : F ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e(te, { date: v }) }),
-        E?.length ? /* @__PURE__ */ e(
+        ] }) : R ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e(ee, { date: i }) }),
+        j?.length ? /* @__PURE__ */ e(
           w,
           {
             type: "button",
-            onClick: ce,
-            disabled: g || p || !d,
-            "aria-disabled": g || p || !d,
-            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${I ? "" : " mt-2"}`,
+            onClick: oe,
+            disabled: y || p || !d,
+            "aria-disabled": y || p || !d,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${H ? "" : " mt-2"}`,
             children: [
-              b?.title || "Book appointment",
-              /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 })
+              h?.title || "Book appointment",
+              /* @__PURE__ */ e(D, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         ) : /* @__PURE__ */ e(
           w,
           {
             type: "button",
-            onClick: W,
-            disabled: V,
-            "aria-disabled": V,
-            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${I ? "" : " mt-2"}`,
+            onClick: Q,
+            disabled: z,
+            "aria-disabled": z,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${H ? "" : " mt-2"}`,
             children: [
-              b?.title || "Book appointment",
-              /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 })
+              h?.title || "Book appointment",
+              /* @__PURE__ */ e(D, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ e(Z, { children: [
-        /* @__PURE__ */ e(te, { date: v }),
+      ] }) : /* @__PURE__ */ e(U, { children: [
+        /* @__PURE__ */ e(ee, { date: i }),
         /* @__PURE__ */ e(
           w,
           {
             type: "button",
-            onClick: W,
-            disabled: V,
-            "aria-disabled": V,
-            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${I ? "" : " mt-2"}`,
+            onClick: Q,
+            disabled: z,
+            "aria-disabled": z,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${H ? "" : " mt-2"}`,
             children: [
-              b?.title || "Book appointment",
-              /* @__PURE__ */ e(Ve, { className: "h-4 w-4", "aria-hidden": !0 })
+              h?.title || "Book appointment",
+              /* @__PURE__ */ e(ze, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
@@ -529,12 +528,12 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
         {
           type: "button",
           variant: "outline",
-          onClick: re,
-          disabled: p || B,
+          onClick: ae,
+          disabled: p || M,
           className: "w-full h-8 gap-1 text-xs border-primary/40 text-primary hover:bg-primary/10 disabled:opacity-60 font-medium rounded-lg",
           children: [
-            B ? "Loading..." : "Show available slots",
-            /* @__PURE__ */ e(X, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+            M ? "Loading..." : "Show available slots",
+            /* @__PURE__ */ e(Y, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
           ]
         }
       ) })