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

package/dist/{medassist-widget-DoctorCard-DPTTWCx3.js → medassist-widget-DoctorCard-mWAGl3MK.js}

@@ -1,70 +1,70 @@
-import { c as w, d as m, A as R, y as $, u as e, i as f, C as X, T as A, q, _ as ce, j as de, k as me, l as he, m as pe, n as fe, o as ue, S as Y, p as xe, I as ge, r as ye, B as v, s as be, t as ve } from "./medassist-widget.js";
-import { C as we } from "./medassist-widget-check-BaHLRs-2.js";
-import { M as Z } from "./medassist-widget-map-pin-Bx-5lPdC.js";
-import { C as ke, a as Ne } from "./medassist-widget-chevron-right-CKYbGWbY.js";
-const Ce = [
+import { c as k, d as m, A as R, y as S, u as e, i as f, C as X, T as A, q, _ as de, j as me, k as he, l as pe, m as fe, n as ue, o as xe, S as Z, p as ge, I as ye, r as be, B as w, s as ve, t as we } from "./medassist-widget.js";
+import { C as ke } from "./medassist-widget-check-BaHLRs-2.js";
+import { M as D } from "./medassist-widget-map-pin-Bx-5lPdC.js";
+import { C as Ne, a as Ce } from "./medassist-widget-chevron-right-CKYbGWbY.js";
+const _e = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], D = w("arrow-right", Ce);
-const _e = [
+], ee = k("arrow-right", _e);
+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" }]
-], $e = w("calendar-x-2", _e);
-const Se = [
+], Se = k("calendar-x-2", $e);
+const Me = [
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]
-], Me = w("clock", Se);
-const Be = [
+], Be = k("clock", Me);
+const Ae = [
   ["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" }]
-], Ae = w("ellipsis", Be);
-const He = [
+], He = k("ellipsis", Ae);
+const je = [
   ["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" }]
