@wise/dynamic-flow-client 4.4.0 → 4.5.1

package/build/main.mjs

@@ -701,21 +701,21 @@ var th_default = {
   "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
   "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "\u0E42\u0E1B\u0E23\u0E14\u0E15\u0E23\u0E27\u0E08\u0E2A\u0E2D\u0E1A\u0E01\u0E32\u0E23\u0E40\u0E0A\u0E37\u0E48\u0E2D\u0E21\u0E15\u0E48\u0E2D\u0E43\u0E2B\u0E21\u0E48\u0E41\u0E25\u0E49\u0E27\u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
   "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "\u0E40\u0E23\u0E32\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E40\u0E02\u0E49\u0E32\u0E16\u0E36\u0E07\u0E01\u0E25\u0E49\u0E2D\u0E07\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49",
-  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "\u0E40\u0E1A\u0E23\u0E32\u0E27\u0E4C\u0E40\u0E0B\u0E2D\u0E23\u0E4C\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E43\u0E0A\u0E49\u0E44\u0E21\u0E48\u0E23\u0E2D\u0E07\u0E23\u0E31\u0E1A\u0E01\u0E25\u0E49\u0E2D\u0E07 \u0E43\u0E2B\u0E49\u0E25\u0E2D\u0E07\u0E43\u0E0A\u0E49\u0E40\u0E1A\u0E23\u0E32\u0E27\u0E4C\u0E40\u0E0B\u0E2D\u0E23\u0E4C\u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E2D\u0E37\u0E48\u0E19 \u0E2B\u0E23\u0E37\u0E2D\u0E14\u0E32\u0E27\u0E19\u0E4C\u0E42\u0E2B\u0E25\u0E14\u0E41\u0E2D\u0E1B\u0E21\u0E37\u0E2D\u0E16\u0E37\u0E2D\u0E02\u0E2D\u0E07\u0E40\u0E23\u0E32\u0E14\u0E39",
+  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "\u0E40\u0E1A\u0E23\u0E32\u0E27\u0E4C\u0E40\u0E0B\u0E2D\u0E23\u0E4C\u0E17\u0E35\u0E48\u0E04\u0E38\u0E13\u0E43\u0E0A\u0E49\u0E44\u0E21\u0E48\u0E23\u0E2D\u0E07\u0E23\u0E31\u0E1A\u0E01\u0E25\u0E49\u0E2D\u0E07 \u0E43\u0E2B\u0E49\u0E25\u0E2D\u0E07\u0E43\u0E0A\u0E49\u0E40\u0E1A\u0E23\u0E32\u0E27\u0E4C\u0E40\u0E0B\u0E2D\u0E23\u0E4C\u0E41\u0E25\u0E30\u0E2D\u0E38\u0E1B\u0E01\u0E23\u0E13\u0E4C\u0E2D\u0E37\u0E48\u0E19 \u0E2B\u0E23\u0E37\u0E2D\u0E14\u0E32\u0E27\u0E19\u0E4C\u0E42\u0E2B\u0E25\u0E14\u0E41\u0E2D\u0E1B\u0E21\u0E37\u0E2D\u0E16\u0E37\u0E2D\u0E02\u0E2D\u0E07\u0E40\u0E23\u0E32",
   "dynamicFlows.CameraCapture.CameraNotSupported.title": "\u0E44\u0E21\u0E48\u0E23\u0E2D\u0E07\u0E23\u0E31\u0E1A\u0E01\u0E25\u0E49\u0E2D\u0E07",
   "dynamicFlows.CameraCapture.NoCameraAccess.action": "\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E01\u0E32\u0E23\u0E40\u0E02\u0E49\u0E32\u0E16\u0E36\u0E07\u0E01\u0E25\u0E49\u0E2D\u0E07",
   "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "\u0E40\u0E1B\u0E34\u0E14\u0E43\u0E0A\u0E49\u0E07\u0E32\u0E19\u0E01\u0E32\u0E23\u0E40\u0E02\u0E49\u0E32\u0E16\u0E36\u0E07\u0E01\u0E25\u0E49\u0E2D\u0E07\u0E43\u0E19\u0E01\u0E32\u0E23\u0E15\u0E31\u0E49\u0E07\u0E04\u0E48\u0E32\u0E40\u0E1A\u0E23\u0E32\u0E27\u0E4C\u0E40\u0E0B\u0E2D\u0E23\u0E4C\u0E40\u0E1E\u0E37\u0E48\u0E2D\u0E40\u0E23\u0E34\u0E48\u0E21\u0E15\u0E49\u0E19\u0E43\u0E2B\u0E21\u0E48\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
   "dynamicFlows.CameraCapture.NoCameraAccess.title": "\u0E40\u0E23\u0E32\u0E44\u0E21\u0E48\u0E2A\u0E32\u0E21\u0E32\u0E23\u0E16\u0E40\u0E02\u0E49\u0E32\u0E16\u0E36\u0E07\u0E01\u0E25\u0E49\u0E2D\u0E07\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E44\u0E14\u0E49",
   "dynamicFlows.CameraCapture.reviewInstructions": "\u0E23\u0E39\u0E1B\u0E20\u0E32\u0E1E\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E0A\u0E31\u0E14\u0E40\u0E08\u0E19 \u0E2D\u0E48\u0E32\u0E19\u0E44\u0E14\u0E49 \u0E41\u0E25\u0E30\u0E04\u0E23\u0E1A\u0E16\u0E49\u0E27\u0E19\u0E2B\u0E23\u0E37\u0E2D\u0E44\u0E21\u0E48",
-  "dynamicFlows.CameraCapture.reviewRetry": "\u0E44\u0E21\u0E48 \u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E17\u0E31\u0E49\u0E07",
+  "dynamicFlows.CameraCapture.reviewRetry": "\u0E44\u0E21\u0E48 \u0E25\u0E2D\u0E07\u0E2D\u0E35\u0E01\u0E04\u0E23\u0E31\u0E49\u0E07",
   "dynamicFlows.CameraCapture.reviewSubmit": "\u0E43\u0E0A\u0E48 \u0E2A\u0E48\u0E07\u0E40\u0E25\u0E22",
   "dynamicFlows.CameraCapture.rotatePhone.text": "\u0E2B\u0E21\u0E38\u0E19\u0E42\u0E17\u0E23\u0E28\u0E31\u0E1E\u0E17\u0E4C\u0E02\u0E2D\u0E07\u0E04\u0E38\u0E13\u0E43\u0E2B\u0E49\u0E40\u0E1B\u0E47\u0E19\u0E21\u0E38\u0E21\u0E41\u0E19\u0E27\u0E15\u0E31\u0E49\u0E07\u0E41\u0E25\u0E49\u0E27\u0E16\u0E48\u0E32\u0E22\u0E23\u0E39\u0E1B",
-  "dynamicFlows.ControlFeedback.maxLength": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19 {maxLength} \u0E2D\u0E31\u0E01\u0E02\u0E23\u0E30\u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32",
+  "dynamicFlows.ControlFeedback.maxLength": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19 {maxLength} \u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32\u0E19\u0E31\u0E49\u0E19",
   "dynamicFlows.ControlFeedback.maximum": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E15\u0E31\u0E27\u0E40\u0E25\u0E02 {maximum} \u0E2B\u0E23\u0E37\u0E2D\u0E19\u0E49\u0E2D\u0E22\u0E01\u0E27\u0E48\u0E32",
-  "dynamicFlows.ControlFeedback.maximumDate": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E17\u0E35\u0E48\u0E2D\u0E22\u0E39\u0E48\u0E15\u0E23\u0E07\u0E1E\u0E2D\u0E14\u0E35\u0E2B\u0E23\u0E37\u0E2D\u0E01\u0E48\u0E2D\u0E19 {maximum}",
-  "dynamicFlows.ControlFeedback.minLength": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E2D\u0E31\u0E01\u0E02\u0E23\u0E30\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E19\u0E49\u0E2D\u0E22 {minLength} \u0E15\u0E31\u0E27",
+  "dynamicFlows.ControlFeedback.maximumDate": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E40\u0E1B\u0E47\u0E19 {maximum} \u0E2B\u0E23\u0E37\u0E2D\u0E01\u0E48\u0E2D\u0E19\u0E2B\u0E19\u0E49\u0E32\u0E19\u0E31\u0E49\u0E19",
+  "dynamicFlows.ControlFeedback.minLength": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E15\u0E31\u0E27\u0E2D\u0E31\u0E01\u0E29\u0E23\u0E2D\u0E22\u0E48\u0E32\u0E07\u0E19\u0E49\u0E2D\u0E22 {minLength} \u0E15\u0E31\u0E27",
   "dynamicFlows.ControlFeedback.minimum": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E15\u0E31\u0E27\u0E40\u0E25\u0E02 {minimum} \u0E2B\u0E23\u0E37\u0E2D\u0E21\u0E32\u0E01\u0E01\u0E27\u0E48\u0E32",
-  "dynamicFlows.ControlFeedback.minimumDate": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E17\u0E35\u0E48\u0E2D\u0E22\u0E39\u0E48\u0E15\u0E23\u0E07\u0E1E\u0E2D\u0E14\u0E35\u0E2B\u0E23\u0E37\u0E2D\u0E2B\u0E25\u0E31\u0E07 {minimum}",
+  "dynamicFlows.ControlFeedback.minimumDate": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E40\u0E1B\u0E47\u0E19 {minimum} \u0E2B\u0E23\u0E37\u0E2D\u0E2B\u0E25\u0E31\u0E07\u0E08\u0E32\u0E01\u0E19\u0E31\u0E49\u0E19",
   "dynamicFlows.ControlFeedback.pattern": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E43\u0E19\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
   "dynamicFlows.ControlFeedback.patternDate": "\u0E42\u0E1B\u0E23\u0E14\u0E1B\u0E49\u0E2D\u0E19\u0E27\u0E31\u0E19\u0E17\u0E35\u0E48\u0E43\u0E19\u0E23\u0E39\u0E1B\u0E41\u0E1A\u0E1A\u0E17\u0E35\u0E48\u0E16\u0E39\u0E01\u0E15\u0E49\u0E2D\u0E07",
   "dynamicFlows.ControlFeedback.required": "\u0E42\u0E1B\u0E23\u0E14\u0E43\u0E2A\u0E48\u0E02\u0E49\u0E2D\u0E21\u0E39\u0E25\u0E43\u0E19\u0E0A\u0E48\u0E2D\u0E07\u0E19\u0E35\u0E49",
@@ -1074,6 +1074,7 @@ function getChildren(node) {
     case "status-list":
     case "input-text":
     case "input-upload":
+    case "external-confirmation":
       return [];
   }
 }
