@eka-care/medassist-widget 0.1.83-2 → 0.1.84

package/dist/{medassist-widget-DoctorCard-CpQayTwn.js → medassist-widget-DoctorCard-B9Zb-zvl.js}

@@ -1,78 +1,78 @@
-import { c as k, d as m, A as B, y as z, u as e, i as h, C as V, T as O, q as A, _ as ee, j as te, k as ae, l as re, m as ne, n as ie, o as le, S as se, p as oe, r as ce, B as N, s as de } from "./medassist-widget.js";
-import { C as me } from "./medassist-widget-check-BaHLRs-2.js";
-import { M as F } from "./medassist-widget-map-pin-Bx-5lPdC.js";
-import { C as he, a as pe } from "./medassist-widget-chevron-right-CKYbGWbY.js";
-const ue = [
+import { c as k, d as m, A as E, y as L, u as e, i as h, C as q, T as B, q as z, _ as te, j as ae, m as re, k as ne, l as ie, n as le, o as se, p as oe, S as ce, r as de, s as me, B as N, t as he } from "./medassist-widget.js";
+import { C as pe } from "./medassist-widget-check-BaHLRs-2.js";
+import { M as P } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { C as ue, a as fe } from "./medassist-widget-chevron-right-CKYbGWbY.js";
+const xe = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], fe = k("arrow-right", ue);
-const xe = [
+], ge = k("arrow-right", xe);
+const ye = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-], ge = k("clock", xe);
-const ye = [
+], be = k("clock", ye);
+const ve = [
   ["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" }]
-], be = k("ellipsis", ye);
-const ve = [
+], we = k("ellipsis", ve);
+const Ne = [
   ["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" }]
-], we = k("external-link", ve);
-const Ne = [
+], ke = k("external-link", Ne);
+const Ce = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
-], ke = k("info", Ne);
-const Ce = [
+], _e = k("info", Ce);
+const Me = [
   ["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" }]