-], je = w("external-link", He);
-const Le = [
+], Le = k("external-link", je);
+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" }]
-], Ie = w("languages", Le);
-const ze = [
+], ze = k("languages", Ie);
+const Ee = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Ee = w("search", ze);
-function Oe({
-  value: i,
+], Oe = k("search", Ee);
+function Ve({
+  value: s,
   onValueChange: a,
   placeholder: h = "Select an option",
   className: p,
   triggerClassName: H,
-  contentClassName: S,
+  contentClassName: M,
   disabled: c = !1,
-  options: k = [],
+  options: N = [],
   size: F = "default",
   icon: j
 }) {
-  const [u, N] = m(!1), l = R(null), b = R(null), d = k.find((o) => o.value === i);
-  $(() => {
+  const [u, C] = m(!1), l = R(null), b = R(null), d = N.find((o) => o.value === s);
+  S(() => {
     const o = (g) => {
-      u && g.key === "Escape" && (N(!1), b.current?.focus());
+      u && g.key === "Escape" && (C(!1), b.current?.focus());
     };
     return document.addEventListener("keydown", o), () => {
       document.removeEventListener("keydown", o);
     };
   }, [u]);
-  const C = (o) => {
-    a?.(o), N(!1), b.current?.focus();
+  const _ = (o) => {
+    a?.(o), C(!1), b.current?.focus();
   }, x = () => {
-    c || N(!u);
+    c || C(!u);
   };
   return /* @__PURE__ */ e("div", { className: f("relative w-full", p), children: [
     /* @__PURE__ */ e(
@@ -111,15 +111,15 @@ function Oe({
         ref: l,
         className: f(
           "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",
-          S
+          M
         ),
         role: "listbox",
-        children: /* @__PURE__ */ e("div", { className: "p-1", children: k.length === 0 ? /* @__PURE__ */ e("div", { className: "px-3 py-2 text-sm text-muted-foreground text-center", children: "No options available" }) : k.map((o) => {
-          const g = o.value === i;
+        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 === s;
           return /* @__PURE__ */ e(
             "div",
             {
-              onClick: () => C(o.value),
+              onClick: () => _(o.value),
               className: f(
                 "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",
@@ -131,12 +131,12 @@ function Oe({
               role: "option",
               "aria-selected": g,
               tabIndex: c ? -1 : 0,
-              onKeyDown: (_) => {
-                (_.key === "Enter" || _.key === " ") && (_.preventDefault(), c || C(o.value));
+              onKeyDown: ($) => {
+                ($.key === "Enter" || $.key === " ") && ($.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(we, { className: "size-4 text-foreground" }) })
+                g && /* @__PURE__ */ e("span", { className: "absolute right-3 flex size-4 items-center justify-center shrink-0 pointer-events-none", children: /* @__PURE__ */ e(ke, { className: "size-4 text-foreground" }) })
               ]
             },
             o.value
@@ -146,120 +146,120 @@ function Oe({
     )
   ] });
 }
-function ee({ date: i }) {
+function te({ date: s }) {
   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($e, { 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 ${i && `on ${i}` || ""}` })
+    /* @__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(Se, { 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 ${s && `on ${s}` || ""}` })
   ] });
 }
-function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H = !0 }) {
-  const S = A(() => {
+function Pe({ doctor: s, doctorDetails: a, onSelect: h, disabled: p, isActive: H = !0 }) {
+  const M = A(() => {
     if (a?.hospitals?.[0]?.hospital_id)
       return a?.hospitals?.[0]?.hospital_id;
-  }, [a?.hospitals]), [c, k] = m(S), [F, j] = m(!1), [u, N] = m(!1), [l, b] = m(null), [d, C] = m(null), [x, o] = m(0), [g, _] = m(!1), [L, J] = m(!1), [M, Q] = m(!1), [I, U] = m(!1), [P, te] = m(!1), [B, K] = m(null), G = R(!1), z = R(null);
-  $(() => {
-    k(S);
-  }, [S]), $(() => {
-    const t = i?.preferred_date;
+  }, [a?.hospitals]), [c, N] = m(M), [F, j] = m(!1), [u, C] = m(!1), [l, b] = m(null), [d, _] = m(null), [x, o] = m(0), [g, $] = m(!1), [L, J] = m(!1), [B, Q] = m(!1), [I, U] = m(!1), [P, ae] = m(!1), [v, K] = m(null), G = R(!1), z = R(null);
+  S(() => {
+    N(M);
+  }, [M]), S(() => {
+    const t = s?.preferred_date;
     t && b(t);
-  }, [i]);
-  const n = i.availability ?? [], ae = q(async () => {
-    if (!M && (J(!0), !n.length && h && a)) {
+  }, [s]);
+  const n = s.availability ?? [], re = q(async () => {
+    if (!B && (J(!0), !n.length && h && a)) {
       Q(!0);
       try {
-        await h({ ...i, hospital_id: c });
+        await h({ ...s, hospital_id: c });
       } finally {
         Q(!1);
       }
     }
-  }, [L, M, h, a, n.length, c]), re = q(
+  }, [L, B, h, a, n.length, c]), ne = q(
     (t) => {
-      a && (k(t), b(null), C(null), o(0), G.current = !1, h?.({ ...i, hospital_id: t }));
+      a && (N(t), b(null), _(null), o(0), G.current = !1, h?.({ ...s, hospital_id: t }));
     },
-    [i, h, a]
+    [s, h, a]
   );
-  $(() => {
+  S(() => {
     H || J(!1);
-  }, [H]), $(() => {
+  }, [H]), S(() => {
     if (!L || !n.length || G.current) return;
     G.current = !0;
-    const t = i.preferred_date || n[0]?.date;
-    t && (b((s) => s ?? t), n.find((s) => s.date === t)?.slots?.length || h?.({ ...i, hospital_id: c, preferred_date: t }));
-  }, [n, L]), $(() => {
-    if (!B) return;
-    const t = n.findIndex((s) => s.date === B);
+    const t = s.preferred_date || n[0]?.date;
+    t && (b((i) => i ?? t), n.find((i) => i.date === t)?.slots?.length || h?.({ ...s, 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, B]);
+  }, [n, v]);
   const E = A(
     () => n.find((t) => t.date === l)?.slots ?? [],
     [n, l]
   );
-  ce(() => {
+  de(() => {
     const t = z.current;
     t && (t.scrollTop = 0, U(t.scrollHeight > t.clientHeight + 2));
   }, [l, E.length]);
-  const ne = q(() => {
+  const ie = q(() => {
     const t = z.current;
     t && U(t.scrollTop + t.clientHeight < t.scrollHeight - 4);
-  }, []), ie = () => {
+  }, []), se = () => {
     z.current?.scrollBy({ top: 120, behavior: "smooth" });
-  }, se = A(() => {
+  }, 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, ...de(r.date) };
+        return { ...r, ...me(r.date) };
     });
-  }, [n, x]), le = x > 0, O = q(
+  }, [n, x]), oe = x > 0, O = q(
     async (t) => {
-      b(t), C(null), _(!1);
-      const r = n.find((s) => s.date === t);
+      b(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);
         try {
-          await h?.({ ...i, hospital_id: c, preferred_date: t });
+          await h?.({ ...s, hospital_id: c, preferred_date: t });
         } catch {
         } finally {
           j(!1);
         }
       }
     },
-    [i, c, h, n]
-  ), y = A(() => n.find((r) => r.date === l)?.cta ?? i.cta, [n, l, i.cta]), V = A(() => p || u || !y?.text && !l, [p, y, l, u]), W = async () => {
+    [s, c, h, n]
+  ), y = A(() => n.find((r) => r.date === l)?.cta ?? s.cta, [n, l, s.cta]), V = A(() => p || u || !y?.text && !l, [p, y, l, u]), W = async () => {
     if (!u)
       try {
-        N(!0);
-        const t = y?.text, r = !!t, s = l && d ? ` on ${l} at ${d}.` : "";
+        C(!0);
+        const t = y?.text, r = !!t, i = l && d ? ` on ${l} at ${d}.` : "";
         await h?.(
-          { ...i, hospital_id: c, preferred_date: l ?? void 0, preferred_slot_time: d ?? void 0 },
-          `${t || `I want to book an appointment with Dr. ${a?.name}`}${s}`,
+          { ...s, hospital_id: c, preferred_date: l ?? void 0, preferred_slot_time: d ?? void 0 },
+          `${t || `I want to book an appointment with Dr. ${a?.name}`}${i}`,
           y?.tool_result,
           !r
         ), K(l);
       } catch {
       } finally {
-        N(!1);
+        C(!1);
       }
-  }, oe = () => {
+  }, ce = () => {
     if (g) return;
     const t = y?.text, r = !!t;
     if (!r && !l) return;
-    _(!0);
-    const s = l && d ? ` on ${l} at ${d}.` : "";
+    $(!0);
+    const i = l && d ? ` on ${l} at ${d}.` : "";
     h?.(
-      { ...i, hospital_id: c, preferred_date: l ?? void 0, preferred_slot_time: d ?? void 0 },
-      `${t || `I want to book an appointment with Dr. ${a?.name}`}${s}`,
+      { ...s, hospital_id: c, preferred_date: l ?? void 0, preferred_slot_time: d ?? void 0 },
+      `${t || `I want to book an appointment with Dr. ${a?.name}`}${i}`,
       y?.tool_result,
       !r
     );
   };
-  return a ? /* @__PURE__ */ e(ve, { 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(he, { className: "h-12 w-12 ring-2 ring-primary/20 flex-shrink-0", children: [
-        a.profile_pic && /* @__PURE__ */ e(pe, { src: a.profile_pic, alt: `${a.name} profile photo`, crossOrigin: "anonymous" }),
-        /* @__PURE__ */ e(fe, { className: "bg-secondary text-primary", children: ue(a.name) })
+  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(he, { 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) })
       ] }),
       /* @__PURE__ */ e("div", { className: "min-w-0", children: [
         /* @__PURE__ */ e("h3", { className: "font-bold text-slate-900 leading-tight", style: { fontSize: "0.95rem" }, children: [
@@ -272,7 +272,7 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
               rel: "noreferrer",
               "aria-label": "View profile",
               className: "inline-block align-middle ml-2 text-primary hover:text-primary/70 transition-colors",
-              children: /* @__PURE__ */ e(je, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
+              children: /* @__PURE__ */ e(Le, { className: "h-3.5 w-3.5 inline", "aria-hidden": !0 })
             }
           )
         ] }),
@@ -283,7 +283,7 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
             title: `${a.specialty}${a.experience ? ` • ${a.experience}` : ""}`,
             children: [
               a.specialty,
-              a.experience && /* @__PURE__ */ e(Y, { children: [
+              a.experience && /* @__PURE__ */ e(Z, { children: [
                 " • ",
                 a.experience
               ] })
@@ -292,33 +292,33 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
         )
       ] })
     ] }),
-    /* @__PURE__ */ e(xe, { className: "px-3 py-2", children: [
+    /* @__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(Me, { 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(Ie, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__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: a.languages })
         ] }),
         a.hospitals?.length > 1 && c ? /* @__PURE__ */ e(
-          Oe,
+          Ve,
           {
             options: a.hospitals.map((t) => ({ value: t.hospital_id, label: t.name || "" })),
             placeholder: "Select Hospital",
             disabled: p,
-            onValueChange: re,
+            onValueChange: ne,
             value: c,
             triggerClassName: "h-8 text-xs px-3 rounded-lg border-border text-primary font-medium",
-            icon: /* @__PURE__ */ e(Z, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 })
+            icon: /* @__PURE__ */ e(D, { 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(Z, { className: "h-3.5 w-3.5 text-primary flex-shrink-0", "aria-hidden": !0 }),
+          /* @__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 || "" })
         ] }),
         a.info && /* @__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 flex-shrink-0", "aria-hidden": !0 }),
+          /* @__PURE__ */ e(ye, { 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",
@@ -327,18 +327,18 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: 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",
                   !P && "line-clamp-1"
                 ),
-                children: /* @__PURE__ */ e(ye, { children: a.info })
+                children: /* @__PURE__ */ e(be, { children: a.info })
               }
             ),
             /* @__PURE__ */ e(
               "button",
               {
                 type: "button",
-                onClick: () => te((t) => !t),
+                onClick: () => ae((t) => !t),
                 "aria-expanded": P,
                 className: "mt-0.5 flex items-center gap-1 text-[11px] font-semibold text-primary hover:text-primary/80 transition-colors",
                 children: [
-                  /* @__PURE__ */ e(Ae, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
+                  /* @__PURE__ */ e(He, { className: "h-3.5 w-3.5", "aria-hidden": !0 }),
                   P ? "View less" : "View more"
                 ]
               }
@@ -346,10 +346,10 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
           ] })
         ] })
       ] }),
-      L ? 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: [
+      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: [
         /* @__PURE__ */ e("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ e(
-            v,
+            w,
             {
               type: "button",
               variant: "outline",
@@ -360,26 +360,26 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
                 const r = n[t]?.date;
                 r && O(r);
               },
-              disabled: p || !le,
+              disabled: p || !oe,
               "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(ke, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(Ne, { 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, r) => {
             if (!t || !t.date) return null;
-            const s = l === t.date, T = (t?.slots || []).length > 0;
+            const i = l === t.date, T = (t?.slots || []).length > 0;
             return /* @__PURE__ */ e(
-              v,
+              w,
               {
                 type: "button",
                 variant: "outline",
                 onClick: () => t.date && O(t.date),
                 disabled: p,
-                "aria-current": s ? "date" : void 0,
+                "aria-current": i ? "date" : void 0,
                 className: f(
                   "flex flex-col items-center justify-center h-12 rounded-lg border-2 p-2 gap-0.5 min-w-0 transition-all",
-                  s ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : T ? "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"
+                  i ? "border-primary border-2 ring-2 ring-primary/20 bg-primary/[20%] shadow-sm hover:text-accent-foreground" : T ? "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: f("text-[10px] tracking-wide w-full text-center font-medium"), children: t.weekday }),
@@ -390,17 +390,17 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
             );
           }) }),
           /* @__PURE__ */ e(
-            v,
+            w,
             {
               type: "button",
               variant: "outline",
               size: "icon",
               onClick: () => {
                 if (x + 3 >= n.length) {
-                  const s = n[n.length - 1]?.date;
-                  if (s) {
-                    const T = be(s, 1);
-                    K(T), O(T);
+                  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);
                   }
                   return;
                 }
@@ -412,7 +412,7 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
               disabled: p,
               "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(Ne, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ e(Ce, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -421,23 +421,23 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
             "div",
             {
               ref: z,
-              onScroll: ne,
+              onScroll: ie,
               className: "grid grid-cols-3 gap-2 overflow-y-auto overscroll-contain",
               style: { maxHeight: "108px" },
               children: E.map((t, r) => {
                 if (!t) return null;
-                const s = d === t;
+                const i = d === t;
                 return /* @__PURE__ */ e(
-                  v,
+                  w,
                   {
                     type: "button",
                     variant: "outline",
-                    onClick: () => C(t),
-                    "aria-pressed": s,
+                    onClick: () => _(t),
+                    "aria-pressed": i,
                     disabled: p,
                     className: f(
                       "h-9 rounded-lg px-2 text-xs font-medium transition-all",
-                      s ? "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"
+                      i ? "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 })
                   },
@@ -450,7 +450,7 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
             "button",
             {
               type: "button",
-              onClick: ie,
+              onClick: se,
               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 }),
@@ -458,22 +458,22 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
               ]
             }
           ) })
-        ] }) : F ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e(ee, { date: B }) }),
+        ] }) : F ? /* @__PURE__ */ e("p", { className: "text-sm text-text-secondary px-1", children: "Fetching slots..." }) : /* @__PURE__ */ e(te, { date: v }) }),
         E?.length ? /* @__PURE__ */ e(
-          v,
+          w,
           {
             type: "button",
-            onClick: oe,
+            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"}`,
             children: [
               y?.title || "Book appointment",
-              /* @__PURE__ */ e(D, { className: "h-4 w-4", "aria-hidden": !0 })
+              /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         ) : /* @__PURE__ */ e(
-          v,
+          w,
           {
             type: "button",
             onClick: W,
@@ -482,14 +482,14 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
             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"}`,
             children: [
               y?.title || "Book appointment",
-              /* @__PURE__ */ e(D, { className: "h-4 w-4", "aria-hidden": !0 })
+              /* @__PURE__ */ e(ee, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
-      ] }) : /* @__PURE__ */ e(Y, { children: [
-        /* @__PURE__ */ e(ee, { date: B }),
+      ] }) : /* @__PURE__ */ e(Z, { children: [
+        /* @__PURE__ */ e(te, { date: v }),
         /* @__PURE__ */ e(
-          v,
+          w,
           {
             type: "button",
             onClick: W,
@@ -498,20 +498,20 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
             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"}`,
             children: [
               y?.title || "Book appointment",
-              /* @__PURE__ */ e(Ee, { className: "h-4 w-4", "aria-hidden": !0 })
+              /* @__PURE__ */ e(Oe, { className: "h-4 w-4", "aria-hidden": !0 })
             ]
           }
         )
       ] }) : /* @__PURE__ */ e("div", { className: "pt-3", children: /* @__PURE__ */ e(
-        v,
+        w,
         {
           type: "button",
           variant: "outline",
-          onClick: ae,
-          disabled: p || M,
+          onClick: re,
+          disabled: p || B,
           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",
+            B ? "Loading..." : "Show available slots",
             /* @__PURE__ */ e(X, { className: "h-3.5 w-3.5", "aria-hidden": !0 })
           ]
         }
@@ -520,5 +520,5 @@ function Fe({ doctor: i, doctorDetails: a, onSelect: h, disabled: p, isActive: H
   ] }) : null;
 }
 export {
-  Fe as DoctorCard
+  Pe as DoctorCard
 };

package/dist/medassist-widget.js

@@ -12182,7 +12182,7 @@ const sm = $e(
 ), am = $e(
   () => import("./medassist-widget-FocusCarousel-BsLIZftX.js").then((e) => ({ default: e.FocusCarousel }))
 ), lm = $e(
-  () => import("./medassist-widget-DoctorCard-DPTTWCx3.js").then((e) => ({ default: e.DoctorCard }))
+  () => import("./medassist-widget-DoctorCard-mWAGl3MK.js").then((e) => ({ default: e.DoctorCard }))
 ), cm = $e(
   () => import("./medassist-widget-CardList-ERXsOZEA.js").then((e) => ({ default: e.CardList }))
 ), dm = $e(

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@eka-care/medassist-widget",
   "description": "MedAssist Widget react application",
-  "version": "0.1.103-dev.0",
+  "version": "0.1.103-dev.1",
   "type": "module",
   "files": [
     "dist"