@wise/dynamic-flow-client 4.5.0 → 4.5.2

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",
@@ -1046,6 +1046,11 @@ var ErrorBoundary = class extends import_react.Component {
 };
 var ErrorBoundary_default = ErrorBoundary;
 
+// src/revamp/flow/getErrorMessage.ts
+var getErrorMessage = (error) => {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
+};
+
 // src/revamp/renderers/CoreContainerRenderer.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var CoreContainerRenderer = {
@@ -1082,7 +1087,7 @@ function getChildren(node) {
     case "box":
     case "container":
     case "form":
-    case "section":
+    case "form-section":
     case "step":
     case "modal-content":
       return node.childrenProps;
@@ -1199,7 +1204,7 @@ var allOfComponentToProps = (component, rendererMapperProps) => {
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1468,7 +1473,7 @@ var numberInputComponentToProps = (component, rendererMapperProps) => __spreadPr
 var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1670,7 +1675,7 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
 var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -2526,6 +2531,50 @@ var mapOption = (option, onBehavior, stepActions = []) => {
   });
 };
 
+// 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({
   type: "divider"
@@ -5484,6 +5533,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"
@@ -5783,18 +5876,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,
@@ -5812,75 +5893,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) => 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/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps) => {
   switch (layout.type) {
@@ -5907,10 +5919,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":
@@ -6118,11 +6127,6 @@ var executePoll = async (props) => {
   }
 };
 
-// src/revamp/flow/getErrorMessage.ts
-var getErrorMessage = (error) => {
-  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
-};
-
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
   const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent, logEvent } = props;

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",
@@ -1003,6 +1003,11 @@ var ErrorBoundary = class extends Component {
 };
 var ErrorBoundary_default = ErrorBoundary;
 
+// src/revamp/flow/getErrorMessage.ts
+var getErrorMessage = (error) => {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
+};
+
 // src/revamp/renderers/CoreContainerRenderer.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 var CoreContainerRenderer = {
@@ -1039,7 +1044,7 @@ function getChildren(node) {
     case "box":
     case "container":
     case "form":
-    case "section":
+    case "form-section":
     case "step":
     case "modal-content":
       return node.childrenProps;
@@ -1156,7 +1161,7 @@ var allOfComponentToProps = (component, rendererMapperProps) => {
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1425,7 +1430,7 @@ var numberInputComponentToProps = (component, rendererMapperProps) => __spreadPr
 var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1627,7 +1632,7 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
 var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -2483,6 +2488,50 @@ var mapOption = (option, onBehavior, stepActions = []) => {
   });
 };
 
+// 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({
   type: "divider"
@@ -5441,6 +5490,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"
@@ -5740,18 +5833,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,
@@ -5769,75 +5850,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) => 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/mappers/mapLayoutToComponent.ts
 var mapLayoutToComponent = (uid, layout, mapperProps) => {
   switch (layout.type) {
@@ -5864,10 +5876,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":
@@ -6075,11 +6084,6 @@ var executePoll = async (props) => {
   }
 };
 
-// src/revamp/flow/getErrorMessage.ts
-var getErrorMessage = (error) => {
-  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
-};
-
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
   const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent, logEvent } = props;
