@eka-care/medassist-widget 0.1.109-dev.0 → 0.1.110-dev.0

package/dist/{medassist-widget-DoctorCard-DH9Bk806.js → medassist-widget-DoctorCard-Cn_E83qL.js}

@@ -1,278 +1,277 @@
-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 Ne } from "./medassist-widget-check-BaHLRs-2.js";
-import { M as D } from "./medassist-widget-map-pin-Bx-5lPdC.js";
-import { C as Ce, a as _e } from "./medassist-widget-chevron-right-CKYbGWbY.js";
-const $e = [
+import { c as _, d as f, A as P, y as L, u as e, i as x, C as Y, T as S, q, _ as pe, j as fe, k as ue, l as xe, m as ge, n as be, o as ye, S as Z, p as ve, I as we, r as ke, B as w, s as D, t as Ne, v as Ce, a as ee } from "./medassist-widget.js";
+import { C as _e } from "./medassist-widget-check-BaHLRs-2.js";
+import { M as te } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { C as Se, a as $e } from "./medassist-widget-chevron-right-CKYbGWbY.js";
+const Me = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], ee = k("arrow-right", $e);
-const Se = [
+], ae = _("arrow-right", Me);
+const Ae = [
   ["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);
+], Le = _("calendar-x-2", Ae);
 const Be = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-], Ae = k("clock", Be);
