@ukiahinsure/a2ui-react-adapter 0.1.20 → 0.1.22

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

@@ -90,6 +90,29 @@ function displayDate(value) {
   const iso = parseDateDraft(value);
   return iso ? `${iso.slice(5, 7)}/${iso.slice(8, 10)}/${iso.slice(0, 4)}` : value;
 }
+var calendarOverlayStyle = {
+  position: "absolute",
+  inset: 0,
+  width: "100%",
+  height: "100%",
+  margin: 0,
+  padding: 0,
+  border: 0,
+  opacity: 0,
+  cursor: "pointer",
+  fontSize: 16,
+  boxSizing: "border-box"
+};
+function openPicker(picker, fallback) {
+  if (picker && typeof picker.showPicker === "function") {
+    try {
+      picker.showPicker();
+      return;
+    } catch {
+    }
+  }
+  fallback?.();
+}
 function DateOnlyInput(props) {
   const id = useId2();
   const [draft, setDraft] = useState(() => displayDate(props.value || ""));
@@ -139,45 +162,38 @@ function DateOnlyInput(props) {
           style: { ...inputStyle, minWidth: 0, flex: 1 }
         }
       ),
-      /* @__PURE__ */ jsx2(
-        "button",
-        {
-          type: "button",
-          "aria-label": `Choose ${props.label || "date"} from calendar`,
-          style: inputStyle,
-          onClick: () => {
-            const picker = pickerRef.current;
-            if (picker && typeof picker.showPicker === "function") {
-              try {
-                picker.showPicker();
-                return;
-              } catch {
-              }
-            }
-            setPickerOpen(true);
-          },
-          children: "\u25A6"
-        }
-      ),
-      /* @__PURE__ */ jsx2(
-        "input",
-        {
-          ref: pickerRef,
-          type: "date",
-          "aria-label": `${props.label || "Date"} calendar`,
-          tabIndex: pickerOpen ? 0 : -1,
-          "aria-hidden": !pickerOpen,
-          "data-a2ui-calendar-input": "true",
-          value: parsed || "",
-          min,
-          max,
-          onChange: (event) => {
-            update(displayDate(event.currentTarget.value));
-            setPickerOpen(false);
-          },
-          style: pickerOpen ? inputStyle : { position: "absolute", opacity: 0, pointerEvents: "none", width: 1, height: 1, bottom: 0, right: 0 }
-        }
-      )
+      /* @__PURE__ */ jsxs2("span", { style: { position: "relative", display: "flex" }, children: [
+        /* @__PURE__ */ jsx2(
+          "button",
+          {
+            type: "button",
+            "aria-label": `Choose ${props.label || "date"} from calendar`,
+            style: inputStyle,
+            onClick: () => openPicker(pickerRef.current, () => setPickerOpen(true)),
+            children: "\u25A6"
+          }
+        ),
+        /* @__PURE__ */ jsx2(
+          "input",
+          {
+            ref: pickerRef,
+            type: "date",
+            "aria-label": `${props.label || "Date"} calendar`,
+            tabIndex: pickerOpen ? 0 : -1,
+            "aria-hidden": !pickerOpen,
+            "data-a2ui-calendar-input": "true",
+            value: parsed || "",
+            min,
+            max,
+            onClick: (event) => openPicker(event.currentTarget),
+            onChange: (event) => {
+              update(displayDate(event.currentTarget.value));
+              setPickerOpen(false);
+            },
+            style: pickerOpen ? inputStyle : calendarOverlayStyle
+          }
+        )
+      ] })
     ] })
   ] });
 }
@@ -3582,6 +3598,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 = {
@@ -3885,11 +3902,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);
   }
@@ -4157,7 +4188,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() {
@@ -4173,6 +4205,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);
   }