@ukiahinsure/a2ui-react-adapter 0.1.21 → 0.1.23

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { A as A2UIClientAdapter, a as A2UISurfaceMetadata, b as A2UISessionController, c as A2UIRoomLike } from './session-BnvcVx-k.js';
-export { d as A2UIActionDeliveryStatus, e as A2UIActionResult, f as A2UIActionState, g as A2UICapabilityEnvelope, h as A2UIClientActionEnvelope, i as A2UIClientAdapterOptions, j as A2UIClientErrorEnvelope, k as A2UIClientErrorEvent, l as A2UIEditingSnapshot, m as A2UIFieldControl, n as A2UIFieldDescriptor, o as A2UIFieldInteractionField, p as A2UIFieldInteractionGroup, q as A2UIFieldUpdateEvent, r as A2UIFieldValue, s as A2UIPendingAction, t as A2UIRendererActionEvent, u as A2UIServerEnvelope, v as A2UISessionControllerOptions, w as A2UISessionSnapshot, x as A2UISessionStatus, y as A2UIStreamParticipant, z as A2UISurfaceStructure, B as A2UITabDescriptor, C as A2UITrustedServerParticipant, D as A2UI_CAPABILITIES_TOPIC, E as A2UI_CLIENT_TOPIC, F as A2UI_PROTOCOL_VERSION, G as A2UI_SERVER_TOPIC, H as AckEnvelope, I as AckFieldError, J as AdapterSurface, K as CLIENT_ACTIONS, L as CLIENT_ERROR_CODES, M as ClientAction, N as ClientErrorCode, O as ENVELOPE_VERSION, P as MAX_ENVELOPE_BYTES, Q as ParticipantRole, S as SectionNavigation, R as SnapshotEnvelope, T as SurfaceUpdateEnvelope } from './session-BnvcVx-k.js';
+import { A as A2UIClientAdapter, a as A2UISurfaceMetadata, b as A2UISessionController, c as A2UIRoomLike } from './session-BU8eDAkA.js';
+export { d as A2UIActionDeliveryStatus, e as A2UIActionResult, f as A2UIActionState, g as A2UICapabilityEnvelope, h as A2UIClientActionEnvelope, i as A2UIClientAdapterOptions, j as A2UIClientErrorEnvelope, k as A2UIClientErrorEvent, l as A2UIEditingSnapshot, m as A2UIFieldControl, n as A2UIFieldDescriptor, o as A2UIFieldInteractionField, p as A2UIFieldInteractionGroup, q as A2UIFieldUpdateEvent, r as A2UIFieldValue, s as A2UIPendingAction, t as A2UIRendererActionEvent, u as A2UIServerEnvelope, v as A2UISessionControllerOptions, w as A2UISessionSnapshot, x as A2UISessionStatus, y as A2UIStreamParticipant, z as A2UISurfaceStructure, B as A2UITabDescriptor, C as A2UITrustedServerParticipant, D as A2UI_CAPABILITIES_TOPIC, E as A2UI_CLIENT_TOPIC, F as A2UI_PROTOCOL_VERSION, G as A2UI_SERVER_TOPIC, H as AckEnvelope, I as AckFieldError, J as AdapterSurface, K as CLIENT_ACTIONS, L as CLIENT_ERROR_CODES, M as ClientAction, N as ClientErrorCode, O as ENVELOPE_VERSION, P as MAX_ENVELOPE_BYTES, Q as ParticipantRole, S as SectionNavigation, R as SnapshotEnvelope, T as SurfaceUpdateEnvelope } from './session-BU8eDAkA.js';
 import { ReactNode } from 'react';
 
 /** Accessible host around the official A2UI v0.9.1 React surface. */

package/dist/index.js

