@alfadocs/ui-kit 1.49.2 → 1.50.0

package/dist/_chunks/appointment-peek-Dk11UOVW.js

@@ -0,0 +1,123 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as P, isValidElement as D } from "react";
+import { c as V } from "./index-D2ZczOXr.js";
+import { useTranslation as y } from "react-i18next";
+import { A as z } from "./avatar-BVvjKNTp.js";
+import { D as l } from "./description-list-1A2DEbE6.js";
+import { H as E } from "./hover-card-BplP5SzQ.js";
+import { a as H } from "./workflow-status-ClHfz4Kr.js";
+import { C as I } from "./clock-Drd4Wtis.js";
+import { V as S } from "./video-BheNGvsu.js";
+import { A as W } from "./armchair-BaLDW6Hz.js";
+import { E as j } from "./eye-off-C_4xkbRP.js";
+import { a as L } from "./entity-card-D1Yrh9wf.js";
+const R = V(
+  "ds:flex ds:min-w-0 ds:flex-col ds:gap-[var(--spacing-sm)]"
+), T = P(
+  ({
+    name: t,
+    avatarSrc: h,
+    time: u,
+    location: m,
+    telehealth: x = !1,
+    status: s,
+    statusLabel: k,
+    details: d,
+    treatment: p,
+    flags: f,
+    privacy: r = !1,
+    className: N,
+    ...g
+  }, w) => {
+    const { t: i } = y(), n = s ? L(s) : null, v = n == null ? void 0 : n.Icon, b = x ? S : W, c = !r, A = [
+      { icon: /* @__PURE__ */ e(I, {}), label: i("appointmentPeek.time"), value: u },
+      ...m ? [
+        {
+          icon: /* @__PURE__ */ e(b, {}),
+          label: i("appointmentPeek.location"),
+          value: m
+        }
+      ] : [],
+      ...c && p ? [
+        {
+          icon: null,
+          label: i("calendarWorkspace.details.care"),
+          value: p
+        }
+      ] : [],
+      ...c && d ? d.map((a) => ({
+        icon: D(a.icon) ? a.icon : null,
+        label: a.label,
+        value: a.value
+      })) : []
+    ];
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        ref: w,
+        "data-component": "appointment-peek",
+        "data-status": s,
+        className: R({ className: N }),
+        ...g,
+        children: [
+          /* @__PURE__ */ o("div", { className: "ds:flex ds:min-w-0 ds:items-start ds:gap-[var(--spacing-sm)]", children: [
+            r ? null : /* @__PURE__ */ e(
+              z,
+              {
+                size: "sm",
+                name: t,
+                src: h,
+                "aria-hidden": "true",
+                className: "ds:shrink-0"
+              }
+            ),
+            /* @__PURE__ */ o("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+              /* @__PURE__ */ e(E.Heading, { className: "ds:min-w-0", children: r ? /* @__PURE__ */ o("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+                /* @__PURE__ */ e(
+                  j,
+                  {
+                    "aria-hidden": "true",
+                    className: "ds:size-4 ds:shrink-0"
+                  }
+                ),
+                i("appointmentPeek.hiddenName")
+              ] }) : t }),
+              c && f ? /* @__PURE__ */ e("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: f }) : null
+            ] })
+          ] }),
+          /* @__PURE__ */ e(
+            l,
+            {
+              layout: "inline",
+              density: "compact",
+              divider: "none",
+              className: "ds:[--description-list-icon-color:var(--accent)]",
+              children: A.map((a, C) => /* @__PURE__ */ o(l.Row, { icon: a.icon, children: [
+                /* @__PURE__ */ e(l.Term, { children: a.label }),
+                /* @__PURE__ */ e(l.Detail, { children: a.value })
+              ] }, C))
+            }
+          ),
+          s && n && v ? /* @__PURE__ */ e("div", { "data-slot": "workflow", children: /* @__PURE__ */ e(
+            H,
+            {
+              size: "sm",
+              value: s,
+              option: {
+                value: s,
+                label: k ?? i(`appointmentCard.state.${s}`),
+                icon: /* @__PURE__ */ e(v, { "aria-hidden": "true" }),
+                tone: n.tone
+              }
+            }
+          ) }) : null
+        ]
+      }
+    );
+  }
+);
+T.displayName = "AppointmentPeek";
+export {
+  T as A
+};
+//# sourceMappingURL=appointment-peek-Dk11UOVW.js.map