@wise/dynamic-flow-client 5.22.1 → 5.23.0

package/build/main.js

@@ -1545,11 +1545,36 @@ var boxLayoutToComponent = (uid, { border = false, components, control, margin,
   )
 });
 
+// src/domain/mappers/utils/image.ts
+var mapSpecImage = (image) => {
+  var _a, _b, _c;
+  return image ? {
+    uri: (_b = (_a = image.uri) != null ? _a : image.url) != null ? _b : "",
+    accessibilityDescription: (_c = image.accessibilityDescription) != null ? _c : image.text
+  } : void 0;
+};
+
+// src/domain/mappers/utils/media-utils.ts
+var getDomainLayerMedia = ({ icon, image, media }) => {
+  if (media) {
+    return media;
+  }
+  if (icon || image) {
+    return {
+      type: "legacy",
+      icon,
+      image: mapSpecImage(image)
+    };
+  }
+  return void 0;
+};
+
 // src/domain/mappers/utils/utils.ts
 var mapInlineAlert = (alert) => {
   return alert ? {
     content: alert.content,
-    context: alert.context ? mapLegacyContext(alert.context) : "neutral"
+    context: alert.context ? mapLegacyContext(alert.context) : "neutral",
+    media: getDomainLayerMedia({ media: alert.media })
   } : void 0;
 };
 var mapAdditionalInfo = (info, mapperProps) => {
@@ -1576,7 +1601,8 @@ var mapAdditionalInfo = (info, mapperProps) => {
 var mapSchemaAlert = (alert) => {
   return alert ? {
     content: alert.markdown,
-    context: alert.context ? mapLegacyContext(alert.context) : "neutral"
+    context: alert.context ? mapLegacyContext(alert.context) : "neutral",
+    media: getDomainLayerMedia({ media: alert.media })
   } : void 0;
 };
 
@@ -1654,13 +1680,17 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
       });
     }).catch(() => {
       if (!signal.aborted) {
+        const retry = () => {
+          update(component, (draft) => {
+            draft.status = { type: "loading", reason: mode };
+          });
+          query(mode);
+        };
         update(component, (draft) => {
-          draft.state = {
-            filters: component.state.filters,
-            search: component.state.search,
-            sections: []
-          };
-          draft.status = { type: "error", reason: mode, retry: () => query(mode) };
+          if (mode === "search") {
+            draft.state.sections = [];
+          }
+          draft.status = { type: "error", reason: mode, retry };
         });
       }
     });
@@ -1746,9 +1776,17 @@ var mergeSections = (existing, incoming) => {
   const knownIds = new Set(existing.map((section) => section.id));
   const newSections = incoming.filter((section) => !knownIds.has(section.id));
   const merged = existing.map((section) => {
+    var _a, _b, _c, _d;
     const match = incoming.find((s) => s.id === section.id);
     if (!match) return section;
-    return __spreadProps(__spreadValues({}, match), { items: [...section.items, ...match.items] });
+    return {
+      id: match.id,
+      title: (_a = match.title) != null ? _a : section.title,
+      callToAction: (_b = match.callToAction) != null ? _b : section.callToAction,
+      help: (_c = match.help) != null ? _c : section.help,
+      inlineAlert: (_d = match.inlineAlert) != null ? _d : section.inlineAlert,
+      items: [...section.items, ...match.items]
+    };
   });
   return [...merged, ...newSections];
 };
@@ -1868,10 +1906,11 @@ var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
   var _a, _b, _c;
   return {
     sections: specState.sections.map((section) => {
-      return {
-        id: section.id,
-        title: section.title,
+      var _a2;
+      return __spreadProps(__spreadValues({}, section), {
         callToAction: getDomainLayerCallToAction(section.callToAction, mapperProps),
+        help: (_a2 = section.help) == null ? void 0 : _a2.markdown,
+        inlineAlert: mapInlineAlert(section.inlineAlert),
         items: section.items.map((item) => {
           const behavior = getDomainLayerBehavior(
             { behavior: item.primaryBehavior },
@@ -1887,24 +1926,29 @@ var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
             inlineAlert: mapInlineAlert(item.inlineAlert)
           });
         })
-      };
+      });
     }),