-const He = [
+], Ie = _("clock", Be);
+const Te = [
   ["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 = [
+], Ee = _("ellipsis", Te);
+const He = [
   ["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 = [
+], Oe = _("external-link", He);
+const je = [
   ["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);
-const Oe = [
+], ze = _("languages", je);
+const Ve = [
   ["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({
-  value: l,
-  onValueChange: a,
-  placeholder: m = "Select an option",
-  className: p,
-  triggerClassName: H,
-  contentClassName: M,
-  disabled: c = !1,
-  options: N = [],
-  size: F = "default",
-  icon: j
+], qe = _("search", Ve);
+function Pe({
+  value: o,
+  onValueChange: r,
+  placeholder: h = "Select an option",
+  className: m,
+  triggerClassName: B,
+  contentClassName: I,
+  disabled: y = !1,
+  options: c = [],
+  size: T = "default",
+  icon: R
 }) {
-  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 [v, k] = f(!1), E = P(null), n = P(null), g = c.find((s) => s.value === o);
+  L(() => {
+    const s = (b) => {
+      v && b.key === "Escape" && (k(!1), n.current?.focus());
     };
-    return document.addEventListener("keydown", o), () => {
-      document.removeEventListener("keydown", o);
+    return document.addEventListener("keydown", s), () => {
+      document.removeEventListener("keydown", s);
     };
-  }, [u]);
-  const _ = (o) => {
-    a?.(o), C(!1), y.current?.focus();
-  }, x = () => {
-    c || C(!u);
+  }, [v]);
+  const p = (s) => {
+    r?.(s), k(!1), n.current?.focus();
+  }, $ = () => {
+    y || k(!v);
   };
-  return /* @__PURE__ */ e("div", { className: f("relative w-full", p), children: [
+  return /* @__PURE__ */ e("div", { className: x("relative w-full", m), children: [
     /* @__PURE__ */ e(
       "button",
       {
-        ref: y,
+        ref: n,
         type: "button",
-        onClick: x,
-        disabled: c,
-        className: f(
+        onClick: $,
+        disabled: y,
+        className: x(
           '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
+          T === "default" ? "min-h-9" : "min-h-8",
+          B
         ),
-        "aria-expanded": u,
+        "aria-expanded": v,
         "aria-haspopup": "listbox",
         children: [
-          j,
+          R,
           /* @__PURE__ */ e(
             "span",
             {
-              className: f(
+              className: x(
                 "flex-1 text-left min-w-0 overflow-hidden break-words line-clamp-2",
-                !d && "text-muted-foreground"
+                !g && "text-muted-foreground"
               ),
-              children: d ? d.label : m
+              children: g ? g.label : h
             }
           ),
           /* @__PURE__ */ e(
-            X,
+            Y,
             {
-              className: f(
+              className: x(
                 "size-4 opacity-50 pointer-events-none shrink-0 transition-transform duration-200",
-                u && "rotate-180"
+                v && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    u && /* @__PURE__ */ e(
+    v && /* @__PURE__ */ e(
       "div",
       {
-        ref: s,
-        className: f(
+        ref: E,
+        className: x(
           "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
+          I
         ),
         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;
+        children: /* @__PURE__ */ e("div", { className: "p-1", children: c.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : c.map((s) => {
+          const b = s.value === o;
           return /* @__PURE__ */ e(
             "div",
             {
-              onClick: () => _(o.value),
-              className: f(
+              onClick: () => p(s.value),
+              className: x(
                 "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",
-                c && "pointer-events-none opacity-50 cursor-not-allowed"
+                b && "bg-accent/50 text-foreground",
+                y && "pointer-events-none opacity-50 cursor-not-allowed"
               ),
               role: "option",
-              "aria-selected": g,
-              tabIndex: c ? -1 : 0,
-              onKeyDown: ($) => {
-                ($.key === "Enter" || $.key === " ") && ($.preventDefault(), c || _(o.value));
+              "aria-selected": b,
+              tabIndex: y ? -1 : 0,
+              onKeyDown: (N) => {
+                (N.key === "Enter" || N.key === " ") && (N.preventDefault(), y || p(s.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" }) })
+                /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: s.label }),
+                b && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(_e, { className: "size-4 text-foreground" }) })
               ]
             },
-            o.value
+            s.value
           );
         }) })
       }
     )
   ] });
 }
-function te({ date: l }) {
+function re({ date: o }) {
   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)}` || ""}` })
+    /* @__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(Le, { 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 ${o && `on ${Ce(o)}` || ""}` })
   ] });
 }
-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 Ge({ doctor: o, doctorDetails: r, onSelect: h, disabled: m, isActive: B = !0 }) {
+  const I = S(() => (/* @__PURE__ */ new Date()).toISOString().slice(0, 10), []), y = S(() => {
+    if (r?.hospitals?.[0]?.hospital_id)
+      return r?.hospitals?.[0]?.hospital_id;
+  }, [r?.hospitals]), [c, T] = f(y), [R, v] = f(!1), [k, E] = f(!1), [n, g] = f(null), [p, $] = f(null), [s, b] = f(0), [N, G] = f(!1), [H, X] = f(!1), [M, J] = f(!1), [O, Q] = f(!1), [F, ne] = f(!1), K = P(!1), j = P(null);
+  L(() => {
+    T(y);
+  }, [y]);
+  const i = o.availability ?? [], ie = q(async () => {
+    if (!M && (X(!0), !i.length && h && r)) {
+      J(!0);
       try {
-        await m({ ...l, hospital_id: c });
+        await h({ ...o, hospital_id: c });
       } finally {
-        Q(!1);
+        J(!1);
       }
     }
-  }, [L, B, m, a, n.length, c]), ne = q(
+  }, [H, M, h, r, i.length, c]), le = q(
     (t) => {
-      a && (N(t), y(null), _(null), o(0), G.current = !1, m?.({ ...l, hospital_id: t }));
+      r && (T(t), g(null), $(null), b(0), K.current = !1, h?.({ ...o, hospital_id: t }));
     },
-    [l, m, a]
+    [o, h, 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 || X(!1);
+  }, [B]), L(() => {
+    if (!H || !i.length || K.current) return;
+    K.current = !0;
+    const t = i.find((l) => l.date === o.preferred_date) || i[0], a = t.date;
+    a && (g(a), t.slots?.length || h?.({ ...o, hospital_id: c, preferred_date: a }));
+  }, [i, H, o.preferred_date]);
+  const z = S(
+    () => i.find((t) => t.date === n)?.slots ?? [],
+    [i, n]
   );
-  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(() => {
-    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) };
+  pe(() => {
+    const t = j.current;
+    t && (t.scrollTop = 0, Q(t.scrollHeight > t.clientHeight + 2));
+  }, [n, z.length]);
+  const se = q(() => {
+    const t = j.current;
+    t && Q(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
+  }, []), oe = () => {
+    j.current?.scrollBy({ top: 120, behavior: "smooth" });
+  }, ce = S(() => {
+    if (!i.length) return [];
+    const t = Math.min(s + 3, i.length);
+    return i.slice(s, t).map((a) => {
+      if (a.date)
+        return { ...a, ...fe(a.date) };
     });
-  }, [n, x]), oe = x > 0, O = q(
+  }, [i, s]), U = i[0]?.date, de = s > 0 || !!U && U > I;
+  L(() => {
+    if (!n || i.length === 0) return;
+    const t = i.findIndex((a) => a.date === n);
+    t < 0 || b((a) => t >= a && t < a + 3 ? a : Math.min(t, Math.max(0, i.length - 3)));
+  }, [n, i]);
+  const A = 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), G(!1);
+      const a = i.find((l) => l.date === t);
+      if (!(a?.slots?.length || Array.isArray(a?.slots) && a?.slots.length === 0)) {
+        v(!0);
         try {
-          await m?.({ ...l, hospital_id: c, preferred_date: t });
+          await h?.({ ...o, hospital_id: c, preferred_date: t });
         } catch {
         } finally {
-          j(!1);
+          v(!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)
+    [o, c, h, i]
+  ), d = S(() => i.find((a) => a.date === n)?.cta ?? o.cta, [i, n, o.cta]), V = S(() => m || k || !d?.text && !n, [m, d, n, k]), W = async () => {
+    if (!k)
       try {
-        C(!0);
-        const t = b?.text, r = !!t, i = s && d ? ` on ${s} 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);
+        E(!0);
+        let t;
+        g((me) => (t = o?.preferred_date ?? me, t));
+        const a = d?.text, l = !!a, u = d?.action ? d.action === ee.SYNAPSE_CTA_ACTIONS.TOOL_CALL : !l, C = n && p ? ` on ${t} at ${p}.` : "";
+        await h?.(
+          { ...o, hospital_id: c, preferred_date: t ?? void 0, preferred_slot_time: p ?? void 0 },
+          `${a || `I want to book an appointment with Dr. ${r?.name}`}${C}`,
+          d?.tool_result,
+          u
+        );
       } catch {
       } finally {
-        C(!1);
+        E(!1);
       }
-  }, ce = () => {
-    if (g) return;
-    const t = b?.text, r = !!t;
-    if (!r && !s) return;
-    $(!0);
-    const i = s && d ? ` on ${s} 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
+  }, he = () => {
+    if (N) return;
+    const t = d?.text, a = !!t;
+    if (!a && !n) return;
+    G(!0);
+    const l = d?.action ? d.action === ee.SYNAPSE_CTA_ACTIONS.TOOL_CALL : !a, u = n && p ? ` on ${n} at ${p}.` : "";
+    h?.(
+      { ...o, hospital_id: c, preferred_date: n ?? void 0, preferred_slot_time: p ?? void 0 },
+      `${t || `I want to book an appointment with Dr. ${r?.name}`}${u}`,
+      d?.tool_result,
+      l
     );
   };
-  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: [
-    /* @__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) })
+  return r ? /* @__PURE__ */ e(Ne, { 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(ue, { 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(xe, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
+        r.profile_pic && /* @__PURE__ */ e(ge, { src: r.profile_pic, alt: `${r.name} profile photo`, crossOrigin: "anonymous" }),
+        /* @__PURE__ */ e(be, { className: "bg-secondary text-primary", children: ye(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(Oe, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
             }
           )
         ] }),
@@ -280,73 +279,73 @@ 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(Z, { children: [
                 " • ",
-                a.experience
+                r.experience
               ] })
             ]
           }
         )
       ] })
     ] }),
-    /* @__PURE__ */ e(ge, { className: "px-3 py-2", children: [
+    /* @__PURE__ */ e(ve, { 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(Ie, { 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(ze, { 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(
+          Pe,
           {
-            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,
+            disabled: m,
+            onValueChange: le,
             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(te, { 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(te, { 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: [
-          /* @__PURE__ */ e(be, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+        r.info && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
+          /* @__PURE__ */ e(we, { 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: x(
                   "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(ke, { children: r.info })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => ae((t) => !t),
-                "aria-expanded": P,
+                onClick: () => ne((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(Ee, { 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: [
+      H ? M ? /* @__PURE__ */ e("p", { className: "pt-3 text-sm text-text-secondary text-center", children: "Loading..." }) : i.length > 0 ? /* @__PURE__ */ e("div", { className: "pt-3", children: [
         /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(
             w,
@@ -355,39 +354,46 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
               variant: "outline",
               size: "icon",
               onClick: () => {
-                const t = Math.max(0, x - 3);
-                o(t);
-                const r = n[t]?.date;
-                r && O(r);
+                if (s > 0) {
+                  const u = Math.max(0, s - 3);
+                  b(u);
+                  const C = i[u]?.date;
+                  C && A(C);
+                  return;
+                }
+                const t = i[0]?.date, a = n && (!t || n < t) ? n : t;
+                if (!a) return;
+                const l = D(a, -1);
+                l < I || (g(l), A(l));
               },
-              disabled: p || !oe,
+              disabled: m || !de,
               "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" })
+              children: /* @__PURE__ */ e(Se, { 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: ce.map((t, a) => {
             if (!t || !t.date) return null;
-            const i = s === t.date, T = (t?.slots || []).length > 0;
+            const l = n === t.date, u = (t?.slots || []).length > 0;
             return /* @__PURE__ */ e(
               w,
               {
                 type: "button",
                 variant: "outline",
-                onClick: () => t.date && O(t.date),
-                disabled: p,
-                "aria-current": i ? "date" : void 0,
-                className: f(
+                onClick: () => t.date && A(t.date),
+                disabled: m,
+                "aria-current": l ? "date" : void 0,
+                className: x(
                   "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"
+                  l ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm" : u ? "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: x(
                         "text-[10px] tracking-wide w-full text-center",
-                        i ? "font-semibold text-text-primary" : "text-black-700"
+                        l ? "font-semibold text-text-primary" : "text-black-700"
                       ),
                       children: t.weekday
                     }
@@ -395,9 +401,9 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
                   /* @__PURE__ */ e(
                     "span",
                     {
-                      className: f(
+                      className: x(
                         "text-xs w-full text-center",
-                        i ? "font-bold text-text-primary" : "font-semibold text-black-700"
+                        l ? "font-bold text-text-primary" : "font-semibold text-black-700"
                       ),
                       children: [
                         t.dayNum,
@@ -408,7 +414,7 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
                   )
                 ]
               },
-              `${t.date}-${r}`
+              `${t.date}-${a}`
             );
           }) }),
           /* @__PURE__ */ e(
@@ -418,80 +424,80 @@ 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 (s + 3 >= i.length) {
+                  const l = i[i.length - 1]?.date, u = n && (!l || n > l) ? n : l;
+                  if (u) {
+                    const C = D(u, 1);
+                    g(C), A(C);
                   }
                   return;
                 }
-                const t = Math.min(Math.max(0, n.length - 3), x + 3);
-                o(t);
-                const r = n[t]?.date;
-                r && O(r);
+                const t = Math.min(Math.max(0, i.length - 3), s + 3);
+                b(t);
+                const a = i[t]?.date;
+                a && A(a);
               },
-              disabled: p,
+              disabled: m,
               "aria-label": "Next 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(_e, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e($e, { className: "h-4 w-4" })
             }
           )
         ] }),
-        s && /* @__PURE__ */ e("div", { className: "mt-2", children: E.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
+        n && /* @__PURE__ */ e("div", { className: "mt-2", children: z.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             "div",
             {
-              ref: z,
-              onScroll: ie,
+              ref: j,
+              onScroll: se,
               className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
               style: { maxHeight: "108px" },
-              children: E.map((t, r) => {
+              children: z.map((t, a) => {
                 if (!t) return null;
-                const i = d === t;
+                const l = p === t;
                 return /* @__PURE__ */ e(
                   w,
                   {
                     type: "button",
                     variant: "outline",
-                    onClick: () => _(t),
-                    "aria-pressed": i,
-                    disabled: p,
-                    className: f(
+                    onClick: () => $(t),
+                    "aria-pressed": l,
+                    disabled: m,
+                    className: x(
                       "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"
+                      l ? "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(
+          O && /* @__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: oe,
               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(re, { date: n }) }),
+        z?.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: he,
+            disabled: N || m || !p,
+            "aria-disabled": N || m || !p,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${O ? "" : " mt-2"}`,
             children: [
-              b?.title || "Book appointment",
-              /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 })
+              d?.title || "Book appointment",
+              /* @__PURE__ */ e(ae, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         ) : /* @__PURE__ */ e(
@@ -501,15 +507,15 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
             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"}`,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${O ? "" : " mt-2"}`,
             children: [
-              b?.title || "Book appointment",
-              /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 })
+              d?.title || "Book appointment",
+              /* @__PURE__ */ e(ae, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
       ] }) : /* @__PURE__ */ e(Z, { children: [
-        /* @__PURE__ */ e(te, { date: v }),
+        /* @__PURE__ */ e(re, { date: n }),
         /* @__PURE__ */ e(
           w,
           {
@@ -517,10 +523,10 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
             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"}`,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${O ? "" : " mt-2"}`,
             children: [
-              b?.title || "Book appointment",
-              /* @__PURE__ */ e(Ve, { className: "h-4 w-4", "aria-hidden": !0 })
+              d?.title || "Book appointment",
+              /* @__PURE__ */ e(qe, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
@@ -529,12 +535,12 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
         {
           type: "button",
           variant: "outline",
-          onClick: re,
-          disabled: p || B,
+          onClick: ie,
+          disabled: m || 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 })
           ]
         }
       ) })
@@ -542,5 +548,5 @@ function Ke({ doctor: l, doctorDetails: a, onSelect: m, disabled: p, isActive: H
   ] }) : null;
 }
 export {
-  Ke as DoctorCard
+  Ge as DoctorCard
 };