@ukiahinsure/a2ui-react-adapter 0.1.2 → 0.1.4

package/dist/a2ui-structural.css

@@ -12,52 +12,52 @@
   margin: var(--_a2ui-text-margin, 0);
   box-sizing: border-box;
 }
-.a2uiText :global(p),
-.a2uiText :global(h1),
-.a2uiText :global(h2),
-.a2uiText :global(h3),
-.a2uiText :global(h4),
-.a2uiText :global(h5),
-.a2uiText :global(h6),
-.a2uiText :global(ol),
-.a2uiText :global(ul),
-.a2uiText :global(li),
-.a2uiText :global(blockquote),
-.a2uiText :global(pre) {
+.a2uiText p,
+.a2uiText h1,
+.a2uiText h2,
+.a2uiText h3,
+.a2uiText h4,
+.a2uiText h5,
+.a2uiText h6,
+.a2uiText ol,
+.a2uiText ul,
+.a2uiText li,
+.a2uiText blockquote,
+.a2uiText pre {
   margin: var(--_a2ui-text-margin, 0);
 }
-.a2uiText :global(h1),
-.a2uiText :global(h2),
-.a2uiText :global(h3),
-.a2uiText :global(h4),
-.a2uiText :global(h5) {
+.a2uiText h1,
+.a2uiText h2,
+.a2uiText h3,
+.a2uiText h4,
+.a2uiText h5 {
   font-family: var(--a2ui-font-family-title, inherit);
   line-height: var(--a2ui-line-height-headings, 1.2);
 }
-.a2uiText :global(h1) {
+.a2uiText h1 {
   font-size: var(--a2ui-font-size-2xl);
 }
-.a2uiText :global(h2) {
+.a2uiText h2 {
   font-size: var(--a2ui-font-size-xl);
 }
-.a2uiText :global(h3) {
+.a2uiText h3 {
   font-size: var(--a2ui-font-size-l);
 }
-.a2uiText :global(p),
-.a2uiText :global(h4) {
+.a2uiText p,
+.a2uiText h4 {
   font-size: var(--a2ui-font-size-m);
 }
-.a2uiText :global(h5) {
+.a2uiText h5 {
   font-size: var(--a2ui-font-size-s);
 }
-.a2uiText :global(p),
-.a2uiText :global(ol),
-.a2uiText :global(ul),
-.a2uiText :global(li),
-.a2uiText :global(blockquote) {
+.a2uiText p,
+.a2uiText ol,
+.a2uiText ul,
+.a2uiText li,
+.a2uiText blockquote {
   line-height: var(--a2ui-line-height-body, 1.5);
 }
-.a2uiText :global(a) {
+.a2uiText a {
   color: var(--a2ui-text-a-color, inherit);
   font-weight: var(--a2ui-text-a-font-weight, inherit);
 }
@@ -202,4 +202,3 @@
 .optionText {
   font-size: var(--a2ui-font-size-m, 1rem);
 }
-/*# sourceMappingURL=index.css.map */

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { A as A2UIClientAdapter, a as A2UISurfaceMetadata, b as A2UISessionController, c as A2UIRoomLike } from './session-B_2-bK2s.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 A2UIFieldValue, r as A2UIPendingAction, s as A2UIRendererActionEvent, t as A2UIServerEnvelope, u as A2UISessionControllerOptions, v as A2UISessionSnapshot, w as A2UISessionStatus, x as A2UIStreamParticipant, y as A2UISurfaceStructure, z as A2UITabDescriptor, B as A2UITrustedServerParticipant, C as A2UI_CAPABILITIES_TOPIC, D as A2UI_CLIENT_TOPIC, E as A2UI_PROTOCOL_VERSION, F as A2UI_SERVER_TOPIC, G as AckEnvelope, H as AckFieldError, I as AdapterSurface, J as CLIENT_ACTIONS, K as CLIENT_ERROR_CODES, L as ClientAction, M as ClientErrorCode, N as ENVELOPE_VERSION, O as MAX_ENVELOPE_BYTES, P as ParticipantRole, S as SectionNavigation, Q as SnapshotEnvelope, R as SurfaceUpdateEnvelope } from './session-B_2-bK2s.js';
+import { A as A2UIClientAdapter, a as A2UISurfaceMetadata, b as A2UISessionController, c as A2UIRoomLike } from './session-Ckvifx8K.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 A2UIFieldValue, r as A2UIPendingAction, s as A2UIRendererActionEvent, t as A2UIServerEnvelope, u as A2UISessionControllerOptions, v as A2UISessionSnapshot, w as A2UISessionStatus, x as A2UIStreamParticipant, y as A2UISurfaceStructure, z as A2UITabDescriptor, B as A2UITrustedServerParticipant, C as A2UI_CAPABILITIES_TOPIC, D as A2UI_CLIENT_TOPIC, E as A2UI_PROTOCOL_VERSION, F as A2UI_SERVER_TOPIC, G as AckEnvelope, H as AckFieldError, I as AdapterSurface, J as CLIENT_ACTIONS, K as CLIENT_ERROR_CODES, L as ClientAction, M as ClientErrorCode, N as ENVELOPE_VERSION, O as MAX_ENVELOPE_BYTES, P as ParticipantRole, S as SectionNavigation, Q as SnapshotEnvelope, R as SurfaceUpdateEnvelope } from './session-Ckvifx8K.js';
 import { ReactNode } from 'react';
 
 /** Accessible host around the official A2UI v0.9.1 React surface. */

package/dist/index.js

@@ -28,6 +28,7 @@ var A2UIClientAdapter = class {
   #errorListeners = /* @__PURE__ */ new Set();
   #surfaceOrder = [];
   #structureBySurface = /* @__PURE__ */ new Map();
+  #persistedListRowsByPath = /* @__PURE__ */ new Map();
   #version = 0;
   #lastSeq = 0;
   #disposed = false;
@@ -134,6 +135,7 @@ var A2UIClientAdapter = class {
     this.#processor = replacement;
     this.#surfaceOrder = [];
     this.#structureBySurface.clear();
+    this.#persistedListRowsByPath.clear();
     previous.model.dispose();
     this.#notify();
   }
@@ -187,12 +189,19 @@ var A2UIClientAdapter = class {
       );
       return false;
     }
+    const messages = envelope.kind === "snapshot" ? validated.data : mergePersistedListRowsIntoMessages(
+      validated.data,
+      envelope.surfaceId,
+      this.#persistedListRowsByPath
+    );
     const candidate = this.#createProcessor();
     try {
       if (envelope.kind !== "snapshot") {
         candidate.processMessages(this.#snapshotMessages());
       }
-      candidate.processMessages(validated.data);
+      candidate.processMessages(
+        messages
+      );
     } catch (error) {
       candidate.model.dispose();
       this.reportClientError(
@@ -204,7 +213,7 @@ var A2UIClientAdapter = class {
     }
     const previous = this.#processor;
     const nextStructure = updateSurfaceStructures(
-      validated.data,
+      messages,
       envelope.kind === "snapshot" ? /* @__PURE__ */ new Map() : cloneSurfaceStructures(this.#structureBySurface)
     );
     pruneSurfaceStructures(nextStructure, candidate);
@@ -223,6 +232,13 @@ var A2UIClientAdapter = class {
     this.#processor = candidate;
     this.#surfaceOrder = [...candidate.model.surfacesMap.keys()];
     this.#structureBySurface = nextStructure;
+    if (envelope.kind === "snapshot") {
+      this.#persistedListRowsByPath.clear();
+    }
+    rememberPersistedListRows(
+      this.#persistedListRowsByPath,
+      candidate.model.getSurface(envelope.surfaceId)?.dataModel.get("/")
+    );
     previous.model.dispose();
     this.#notify();
     return true;
@@ -403,17 +419,20 @@ function fieldDescriptor(component) {
     ChoicePicker: "choice"
   };
   const control = typeof component.component === "string" ? controls[component.component] : void 0;
+  const componentId = isNonEmptyString(component.id) ? component.id : void 0;
   const value = component.value;
-  const field = isRecord(value) && typeof value.path === "string" ? fieldFromPointer(value.path) : void 0;
-  if (control === void 0 || field === void 0 || !isNonEmptyString(component.id)) {
+  const field = isRecord(value) && typeof value.path === "string" ? fieldFromPointer(value.path) ?? listFieldFromComponentId(componentId) : listFieldFromComponentId(componentId);
+  if (control === void 0 || field === void 0 || componentId === void 0) {
     return void 0;
   }
   return {
-    componentId: component.id,
+    componentId,
     field,
     label: typeof component.label === "string" && component.label.length > 0 ? component.label : field,
     control,
-    required: hasRequiredCheck(component.checks)
+    required: hasRequiredCheck(component.checks),
+    ...typeof component.validationRegexp === "string" ? { validationRegexp: component.validationRegexp } : {},
+    ...typeof component.max === "string" ? { max: component.max } : {}
   };
 }
 function hasRequiredCheck(value) {
@@ -421,6 +440,21 @@ function hasRequiredCheck(value) {
     (check) => isRecord(check) && isRecord(check.condition) && check.condition.call === "required"
   );
 }
+function listFieldFromComponentId(componentId) {
+  if (componentId === void 0) {
+    return void 0;
+  }
+  const markers = [":list-new:field:", ":list-row:field:"];
+  for (const marker of markers) {
+    const markerIndex = componentId.indexOf(marker);
+    if (markerIndex < 0) {
+      continue;
+    }
+    const field = componentId.slice(markerIndex + marker.length);
+    return field.length > 0 ? field : void 0;
+  }
+  return void 0;
+}
 function fieldFromPointer(path) {
   if (!path.startsWith("/") || path.length < 2 || path.slice(1).includes("/")) {
     return void 0;
@@ -430,6 +464,141 @@ function fieldFromPointer(path) {
 function fieldPointer(field) {
   return `/${field.replaceAll("~", "~0").replaceAll("/", "~1")}`;
 }
+function mergePersistedListRowsIntoMessages(messages, surfaceId, persistedRowsByPath) {
+  if (persistedRowsByPath.size === 0) {
+    return [...messages];
+  }
+  let mergedRoot = false;
+  const mergedMessages = messages.map((message) => {
+    if (!isRootDataModelUpdate(message, surfaceId)) {
+      return message;
+    }
+    mergedRoot = true;
+    return {
+      ...message,
+      updateDataModel: {
+        ...message.updateDataModel,
+        value: mergePersistedListRowsIntoRoot(
+          message.updateDataModel.value,
+          persistedRowsByPath
+        )
+      }
+    };
+  });
+  if (mergedRoot) {
+    return mergedMessages;
+  }
+  return [
+    ...mergedMessages,
+    {
+      version: "v0.9",
+      updateDataModel: {
+        surfaceId,
+        path: "/",
+        value: mergePersistedListRowsIntoRoot({}, persistedRowsByPath)
+      }
+    }
+  ];
+}
+function mergePersistedListRowsIntoRoot(root, persistedRowsByPath) {
+  const merged = cloneJsonRecord(root);
+  const activeDraftListPaths = activeListDraftPaths(merged);
+  for (const [listPath, rows] of persistedRowsByPath) {
+    const dottedRows = merged[listPath];
+    const nestedRows = getNestedValue(merged, listPath);
+    const incomingRows = Array.isArray(dottedRows) ? dottedRows : Array.isArray(nestedRows) ? nestedRows : void 0;
+    const shouldPreserveCachedRows = rows.length > 0 && (incomingRows === void 0 || incomingRows.length === 0) && !activeDraftListPaths.has(listPath);
+    const effectiveRows = shouldPreserveCachedRows ? rows : incomingRows ?? rows;
+    if (!Array.isArray(dottedRows) || shouldPreserveCachedRows) {
+      merged[listPath] = cloneJsonArray(effectiveRows);
+    }
+    if (!Array.isArray(nestedRows) || shouldPreserveCachedRows) {
+      setNestedValue(merged, listPath, cloneJsonArray(effectiveRows));
+    }
+  }
+  return merged;
+}
+function activeListDraftPaths(root) {
+  const drafts = root.__listDrafts;
+  if (!isRecord(drafts)) {
+    return /* @__PURE__ */ new Set();
+  }
+  return new Set(
+    Object.keys(drafts).filter((listPath) => listPath.trim().length > 0)
+  );
+}
+function rememberPersistedListRows(persistedRowsByPath, root) {
+  if (!isRecord(root)) {
+    return;
+  }
+  for (const [listPath, rows] of listRowsFromRoot(root)) {
+    persistedRowsByPath.set(listPath, cloneJsonArray(rows));
+  }
+}
+function listRowsFromRoot(root) {
+  const rowsByPath = /* @__PURE__ */ new Map();
+  for (const [key, value] of Object.entries(root)) {
+    if (key.includes(".") && Array.isArray(value)) {
+      rowsByPath.set(key, cloneJsonArray(value));
+    }
+  }
+  collectNestedListRows(root, [], rowsByPath);
+  return rowsByPath;
+}
+function collectNestedListRows(value, path, rowsByPath) {
+  if (Array.isArray(value)) {
+    if (path.length > 1) {
+      rowsByPath.set(path.join("."), cloneJsonArray(value));
+    }
+    return;
+  }
+  if (!isRecord(value)) {
+    return;
+  }
+  for (const [key, child] of Object.entries(value)) {
+    if (key === "__listDrafts") {
+      continue;
+    }
+    collectNestedListRows(child, [...path, key], rowsByPath);
+  }
+}
+function isRootDataModelUpdate(message, surfaceId) {
+  return isRecord(message) && isRecord(message.updateDataModel) && message.updateDataModel.surfaceId === surfaceId && (message.updateDataModel.path === void 0 || message.updateDataModel.path === "/") && isRecord(message.updateDataModel.value);
+}
+function getNestedValue(root, listPath) {
+  let current = root;
+  for (const segment of listPath.split(".")) {
+    if (!isRecord(current)) {
+      return void 0;
+    }
+    current = current[segment];
+  }
+  return current;
+}
+function setNestedValue(root, listPath, value) {
+  const segments = listPath.split(".");
+  let current = root;
+  for (const segment of segments.slice(0, -1)) {
+    const next = current[segment];
+    if (isRecord(next)) {
+      current = next;
+      continue;
+    }
+    const created = {};
+    current[segment] = created;
+    current = created;
+  }
+  const leaf = segments.at(-1);
+  if (leaf !== void 0) {
+    current[leaf] = value;
+  }
+}
+function cloneJsonRecord(value) {
+  return JSON.parse(JSON.stringify(value));
+}
+function cloneJsonArray(value) {
+  return JSON.parse(JSON.stringify(value));
+}
 function isFieldValue(value) {
   return value === null || typeof value === "string" || typeof value === "boolean" || typeof value === "number" && Number.isFinite(value);
 }
@@ -910,7 +1079,11 @@ function annotateFields(root, fields, invalidFields, validationSummaryId) {
           field: control.dataset.a2uiField,
           required: control.getAttribute("aria-required"),
           invalid: control.getAttribute("aria-invalid"),
-          describedBy: control.getAttribute("aria-describedby")
+          describedBy: control.getAttribute("aria-describedby"),
+          pattern: control.getAttribute("pattern"),
+          max: control.getAttribute("max"),
+          inputMode: control.getAttribute("inputmode"),
+          maxLength: control.getAttribute("maxlength")
         });
       }
       control.dataset.a2uiField = field.field;
@@ -930,6 +1103,7 @@ function annotateFields(root, fields, invalidFields, validationSummaryId) {
           );
         }
       }
+      applyControlValidationAttributes(control, field);
     }
   }
   return () => {
@@ -942,12 +1116,31 @@ function annotateFields(root, fields, invalidFields, validationSummaryId) {
       restoreAttribute(control, "aria-required", original.required);
       restoreAttribute(control, "aria-invalid", original.invalid);
       restoreAttribute(control, "aria-describedby", original.describedBy);
+      restoreAttribute(control, "pattern", original.pattern);
+      restoreAttribute(control, "max", original.max);
+      restoreAttribute(control, "inputmode", original.inputMode);
+      restoreAttribute(control, "maxlength", original.maxLength);
     }
     for (const cleanup of matchCleanups.reverse()) {
       cleanup();
     }
   };
 }
+function applyControlValidationAttributes(control, field) {
+  if (field.validationRegexp !== void 0) {
+    control.setAttribute("pattern", field.validationRegexp);
+  }
+  if (field.max !== void 0) {
+    control.setAttribute("max", field.max);
+  }
+  if (field.validationRegexp === "^[2-9]\\d{2}[2-9]\\d{6}$") {
+    control.setAttribute("inputmode", "numeric");
+    control.setAttribute("maxlength", "10");
+  } else if (field.validationRegexp === "^(?!00000$)\\d{5}$") {
+    control.setAttribute("inputmode", "numeric");
+    control.setAttribute("maxlength", "5");
+  }
+}
 function findFieldControls(root, field) {
   const labels = [...root.querySelectorAll("label")];
   const label = labels.find(
@@ -1622,8 +1815,26 @@ function decodeRendererAction(event) {
     return entries.length === 0 ? { action } : null;
   }
   if (action === "flow.submit") {
+    const listPath = event.context.listPath;
+    if (typeof listPath === "string" && listPath.length > 0) {
+      const fieldEntries2 = entries.filter(([key]) => key !== "listPath");
+      const fields3 = scalarFields(fieldEntries2);
+      if (fields3 === null) {
+        return null;
+      }
+      return {
+        action,
+        payload: {
+          listPath,
+          ...Object.keys(fields3).length > 0 ? { fields: fields3 } : {}
+        }
+      };
+    }
     const fields2 = scalarFields(entries);
-    return fields2 === null || Object.keys(fields2).length === 0 ? null : { action, payload: { fields: fields2 } };
+    if (fields2 === null) {
+      return null;
+    }
+    return Object.keys(fields2).length === 0 ? { action, payload: {} } : { action, payload: { fields: fields2 } };
   }
   if (action === "flow.list.add" || action === "flow.list.update" || action === "flow.list.delete") {
     const listPath = event.context.listPath;