@ukiahinsure/a2ui-react-adapter 0.1.7 → 0.1.8

package/dist/index.js

@@ -29,6 +29,7 @@ var A2UIClientAdapter = class {
   #surfaceOrder = [];
   #structureBySurface = /* @__PURE__ */ new Map();
   #persistedListRowsByPath = /* @__PURE__ */ new Map();
+  #deletedListItemIdsByPath = /* @__PURE__ */ new Map();
   #version = 0;
   #lastSeq = 0;
   #disposed = false;
@@ -157,6 +158,7 @@ var A2UIClientAdapter = class {
     this.#surfaceOrder = [];
     this.#structureBySurface.clear();
     this.#persistedListRowsByPath.clear();
+    this.#deletedListItemIdsByPath.clear();
     previous.model.dispose();
     this.#notify();
   }
@@ -213,12 +215,17 @@ var A2UIClientAdapter = class {
     const rawMessages = envelope.kind === "snapshot" ? validated.data : mergePersistedListRowsIntoMessages(
       validated.data,
       envelope.surfaceId,
-      this.#persistedListRowsByPath
+      this.#persistedListRowsByPath,
+      this.#deletedListItemIdsByPath
     );
-    const actionCompleteMessages = ensureOptionalCoverageSkipActionMessages(
+    const listAddFreeMessages = removeListAddActionMessages(
       rawMessages,
       envelope.surfaceId
     );
+    const actionCompleteMessages = ensureOptionalCoverageSkipActionMessages(
+      listAddFreeMessages,
+      envelope.surfaceId
+    );
     const nextStructure = updateSurfaceStructures(
       actionCompleteMessages,
       envelope.kind === "snapshot" ? /* @__PURE__ */ new Map() : cloneSurfaceStructures(this.#structureBySurface)
@@ -264,9 +271,11 @@ var A2UIClientAdapter = class {
     this.#structureBySurface = nextStructure;
     if (envelope.kind === "snapshot") {
       this.#persistedListRowsByPath.clear();
+      this.#deletedListItemIdsByPath.clear();
     }
     rememberPersistedListRows(
       this.#persistedListRowsByPath,
+      this.#deletedListItemIdsByPath,
       candidate.model.getSurface(envelope.surfaceId)?.dataModel.get("/")
     );
     previous.model.dispose();
@@ -302,6 +311,9 @@ var A2UIClientAdapter = class {
         event.context
       );
     }
+    if (event.actionName === "flow.list.delete") {
+      this.#removeDeletedListRow(event.surfaceId, event.context);
+    }
     this.#options.onAction?.(event);
     for (const listener of this.#actionListeners) {
       listener(event);
@@ -327,6 +339,27 @@ var A2UIClientAdapter = class {
     );
     this.#notify();
   }
+  #removeDeletedListRow(surfaceId, context) {
+    const listPath = context.listPath;
+    const itemId = context.itemId;
+    if (typeof listPath !== "string" || listPath.length === 0 || typeof itemId !== "string" || itemId.length === 0) {
+      return;
+    }
+    const cachedRows = this.#persistedListRowsByPath.get(listPath) ?? [];
+    const nextRows = removeListRowByItemId(cachedRows, itemId);
+    this.#persistedListRowsByPath.set(listPath, nextRows);
+    rememberDeletedListItemId(this.#deletedListItemIdsByPath, listPath, itemId);
+    const surface = this.#processor.model.getSurface(surfaceId);
+    if (surface === void 0) {
+      return;
+    }
+    surface.dataModel.set(`/${listPath}`, cloneJsonArray(nextRows));
+    surface.dataModel.set(
+      `/${listPath.replaceAll(".", "/")}`,
+      cloneJsonArray(nextRows)
+    );
+    this.#notify();
+  }
   #snapshotMessages() {
     const messages = [];
     for (const surface of this.#processor.model.surfacesMap.values()) {
@@ -494,6 +527,59 @@ function ensureOptionalCoverageSkipActionMessages(messages, surfaceId) {
   }
   return messages;
 }
+function removeListAddActionMessages(messages, surfaceId) {
+  for (let index = 0; index < messages.length; index += 1) {
+    const message = messages[index];
+    if (!isRecord(message) || !isRecord(message.updateComponents)) {
+      continue;
+    }
+    const update = message.updateComponents;
+    if (update.surfaceId !== surfaceId || !Array.isArray(update.components)) {
+      continue;
+    }
+    const addIds = listAddComponentIds(update.components);
+    if (addIds.size === 0) {
+      continue;
+    }
+    const nextMessages = [...messages];
+    nextMessages[index] = {
+      ...message,
+      updateComponents: {
+        ...update,
+        components: update.components.filter(
+          (component) => !(isRecord(component) && isNonEmptyString(component.id) && addIds.has(component.id))
+        ).map(
+          (component) => removeComponentChildren(component, addIds)
+        )
+      }
+    };
+    return nextMessages;
+  }
+  return messages;
+}
+function listAddComponentIds(components) {
+  const ids = /* @__PURE__ */ new Set();
+  for (const component of components) {
+    if (!isRecord(component) || !isNonEmptyString(component.id) || !hasActionName(component, "flow.list.add")) {
+      continue;
+    }
+    ids.add(component.id);
+    const child = component.child;
+    if (typeof child === "string" && child.length > 0) {
+      ids.add(child);
+    }
+  }
+  return ids;
+}
+function removeComponentChildren(component, removedIds) {
+  if (!isRecord(component) || !Array.isArray(component.children)) {
+    return component;
+  }
+  const children = component.children.filter(
+    (child) => typeof child !== "string" || !removedIds.has(child)
+  );
+  return children.length === component.children.length ? component : { ...component, children };
+}
 function submitActionWithDefaultUnknown(submit, field) {
   if (!isRecord(submit.action) || !isRecord(submit.action.event)) {
     return submit;
@@ -770,8 +856,8 @@ function fieldFromPointer(path) {
 function fieldPointer(field) {
   return `/${field.replaceAll("~", "~0").replaceAll("/", "~1")}`;
 }
-function mergePersistedListRowsIntoMessages(messages, surfaceId, persistedRowsByPath) {
-  if (persistedRowsByPath.size === 0) {
+function mergePersistedListRowsIntoMessages(messages, surfaceId, persistedRowsByPath, deletedItemIdsByPath) {
+  if (persistedRowsByPath.size === 0 && deletedItemIdsByPath.size === 0) {
     return [...messages];
   }
   let mergedRoot = false;
@@ -786,7 +872,8 @@ function mergePersistedListRowsIntoMessages(messages, surfaceId, persistedRowsBy
         ...message.updateDataModel,
         value: mergePersistedListRowsIntoRoot(
           message.updateDataModel.value,
-          persistedRowsByPath
+          persistedRowsByPath,
+          deletedItemIdsByPath
         )
       }
     };
@@ -801,25 +888,34 @@ function mergePersistedListRowsIntoMessages(messages, surfaceId, persistedRowsBy
       updateDataModel: {
         surfaceId,
         path: "/",
-        value: mergePersistedListRowsIntoRoot({}, persistedRowsByPath)
+        value: mergePersistedListRowsIntoRoot(
+          {},
+          persistedRowsByPath,
+          deletedItemIdsByPath
+        )
       }
     }
   ];
 }
-function mergePersistedListRowsIntoRoot(root, persistedRowsByPath) {
+function mergePersistedListRowsIntoRoot(root, persistedRowsByPath, deletedItemIdsByPath) {
   const merged = cloneJsonRecord(root);
-  for (const [listPath, rows] of persistedRowsByPath) {
+  for (const listPath of /* @__PURE__ */ new Set([
+    ...persistedRowsByPath.keys(),
+    ...deletedItemIdsByPath.keys()
+  ])) {
+    const rows = persistedRowsByPath.get(listPath) ?? [];
     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 && (!hasListDraft(merged, listPath) || hasBlankListDraft(merged, 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));
-    }
+    const visibleRows = filterDeletedListRows(
+      effectiveRows,
+      deletedItemIdsByPath.get(listPath)
+    );
+    const normalizedRows = normalizeListRows(listPath, visibleRows, merged);
+    merged[listPath] = cloneJsonArray(normalizedRows);
+    setNestedValue(merged, listPath, cloneJsonArray(normalizedRows));
   }
   return merged;
 }
@@ -850,13 +946,65 @@ function isBlankDraftValue(value) {
   }
   return false;
 }
-function rememberPersistedListRows(persistedRowsByPath, root) {
+function rememberPersistedListRows(persistedRowsByPath, deletedItemIdsByPath, root) {
   if (!isRecord(root)) {
     return;
   }
   for (const [listPath, rows] of listRowsFromRoot(root)) {
-    persistedRowsByPath.set(listPath, cloneJsonArray(rows));
+    const visibleRows = filterDeletedListRows(
+      rows,
+      deletedItemIdsByPath.get(listPath)
+    );
+    persistedRowsByPath.set(
+      listPath,
+      normalizeListRows(listPath, visibleRows, root)
+    );
+  }
+}
+function normalizeListRows(listPath, rows, root) {
+  const clonedRows = cloneJsonArray(rows);
+  if (listPath !== "needs.providers") {
+    return clonedRows;
+  }
+  const rootProvider = root === void 0 ? void 0 : providerRowFromAliases(root);
+  if (clonedRows.length === 0 && rootProvider !== void 0) {
+    return [normalizeProviderRow(rootProvider)];
+  }
+  return clonedRows.map(
+    (row) => isRecord(row) ? normalizeProviderRow(row, rootProvider) : row
+  );
+}
+function normalizeProviderRow(row, fallback) {
+  const normalized = cloneJsonRecord(row);
+  const name = firstProviderName(normalized) ?? (fallback === void 0 ? void 0 : firstProviderName(fallback));
+  const location = firstProviderLocation(normalized) ?? (fallback === void 0 ? void 0 : firstProviderLocation(fallback));
+  if (normalized.primary_care_provider === void 0 && name !== void 0) {
+    normalized.primary_care_provider = name;
+  }
+  if (normalized.primary_care_provider_location === void 0 && location !== void 0) {
+    normalized.primary_care_provider_location = location;
+  }
+  if (name !== void 0 && location !== void 0 && typeof normalized.__displayText === "string" && !normalized.__displayText.includes(location)) {
+    normalized.__displayText = `${normalized.__displayText} | Provider Location: ${location}`;
+  } else if (normalized.__displayText === void 0 && (name !== void 0 || location !== void 0)) {
+    normalized.__displayText = [
+      name === void 0 ? void 0 : `Provider Name: ${name}`,
+      location === void 0 ? void 0 : `Provider Location: ${location}`
+    ].filter((part) => part !== void 0).join(" | ");
   }
+  return normalized;
+}
+function providerRowFromAliases(source) {
+  const name = firstProviderName(source);
+  const location = firstProviderLocation(source);
+  if (name === void 0 && location === void 0) {
+    return void 0;
+  }
+  return {
+    itemId: "voice-primary-care-provider",
+    ...name === void 0 ? {} : { primary_care_provider: name },
+    ...location === void 0 ? {} : { primary_care_provider_location: location }
+  };
 }
 function submittedProviderRowFromEvent(event) {
   if (event.actionName !== "flow.submit") {
@@ -866,37 +1014,8 @@ function submittedProviderRowFromEvent(event) {
   if (listPath !== "needs.providers" && !hasProviderSubmitFields(event.context)) {
     return void 0;
   }
-  const name = firstTextField(event.context, [
-    "primary_care_provider",
-    "primaryCareProvider",
-    "primary_provider",
-    "primaryProvider",
-    "primary_care_doctor",
-    "primaryCareDoctor",
-    "pcp",
-    "providerName",
-    "provider_name",
-    "displayName",
-    "display_name",
-    "doctorName",
-    "doctorname",
-    "doctor_name",
-    "name"
-  ]);
-  const location = firstTextField(event.context, [
-    "primary_care_provider_location",
-    "primaryCareProviderLocation",
-    "provider_location",
-    "providerLocation",
-    "location_details",
-    "locationDetails",
-    "office_location",
-    "officeLocation",
-    "practice_location",
-    "practiceLocation",
-    "location",
-    "address"
-  ]);
+  const name = firstProviderName(event.context);
+  const location = firstProviderLocation(event.context);
   if (name === void 0 && location === void 0) {
     return void 0;
   }
@@ -1088,6 +1207,122 @@ function upsertListRow(rows, row) {
   }
   return [...next, row];
 }
+function removeListRowByItemId(rows, itemId) {
+  return rows.filter(
+    (row) => !isRecord(row) || row.itemId !== itemId
+  );
+}
+function rememberDeletedListItemId(deletedItemIdsByPath, listPath, itemId) {
+  const deleted = deletedItemIdsByPath.get(listPath) ?? /* @__PURE__ */ new Set();
+  deleted.add(itemId);
+  deletedItemIdsByPath.set(listPath, deleted);
+}
+function filterDeletedListRows(rows, deletedItemIds) {
+  const clonedRows = cloneJsonArray(rows);
+  if (deletedItemIds === void 0 || deletedItemIds.size === 0) {
+    return clonedRows;
+  }
+  return clonedRows.filter(
+    (row) => !isRecord(row) || !deletedItemIds.has(stringRowItemId(row))
+  );
+}
+function stringRowItemId(row) {
+  const itemId = row.itemId;
+  return typeof itemId === "string" ? itemId : "";
+}
+var PROVIDER_NAME_FIELDS = /* @__PURE__ */ new Set([
+  "primary_care_provider",
+  "primarycareprovider",
+  "primary_care_provider_name",
+  "primarycareprovidername",
+  "primary_provider",
+  "primaryprovider",
+  "primary_provider_name",
+  "primaryprovidername",
+  "primary_care_doctor",
+  "primarycaredoctor",
+  "primary_care_doctor_name",
+  "primarycaredoctorname",
+  "pcp",
+  "pcp_name",
+  "pcpname",
+  "provider",
+  "provider_name",
+  "providername",
+  "display_name",
+  "displayname",
+  "doctor",
+  "doctor_name",
+  "doctorname",
+  "name"
+]);
+var PROVIDER_LOCATION_FIELDS = /* @__PURE__ */ new Set([
+  "primary_care_provider_location",
+  "primarycareproviderlocation",
+  "primary_provider_location",
+  "primaryproviderlocation",
+  "primary_care_location",
+  "primarycarelocation",
+  "primary_care_doctor_location",
+  "primarycaredoctorlocation",
+  "pcp_location",
+  "pcplocation",
+  "provider_location",
+  "providerlocation",
+  "provider_location_details",
+  "providerlocationdetails",
+  "doctor_location",
+  "doctorlocation",
+  "location",
+  "location_details",
+  "locationdetails",
+  "office_location",
+  "officelocation",
+  "practice_location",
+  "practicelocation",
+  "provider_address",
+  "provideraddress",
+  "doctor_address",
+  "doctoraddress",
+  "address",
+  "city_state",
+  "citystate"
+]);
+function firstProviderName(source) {
+  return firstTextByNormalizedField(source, PROVIDER_NAME_FIELDS);
+}
+function firstProviderLocation(source) {
+  return firstTextByNormalizedField(source, PROVIDER_LOCATION_FIELDS);
+}
+function firstTextByNormalizedField(source, fields) {
+  for (const [key, value] of Object.entries(source)) {
+    if (!fields.has(normalizeFieldKey(key))) {
+      continue;
+    }
+    const text = scalarText(value);
+    if (text !== void 0) {
+      return text;
+    }
+  }
+  return void 0;
+}
+function scalarText(value) {
+  if (typeof value === "string") {
+    const text = value.trim();
+    return text.length > 0 ? text : void 0;
+  }
+  if (!isRecord(value)) {
+    return void 0;
+  }
+  return firstTextField(value, [
+    "value",
+    "displayValue",
+    "display_value",
+    "text",
+    "answer",
+    "label"
+  ]);
+}
 function firstTextField(source, keys) {
   for (const key of keys) {
     const value = source[key];
@@ -1754,8 +1989,22 @@ function applyControlValidationAttributes(control, field) {
 }
 function attachControlValidationBehavior(control, field) {
   const maxLength = numericMaxLengthForField(field);
+  const customValidation = customValidationForField(field);
   if (maxLength === void 0 || !isTextInput(control)) {
-    return void 0;
+    if (customValidation === void 0 || !isTextInput(control)) {
+      return void 0;
+    }
+    const validate = () => {
+      applyCustomValidationMessage(control, customValidation);
+    };
+    control.addEventListener("input", validate);
+    control.addEventListener("change", validate);
+    validate();
+    return () => {
+      control.setCustomValidity("");
+      control.removeEventListener("input", validate);
+      control.removeEventListener("change", validate);
+    };
   }
   const sanitize = () => {
     const next = control.value.replace(/\D/g, "").slice(0, maxLength);
@@ -1763,15 +2012,50 @@ function attachControlValidationBehavior(control, field) {
       control.value = next;
       control.dispatchEvent(new Event("input", { bubbles: true }));
     }
+    if (customValidation !== void 0) {
+      applyCustomValidationMessage(control, customValidation);
+    }
   };
   control.addEventListener("input", sanitize);
   control.addEventListener("change", sanitize);
   sanitize();
   return () => {
+    control.setCustomValidity("");
     control.removeEventListener("input", sanitize);
     control.removeEventListener("change", sanitize);
   };
 }
+function customValidationForField(field) {
+  if (isZipValidationRegexp(field.validationRegexp)) {
+    return {
+      message: "Enter a valid 5-digit ZIP code.",
+      pattern: regexpFromPattern(field.validationRegexp)
+    };
+  }
+  if (isPhoneValidationRegexp(field.validationRegexp)) {
+    return {
+      message: "Enter a valid 10-digit US phone number.",
+      pattern: regexpFromPattern(field.validationRegexp)
+    };
+  }
+  return void 0;
+}
+function applyCustomValidationMessage(control, validation) {
+  control.setCustomValidity("");
+  if (control.value.length > 0 && (validation.pattern?.test(control.value) === false || !control.checkValidity())) {
+    control.setCustomValidity(validation.message);
+  }
+}
+function regexpFromPattern(pattern) {
+  if (pattern === void 0) {
+    return void 0;
+  }
+  try {
+    return new RegExp(pattern);
+  } catch {
+    return void 0;
+  }
+}
 function numericMaxLengthForField(field) {
   if (isPhoneValidationRegexp(field.validationRegexp)) {
     return 10;
@@ -2537,6 +2821,7 @@ function decodeRendererAction(event) {
       ([key]) => key !== "listPath" && key !== "itemId"
     );
     const fields2 = scalarFields(fieldEntries2, listPath);
+    const targetStateId2 = listActionTargetStateId(event.sourceComponentId);
     if (action !== "flow.list.delete" && (fields2 === null || Object.keys(fields2).length === 0)) {
       return null;
     }
@@ -2544,6 +2829,7 @@ function decodeRendererAction(event) {
       action,
       payload: {
         listPath,
+        ...targetStateId2 === void 0 ? {} : { targetStateId: targetStateId2 },
         ...typeof itemId === "string" ? { itemId } : {},
         ...fields2 !== null && Object.keys(fields2).length > 0 ? { fields: fields2 } : {}
       }
@@ -2566,6 +2852,14 @@ function decodeRendererAction(event) {
     }
   };
 }
+function listActionTargetStateId(sourceComponentId) {
+  const markerIndex = sourceComponentId.indexOf(":list");
+  if (markerIndex <= 0) {
+    return void 0;
+  }
+  const stateId = sourceComponentId.slice(0, markerIndex);
+  return stateId.length > 0 ? stateId : void 0;
+}
 function scalarFields(entries, listPath) {
   const fields = {};
   for (const [key, value] of entries) {