@wise/dynamic-flow-client 5.0.1-exp-css-28d60ea → 5.1.1

package/build/main.js

@@ -1175,15 +1175,16 @@ var createAlertComponent = (alertProps) => __spreadValues({
 }, alertProps);
 
 // src/domain/mappers/utils/behavior-utils.ts
-var getDomainLayerBehavior = ({
-  action,
-  behavior
-}, stepActions) => {
-  if (behavior) {
-    return normaliseBehavior(behavior, stepActions);
+var getDomainLayerBehavior = ({ action, behavior: specBehavior }, stepActions, registerSubmissionBehavior) => {
+  if (specBehavior) {
+    const behavior = normaliseBehavior(specBehavior, stepActions);
+    registerSubmissionBehavior == null ? void 0 : registerSubmissionBehavior(behavior);
+    return behavior;
   }
   if (action) {
-    return actionToBehavior(action, stepActions);
+    const behavior = actionToBehavior(action, stepActions);
+    registerSubmissionBehavior == null ? void 0 : registerSubmissionBehavior(behavior);
+    return behavior;
   }
   return { type: "none" };
 };
@@ -1213,14 +1214,17 @@ var getActionByReference = ($ref, actions = []) => {
 };
 
 // src/domain/mappers/utils/call-to-action-utils.ts
-var getDomainLayerCallToAction = (callToAction, onBehavior, stepActions) => {
+var getDomainLayerCallToAction = (callToAction, mapperProps) => {
+  var _a;
   if (!callToAction) {
     return void 0;
   }
+  const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
+  const stepActions = (_a = step.actions) != null ? _a : [];
   const { title = "", accessibilityDescription, action, behavior } = callToAction;
   return getCallToAction(
     { title, accessibilityDescription },
-    getDomainLayerBehavior({ action, behavior }, stepActions),
+    getDomainLayerBehavior({ action, behavior }, stepActions, registerSubmissionBehavior),
     onBehavior
   );
 };
@@ -1309,22 +1313,21 @@ var mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToC
 var alertLayoutToComponent = (uid, {
   control,
   markdown,
-  margin = "md",
-  context = "neutral",
+  margin,
+  context,
   callToAction,
   analyticsId,
   tags
-}, { onBehavior, step }) => {
-  var _a;
-  const cta = callToAction ? getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []) : void 0;
+}, mapperProps) => {
+  const cta = callToAction ? getDomainLayerCallToAction(callToAction, mapperProps) : void 0;
   return createAlertComponent({
     uid,
     analyticsId,
     control,
     markdown,
-    margin,
+    margin: margin != null ? margin : "md",
     callToAction: cta,
-    context: mapLegacyContext(context),
+    context: mapLegacyContext(context != null ? context : "neutral"),
     tags
   });
 };
@@ -1350,8 +1353,8 @@ var boxLayoutToComponent = (uid, {
   border = false,
   components,
   control,
-  margin = "md",
-  width = "xl",
+  margin,
+  width,
   analyticsId,
   tags
 }, mapperProps, schemaComponents) => createBoxComponent({
@@ -1359,8 +1362,8 @@ var boxLayoutToComponent = (uid, {
   analyticsId,
   border,
   control,
-  margin,
-  width,
+  margin: margin != null ? margin : "md",
+  width: width != null ? width : "xl",
   tags,
   components: components.map((component, index) => {
     const shouldRemoveMargin = index === components.length - 1 && component.margin === void 0;
@@ -1398,14 +1401,18 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     context,
     control,
     disabled,
-    margin = "md",
+    margin,
     pinOrder,
     size,
     title,
     analyticsId,
     tags
   } = button;
-  const behavior = getDomainLayerBehavior(button, (_a = mapperProps.step.actions) != null ? _a : []);
+  const behavior = getDomainLayerBehavior(
+    button,
+    (_a = mapperProps.step.actions) != null ? _a : [],
+    mapperProps.registerSubmissionBehavior
+  );
   const onClick = () => {
     void onBehavior(behavior);
   };
@@ -1415,7 +1422,7 @@ var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
     context: mapLegacyContext(context != null ? context : "neutral"),
     control,
     disabled: disabled != null ? disabled : false,
-    margin,
+    margin: margin != null ? margin : "md",
     pinOrder,
     size,
     title: title != null ? title : "",
@@ -1489,12 +1496,12 @@ var createColumnsComponent = (columnsProps) => __spreadProps(__spreadValues({},
 });
 
 // src/domain/mappers/layout/columnsLayoutToComponent.ts
-var columnsLayoutToComponent = (uid, { control, left, right, bias = "none", margin = "md", analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
+var columnsLayoutToComponent = (uid, { control, left, right, bias, margin, analyticsId, tags }, mapperProps, schemaComponents) => createColumnsComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  bias: mapLegacyBias(bias),
+  margin: margin != null ? margin : "md",
+  bias: mapLegacyBias(bias != null ? bias : "none"),
   tags,
   startComponents: left.map(
     (component, index) => mapLayoutToComponent(
@@ -1549,9 +1556,10 @@ var mapInlineAlert = (alert) => {
     context: alert.context ? mapLegacyContext(alert.context) : "neutral"
   } : void 0;
 };
-var mapAdditionalInfo = (info, onBehavior) => {
+var mapAdditionalInfo = (info, mapperProps) => {
+  const { onBehavior, registerSubmissionBehavior } = mapperProps;
   if (info) {
-    const behavior = getDomainLayerBehavior(info, []);
+    const behavior = getDomainLayerBehavior(info, [], registerSubmissionBehavior);
     return {
       text: info.text,
       href: behavior.type === "link" ? behavior.url : void 0,
@@ -1574,24 +1582,25 @@ var mapSchemaAlert = (alert) => {
 var decisionLayoutToComponent = (uid, {
   analyticsId,
   control,
-  margin = "md",
+  margin,
   options,
   tags,
   title
-}, { onBehavior, step }) => createDecisionComponent({
+}, mapperProps) => createDecisionComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  options: options.map((option) => mapOption(option, onBehavior, step.actions)),
+  margin: margin != null ? margin : "md",
+  options: options.map((option) => mapOption(option, mapperProps)),
   tags,
   title
 });
-var mapOption = (option, onBehavior, stepActions = []) => {
-  var _a;
-  const behavior = getDomainLayerBehavior(option, stepActions);
+var mapOption = (option, mapperProps) => {
+  var _a, _b;
+  const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
+  const behavior = getDomainLayerBehavior(option, (_a = step.actions) != null ? _a : [], registerSubmissionBehavior);
   return __spreadProps(__spreadValues({}, option), {
-    disabled: (_a = option.disabled) != null ? _a : false,
+    disabled: (_b = option.disabled) != null ? _b : false,
     href: behavior.type === "link" ? behavior.url : void 0,
     media: getDomainLayerMedia(option),
     inlineAlert: mapInlineAlert(option.inlineAlert),
@@ -1612,7 +1621,7 @@ var createStatusListComponent = (statusListProps) => __spreadValues({
 var isDeprecatedListLayout = (layout) => {
   return layout.items.some((item) => item.status);
 };
-var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", title, tags }) => createStatusListComponent({
+var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margin, title, tags }) => createStatusListComponent({
   uid,
   analyticsId,
   control,
@@ -1623,7 +1632,7 @@ var deprecatedListLayoutToComponent = (uid, { analyticsId, control, items, margi
     status: status ? mapLegacyStatus(status) : void 0,
     tags: itemTags
   })),
-  margin,
+  margin: margin != null ? margin : "md",
   title,
   tags
 });
@@ -1646,7 +1655,7 @@ var createDividerComponent = (props) => __spreadValues({
 }, props);
 
 // src/domain/mappers/layout/dividerLayoutToComponent.ts
-var dividerLayoutToComponent = (uid, { control, margin = "md", analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin, tags });
+var dividerLayoutToComponent = (uid, { control, margin, analyticsId, tags }) => createDividerComponent({ uid, analyticsId, control, margin: margin != null ? margin : "md", tags });
 
 // src/domain/components/FormComponent.ts
 var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formProps), {
@@ -1658,7 +1667,7 @@ var createFormComponent = (formProps) => __spreadProps(__spreadValues({}, formPr
 });
 
 // src/domain/mappers/layout/formLayoutToComponent.ts
-var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin = "md", tags }, schemaComponents) => {
+var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, control, margin, tags }, schemaComponents) => {
   const id = schemaId != null ? schemaId : schemaRef == null ? void 0 : schemaRef.$ref;
   if (id == null) {
     throw new Error(
@@ -1676,7 +1685,7 @@ var formLayoutToComponent = (uid, { analyticsId, schemaId, schema: schemaRef, co
     analyticsId,
     schemaComponent,
     control,
-    margin,
+    margin: margin != null ? margin : "md",
     tags
   });
 };
@@ -1688,13 +1697,13 @@ var createHeadingComponent = (headingProps) => __spreadValues({
 }, headingProps);
 
 // src/domain/mappers/layout/headingLayoutToComponent.ts
-var headingLayoutToComponent = (uid, { analyticsId, align = "left", margin = "md", size = "md", control, tags, text }) => createHeadingComponent({
+var headingLayoutToComponent = (uid, { analyticsId, align, margin, size, control, tags, text }) => createHeadingComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   control,
-  margin,
-  size,
+  margin: margin != null ? margin : "md",
+  size: size != null ? size : "md",
   tags,
   text
 });
@@ -1709,11 +1718,11 @@ var createImageComponent = (imageProps) => __spreadValues({
 var imageLayoutToComponent = (uid, {
   analyticsId,
   accessibilityDescription,
-  align = "center",
+  align,
   content,
   control,
-  margin = "md",
-  size = "md",
+  margin,
+  size,
   tags,
   text,
   url
@@ -1722,14 +1731,14 @@ var imageLayoutToComponent = (uid, {
   return createImageComponent({
     uid,
     analyticsId,
-    align: mapLegacyAlign(align),
+    align: mapLegacyAlign(align != null ? align : "center"),
     content: content ? {
       uri: (_b = (_a = content.uri) != null ? _a : content.url) != null ? _b : "",
       accessibilityDescription: (_c = content.accessibilityDescription) != null ? _c : content.text
     } : { accessibilityDescription: accessibilityDescription != null ? accessibilityDescription : text, uri: url != null ? url : "" },
     control,
-    margin,
-    size,
+    margin: margin != null ? margin : "md",
+    size: size != null ? size : "md",
     tags
   });
 };
@@ -1741,13 +1750,13 @@ var createMarkdownComponent = (markdownProps) => __spreadValues({
 }, markdownProps);
 
 // src/domain/mappers/layout/infoLayoutToComponent.ts
-var infoLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", markdown: content, tags }) => createMarkdownComponent({
+var infoLayoutToComponent = (uid, { analyticsId, align, control, margin, markdown: content, tags }) => createMarkdownComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   content,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   size: "md"
 });
@@ -1759,7 +1768,7 @@ var createInstructionsComponent = (instructionsProps) => __spreadValues({
 }, instructionsProps);
 
 // src/domain/mappers/layout/instructionsLayoutToComponent.ts
-var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }) => createInstructionsComponent({
+var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin, tags, title }) => createInstructionsComponent({
   uid,
   analyticsId,
   control,
@@ -1767,7 +1776,7 @@ var instructionsLayoutToComponent = (uid, { analyticsId, control, items, margin
     context: mapLegacyContext(item.context),
     tags: mapTags(item)
   })),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -1779,22 +1788,19 @@ var createListComponent = (listProps) => __spreadValues({
 }, listProps);
 
 // src/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin = "md", tags, title }, mapperProps) => {
-  var _a;
-  const { step, onBehavior } = mapperProps;
+var listLayoutToComponent = (uid, { analyticsId, callToAction, control, items, margin, tags, title }, mapperProps) => {
   return createListComponent({
     uid,
     analyticsId,
     control,
     items: items.map((item) => mapItem(item, mapperProps)),
-    callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []),
-    margin,
+    callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
+    margin: margin != null ? margin : "md",
     tags,
     title
   });
 };
 var mapItem = (item, mapperProps) => {
-  var _b;
   const _a = item, {
     value,
     subvalue,
@@ -1818,14 +1824,13 @@ var mapItem = (item, mapperProps) => {
     "additionalInfo",
     "inlineAlert"
   ]);
-  const { step, onBehavior } = mapperProps;
   return __spreadProps(__spreadValues({}, rest), {
     description: description != null ? description : subtitle,
     media: getDomainLayerMedia({ icon, image, media }),
     supportingValues: mapSupportingValues(item),
-    additionalInfo: mapAdditionalInfo(additionalInfo, onBehavior),
+    additionalInfo: mapAdditionalInfo(additionalInfo, mapperProps),
     inlineAlert: mapInlineAlert(inlineAlert),
-    callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_b = step.actions) != null ? _b : []),
+    callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
     tags: mapTags(rest)
   });
 };
@@ -1844,33 +1849,33 @@ var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadValues(
 }, loadingIndicatorProps);
 
 // src/domain/mappers/layout/loadingIndicatorLayoutToComponent.ts
-var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin = "md", size = "md", tags }) => createLoadingIndicatorComponent({
+var loadingIndicatorLayoutToComponent = (uid, { analyticsId, control, margin, size, tags }) => createLoadingIndicatorComponent({
   uid,
   analyticsId,
   control,
-  margin,
-  size,
+  margin: margin != null ? margin : "md",
+  size: size != null ? size : "md",
   tags
 });
 
 // src/domain/mappers/layout/markdownLayoutToComponent.ts
 var markdownLayoutToComponent = (uid, {
   analyticsId,
-  align = "left",
-  margin = "md",
+  align,
+  margin,
   control,
   content,
-  size = "md",
+  size,
   tags
 }) => createMarkdownComponent({
   uid,
   analyticsId,
-  align: mapLegacyAlign(align),
+  align: mapLegacyAlign(align != null ? align : "left"),
   control,
   content,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
-  size
+  size: size != null ? size : "md"
 });
 
 // src/domain/components/ModalLayoutComponent.ts
@@ -1884,7 +1889,7 @@ var createModalComponent = (modalProps) => __spreadProps(__spreadValues({
 });
 
 // src/domain/mappers/layout/modalLayoutToComponent.ts
-var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md", tags, trigger }, mapperProps, schemaComponents) => {
+var modalLayoutToComponent = (uid, { analyticsId, content, control, margin, tags, trigger }, mapperProps, schemaComponents) => {
   const { components, title } = content;
   return createModalComponent({
     uid,
@@ -1896,7 +1901,7 @@ var modalLayoutToComponent = (uid, { analyticsId, content, control, margin = "md
       title
     },
     control,
-    margin,
+    margin: margin != null ? margin : "md",
     tags,
     trigger
   });
@@ -1909,15 +1914,15 @@ var createParagraphComponent = (paragraphProps) => __spreadValues({
 }, paragraphProps);
 
 // src/domain/mappers/layout/paragraphLayoutToComponent.ts
-var paragraphLayoutToComponent = (uid, { analyticsId, align = "left", control, margin = "md", size = "md", tags, text }) => createParagraphComponent({
+var paragraphLayoutToComponent = (uid, { analyticsId, align, control, margin, size, tags, text }) => createParagraphComponent({
   uid,
   analyticsId,
   text,
   control,
-  align: mapLegacyAlign(align),
-  margin,
+  align: mapLegacyAlign(align != null ? align : "left"),
+  margin: margin != null ? margin : "md",
   tags,
-  size
+  size: size != null ? size : "md"
 });
 
 // src/domain/components/ReviewComponent.ts
@@ -1933,35 +1938,34 @@ var reviewLayoutToComponent = (uid, {
   title,
   callToAction,
   control,
-  margin = "md",
+  margin,
   tags,
   orientation,
   action
-}, { onBehavior, step }) => createReviewComponent({
+}, mapperProps) => createReviewComponent({
   uid,
   analyticsId,
-  callToAction: getCallToAction2({ onBehavior, callToAction, action, stepActions: step.actions }),
+  callToAction: getCallToAction2({ mapperProps, callToAction, action }),
   control: getOrientationControl({ control, orientation }),
-  fields: fields.map((field) => mapReviewField(field, { onBehavior, step })),
-  margin,
+  fields: fields.map((field) => mapReviewField(field, mapperProps)),
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
 var getCallToAction2 = ({
-  onBehavior,
   callToAction,
   action,
-  stepActions = []
+  mapperProps
 }) => {
   if (callToAction) {
-    return getDomainLayerCallToAction(callToAction, onBehavior, stepActions);
+    return getDomainLayerCallToAction(callToAction, mapperProps);
   }
   if (action == null ? void 0 : action.title) {
     return {
       type: "action",
       title: action.title,
       onClick: () => {
-        void onBehavior({ type: "action", action });
+        void mapperProps.onBehavior({ type: "action", action });
       }
     };
   }
@@ -1979,17 +1983,16 @@ var getOrientationControl = ({
   }
   return void 0;
 };
-var mapReviewField = (field, { onBehavior, step }) => {
-  var _a, _b;
+var mapReviewField = (field, mapperProps) => {
+  var _a;
   return __spreadProps(__spreadValues({}, field), {
     media: getDomainLayerMedia(field),
     help: (_a = field.help) == null ? void 0 : _a.markdown,
     inlineAlert: mapInlineAlert(field.inlineAlert),
-    additionalInfo: mapAdditionalInfo(field.additionalInfo, onBehavior),
+    additionalInfo: mapAdditionalInfo(field.additionalInfo, mapperProps),
     callToAction: getCallToAction2({
-      onBehavior,
       callToAction: field.callToAction,
-      stepActions: (_b = step.actions) != null ? _b : []
+      mapperProps
     }),
     tags: mapTags(field)
   });
@@ -2156,17 +2159,7 @@ var isValidResponseBody = (body) => isObject(body) && "results" in body && isArr
 var hashRequest = (query, config) => JSON.stringify({ query, config });
 
 // src/domain/mappers/layout/searchLayoutToComponent.ts
-var searchLayoutToComponent = (uid, {
-  analyticsId,
-  control,
-  emptyMessage = "",
-  method,
-  param,
-  title,
-  url,
-  margin = "md",
-  tags
-}, mapperProps) => {
+var searchLayoutToComponent = (uid, { analyticsId, control, emptyMessage, method, param, title, url, margin, tags }, mapperProps) => {
   const { httpClient, onBehavior, updateComponent } = mapperProps;
   const search = getPerformSearchFunction(httpClient, { method, param, url });
   return createSearchComponent(
@@ -2174,8 +2167,8 @@ var searchLayoutToComponent = (uid, {
       uid,
       analyticsId,
       control,
-      emptyMessage,
-      margin,
+      emptyMessage: emptyMessage != null ? emptyMessage : "",
+      margin: margin != null ? margin : "md",
       tags,
       title
     },
@@ -2186,20 +2179,15 @@ var searchLayoutToComponent = (uid, {
 };
 
 // src/domain/mappers/layout/statusListLayoutToComponent.ts
-var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin = "md", tags, title }, { onBehavior, step }) => createStatusListComponent({
+var statusListLayoutToComponent = (uid, { analyticsId, control, items, margin, tags, title }, mapperProps) => createStatusListComponent({
   uid,
   analyticsId,
   control,
   items: items.map((item) => {
-    var _a;
-    const callToAction = getDomainLayerCallToAction(
-      item.callToAction,
-      onBehavior,
-      (_a = step.actions) != null ? _a : []
-    );
+    const callToAction = getDomainLayerCallToAction(item.callToAction, mapperProps);
     return __spreadProps(__spreadValues({}, item), { callToAction, tags: mapTags(item) });
   }),
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   title
 });
@@ -2216,8 +2204,7 @@ var createSectionComponent = (props) => {
 };
 
 // src/domain/mappers/layout/sectionLayoutToComponent.ts
-var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin = "md", tags }, mapperProps, schemaComponents) => {
-  var _a;
+var sectionLayoutToComponent = (uid, { analyticsId, control, title, components, callToAction, margin, tags }, mapperProps, schemaComponents) => {
   return createSectionComponent({
     uid,
     analyticsId,
@@ -2226,12 +2213,8 @@ var sectionLayoutToComponent = (uid, { analyticsId, control, title, components,
     components: components.map(
       (component, index) => mapLayoutToComponent(`${uid}.section-${index}`, component, mapperProps, schemaComponents)
     ),
-    margin,
-    callToAction: getDomainLayerCallToAction(
-      callToAction,
-      mapperProps.onBehavior,
-      (_a = mapperProps.step.actions) != null ? _a : []
-    ),
+    margin: margin != null ? margin : "md",
+    callToAction: getDomainLayerCallToAction(callToAction, mapperProps),
     tags
   });
 };
@@ -2243,11 +2226,11 @@ var createTabsComponent = (tabsProps) => __spreadProps(__spreadValues({}, tabsPr
 });
 
 // src/domain/mappers/layout/tabsLayoutToComponent.ts
-var tabsLayoutToComponent = (uid, { analyticsId, control, margin = "md", tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
+var tabsLayoutToComponent = (uid, { analyticsId, control, margin, tags, tabs }, mapperProps, schemaComponents) => createTabsComponent({
   uid,
   analyticsId,
   control,
-  margin,
+  margin: margin != null ? margin : "md",
   tags,
   tabs: mapTabs(tabs, uid, mapperProps, schemaComponents)
 });
@@ -2273,11 +2256,11 @@ var createProgressComponent = (progressProps) => __spreadValues({
 // src/domain/mappers/layout/progressLayoutToComponent.ts
 var progressLayoutToComponent = (uid, {
   analyticsId,
-  context = "neutral",
+  context,
   control,
   description,
   help,
-  margin = "md",
+  margin,
   progress,
   progressText,
   tags,
@@ -2285,11 +2268,11 @@ var progressLayoutToComponent = (uid, {
 }) => createProgressComponent({
   uid,
   analyticsId,
-  context: mapLegacyContext(context),
+  context: mapLegacyContext(context != null ? context : "neutral"),
   control,
   description,
   help: help == null ? void 0 : help.markdown,
-  margin,
+  margin: margin != null ? margin : "md",
   progress,
   progressText,
   tags,
@@ -2360,34 +2343,39 @@ var modalToComponent = (uid, { content, title }, mapperProps, schemaComponents)
   mapperProps.updateComponent
 );
 
-// src/domain/components/step/ExternalConfirmationComponent.ts
-var createExternalConfirmation = (uid, url, updateComponent) => {
-  const update = getInputUpdateFunction(updateComponent);
+// src/domain/prefetching/request-cache.ts
+var makeRequestCache = () => {
+  const cache = /* @__PURE__ */ new Map();
   return {
-    type: "external-confirmation",
-    kind: "layout",
-    uid,
-    url,
-    status: "initial",
-    onSuccess() {
-      update(this, (draft) => {
-        draft.status = "success";
-      });
+    has: (...requestParams) => {
+      return cache.has(makeKey(...requestParams));
     },
-    onFailure() {
-      if (this.status === "initial") {
-        update(this, (draft) => {
-          draft.status = "failure";
-        });
-      }
+    get: (...requestParams) => {
+      return cache.get(makeKey(...requestParams));
     },
-    onCancel() {
-      update(this, (draft) => {
-        draft.status = "dismissed";
-      });
+    delete: (...requestParams) => {
+      return cache.delete(makeKey(...requestParams));
+    },
+    set: (...[input, init, response]) => {
+      return cache.set(makeKey(input, init), response);
+    },
+    clear: () => {
+      cache.clear();
     }
   };
 };
+var makeKey = (...requestParams) => {
+  var _a, _b;
+  const [input, init] = requestParams;
+  const url = typeof input === "string" || input instanceof URL ? input.toString() : input.url;
+  const key = JSON.stringify({
+    url,
+    method: (_a = init == null ? void 0 : init.method) != null ? _a : "GET",
+    headers: (init == null ? void 0 : init.headers) ? Array.from(new Headers(init.headers).entries()) : [],
+    body: (_b = init == null ? void 0 : init.body) != null ? _b : null
+  });
+  return key;
+};
 
 // src/utils/recursiveMerge.ts
 function recursiveMerge(valueA, valueB) {
@@ -2428,6 +2416,57 @@ function mergeArrays(valueA, valueB) {
   );
 }
 
+// src/flow/makeSubmissionRequest.ts
+var makeSubmissionRequest = (action, model) => {
+  var _a, _b;
+  return [
+    (_a = action.url) != null ? _a : "",
+    {
+      method: (_b = action.method) != null ? _b : "POST",
+      body: makeRequestBody(action, model),
+      headers: { "Content-Type": "application/json" }
+    }
+  ];
+};
+var makeRequestBody = (action, model) => {
+  var _a, _b;
+  const method = (_a = action.method) != null ? _a : "POST";
+  if (method === "GET") {
+    return void 0;
+  }
+  const payload = recursiveMerge(model, (_b = action.data) != null ? _b : null);
+  return payload !== null ? JSON.stringify(payload) : null;
+};
+
+// src/domain/components/step/ExternalConfirmationComponent.ts
+var createExternalConfirmation = (uid, url, updateComponent) => {
+  const update = getInputUpdateFunction(updateComponent);
+  return {
+    type: "external-confirmation",
+    kind: "layout",
+    uid,
+    url,
+    status: "initial",
+    onSuccess() {
+      update(this, (draft) => {
+        draft.status = "success";
+      });
+    },
+    onFailure() {
+      if (this.status === "initial") {
+        update(this, (draft) => {
+          draft.status = "failure";
+        });
+      }
+    },
+    onCancel() {
+      update(this, (draft) => {
+        draft.status = "dismissed";
+      });
+    }
+  };
+};
+
 // src/utils/component-utils.ts
 var getSubmittableData = async (components) => Promise.all(components.map(async (component) => component.getSubmittableValue())).then(
   (values) => values.reduce((acc, value) => recursiveMerge(acc, value), null)
@@ -2507,7 +2546,8 @@ var getStepPolling = ({
   pollingConfig,
   logEvent,
   onBehavior,
-  onPoll
+  onPoll,
+  registerSubmissionBehavior
 }) => {
   const { interval, delay = interval, maxAttempts, url, onError } = pollingConfig;
   let abortController = new AbortController();
@@ -2515,7 +2555,7 @@ var getStepPolling = ({
   if (delay == null) {
     throw new Error("Polling configuration must include delay or interval");
   }
-  const onErrorBehavior = getDomainLayerBehavior(onError, []);
+  const onErrorBehavior = getDomainLayerBehavior(onError, [], registerSubmissionBehavior);
   let attempts = 0;
   const poll = () => {
     attempts += 1;
@@ -4830,11 +4870,12 @@ var objectSchemaToMoneyInputComponent = (schemaMapperProps, mapperProps) => {
   );
 };
 var createMoneyInputSubComponents = (schemaMapperProps, mapperProps) => {
-  const { schema: objectSchema } = schemaMapperProps;
+  const { schema: objectSchema, model } = schemaMapperProps;
   const amountKey = getAmountSchemaKey(objectSchema, mapperProps);
   const currencyKey = getCurrencySchemaKey(objectSchema, mapperProps);
   const currencySchema = objectSchema.properties[currencyKey];
   const customSchemaMapperProps = __spreadProps(__spreadValues({}, schemaMapperProps), {
+    model: getSanitizedModel(amountKey, model),
     schema: isOneOfSchema(currencySchema) ? objectSchema : replaceKeyInObjectSchema(objectSchema, currencyKey, { oneOf: [currencySchema] })
   });
   const componentMap = createComponentMap(customSchemaMapperProps, mapperProps, "money");
@@ -4846,6 +4887,18 @@ var createMoneyInputSubComponents = (schemaMapperProps, mapperProps) => {
   const checks = getMinMaxChecks(objectSchema, amountKey, mapperProps);
   return { amountKey, amountComponent, currencyKey, currencyComponent, extraValues, checks };
 };
+var isNumberString = (value) => {
+  return typeof value === "string" && !Number.isNaN(Number.parseFloat(value)) && /^\d*(?:\.\d*)?$/.test(value);
+};
+var getSanitizedModel = (key, value) => {
+  if (isObject(value)) {
+    const amount = value[key];
+    if (!isNumberString(amount)) {
+      return __spreadProps(__spreadValues({}, value), { [key]: null });
+    }
+  }
+  return value;
+};
 var getAmountSchemaKey = ({ displayOrder, properties }, mapperProps) => {
   var _a;
   const entry = displayOrder.map((key) => ({ key, schema: properties[key] })).find(({ schema }) => isAmountSchema(schema));
@@ -5647,7 +5700,11 @@ var mapToolbarToComponent = (uid, toolbar, mapperProps) => {
     tags: toolbar.tags,
     items: toolbar.items.map((item) => {
       const context = item.context ? mapLegacyContext(item.context) : void 0;
-      const behavior = getDomainLayerBehavior({ behavior: item.behavior }, []);
+      const behavior = getDomainLayerBehavior(
+        { behavior: item.behavior },
+        [],
+        mapperProps.registerSubmissionBehavior
+      );
       return __spreadProps(__spreadValues({}, item), {
         context: context ? mapLegacyContext(context) : void 0,
         disabled: !!item.disabled,
@@ -5743,16 +5800,29 @@ var mapStepToComponent = (_a) => {
     title,
     tags
   } = step;
+  const submissionRequestsCache = makeRequestCache();
+  const submissionBehaviors = [];
+  const registerSubmissionBehavior = (behavior) => {
+    if (behavior.type === "action" && behavior.action.prefetch) {
+      submissionBehaviors.push(behavior);
+    }
+  };
   const back = mapBackNavigation(navigation, onBehavior, Boolean(features.nativeBack));
   const stepId = id || key;
   if (stepId === void 0) {
     throw new Error("Step must have an id or a key");
   }
   const uid = `${rootUid}.${stepId != null ? stepId : "step"}`;
-  const stepPolling = polling ? getStepPolling({ pollingConfig: polling, logEvent, onBehavior, onPoll }) : void 0;
+  const stepPolling = polling ? getStepPolling({
+    pollingConfig: polling,
+    logEvent,
+    onBehavior,
+    onPoll,
+    registerSubmissionBehavior
+  }) : void 0;
   const stepRefreshAfter = refreshAfter ? getStepRefreshAfter({ refreshAfter, logEvent, onBehavior }) : void 0;
   const externalConfirmation = (external == null ? void 0 : external.url) ? createExternalConfirmation(`${uid}-external-confirmation`, external == null ? void 0 : external.url, updateComponent) : void 0;
-  const mapperProps = __spreadProps(__spreadValues({}, restProps), { trackEvent, onBehavior });
+  const mapperProps = __spreadProps(__spreadValues({}, restProps), { trackEvent, onBehavior, registerSubmissionBehavior });
   const referencedSchemaIds = getReferencedSchemaId(step);
   const schemaComponents = mapStepSchemas(
     uid,
@@ -5796,11 +5866,18 @@ var mapStepToComponent = (_a) => {
     title: !features.hideStepTitle ? title : void 0,
     tags,
     stackBehavior: (_a2 = navigation == null ? void 0 : navigation.stackBehavior) != null ? _a2 : "default",
+    submissionRequestsCache,
     step,
     updateComponent,
     trackEvent,
     onBehavior
   });
+  executePrefetch({
+    httpClient: mapperProps.httpClient,
+    model: stepComponent.getSubmittableValueSync(),
+    behaviors: submissionBehaviors,
+    requestsCache: submissionRequestsCache
+  });
   return stepComponent;
 };
 var getReferencedSchemaId = (step) => {
@@ -5821,6 +5898,22 @@ var mapBackNavigation = (navigation, onBehavior, isNativeBackEnabled) => {
     }
   } : void 0;
 };
+var executePrefetch = (props) => {
+  const {
+    httpClient,
+    behaviors: submissionBehaviors,
+    model,
+    requestsCache: submissionRequestsCache
+  } = props;
+  submissionBehaviors.forEach((behavior) => {
+    const requestParams = makeSubmissionRequest(behavior.action, model);
+    try {
+      const responsePromise = httpClient(...requestParams).catch(() => null);
+      submissionRequestsCache.set(...requestParams, responsePromise);
+    } catch (e) {
+    }
+  });
+};
 
 // src/flow/getResponseType.ts
 var responseTypes = ["step", "action", "exit", "modal"];
@@ -5949,11 +6042,20 @@ var executeRefresh = async (props) => {
   }
 };
 
+// src/flow/makeSafeHttpClient.ts
+var makeSafeHttpClient = (httpClient) => async (...props) => {
+  try {
+    return await httpClient(...props);
+  } catch (e) {
+    return null;
+  }
+};
+
 // src/flow/executeSubmission.ts
 var executeSubmission = async (props) => {
-  const { httpClient, trackEvent, logEvent } = props;
+  const { httpClient, requestCache, trackEvent, logEvent } = props;
   const triggerAction = async (action, model, isInitial) => {
-    const { exit, url, method = "POST", result = null, id: actionId } = action;
+    const { exit, url, result = null, id: actionId } = action;
     const trackSubmissionEvent = !isInitial ? trackEvent : () => {
     };
     trackSubmissionEvent("Action Triggered", { actionId });
@@ -5961,19 +6063,8 @@ var executeSubmission = async (props) => {
       trackSubmissionEvent("Action Succeeded", { actionId });
       return { type: "complete", result };
     }
-    const makeRequestBody = () => {
-      var _a;
-      if (method === "GET") {
-        return void 0;
-      }
-      const payload = recursiveMerge(model, (_a = action.data) != null ? _a : null);
-      return payload !== null ? JSON.stringify(payload) : null;
-    };
-    const response = await getSafeHttpClient(httpClient)(url != null ? url : "", {
-      method,
-      body: makeRequestBody(),
-      headers: { "Content-Type": "application/json" }
-    });
+    const requestParams = makeSubmissionRequest(action, model);
+    const response = await getCachedOrFetch(requestParams, requestCache, httpClient);
     if (!response) {
       const extra = { actionId, errorMessage: "Network Error" };
       trackEvent("Action Failed", extra);
@@ -6046,12 +6137,18 @@ var executeSubmission = async (props) => {
   };
   return triggerAction(props.action, props.model, props.isInitial);
 };
-var getSafeHttpClient = (httpClient) => async (input, init) => {
-  try {
-    return await httpClient(input, init);
-  } catch (e) {
-    return null;
+var getCachedOrFetch = async (requestParams, requestCache, httpClient) => {
+  if (requestCache == null ? void 0 : requestCache.has(...requestParams)) {
+    const cachedPromise = requestCache.get(...requestParams);
+    requestCache.delete(...requestParams);
+    if (cachedPromise) {
+      const cachedResponse = await cachedPromise;
+      if (cachedResponse == null ? void 0 : cachedResponse.ok) {
+        return cachedResponse;
+      }
+    }
   }
+  return makeSafeHttpClient(httpClient)(...requestParams);
 };
 
 // src/renderers/getSchemaErrorMessageFunction.ts
@@ -6503,10 +6600,14 @@ function useDynamicFlowCore(props) {
             modalToComponent(
               rootComponentRef.current.uid,
               behavior,
-              __spreadValues({
+              __spreadProps(__spreadValues({
                 step: currentStep,
                 stepLocalValue: rootComponentRef.current.getLocalValue()
-              }, getMapperProps()),
+              }, getMapperProps()), {
+                registerSubmissionBehavior: () => {
+                }
+                // this means actions in modal responses won't have prefetching
+              }),
               rootComponentRef.current.getSchemaComponents()
             )
           );
@@ -6525,13 +6626,14 @@ function useDynamicFlowCore(props) {
   }, []);
   const onAction = (0, import_react3.useCallback)(
     async (action, model) => {
-      var _a2, _b, _c, _d, _e, _f, _g, _h;
+      var _a2, _b, _c, _d, _e, _f, _g, _h, _i;
       try {
         rootComponentRef.current.setLoadingState("submitting");
         const command = await executeSubmission({
           action,
           model,
           isInitial: !rootComponentRef.current.hasStep(),
+          requestCache: (_a2 = rootComponentRef.current.getStep()) == null ? void 0 : _a2.submissionRequestsCache,
           httpClient,
           trackEvent: trackCoreEvent,
           logEvent
@@ -6552,7 +6654,7 @@ function useDynamicFlowCore(props) {
           case "error": {
             rootComponentRef.current.setLoadingState("idle");
             const genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
-            const errors = (_b = (_a2 = command.body) == null ? void 0 : _a2.errors) != null ? _b : { error: genericErrorMessage };
+            const errors = (_c = (_b = command.body) == null ? void 0 : _b.errors) != null ? _c : { error: genericErrorMessage };
             const currentStep = rootComponentRef.current.getStep();
             if (currentStep) {
               updateStep(
@@ -6566,16 +6668,16 @@ function useDynamicFlowCore(props) {
                   external: void 0
                   // and no external, to avoid retriggering it
                 }),
-                (_d = (_c = rootComponentRef.current.getStep()) == null ? void 0 : _c.etag) != null ? _d : null
+                (_e = (_d = rootComponentRef.current.getStep()) == null ? void 0 : _d.etag) != null ? _e : null
               );
             } else {
-              const errorMessage = ((_f = (_e = command.body) == null ? void 0 : _e.errors) == null ? void 0 : _f.error) || ((_g = command.httpError) == null ? void 0 : _g.message) || "Initial request failed";
+              const errorMessage = ((_g = (_f = command.body) == null ? void 0 : _f.errors) == null ? void 0 : _g.error) || ((_h = command.httpError) == null ? void 0 : _h.message) || "Initial request failed";
               closeWithError(
                 new Error(errorMessage, {
                   cause: `method: ${action.method}, url: ${action.url}`
                 }),
                 {},
-                (_h = command.httpError) == null ? void 0 : _h.statusCode
+                (_i = command.httpError) == null ? void 0 : _i.statusCode
               );
             }
             break;