@@ -55,6 +55,69 @@ var HospitalChoice = createComponentImplementation(ChoicePickerApi, ({ props, co
 import { useId as useId2, useLayoutEffect, useRef, useState } from "react";
 import { createComponentImplementation as createComponentImplementation2 } from "@a2ui/react/v0_9";
 import { DateTimeInputApi } from "@a2ui/web_core/v0_9/basic_catalog";
+
+// src/fieldLabel.ts
+var ACRONYMS = {
+  aep: "AEP",
+  champva: "CHAMPVA",
+  dob: "DOB",
+  hmo: "HMO",
+  id: "ID",
+  iep: "IEP",
+  lis: "LIS",
+  ma: "MA",
+  mapd: "MAPD",
+  mbi: "MBI",
+  npi: "NPI",
+  oep: "OEP",
+  pcp: "PCP",
+  pdp: "PDP",
+  ppo: "PPO",
+  sep: "SEP",
+  snp: "SNP",
+  ssn: "SSN",
+  tricare: "TRICARE",
+  url: "URL",
+  us: "US",
+  va: "VA",
+  zip: "ZIP"
+};
+var MINOR_WORDS = /* @__PURE__ */ new Set([
+  "a",
+  "an",
+  "and",
+  "for",
+  "in",
+  "of",
+  "on",
+  "or",
+  "the",
+  "to",
+  "with"
+]);
+function displayFieldLabel(field) {
+  const words = field.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[\s_-]+/).filter(Boolean);
+  return words.map((word, index) => displayFieldLabelWord(word, index, words[index - 1])).join(" ");
+}
+function readableLabel(label) {
+  return /^[a-z][a-z0-9]*(_[a-z0-9]+)+$/.test(label) ? displayFieldLabel(label) : label;
+}
+function displayFieldLabelWord(word, index, previous) {
+  const lower = word.toLowerCase();
+  if (previous?.toLowerCase() === "part" && /^[a-d]$/.test(lower)) {
+    return lower.toUpperCase();
+  }
+  const acronym = ACRONYMS[lower];
+  if (acronym !== void 0) {
+    return acronym;
+  }
+  if (index > 0 && MINOR_WORDS.has(lower)) {
+    return lower;
+  }
+  return lower.charAt(0).toUpperCase() + lower.slice(1);
+}
+
+// src/DateTimeInput.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var inputStyle = {
   backgroundColor: "var(--a2ui-datetimeinput-background, var(--a2ui-color-input, #fff))",
@@ -167,7 +230,7 @@ function DateOnlyInput(props) {
           "button",
           {
             type: "button",
-            "aria-label": `Choose ${props.label || "date"} from calendar`,
+            "aria-label": `Choose ${props.label ? readableLabel(props.label) : "date"} from calendar`,
             style: inputStyle,
             onClick: () => openPicker(pickerRef.current, () => setPickerOpen(true)),
             children: "\u25A6"
@@ -178,7 +241,7 @@ function DateOnlyInput(props) {
           {
             ref: pickerRef,
             type: "date",
-            "aria-label": `${props.label || "Date"} calendar`,
+            "aria-label": `${props.label ? readableLabel(props.label) : "Date"} calendar`,
             tabIndex: pickerOpen ? 0 : -1,
             "aria-hidden": !pickerOpen,
             "data-a2ui-calendar-input": "true",
@@ -2665,6 +2728,21 @@ function formatFieldLabels(root) {
     originals.set(element, element.textContent ?? "");
     element.textContent = displayFieldLabel(field);
   }
+  const fields = new Set(
+    [...root.querySelectorAll("[data-a2ui-field]")].map((control) => control.dataset.a2uiField).filter((field) => field !== void 0)
+  );
+  for (const element of root.querySelectorAll("*")) {
+    if (element.childElementCount !== 0 || originals.has(element)) {
+      continue;
+    }
+    const text = element.textContent ?? "";
+    const match = /^(\s*)([A-Za-z][A-Za-z0-9_]*)(\s+\S[\s\S]*)$/.exec(text);
+    if (match === null || !fields.has(match[2]) || !match[2].includes("_")) {
+      continue;
+    }
+    originals.set(element, text);
+    element.textContent = `${match[1]}${displayFieldLabel(match[2])}${match[3]}`;
+  }
   return () => {
     for (const [label, text] of originals) {
       label.textContent = text;
@@ -3355,28 +3433,6 @@ function labelElementForControl(root, control) {
   const label = root.ownerDocument.getElementById(labelledBy);
   return label instanceof HTMLElement && root.contains(label) ? label : void 0;
 }
-function displayFieldLabel(field) {
-  const words = field.replace(/([a-z0-9])([A-Z])/g, "$1 $2").split(/[\s_-]+/).filter(Boolean);
-  return words.map((word, index) => displayFieldLabelWord(word, index)).join(" ");
-}
-function displayFieldLabelWord(word, index) {
-  const lower = word.toLowerCase();
-  const acronyms = {
-    dob: "DOB",
-    id: "ID",
-    ssn: "SSN",
-    url: "URL",
-    us: "US",
-    zip: "ZIP"
-  };
-  if (lower in acronyms) {
-    return acronyms[lower];
-  }
-  if (index > 0 && ["a", "an", "and", "for", "in", "of", "on", "or", "the", "to", "with"].includes(lower)) {
-    return lower;
-  }
-  return lower.charAt(0).toUpperCase() + lower.slice(1);
-}
 function cssString(value) {
   return globalThis.CSS?.escape?.(value) ?? value.replace(/["\\]/g, "\\$&");
 }
@@ -3598,6 +3654,7 @@ import { A2uiMessageListSchema as A2uiMessageListSchema2 } from "@a2ui/web_core/
 
 // src/actions.ts
 var DEFAULT_ACK_TIMEOUT_MS = 1e4;
+var MIN_STALL_MS = 2e4;
 var SAFE_DETAIL = /^[A-Za-z0-9_.:-]{1,96}$/;
 var MAX_IDENTIFIER_LENGTH = 256;
 var EMPTY_ACTION_STATE = {
@@ -3901,11 +3958,25 @@ var A2UIClientActionBridge = class {
           pending.timeoutId = void 0;
           pending.deliveryStatus = "retryable";
           this.#notify();
+          this.#watchForStall(pending, generation);
         }
       }, this.#ackTimeoutMs());
       this.#notify();
     });
   }
+  /** A retried action that times out again is stalled; so is one left unretried. */
+  #watchForStall(pending, generation) {
+    if (pending.attemptCount >= 2) {
+      this.#options.onStalled?.();
+      return;
+    }
+    pending.timeoutId = globalThis.setTimeout(() => {
+      if (this.#isCurrent(pending, generation) && pending.deliveryStatus === "retryable") {
+        pending.timeoutId = void 0;
+        this.#options.onStalled?.();
+      }
+    }, Math.max(this.#ackTimeoutMs() * 2, MIN_STALL_MS));
+  }
   #enqueue(operation) {
     this.#publishQueue = this.#publishQueue.then(operation).catch(() => void 0);
   }
@@ -4173,7 +4244,8 @@ var A2UISessionController = class {
       reportClientError: (errorCode, surfaceId, detail) => this.#adapter.reportClientError(errorCode, surfaceId, detail),
       onStateChange: (actions) => this.#handleActionStateChange(actions),
       participantRole: this.#participantRole,
-      ackTimeoutMs: options.actionAckTimeoutMs
+      ackTimeoutMs: options.actionAckTimeoutMs,
+      onStalled: () => this.resync()
     });
   }
   get status() {
@@ -4189,6 +4261,18 @@ var A2UISessionController = class {
     return this.#sessionSnapshot.actions;
   }
   /** Retry one or every delivery-failed/timed-out request with its original id. */
+  /**
+   * Drop pending actions and request an authoritative snapshot, as after a
+   * reconnect. Used when an action is never acknowledged: the server's state
+   * is the truth, and the form must not stay locked waiting for it.
+   */
+  resync() {
+    if (this.#closed || this.status !== "connected" || this.restoring) {
+      return;
+    }
+    this.#actionBridge.discardPending();
+    void this.#beginReconnectRestore();
+  }
   retryPendingAction(requestId) {
     return this.#actionBridge.retryPendingAction(requestId);
   }