@alfadocs/ui-kit-debug 1.132.0 → 1.134.0

package/dist/_chunks/pin-indicator-Cb-n40UI.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pin-indicator-Cb-n40UI.js","sources":["../../src/components/pin-indicator/pin-indicator.tsx"],"sourcesContent":["import { forwardRef, type HTMLAttributes } from 'react';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { useTranslation } from 'react-i18next';\n\n/* -------------------------------------------------------------------- */\n/* PinIndicator — the row of PIN dots.                                  */\n/*                                                                      */\n/* One dot per digit, filled for each digit typed; the digits are never */\n/* shown. The error state turns the dots red and shakes the row once.   */\n/* The shake is `--animation-duration` long, so the accessible themes   */\n/* (0ms) and reduced motion show the red dots without movement.         */\n/* The row never grows past its container: when 12 dots would not fit   */\n/* (320 px), the dots shrink a little, so none is clipped. Up to 8 dots */\n/* at normal widths the look is unchanged.                              */\n/* A polite live region says \"Digits entered: 3 of 8\" as the count      */\n/* changes; nothing is read on mount.                                   */\n/* -------------------------------------------------------------------- */\n\nexport const MIN_PIN_LENGTH = 4;\nexport const MAX_PIN_LENGTH = 12;\n/** The patient interface's PIN length for health data (D120). */\nexport const DEFAULT_PIN_LENGTH = 8;\n\n/** Clamp a PIN length into [4, 12]; non-finite input falls back to 8. */\nexport function resolvePinLength(length: number | undefined): number {\n  const n =\n    typeof length === 'number' && Number.isFinite(length)\n      ? Math.floor(length)\n      : DEFAULT_PIN_LENGTH;\n  return Math.max(MIN_PIN_LENGTH, Math.min(MAX_PIN_LENGTH, n));\n}\n\nconst rootVariants = cva(\n  [\n    // `px-px` leaves room for the filled dot's 1.1 scale, so the outer dots\n    // never push a 320 px container into a sideways scroll.\n    'ds:inline-flex ds:max-w-full ds:items-center ds:justify-center ds:px-px',\n    'ds:data-[state=error]:animate-[pin-indicator-shake_calc(var(--animation-duration)*2)_var(--ease-out)] ds:motion-reduce:animate-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:gap-[var(--spacing-sm)]',\n        md: 'ds:gap-[var(--spacing-md)]',\n      },\n    },\n    defaultVariants: { size: 'md' },\n  },\n);\n\nconst dotVariants = cva(\n  [\n    // The dots give way before the gaps do, so 12 of them fit a 320 px\n    // container; the square shape follows the width. At normal widths\n    // nothing shrinks and the dots keep their full size.\n    'ds:block ds:aspect-square ds:h-auto ds:min-w-0 ds:shrink ds:rounded-[var(--radius-full)] ds:border-2',\n    'ds:transition-[background-color,border-color,scale] ds:duration-[var(--animation-duration)] ds:motion-reduce:transition-none',\n  ].join(' '),\n  {\n    variants: {\n      size: {\n        sm: 'ds:w-3',\n        md: 'ds:w-4',\n      },\n      filled: {\n        true: 'ds:scale-110 ds:forced-colors:bg-[CanvasText] ds:forced-colors:border-[CanvasText]',\n        false:\n          'ds:bg-transparent ds:border-[color:var(--control-border)] ds:forced-colors:border-[CanvasText]',\n      },\n      tone: {\n        default: '',\n        error: '',\n      },\n    },\n    compoundVariants: [\n      {\n        filled: true,\n        tone: 'default',\n        className: 'ds:bg-foreground ds:border-foreground',\n      },\n      {\n        filled: true,\n        tone: 'error',\n        className: 'ds:bg-destructive ds:border-destructive',\n      },\n      {\n        filled: false,\n        tone: 'error',\n        className: 'ds:border-destructive',\n      },\n    ],\n    defaultVariants: { size: 'md', filled: false, tone: 'default' },\n  },\n);\n\nexport interface PinIndicatorProps\n  extends\n    Omit<HTMLAttributes<HTMLDivElement>, 'role' | 'children'>,\n    VariantProps<typeof rootVariants> {\n  /** Number of digits typed so far. Clamped to `[0, length]`. */\n  filled: number;\n  /** Number of dots, from 4 to 12. Default 8. */\n  length?: number;\n  /** Red dots and one shake (no movement in the accessible themes or with\n   *  reduced motion). Turn it off when the person types again. */\n  error?: boolean;\n  /** Dot size. Default `md`. */\n  size?: 'sm' | 'md';\n  /** Say the count in a polite live region as it changes. Default `true`;\n   *  turn it off when the host already speaks the count. */\n  announce?: boolean;\n  /** Opaque instance id, emitted as `data-component-id`. */\n  id?: string;\n}\n\n/**\n * The dots of a PIN screen. Display only: pair it with `Keypad`, or use\n * `PinEntry`, which wires both to a real field.\n */\nexport const PinIndicator = forwardRef<HTMLDivElement, PinIndicatorProps>(\n  (\n    {\n      filled,\n      length: lengthProp,\n      error = false,\n      size = 'md',\n      announce = true,\n      id,\n      className,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { t } = useTranslation('ui');\n    const length = resolvePinLength(lengthProp);\n    const count = Math.max(0, Math.min(length, Math.floor(filled || 0)));\n    const state = error ? 'error' : count === length ? 'complete' : 'idle';\n    return (\n      <div\n        ref={ref}\n        data-component=\"pin-indicator\"\n        data-component-id={id}\n        data-state={state}\n        data-filled={count}\n        data-length={length}\n        className={rootVariants({ size, className })}\n        {...rest}\n      >\n        {Array.from({ length }, (_, index) => (\n          <span\n            key={index}\n            aria-hidden=\"true\"\n            data-dot-id={index}\n            data-filled={index < count ? '' : undefined}\n            className={dotVariants({\n              size,\n              filled: index < count,\n              tone: error ? 'error' : 'default',\n            })}\n          />\n        ))}\n        {announce ? (\n          <span aria-live=\"polite\" aria-atomic=\"true\" className=\"ds:sr-only\">\n            {t('inputs.pinIndicator.progress', {\n              filled: count,\n              total: length,\n              defaultValue: 'Digits entered: {{filled}} of {{total}}',\n            })}\n          </span>\n        ) : null}\n      </div>\n    );\n  },\n);\n\nPinIndicator.displayName = 'PinIndicator';\n"],"names":["MIN_PIN_LENGTH","MAX_PIN_LENGTH","DEFAULT_PIN_LENGTH","resolvePinLength","length","n","rootVariants","cva","dotVariants","PinIndicator","forwardRef","filled","lengthProp","error","size","announce","id","className","rest","ref","t","useTranslation","count","jsxs","_","index","jsx"],"mappings":"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"}

package/dist/_chunks/portal-details-CTEsm705.js

@@ -0,0 +1,478 @@
+import { jsxs as d, jsx as t, Fragment as T } from "react/jsx-runtime";
+import { useRef as L, useEffect as O, useId as X } from "react";
+import { useTranslation as z } from "react-i18next";
+import { A as Q } from "./alert-C4WKViaS.js";
+import { B as I } from "./button-DohK_Ak_.js";
+import { C as st } from "./checkbox-DV4sNDeB.js";
+import { C as ot } from "./country-select-C2GdvRtS.js";
+import { D as P } from "./description-list-BxzDN9o2.js";
+import { E as rt } from "./error-summary-DxNhwf_G.js";
+import { E as ct } from "./email-input-DxwbREpx.js";
+import { F as v } from "./form-field-CyHfOVKF.js";
+import { T as S } from "./text-input-B6iAgCr3.js";
+import { V as mt } from "./visually-hidden-BHxEUGyT.js";
+import { P as pt } from "./privacy-mask-C19dJFMk.js";
+import { u as W } from "./use-controllable-state-BiY4xTzM.js";
+import { u as Y, P as dt, a as ut, b as ht, c as gt, d as Pt, f as bt } from "./portal-parts-BdR29P7z.js";
+import { p as V } from "./privacy-mask-text-B8YfzB7L.js";
+const Z = (n, u) => `${n}-${u}`;
+function Nt({
+  values: n,
+  onChange: u,
+  fieldErrors: a,
+  disabled: m = !1,
+  idPrefix: y,
+  announceErrors: c = !0,
+  fieldAddon: i,
+  showMarketing: x = !0,
+  className: r
+}) {
+  const { t: o } = z("ui"), N = X(), p = (s) => Z(y ?? N, s), h = (s, j) => u({ ...n, [s]: j });
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "data-component": "portal-details-fields",
+      className: ["ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", r].filter(Boolean).join(" "),
+      children: [
+        /* @__PURE__ */ t(
+          v,
+          {
+            label: o("patientPortal.details.firstName"),
+            labelEnd: i == null ? void 0 : i.firstName,
+            error: a == null ? void 0 : a.firstName,
+            announceError: c,
+            children: /* @__PURE__ */ t(
+              S,
+              {
+                value: n.firstName,
+                onChange: (s) => h("firstName", s.target.value),
+                autoComplete: "given-name",
+                disabled: m,
+                id: p("firstName"),
+                dir: "auto",
+                "data-field": "firstName"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          v,
+          {
+            label: o("patientPortal.details.lastName"),
+            labelEnd: i == null ? void 0 : i.lastName,
+            error: a == null ? void 0 : a.lastName,
+            announceError: c,
+            children: /* @__PURE__ */ t(
+              S,
+              {
+                value: n.lastName,
+                onChange: (s) => h("lastName", s.target.value),
+                autoComplete: "family-name",
+                disabled: m,
+                id: p("lastName"),
+                dir: "auto",
+                "data-field": "lastName"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          v,
+          {
+            label: o("patientPortal.details.address"),
+            labelEnd: i == null ? void 0 : i.address,
+            error: a == null ? void 0 : a.address,
+            announceError: c,
+            children: /* @__PURE__ */ t(
+              S,
+              {
+                value: n.address,
+                onChange: (s) => h("address", s.target.value),
+                autoComplete: "street-address",
+                disabled: m,
+                id: p("address"),
+                dir: "auto",
+                "data-field": "address"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          v,
+          {
+            label: o("patientPortal.details.country"),
+            labelEnd: i == null ? void 0 : i.country,
+            error: a == null ? void 0 : a.country,
+            announceError: c,
+            children: /* @__PURE__ */ t(
+              ot,
+              {
+                value: n.country,
+                onValueChange: (s) => h("country", s),
+                placeholder: o("patientPortal.details.countryPlaceholder"),
+                "aria-label": o("patientPortal.details.country"),
+                id: p("country"),
+                disabled: m,
+                tone: a != null && a.country ? "error" : "default"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          v,
+          {
+            label: o("patientPortal.details.contactEmail"),
+            labelEnd: i == null ? void 0 : i.contactEmail,
+            description: o("patientPortal.details.contactEmailNote"),
+            error: a == null ? void 0 : a.contactEmail,
+            announceError: c,
+            children: /* @__PURE__ */ t(
+              ct,
+              {
+                value: n.contactEmail,
+                onChange: (s) => h("contactEmail", s.target.value),
+                autoComplete: "email",
+                disableBuiltInValidation: !0,
+                errorMessage: null,
+                disabled: m,
+                id: p("contactEmail"),
+                dir: "ltr",
+                "data-field": "contactEmail"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ t(
+          v,
+          {
+            label: o("patientPortal.details.phone"),
+            labelEnd: i == null ? void 0 : i.phone,
+            error: a == null ? void 0 : a.phone,
+            announceError: c,
+            children: /* @__PURE__ */ t(
+              S,
+              {
+                value: n.phone,
+                onChange: (s) => h("phone", s.target.value),
+                type: "tel",
+                autoComplete: "tel",
+                disabled: m,
+                id: p("phone"),
+                dir: "ltr",
+                "data-field": "phone"
+              }
+            )
+          }
+        ),
+        x ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+          /* @__PURE__ */ t(
+            st,
+            {
+              id: p("marketing"),
+              label: o("patientPortal.details.marketingConsent"),
+              checked: n.marketing === 1,
+              onCheckedChange: (s) => h("marketing", s === !0 ? 1 : 0),
+              "aria-invalid": a != null && a.marketing ? !0 : void 0,
+              "aria-describedby": a != null && a.marketing ? `${p("marketing")}-error` : void 0,
+              disabled: m
+            }
+          ),
+          a != null && a.marketing ? /* @__PURE__ */ t(
+            "p",
+            {
+              id: `${p("marketing")}-error`,
+              role: c ? "alert" : void 0,
+              className: "type-meta ds:m-0 ds:text-[color:var(--destructive)]",
+              children: a.marketing
+            }
+          ) : null
+        ] }) : null
+      ]
+    }
+  );
+}
+function Ct({
+  readOnly: n,
+  locale: u,
+  recordMark: a,
+  privacy: m = !1,
+  className: y
+}) {
+  const { t: c } = z("ui"), i = Y(u), x = c("patientPortal.details.fiscalCode"), r = [
+    [
+      c("patientPortal.details.birthDate"),
+      m ? V() : bt(n.birthDateIso, i)
+    ],
+    [
+      c("patientPortal.details.fiscalCode"),
+      m ? V() : n.fiscalCode
+    ]
+  ];
+  return n.maskedMobile && r.push([
+    c("patientPortal.details.mobile"),
+    m ? V() : /* @__PURE__ */ t("bdi", { dir: "ltr", children: n.maskedMobile }, "mobile")
+  ]), /* @__PURE__ */ t("div", { "data-component": "portal-details-read-only-list", className: y, children: /* @__PURE__ */ t(P, { layout: "responsive", divider: "between", children: r.map(([o, N]) => /* @__PURE__ */ d(P.Row, { children: [
+    /* @__PURE__ */ t(P.Term, { children: o }),
+    /* @__PURE__ */ t(P.Detail, { children: /* @__PURE__ */ d("span", { className: "ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]", children: [
+      o === x ? /* @__PURE__ */ t("bdi", { dir: "ltr", children: N }) : /* @__PURE__ */ t("bdi", { children: N }),
+      a
+    ] }) })
+  ] }, o)) }) });
+}
+function vt(n) {
+  return (u) => {
+    if (!u) return "";
+    try {
+      return new Intl.DisplayNames([n], { type: "region" }).of(
+        u.toUpperCase()
+      ) ?? u;
+    } catch {
+      return u;
+    }
+  };
+}
+function Rt({
+  values: n,
+  readOnly: u,
+  draft: a,
+  defaultDraft: m,
+  onDraftChange: y,
+  editing: c,
+  defaultEditing: i = !1,
+  onEditingChange: x,
+  fieldErrors: r,
+  saveState: o = "idle",
+  onSave: N,
+  status: p = "ready",
+  onRetry: h,
+  stepUp: s = null,
+  locale: j,
+  headingLevel: F = 1,
+  focusOnMount: _ = !1,
+  privacy: g = !1,
+  className: A
+}) {
+  const { t: e } = z("ui"), R = Y(j), E = vt(R), [tt, D] = W({
+    value: a,
+    defaultValue: m ?? n,
+    onChange: y
+  }), [at, $] = W({
+    value: c,
+    defaultValue: i,
+    onChange: x
+  }), H = tt ?? n, b = at === !0, k = o === "saving", q = L(null), G = L(null), K = L(b);
+  O(() => {
+    var l, f, w;
+    K.current !== b && (K.current = b, !s && (b ? (f = (l = q.current) == null ? void 0 : l.querySelector("input")) == null || f.focus() : (w = G.current) == null || w.focus()));
+  }, [b, s]);
+  const U = X(), J = L(null), et = [
+    "firstName",
+    "lastName",
+    "address",
+    "country",
+    "contactEmail",
+    "phone",
+    "marketing"
+  ], nt = {
+    firstName: e("patientPortal.details.firstName"),
+    lastName: e("patientPortal.details.lastName"),
+    address: e("patientPortal.details.address"),
+    country: e("patientPortal.details.country"),
+    contactEmail: e("patientPortal.details.contactEmail"),
+    phone: e("patientPortal.details.phone"),
+    marketing: e("patientPortal.details.marketing")
+  }, B = et.filter((l) => r == null ? void 0 : r[l]), it = B.map((l) => `${l}:${r == null ? void 0 : r[l]}`).join("|"), M = b && !g && B.length > 0;
+  O(() => {
+    var l;
+    M && ((l = J.current) == null || l.focus({ preventScroll: !1 }));
+  }, [it, M]);
+  const C = (l) => g ? V() : l, lt = [
+    [e("patientPortal.details.firstName"), C(n.firstName), !1],
+    [e("patientPortal.details.lastName"), C(n.lastName), !1],
+    [e("patientPortal.details.address"), C(n.address), !1],
+    [
+      e("patientPortal.details.country"),
+      C(E(n.country)),
+      !1
+    ],
+    [
+      e("patientPortal.details.contactEmail"),
+      C(n.contactEmail),
+      !0
+    ],
+    [e("patientPortal.details.phone"), C(n.phone), !0],
+    [
+      e("patientPortal.details.marketing"),
+      n.marketing === 1 ? e("patientPortal.details.on") : e("patientPortal.details.off"),
+      !1
+    ]
+  ];
+  return /* @__PURE__ */ d(
+    dt,
+    {
+      component: "portal-details",
+      title: e("patientPortal.details.title"),
+      description: e("patientPortal.details.intro"),
+      headingLevel: F,
+      focusOnMount: _,
+      privacy: g,
+      className: A,
+      status: p,
+      loadingLabel: e("patientPortal.details.loading"),
+      errorLabel: e("patientPortal.details.error.title"),
+      message: o === "saved" ? e("patientPortal.details.saved") : void 0,
+      children: [
+        p === "loading" ? /* @__PURE__ */ t(ut, {}) : p === "error" ? /* @__PURE__ */ t(
+          ht,
+          {
+            kind: "error",
+            title: e("patientPortal.details.error.title"),
+            body: e("patientPortal.home.error.body"),
+            headingLevel: F,
+            onRetry: h
+          }
+        ) : /* @__PURE__ */ d(T, { children: [
+          o === "saved" ? (
+            // PortalScreen's live region, mounted before the text, says it
+            // once; the visible alert stays quiet (05-accessibility).
+            /* @__PURE__ */ t(Q, { variant: "success", announce: "off", children: /* @__PURE__ */ t(Q.Description, { children: e("patientPortal.details.saved") }) })
+          ) : null,
+          /* @__PURE__ */ d("section", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]", children: [
+            /* @__PURE__ */ t(
+              Ct,
+              {
+                readOnly: u,
+                locale: R,
+                privacy: g
+              }
+            ),
+            /* @__PURE__ */ t(gt, { children: e("patientPortal.details.readOnly") })
+          ] }),
+          b ? g ? /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]", children: [
+            /* @__PURE__ */ t(pt, { block: "details-form" }),
+            /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(
+              I,
+              {
+                type: "button",
+                intent: "ghost",
+                className: "ds:min-h-[var(--min-target-size)]",
+                "data-action": "discard-details",
+                onClick: () => {
+                  D(n), $(!1);
+                },
+                children: e("patientPortal.details.discard")
+              }
+            ) })
+          ] }) : /* @__PURE__ */ d(
+            "form",
+            {
+              ref: q,
+              noValidate: !0,
+              className: "ds:flex ds:flex-col ds:gap-[var(--spacing-md)]",
+              onSubmit: (l) => {
+                l.preventDefault(), k || N(H);
+              },
+              children: [
+                M ? /* @__PURE__ */ t(
+                  rt,
+                  {
+                    ref: J,
+                    headingLevel: F === 1 ? 2 : 3,
+                    errors: B.map((l) => ({
+                      field: l,
+                      label: nt[l],
+                      message: (r == null ? void 0 : r[l]) ?? "",
+                      targetId: Z(U, l)
+                    }))
+                  }
+                ) : null,
+                /* @__PURE__ */ t(
+                  Nt,
+                  {
+                    values: H,
+                    onChange: D,
+                    fieldErrors: r,
+                    idPrefix: U,
+                    announceErrors: !1,
+                    disabled: k
+                  }
+                ),
+                /* @__PURE__ */ d("div", { className: "ds:flex ds:flex-wrap ds:gap-[var(--spacing-sm)]", children: [
+                  /* @__PURE__ */ t(
+                    I,
+                    {
+                      type: "submit",
+                      intent: "primary",
+                      className: "ds:min-h-[var(--min-target-size)]",
+                      loading: k,
+                      "data-action": "save-details",
+                      children: e(k ? "patientPortal.details.saving" : "patientPortal.details.save")
+                    }
+                  ),
+                  /* @__PURE__ */ t(
+                    I,
+                    {
+                      type: "button",
+                      intent: "ghost",
+                      className: "ds:min-h-[var(--min-target-size)]",
+                      disabled: k,
+                      "data-action": "discard-details",
+                      onClick: () => {
+                        D(n), $(!1);
+                      },
+                      children: e("patientPortal.details.discard")
+                    }
+                  )
+                ] })
+              ]
+            }
+          ) : /* @__PURE__ */ d(T, { children: [
+            /* @__PURE__ */ t(P, { layout: "responsive", divider: "between", children: lt.map(([l, f, w]) => /* @__PURE__ */ d(P.Row, { children: [
+              /* @__PURE__ */ t(P.Term, { children: l }),
+              /* @__PURE__ */ t(P.Detail, { children: f ? /* @__PURE__ */ t(
+                "bdi",
+                {
+                  dir: w && !g ? "ltr" : void 0,
+                  className: "ds:break-words",
+                  children: f
+                }
+              ) : /* @__PURE__ */ d(T, { children: [
+                /* @__PURE__ */ t("span", { "aria-hidden": "true", children: "–" }),
+                /* @__PURE__ */ t(mt, { children: e("patientPortal.details.notGiven") })
+              ] }) })
+            ] }, l)) }),
+            g ? null : /* @__PURE__ */ t(
+              I,
+              {
+                ref: G,
+                type: "button",
+                intent: "secondary",
+                className: "ds:min-h-[var(--min-target-size)] ds:self-start",
+                "data-action": "edit-details",
+                onClick: () => {
+                  D(n), $(!0);
+                },
+                children: e("patientPortal.details.edit")
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ t(
+          Pt,
+          {
+            config: s,
+            privacy: g,
+            defaultSubject: e("patientPortal.details.stepUp.saveSubject")
+          }
+        )
+      ]
+    }
+  );
+}
+export {
+  Rt as P,
+  Nt as a,
+  Ct as b,
+  Z as p
+};
+//# sourceMappingURL=portal-details-CTEsm705.js.map

package/dist/_chunks/portal-details-CTEsm705.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"portal-details-CTEsm705.js","sources":["../../src/patterns/patient-portal/portal-details.tsx"],"sourcesContent":["import { useEffect, useId, useRef, type ReactNode } from 'react';\nimport { useTranslation } from 'react-i18next';\nimport { Alert } from '../../components/alert';\nimport { Button } from '../../components/button';\nimport { Checkbox } from '../../components/checkbox';\nimport { CountrySelect } from '../../components/country-select';\nimport { DescriptionList } from '../../components/description-list';\nimport { ErrorSummary } from '../../components/error-summary';\nimport { EmailInput } from '../../components/email-input';\nimport { FormField } from '../../components/form-field';\nimport { TextInput } from '../../components/text-input';\nimport { VisuallyHidden } from '../../components/visually-hidden';\nimport {\n  PrivacyHiddenLine,\n  privacyMask,\n} from '../../components/_shared/privacy-mask';\nimport { useControllableState } from '../../hooks/use-controllable-state';\nimport { formatPortalCalendarDate, usePortalLocale } from './portal-format';\nimport {\n  PortalLoading,\n  PortalMessage,\n  PortalNote,\n  PortalScreen,\n  PortalStepUp,\n} from './portal-parts';\nimport type {\n  PortalDetailsFieldErrors,\n  PortalDetailsReadOnly,\n  PortalDetailsValues,\n  PortalHeadingLevel,\n  PortalListStatus,\n  StepUpConfig,\n} from './portal-types';\n\n/* -------------------------------------------------------------------- */\n/* The details form module (R5: check-in imports it, never copies it)      */\n/* -------------------------------------------------------------------- */\n\n/** The id of one control of the form, for an `ErrorSummary` link. */\nexport const portalDetailsFieldId = (\n  prefix: string,\n  key: keyof PortalDetailsValues,\n): string => `${prefix}-${key}`;\n\n/** A node to place beside a field's label, for each field. */\nexport type PortalDetailsFieldAddon = Partial<\n  Record<keyof PortalDetailsValues, ReactNode>\n>;\n\nexport interface PortalDetailsFieldsProps {\n  /** The values on screen. Controlled: the form keeps none of its own. */\n  values: PortalDetailsValues;\n  /** Called with the whole next set of values on every change. */\n  onChange: (next: PortalDetailsValues) => void;\n  /** Host error texts, one per field. The server decides; nothing is checked here. */\n  fieldErrors?: PortalDetailsFieldErrors;\n  /** Disables every field, for example while saving. */\n  disabled?: boolean;\n  /**\n   * Prefix of the control ids (`{idPrefix}-firstName` and so on), so an\n   * `ErrorSummary` can link to a field. Default: a generated one.\n   */\n  idPrefix?: string;\n  /**\n   * Whether each field reads its own error out as it appears. Default true.\n   * Pass false while an `ErrorSummary` lists them.\n   */\n  announceErrors?: boolean;\n  /**\n   * A node beside a field's label, for example a \"From your record\" tag in\n   * check-in. Absent fields show nothing.\n   */\n  fieldAddon?: PortalDetailsFieldAddon;\n  /**\n   * Whether the marketing consent box shows. Default true. Check-in passes\n   * false: no source asks for it there.\n   */\n  showMarketing?: boolean;\n  /** Extra classes for the root. */\n  className?: string;\n}\n\n/**\n * The editable personal fields: first and last name, address, country,\n * contact email (not the login email), other phone and marketing consent.\n * One field renderer for the portal's My details and check-in's personal\n * data step (CHECKIN-08, D79). It is controlled and holds no flow logic.\n *\n * It has no `privacy` prop: the values sit in the inputs, so a host in\n * privacy mode must not render it. `PortalDetails` withholds it and shows a\n * `PrivacyHiddenLine` instead. A host error that repeats a typed value is\n * shown to the person, so keep such text out of `fieldErrors` too.\n */\nexport function PortalDetailsFields({\n  values,\n  onChange,\n  fieldErrors,\n  disabled = false,\n  idPrefix,\n  announceErrors = true,\n  fieldAddon,\n  showMarketing = true,\n  className,\n}: PortalDetailsFieldsProps) {\n  const { t } = useTranslation('ui');\n  const generated = useId();\n  const fieldId = (key: keyof PortalDetailsValues) =>\n    portalDetailsFieldId(idPrefix ?? generated, key);\n  const set = <K extends keyof PortalDetailsValues>(\n    key: K,\n    value: PortalDetailsValues[K],\n  ) => onChange({ ...values, [key]: value });\n  return (\n    <div\n      data-component=\"portal-details-fields\"\n      className={['ds:flex ds:flex-col ds:gap-[var(--spacing-md)]', className]\n        .filter(Boolean)\n        .join(' ')}\n    >\n      <FormField\n        label={t('patientPortal.details.firstName')}\n        labelEnd={fieldAddon?.firstName}\n        error={fieldErrors?.firstName}\n        announceError={announceErrors}\n      >\n        <TextInput\n          value={values.firstName}\n          onChange={(event) => set('firstName', event.target.value)}\n          autoComplete=\"given-name\"\n          disabled={disabled}\n          id={fieldId('firstName')}\n          dir=\"auto\"\n          data-field=\"firstName\"\n        />\n      </FormField>\n      <FormField\n        label={t('patientPortal.details.lastName')}\n        labelEnd={fieldAddon?.lastName}\n        error={fieldErrors?.lastName}\n        announceError={announceErrors}\n      >\n        <TextInput\n          value={values.lastName}\n          onChange={(event) => set('lastName', event.target.value)}\n          autoComplete=\"family-name\"\n          disabled={disabled}\n          id={fieldId('lastName')}\n          dir=\"auto\"\n          data-field=\"lastName\"\n        />\n      </FormField>\n      <FormField\n        label={t('patientPortal.details.address')}\n        labelEnd={fieldAddon?.address}\n        error={fieldErrors?.address}\n        announceError={announceErrors}\n      >\n        <TextInput\n          value={values.address}\n          onChange={(event) => set('address', event.target.value)}\n          autoComplete=\"street-address\"\n          disabled={disabled}\n          id={fieldId('address')}\n          dir=\"auto\"\n          data-field=\"address\"\n        />\n      </FormField>\n      <FormField\n        label={t('patientPortal.details.country')}\n        labelEnd={fieldAddon?.country}\n        error={fieldErrors?.country}\n        announceError={announceErrors}\n      >\n        <CountrySelect\n          value={values.country}\n          onValueChange={(code) => set('country', code)}\n          placeholder={t('patientPortal.details.countryPlaceholder')}\n          aria-label={t('patientPortal.details.country')}\n          id={fieldId('country')}\n          disabled={disabled}\n          tone={fieldErrors?.country ? 'error' : 'default'}\n        />\n      </FormField>\n      <FormField\n        label={t('patientPortal.details.contactEmail')}\n        labelEnd={fieldAddon?.contactEmail}\n        description={t('patientPortal.details.contactEmailNote')}\n        error={fieldErrors?.contactEmail}\n        announceError={announceErrors}\n      >\n        <EmailInput\n          value={values.contactEmail}\n          onChange={(event) => set('contactEmail', event.target.value)}\n          autoComplete=\"email\"\n          disableBuiltInValidation\n          errorMessage={null}\n          disabled={disabled}\n          id={fieldId('contactEmail')}\n          dir=\"ltr\"\n          data-field=\"contactEmail\"\n        />\n      </FormField>\n      <FormField\n        label={t('patientPortal.details.phone')}\n        labelEnd={fieldAddon?.phone}\n        error={fieldErrors?.phone}\n        announceError={announceErrors}\n      >\n        <TextInput\n          value={values.phone}\n          onChange={(event) => set('phone', event.target.value)}\n          type=\"tel\"\n          autoComplete=\"tel\"\n          disabled={disabled}\n          id={fieldId('phone')}\n          dir=\"ltr\"\n          data-field=\"phone\"\n        />\n      </FormField>\n      {showMarketing ? (\n        <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n          <Checkbox\n            id={fieldId('marketing')}\n            label={t('patientPortal.details.marketingConsent')}\n            checked={values.marketing === 1}\n            onCheckedChange={(checked) =>\n              set('marketing', checked === true ? 1 : 0)\n            }\n            aria-invalid={fieldErrors?.marketing ? true : undefined}\n            aria-describedby={\n              fieldErrors?.marketing\n                ? `${fieldId('marketing')}-error`\n                : undefined\n            }\n            disabled={disabled}\n          />\n          {fieldErrors?.marketing ? (\n            <p\n              id={`${fieldId('marketing')}-error`}\n              role={announceErrors ? 'alert' : undefined}\n              className=\"type-meta ds:m-0 ds:text-[color:var(--destructive)]\"\n            >\n              {fieldErrors.marketing}\n            </p>\n          ) : null}\n        </div>\n      ) : null}\n    </div>\n  );\n}\n\nexport interface PortalDetailsReadOnlyListProps {\n  /** The facts the patient cannot change here. */\n  readOnly: PortalDetailsReadOnly;\n  /**\n   * BCP 47 locale for the birth date, for example `\"it-IT\"`. Default: the UI\n   * language.\n   */\n  locale?: string;\n  /** A node shown after each value, for example \"From your record\" in check-in. */\n  recordMark?: ReactNode;\n  /** Privacy mode: every value is masked. */\n  privacy?: boolean;\n  /** Extra classes for the root. */\n  className?: string;\n}\n\n/**\n * The read-only rows: date of birth, codice fiscale and, when the host gives\n * it, the masked mobile. They link records, so only the practice changes\n * them (PORTAL-05). Shared with check-in (R5).\n */\nexport function PortalDetailsReadOnlyList({\n  readOnly,\n  locale,\n  recordMark,\n  privacy = false,\n  className,\n}: PortalDetailsReadOnlyListProps) {\n  const { t } = useTranslation('ui');\n  const formatLocale = usePortalLocale(locale);\n  const fiscalCodeLabel = t('patientPortal.details.fiscalCode');\n  const rows: Array<[string, ReactNode]> = [\n    [\n      t('patientPortal.details.birthDate'),\n      privacy\n        ? privacyMask()\n        : formatPortalCalendarDate(readOnly.birthDateIso, formatLocale),\n    ],\n    [\n      t('patientPortal.details.fiscalCode'),\n      privacy ? privacyMask() : readOnly.fiscalCode,\n    ],\n  ];\n  if (readOnly.maskedMobile) {\n    rows.push([\n      t('patientPortal.details.mobile'),\n      privacy ? (\n        privacyMask()\n      ) : (\n        <bdi key=\"mobile\" dir=\"ltr\">\n          {readOnly.maskedMobile}\n        </bdi>\n      ),\n    ]);\n  }\n  return (\n    <div data-component=\"portal-details-read-only-list\" className={className}>\n      <DescriptionList layout=\"responsive\" divider=\"between\">\n        {rows.map(([term, detail]) => (\n          <DescriptionList.Row key={term}>\n            <DescriptionList.Term>{term}</DescriptionList.Term>\n            <DescriptionList.Detail>\n              <span className=\"ds:flex ds:flex-wrap ds:items-center ds:gap-[var(--spacing-xs)]\">\n                {term === fiscalCodeLabel ? (\n                  <bdi dir=\"ltr\">{detail}</bdi>\n                ) : (\n                  <bdi>{detail}</bdi>\n                )}\n                {recordMark}\n              </span>\n            </DescriptionList.Detail>\n          </DescriptionList.Row>\n        ))}\n      </DescriptionList>\n    </div>\n  );\n}\n\n/* -------------------------------------------------------------------- */\n/* My details                                                             */\n/* -------------------------------------------------------------------- */\n\nfunction useCountryName(locale: string) {\n  return (code: string): string => {\n    if (!code) return '';\n    try {\n      return (\n        new Intl.DisplayNames([locale], { type: 'region' }).of(\n          code.toUpperCase(),\n        ) ?? code\n      );\n    } catch {\n      return code;\n    }\n  };\n}\n\nexport interface PortalDetailsProps {\n  /** The details on record: what the view shows and what Discard returns to. */\n  values: PortalDetailsValues;\n  /** The facts shown read-only above the fields. */\n  readOnly: PortalDetailsReadOnly;\n  /**\n   * The edited copy, for controlled use. Pair with `onDraftChange`. Discarding\n   * or the session ending drops it: the screen keeps it nowhere else.\n   */\n  draft?: PortalDetailsValues;\n  /** Initial draft when uncontrolled. Default: `values`. */\n  defaultDraft?: PortalDetailsValues;\n  /** Called with the whole next draft on every change, and with `values` on Edit and Discard. */\n  onDraftChange?: (draft: PortalDetailsValues) => void;\n  /** Whether the form shows instead of the view. Controlled; pair with `onEditingChange`. */\n  editing?: boolean;\n  /** Initial `editing` when uncontrolled. Default false. */\n  defaultEditing?: boolean;\n  /**\n   * Called with true by Edit and with false by Discard. When a save goes\n   * through, the host sets `editing` to false itself: the screen never\n   * leaves the form on its own.\n   */\n  onEditingChange?: (editing: boolean) => void;\n  /** Host error texts, one per field. The server decides; nothing is checked here. */\n  fieldErrors?: PortalDetailsFieldErrors;\n  /**\n   * The save in flight or its outcome, reported by the host. `saving` shows a\n   * spinner on Save and disables the fields; `saved` shows \"Saved.\" A save\n   * the server refuses comes back as `fieldErrors`. A failed-save state and\n   * its wording are to confirm and are not built.\n   */\n  saveState?: 'idle' | 'saving' | 'saved';\n  /**\n   * Called with the draft by Save. Never blocked by a rule of the kit: the\n   * host checks it, may ask for an SMS check first (it sets `stepUp`), and\n   * answers through `fieldErrors` and `saveState`.\n   */\n  onSave: (values: PortalDetailsValues) => void;\n  /** The state of the read. Default `ready`. */\n  status?: PortalListStatus;\n  /** Called by \"Try again\" in the error state. The button shows only when given. */\n  onRetry?: () => void;\n  /**\n   * The SMS check before a save goes through (D95). The dialog is open while\n   * this is not null. The host binds the step and decides the code.\n   *\n   * Give `onCancel` and let it set `stepUp` back to `null`: the dialog is\n   * forced open, so without it Escape and Cancel cannot close it (WCAG 2.1.2).\n   */\n  stepUp?: StepUpConfig | null;\n  /**\n   * BCP 47 locale for the birth date and the country name, for example\n   * `\"it-IT\"`. Default: the UI language.\n   */\n  locale?: string;\n  /** Heading level of the title. Default 1; use 2 inside a page with an h1. */\n  headingLevel?: PortalHeadingLevel;\n  /** Move focus to the heading when the screen shows. Default false. */\n  focusOnMount?: boolean;\n  /**\n   * Privacy mode: every personal value is masked, and the form is withheld\n   * (there is nothing to edit while the values are hidden). Marketing\n   * consent stays.\n   */\n  privacy?: boolean;\n  /** Extra classes for the root. */\n  className?: string;\n}\n\n/**\n * The portal's My details (HTP-6923, PORTAL-05): the codice fiscale, date of\n * birth and masked mobile read-only, and the name, contact, address and\n * marketing consent to edit. Edit, Save and Discard are the person's; the\n * host saves. No custom fields (no data shape, held).\n */\nexport function PortalDetails({\n  values,\n  readOnly,\n  draft,\n  defaultDraft,\n  onDraftChange,\n  editing,\n  defaultEditing = false,\n  onEditingChange,\n  fieldErrors,\n  saveState = 'idle',\n  onSave,\n  status = 'ready',\n  onRetry,\n  stepUp = null,\n  locale,\n  headingLevel = 1,\n  focusOnMount = false,\n  privacy = false,\n  className,\n}: PortalDetailsProps) {\n  const { t } = useTranslation('ui');\n  const formatLocale = usePortalLocale(locale);\n  const countryName = useCountryName(formatLocale);\n  const [draftValue, setDraft] = useControllableState<PortalDetailsValues>({\n    value: draft,\n    defaultValue: defaultDraft ?? values,\n    onChange: onDraftChange,\n  });\n  const [editingValue, setEditing] = useControllableState<boolean>({\n    value: editing,\n    defaultValue: defaultEditing,\n    onChange: onEditingChange,\n  });\n  const current = draftValue ?? values;\n  const isEditing = editingValue === true;\n  const saving = saveState === 'saving';\n\n  // Edit and Discard swap the view and the form: focus follows, never on mount.\n  const form = useRef<HTMLFormElement>(null);\n  const editButton = useRef<HTMLButtonElement>(null);\n  const lastEditing = useRef(isEditing);\n  useEffect(() => {\n    if (lastEditing.current === isEditing) return;\n    lastEditing.current = isEditing;\n    if (stepUp) return;\n    if (isEditing) form.current?.querySelector('input')?.focus();\n    else editButton.current?.focus();\n  }, [isEditing, stepUp]);\n\n  // Host errors after a refused save: one summary takes focus, and the\n  // fields stay quiet so a long form does not fire an alert for each.\n  const uid = useId();\n  const summary = useRef<HTMLDivElement>(null);\n  const errorOrder: Array<keyof PortalDetailsValues> = [\n    'firstName',\n    'lastName',\n    'address',\n    'country',\n    'contactEmail',\n    'phone',\n    'marketing',\n  ];\n  const errorLabels: Record<keyof PortalDetailsValues, string> = {\n    firstName: t('patientPortal.details.firstName'),\n    lastName: t('patientPortal.details.lastName'),\n    address: t('patientPortal.details.address'),\n    country: t('patientPortal.details.country'),\n    contactEmail: t('patientPortal.details.contactEmail'),\n    phone: t('patientPortal.details.phone'),\n    marketing: t('patientPortal.details.marketing'),\n  };\n  const listed = errorOrder.filter((key) => fieldErrors?.[key]);\n  const errorKey = listed\n    .map((key) => `${key}:${fieldErrors?.[key]}`)\n    .join('|');\n  const showSummary = isEditing && !privacy && listed.length > 0;\n  useEffect(() => {\n    if (showSummary) summary.current?.focus({ preventScroll: false });\n    // Each new set of host errors moves focus once.\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [errorKey, showSummary]);\n\n  const hidden = (value: string) => (privacy ? privacyMask() : value);\n  // Email addresses and phone numbers read left to right in every language\n  // (05-accessibility); names and the address keep their own direction.\n  const rows: Array<[string, string, boolean]> = [\n    [t('patientPortal.details.firstName'), hidden(values.firstName), false],\n    [t('patientPortal.details.lastName'), hidden(values.lastName), false],\n    [t('patientPortal.details.address'), hidden(values.address), false],\n    [\n      t('patientPortal.details.country'),\n      hidden(countryName(values.country)),\n      false,\n    ],\n    [\n      t('patientPortal.details.contactEmail'),\n      hidden(values.contactEmail),\n      true,\n    ],\n    [t('patientPortal.details.phone'), hidden(values.phone), true],\n    [\n      t('patientPortal.details.marketing'),\n      values.marketing === 1\n        ? t('patientPortal.details.on')\n        : t('patientPortal.details.off'),\n      false,\n    ],\n  ];\n\n  return (\n    <PortalScreen\n      component=\"portal-details\"\n      title={t('patientPortal.details.title')}\n      description={t('patientPortal.details.intro')}\n      headingLevel={headingLevel}\n      focusOnMount={focusOnMount}\n      privacy={privacy}\n      className={className}\n      status={status}\n      loadingLabel={t('patientPortal.details.loading')}\n      errorLabel={t('patientPortal.details.error.title')}\n      message={\n        saveState === 'saved' ? t('patientPortal.details.saved') : undefined\n      }\n    >\n      {status === 'loading' ? (\n        <PortalLoading />\n      ) : status === 'error' ? (\n        <PortalMessage\n          kind=\"error\"\n          title={t('patientPortal.details.error.title')}\n          body={t('patientPortal.home.error.body')}\n          headingLevel={headingLevel}\n          onRetry={onRetry}\n        />\n      ) : (\n        <>\n          {saveState === 'saved' ? (\n            // PortalScreen's live region, mounted before the text, says it\n            // once; the visible alert stays quiet (05-accessibility).\n            <Alert variant=\"success\" announce=\"off\">\n              <Alert.Description>\n                {t('patientPortal.details.saved')}\n              </Alert.Description>\n            </Alert>\n          ) : null}\n          {/* Fixed facts first: they link records (PORTAL-05). */}\n          <section className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-xs)]\">\n            <PortalDetailsReadOnlyList\n              readOnly={readOnly}\n              locale={formatLocale}\n              privacy={privacy}\n            />\n            <PortalNote>{t('patientPortal.details.readOnly')}</PortalNote>\n          </section>\n          {isEditing ? (\n            privacy ? (\n              <div className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\">\n                <PrivacyHiddenLine block=\"details-form\" />\n                <div>\n                  <Button\n                    type=\"button\"\n                    intent=\"ghost\"\n                    className=\"ds:min-h-[var(--min-target-size)]\"\n                    data-action=\"discard-details\"\n                    onClick={() => {\n                      setDraft(values);\n                      setEditing(false);\n                    }}\n                  >\n                    {t('patientPortal.details.discard')}\n                  </Button>\n                </div>\n              </div>\n            ) : (\n              <form\n                ref={form}\n                noValidate\n                className=\"ds:flex ds:flex-col ds:gap-[var(--spacing-md)]\"\n                onSubmit={(event) => {\n                  event.preventDefault();\n                  if (!saving) onSave(current);\n                }}\n              >\n                {showSummary ? (\n                  <ErrorSummary\n                    ref={summary}\n                    headingLevel={headingLevel === 1 ? 2 : 3}\n                    errors={listed.map((key) => ({\n                      field: key,\n                      label: errorLabels[key],\n                      message: fieldErrors?.[key] ?? '',\n                      targetId: portalDetailsFieldId(uid, key),\n                    }))}\n                  />\n                ) : null}\n                <PortalDetailsFields\n                  values={current}\n                  onChange={setDraft}\n                  fieldErrors={fieldErrors}\n                  idPrefix={uid}\n                  announceErrors={false}\n                  disabled={saving}\n                />\n                <div className=\"ds:flex ds:flex-wrap ds:gap-[var(--spacing-sm)]\">\n                  <Button\n                    type=\"submit\"\n                    intent=\"primary\"\n                    className=\"ds:min-h-[var(--min-target-size)]\"\n                    loading={saving}\n                    data-action=\"save-details\"\n                  >\n                    {saving\n                      ? t('patientPortal.details.saving')\n                      : t('patientPortal.details.save')}\n                  </Button>\n                  <Button\n                    type=\"button\"\n                    intent=\"ghost\"\n                    className=\"ds:min-h-[var(--min-target-size)]\"\n                    disabled={saving}\n                    data-action=\"discard-details\"\n                    onClick={() => {\n                      setDraft(values);\n                      setEditing(false);\n                    }}\n                  >\n                    {t('patientPortal.details.discard')}\n                  </Button>\n                </div>\n              </form>\n            )\n          ) : (\n            <>\n              <DescriptionList layout=\"responsive\" divider=\"between\">\n                {rows.map(([term, detail, ltr]) => (\n                  <DescriptionList.Row key={term}>\n                    <DescriptionList.Term>{term}</DescriptionList.Term>\n                    <DescriptionList.Detail>\n                      {detail ? (\n                        <bdi\n                          dir={ltr && !privacy ? 'ltr' : undefined}\n                          className=\"ds:break-words\"\n                        >\n                          {detail}\n                        </bdi>\n                      ) : (\n                        <>\n                          <span aria-hidden=\"true\">–</span>\n                          <VisuallyHidden>\n                            {t('patientPortal.details.notGiven')}\n                          </VisuallyHidden>\n                        </>\n                      )}\n                    </DescriptionList.Detail>\n                  </DescriptionList.Row>\n                ))}\n              </DescriptionList>\n              {privacy ? null : (\n                <Button\n                  ref={editButton}\n                  type=\"button\"\n                  intent=\"secondary\"\n                  className=\"ds:min-h-[var(--min-target-size)] ds:self-start\"\n                  data-action=\"edit-details\"\n                  onClick={() => {\n                    setDraft(values);\n                    setEditing(true);\n                  }}\n                >\n                  {t('patientPortal.details.edit')}\n                </Button>\n              )}\n            </>\n          )}\n        </>\n      )}\n\n      <PortalStepUp\n        config={stepUp}\n        privacy={privacy}\n        defaultSubject={t('patientPortal.details.stepUp.saveSubject')}\n      />\n    </PortalScreen>\n  );\n}\n"],"names":["portalDetailsFieldId","prefix","key","PortalDetailsFields","values","onChange","fieldErrors","disabled","idPrefix","announceErrors","fieldAddon","showMarketing","className","t","useTranslation","generated","useId","fieldId","set","value","jsxs","jsx","FormField","TextInput","event","CountrySelect","code","EmailInput","Checkbox","checked","PortalDetailsReadOnlyList","readOnly","locale","recordMark","privacy","formatLocale","usePortalLocale","fiscalCodeLabel","rows","privacyMask","formatPortalCalendarDate","DescriptionList","term","detail","useCountryName","PortalDetails","draft","defaultDraft","onDraftChange","editing","defaultEditing","onEditingChange","saveState","onSave","status","onRetry","stepUp","headingLevel","focusOnMount","countryName","draftValue","setDraft","useControllableState","editingValue","setEditing","current","isEditing","saving","form","useRef","editButton","lastEditing","useEffect","_b","_a","_c","uid","summary","errorOrder","errorLabels","listed","errorKey","showSummary","hidden","PortalScreen","PortalLoading","PortalMessage","Fragment","Alert","PortalNote","PrivacyHiddenLine","Button","ErrorSummary","ltr","VisuallyHidden","PortalStepUp"],"mappings":"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"}