-    filters: (_a = specState.filters) == null ? void 0 : _a.map((filter) => __spreadProps(__spreadValues({}, filter), {
-      options: filter.options.map((option) => {
-        var _a2;
-        return __spreadProps(__spreadValues({}, option), {
-          selected: (_a2 = option.selected) != null ? _a2 : false,
-          onSelect: () => {
-          }
-          // noop - this gets added during mapping
-        });
-      })
-    })),
+    filters: (_a = specState.filters) == null ? void 0 : _a.map(mapFilter),
     beforeSections: (_b = specState.beforeSections) == null ? void 0 : _b.map(mapLayout),
     afterSections: (_c = specState.afterSections) == null ? void 0 : _c.map(mapLayout),
     nextCursor: specState.nextCursor
   };
 };
+var mapFilter = (filter) => {
+  const anySelected = filter.options.some((option) => option.selected);
+  return __spreadProps(__spreadValues({}, filter), {
+    options: filter.options.map((option, index) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, option), {
+        // if a single select with no selection, we should default to selecting the first item
+        selected: filter.multiSelect || anySelected ? (_a = option.selected) != null ? _a : false : index === 0,
+        onSelect: () => {
+        }
+        // noop - this gets added during mapping in the component itself
+      });
+    })
+  });
+};
 
 // src/domain/components/ButtonComponent.ts
 var createButtonComponent = (props) => __spreadValues({
@@ -1912,30 +1956,6 @@ var createButtonComponent = (props) => __spreadValues({
   kind: "layout"
 }, props);
 
-// src/domain/mappers/utils/image.ts
-var mapSpecImage = (image) => {
-  var _a, _b, _c;
-  return image ? {
-    uri: (_b = (_a = image.uri) != null ? _a : image.url) != null ? _b : "",
-    accessibilityDescription: (_c = image.accessibilityDescription) != null ? _c : image.text
-  } : void 0;
-};
-
-// src/domain/mappers/utils/media-utils.ts
-var getDomainLayerMedia = ({ icon, image, media }) => {
-  if (media) {
-    return media;
-  }
-  if (icon || image) {
-    return {
-      type: "legacy",
-      icon,
-      image: mapSpecImage(image)
-    };
-  }
-  return void 0;
-};
-
 // src/domain/mappers/layout/buttonLayoutToComponent.ts
 var buttonLayoutToComponent = (uid, button, mapperProps) => {
   if (!button.behavior && !button.action && mapperProps.features.isEnabled("strictButtonOperations")) {

package/build/main.mjs

@@ -1514,11 +1514,36 @@ var boxLayoutToComponent = (uid, { border = false, components, control, margin,
   )
 });
 
+// src/domain/mappers/utils/image.ts
+var mapSpecImage = (image) => {
+  var _a, _b, _c;
+  return image ? {
+    uri: (_b = (_a = image.uri) != null ? _a : image.url) != null ? _b : "",
+    accessibilityDescription: (_c = image.accessibilityDescription) != null ? _c : image.text
+  } : void 0;
+};
+
+// src/domain/mappers/utils/media-utils.ts
+var getDomainLayerMedia = ({ icon, image, media }) => {
+  if (media) {
+    return media;
+  }
+  if (icon || image) {
+    return {
+      type: "legacy",
+      icon,
+      image: mapSpecImage(image)
+    };
+  }
+  return void 0;
+};
+
 // src/domain/mappers/utils/utils.ts
 var mapInlineAlert = (alert) => {
   return alert ? {
     content: alert.content,
-    context: alert.context ? mapLegacyContext(alert.context) : "neutral"
+    context: alert.context ? mapLegacyContext(alert.context) : "neutral",
+    media: getDomainLayerMedia({ media: alert.media })
   } : void 0;
 };
 var mapAdditionalInfo = (info, mapperProps) => {
@@ -1545,7 +1570,8 @@ var mapAdditionalInfo = (info, mapperProps) => {
 var mapSchemaAlert = (alert) => {
   return alert ? {
     content: alert.markdown,
-    context: alert.context ? mapLegacyContext(alert.context) : "neutral"
+    context: alert.context ? mapLegacyContext(alert.context) : "neutral",
+    media: getDomainLayerMedia({ media: alert.media })
   } : void 0;
 };
 
@@ -1623,13 +1649,17 @@ var createCollectionComponent = (props, onComponentUpdate, queryFunction) => {
       });
     }).catch(() => {
       if (!signal.aborted) {
+        const retry = () => {
+          update(component, (draft) => {
+            draft.status = { type: "loading", reason: mode };
+          });
+          query(mode);
+        };
         update(component, (draft) => {
-          draft.state = {
-            filters: component.state.filters,
-            search: component.state.search,
-            sections: []
-          };
-          draft.status = { type: "error", reason: mode, retry: () => query(mode) };
+          if (mode === "search") {
+            draft.state.sections = [];
+          }
+          draft.status = { type: "error", reason: mode, retry };
         });
       }
     });
@@ -1715,9 +1745,17 @@ var mergeSections = (existing, incoming) => {
   const knownIds = new Set(existing.map((section) => section.id));
   const newSections = incoming.filter((section) => !knownIds.has(section.id));
   const merged = existing.map((section) => {
+    var _a, _b, _c, _d;
     const match = incoming.find((s) => s.id === section.id);
     if (!match) return section;
-    return __spreadProps(__spreadValues({}, match), { items: [...section.items, ...match.items] });
+    return {
+      id: match.id,
+      title: (_a = match.title) != null ? _a : section.title,
+      callToAction: (_b = match.callToAction) != null ? _b : section.callToAction,
+      help: (_c = match.help) != null ? _c : section.help,
+      inlineAlert: (_d = match.inlineAlert) != null ? _d : section.inlineAlert,
+      items: [...section.items, ...match.items]
+    };
   });
   return [...merged, ...newSections];
 };
@@ -1837,10 +1875,11 @@ var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
   var _a, _b, _c;
   return {
     sections: specState.sections.map((section) => {
-      return {
-        id: section.id,
-        title: section.title,
+      var _a2;
+      return __spreadProps(__spreadValues({}, section), {
         callToAction: getDomainLayerCallToAction(section.callToAction, mapperProps),
+        help: (_a2 = section.help) == null ? void 0 : _a2.markdown,
+        inlineAlert: mapInlineAlert(section.inlineAlert),
         items: section.items.map((item) => {
           const behavior = getDomainLayerBehavior(
             { behavior: item.primaryBehavior },
@@ -1856,24 +1895,29 @@ var mapCollectionSpecToDomainState = (specState, mapperProps, mapLayout) => {
             inlineAlert: mapInlineAlert(item.inlineAlert)
           });
         })
-      };
+      });
     }),
-    filters: (_a = specState.filters) == null ? void 0 : _a.map((filter) => __spreadProps(__spreadValues({}, filter), {
-      options: filter.options.map((option) => {
-        var _a2;
-        return __spreadProps(__spreadValues({}, option), {
-          selected: (_a2 = option.selected) != null ? _a2 : false,
-          onSelect: () => {
-          }
-          // noop - this gets added during mapping
-        });
-      })
-    })),
+    filters: (_a = specState.filters) == null ? void 0 : _a.map(mapFilter),
     beforeSections: (_b = specState.beforeSections) == null ? void 0 : _b.map(mapLayout),
     afterSections: (_c = specState.afterSections) == null ? void 0 : _c.map(mapLayout),
     nextCursor: specState.nextCursor
   };
 };
+var mapFilter = (filter) => {
+  const anySelected = filter.options.some((option) => option.selected);
+  return __spreadProps(__spreadValues({}, filter), {
+    options: filter.options.map((option, index) => {
+      var _a;
+      return __spreadProps(__spreadValues({}, option), {
+        // if a single select with no selection, we should default to selecting the first item
+        selected: filter.multiSelect || anySelected ? (_a = option.selected) != null ? _a : false : index === 0,
+        onSelect: () => {
+        }
+        // noop - this gets added during mapping in the component itself
+      });
+    })
+  });
+};
 
 // src/domain/components/ButtonComponent.ts
 var createButtonComponent = (props) => __spreadValues({
@@ -1881,30 +1925,6 @@ var createButtonComponent = (props) => __spreadValues({
   kind: "layout"
 }, props);
 
-// src/domain/mappers/utils/image.ts
-var mapSpecImage = (image) => {
-  var _a, _b, _c;
-  return image ? {
-    uri: (_b = (_a = image.uri) != null ? _a : image.url) != null ? _b : "",
-    accessibilityDescription: (_c = image.accessibilityDescription) != null ? _c : image.text
-  } : void 0;
-};
-
-// src/domain/mappers/utils/media-utils.ts
-var getDomainLayerMedia = ({ icon, image, media }) => {
-  if (media) {
-    return media;
-  }
-  if (icon || image) {
-    return {
-      type: "legacy",
-      icon,
-      image: mapSpecImage(image)
-    };
-  }
-  return void 0;
-};
-
 // src/domain/mappers/layout/buttonLayoutToComponent.ts
 var buttonLayoutToComponent = (uid, button, mapperProps) => {
   if (!button.behavior && !button.action && mapperProps.features.isEnabled("strictButtonOperations")) {