@alfadocs/ui-kit 1.35.0 → 1.36.1

package/dist/_chunks/patient-field-row-BQZoP4m2.js

@@ -0,0 +1,787 @@
+import { useMemo as B, useCallback as V, useState as z, cloneElement as W, useId as Y } from "react";
+import { u as Z } from "./use-controllable-state-BiY4xTzM.js";
+import { jsxs as k, jsx as t, Fragment as G } from "react/jsx-runtime";
+import { useTranslation as E } from "react-i18next";
+import { B as ee } from "./button-nJaPh_HC.js";
+import { I } from "./icon-button-8xqRnkdG.js";
+import { C as $ } from "./checkbox-CZkipDn7.js";
+import { P as O } from "./popover-DzR5QYxp.js";
+import { S as te } from "./separator-CYU_bGFn.js";
+import { S as ae } from "./settings-d25ju_6L.js";
+import { G as ne } from "./grip-vertical-onSb1JXO.js";
+import { D as R } from "./description-list-C1RXMDZ_.js";
+import { B as U } from "./badge-BudgzTe_.js";
+import { L as re } from "./link-CPb_pZPr.js";
+import { T as se } from "./transaction-chip-Dth1nThY.js";
+import { H as ie } from "./hash-CSQ9SChR.js";
+import { C as oe } from "./calendar-days-BGWklvE-.js";
+import { H as le } from "./hourglass-BEAzW1wE.js";
+import { c as q } from "./createLucideIcon-DhHxpK9K.js";
+import { U as ce } from "./user-B12p7bVF.js";
+import { C as de } from "./city-input-DaQc-Hbj.js";
+import { C as ue } from "./country-select-CfDNFG5c.js";
+import { D as me } from "./date-picker-6tFnKFty.js";
+import { E as pe } from "./email-input-Dpe63k0K.js";
+import { F as fe } from "./fiscal-code-input-CkwIdB1y.js";
+import { N as ge } from "./number-input-Cgu2TtA8.js";
+import { P as he } from "./phone-input-BsZIoE36.js";
+import { P as ye } from "./postal-code-input-BznBxVxf.js";
+import { P as be } from "./province-select-BaUnkg4S.js";
+import { S as ve } from "./select-CLSUnKjF.js";
+import { S as xe } from "./switch-OILsBLWo.js";
+import { T as Ce } from "./text-area-Bt3p7Pt0.js";
+import { T as Ve } from "./text-input-CUvCb6ST.js";
+import { C as K } from "./check-DrFSN__t.js";
+import { X as ke } from "./x-B5YnXwCz.js";
+import { P as Ne } from "./pencil-B1sKKyuT.js";
+import { L as De } from "./lock-ClAFG1gy.js";
+import { C as we } from "./copy-vRpqqHtY.js";
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const Se = [
+  ["path", { d: "M16 3h5v5", key: "1806ms" }],
+  ["path", { d: "m21 3-6.75 6.75", key: "pv0uzu" }],
+  ["circle", { cx: "10", cy: "14", r: "6", key: "1qwbdc" }]
+], Te = q("mars", Se);
+/**
+ * @license lucide-react v1.22.0 - ISC
+ *
+ * This source code is licensed under the ISC license.
+ * See the LICENSE file in the root directory of this source tree.
+ */
+const ze = [
+  ["path", { d: "M12 15v7", key: "t2xh3l" }],
+  ["path", { d: "M9 19h6", key: "456am0" }],
+  ["circle", { cx: "12", cy: "9", r: "6", key: "1nw4tq" }]
+], Pe = q("venus", ze);
+function X(e) {
+  return e.flatMap((n) => n.fields.map((a) => a.id));
+}
+function Nt(e, n) {
+  const a = n ?? X(e), r = new Map(a.map((s, h) => [s, h]));
+  return e.map((s) => ({
+    section: s,
+    fields: s.fields.filter((h) => r.has(h.id)).sort(
+      (h, l) => r.get(h.id) - r.get(l.id)
+    )
+  }));
+}
+function Dt(e, { value: n, defaultValue: a, onChange: r } = {}) {
+  const s = B(
+    () => X(e),
+    [e]
+  ), [h, l] = Z({
+    value: n,
+    defaultValue: a ?? s,
+    onChange: r
+  }), c = h ?? a ?? s, m = B(() => {
+    const g = /* @__PURE__ */ new Map();
+    for (const y of e)
+      for (const x of y.fields)
+        g.set(x.id, { field: x, sectionId: y.id });
+    return g;
+  }, [e]), d = V(
+    (g) => {
+      l(g.filter((y) => m.has(y)));
+    },
+    [l, m]
+  ), i = V(
+    (g) => {
+      d(
+        c.includes(g) ? c.filter((y) => y !== g) : [...c, g]
+      );
+    },
+    [c, d]
+  ), F = V(
+    (g, y) => {
+      var D;
+      const x = ((D = e.find((p) => p.id === g)) == null ? void 0 : D.fields.map((p) => p.id)) ?? [], P = new Set(x);
+      if (y) {
+        const p = x.filter((u) => !c.includes(u));
+        d([...c, ...p]);
+      } else
+        d(c.filter((p) => !P.has(p)));
+    },
+    [e, c, d]
+  ), N = V(
+    (g, y) => {
+      var L, o, A;
+      if (g === y) return;
+      const x = (L = m.get(g)) == null ? void 0 : L.sectionId, P = (o = m.get(y)) == null ? void 0 : o.sectionId;
+      if (!x || x !== P) return;
+      const D = new Set(
+        ((A = e.find((b) => b.id === x)) == null ? void 0 : A.fields.map((b) => b.id)) ?? []
+      ), p = c.filter((b) => D.has(b)), u = p.indexOf(g), v = p.indexOf(y);
+      if (u < 0 || v < 0) return;
+      const [S] = p.splice(u, 1);
+      p.splice(v, 0, S);
+      let C = 0;
+      const H = c.map(
+        (b) => D.has(b) ? p[C++] : b
+      );
+      d(H);
+    },
+    [m, e, c, d]
+  ), w = V(() => {
+    d(a ?? s);
+  }, [a, s, d]);
+  return {
+    visible: c,
+    catalogueIds: s,
+    fieldById: m,
+    setOrder: d,
+    toggleField: i,
+    toggleSection: F,
+    moveFieldOnto: N,
+    reset: w
+  };
+}
+function wt({
+  sections: e,
+  visible: n,
+  onToggleField: a,
+  onToggleSection: r,
+  onMoveFieldOnto: s,
+  onReset: h,
+  label: l
+}) {
+  const { t: c } = E(), m = B(() => new Set(n), [n]), [d, i] = z(null), [F, N] = z(null), [w, g] = z(""), { sectionOfField: y, labelOfField: x } = B(() => {
+    const u = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map();
+    for (const S of e)
+      for (const C of S.fields)
+        u.set(C.id, S.id), v.set(C.id, C.label);
+    return { sectionOfField: u, labelOfField: v };
+  }, [e]), P = d ? y.get(d) : void 0, D = V(() => {
+    i(null), N(null);
+  }, []), p = V(
+    (u, v, S) => {
+      g(
+        c("fieldPicker.moved", {
+          field: x.get(u) ?? "",
+          position: v + 1,
+          count: S,
+          defaultValue: "Moved {{field}} to position {{position}} of {{count}}"
+        })
+      );
+    },
+    [c, x]
+  );
+  return /* @__PURE__ */ k(O.Root, { children: [
+    /* @__PURE__ */ t(O.Trigger, { asChild: !0, children: /* @__PURE__ */ t(
+      I,
+      {
+        size: "sm",
+        intent: "outline",
+        icon: /* @__PURE__ */ t(ae, { "aria-hidden": "true" }),
+        "aria-label": l ?? c("fieldPicker.trigger", { defaultValue: "Customize fields" }),
+        className: "ds:shrink-0"
+      }
+    ) }),
+    /* @__PURE__ */ k(O.Content, { align: "end", size: "sm", children: [
+      /* @__PURE__ */ t(O.Heading, { children: c("fieldPicker.title", { defaultValue: "Customize fields" }) }),
+      /* @__PURE__ */ k("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-sm)] ds:mt-[var(--spacing-xs)]", children: [
+        e.map((u) => {
+          const v = u.fields.map((o) => o.id), S = v.filter(
+            (o) => m.has(o)
+          ).length, C = n.filter(
+            (o) => v.includes(o)
+          ), H = S === 0 ? !1 : S === v.length ? !0 : "indeterminate", L = !!u.heading;
+          return /* @__PURE__ */ k(
+            "div",
+            {
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]",
+              children: [
+                L ? /* @__PURE__ */ t(
+                  $,
+                  {
+                    size: "sm",
+                    label: u.heading,
+                    checked: H,
+                    onCheckedChange: (o) => r(u.id, o === !0)
+                  }
+                ) : null,
+                /* @__PURE__ */ t(
+                  "ul",
+                  {
+                    className: [
+                      "ds:m-0 ds:flex ds:list-none ds:flex-col ds:gap-[var(--spacing-2xs)]",
+                      L ? "ds:ps-[var(--spacing-md)]" : "ds:ps-0"
+                    ].join(" "),
+                    children: u.fields.map((o) => {
+                      const A = m.has(o.id), b = C.indexOf(o.id), T = C.length, J = d === o.id, Q = F === o.id && d !== null && d !== o.id && P === u.id;
+                      return /* @__PURE__ */ k(
+                        "li",
+                        {
+                          ...A ? {
+                            draggable: !0,
+                            onDragStart: (f) => {
+                              i(o.id), f.dataTransfer.effectAllowed = "move", f.dataTransfer.setData("text/plain", o.id);
+                            },
+                            onDragOver: (f) => {
+                              d === null || P !== u.id || (f.preventDefault(), f.dataTransfer.dropEffect = "move", N(o.id));
+                            },
+                            onDragLeave: () => N(
+                              (f) => f === o.id ? null : f
+                            ),
+                            onDrop: (f) => {
+                              f.preventDefault();
+                              const M = f.dataTransfer.getData("text/plain");
+                              M && M !== o.id && y.get(M) === u.id && (s(M, o.id), p(M, b, T)), D();
+                            },
+                            onDragEnd: D
+                          } : {},
+                          className: [
+                            "ds:flex ds:items-center ds:justify-between ds:gap-[var(--spacing-2xs)] ds:rounded-[var(--radius-sm)] ds:px-[var(--spacing-2xs)] ds:py-[var(--spacing-2xs)] ds:transition-colors ds:motion-reduce:transition-none",
+                            J ? "ds:opacity-50" : "",
+                            Q ? "ds:bg-[color:color-mix(in_srgb,var(--primary)_8%,transparent)]" : ""
+                          ].filter(Boolean).join(" "),
+                          children: [
+                            /* @__PURE__ */ t(
+                              $,
+                              {
+                                size: "sm",
+                                label: o.label,
+                                checked: A,
+                                onCheckedChange: () => a(o.id)
+                              }
+                            ),
+                            A ? /* @__PURE__ */ t(
+                              I,
+                              {
+                                size: "sm",
+                                intent: "ghost",
+                                icon: /* @__PURE__ */ t(ne, { "aria-hidden": "true" }),
+                                "aria-label": c("fieldPicker.reorder", {
+                                  field: o.label,
+                                  defaultValue: "Reorder {{field}}. Press Alt + Up or Alt + Down to move."
+                                }),
+                                "aria-keyshortcuts": "Alt+ArrowUp Alt+ArrowDown Alt+Home Alt+End",
+                                className: "ds:shrink-0 ds:cursor-grab ds:active:cursor-grabbing",
+                                onKeyDown: (f) => {
+                                  if (f.altKey) {
+                                    if (f.key === "ArrowUp") {
+                                      if (b <= 0) return;
+                                      f.preventDefault(), s(
+                                        o.id,
+                                        C[b - 1]
+                                      ), p(o.id, b - 1, T);
+                                    } else if (f.key === "ArrowDown") {
+                                      if (b >= T - 1) return;
+                                      f.preventDefault(), s(
+                                        o.id,
+                                        C[b + 1]
+                                      ), p(o.id, b + 1, T);
+                                    } else if (f.key === "Home") {
+                                      if (b <= 0) return;
+                                      f.preventDefault(), s(o.id, C[0]), p(o.id, 0, T);
+                                    } else if (f.key === "End") {
+                                      if (b >= T - 1) return;
+                                      f.preventDefault(), s(
+                                        o.id,
+                                        C[T - 1]
+                                      ), p(o.id, T - 1, T);
+                                    }
+                                  }
+                                }
+                              }
+                            ) : null
+                          ]
+                        },
+                        o.id
+                      );
+                    })
+                  }
+                )
+              ]
+            },
+            u.id
+          );
+        }),
+        /* @__PURE__ */ t(te, { orientation: "horizontal" }),
+        /* @__PURE__ */ t(ee, { type: "button", size: "sm", intent: "ghost", onClick: h, children: c("fieldPicker.reset", { defaultValue: "Reset to defaults" }) })
+      ] }),
+      /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: w })
+    ] })
+  ] });
+}
+const j = "ds:text-[color:var(--foreground)]", Ee = {
+  m: "Male",
+  f: "Female",
+  x: "Other"
+};
+function _({
+  icon: e,
+  mono: n,
+  children: a
+}) {
+  return /* @__PURE__ */ t(
+    U,
+    {
+      variant: "neutral",
+      className: n ? "ds:font-mono" : void 0,
+      leading: e ? W(e, {
+        className: j
+      }) : void 0,
+      children: /* @__PURE__ */ t("span", { className: j, children: a })
+    }
+  );
+}
+function Fe({ code: e }) {
+  const { t: n } = E(), a = e.toLowerCase(), r = n(`patientField.sex.${a}`, {
+    defaultValue: Ee[a] ?? e
+  });
+  return a === "f" ? /* @__PURE__ */ t(U, { variant: "accentSoft", leading: /* @__PURE__ */ t(Pe, {}), children: r }) : a === "m" ? /* @__PURE__ */ t(U, { variant: "info", leading: /* @__PURE__ */ t(Te, {}), children: r }) : /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(ce, {}), children: r });
+}
+function Ae({ years: e }) {
+  const { t: n } = E();
+  return /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(le, {}), children: n("patientField.age", {
+    count: e,
+    defaultValue: "{{count}} years old"
+  }) });
+}
+function Ie({ field: e }) {
+  const { i18n: n } = E();
+  if (e.kind === "email" || e.kind === "phone") {
+    const a = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
+    if (a) {
+      const r = e.kind === "email" ? `mailto:${a.trim()}` : `tel:${a.replace(/[^+\d]/g, "")}`;
+      return /* @__PURE__ */ t(re, { href: r, children: a });
+    }
+  }
+  if (e.value != null)
+    return /* @__PURE__ */ t(G, { children: e.value });
+  if (!e.kind)
+    return null;
+  switch (e.kind) {
+    case "sex":
+      return /* @__PURE__ */ t(Fe, { code: String(e.editValue ?? "") });
+    case "age": {
+      const a = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
+      return Number.isFinite(a) ? /* @__PURE__ */ t(Ae, { years: a }) : null;
+    }
+    case "dob": {
+      const a = e.editValue, r = a instanceof Date ? a : new Date(String(a ?? "")), s = Number.isNaN(r.getTime()) ? String(a ?? "") : new Intl.DateTimeFormat(n.language, {
+        day: "numeric",
+        month: "short",
+        year: "numeric"
+      }).format(r);
+      return s ? /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(oe, {}), children: s }) : null;
+    }
+    case "fiscalCode": {
+      const a = e.copyText ?? (typeof e.editValue == "string" ? e.editValue : "");
+      return a ? /* @__PURE__ */ t(_, { icon: /* @__PURE__ */ t(ie, {}), mono: !0, children: a }) : null;
+    }
+    case "discount": {
+      const a = typeof e.editValue == "number" ? e.editValue : Number(e.editValue);
+      return Number.isFinite(a) ? /* @__PURE__ */ t(
+        se,
+        {
+          state: "discount",
+          amount: Math.abs(a),
+          currency: e.currency,
+          size: "sm"
+        }
+      ) : null;
+    }
+    default:
+      return null;
+  }
+}
+function Le({
+  field: e
+}) {
+  const { t: n } = E();
+  return /* @__PURE__ */ k("span", { className: "ds:inline-flex ds:items-center ds:gap-[var(--spacing-2xs)]", children: [
+    e.label,
+    e.sensitive ? /* @__PURE__ */ t(
+      De,
+      {
+        "aria-label": n("patientDetails.sensitive", {
+          defaultValue: "Sensitive"
+        }),
+        className: "ds:size-3 ds:shrink-0 ds:text-[color:var(--muted-foreground)]"
+      }
+    ) : null
+  ] });
+}
+function Me({
+  field: e,
+  editable: n,
+  onFieldSave: a,
+  validate: r,
+  locale: s
+}) {
+  const { t: h } = E(), l = Y(), c = n && !!e.editable && !!a, [m, d] = z(!1), [i, F] = z(e.editValue), [N, w] = z(null), [g, y] = z(!1), x = V(() => {
+    F(e.editValue), w(null), d(!0);
+  }, [e.editValue]), P = V(() => {
+    d(!1), w(null);
+  }, []), D = V(async () => {
+    if (!a) return;
+    const u = (r == null ? void 0 : r(e.id, i)) ?? null;
+    if (u) {
+      w(u);
+      return;
+    }
+    y(!0), w(null);
+    try {
+      await a(e.id, i), d(!1);
+    } catch (v) {
+      w(
+        v instanceof Error && v.message ? v.message : h("patientDetails.edit.saveFailed", {
+          defaultValue: "Could not save. Try again."
+        })
+      );
+    } finally {
+      y(!1);
+    }
+  }, [a, r, e.id, i, h]), p = typeof e.value == "string" ? e.value : e.copyText ?? (typeof e.editValue == "string" ? e.editValue : void 0);
+  return m ? /* @__PURE__ */ k("span", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-2xs)]", children: [
+    /* @__PURE__ */ k("span", { className: "ds:flex ds:items-start ds:gap-[var(--spacing-2xs)]", children: [
+      /* @__PURE__ */ t(
+        Oe,
+        {
+          field: e,
+          value: i,
+          onChange: F,
+          invalid: !!N,
+          errorId: N ? l : void 0,
+          locale: s,
+          disabled: g
+        }
+      ),
+      /* @__PURE__ */ t(
+        I,
+        {
+          size: "sm",
+          intent: "primary",
+          icon: /* @__PURE__ */ t(K, { "aria-hidden": "true" }),
+          "aria-label": h("patientDetails.edit.save", { defaultValue: "Save" }),
+          loading: g,
+          onClick: D
+        }
+      ),
+      /* @__PURE__ */ t(
+        I,
+        {
+          size: "sm",
+          intent: "ghost",
+          icon: /* @__PURE__ */ t(ke, { "aria-hidden": "true" }),
+          "aria-label": h("patientDetails.edit.cancel", {
+            defaultValue: "Cancel"
+          }),
+          disabled: g,
+          onClick: P
+        }
+      )
+    ] }),
+    N ? /* @__PURE__ */ t(
+      "span",
+      {
+        id: l,
+        role: "alert",
+        className: "type-meta ds:text-[color:var(--destructive)]",
+        children: N
+      }
+    ) : null
+  ] }) : /* @__PURE__ */ k("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(Ie, { field: e })
+      }
+    ),
+    e.copyable && e.copyText ? /* @__PURE__ */ t(Be, { text: e.copyText, label: e.label }) : null,
+    c ? /* @__PURE__ */ t(
+      I,
+      {
+        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(Ne, { "aria-hidden": "true" }),
+        "aria-label": h("patientDetails.edit.editField", {
+          field: e.label,
+          defaultValue: "Edit {{field}}"
+        }),
+        onClick: x
+      }
+    ) : null
+  ] });
+}
+function St({
+  field: e,
+  icon: n,
+  ...a
+}) {
+  return /* @__PURE__ */ k(
+    R.Row,
+    {
+      icon: n ?? null,
+      "data-field-id": e.id,
+      className: "ds:group",
+      children: [
+        /* @__PURE__ */ t(R.Term, { children: /* @__PURE__ */ t(Le, { field: e }) }),
+        /* @__PURE__ */ t(R.Detail, { children: /* @__PURE__ */ t(Me, { field: e, ...a }) })
+      ]
+    }
+  );
+}
+function Oe({
+  field: e,
+  value: n,
+  onChange: a,
+  invalid: r,
+  errorId: s,
+  locale: h,
+  disabled: l
+}) {
+  const { t: c } = E(), m = r ? "error" : "default";
+  switch (e.editType ?? "text") {
+    case "textarea":
+      return /* @__PURE__ */ t(
+        Ce,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onChange: (i) => a(i.target.value),
+          tone: m,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          disabled: l,
+          className: "ds:flex-1"
+        }
+      );
+    case "select":
+      return /* @__PURE__ */ t(
+        ve,
+        {
+          size: "sm",
+          options: e.options ?? [],
+          value: typeof n == "string" ? n : "",
+          onValueChange: (i) => a(i),
+          tone: m,
+          disabled: l,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s
+        }
+      );
+    case "boolean":
+      return /* @__PURE__ */ t(
+        xe,
+        {
+          label: e.label,
+          checked: n === !0,
+          onCheckedChange: (i) => a(i),
+          disabled: l
+        }
+      );
+    case "date":
+      return /* @__PURE__ */ t(
+        me,
+        {
+          size: "sm",
+          value: n instanceof Date ? n : void 0,
+          onChange: (i) => a(i ?? null),
+          disabled: l,
+          "aria-label": e.label
+        }
+      );
+    case "number":
+      return /* @__PURE__ */ t(
+        ge,
+        {
+          size: "sm",
+          value: typeof n == "number" ? n : null,
+          onChange: (i) => a(i),
+          mode: e.currency ? "currency" : "decimal",
+          currency: e.currency,
+          locale: h,
+          tone: m,
+          disabled: l,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s
+        }
+      );
+    case "email":
+      return /* @__PURE__ */ t(
+        pe,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onChange: (i) => a(i.target.value),
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          disabled: l,
+          className: "ds:flex-1"
+        }
+      );
+    case "phone":
+      return /* @__PURE__ */ t(
+        he,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onChange: (i) => a(i),
+          tone: m,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          disabled: l,
+          className: "ds:flex-1"
+        }
+      );
+    case "fiscalCode":
+      return /* @__PURE__ */ t(
+        fe,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onChange: (i) => a(i),
+          tone: m,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          disabled: l,
+          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(
+        be,
+        {
+          size: "sm",
+          country: "it",
+          value: typeof n == "string" ? n : "",
+          onValueChange: (i) => a(i),
+          tone: m,
+          disabled: l,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          className: "ds:flex-1"
+        }
+      );
+    case "country":
+      return /* @__PURE__ */ t(
+        ue,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onValueChange: (i) => a(i),
+          tone: m,
+          disabled: l,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          className: "ds:flex-1"
+        }
+      );
+    case "postalCode":
+      return /* @__PURE__ */ t(
+        ye,
+        {
+          size: "sm",
+          country: "it",
+          value: typeof n == "string" ? n : "",
+          onValueChange: (i) => a(i),
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          disabled: l,
+          className: "ds:flex-1"
+        }
+      );
+    case "city":
+      return /* @__PURE__ */ t(
+        de,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onValueChange: (i) => a(i),
+          tone: m,
+          disabled: l,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          className: "ds:flex-1"
+        }
+      );
+    case "text":
+    default:
+      return /* @__PURE__ */ t(
+        Ve,
+        {
+          size: "sm",
+          value: typeof n == "string" ? n : "",
+          onChange: (i) => a(i.target.value),
+          tone: m,
+          "aria-label": e.label,
+          "aria-invalid": r || void 0,
+          "aria-describedby": s,
+          disabled: l,
+          clearable: !0,
+          placeholder: c("patientDetails.edit.placeholder", {
+            defaultValue: "Enter a value"
+          }),
+          className: "ds:flex-1"
+        }
+      );
+  }
+}
+function Be({
+  text: e,
+  label: n
+}) {
+  const { t: a } = E(), [r, s] = z(!1), [h, l] = z(""), c = V(async () => {
+    try {
+      await navigator.clipboard.writeText(e), s(!0), l(a("keyValuePair.copied", { defaultValue: "Copied" })), setTimeout(() => {
+        s(!1), l("");
+      }, 2e3);
+    } catch {
+      l(
+        a("keyValuePair.notAvailable", { defaultValue: "Copy not available" })
+      ), setTimeout(() => l(""), 3e3);
+    }
+  }, [e, a]);
+  return /* @__PURE__ */ k(G, { children: [
+    /* @__PURE__ */ t(
+      I,
+      {
+        size: "sm",
+        intent: "ghost",
+        icon: r ? /* @__PURE__ */ t(K, { "aria-hidden": "true" }) : /* @__PURE__ */ t(we, { "aria-hidden": "true" }),
+        "aria-label": a("keyValuePair.copy", {
+          label: n,
+          defaultValue: "Copy {{label}}"
+        }),
+        onClick: c
+      }
+    ),
+    /* @__PURE__ */ t("span", { role: "status", className: "ds:sr-only", children: h })
+  ] });
+}
+export {
+  Ae as A,
+  wt as F,
+  _ as N,
+  St as P,
+  Fe as S,
+  Me as a,
+  Le as b,
+  Nt as r,
+  Dt as u
+};
+//# sourceMappingURL=patient-field-row-BQZoP4m2.js.map