@@ -7191,7 +7195,7 @@ function isReference(block) {
 }
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
-import { useCallback as useCallback11, useEffect as useEffect22, useMemo as useMemo21, useState as useState26 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect21, useMemo as useMemo21, useState as useState26 } from "react";
 import { useIntl as useIntl23 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
@@ -8048,12 +8052,12 @@ function useDebouncedFunction(callback, waitMs) {
 }
 
 // src/legacy/common/hooks/useExternal/useExternal.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 function useExternal(url) {
   const [externalWindow, setExternalWindow] = useState3(null);
   const [hasManuallyTriggered, setHasManuallyTriggered] = useState3(false);
   const dismissConfirmation = () => setHasManuallyTriggered(true);
-  useEffect3(() => {
+  useEffect2(() => {
     if (url) {
       setHasManuallyTriggered(false);
       setExternalWindow(window.open(url, "_blank"));
@@ -8126,7 +8130,7 @@ import { useState as useState20 } from "react";
 import { useIntl as useIntl17 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-import { useEffect as useEffect14, useState as useState19 } from "react";
+import { useEffect as useEffect13, useState as useState19 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/legacy/common/constants/DateMode.ts
@@ -8175,7 +8179,7 @@ var Size = {
 
 // src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
 import classNames10 from "classnames";
-import { useEffect as useEffect13, useMemo as useMemo16, useState as useState18 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo16, useState as useState18 } from "react";
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 import { Alert as Alert2 } from "@transferwise/components";
@@ -8642,7 +8646,7 @@ var DynamicDivider_default = DynamicDivider;
 
 // src/legacy/layout/external/DynamicExternal.tsx
 import { Button as Button2, Loader, Size as Size2 } from "@transferwise/components";
-import { useCallback as useCallback6, useEffect as useEffect4, useMemo as useMemo9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect3, useMemo as useMemo9 } from "react";
 import { useIntl as useIntl3 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
@@ -8664,7 +8668,7 @@ var DynamicExternal = ({ component, onAction }) => {
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
   );
-  useEffect4(() => {
+  useEffect3(() => {
     openExternalUrl();
   }, [openExternalUrl]);
   const pollingConfiguration = useMemo9(() => {
@@ -8682,7 +8686,7 @@ var DynamicExternal = ({ component, onAction }) => {
 var DynamicExternal_default = DynamicExternal;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect10 } from "react";
 
 // src/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.tsx
 import { Header as Header2 } from "@transferwise/components";
@@ -8975,7 +8979,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multiSelectSchema/MultiSelectSchema.tsx
 import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
 import classNames3 from "classnames";
-import { useEffect as useEffect5, useMemo as useMemo11, useState as useState6 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo11, useState as useState6 } from "react";
 import { useIntl as useIntl6 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
@@ -9096,7 +9100,7 @@ function MultiSelectSchema({
   const id = useMemo11(() => schema.$id || generateRandomId(), [schema.$id]);
   const [changed, setChanged] = useState6(false);
   const [selected, setSelected] = useState6(getInitialModelIndices2(model, options));
-  useEffect5(
+  useEffect4(
     () => {
       if (selected) {
         broadcastModelChange(selected);
@@ -9684,7 +9688,7 @@ var ArraySchema_default = ArraySchema;
 // src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
 import { Header as Header4 } from "@transferwise/components";
 import classNames5 from "classnames";
-import { useState as useState9, useEffect as useEffect6 } from "react";
+import { useState as useState9, useEffect as useEffect5 } from "react";
 import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs10 } from "react/jsx-runtime";
 var getSchemaColumnClasses2 = (width) => ({
   "col-xs-12": true,
@@ -9704,7 +9708,7 @@ function ObjectSchema(props) {
     props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model }));
   };
   const isRequired = (propertyName) => props.schema.required && props.schema.required.includes(propertyName);
-  useEffect6(() => {
+  useEffect5(() => {
     const newModel = getValidObjectModelParts(model, props.schema) || {};
     setModel(newModel);
     if (!isEqual(newModel, model)) {
@@ -9761,7 +9765,7 @@ var ObjectSchema_default = ObjectSchema;
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 import { Header as Header5 } from "@transferwise/components";
 import classNames6 from "classnames";
-import { useEffect as useEffect8, useMemo as useMemo13, useState as useState10 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo13, useState as useState10 } from "react";
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown, Info } from "@transferwise/components";
@@ -9795,7 +9799,7 @@ function Help(props) {
 var Help_default = Help;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect6 } from "react";
 import { useIntl as useIntl10 } from "react-intl";
 
 // src/legacy/formControl/FormControl.tsx
@@ -10517,7 +10521,7 @@ function SchemaFormControl(props) {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
   };
   const controlType = getControlType(schema);
-  useEffect7(() => {
+  useEffect6(() => {
     warnIfInvalidSchema(schema, log, controlType);
   }, [JSON.stringify(schema), log, controlType]);
   const options = schema.values || getOptions(schema, controlType);
@@ -10589,7 +10593,7 @@ function OneOfSchema(props) {
       searchValueLength: searchValue.length
     });
   };
-  useEffect8(() => {
+  useEffect7(() => {
     const modelIndex = getValidIndexFromValue(props.schema, props.model);
     const defaultIndex = getValidIndexFromValue(props.schema, props.schema.default);
     if (modelIndex === -1 && defaultIndex >= 0) {
@@ -10747,7 +10751,7 @@ var OneOfSchema_default = OneOfSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 import classNames7 from "classnames";
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect8, useState as useState11 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
@@ -10818,7 +10822,7 @@ function PersistAsyncBlobSchema(props) {
   const intl = useIntl11();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  useEffect9(() => {
+  useEffect8(() => {
     if (submitted) {
       setValidations(getValidationFailures(model, schema, Boolean(required)));
     } else {
@@ -11122,7 +11126,7 @@ function getValueFromOption(option) {
 }
 
 // src/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.tsx
-import { useEffect as useEffect10, useRef as useRef3, useState as useState13 } from "react";
+import { useEffect as useEffect9, useRef as useRef3, useState as useState13 } from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 function ValidationAsyncSchema(props) {
   const { schema, model, required = false, submitted, errors, onChange } = props;
@@ -11137,7 +11141,7 @@ function ValidationAsyncSchema(props) {
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const log = useLogger();
-  useEffect10(() => {
+  useEffect9(() => {
     if (!schema.validationAsync.method) {
       log.warning(
         "Invalid schema or model",
@@ -11219,7 +11223,7 @@ function GenericSchemaForm(props) {
   const schemaProps = __spreadProps(__spreadValues({}, props), { model, errors, hideTitle, disabled });
   const type = getSchemaType(schema);
   const log = useLogger();
-  useEffect11(() => {
+  useEffect10(() => {
     if (!isValidGenericSchema(schema, model, errors)) {
       log.error(
         "Invalid schema or model",
@@ -11356,14 +11360,14 @@ var DynamicInfo = ({ component }) => {
 
 // src/legacy/layout/image/DynamicImage.tsx
 import { Image } from "@transferwise/components";
-import { useEffect as useEffect12, useState as useState14 } from "react";
+import { useEffect as useEffect11, useState as useState14 } from "react";
 import { jsx as jsx51 } from "react/jsx-runtime";
 function DynamicImage({ component: image }) {
   var _a, _b, _c;
   const { content, url, size, text, margin, accessibilityDescription } = image;
   const httpClient = useHttpClient();
   const [imageSource, setImageSource] = useState14("");
-  useEffect12(() => {
+  useEffect11(() => {
     if (content) {
       const { uri, url: contentUrl } = content;
       if (uri && !uri.startsWith("urn:")) {
@@ -12164,9 +12168,9 @@ var BasicTypeSchema = (props) => {
   };
   const isConst = props.schema.const;
   const isHidden = props.schema.hidden || isConst;
-  useEffect13(refreshValidations, [props.model, props.submitted]);
-  useEffect13(onSchemaChange, [props.schema]);
-  useEffect13(() => {
+  useEffect12(refreshValidations, [props.model, props.submitted]);
+  useEffect12(onSchemaChange, [props.schema]);
+  useEffect12(() => {
     var _a2;
     const newModel = (_a2 = props.model) != null ? _a2 : null;
     if (newModel !== model) {
@@ -12247,7 +12251,7 @@ function PersistAsyncBasicSchema(props) {
   const [persistAsyncError, setPersistAsyncError] = useState19(null);
   const [fieldSubmitted, setFieldSubmitted] = useState19(false);
   const [abortController, setAbortController] = useState19(null);
-  useEffect14(() => {
+  useEffect13(() => {
     if (controlTypesWithPersistOnChange.has(
       // TODO: LOW avoid type assertion below -- control type may be nullish. consider ?? ''
       getControlType(schema.persistAsync.schema)
@@ -12409,7 +12413,7 @@ function hasStringMessage(value) {
 }
 
 // src/legacy/common/hooks/usePolling/usePolling.tsx
-import { useEffect as useEffect15, useMemo as useMemo17, useRef as useRef5 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo17, useRef as useRef5 } from "react";
 function usePolling({
   asyncFn,
   delay,
@@ -12430,7 +12434,7 @@ function usePolling({
     ),
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
-  useEffect15(() => {
+  useEffect14(() => {
     if (delay > 0) {
       poll();
       const intervalReference = setInterval(() => {
@@ -12439,7 +12443,7 @@ function usePolling({
       return () => clearInterval(intervalReference);
     }
   }, [poll, delay]);
-  useEffect15(() => {
+  useEffect14(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
   }, [onPollingResponse, onFailure]);
@@ -12470,10 +12474,10 @@ function createPollingClosure(asyncFn, maxAttempts, maxConsecutiveFails, onPolli
 }
 
 // src/legacy/common/hooks/usePrevious/usePrevious.js
-import { useEffect as useEffect16, useRef as useRef6 } from "react";
+import { useEffect as useEffect15, useRef as useRef6 } from "react";
 var usePrevious = (value) => {
   const reference = useRef6();
-  useEffect16(() => {
+  useEffect15(() => {
     reference.current = value;
   }, [value]);
   return reference.current;
@@ -12567,10 +12571,10 @@ var LayoutStep = (props) => {
 var LayoutStep_default = LayoutStep;
 
 // src/legacy/step/cameraStep/CameraStep.tsx
-import { useEffect as useEffect21, useState as useState23 } from "react";
+import { useEffect as useEffect20, useState as useState23 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
-import { useCallback as useCallback10, useEffect as useEffect20, useMemo as useMemo19, useRef as useRef8, useState as useState22 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo19, useRef as useRef8, useState as useState22 } from "react";
 import { useIntl as useIntl20 } from "react-intl";
 import Webcam from "react-webcam";
 
@@ -12715,7 +12719,7 @@ function OrientationLockOverlay() {
 var OrientationLockOverlay_default = OrientationLockOverlay;
 
 // src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
-import { useCallback as useCallback9, useEffect as useEffect17 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16 } from "react";
 import screenfull from "screenfull";
 
 // src/common/cameraCapture/utils/index.ts
@@ -12832,7 +12836,7 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
     },
     [onEvent]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     var _a, _b;
     if (shouldLockOrientation) {
       (_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.addEventListener(
@@ -12855,10 +12859,10 @@ var noop5 = () => {
 };
 
 // src/common/cameraCapture/hooks/useVideoConstraints.ts
-import { useEffect as useEffect18, useState as useState21 } from "react";
+import { useEffect as useEffect17, useState as useState21 } from "react";
 var useVideoConstraints = (direction) => {
   const [videoConstraints, setVideoConstraints] = useState21();
-  useEffect18(() => {
+  useEffect17(() => {
     void getVideoConstraints(direction).then(setVideoConstraints);
   }, [direction]);
   return { videoConstraints };
@@ -12883,7 +12887,7 @@ var getVideoConstraints = async (dir) => {
 };
 
 // src/common/cameraCapture/overlay/Overlay.tsx
-import { useEffect as useEffect19, useRef as useRef7 } from "react";
+import { useEffect as useEffect18, useRef as useRef7 } from "react";
 import { Fragment as Fragment16, jsx as jsx67, jsxs as jsxs27 } from "react/jsx-runtime";
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
@@ -12894,7 +12898,7 @@ var reviewInstructionsHeight = 40;
 var overlayMaxWidth = 800;
 function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions }) {
   const svgReference = useRef7(null);
-  useEffect19(() => {
+  useEffect18(() => {
     const listener = debounce2(() => {
       var _a;
       if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
@@ -13063,7 +13067,7 @@ function CameraCapture({
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE" /* CAPTURE */);
-  useEffect20(() => {
+  useEffect19(() => {
     if (mode !== "CAPTURE" /* CAPTURE */) {
       exitFullScreen();
     }
@@ -13142,7 +13146,7 @@ function CameraStep(props) {
   const { overlay, outline } = assets || {};
   const { url: imageUrl } = image || {};
   const [captureClicked, setCaptureClicked] = useState23(false);
-  useEffect21(() => {
+  useEffect20(() => {
     if (captureClicked) {
       onAction(action);
     }
@@ -13749,10 +13753,10 @@ var DynamicFlowComponent = ({
     },
     [onCompletion, dispatchEvent]
   );
-  useEffect22(() => {
+  useEffect21(() => {
     dispatchEvent("Dynamic Flow - Flow Started", {});
   }, []);
-  useEffect22(() => {
+  useEffect21(() => {
     if (!initialStep) {
       const action = __spreadValues({
         id: "#initial-step-request",

package/build/types/index.d.ts

@@ -13,4 +13,4 @@ export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
 export * from './legacy/dynamicFlow/DynamicFlow';
 export { findRendererPropsByType } from './revamp/renderers/utils';
-export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, SectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';

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/renderers/mappers/allOfComponentToProps.d.ts

@@ -1,4 +1,4 @@
+import type { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { AllOfComponent } from '../../domain/components/AllOfComponent';
-import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import { type RendererMapperProps } from './componentToRendererProps';
-export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/build/types/revamp/renderers/mappers/objectComponentToProps.d.ts

@@ -1,4 +1,4 @@
-import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import type { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { ObjectComponent } from '../../domain/components/ObjectComponent';
 import { RendererMapperProps } from './componentToRendererProps';
-export declare const objectComponentToProps: (component: ObjectComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const objectComponentToProps: (component: ObjectComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/build/types/revamp/renderers/mappers/tupleComponentToProps.d.ts

@@ -1,4 +1,4 @@
-import { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { TupleComponent } from '../../domain/components/TupleComponent';
 import { RendererMapperProps } from './componentToRendererProps';
-export declare const tupleComponentToProps: (component: TupleComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const tupleComponentToProps: (component: TupleComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.5.0",
+  "version": "4.5.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -53,7 +53,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.96.1",
+    "@transferwise/components": "46.97.0",
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.21.0",
     "@transferwise/neptune-css": "14.24.3",
@@ -62,7 +62,7 @@
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.20.0",
+    "@wise/art": "2.20.1",
     "@wise/components-theming": "^1.6.2",
     "babel-jest": "29.7.0",
     "esbuild": "0.25.3",
@@ -85,8 +85,8 @@
     "tsx": "4.19.3",
     "typescript": "5.8.3",
     "webpack": "5.99.7",
-    "@wise/dynamic-flow-renderers": "0.0.0",
-    "@wise/dynamic-flow-fixtures": "0.0.1"
+    "@wise/dynamic-flow-fixtures": "0.0.1",
+    "@wise/dynamic-flow-renderers": "0.0.0"
   },
   "peerDependencies": {
     "@transferwise/components": "^46.92.0",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.3.0"
+    "@wise/dynamic-flow-types": "3.3.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",