@wise/dynamic-flow-client 4.4.0 → 4.5.1

package/build/i18n/th.json

@@ -8,21 +8,21 @@
   "dynamicFlows.CameraCapture.CameraConnectionIssue.action": "ลองอีกครั้ง",
   "dynamicFlows.CameraCapture.CameraConnectionIssue.paragraph": "โปรดตรวจสอบการเชื่อมต่อใหม่แล้วลองอีกครั้ง",
   "dynamicFlows.CameraCapture.CameraConnectionIssue.title": "เราไม่สามารถเข้าถึงกล้องของคุณได้",
-  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "เบราว์เซอร์ที่คุณใช้ไม่รองรับกล้อง ให้ลองใช้เบราว์เซอร์และอุปกรณ์อื่น หรือดาวน์โหลดแอปมือถือของเราดู",
+  "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "เบราว์เซอร์ที่คุณใช้ไม่รองรับกล้อง ให้ลองใช้เบราว์เซอร์และอุปกรณ์อื่น หรือดาวน์โหลดแอปมือถือของเรา",
   "dynamicFlows.CameraCapture.CameraNotSupported.title": "ไม่รองรับกล้อง",
   "dynamicFlows.CameraCapture.NoCameraAccess.action": "เปิดใช้การเข้าถึงกล้อง",
   "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "เปิดใช้งานการเข้าถึงกล้องในการตั้งค่าเบราว์เซอร์เพื่อเริ่มต้นใหม่อีกครั้ง",
   "dynamicFlows.CameraCapture.NoCameraAccess.title": "เราไม่สามารถเข้าถึงกล้องของคุณได้",
   "dynamicFlows.CameraCapture.reviewInstructions": "รูปภาพของคุณชัดเจน อ่านได้ และครบถ้วนหรือไม่",
-  "dynamicFlows.CameraCapture.reviewRetry": "ไม่ ลองอีกทั้ง",
+  "dynamicFlows.CameraCapture.reviewRetry": "ไม่ ลองอีกครั้ง",
   "dynamicFlows.CameraCapture.reviewSubmit": "ใช่ ส่งเลย",
   "dynamicFlows.CameraCapture.rotatePhone.text": "หมุนโทรศัพท์ของคุณให้เป็นมุมแนวตั้งแล้วถ่ายรูป",
-  "dynamicFlows.ControlFeedback.maxLength": "โปรดป้อน {maxLength} อักขระหรือน้อยกว่า",
+  "dynamicFlows.ControlFeedback.maxLength": "โปรดป้อน {maxLength} ตัวอักษรหรือน้อยกว่านั้น",
   "dynamicFlows.ControlFeedback.maximum": "โปรดป้อนตัวเลข {maximum} หรือน้อยกว่า",
-  "dynamicFlows.ControlFeedback.maximumDate": "โปรดป้อนวันที่ที่อยู่ตรงพอดีหรือก่อน {maximum}",
-  "dynamicFlows.ControlFeedback.minLength": "โปรดป้อนอักขระอย่างน้อย {minLength} ตัว",
+  "dynamicFlows.ControlFeedback.maximumDate": "โปรดใส่วันที่เป็น {maximum} หรือก่อนหน้านั้น",
+  "dynamicFlows.ControlFeedback.minLength": "โปรดป้อนตัวอักษรอย่างน้อย {minLength} ตัว",
   "dynamicFlows.ControlFeedback.minimum": "โปรดป้อนตัวเลข {minimum} หรือมากกว่า",
-  "dynamicFlows.ControlFeedback.minimumDate": "โปรดป้อนวันที่ที่อยู่ตรงพอดีหรือหลัง {minimum}",
+  "dynamicFlows.ControlFeedback.minimumDate": "โปรดใส่วันที่เป็น {minimum} หรือหลังจากนั้น",
   "dynamicFlows.ControlFeedback.pattern": "โปรดใส่ในรูปแบบที่ถูกต้อง",
   "dynamicFlows.ControlFeedback.patternDate": "โปรดป้อนวันที่ในรูปแบบที่ถูกต้อง",
   "dynamicFlows.ControlFeedback.required": "โปรดใส่ข้อมูลในช่องนี้",

package/build/main.js

@@ -744,21 +744,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",
@@ -1117,6 +1117,7 @@ function getChildren(node) {
     case "status-list":
     case "input-text":
     case "input-upload":
+    case "external-confirmation":
       return [];
   }
 }
@@ -1539,7 +1540,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) => {
@@ -1675,11 +1679,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) => {
@@ -1689,7 +1699,6 @@ var stepComponentToProps = (component, rendererMapperProps) => {
     control,
     description,
     error,
-    external,
     loadingState,
     step,
     title,
@@ -1704,7 +1713,6 @@ var stepComponentToProps = (component, rendererMapperProps) => {
     control,
     description,
     error,
-    external,
     loadingState,
     step,
     title,
@@ -1719,12 +1727,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
@@ -1742,6 +1750,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)) {
@@ -1772,6 +1793,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":
@@ -1935,6 +1958,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;
@@ -1975,7 +2032,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);
@@ -2002,7 +2059,7 @@ var createStepComponent = (stepProps) => {
       update(this, updateFn);
     },
     getChildren() {
-      return this.components;
+      return this.externalConfirmation ? [...this.components, this.externalConfirmation] : this.components;
     },
     getModals() {
       return this.modals;
@@ -2421,6 +2478,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,
@@ -2431,20 +2509,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({
@@ -5404,6 +5528,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"
@@ -5505,16 +5673,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,
@@ -5525,6 +5690,7 @@ var getReviewAction = ({
   }
   if (action == null ? void 0 : action.title) {
     return {
+      type: "action",
       title: action.title,
       onClick: () => {
         void onBehavior({ type: "action", action });
@@ -5545,6 +5711,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;
@@ -5691,18 +5871,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,
@@ -5720,59 +5888,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) {
@@ -5799,10 +5914,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":
@@ -5906,6 +6018,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(
@@ -5919,7 +6032,7 @@ var mapStepToComponent = (_a) => {
     control,
     description,
     error: errors == null ? void 0 : errors.error,
-    external,
+    externalConfirmation,
     loadingState,
     stepPolling,
     stepRefreshAfter,
@@ -11672,7 +11785,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) {
@@ -11720,7 +11833,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__ */ (0, import_jsx_runtime57.jsxs)("div", { className: margin, children: [
     review.title && /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(import_components30.Header, { title: review.title, action: (_b = callToAction != null ? callToAction : legacyCallToAction) != null ? _b : void 0 }),