@@ -1496,7 +1497,10 @@ var repeatableComponentToProps = (component, rendererMapperProps) => {
 };
 
 // src/revamp/renderers/mappers/reviewComponentToProps.ts
-var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "fields", "margin", "title")), rendererMapperProps);
+var reviewComponentToProps = (component, rendererMapperProps) => __spreadValues(__spreadProps(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "margin", "title")), {
+  fields: component.fields.map(mapField)
+}), rendererMapperProps);
+var mapField = (field) => __spreadValues({}, field);
 
 // src/revamp/domain/mappers/utils/image.ts
 var mapSpecImage = (image) => {
@@ -1632,11 +1636,17 @@ var tupleComponentToProps = (component, rendererMapperProps) => {
 
 // src/revamp/renderers/mappers/listComponentToProps.ts
 var listComponentToProps = (component, rendererMapperProps) => __spreadProps(__spreadValues(__spreadValues({}, pick(component, "uid", "type", "callToAction", "control", "margin", "title")), rendererMapperProps), {
-  items: component.items.map((_a) => {
-    var item = __objRest(_a, []);
-    return __spreadValues({}, item);
-  })
+  items: component.items.map(mapItem)
 });
+var mapItem = (item) => {
+  var _a, _b;
+  return __spreadProps(__spreadValues({}, item), {
+    // populate deprecated fields
+    subtitle: item.description,
+    value: (_a = item.supportingValues) == null ? void 0 : _a.value,
+    subvalue: (_b = item.supportingValues) == null ? void 0 : _b.subvalue
+  });
+};
 
 // src/revamp/renderers/stepComponentToProps.ts
 var stepComponentToProps = (component, rendererMapperProps) => {
@@ -1646,7 +1656,6 @@ var stepComponentToProps = (component, rendererMapperProps) => {
     control,
     description,
     error,
-    external,
     loadingState,
     step,
     title,
@@ -1661,7 +1670,6 @@ var stepComponentToProps = (component, rendererMapperProps) => {
     control,
     description,
     error,
-    external,
     loadingState,
     step,
     title,
@@ -1676,12 +1684,12 @@ var stepComponentToProps = (component, rendererMapperProps) => {
 // src/revamp/renderers/mappers/rootComponentToProps.ts
 var rootComponentToProps = (rootComponent, rendererMapperProps) => {
   const childrenProps = rootComponent.getChildren().map((child) => componentToRendererProps(child, rendererMapperProps));
-  return {
+  return __spreadValues({
     type: "root",
     uid: rootComponent.uid,
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
-  };
+  }, rendererMapperProps);
 };
 
 // src/revamp/renderers/mappers/modalContentComponentToProps.ts
@@ -1699,6 +1707,19 @@ var modalContentComponentToProps = (component, rendererMapperProps) => {
   }, rendererMapperProps);
 };
 
+// src/revamp/renderers/mappers/externalComponentToProps.ts
+var externalComponentToProps = (component, rendererMapperProps) => {
+  return __spreadValues({
+    type: "external-confirmation",
+    uid: component.uid,
+    url: component.url,
+    status: component.status,
+    onSuccess: component.onSuccess.bind(component),
+    onFailure: component.onFailure.bind(component),
+    onCancel: component.onCancel.bind(component)
+  }, rendererMapperProps);
+};
+
 // src/revamp/renderers/mappers/componentToRendererProps.ts
 var componentToRendererProps = (component, rendererMapperProps) => {
   if (isHiddenComponent(component)) {
@@ -1729,6 +1750,8 @@ var componentToRendererProps = (component, rendererMapperProps) => {
       return decisionComponentToProps(component, rendererMapperProps);
     case "divider":
       return dividerComponentToProps(component, rendererMapperProps);
+    case "external-confirmation":
+      return externalComponentToProps(component, rendererMapperProps);
     case "form":
       return formComponentToProps(component, rendererMapperProps);
     case "heading":
@@ -1892,6 +1915,40 @@ var createRootDomainComponent = (updateComponent) => {
   return rootComponent;
 };
 
+// src/revamp/domain/components/step/ExternalConfirmationComponent.ts
+var createExternalConfirmation = (uid, url, updateComponent) => {
+  const update = getInputUpdateFunction(updateComponent);
+  return {
+    type: "external-confirmation",
+    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";
+      });
+    },
+    getSubmittableValue: async () => null,
+    getSubmittableValueSync: () => null,
+    getLocalValue: () => null,
+    getSummary: () => ({}),
+    // Noop
+    validate: () => true
+  };
+};
+
 // src/revamp/domain/features/summary/summary-utils.ts
 var getSummariser = (schema) => (value) => {
   const { summary, icon, image } = schema;
@@ -1932,7 +1989,7 @@ var summaryIfProvides = (summary, { value, icon, image }) => {
 var validateComponents = (components) => components.reduce((acc, component) => component.validate() && acc, true);
 var getLocalValueValidator = (checks) => (currentValue) => checks.map((check) => check(currentValue)).filter(isString);
 
-// src/revamp/domain/components/StepDomainComponent.ts
+// src/revamp/domain/components/step/StepDomainComponent.ts
 var createStepComponent = (stepProps) => {
   const _a = stepProps, { uid, stepPolling, stepRefreshAfter, updateComponent } = _a, rest = __objRest(_a, ["uid", "stepPolling", "stepRefreshAfter", "updateComponent"]);
   const update = getInputUpdateFunction(updateComponent);
@@ -1959,7 +2016,7 @@ var createStepComponent = (stepProps) => {
       update(this, updateFn);
     },
     getChildren() {
-      return this.components;
+      return this.externalConfirmation ? [...this.components, this.externalConfirmation] : this.components;
     },
     getModals() {
       return this.modals;
@@ -2378,6 +2435,27 @@ var createDecisionComponent = (decisionProps) => __spreadProps(__spreadValues({
   validate: () => true
 });
 
+// src/revamp/domain/mappers/utils/utils.ts
+var mapInlineAlert = (alert) => {
+  return alert ? {
+    content: alert.content,
+    context: alert.context ? mapLegacyContext(alert.context) : "neutral"
+  } : void 0;
+};
+var mapAdditionalInfo = (info, onBehavior) => {
+  if (info) {
+    const behavior = getDomainLayerBehavior(info, []);
+    return {
+      text: info.text,
+      accessibilityDescription: info.accessibilityDescription,
+      onClick: () => {
+        void onBehavior(behavior);
+      }
+    };
+  }
+  return void 0;
+};
+
 // src/revamp/domain/mappers/layout/decisionLayoutToComponent.ts
 var decisionLayoutToComponent = (uid, {
   control,
@@ -2388,20 +2466,66 @@ var decisionLayoutToComponent = (uid, {
   uid,
   control,
   margin,
-  options: options.map((option) => {
-    var _a, _b;
-    const behavior = getDomainLayerBehavior(option, (_a = step.actions) != null ? _a : []);
-    return __spreadProps(__spreadValues({}, option), {
-      disabled: (_b = option.disabled) != null ? _b : false,
-      href: behavior.type === "link" ? behavior.url : void 0,
-      image: mapSpecImage(option.image),
-      onClick: () => {
-        void onBehavior(behavior);
-      }
-    });
-  }),
+  options: options.map((option) => mapOption(option, onBehavior, step.actions)),
   title
 });
+var mapOption = (option, onBehavior, stepActions = []) => {
+  var _a;
+  const behavior = getDomainLayerBehavior(option, stepActions);
+  return __spreadProps(__spreadValues({}, option), {
+    disabled: (_a = option.disabled) != null ? _a : false,
+    href: behavior.type === "link" ? behavior.url : void 0,
+    image: mapSpecImage(option.image),
+    inlineAlert: mapInlineAlert(option.inlineAlert),
+    onClick: () => {
+      void onBehavior(behavior);
+    }
+  });
+};
+
+// src/revamp/domain/components/StatusListComponent.ts
+var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValues({
+  type: "status-list"
+}, statusListProps), {
+  getLocalValue: () => null,
+  getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
+  getSummary: () => ({}),
+  // Noop,
+  validate: () => true
+});
+
+// src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
+var isDeprecatedListLayout = (layout) => {
+  const usesCallToAction = layout.callToAction != null;
+  const usesNewProperties = layout.items.some(
+    (item) => item.additionalInfo != null || item.inlineAlert != null || item.supportingValues != null || item.subtitle != null || item.value != null || item.subvalue != null
+  );
+  return !usesCallToAction && !usesNewProperties;
+};
+var deprecatedListLayoutToComponent = (uid, { control, items, margin = "md", title }) => createStatusListComponent({
+  uid,
+  control,
+  items: items.map(({ description, icon, status, title: itemTitle }) => ({
+    description,
+    icon: icon != null ? icon : { text: "" },
+    title: itemTitle != null ? itemTitle : "",
+    status: status ? mapLegacyStatus(status) : void 0
+  })),
+  margin,
+  title
+});
+var mapLegacyStatus = (status) => {
+  switch (status) {
+    case "positive":
+      return "done";
+    case "warning":
+      return "pending";
+    case "neutral":
+    default:
+      return "not-done";
+  }
+};
 
 // src/revamp/domain/components/DividerComponent.ts
 var createDividerComponent = (props) => __spreadProps(__spreadValues({
@@ -5361,6 +5485,50 @@ var instructionsLayoutToComponent = (uid, { control, items, margin = "md", title
   title
 });
 
+// src/revamp/domain/components/ListComponent.ts
+var createListComponent = (listProps) => __spreadProps(__spreadValues({
+  type: "list"
+}, listProps), {
+  getLocalValue: () => null,
+  getSubmittableValue: async () => null,
+  getSubmittableValueSync: () => null,
+  getSummary: () => ({}),
+  // noop
+  validate: () => true
+});
+
+// src/revamp/domain/mappers/layout/listLayoutToComponent.ts
+var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => {
+  var _a;
+  const { step, onBehavior } = mapperProps;
+  return createListComponent({
+    uid,
+    control,
+    items: items.map((item) => mapItem2(item, mapperProps)),
+    callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []),
+    margin,
+    title
+  });
+};
+var mapItem2 = (item, mapperProps) => {
+  var _b;
+  const _a = item, { value, subvalue, subtitle } = _a, rest = __objRest(_a, ["value", "subvalue", "subtitle"]);
+  return __spreadProps(__spreadValues({}, rest), {
+    description: (_b = item.description) != null ? _b : subtitle,
+    image: mapSpecImage(item.image),
+    supportingValues: mapSupportingValues(item),
+    additionalInfo: mapAdditionalInfo(item.additionalInfo, mapperProps.onBehavior),
+    inlineAlert: mapInlineAlert(item.inlineAlert)
+  });
+};
+var mapSupportingValues = (item) => {
+  const { value, subvalue, supportingValues } = item;
+  if (supportingValues) {
+    return supportingValues;
+  }
+  return value || subvalue ? { value, subvalue } : void 0;
+};
+
 // src/revamp/domain/components/LoadingIndicatorComponent.ts
 var createLoadingIndicatorComponent = (loadingIndicatorProps) => __spreadProps(__spreadValues({
   type: "loading-indicator"
@@ -5462,16 +5630,13 @@ var createReviewComponent = (reviewProps) => __spreadProps(__spreadValues({
 // src/revamp/domain/mappers/layout/reviewLayoutToComponent.ts
 var reviewLayoutToComponent = (uid, { fields, title, callToAction, control, margin = "md", orientation, action }, { onBehavior, step }) => createReviewComponent({
   uid,
-  callToAction: getReviewAction({ onBehavior, callToAction, action, stepActions: step.actions }),
+  callToAction: getCallToAction2({ onBehavior, callToAction, action, stepActions: step.actions }),
   control: getOrientationControl({ control, orientation }),
-  fields: fields.map((field) => {
-    var _a;
-    return __spreadProps(__spreadValues({}, field), { help: (_a = field.help) == null ? void 0 : _a.markdown });
-  }),
+  fields: fields.map((field) => mapReviewField(field, { onBehavior, step })),
   margin,
   title
 });
-var getReviewAction = ({
+var getCallToAction2 = ({
   onBehavior,
   callToAction,
   action,
@@ -5482,6 +5647,7 @@ var getReviewAction = ({
   }
   if (action == null ? void 0 : action.title) {
     return {
+      type: "action",
       title: action.title,
       onClick: () => {
         void onBehavior({ type: "action", action });
@@ -5502,6 +5668,20 @@ var getOrientationControl = ({
   }
   return void 0;
 };
+var mapReviewField = (field, { onBehavior, step }) => {
+  var _a, _b;
+  return __spreadProps(__spreadValues({}, field), {
+    image: mapSpecImage(field.image),
+    help: (_a = field.help) == null ? void 0 : _a.markdown,
+    inlineAlert: mapInlineAlert(field.inlineAlert),
+    additionalInfo: mapAdditionalInfo(field.additionalInfo, onBehavior),
+    callToAction: getCallToAction2({
+      onBehavior,
+      callToAction: field.callToAction,
+      stepActions: (_b = step.actions) != null ? _b : []
+    })
+  });
+};
 
 // src/revamp/domain/components/searchComponent/SearchComponent.ts
 var DEBOUNCE_TIME = 400;
@@ -5648,18 +5828,6 @@ var searchLayoutToComponent = (uid, { control, emptyMessage = "", method, param,
   );
 };
 
-// src/revamp/domain/components/StatusListComponent.ts
-var createStatusListComponent = (statusListProps) => __spreadProps(__spreadValues({
-  type: "status-list"
-}, statusListProps), {
-  getLocalValue: () => null,
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // Noop,
-  validate: () => true
-});
-
 // src/revamp/domain/mappers/layout/statusListLayoutToComponent.ts
 var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }, { onBehavior, step }) => createStatusListComponent({
   uid,
@@ -5677,59 +5845,6 @@ var statusListLayoutToComponent = (uid, { control, items, margin = "md", title }
   title
 });
 
-// src/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.ts
-var deprecatedListLayoutToComponent = (uid, { control, items, margin = "md", title }) => createStatusListComponent({
-  uid,
-  control,
-  items: items.map(({ description, icon, status, title: itemTitle }) => ({
-    description,
-    icon: icon != null ? icon : { text: "" },
-    title: itemTitle != null ? itemTitle : "",
-    status: status ? mapLegacyStatus(status) : void 0
-  })),
-  margin,
-  title
-});
-var mapLegacyStatus = (status) => {
-  switch (status) {
-    case "positive":
-      return "done";
-    case "warning":
-      return "pending";
-    case "neutral":
-    default:
-      return "not-done";
-  }
-};
-
-// src/revamp/domain/components/ListComponent.ts
-var createListComponent = (listProps) => __spreadProps(__spreadValues({
-  type: "list"
-}, listProps), {
-  getLocalValue: () => null,
-  getSubmittableValue: async () => null,
-  getSubmittableValueSync: () => null,
-  getSummary: () => ({}),
-  // noop
-  validate: () => true
-});
-
-// src/revamp/domain/mappers/layout/listLayoutToComponent.ts
-var listLayoutToComponent = (uid, { callToAction, control, items, margin = "md", title }, mapperProps) => {
-  var _a;
-  const { step, onBehavior } = mapperProps;
-  return createListComponent({
-    uid,
-    control,
-    items: items.map((item) => __spreadProps(__spreadValues({}, item), {
-      image: mapSpecImage(item.image)
-    })),
-    callToAction: getDomainLayerCallToAction(callToAction, onBehavior, (_a = step.actions) != null ? _a : []),
-    margin,
-    title
-  });
-};
-
 // src/revamp/domain/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps) => {
   switch (layout.type) {
@@ -5756,10 +5871,7 @@ var mapLayoutToComponent = (uid, layout, mapperProps) => {
     case "instructions":
       return instructionsLayoutToComponent(uid, layout);
     case "list":
-      if (layout.items.some((item) => item.status || item.description)) {
-        return deprecatedListLayoutToComponent(uid, layout);
-      }
-      return listLayoutToComponent(uid, layout, mapperProps);
+      return isDeprecatedListLayout(layout) ? deprecatedListLayoutToComponent(uid, layout) : listLayoutToComponent(uid, layout, mapperProps);
     case "loading-indicator":
       return loadingIndicatorLayoutToComponent(uid, layout);
     case "markdown":
@@ -5863,6 +5975,7 @@ var mapStepToComponent = (_a) => {
   const onRefresh = async (schemaId, url) => restProps.onRefresh(schemaId, url != null ? url : refreshUrl);
   const stepPolling = polling ? getStepPolling({ pollingConfig: polling, onBehavior, onPoll }) : void 0;
   const stepRefreshAfter = refreshAfter ? getStepRefreshAfter({ refreshAfter, onRefresh }) : 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, onRefresh });
   const unreferencedSchemaFormComponents = mapUnreferencedSchemas(mapperProps);
   const layoutComponents = layout.map(
@@ -5876,7 +5989,7 @@ var mapStepToComponent = (_a) => {
     control,
     description,
     error: errors == null ? void 0 : errors.error,
-    external,
+    externalConfirmation,
     loadingState,
     stepPolling,
     stepRefreshAfter,
@@ -11644,7 +11757,7 @@ var getDefinitionListLayout = (review) => {
 function DynamicReview({ component: review, onAction }) {
   var _a, _b;
   const margin = getMargin(review.margin || "xs");
-  const getReviewAction2 = (callToAction2) => {
+  const getReviewAction = (callToAction2) => {
     const { title, action, behavior } = callToAction2;
     if (behavior) {
       if ("type" in behavior) {
@@ -11692,7 +11805,7 @@ function DynamicReview({ component: review, onAction }) {
     };
   };
   const orientation = getDefinitionListLayout(review);
-  const callToAction = review.callToAction ? getReviewAction2(review.callToAction) : null;
+  const callToAction = review.callToAction ? getReviewAction(review.callToAction) : null;
   const legacyCallToAction = !callToAction && review.action ? { text: (_a = review.action.title) != null ? _a : "", onClick: getOnClick(review.action) } : null;
   return /* @__PURE__ */ jsxs19("div", { className: margin, children: [
     review.title && /* @__PURE__ */ jsx57(Header8, { title: review.title, action: (_b = callToAction != null ? callToAction : legacyCallToAction) != null ? _b : void 0 }),

package/build/types/revamp/domain/components/DecisionComponent.d.ts

@@ -1,5 +1,5 @@
 import type { Icon } from '@wise/dynamic-flow-types/build/next';
-import type { Image, LayoutComponent } from '../types';
+import type { Image, InlineAlert, LayoutComponent, SupportingValues } from '../types';
 export type DecisionComponent = LayoutComponent & {
     type: 'decision';
     options: DecisionOption[];
@@ -13,6 +13,9 @@ export type DecisionOption = {
     image?: Image;
     title: string;
     tag?: string;
+    additionalText?: string;
+    supportingValues?: SupportingValues;
+    inlineAlert?: InlineAlert;
     onClick: () => void;
 };
 export declare const createDecisionComponent: (decisionProps: Pick<DecisionComponent, "uid" | "control" | "margin" | "options" | "title">) => DecisionComponent;

package/build/types/revamp/domain/components/ListComponent.d.ts

@@ -1,5 +1,5 @@
 import { Icon } from '@wise/dynamic-flow-types/build/next';
-import { CallToAction, Image, LayoutComponent } from '../types';
+import { AdditionalInfo, CallToAction, Image, InlineAlert, LayoutComponent, SupportingValues } from '../types';
 export type ListComponent = LayoutComponent & {
     type: 'list';
     items: ListItem[];
@@ -10,9 +10,10 @@ export type ListItem = {
     icon?: Icon;
     image?: Image;
     title?: string;
-    subtitle?: string;
-    value?: string;
-    subvalue?: string;
+    description?: string;
     tag?: string;
+    supportingValues?: SupportingValues;
+    additionalInfo?: AdditionalInfo;
+    inlineAlert?: InlineAlert;
 };
 export declare const createListComponent: (listProps: Pick<ListComponent, "uid" | "callToAction" | "control" | "items" | "margin" | "title">) => ListComponent;

package/build/types/revamp/domain/components/ReviewComponent.d.ts

@@ -1,9 +1,10 @@
-import type { LayoutComponent } from '../types';
+import { Icon } from '@wise/dynamic-flow-types/build/next';
+import type { AdditionalInfo, CallToAction, Image, InlineAlert, LayoutComponent } from '../types';
 export type ReviewComponent = LayoutComponent & {
     type: 'review';
     fields: ReviewField[];
     title?: string;
-    callToAction?: ReviewCallToAction;
+    callToAction?: CallToAction;
 };
 export type ReviewField = {
     help?: string;
@@ -11,11 +12,10 @@ export type ReviewField = {
     value: string;
     rawValue?: string;
     tag?: string;
-};
-export type ReviewCallToAction = {
-    accessibilityDescription?: string;
-    href?: string;
-    title: string;
-    onClick: () => void;
+    inlineAlert?: InlineAlert;
+    additionalInfo?: AdditionalInfo;
+    callToAction?: CallToAction;
+    icon?: Icon;
+    image?: Image;
 };
 export declare const createReviewComponent: (reviewProps: Pick<ReviewComponent, "uid" | "callToAction" | "control" | "fields" | "margin" | "title">) => ReviewComponent;

package/build/types/revamp/domain/components/RootDomainComponent.d.ts

@@ -1,6 +1,6 @@
 import { AnalyticsEventDispatcher } from '../features/events';
 import { BaseComponent, DomainComponent, LoadingState, LocalValue, UpdateComponent } from '../types';
-import { StepDomainComponent } from './StepDomainComponent';
+import { StepDomainComponent } from './step/StepDomainComponent';
 import { ModalContentComponent } from './ModalContentComponent';
 export type RootDomainComponent = BaseComponent & {
     type: 'root';

package/build/types/revamp/domain/components/step/ExternalConfirmationComponent.d.ts

@@ -0,0 +1,12 @@
+import { BaseComponent, LocalValue, UpdateComponent } from '../../types';
+export type ExternalConfirmationComponent = BaseComponent & {
+    type: 'external-confirmation';
+    uid: string;
+    status: 'initial' | 'success' | 'failure' | 'dismissed';
+    url: string;
+    onSuccess: () => void;
+    onFailure: () => void;
+    onCancel: () => void;
+    getLocalValue: () => LocalValue;
+};
+export declare const createExternalConfirmation: (uid: string, url: string, updateComponent: UpdateComponent) => ExternalConfirmationComponent;

package/build/types/revamp/domain/components/{StepDomainComponent.d.ts → step/StepDomainComponent.d.ts}

@@ -1,9 +1,10 @@
-import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnBehavior, UpdateComponent } from '../types';
+import type { BaseComponent, DomainComponent, LoadingState, LocalValue, OnBehavior, UpdateComponent } from '../../types';
 import type { Step } from '@wise/dynamic-flow-types/build/next';
-import type { AnalyticsEventDispatcher } from '../features/events';
-import type { StepPolling } from '../features/polling/getStepPolling';
-import { StepRefreshAfter } from '../features/refreshAfter/getStepRefreshAfter';
-import { ModalContentComponent } from './ModalContentComponent';
+import type { AnalyticsEventDispatcher } from '../../features/events';
+import type { StepPolling } from '../../features/polling/getStepPolling';
+import { StepRefreshAfter } from '../../features/refreshAfter/getStepRefreshAfter';
+import { ModalContentComponent } from '../ModalContentComponent';
+import { ExternalConfirmationComponent } from './ExternalConfirmationComponent';
 export type StepDomainComponent = BaseComponent & {
     type: 'step';
     back?: BackNavigation;
@@ -11,7 +12,7 @@ export type StepDomainComponent = BaseComponent & {
     control?: string;
     description?: string;
     error?: string;
-    external?: Step['external'];
+    externalConfirmation?: ExternalConfirmationComponent;
     loadingState: LoadingState;
     step: Step;
     title?: string;
@@ -31,7 +32,7 @@ type BackNavigation = {
     title?: string;
     onClick: () => void;
 };
-export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "external" | "loadingState" | "step" | "title" | "trackEvent" | "onBehavior"> & {
+export declare const createStepComponent: (stepProps: Pick<StepDomainComponent, "uid" | "back" | "components" | "control" | "description" | "error" | "externalConfirmation" | "loadingState" | "step" | "title" | "trackEvent" | "onBehavior"> & {
     stepPolling?: StepPolling;
     stepRefreshAfter?: StepRefreshAfter;
     updateComponent: UpdateComponent;

package/build/types/revamp/domain/mappers/layout/deprecatedListLayoutToComponent.d.ts

@@ -1,2 +1,3 @@
 import type { ListLayout } from '@wise/dynamic-flow-types/build/next';
+export declare const isDeprecatedListLayout: (layout: ListLayout) => boolean;
 export declare const deprecatedListLayoutToComponent: (uid: string, { control, items, margin, title }: ListLayout) => import("../../components/StatusListComponent").StatusListComponent;

package/build/types/revamp/domain/mappers/mapStepToComponent.d.ts

@@ -8,4 +8,4 @@ export type StepMapperProps = Omit<MapperProps, 'trackEvent'> & {
     trackEvent: AnalyticsEventDispatcher<string>;
     onPoll: OnPoll;
 };
-export declare const mapStepToComponent: ({ uid: rootUid, loadingState, displayStepTitle, trackEvent, onPoll, onBehavior, ...restProps }: StepMapperProps) => import("../components/StepDomainComponent").StepDomainComponent;
+export declare const mapStepToComponent: ({ uid: rootUid, loadingState, displayStepTitle, trackEvent, onPoll, onBehavior, ...restProps }: StepMapperProps) => import("../components/step/StepDomainComponent").StepDomainComponent;