@alfadocs/ui-kit-debug 0.71.0 → 0.72.1

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

@@ -1,759 +0,0 @@
-import { jsx as t, jsxs as c, Fragment as te } from "react/jsx-runtime";
-import { forwardRef as ae, useId as j, useMemo as se, Fragment as ie, useState as v, useCallback as I } from "react";
-import { c as M } from "./index-D2ZczOXr.js";
-import { useTranslation as C } from "react-i18next";
-import { A as re } from "./avatar-BNQNhoyL.js";
-import { I as z } from "./icon-button-LqoiKcUN.js";
-import { C as F } from "./card-DPmk26CL.js";
-import { C as ne, b as le, a as oe } from "./collapsible-BrnRiCC6.js";
-import { D as de } from "./date-picker-Dl9RKxaV.js";
-import { D as S } from "./description-list-gkNGWk5G.js";
-import { E as ce } from "./email-input-DJ7EXklP.js";
-import { F as pe } from "./fiscal-code-input-Cf-8O4Fj.js";
-import { N as ue } from "./number-input-DxphVG_A.js";
-import { P as me } from "./panel-header-D313n_9-.js";
-import { P as fe } from "./phone-input-DjU-XmO_.js";
-import { S as ge } from "./select-KsyRr8WH.js";
-import { S as be } from "./switch-OILsBLWo.js";
-import { T as ye } from "./text-area-Bt3p7Pt0.js";
-import { T as he } from "./text-input-B-OWQ1Je.js";
-import { C as ve } from "./country-select-BwUZQvTa.js";
-import { P as xe } from "./province-select-D_TZvix3.js";
-import { P as Ne } from "./postal-code-input-UCOYuRY2.js";
-import { C as Ce } from "./city-input-Dkgaak7I.js";
-import { u as Ve } from "./registry-DvAUVLHh.js";
-import { u as we, F as ke, r as De, a as Pe } from "./field-value-3jMM0uDx.js";
-import { C as Te } from "./clipboard-list-S7s-MXQq.js";
-import { L as Fe } from "./lock-CKOIn0IK.js";
-import { C as H } from "./check-DPdL_Sm7.js";
-import { X as Ie } from "./x-CCcI3eJp.js";
-import { P as ze } from "./pencil-CfQX-0Qc.js";
-import { C as Se } from "./copy-B00HK7tj.js";
-const Ee = {
-  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)."
-    }
-  }
-}, q = M(
-  "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"
-    }
-  }
-), L = M("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"
-  }
-}), Oe = ae(
-  function({
-    title: a,
-    sections: n,
-    avatar: i,
-    headerChips: l,
-    framed: u = !1,
-    editable: r = !1,
-    onFieldSave: o,
-    validate: d,
-    visibleFieldOrder: g,
-    defaultVisibleFieldOrder: s,
-    onVisibleFieldsChange: y,
-    loading: V = !1,
-    emptyState: h,
-    patientId: m,
-    id: b,
-    locale: w,
-    cogLabel: E,
-    "aria-label": x,
-    className: k,
-    ...D
-  }, P) {
-    const { t: T } = C(), N = j(), {
-      visible: f,
-      catalogueIds: $,
-      setOrder: O,
-      toggleField: U,
-      toggleSection: W,
-      moveFieldOnto: Y,
-      reset: X
-    } = we(n, {
-      value: g,
-      defaultValue: s,
-      onChange: y
-    }), G = se(
-      () => ({
-        getVisibleFieldOrder: () => f,
-        getPatientId: () => m,
-        setVisibleFields: (p) => O(p),
-        setFieldOrder: (p) => O(p),
-        updateField: (p, A) => o ? o(p, A) : Promise.reject(
-          new Error("PatientDetails: no onFieldSave handler is wired.")
-        )
-      }),
-      [f, m, O, o]
-    );
-    Ve(Ee, G, b);
-    const B = T("patientDetails.regionLabel", {
-      defaultValue: "Patient details"
-    }), J = x ?? B, K = (i == null ? void 0 : i.name) ?? (typeof a == "string" ? a : void 0), Q = !!(i != null && i.src || K), Z = $.some((p) => f.includes(p));
-    if (V)
-      return /* @__PURE__ */ t(
-        "section",
-        {
-          ref: P,
-          "data-component": "patient-details",
-          "data-component-id": b,
-          "data-patient-id": m,
-          "aria-label": J,
-          "aria-busy": "true",
-          className: q({ className: k }),
-          ...D,
-          children: /* @__PURE__ */ t("div", { className: L(), children: /* @__PURE__ */ t(_e, {}) })
-        }
-      );
-    const ee = n.length === 0 || !Z, _ = /* @__PURE__ */ c("div", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-sm)]", children: [
-      Q ? /* @__PURE__ */ t(
-        re,
-        {
-          size: "md",
-          name: K,
-          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: P,
-        "data-component": "patient-details",
-        "data-component-id": b,
-        "data-patient-id": m,
-        "aria-labelledby": x ? void 0 : N,
-        "aria-label": x ?? void 0,
-        className: q({ className: k }),
-        ...D,
-        children: [
-          /* @__PURE__ */ t(
-            me,
-            {
-              title: B,
-              icon: /* @__PURE__ */ t(Te, { "aria-hidden": "true" }),
-              headingId: N,
-              sticky: !0,
-              divider: !0,
-              actions: /* @__PURE__ */ t(
-                ke,
-                {
-                  sections: n,
-                  visible: f,
-                  onToggleField: U,
-                  onToggleSection: W,
-                  onMoveFieldOnto: Y,
-                  onReset: X,
-                  label: E
-                }
-              )
-            }
-          ),
-          /* @__PURE__ */ c("div", { className: L(), children: [
-            u ? /* @__PURE__ */ t(F, { variant: "elevated", children: /* @__PURE__ */ t(F.Body, { children: _ }) }) : _,
-            ee ? /* @__PURE__ */ t("p", { className: "ds:m-0 type-body-sm ds:text-[color:var(--muted-foreground)]", children: h ?? T("patientDetails.empty", {
-              defaultValue: "No patient selected."
-            }) }) : De(n, f).filter(({ fields: p }) => p.length > 0).map(({ section: p, fields: A }) => {
-              const R = /* @__PURE__ */ t(
-                Ae,
-                {
-                  section: p,
-                  fields: A,
-                  editable: r,
-                  onFieldSave: o,
-                  validate: d,
-                  locale: w
-                }
-              );
-              return u ? /* @__PURE__ */ t(F, { variant: "elevated", children: /* @__PURE__ */ t(F.Body, { children: R }) }, p.id) : /* @__PURE__ */ t(ie, { children: R }, p.id);
-            })
-          ] })
-        ]
-      }
-    );
-  }
-);
-Oe.displayName = "PatientDetails";
-function Ae({
-  section: e,
-  fields: a,
-  editable: n,
-  onFieldSave: i,
-  validate: l,
-  locale: u
-}) {
-  const { t: r } = C(), o = j(), d = e.collapsible ?? !0, g = 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(
-        je,
-        {
-          field: s,
-          icon: s.icon ?? null,
-          editable: n,
-          onFieldSave: i,
-          validate: l,
-          locale: u
-        },
-        s.id
-      ))
-    }
-  );
-  return d ? /* @__PURE__ */ c(
-    ne,
-    {
-      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(le, { 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(oe, { "aria-labelledby": o, children: g })
-      ]
-    }
-  ) : /* @__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
-          }
-        ),
-        g
-      ]
-    }
-  );
-}
-function je({
-  field: e,
-  icon: a,
-  editable: n,
-  onFieldSave: i,
-  validate: l,
-  locale: u
-}) {
-  const { t: r } = C(), o = j(), d = n && !!e.editable && !!i, [g, s] = v(!1), [y, V] = v(e.editValue), [h, m] = v(null), [b, w] = v(!1), E = I(() => {
-    V(e.editValue), m(null), s(!0);
-  }, [e.editValue]), x = I(() => {
-    s(!1), m(null);
-  }, []), k = I(async () => {
-    if (!i) return;
-    const N = (l == null ? void 0 : l(e.id, y)) ?? null;
-    if (N) {
-      m(N);
-      return;
-    }
-    w(!0), m(null);
-    try {
-      await i(e.id, y), s(!1);
-    } catch (f) {
-      m(
-        f instanceof Error && f.message ? f.message : r("patientDetails.edit.saveFailed", {
-          defaultValue: "Could not save. Try again."
-        })
-      );
-    } finally {
-      w(!1);
-    }
-  }, [i, l, e.id, y, r]), D = /* @__PURE__ */ c("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
-    e.label,
-    e.sensitive ? /* @__PURE__ */ t(
-      Fe,
-      {
-        "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 = g ? /* @__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(
-        Be,
-        {
-          field: e,
-          value: y,
-          onChange: V,
-          invalid: !!h,
-          errorId: h ? o : void 0,
-          locale: u,
-          disabled: b
-        }
-      ),
-      /* @__PURE__ */ t(
-        z,
-        {
-          size: "sm",
-          intent: "primary",
-          icon: /* @__PURE__ */ t(H, { "aria-hidden": "true" }),
-          "aria-label": r("patientDetails.edit.save", { defaultValue: "Save" }),
-          loading: b,
-          onClick: k
-        }
-      ),
-      /* @__PURE__ */ t(
-        z,
-        {
-          size: "sm",
-          intent: "ghost",
-          icon: /* @__PURE__ */ t(Ie, { "aria-hidden": "true" }),
-          "aria-label": r("patientDetails.edit.cancel", {
-            defaultValue: "Cancel"
-          }),
-          disabled: b,
-          onClick: x
-        }
-      )
-    ] }),
-    h ? /* @__PURE__ */ t(
-      "span",
-      {
-        id: o,
-        role: "alert",
-        className: "type-meta ds:text-[color:var(--destructive)]",
-        children: h
-      }
-    ) : 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(Pe, { field: e })
-      }
-    ),
-    e.copyable && e.copyText ? /* @__PURE__ */ t(Ke, { 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(ze, { "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 Be({
-  field: e,
-  value: a,
-  onChange: n,
-  invalid: i,
-  errorId: l,
-  locale: u,
-  disabled: r
-}) {
-  const { t: o } = C(), d = i ? "error" : "default";
-  switch (e.editType ?? "text") {
-    case "textarea":
-      return /* @__PURE__ */ t(
-        ye,
-        {
-          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(
-        ge,
-        {
-          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(
-        be,
-        {
-          label: e.label,
-          checked: a === !0,
-          onCheckedChange: (s) => n(s),
-          disabled: r
-        }
-      );
-    case "date":
-      return /* @__PURE__ */ t(
-        de,
-        {
-          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(
-        ue,
-        {
-          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(
-        ce,
-        {
-          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(
-        fe,
-        {
-          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(
-        pe,
-        {
-          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(
-        xe,
-        {
-          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(
-        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 "postalCode":
-      return /* @__PURE__ */ t(
-        Ne,
-        {
-          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(
-        Ce,
-        {
-          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(
-        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,
-          clearable: !0,
-          placeholder: o("patientDetails.edit.placeholder", {
-            defaultValue: "Enter a value"
-          }),
-          className: "ds:flex-1"
-        }
-      );
-  }
-}
-function Ke({
-  text: e,
-  label: a
-}) {
-  const { t: n } = C(), [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(te, { children: [
-    /* @__PURE__ */ t(
-      z,
-      {
-        size: "sm",
-        intent: "ghost",
-        icon: i ? /* @__PURE__ */ t(H, { "aria-hidden": "true" }) : /* @__PURE__ */ t(Se, { "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 _e() {
-  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 {
-  Oe as P,
-  Ee as p
-};
-//# sourceMappingURL=patient-details-DgfTJimE.js.map