-], _e = k("languages", Ce);
-function Me({
-  value: n,
+], Se = k("languages", Me);
+function $e({
+  value: l,
   onValueChange: a,
-  placeholder: c = "Select an option",
+  placeholder: d = "Select an option",
   className: u,
   triggerClassName: S,
   contentClassName: C,
-  disabled: l = !1,
+  disabled: s = !1,
   options: b = [],
-  size: L = "default",
+  size: I = "default",
   icon: $
 }) {
-  const [i, y] = m(!1), g = B(null), f = B(null), x = b.find((s) => s.value === n);
-  z(() => {
-    const s = (p) => {
-      i && p.key === "Escape" && (y(!1), f.current?.focus());
+  const [n, y] = m(!1), f = E(null), x = E(null), g = b.find((o) => o.value === l);
+  L(() => {
+    const o = (p) => {
+      n && p.key === "Escape" && (y(!1), x.current?.focus());
     };
-    return document.addEventListener("keydown", s), () => {
-      document.removeEventListener("keydown", s);
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
     };
-  }, [i]);
-  const v = (s) => {
-    a?.(s), y(!1), f.current?.focus();
+  }, [n]);
+  const v = (o) => {
+    a?.(o), y(!1), x.current?.focus();
   }, _ = () => {
-    l || y(!i);
+    s || y(!n);
   };
   return /* @__PURE__ */ e("div", { className: h("relative w-full", u), children: [
     /* @__PURE__ */ e(
       "button",
       {
-        ref: f,
+        ref: x,
         type: "button",
         onClick: _,
-        disabled: l,
+        disabled: s,
         className: h(
           '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',
-          L === "default" ? "min-h-9" : "min-h-8",
+          I === "default" ? "min-h-9" : "min-h-8",
           S
         ),
-        "aria-expanded": i,
+        "aria-expanded": n,
         "aria-haspopup": "listbox",
         children: [
           $,
@@ -81,145 +81,151 @@ function Me({
             {
               className: h(
                 "flex-1 text-left min-w-0 overflow-hidden break-words line-clamp-2",
-                !x && "text-muted-foreground"
+                !g && "text-muted-foreground"
               ),
-              children: x ? x.label : c
+              children: g ? g.label : d
             }
           ),
           /* @__PURE__ */ e(
-            V,
+            q,
             {
               className: h(
                 "size-4 opacity-50 pointer-events-none shrink-0 transition-transform duration-200",
-                i && "rotate-180"
+                n && "rotate-180"
               )
             }
           )
         ]
       }
     ),
-    i && /* @__PURE__ */ e(
+    n && /* @__PURE__ */ e(
       "div",
       {
-        ref: g,
+        ref: f,
         className: h(
           "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",
           C
         ),
         role: "listbox",
-        children: /* @__PURE__ */ e("div", { className: "p-1", children: b.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : b.map((s) => {
-          const p = s.value === n;
+        children: /* @__PURE__ */ e("div", { className: "p-1", children: b.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : b.map((o) => {
+          const p = o.value === l;
           return /* @__PURE__ */ e(
             "div",
             {
-              onClick: () => v(s.value),
+              onClick: () => v(o.value),
               className: h(
                 "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",
                 p && "bg-accent/50 text-foreground",
-                l && "pointer-events-none opacity-50 cursor-not-allowed"
+                s && "pointer-events-none opacity-50 cursor-not-allowed"
               ),
               role: "option",
               "aria-selected": p,
-              tabIndex: l ? -1 : 0,
+              tabIndex: s ? -1 : 0,
               onKeyDown: (w) => {
-                (w.key === "Enter" || w.key === " ") && (w.preventDefault(), l || v(s.value));
+                (w.key === "Enter" || w.key === " ") && (w.preventDefault(), s || v(o.value));
               },
               children: [
-                /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: s.label }),
-                p && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(me, { className: "size-4 text-foreground" }) })
+                /* @__PURE__ */ e("span", { className: "flex-1 text-left min-w-0 break-words line-clamp-2", children: o.label }),
+                p && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(pe, { className: "size-4 text-foreground" }) })
               ]
             },
-            s.value
+            o.value
           );
         }) })
       }
     )
   ] });
 }
-function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S = !0 }) {
-  const C = O(() => {
+function Le({ doctor: l, doctorDetails: a, onSelect: d, disabled: u, isActive: S = !0 }) {
+  const C = B(() => {
     if (a?.hospitals?.[0]?.hospital_id)
       return a?.hospitals?.[0]?.hospital_id;
-  }, [a?.hospitals]), [l, b] = m(C), [L, $] = m(!1), [i, y] = m(null), [g, f] = m(null), [x, v] = m(0), [_, s] = m(!1), [p, w] = m(!1), [M, q] = m(!1), [R, T] = m(!1), [E, P] = m(!1), I = B(!1), H = B(null);
-  z(() => {
+  }, [a?.hospitals]), [s, b] = m(C), [I, $] = m(!1), [n, y] = m(null), [f, x] = m(null), [g, v] = m(0), [_, o] = m(!1), [p, w] = m(!1), [M, R] = m(!1), [T, F] = m(!1), [j, G] = m(!1), O = E(!1), H = E(null);
+  L(() => {
     b(C);
   }, [C]);
-  const r = n.availability ?? [], G = A(async () => {
-    if (!M && (w(!0), !r.length && c && a)) {
-      q(!0);
+  const r = l.availability ?? [], K = z(async () => {
+    if (!M && (w(!0), !r.length && d && a)) {
+      R(!0);
       try {
-        await c({ ...n, hospital_id: l });
+        await d({ ...l, hospital_id: s });
       } finally {
-        q(!1);
+        R(!1);
       }
     }
-  }, [p, M, c, a, r.length, l]), K = A(
+  }, [p, M, d, a, r.length, s]), J = z(
     (t) => {
-      a && (b(t), y(null), f(null), v(0), I.current = !1, c?.({ ...n, hospital_id: t }));
+      a && (b(t), y(null), x(null), v(0), O.current = !1, d?.({ ...l, hospital_id: t }));
     },
-    [n, c, a]
+    [l, d, a]
   );
-  z(() => {
+  L(() => {
     S || w(!1);
-  }, [S]), z(() => {
-    if (!p || !r.length || I.current) return;
-    I.current = !0;
-    const t = n.preferred_date || r[0]?.date;
-    t && (y((d) => d ?? t), r.find((d) => d.date === t)?.slots?.length || c?.({ ...n, hospital_id: l, preferred_date: t }));
+  }, [S]), L(() => {
+    if (!p || !r.length || O.current) return;
+    O.current = !0;
+    const t = l.preferred_date || r[0]?.date;
+    t && (y((c) => c ?? t), r.find((c) => c.date === t)?.slots?.length || d?.({ ...l, hospital_id: s, preferred_date: t }));
   }, [r, p]);
-  const j = O(
-    () => r.find((t) => t.date === i)?.slots ?? [],
-    [r, i]
+  const V = B(
+    () => r.find((t) => t.date === n)?.slots ?? [],
+    [r, n]
   );
-  ee(() => {
+  te(() => {
     const t = H.current;
-    t && (t.scrollTop = 0, T(t.scrollHeight > t.clientHeight + 2));
-  }, [i, j.length]);
-  const J = A(() => {
+    t && (t.scrollTop = 0, F(t.scrollHeight > t.clientHeight + 2));
+  }, [n, V.length]);
+  const Q = z(() => {
     const t = H.current;
-    t && T(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
-  }, []), Q = () => {
+    t && F(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
+  }, []), U = () => {
     H.current?.scrollBy({ top: 120, behavior: "smooth" });
-  }, U = O(() => {
+  }, W = B(() => {
     if (!r.length) return [];
-    const t = Math.min(x + 3, r.length);
-    return r.slice(x, t).map((o) => {
-      if (o.date)
-        return { ...o, ...te(o.date) };
+    const t = Math.min(g + 3, r.length);
+    return r.slice(g, t).map((i) => {
+      if (i.date)
+        return { ...i, ...ae(i.date) };
     });
-  }, [r, x]), W = x > 0, X = x < Math.max(0, (r || []).length - 3), Y = A(
+  }, [r, g]), X = g > 0, Y = g < Math.max(0, (r || []).length - 3), Z = z(
     async (t) => {
-      y(t), f(null);
-      const o = r.find((d) => d.date === t);
-      if (!(o?.slots?.length || Array.isArray(o?.slots) && o?.slots.length === 0)) {
+      y(t), x(null);
+      const i = r.find((c) => c.date === t);
+      if (!(i?.slots?.length || Array.isArray(i?.slots) && i?.slots.length === 0)) {
         $(!0);
         try {
-          await c?.({ ...n, hospital_id: l, preferred_date: t });
+          await d?.({ ...l, hospital_id: s, preferred_date: t });
         } catch {
         } finally {
           $(!1);
         }
       }
     },
-    [n, l, c, r]
-  ), Z = () => {
-    if (!g || !i || _) return;
-    s(!0);
-    const t = n.cta?.text;
-    c?.(
-      { ...n, hospital_id: l, preferred_date: i, preferred_slot_time: g },
-      `${t || `I want to book an appointment with Dr. ${a?.name}`} on ${i} at ${g}.`,
-      n.cta?.tool_result
+    [l, s, d, r]
+  ), A = B(() => {
+    const t = r.find((i) => i.date === n);
+    return re(l.cta, t?.cta);
+  }, [r, n, l.cta]), D = () => {
+    if (_) return;
+    const t = A?.text, i = !!t;
+    if (!i && (!f || !n)) return;
+    o(!0);
+    const c = n && f ? ` on ${n} at ${f}.` : "";
+    d?.(
+      { ...l, hospital_id: s, preferred_date: n ?? void 0, preferred_slot_time: f ?? void 0 },
+      `${t || `I want to book an appointment with Dr. ${a?.name}`}${c}`,
+      A?.tool_result,
+      !i
     );
   };
-  return a ? /* @__PURE__ */ e(de, { 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(ae, { 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(re, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
-        a.profile_pic && /* @__PURE__ */ e(ne, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
-        /* @__PURE__ */ e(ie, { className: "bg-secondary text-primary", children: le(a.name) })
+  return a ? /* @__PURE__ */ e(he, { 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(ne, { 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(ie, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
+        a.profile_pic && /* @__PURE__ */ e(le, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
+        /* @__PURE__ */ e(se, { className: "bg-secondary text-primary", children: oe(a.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: [
@@ -232,7 +238,7 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
               rel: "noreferrer",
               "aria-label": "View profile",
               className: "inline-block align-middle ml-2 text-primary hover:text-primary/70 transition-colors",
-              children: /* @__PURE__ */ e(we, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
+              children: /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
             }
           )
         ] }),
@@ -243,7 +249,7 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
             title: `${a.specialty}${a.experience ? ` • ${a.experience}` : ""}`,
             children: [
               a.specialty,
-              a.experience && /* @__PURE__ */ e(se, { children: [
+              a.experience && /* @__PURE__ */ e(ce, { children: [
                 " • ",
                 a.experience
               ] })
@@ -252,54 +258,54 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
         )
       ] })
     ] }),
-    /* @__PURE__ */ e(oe, { className: "px-3 py-2", children: [
+    /* @__PURE__ */ e(de, { 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(ge, { className: "h-3.5 w-3.5 text-primary mt-0.5 flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(be, { 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 })
         ] }),
         a.languages && /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-0", children: [
-          /* @__PURE__ */ e(_e, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(Se, { 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 })
         ] }),
-        a.hospitals?.length > 1 && l ? /* @__PURE__ */ e(
-          Me,
+        a.hospitals?.length > 1 && s ? /* @__PURE__ */ e(
+          $e,
           {
             options: a.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
             placeholder: "Select Hospital",
             disabled: u,
-            onValueChange: K,
-            value: l,
+            onValueChange: J,
+            value: s,
             triggerClassName: "h-8 text-xs px-3 rounded-lg border-border text-primary font-medium",
-            icon: /* @__PURE__ */ e(F, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(P, { 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(F, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(P, { 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 || "" })
         ] }),
         a.info && /* @__PURE__ */ e("div", { className: "flex items-start gap-2 min-w-0", children: [
-          /* @__PURE__ */ e(ke, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(_e, { 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: h(
                   "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",
-                  !E && "line-clamp-1"
+                  !j && "line-clamp-1"
                 ),
-                children: /* @__PURE__ */ e(ce, { children: a.info })
+                children: /* @__PURE__ */ e(me, { children: a.info })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => P((t) => !t),
-                "aria-expanded": E,
+                onClick: () => G((t) => !t),
+                "aria-expanded": j,
                 className: "mt-0.5 flex items-center gap-1 text-[11px] font-semibold text-primary hover:text-primary/80 transition-colors",
                 children: [
-                  /* @__PURE__ */ e(be, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
-                  E ? "View less" : "View more"
+                  /* @__PURE__ */ e(we, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                  j ? "View less" : "View more"
                 ]
               }
             )
@@ -315,35 +321,35 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
               variant: "outline",
               size: "icon",
               onClick: () => {
-                v((t) => Math.max(0, t - 3)), f(null);
+                v((t) => Math.max(0, t - 3)), x(null);
               },
-              disabled: u || !W,
+              disabled: u || !X,
               "aria-label": "Previous 3 days",
               className: "h-8 w-8 flex-shrink-0 rounded-md border-primary/20 bg-surface text-primary hover:bg-surface-secondary disabled:opacity-50",
-              children: /* @__PURE__ */ e(he, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(ue, { className: "h-4 w-4" })
             }
           ),
-          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: U.map((t, o) => {
+          /* @__PURE__ */ e("div", { className: "flex-1 grid grid-cols-3 gap-1 min-w-0", children: W.map((t, i) => {
             if (!t || !t.date) return null;
-            const d = i === t.date, D = (t?.slots || []).length > 0;
+            const c = n === t.date, ee = (t?.slots || []).length > 0;
             return /* @__PURE__ */ e(
               N,
               {
                 type: "button",
                 variant: "outline",
-                onClick: () => t.date && Y(t.date),
+                onClick: () => t.date && Z(t.date),
                 disabled: u,
-                "aria-current": d ? "date" : void 0,
+                "aria-current": c ? "date" : void 0,
                 className: h(
                   "flex flex-col items-center justify-center h-12 rounded-lg border-2 p-2 gap-0.5 min-w-0 transition-all",
-                  d ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : D ? "border-primary/30 bg-elicitationBg hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/40" : "border-border bg-elicitationBg opacity-60 hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/30"
+                  c ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : ee ? "border-primary/30 bg-elicitationBg hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/40" : "border-border bg-elicitationBg opacity-60 hover:bg-primary/10 hover:text-accent-foreground hover:border-primary/30"
                 ),
                 children: [
                   /* @__PURE__ */ e("span", { className: h("text-[10px] tracking-wide w-full text-center font-medium"), children: t.weekday }),
                   /* @__PURE__ */ e("span", { className: h("text-xs font-bold w-full text-center"), children: t.dayNum })
                 ]
               },
-              `${t.date}-${o}`
+              `${t.date}-${i}`
             );
           }) }),
           /* @__PURE__ */ e(
@@ -353,69 +359,69 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
               variant: "outline",
               size: "icon",
               onClick: () => {
-                v((t) => Math.min(Math.max(0, r.length - 3), t + 3)), f(null);
+                v((t) => Math.min(Math.max(0, r.length - 3), t + 3)), x(null);
               },
-              disabled: u || !X,
+              disabled: u || !Y,
               "aria-label": "Next 3 days",
               className: "h-8 w-8 flex-shrink-0 rounded-md border-primary/20 bg-surface text-primary hover:bg-surface-secondary disabled:opacity-50",
-              children: /* @__PURE__ */ e(pe, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(fe, { className: "h-4 w-4" })
             }
           )
         ] }),
-        i && /* @__PURE__ */ e("div", { className: "mt-2", children: j.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
+        n && /* @__PURE__ */ e("div", { className: "mt-2", children: V.length > 0 ? /* @__PURE__ */ e("div", { className: "relative", children: [
           /* @__PURE__ */ e(
             "div",
             {
               ref: H,
-              onScroll: J,
+              onScroll: Q,
               className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
               style: { maxHeight: "108px" },
-              children: j.map((t, o) => {
+              children: V.map((t, i) => {
                 if (!t) return null;
-                const d = g === t;
+                const c = f === t;
                 return /* @__PURE__ */ e(
                   N,
                   {
                     type: "button",
                     variant: "outline",
-                    onClick: () => f(t),
-                    "aria-pressed": d,
+                    onClick: () => x(t),
+                    "aria-pressed": c,
                     disabled: u,
                     className: h(
                       "h-9 rounded-lg px-2 text-xs font-medium transition-all",
-                      d ? "border-primary bg-primary/20 text-primary shadow-sm hover:bg-primary/10" : "border-border bg-elicitationBg text-text-primary hover:bg-primary/10 hover:border-primary/30"
+                      c ? "border-primary bg-primary/20 text-primary shadow-sm hover:bg-primary/10" : "border-border bg-elicitationBg text-text-primary hover:bg-primary/10 hover:border-primary/30"
                     ),
                     children: /* @__PURE__ */ e("span", { children: t })
                   },
-                  t || `slot-${o}`
+                  t || `slot-${i}`
                 );
               })
             }
           ),
-          R && /* @__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(
+          T && /* @__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: Q,
+              onClick: U,
               className: "pointer-events-auto flex items-center gap-1 text-xs font-semibold text-primary hover:text-primary/80 transition-colors",
               children: [
-                /* @__PURE__ */ e(V, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                /* @__PURE__ */ e(q, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
                 "More slots"
               ]
             }
           ) })
-        ] }) : L ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "No slots available." }) }),
+        ] }) : I ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "No slots available." }) }),
         /* @__PURE__ */ e(
           N,
           {
             type: "button",
-            onClick: Z,
-            disabled: !g || u || _,
-            "aria-disabled": !g || _,
-            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${R ? "" : " mt-2"}`,
+            onClick: D,
+            disabled: u || _ || !A?.text && !f,
+            "aria-disabled": !f || _,
+            className: `w-full h-10 gap-2 bg-primary text-primary-foreground hover:bg-primary/90 disabled:opacity-60 shadow-sm font-semibold ${T ? "" : " mt-2"}`,
             children: [
-              n.cta?.title || "Book appointment",
-              /* @__PURE__ */ e(fe, { className: "h-4 w-4", "aria-hidden": !0 })
+              A?.title || "Book appointment",
+              /* @__PURE__ */ e(ge, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
@@ -424,12 +430,12 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
         {
           type: "button",
           variant: "outline",
-          onClick: G,
+          onClick: K,
           disabled: u || M,
           className: "w-full h-8 gap-1.5 text-xs border-primary/40 text-primary hover:bg-primary/10 disabled:opacity-60 font-medium rounded-lg",
           children: [
             M ? "Loading..." : "Show available slots",
-            /* @__PURE__ */ e(V, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
+            /* @__PURE__ */ e(q, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
           ]
         }
       ) })
@@ -437,5 +443,5 @@ function ze({ doctor: n, doctorDetails: a, onSelect: c, disabled: u, isActive: S
   ] }) : null;
 }
 export {
-  ze as DoctorCard
+  Le as DoctorCard
 };

package/dist/{medassist-widget-MediaCard-DRUToQV3.js → medassist-widget-MediaCard-wTRSvQWH.js}

@@ -1,4 +1,4 @@
-import { c as m, A as u, u as e, s as h, p as f, S as p, B as g } from "./medassist-widget.js";
+import { c as m, A as u, u as e, t as h, r as f, S as p, B as g } from "./medassist-widget.js";
 const x = [
   [
     "path",