@alfadocs/ui-kit 1.35.0 → 1.36.0

package/dist/_chunks/patient-details-BGiawUHd.js

@@ -1,760 +0,0 @@
-import { jsx as t, jsxs as c, Fragment as ae } from "react/jsx-runtime";
-import { forwardRef as se, useId as B, useMemo as ie, Fragment as re, useState as v, useCallback as I } from "react";
-import { c as H } from "./index-D2ZczOXr.js";
-import { useTranslation as V } from "react-i18next";
-import { A as ne } from "./avatar-CkDeQOSI.js";
-import { I as z } from "./icon-button-DA2CAGHZ.js";
-import { C as F } from "./card-DPmk26CL.js";
-import { C as le, b as oe, a as de } from "./collapsible-CTjxzGuF.js";
-import { D as ce } from "./date-picker-B6NW_PS5.js";
-import { D as S } from "./description-list-CjJqR8WK.js";
-import { E as pe } from "./email-input-Dpe63k0K.js";
-import { F as ue } from "./fiscal-code-input-B_nYMSEM.js";
-import { N as me } from "./number-input-Cgu2TtA8.js";
-import { P as fe } from "./panel-header-D313n_9-.js";
-import { P as ge } from "./phone-input-BsZIoE36.js";
-import { S as be } from "./select-CLSUnKjF.js";
-import { S as ye } from "./switch-OILsBLWo.js";
-import { T as he } from "./text-area-Bt3p7Pt0.js";
-import { T as ve } from "./text-input-CUvCb6ST.js";
-import { C as xe } from "./country-select-CfDNFG5c.js";
-import { P as Ne } from "./province-select-BaUnkg4S.js";
-import { P as Ce } from "./postal-code-input-BznBxVxf.js";
-import { C as Ve } from "./city-input-DaQc-Hbj.js";
-import { u as we } from "./registry-DvAUVLHh.js";
-import { u as ke, F as De, r as Pe, a as Te } from "./field-value-BetdWMA2.js";
-import { C as Fe } from "./clipboard-list-rSzfIYZB.js";
-import { L as Ie } from "./lock-ClAFG1gy.js";
-import { C as $ } from "./check-DrFSN__t.js";
-import { X as ze } from "./x-B5YnXwCz.js";
-import { P as Se } from "./pencil-B1sKKyuT.js";
-import { C as Ee } from "./copy-vRpqqHtY.js";
-const Oe = {
-  id: "patient-details",
-  // `view_change` backs the view-config actions (show/hide + reorder are both
-  // view reconfigurations); `set_value` backs the single-value `update_field`
-  // (not `edit_inline`, which is for granular free-text/formatting edits).
-  capabilities: ["view_change", "set_value"],
-  state: {
-    visibleFieldOrder: {
-      type: "string[]",
-      descriptionKey: "ui.agent.patientDetails.state.visibleFieldOrder",
-      description: 'Ordered list of visible field KEYS (e.g. "fiscalCode"). Never a field value.',
-      read: (e) => e.getVisibleFieldOrder()
-    },
-    patientId: {
-      type: "string | undefined",
-      descriptionKey: "ui.agent.patientDetails.state.patientId",
-      description: "Opaque patient id the panel is bound to. No patient-identifiable data.",
-      read: (e) => e.getPatientId()
-    }
-  },
-  actions: {
-    set_visible_fields: {
-      safety: "write",
-      argsType: "{ fieldIds: string[] }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          fieldIds: { type: "array", items: { type: "string" } }
-        },
-        required: ["fieldIds"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.patientDetails.actions.setVisibleFields",
-      description: "Set which fields are visible (and their order). Unknown ids are ignored.",
-      examples: [
-        {
-          args: { fieldIds: ["lastName", "firstName", "phone", "email"] },
-          note: "Show only name + contact fields."
-        }
-      ],
-      invoke: (e, a) => {
-        e.setVisibleFields(a.fieldIds);
-      }
-    },
-    set_field_order: {
-      safety: "write",
-      argsType: "{ orderedIds: string[] }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          orderedIds: { type: "array", items: { type: "string" } }
-        },
-        required: ["orderedIds"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.patientDetails.actions.setFieldOrder",
-      description: "Reorder the visible fields. Order within a section is honoured; sections stay fixed.",
-      invoke: (e, a) => {
-        e.setFieldOrder(a.orderedIds);
-      }
-    },
-    update_field: {
-      // PHI: mutates a patient-identifiable value. NOT `write` — the runtime
-      // must confirm + audit. Routes through `onFieldSave` (server write).
-      safety: "phi",
-      openWorld: !0,
-      argsType: "{ fieldId: string; value: unknown }",
-      argsSchema: {
-        type: "object",
-        properties: {
-          fieldId: { type: "string" },
-          value: {}
-        },
-        required: ["fieldId", "value"]
-      },
-      idempotent: !0,
-      descriptionKey: "ui.agent.patientDetails.actions.updateField",
-      description: "Write a patient field value via the consumer's audited save path. Subject to the same permissions and validation as a human edit.",
-      errors: ["no-save-handler", "validation-failed", "permission-denied"],
-      examples: [
-        {
-          args: { fieldId: "job", value: "Architect" },
-          note: "Update the patient’s occupation."
-        }
-      ],
-      invoke: (e, a) => e.updateField(a.fieldId, a.value)
-    }
-  },
-  domHooks: {
-    root: {
-      attr: "data-component",
-      value: "patient-details",
-      description: "Marks the PatientDetails root region."
-    },
-    instanceId: {
-      attr: "data-component-id",
-      sourceProp: "id",
-      description: "Sourced from the id prop. Addresses a specific panel."
-    },
-    item: {
-      attr: "data-field-id",
-      description: "Stable field KEY on each row. Never the field value (no PHI in the DOM hook)."
-    }
-  }
-}, L = H(
-  "ds:flex ds:flex-col ds:text-[color:var(--foreground)]",
-  {
-    variants: {
-      // `compact` (default) suits the narrow rail panel; `comfortable`
-      // relaxes spacing for a wider host (a full-width profile page).
-      density: {
-        comfortable: "",
-        compact: ""
-      }
-    },
-    defaultVariants: {
-      density: "compact"
-    }
-  }
-), M = H("ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", {
-  variants: {
-    density: {
-      comfortable: "ds:p-[var(--spacing-md)]",
-      compact: "ds:p-[var(--spacing-sm)]"
-    }
-  },
-  defaultVariants: {
-    density: "compact"
-  }
-}), Ae = se(
-  function({
-    title: a,
-    sections: n,
-    avatar: i,
-    headerChips: l,
-    framed: u = !1,
-    editable: r = !1,
-    onFieldSave: o,
-    validate: d,
-    visibleFieldOrder: f,
-    defaultVisibleFieldOrder: s,
-    onVisibleFieldsChange: b,
-    loading: w = !1,
-    emptyState: y,
-    patientId: m,
-    id: g,
-    locale: k,
-    cogLabel: E,
-    panelTitle: O,
-    "aria-label": x,
-    className: D,
-    ...P
-  }, T) {
-    const { t: N } = V(), h = B(), {
-      visible: C,
-      catalogueIds: U,
-      setOrder: A,
-      toggleField: W,
-      toggleSection: Y,
-      moveFieldOnto: X,
-      reset: G
-    } = ke(n, {
-      value: f,
-      defaultValue: s,
-      onChange: b
-    }), J = ie(
-      () => ({
-        getVisibleFieldOrder: () => C,
-        getPatientId: () => m,
-        setVisibleFields: (p) => A(p),
-        setFieldOrder: (p) => A(p),
-        updateField: (p, j) => o ? o(p, j) : Promise.reject(
-          new Error("PatientDetails: no onFieldSave handler is wired.")
-        )
-      }),
-      [C, m, A, o]
-    );
-    we(Oe, J, g);
-    const K = O ?? N("patientDetails.regionLabel", {
-      defaultValue: "Patient details"
-    }), Q = x ?? K, _ = (i == null ? void 0 : i.name) ?? (typeof a == "string" ? a : void 0), Z = !!(i != null && i.src || _), ee = U.some((p) => C.includes(p));
-    if (w)
-      return /* @__PURE__ */ t(
-        "section",
-        {
-          ref: T,
-          "data-component": "patient-details",
-          "data-component-id": g,
-          "data-patient-id": m,
-          "aria-label": Q,
-          "aria-busy": "true",
-          className: L({ className: D }),
-          ...P,
-          children: /* @__PURE__ */ t("div", { className: M(), children: /* @__PURE__ */ t(Re, {}) })
-        }
-      );
-    const te = n.length === 0 || !ee, R = /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-      Z ? /* @__PURE__ */ t(
-        ne,
-        {
-          size: "md",
-          name: _,
-          src: i == null ? void 0 : i.src,
-          className: "ds:shrink-0"
-        }
-      ) : null,
-      /* @__PURE__ */ c("div", { className: "ds:flex ds:min-w-0 ds:flex-1 ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-        /* @__PURE__ */ t("h3", { className: "ds:m-0 type-title-item ds:text-[color:var(--foreground)]", children: a }),
-        l ? /* @__PURE__ */ t("div", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: l }) : null
-      ] })
-    ] });
-    return /* @__PURE__ */ c(
-      "section",
-      {
-        ref: T,
-        "data-component": "patient-details",
-        "data-component-id": g,
-        "data-patient-id": m,
-        "aria-labelledby": x ? void 0 : h,
-        "aria-label": x ?? void 0,
-        className: L({ className: D }),
-        ...P,
-        children: [
-          /* @__PURE__ */ t(
-            fe,
-            {
-              title: K,
-              icon: /* @__PURE__ */ t(Fe, { "aria-hidden": "true" }),
-              headingId: h,
-              sticky: !0,
-              divider: !0,
-              actions: /* @__PURE__ */ t(
-                De,
-                {
-                  sections: n,
-                  visible: C,
-                  onToggleField: W,
-                  onToggleSection: Y,
-                  onMoveFieldOnto: X,
-                  onReset: G,
-                  label: E
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ c("div", { className: M(), children: [
-            u ? /* @__PURE__ */ t(F, { variant: "elevated", children: /* @__PURE__ */ t(F.Body, { children: R }) }) : R,
-            te ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: y ?? N("patientDetails.empty", {
-              defaultValue: "No patient selected."
-            }) }) : Pe(n, C).filter(({ fields: p }) => p.length > 0).map(({ section: p, fields: j }) => {
-              const q = /* @__PURE__ */ t(
-                je,
-                {
-                  section: p,
-                  fields: j,
-                  editable: r,
-                  onFieldSave: o,
-                  validate: d,
-                  locale: k
-                }
-              );
-              return u ? /* @__PURE__ */ t(F, { variant: "elevated", children: /* @__PURE__ */ t(F.Body, { children: q }) }, p.id) : /* @__PURE__ */ t(re, { children: q }, p.id);
-            })
-          ] })
-        ]
-      }
-    );
-  }
-);
-Ae.displayName = "PatientDetails";
-function je({
-  section: e,
-  fields: a,
-  editable: n,
-  onFieldSave: i,
-  validate: l,
-  locale: u
-}) {
-  const { t: r } = V(), o = B(), d = e.collapsible ?? !0, f = a.length === 0 ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: r("patientDetails.section.empty", {
-    defaultValue: "No fields shown."
-  }) }) : /* @__PURE__ */ t(
-    S,
-    {
-      layout: "inline",
-      density: "compact",
-      divider: "none",
-      className: "ds:[--description-list-icon-color:var(--accent)]",
-      children: a.map((s) => /* @__PURE__ */ t(
-        Be,
-        {
-          field: s,
-          icon: s.icon ?? null,
-          editable: n,
-          onFieldSave: i,
-          validate: l,
-          locale: u
-        },
-        s.id
-      ))
-    }
-  );
-  return d ? /* @__PURE__ */ c(
-    le,
-    {
-      defaultOpen: e.defaultOpen ?? !0,
-      variant: "minimal",
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-      children: [
-        /* @__PURE__ */ t("h3", { className: "ds:m-0", children: /* @__PURE__ */ t(oe, { asChild: !0, children: /* @__PURE__ */ t(
-          "button",
-          {
-            type: "button",
-            id: o,
-            className: "ds:flex ds:w-full ds:items-center ds:justify-between ds:gap-[var(--spacing-xs)] ds:bg-transparent ds:border-0 ds:p-0 ds:text-start ds:cursor-pointer ds:rounded-[var(--radius-sm)] ds:focus-visible:outline-[length:var(--focus-ring-width)] ds:focus-visible:outline-solid ds:focus-visible:outline-ring ds:focus-visible:outline-offset-[length:var(--focus-ring-offset)] ds:forced-colors:focus-visible:outline-[CanvasText] type-eyebrow ds:text-[color:var(--foreground)]",
-            children: e.heading
-          }
-        ) }) }),
-        /* @__PURE__ */ t(de, { "aria-labelledby": o, children: f })
-      ]
-    }
-  ) : /* @__PURE__ */ c(
-    "section",
-    {
-      "aria-labelledby": o,
-      className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]",
-      children: [
-        /* @__PURE__ */ t(
-          "h3",
-          {
-            id: o,
-            className: "ds:m-0 type-eyebrow ds:text-[color:var(--foreground)]",
-            children: e.heading
-          }
-        ),
-        f
-      ]
-    }
-  );
-}
-function Be({
-  field: e,
-  icon: a,
-  editable: n,
-  onFieldSave: i,
-  validate: l,
-  locale: u
-}) {
-  const { t: r } = V(), o = B(), d = n && !!e.editable && !!i, [f, s] = v(!1), [b, w] = v(e.editValue), [y, m] = v(null), [g, k] = v(!1), E = I(() => {
-    w(e.editValue), m(null), s(!0);
-  }, [e.editValue]), O = I(() => {
-    s(!1), m(null);
-  }, []), x = I(async () => {
-    if (!i) return;
-    const N = (l == null ? void 0 : l(e.id, b)) ?? null;
-    if (N) {
-      m(N);
-      return;
-    }
-    k(!0), m(null);
-    try {
-      await i(e.id, b), s(!1);
-    } catch (h) {
-      m(
-        h instanceof Error && h.message ? h.message : r("patientDetails.edit.saveFailed", {
-          defaultValue: "Could not save. Try again."
-        })
-      );
-    } finally {
-      k(!1);
-    }
-  }, [i, l, e.id, b, r]), D = /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-    e.label,
-    e.sensitive ? /* @__PURE__ */ t(
-      Ie,
-      {
-        "aria-label": r("patientDetails.sensitive", {
-          defaultValue: "Sensitive"
-        }),
-        className: "ds:size-3 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
-      }
-    ) : null
-  ] }), P = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0), T = f ? /* @__PURE__ */ c("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
-    /* @__PURE__ */ c("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
-      /* @__PURE__ */ t(
-        Ke,
-        {
-          field: e,
-          value: b,
-          onChange: w,
-          invalid: !!y,
-          errorId: y ? o : void 0,
-          locale: u,
-          disabled: g
-        }
-      ),
-      /* @__PURE__ */ t(
-        z,
-        {
-          size: "sm",
-          intent: "primary",
-          icon: /* @__PURE__ */ t($, { "aria-hidden": "true" }),
-          "aria-label": r("patientDetails.edit.save", { defaultValue: "Save" }),
-          loading: g,
-          onClick: x
-        }
-      ),
-      /* @__PURE__ */ t(
-        z,
-        {
-          size: "sm",
-          intent: "ghost",
-          icon: /* @__PURE__ */ t(ze, { "aria-hidden": "true" }),
-          "aria-label": r("patientDetails.edit.cancel", {
-            defaultValue: "Cancel"
-          }),
-          disabled: g,
-          onClick: O
-        }
-      )
-    ] }),
-    y ? /* @__PURE__ */ t(
-      "span",
-      {
-        id: o,
-        role: "alert",
-        className: "type-meta ds:text-[color:var(--destructive)]",
-        children: y
-      }
-    ) : null
-  ] }) : /* @__PURE__ */ c("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)] ds:min-w-0", children: [
-    /* @__PURE__ */ t(
-      "span",
-      {
-        className: `ds:min-w-0 ${e.editType === "textarea" ? "" : "ds:truncate"}${e.mono ? " ds:font-mono" : ""}`,
-        title: P,
-        children: /* @__PURE__ */ t(Te, { field: e })
-      }
-    ),
-    e.copyable && e.copyText ? /* @__PURE__ */ t(_e, { text: e.copyText, label: e.label }) : null,
-    d ? /* @__PURE__ */ t(
-      z,
-      {
-        size: "sm",
-        intent: "ghost",
-        className: "ds:shrink-0 ds:opacity-0 ds:transition-opacity ds:motion-reduce:transition-none ds:group-hover:opacity-100 ds:focus-visible:opacity-100",
-        icon: /* @__PURE__ */ t(Se, { "aria-hidden": "true" }),
-        "aria-label": r("patientDetails.edit.editField", {
-          field: e.label,
-          defaultValue: "Edit {{field}}"
-        }),
-        onClick: E
-      }
-    ) : null
-  ] });
-  return /* @__PURE__ */ c(
-    S.Row,
-    {
-      icon: a ?? null,
-      "data-field-id": e.id,
-      className: "ds:group",
-      children: [
-        /* @__PURE__ */ t(S.Term, { children: D }),
-        /* @__PURE__ */ t(S.Detail, { children: T })
-      ]
-    }
-  );
-}
-function Ke({
-  field: e,
-  value: a,
-  onChange: n,
-  invalid: i,
-  errorId: l,
-  locale: u,
-  disabled: r
-}) {
-  const { t: o } = V(), d = i ? "error" : "default";
-  switch (e.editType ?? "text") {
-    case "textarea":
-      return /* @__PURE__ */ t(
-        he,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onChange: (s) => n(s.target.value),
-          tone: d,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          disabled: r,
-          className: "ds:flex-1"
-        }
-      );
-    case "select":
-      return /* @__PURE__ */ t(
-        be,
-        {
-          size: "sm",
-          options: e.options ?? [],
-          value: typeof a == "string" ? a : "",
-          onValueChange: (s) => n(s),
-          tone: d,
-          disabled: r,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l
-        }
-      );
-    case "boolean":
-      return /* @__PURE__ */ t(
-        ye,
-        {
-          label: e.label,
-          checked: a === !0,
-          onCheckedChange: (s) => n(s),
-          disabled: r
-        }
-      );
-    case "date":
-      return /* @__PURE__ */ t(
-        ce,
-        {
-          size: "sm",
-          value: a instanceof Date ? a : void 0,
-          onChange: (s) => n(s ?? null),
-          disabled: r,
-          "aria-label": e.label
-        }
-      );
-    case "number":
-      return /* @__PURE__ */ t(
-        me,
-        {
-          size: "sm",
-          value: typeof a == "number" ? a : null,
-          onChange: (s) => n(s),
-          mode: e.currency ? "currency" : "decimal",
-          currency: e.currency,
-          locale: u,
-          tone: d,
-          disabled: r,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l
-        }
-      );
-    case "email":
-      return /* @__PURE__ */ t(
-        pe,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onChange: (s) => n(s.target.value),
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          disabled: r,
-          className: "ds:flex-1"
-        }
-      );
-    case "phone":
-      return /* @__PURE__ */ t(
-        ge,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onChange: (s) => n(s),
-          tone: d,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          disabled: r,
-          className: "ds:flex-1"
-        }
-      );
-    case "fiscalCode":
-      return /* @__PURE__ */ t(
-        ue,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onChange: (s) => n(s),
-          tone: d,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          disabled: r,
-          className: "ds:flex-1"
-        }
-      );
-    // Address / location pickers. Inline edit has no FormField, so we pass
-    // aria-invalid / aria-describedby explicitly (the components fall back to
-    // these props outside a FormFieldContext) so the invalid state isn't
-    // conveyed by colour alone.
-    case "province":
-      return /* @__PURE__ */ t(
-        Ne,
-        {
-          size: "sm",
-          country: "it",
-          value: typeof a == "string" ? a : "",
-          onValueChange: (s) => n(s),
-          tone: d,
-          disabled: r,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          className: "ds:flex-1"
-        }
-      );
-    case "country":
-      return /* @__PURE__ */ t(
-        xe,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onValueChange: (s) => n(s),
-          tone: d,
-          disabled: r,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          className: "ds:flex-1"
-        }
-      );
-    case "postalCode":
-      return /* @__PURE__ */ t(
-        Ce,
-        {
-          size: "sm",
-          country: "it",
-          value: typeof a == "string" ? a : "",
-          onValueChange: (s) => n(s),
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          disabled: r,
-          className: "ds:flex-1"
-        }
-      );
-    case "city":
-      return /* @__PURE__ */ t(
-        Ve,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onValueChange: (s) => n(s),
-          tone: d,
-          disabled: r,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          className: "ds:flex-1"
-        }
-      );
-    case "text":
-    default:
-      return /* @__PURE__ */ t(
-        ve,
-        {
-          size: "sm",
-          value: typeof a == "string" ? a : "",
-          onChange: (s) => n(s.target.value),
-          tone: d,
-          "aria-label": e.label,
-          "aria-invalid": i || void 0,
-          "aria-describedby": l,
-          disabled: r,
-          clearable: !0,
-          placeholder: o("patientDetails.edit.placeholder", {
-            defaultValue: "Enter a value"
-          }),
-          className: "ds:flex-1"
-        }
-      );
-  }
-}
-function _e({
-  text: e,
-  label: a
-}) {
-  const { t: n } = V(), [i, l] = v(!1), [u, r] = v(""), o = I(async () => {
-    try {
-      await navigator.clipboard.writeText(e), l(!0), r(n("keyValuePair.copied", { defaultValue: "Copied" })), setTimeout(() => {
-        l(!1), r("");
-      }, 2e3);
-    } catch {
-      r(
-        n("keyValuePair.notAvailable", { defaultValue: "Copy not available" })
-      ), setTimeout(() => r(""), 3e3);
-    }
-  }, [e, n]);
-  return /* @__PURE__ */ c(ae, { children: [
-    /* @__PURE__ */ t(
-      z,
-      {
-        size: "sm",
-        intent: "ghost",
-        icon: i ? /* @__PURE__ */ t($, { "aria-hidden": "true" }) : /* @__PURE__ */ t(Ee, { "aria-hidden": "true" }),
-        "aria-label": n("keyValuePair.copy", {
-          label: a,
-          defaultValue: "Copy {{label}}"
-        }),
-        onClick: o
-      }
-    ),
-    /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: u })
-  ] });
-}
-function Re() {
-  return /* @__PURE__ */ c("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
-    /* @__PURE__ */ c("div", { className: "ds:flex ds:items-center ds:gap-[var(--spacing-sm)]", children: [
-      /* @__PURE__ */ t("span", { className: "ds:size-10 ds:shrink-0 ds:rounded-full ds:bg-[color:var(--muted)]" }),
-      /* @__PURE__ */ t("span", { className: "ds:h-4 ds:w-1/2 ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]" })
-    ] }),
-    [0, 1, 2].map((e) => /* @__PURE__ */ t(
-      "span",
-      {
-        className: "ds:h-4 ds:w-full ds:rounded-[var(--radius-sm)] ds:bg-[color:var(--muted)]"
-      },
-      e
-    ))
-  ] });
-}
-export {
-  Ae as P,
-  Oe as p
-};
-//# sourceMappingURL=patient-details-BGiawUHd.js.map