@wise/dynamic-flow-client-internal 1.1.0 → 1.1.1

package/build/main.js

@@ -57,7 +57,7 @@ var require_main_min = __commonJS({
     var wc = Object.getOwnPropertyDescriptor;
     var Fc = Object.getOwnPropertyDescriptors;
     var Cc = Object.getOwnPropertyNames;
-    var Aa = Object.getOwnPropertySymbols;
+    var va = Object.getOwnPropertySymbols;
     var xc = Object.getPrototypeOf;
     var ka = Object.prototype.hasOwnProperty;
     var Oc = Object.prototype.propertyIsEnumerable;
@@ -65,14 +65,14 @@ var require_main_min = __commonJS({
     var i = (e, t) => {
       for (var r in t ||= {})
         ka.call(t, r) && Pa(e, r, t[r]);
-      if (Aa)
-        for (var r of Aa(t))
+      if (va)
+        for (var r of va(t))
           Oc.call(t, r) && Pa(e, r, t[r]);
       return e;
     };
-    var g = (e, t) => Sc(e, Fc(t));
+    var h = (e, t) => Sc(e, Fc(t));
     var Ma = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports);
-    var at = (e, t) => {
+    var nt = (e, t) => {
       for (var r in t)
         Rt(e, r, { get: t[r], enumerable: true });
     };
@@ -83,8 +83,8 @@ var require_main_min = __commonJS({
       return e;
     };
     var qe = (e, t, r) => (r = e != null ? bc(xc(e)) : {}, Ea(t || !e || !e.__esModule ? Rt(r, "default", { value: e, enumerable: true }) : r, e));
-    var vc = (e) => Ea(Rt({}, "__esModule", { value: true }), e);
-    var st = Ma((Qy, xr) => {
+    var Ac = (e) => Ea(Rt({}, "__esModule", { value: true }), e);
+    var lt = Ma((Qy, xr) => {
       (function() {
         "use strict";
         var e = {}.hasOwnProperty, t = "[native code]";
@@ -161,8 +161,8 @@ var require_main_min = __commonJS({
               return b = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(p, f) {
                 p.__proto__ = f;
               } || function(p, f) {
-                for (var h in f)
-                  f.hasOwnProperty(h) && (p[h] = f[h]);
+                for (var g in f)
+                  f.hasOwnProperty(g) && (p[g] = f[g]);
               }, b(y, l);
             };
             return function(y, l) {
@@ -220,8 +220,8 @@ var require_main_min = __commonJS({
                 p.onUserMediaError("getUserMedia not supported");
                 return;
               }
-              var f = JSON.stringify(l.audioConstraints) !== JSON.stringify(p.audioConstraints), h = JSON.stringify(l.videoConstraints) !== JSON.stringify(p.videoConstraints), S = l.minScreenshotWidth !== p.minScreenshotWidth, O = l.minScreenshotHeight !== p.minScreenshotHeight;
-              (h || S || O) && (this.canvas = null, this.ctx = null), (f || h) && (this.stopAndCleanup(), this.requestUserMedia());
+              var f = JSON.stringify(l.audioConstraints) !== JSON.stringify(p.audioConstraints), g = JSON.stringify(l.videoConstraints) !== JSON.stringify(p.videoConstraints), S = l.minScreenshotWidth !== p.minScreenshotWidth, O = l.minScreenshotHeight !== p.minScreenshotHeight;
+              (g || S || O) && (this.canvas = null, this.ctx = null), (f || g) && (this.stopAndCleanup(), this.requestUserMedia());
             }, y.prototype.componentWillUnmount = function() {
               this.unmounted = true, this.stopAndCleanup();
             }, y.stopMediaStream = function(l) {
@@ -234,54 +234,54 @@ var require_main_min = __commonJS({
               var l = this.state;
               l.hasUserMedia && (y.stopMediaStream(this.stream), l.src && window.URL.revokeObjectURL(l.src));
             }, y.prototype.getScreenshot = function(l) {
-              var p = this, f = p.state, h = p.props;
+              var p = this, f = p.state, g = p.props;
               if (!f.hasUserMedia)
                 return null;
               var S = this.getCanvas(l);
-              return S && S.toDataURL(h.screenshotFormat, h.screenshotQuality);
+              return S && S.toDataURL(g.screenshotFormat, g.screenshotQuality);
             }, y.prototype.getCanvas = function(l) {
-              var p = this, f = p.state, h = p.props;
+              var p = this, f = p.state, g = p.props;
               if (!this.video || !f.hasUserMedia || !this.video.videoHeight)
                 return null;
               if (!this.ctx) {
                 var S = this.video.videoWidth, O = this.video.videoHeight;
                 if (!this.props.forceScreenshotSourceSize) {
-                  var w = S / O;
-                  S = h.minScreenshotWidth || this.video.clientWidth, O = S / w, h.minScreenshotHeight && O < h.minScreenshotHeight && (O = h.minScreenshotHeight, S = O * w);
+                  var F = S / O;
+                  S = g.minScreenshotWidth || this.video.clientWidth, O = S / F, g.minScreenshotHeight && O < g.minScreenshotHeight && (O = g.minScreenshotHeight, S = O * F);
                 }
                 this.canvas = document.createElement("canvas"), this.canvas.width = l?.width || S, this.canvas.height = l?.height || O, this.ctx = this.canvas.getContext("2d");
               }
-              var v = this, A = v.ctx, F = v.canvas;
-              return A && F && (h.mirrored && (A.translate(F.width, 0), A.scale(-1, 1)), A.imageSmoothingEnabled = h.imageSmoothing, A.drawImage(this.video, 0, 0, l?.width || F.width, l?.height || F.height), h.mirrored && (A.scale(-1, 1), A.translate(-F.width, 0))), F;
+              var C = this, A = C.ctx, w = C.canvas;
+              return A && w && (g.mirrored && (A.translate(w.width, 0), A.scale(-1, 1)), A.imageSmoothingEnabled = g.imageSmoothing, A.drawImage(this.video, 0, 0, l?.width || w.width, l?.height || w.height), g.mirrored && (A.scale(-1, 1), A.translate(-w.width, 0))), w;
             }, y.prototype.requestUserMedia = function() {
-              var l = this, p = this.props, f = function(O, w) {
-                var v = { video: typeof w < "u" ? w : true };
-                p.audio && (v.audio = typeof O < "u" ? O : true), l.requestUserMediaId++;
+              var l = this, p = this.props, f = function(O, F) {
+                var C = { video: typeof F < "u" ? F : true };
+                p.audio && (C.audio = typeof O < "u" ? O : true), l.requestUserMediaId++;
                 var A = l.requestUserMediaId;
-                navigator.mediaDevices.getUserMedia(v).then(function(F) {
-                  l.unmounted || A !== l.requestUserMediaId ? y.stopMediaStream(F) : l.handleUserMedia(null, F);
-                }).catch(function(F) {
-                  l.handleUserMedia(F);
+                navigator.mediaDevices.getUserMedia(C).then(function(w) {
+                  l.unmounted || A !== l.requestUserMediaId ? y.stopMediaStream(w) : l.handleUserMedia(null, w);
+                }).catch(function(w) {
+                  l.handleUserMedia(w);
                 });
               };
               if ("mediaDevices" in navigator)
                 f(p.audioConstraints, p.videoConstraints);
               else {
-                var h = function(O) {
+                var g = function(O) {
                   return { optional: [{ sourceId: O }] };
                 }, S = function(O) {
-                  var w = O.deviceId;
-                  return typeof w == "string" ? w : Array.isArray(w) && w.length > 0 ? w[0] : typeof w == "object" && w.ideal ? w.ideal : null;
+                  var F = O.deviceId;
+                  return typeof F == "string" ? F : Array.isArray(F) && F.length > 0 ? F[0] : typeof F == "object" && F.ideal ? F.ideal : null;
                 };
                 MediaStreamTrack.getSources(function(O) {
-                  var w = null, v = null;
-                  O.forEach(function(E) {
-                    E.kind === "audio" ? w = E.id : E.kind === "video" && (v = E.id);
+                  var F = null, C = null;
+                  O.forEach(function(D) {
+                    D.kind === "audio" ? F = D.id : D.kind === "video" && (C = D.id);
                   });
                   var A = S(p.audioConstraints);
-                  A && (w = A);
-                  var F = S(p.videoConstraints);
-                  F && (v = F), f(h(w), h(v));
+                  A && (F = A);
+                  var w = S(p.videoConstraints);
+                  w && (C = w), f(g(F), g(C));
                 });
               }
             }, y.prototype.handleUserMedia = function(l, p) {
@@ -298,7 +298,7 @@ var require_main_min = __commonJS({
               }
               f.onUserMedia(p);
             }, y.prototype.render = function() {
-              var l = this, p = this, f = p.state, h = p.props, S = h.audio, O = h.forceScreenshotSourceSize, w = h.onUserMedia, v = h.onUserMediaError, A = h.screenshotFormat, F = h.screenshotQuality, E = h.minScreenshotWidth, k = h.minScreenshotHeight, I = h.audioConstraints, Y = h.videoConstraints, ee = h.imageSmoothing, x = h.mirrored, U = h.style, D = U === void 0 ? {} : U, ue = h.children, pe = d(h, ["audio", "forceScreenshotSourceSize", "onUserMedia", "onUserMediaError", "screenshotFormat", "screenshotQuality", "minScreenshotWidth", "minScreenshotHeight", "audioConstraints", "videoConstraints", "imageSmoothing", "mirrored", "style", "children"]), le = x ? m(m({}, D), { transform: (D.transform || "") + " scaleX(-1)" }) : D, Ve = { getScreenshot: this.getScreenshot.bind(this) };
+              var l = this, p = this, f = p.state, g = p.props, S = g.audio, O = g.forceScreenshotSourceSize, F = g.onUserMedia, C = g.onUserMediaError, A = g.screenshotFormat, w = g.screenshotQuality, D = g.minScreenshotWidth, k = g.minScreenshotHeight, I = g.audioConstraints, q = g.videoConstraints, ee = g.imageSmoothing, v = g.mirrored, T = g.style, M = T === void 0 ? {} : T, ue = g.children, pe = d(g, ["audio", "forceScreenshotSourceSize", "onUserMedia", "onUserMediaError", "screenshotFormat", "screenshotQuality", "minScreenshotWidth", "minScreenshotHeight", "audioConstraints", "videoConstraints", "imageSmoothing", "mirrored", "style", "children"]), le = v ? m(m({}, M), { transform: (M.transform || "") + " scaleX(-1)" }) : M, Ve = { getScreenshot: this.getScreenshot.bind(this) };
               return a.createElement(a.Fragment, null, a.createElement("video", m({ autoPlay: true, src: f.src, muted: !S, playsInline: true, ref: function(He) {
                 l.video = He;
               }, style: le }, pe)), ue && ue(Ve));
@@ -313,8 +313,8 @@ var require_main_min = __commonJS({
       });
     });
     var Fp = {};
-    at(Fp, { DynamicFlow: () => ga, JsonSchemaForm: () => er, Layout: () => ne, convertStepToLayout: () => Ut, fixtures: () => Jl, inlineReferences: () => $e, isValidSchema: () => q, makeHttpClient: () => pr, translations: () => dc });
-    module2.exports = vc(Fp);
+    nt(Fp, { DynamicFlow: () => ga, JsonSchemaForm: () => er, Layout: () => ne, convertStepToLayout: () => Ut, fixtures: () => Jl, inlineReferences: () => $e, isValidSchema: () => $, makeHttpClient: () => pr, translations: () => dc });
+    module2.exports = Ac(Fp);
     function Ut(e, { displayStepTitle: t = true } = {}) {
       if (!e || !e.type)
         throw new Error("Missing step type");
@@ -328,7 +328,7 @@ var require_main_min = __commonJS({
         case "form":
           return kc(e);
         case "external":
-          return Ac(e);
+          return vc(e);
         default:
           throw new Error("invalid step type");
       }
@@ -341,7 +341,7 @@ var require_main_min = __commonJS({
       }
       return e.description && t.push(no(e.description)), t;
     }
-    function Ac(e) {
+    function vc(e) {
       return [...ro(e), Pc(e)];
     }
     function Pc(e) {
@@ -365,7 +365,7 @@ var require_main_min = __commonJS({
         e.details.title && t.push(ao(e.details.title)), e.details.description && t.push(no(e.details.description));
       }
       if (e.actions) {
-        let r = e.actions.map((o) => sr(g(i({}, o), { type: o.type || "primary" })));
+        let r = e.actions.map((o) => sr(h(i({}, o), { type: o.type || "primary" })));
         t.push(oo(r, "md"));
       }
       return t;
@@ -399,7 +399,7 @@ var require_main_min = __commonJS({
       return typeof e == "string" ? { type: "image", url: e, text: void 0, margin: "lg", size: "md" } : Ia(e);
     }
     function sr(e) {
-      return { type: "button", action: g(i({}, e), { title: e.title }) };
+      return { type: "button", action: h(i({}, e), { title: e.title }) };
     }
     function Bc(e) {
       return { type: "review", title: e.title, fields: e.fields.map(Nc) };
@@ -425,12 +425,12 @@ var require_main_min = __commonJS({
       return e ? t ? e.map((a) => a.type === "form" ? zc({ formComponent: a, schemas: t }) : a.type === "decision" ? Vc({ decisionComponent: a, actions: r }) : a.type === "button" ? Hc({ actionComponent: a, actions: r }) : a.type === "box" ? qc({ boxComponent: a, schemas: t, actions: r, model: o }) : a.type === "columns" ? $c({ columnsComponent: a, schemas: t, actions: r, model: o }) : a) : e : [];
     }
     function zc({ formComponent: e, schemas: t }) {
-      return io(e.schema) && e.schema.$ref ? g(i({}, e), { schema: Gc(t, e.schema.$ref) }) : i({}, e);
+      return io(e.schema) && e.schema.$ref ? h(i({}, e), { schema: Gc(t, e.schema.$ref) }) : i({}, e);
     }
     function Vc({ decisionComponent: e, actions: t }) {
       var o;
-      let r = (o = e == null ? void 0 : e.options) == null ? void 0 : o.map((a) => a.action && io(a.action) ? g(i({}, a), { action: Da(t, a.action.$ref) }) : a);
-      return g(i({}, e), { options: r });
+      let r = (o = e == null ? void 0 : e.options) == null ? void 0 : o.map((a) => a.action && io(a.action) ? h(i({}, a), { action: Da(t, a.action.$ref) }) : a);
+      return h(i({}, e), { options: r });
     }
     function Hc({ actionComponent: e, actions: t }) {
       var r;
@@ -441,10 +441,10 @@ var require_main_min = __commonJS({
       return e;
     }
     function qc({ boxComponent: e, schemas: t, actions: r, model: o }) {
-      return g(i({}, e), { components: $e({ layout: e.components, schemas: t, actions: r, model: o }) });
+      return h(i({}, e), { components: $e({ layout: e.components, schemas: t, actions: r, model: o }) });
     }
     function $c({ columnsComponent: e, schemas: t, actions: r, model: o }) {
-      return g(i({}, e), { left: $e({ layout: e.left, schemas: t, actions: r, model: o }), right: $e({ layout: e.right, schemas: t, actions: r, model: o }) });
+      return h(i({}, e), { left: $e({ layout: e.left, schemas: t, actions: r, model: o }), right: $e({ layout: e.right, schemas: t, actions: r, model: o }) });
     }
     function Gc(e, t) {
       let r = e.find((o) => o.$id === t);
@@ -463,7 +463,7 @@ var require_main_min = __commonJS({
     }
     var xe = require("react");
     var ul = require("react-intl");
-    var yt = require("react");
+    var ht = require("react");
     var lr = require("react");
     function La() {
       let [e, t] = (0, lr.useState)(0);
@@ -477,26 +477,26 @@ var require_main_min = __commonJS({
     var Ra = require("react/jsx-runtime");
     var Ta = { loading: false, registerPersistAsyncPromise: (e) => {
     } };
-    var Ba = (0, yt.createContext)(Ta);
+    var Ba = (0, ht.createContext)(Ta);
     var Na = ({ loading: e, children: t }) => {
-      let { pendingPromises: r, addPendingPromise: o } = La(), a = (0, yt.useMemo)(() => ({ loading: e || r > 0, registerPersistAsyncPromise: o }), [e, r, o]);
+      let { pendingPromises: r, addPendingPromise: o } = La(), a = (0, ht.useMemo)(() => ({ loading: e || r > 0, registerPersistAsyncPromise: o }), [e, r, o]);
       return (0, Ra.jsx)(Ba.Provider, { value: a, children: t });
     };
-    var cr = () => (0, yt.useContext)(Ba) || Ta;
-    var ht = require("react");
+    var cr = () => (0, ht.useContext)(Ba) || Ta;
+    var gt = require("react");
     var ja = require("react/jsx-runtime");
-    var Ua = (0, ht.createContext)({ triggerEvent: () => {
+    var Ua = (0, gt.createContext)({ triggerEvent: () => {
     } });
     var mr = ({ metadata: e, children: t, onEvent: r }) => {
-      let o = (0, ht.useMemo)(() => ({ triggerEvent: so(r, e) }), [r, e]);
+      let o = (0, gt.useMemo)(() => ({ triggerEvent: so(r, e) }), [r, e]);
       return (0, ja.jsx)(Ua.Provider, { value: o, children: t });
     };
     function Z() {
-      let { triggerEvent: e } = (0, ht.useContext)(Ua);
+      let { triggerEvent: e } = (0, gt.useContext)(Ua);
       return e;
     }
     var so = (e, t) => (r, o = {}) => e(r, i(i({}, t), o));
-    var nt = require("react");
+    var it = require("react");
     function za(e) {
       return e >= 200 && e < 300;
     }
@@ -508,7 +508,7 @@ var require_main_min = __commonJS({
     }
     var pr = (e, t) => (r, o) => {
       let a = Kc(r, e || ""), n = Yc(o == null ? void 0 : o.headers, t);
-      return fetch(a, g(i({}, o || {}), { headers: n }));
+      return fetch(a, h(i({}, o || {}), { headers: n }));
     };
     var Kc = (e, t) => typeof e == "string" && ur(e) ? t + e : e;
     var Yc = (e, t) => {
@@ -520,35 +520,35 @@ var require_main_min = __commonJS({
       return r;
     };
     var lo = require("react/jsx-runtime");
-    var fr = (0, nt.createContext)(void 0);
+    var fr = (0, it.createContext)(void 0);
     var Va = ({ httpClient: e, children: t }) => (0, lo.jsx)(fr.Provider, { value: e, children: t });
     var yr = ({ baseUrl: e, children: t }) => {
-      let r = (0, nt.useMemo)(() => pr(e), [e]);
+      let r = (0, it.useMemo)(() => pr(e), [e]);
       return (0, lo.jsx)(fr.Provider, { value: r, children: t });
     };
-    var re = () => (0, nt.useContext)(fr) || fetch;
-    var hr = () => !!(0, nt.useContext)(fr);
-    var gt = require("react");
+    var re = () => (0, it.useContext)(fr) || fetch;
+    var hr = () => !!(0, it.useContext)(fr);
+    var bt = require("react");
     var qa = require("react/jsx-runtime");
     var Ee = (e, t, r = "UNKNOWN-FLOW-ID", o = "UNKNOWN-FLOW-ID") => (a, n, s) => t(e, `Dynamic Flow ${e} - ${a} - ${n}`, i({ flowId: r, stepId: o }, s));
-    var Ha = (0, gt.createContext)(null);
+    var Ha = (0, bt.createContext)(null);
     var gr = ({ flowId: e, stepId: t, children: r, onLog: o }) => {
-      let a = (0, gt.useMemo)(() => ({ debug: Ee("debug", o, e, t), info: Ee("info", o, e, t), warning: Ee("warning", o, e, t), error: Ee("error", o, e, t), critical: Ee("critical", o, e, t) }), [o, e, t]);
+      let a = (0, bt.useMemo)(() => ({ debug: Ee("debug", o, e, t), info: Ee("info", o, e, t), warning: Ee("warning", o, e, t), error: Ee("error", o, e, t), critical: Ee("critical", o, e, t) }), [o, e, t]);
       return (0, qa.jsx)(Ha.Provider, { value: a, children: r });
     };
-    var bt = () => {
-      let e = (0, gt.useContext)(Ha);
+    var Ge = () => {
+      let e = (0, bt.useContext)(Ha);
       if (e == null)
         throw new Error("Logging context not found. Did you forget to wrap your component in a <LogProvider />?");
       return e;
     };
     var J = (e) => typeof e == "object" && e !== null && e.constructor === Object;
-    var co = (e) => M(e) || J(e);
-    var mo = (e) => ve(e) || T(e) || L(e) || M(e);
-    var $a = (e) => L(e) || M(e);
+    var co = (e) => E(e) || J(e);
+    var mo = (e) => Ae(e) || B(e) || L(e) || E(e);
+    var $a = (e) => L(e) || E(e);
     var uo = (e) => z(e) ? e.length === 0 ? true : e.every((t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean") : false;
-    var Ga = (e) => M(e) ? true : uo(e);
-    var St = (e) => L(e) || M(e);
+    var Ga = (e) => E(e) ? true : uo(e);
+    var St = (e) => L(e) || E(e);
     var Jc = /* @__PURE__ */ new Set(["string", "number", "integer", "boolean"]);
     function fe(e) {
       return Jc.has(e.type || "") || "const" in e && e.const !== void 0;
@@ -565,7 +565,7 @@ var require_main_min = __commonJS({
     function zt(e) {
       return !!e.allOf;
     }
-    function it(e) {
+    function st(e) {
       return e.type === "blob";
     }
     function ye(e) {
@@ -582,7 +582,7 @@ var require_main_min = __commonJS({
       return !!e.persistAsync;
     }
     function Zc(e) {
-      return wt(e) && (it(e.persistAsync.schema) || Xc(e.persistAsync.schema));
+      return wt(e) && (st(e.persistAsync.schema) || Xc(e.persistAsync.schema));
     }
     var Vt = (e) => fe(e) && !!e.validationAsync;
     function Xc(e) {
@@ -593,14 +593,14 @@ var require_main_min = __commonJS({
       return e.type === "string" && e.format === "base64url";
     }
     var L = (e) => typeof e == "string";
-    var T = (e) => typeof e == "number" && !Number.isNaN(e);
-    var Ka = (e) => T(e) && Math.floor(e) === e;
-    var ve = (e) => typeof e == "boolean";
-    var B = (e) => !M(e) && !W(e) && (e == null ? void 0 : e.constructor) === Object;
+    var B = (e) => typeof e == "number" && !Number.isNaN(e);
+    var Ka = (e) => B(e) && Math.floor(e) === e;
+    var Ae = (e) => typeof e == "boolean";
+    var R = (e) => !E(e) && !K(e) && (e == null ? void 0 : e.constructor) === Object;
     var z = (e) => Array.isArray(e);
-    var M = (e) => e === null;
-    var W = (e) => typeof e == "undefined";
-    var Ft = (e) => L(e) && e.length === 0 || (B(e) || z(e)) && Object.keys(e).length === 0;
+    var E = (e) => e === null;
+    var K = (e) => typeof e == "undefined";
+    var Ft = (e) => L(e) && e.length === 0 || (R(e) || z(e)) && Object.keys(e).length === 0;
     function Ya(e, t) {
       return t.oneOf.some((r) => De(e, r) === e) ? e : null;
     }
@@ -616,10 +616,10 @@ var require_main_min = __commonJS({
       return L(e) && !Ft(e) ? e : null;
     }
     function Xa(e) {
-      return T(e) ? e : null;
+      return B(e) ? e : null;
     }
     function Qa(e) {
-      return ve(e) ? e : null;
+      return Ae(e) ? e : null;
     }
     function fo(e, t) {
       if (!z(e) || !Ie(t))
@@ -633,10 +633,10 @@ var require_main_min = __commonJS({
     }
     function en(e, t) {
       return Object.keys(t.properties).reduce((r, o) => {
-        if (e && !W(e[o])) {
+        if (e && !K(e[o])) {
           let a = e[o], n = t.properties[o], s = Ht(a, n);
-          if (!M(s))
-            return g(i({}, r), { [o]: s });
+          if (!E(s))
+            return h(i({}, r), { [o]: s });
         }
         return r;
       }, {});
@@ -648,21 +648,21 @@ var require_main_min = __commonJS({
       }, {});
     }
     function rn(e, t) {
-      return t.oneOf.map((r) => oe(e, r)).reduce((r, o) => M(r) ? o : J(r) && J(o) ? on(r, o) : M(o) ? r : o, null);
+      return t.oneOf.map((r) => oe(e, r)).reduce((r, o) => E(r) ? o : J(r) && J(o) ? on(r, o) : E(o) ? r : o, null);
     }
     function on(e, t) {
       return Object.keys(t).reduce((r, o) => {
         let a = e[o], n = t[o];
-        return J(a) && J(n) ? g(i({}, r), { [o]: on(a, n) }) : g(i({}, r), { [o]: t[o] });
+        return J(a) && J(n) ? h(i({}, r), { [o]: on(a, n) }) : h(i({}, r), { [o]: t[o] });
       }, i({}, e));
     }
     var Ht = (e, t) => J(e) ? oe(e, t) : uo(e) ? em(e, t) : De(e, t);
     function De(e, t) {
-      if (M(e))
+      if (E(e))
         return null;
       if (t.oneOf)
         return Ya(e, t);
-      if (!W(t.const) && e === t.const)
+      if (!K(t.const) && e === t.const)
         return e;
       if (t.type)
         switch (t.type) {
@@ -679,42 +679,42 @@ var require_main_min = __commonJS({
       return null;
     }
     function oe(e, t) {
-      return fe(t) || ye(t) || M(e) ? null : t.allOf ? tn(e, t) : t.oneOf ? rn(e, t) : !W(t.const) && e === t.const ? e : ce(t) ? en(e, t) : null;
+      return fe(t) || ye(t) || E(e) ? null : t.allOf ? tn(e, t) : t.oneOf ? rn(e, t) : !K(t.const) && e === t.const ? e : ce(t) ? en(e, t) : null;
     }
     function em(e, t) {
       return me(t) ? Ja(e, t) : ye(t) ? fo(e, t) : null;
     }
     function qt(e, t = false) {
-      return !t || !W(e);
+      return !t || !K(e);
     }
     function an(e, t = false) {
       return !t || z(e);
     }
     function nn(e, t) {
-      return !T(t) || L(e) && e.length >= t;
+      return !B(t) || L(e) && e.length >= t;
     }
     function sn(e, t) {
-      return !T(t) || L(e) && e.length <= t;
+      return !B(t) || L(e) && e.length <= t;
     }
     function ln(e, t) {
       return t === void 0 ? true : e == null ? false : !!new RegExp(t).test(e);
     }
     function yo(e, t) {
-      return !T(t) && !L(t) || (T(e) || L(e)) && e <= t;
+      return !B(t) && !L(t) || (B(e) || L(e)) && e <= t;
     }
     function ho(e, t) {
-      return !T(t) && !L(t) || (T(e) || L(e)) && e >= t;
+      return !B(t) && !L(t) || (B(e) || L(e)) && e >= t;
     }
     function cn(e, t) {
-      return !T(t) || z(e) && e.length >= t;
+      return !B(t) || z(e) && e.length >= t;
     }
     function mn(e, t) {
-      return !T(t) || z(e) && e.length <= t;
+      return !B(t) || z(e) && e.length <= t;
     }
-    function Ge(e, t, r) {
+    function _e(e, t, r) {
       if (t.const)
         return wo(e, t, r);
-      if (M(e))
+      if (E(e))
         return r ? ["required"] : [];
       if (_a(t))
         return go(e, t, r);
@@ -734,7 +734,7 @@ var require_main_min = __commonJS({
       }
     }
     function go(e, t, r) {
-      if (!L(e) && !M(e))
+      if (!L(e) && !E(e))
         return ["type"];
       if (e === "" && r)
         return ["required"];
@@ -742,7 +742,7 @@ var require_main_min = __commonJS({
       return qt(e, r) || o.push("required"), nn(e, t.minLength) || o.push("minLength"), sn(e, t.maxLength) || o.push("maxLength"), ln(e, t.pattern) || o.push("pattern"), ho(e, t.minimum) || o.push("minimum"), yo(e, t.maximum) || o.push("maximum"), o;
     }
     function br(e, t, r) {
-      if (!T(e) && !M(e))
+      if (!B(e) && !E(e))
         return ["type"];
       let o = [];
       return qt(e, r) || o.push("required"), ho(e, t.minimum) || o.push("minimum"), yo(e, t.maximum) || o.push("maximum"), o;
@@ -751,7 +751,7 @@ var require_main_min = __commonJS({
       return Ka(e) ? br(e, t, r) : ["type"];
     }
     function So(e, t, r) {
-      if (!ve(e) && !M(e))
+      if (!Ae(e) && !E(e))
         return ["type"];
       let o = [];
       return qt(e, r) || o.push("required"), o;
@@ -760,7 +760,7 @@ var require_main_min = __commonJS({
       return qt(e, r) ? e !== t.const ? ["const"] : [] : ["required"];
     }
     function Ct(e, t, r) {
-      if (!z(e) && !M(e))
+      if (!z(e) && !E(e))
         return ["type"];
       if (!an(e, r))
         return ["required"];
@@ -768,7 +768,7 @@ var require_main_min = __commonJS({
       return cn(e, t.minItems) || o.push("minItems"), mn(e, t.maxItems) || o.push("maxItems"), o;
     }
     function dn(e, t) {
-      return M(e) ? ["type"] : [];
+      return E(e) ? ["type"] : [];
     }
     function tm(e, t) {
       return J(e) ? z(t.required) ? t.required.map((o) => typeof e[o] != "undefined").reduce((o, a) => o && a, true) ? [] : ["required"] : [] : ["type"];
@@ -789,24 +789,24 @@ var require_main_min = __commonJS({
       return !wo(e, t).length;
     }
     function sm(e, t) {
-      return !B(e) || t.type !== "object" || !B(t.properties) ? false : Object.keys(t.properties).map((r) => lm(e[r], t.properties[r], t.required && t.required.includes(r))).every((r) => r);
+      return !R(e) || t.type !== "object" || !R(t.properties) ? false : Object.keys(t.properties).map((r) => lm(e[r], t.properties[r], t.required && t.required.includes(r))).every((r) => r);
     }
     function lm(e, t, r) {
-      return typeof e == "undefined" ? !r : q(e, t);
+      return typeof e == "undefined" ? !r : $(e, t);
     }
     function cm(e, t) {
-      return t.type !== "array" || !B(t.items) || Ct(e, t).length > 0 ? false : Array.isArray(e) && Ie(t) && e.map((r) => q(r, t.items)).every((r) => r);
+      return t.type !== "array" || !R(t.items) || Ct(e, t).length > 0 ? false : Array.isArray(e) && Ie(t) && e.map((r) => $(r, t.items)).every((r) => r);
     }
     function mm(e, t) {
-      return z(t.oneOf) ? t.oneOf.some((r) => q(e, r)) : false;
+      return z(t.oneOf) ? t.oneOf.some((r) => $(e, r)) : false;
     }
     function dm(e, t) {
-      return z(t.allOf) ? t.allOf.map((r) => q(e, r)).every((r) => r) : false;
+      return z(t.allOf) ? t.allOf.map((r) => $(e, r)).every((r) => r) : false;
     }
     function um(e, t) {
       return !dn(e, t).length;
     }
-    function q(e, t) {
+    function $(e, t) {
       if (t.oneOf)
         return mm(e, t);
       if (t.allOf)
@@ -841,7 +841,7 @@ var require_main_min = __commonJS({
       if (!e)
         return null;
       let [t, r, o] = e.split("-").map((a) => parseInt(a, 10));
-      return !T(t) || !T(r) || !T(o) ? null : new Date(t, r - 1, o);
+      return !B(t) || !B(r) || !B(o) ? null : new Date(t, r - 1, o);
     };
     var pn = (e) => pm(e);
     var xt = (e, t) => {
@@ -858,10 +858,10 @@ var require_main_min = __commonJS({
         r !== null && (e(...o), a());
       }, n;
     };
-    var _e = (e, t) => e === t ? true : Array.isArray(e) && Array.isArray(t) ? e.length === t.length && e.every((r, o) => _e(r, t[o])) : !!(fn(e) && fn(t) && fm(e, t));
+    var We = (e, t) => e === t ? true : Array.isArray(e) && Array.isArray(t) ? e.length === t.length && e.every((r, o) => We(r, t[o])) : !!(fn(e) && fn(t) && fm(e, t));
     var fm = (e, t) => {
       let r = Object.keys(e), o = Object.keys(t);
-      return r.length === o.length && r.every((a) => Object.prototype.hasOwnProperty.call(t, a) && _e(e[a], t[a]));
+      return r.length === o.length && r.every((a) => Object.prototype.hasOwnProperty.call(t, a) && We(e[a], t[a]));
     };
     var fn = (e) => typeof e == "object" && e !== null;
     function Sr(e) {
@@ -872,7 +872,7 @@ var require_main_min = __commonJS({
       o.readAsDataURL(e), o.addEventListener("load", () => t(o.result)), o.addEventListener("error", (a) => r(a));
     });
     function hn(e, t) {
-      let r = t.reduce((o, a) => g(i({}, o), { [a.id]: a }), {});
+      let r = t.reduce((o, a) => h(i({}, o), { [a.id]: a }), {});
       for (let o of e) {
         let a = r[o.id];
         if (!a || a.status !== o.status)
@@ -880,9 +880,9 @@ var require_main_min = __commonJS({
       }
       return true;
     }
-    var Ae = (e = "") => `${e ? `${e}-` : ""}${Math.floor(1e8 * Math.random())}`;
+    var ve = (e = "") => `${e ? `${e}-` : ""}${Math.floor(1e8 * Math.random())}`;
     var gn = { DAY_MONTH_YEAR: "day-month-year", MONTH_YEAR: "month-year" };
-    var R = { RADIO: "radio", CHECKBOX: "checkbox", SELECT: "select", FILE: "file", DATE: "date", DATETIME: "date-time", DATELOOKUP: "date-lookup", TEL: "tel", NUMBER: "number", HIDDEN: "hidden", PASSWORD: "password", TEXT: "text", TEXTAREA: "textarea", UPLOAD: "upload", TAB: "tab" };
+    var N = { RADIO: "radio", CHECKBOX: "checkbox", SELECT: "select", FILE: "file", DATE: "date", DATETIME: "date-time", DATELOOKUP: "date-lookup", TEL: "tel", NUMBER: "number", HIDDEN: "hidden", PASSWORD: "password", TEXT: "text", TEXTAREA: "textarea", UPLOAD: "upload", TAB: "tab" };
     var bn = { SHORT: "short", LONG: "long" };
     var he = { READ_ONLY: "readOnly", PERSIST_ASYNC: "persistAsync", VALIDATION_ASYNC: "validationAsync", OBJECT: "object", PROMOTED_ONE_OF: "promotedOneOf", ONE_OF: "oneOf", ALL_OF: "allOf", BASIC: "basic", ARRAY: "array" };
     var Sn = { EXTRA_SMALL: "xs", SMALL: "sm", MEDIUM: "md", LARGE: "lg", EXTRA_LARGE: "xl" };
@@ -919,14 +919,14 @@ var require_main_min = __commonJS({
       return (0, xn.useCallback)(xt(e, t), [e, t]);
     }
     var $t = require("react");
-    function vn(e) {
+    function An(e) {
       let [t, r] = (0, $t.useState)(null), [o, a] = (0, $t.useState)(false), n = () => a(true);
       return (0, $t.useEffect)(() => {
         e && (a(false), r(window.open(e, "_blank")));
       }, [e]), { requiresManualTrigger: !!(e && !t && !o), dismissConfirmation: n };
     }
     var Gt = require("react");
-    function An(e, t) {
+    function vn(e, t) {
       let r = re(), o = (0, Gt.useMemo)(() => {
         if (e)
           return () => r(e.url).then((n) => {
@@ -945,10 +945,10 @@ var require_main_min = __commonJS({
           let { action: d } = m;
           if (d.exit) {
             let u = i(i({}, d.result || {}), n.data || {});
-            t(g(i({}, d), { result: u }));
+            t(h(i({}, d), { result: u }));
           } else {
             let u = i(i({}, d.data || {}), n.data || {});
-            t(g(i({}, d), { data: u }));
+            t(h(i({}, d), { data: u }));
           }
           return false;
         }
@@ -962,11 +962,11 @@ var require_main_min = __commonJS({
     var ys = require("react-intl");
     var Pn = require("react-intl");
     var _t = (0, Pn.defineMessages)({ genericError: { id: "dynamicFlows.PersistAsyncSchema.genericError", defaultMessage: "Something went wrong, please try again later!", description: "Generic error message for persist async schema" } });
-    var ft = require("react");
+    var yt = require("react");
     var cs = require("react-intl");
     var xm = { allOf: [{ title: "Number schemas", type: "object", displayOrder: ["number"], properties: { number: { type: "number", title: "Number input", minimum: 2, maximum: 200, default: 1, help: { markdown: "2 or more" }, validationMessages: { min: "Too low buddy!", max: "Crazy high!" } } }, required: ["number"] }, { title: "String schemas", type: "object", displayOrder: ["string", "date", "phone", "file"], properties: { string: { type: "string", title: "Text input", minLength: 2, maxLength: 8, pattern: "^[a-z]+$", default: "abc", help: { markdown: "Keep it secret, Keep it safe" } }, date: { type: "string", format: "date", title: "Date input", minimum: "2000-02-01", maximum: "2010-01-01", validationMessages: { min: "Must be after Feb 2000", max: "Must be before Jan 2010" } }, phone: { type: "string", format: "phone", title: "Phone input", minLength: 10, maxLength: 12 }, file: { type: "string", format: "base64url", title: "File input" } }, required: ["string"] }, { title: "Boolean schemas", type: "object", displayOrder: ["boolean"], properties: { boolean: { type: "boolean", title: "Boolean input", width: "md" } } }, { title: "OneOf Const schema", type: "object", displayOrder: ["select", "radio"], properties: { select: { title: "Select", placeholder: "Please choose", oneOf: [{ title: "One", const: "one" }, { title: "Two", const: "two" }, { title: "Three", const: "three" }] }, radio: { title: "Radio", placeholder: "Please choose", oneOf: [{ title: "One", const: "one" }, { title: "Two", const: "two" }] } }, required: ["select", "radio"] }] };
     var Cr = xm;
-    var ss = qe(st());
+    var ss = qe(lt());
     var ie = require("react");
     var kn = require("@transferwise/components");
     var j = (e) => {
@@ -996,13 +996,13 @@ var require_main_min = __commonJS({
           return "";
       }
     };
-    var We = (e) => `${Om(e.align)} ${j(e.margin)}`;
+    var Ke = (e) => `${Om(e.align)} ${j(e.margin)}`;
     var Mn = require("react/jsx-runtime");
-    var vm = (e) => {
+    var Am = (e) => {
       let t = e.component;
-      return (0, Mn.jsx)(kn.Alert, { type: Pm(Am(t.context)), className: j(t.margin), message: t.markdown });
+      return (0, Mn.jsx)(kn.Alert, { type: Pm(vm(t.context)), className: j(t.margin), message: t.markdown });
     };
-    var Am = (e) => {
+    var vm = (e) => {
       switch (e) {
         case "success":
           return "positive";
@@ -1018,11 +1018,11 @@ var require_main_min = __commonJS({
       }
     };
     var Pm = (e) => !e || !["neutral", "warning", "negative", "positive"].includes(e) ? "neutral" : e;
-    var ae = vm;
-    var lt = require("react/jsx-runtime");
+    var ae = Am;
+    var ct = require("react/jsx-runtime");
     var km = (e) => {
       let t = e.component, r = j(t.margin || t.border ? "lg" : "xs");
-      return !t.width || t.width === "xl" ? (0, lt.jsx)("div", { className: r + En(t.border), children: (0, lt.jsx)(ne, { components: t.components, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }) : (0, lt.jsx)("div", { className: "row", children: (0, lt.jsx)("div", { className: r + Mm(t), children: (0, lt.jsx)("div", { className: En(t.border), children: (0, lt.jsx)(ne, { components: t.components, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }) }) });
+      return !t.width || t.width === "xl" ? (0, ct.jsx)("div", { className: r + En(t.border), children: (0, ct.jsx)(ne, { components: t.components, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }) : (0, ct.jsx)("div", { className: "row", children: (0, ct.jsx)("div", { className: r + Mm(t), children: (0, ct.jsx)("div", { className: En(t.border), children: (0, ct.jsx)(ne, { components: t.components, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }) }) });
     };
     var En = (e) => e ? " well p-b-0" : "";
     var Mm = (e) => {
@@ -1078,56 +1078,56 @@ var require_main_min = __commonJS({
       }
     };
     var xo = Em;
-    var ct = require("react/jsx-runtime");
+    var mt = require("react/jsx-runtime");
     var Tm = (e) => {
       let t = e.component, { leftWidth: r, rightWidth: o } = Bm(t.bias);
-      return (0, ct.jsxs)("div", { className: `${j(t.margin || "xs")} row`, children: [(0, ct.jsx)("div", { className: `${r} m-b-0`, children: (0, ct.jsx)(ne, { components: t.left, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }), (0, ct.jsx)("div", { className: `${o} m-b-0`, children: (0, ct.jsx)(ne, { components: t.right, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) })] });
+      return (0, mt.jsxs)("div", { className: `${j(t.margin || "xs")} row`, children: [(0, mt.jsx)("div", { className: `${r} m-b-0`, children: (0, mt.jsx)(ne, { components: t.left, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }), (0, mt.jsx)("div", { className: `${o} m-b-0`, children: (0, mt.jsx)(ne, { components: t.right, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) })] });
     };
     var Bm = (e) => e === "left" ? { leftWidth: "col-md-8", rightWidth: "col-md-4" } : e === "right" ? { leftWidth: "col-md-4", rightWidth: "col-md-8" } : { leftWidth: "col-md-6", rightWidth: "col-md-6" };
     var Oo = Tm;
     var Pe = require("@transferwise/components");
-    var Ke = require("react/jsx-runtime");
+    var Ye = require("react/jsx-runtime");
     var Nm = (e) => {
       var t, r, o;
       if ((t = e.icon) != null && t.name)
-        return (0, Ke.jsx)(Pe.Avatar, { type: Pe.AvatarType.ICON, children: (0, Ke.jsx)(Ye, { type: e.icon.name }) });
+        return (0, Ye.jsx)(Pe.Avatar, { type: Pe.AvatarType.ICON, children: (0, Ye.jsx)(Je, { type: e.icon.name }) });
       if ((r = e.icon) != null && r.text)
-        return (0, Ke.jsx)(Pe.Avatar, { type: Pe.AvatarType.INITIALS, children: e.icon.text });
+        return (0, Ye.jsx)(Pe.Avatar, { type: Pe.AvatarType.INITIALS, children: e.icon.text });
       if ((o = e.image) != null && o.url) {
         let { url: a, text: n } = e.image;
-        return (0, Ke.jsx)("img", { src: a, alt: n });
+        return (0, Ye.jsx)("img", { src: a, alt: n });
       }
     };
     var Rm = (e) => {
       let t = e.component, r = (o, a) => {
         let n = Nm(o);
-        return (0, Ke.jsx)(Pe.NavigationOption, { title: o.title, content: o.description, disabled: o.disabled, media: n, showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => a(o.action) }, JSON.stringify(o));
+        return (0, Ye.jsx)(Pe.NavigationOption, { title: o.title, content: o.description, disabled: o.disabled, media: n, showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => a(o.action) }, JSON.stringify(o));
       };
-      return (0, Ke.jsx)("div", { className: j(t.margin), children: (0, Ke.jsx)(Pe.NavigationOptionsList, { children: t.options.map((o) => r(o, e.onAction)) }) });
+      return (0, Ye.jsx)("div", { className: j(t.margin), children: (0, Ye.jsx)(Pe.NavigationOptionsList, { children: t.options.map((o) => r(o, e.onAction)) }) });
     };
-    var vo = Rm;
+    var Ao = Rm;
     var Ln = require("react/jsx-runtime");
     var Um = ({ component: e }) => {
       let r = `m-t-0 ${j(e.margin)}`;
       return (0, Ln.jsx)("hr", { className: r });
     };
-    var Ao = Um;
+    var vo = Um;
     var Ot = require("@transferwise/components");
     var Or = require("react");
     var Nn = require("react-intl");
     var Tn = require("react-intl");
     var Bn = (0, Tn.defineMessages)({ retryTitle: { id: "dynamicFlows.DynamicExternal.retryTitle", defaultMessage: "Reopen window", description: "" } });
-    var Je = require("react/jsx-runtime");
+    var Ze = require("react/jsx-runtime");
     var jm = ({ component: e, onAction: t }) => {
       let { requestUrl: r, responseHandlers: o, polling: a, retryTitle: n } = e, s = (0, Nn.useIntl)(), m = (0, Or.useCallback)(() => window.open(r, "df-external-window"), [r]);
       (0, Or.useEffect)(() => {
         m();
       }, [m]);
-      let d = a && o ? g(i({}, a), { responseHandlers: o }) : void 0;
-      return An(d, t), (0, Je.jsxs)(Je.Fragment, { children: [(0, Je.jsx)(Ot.Loader, { size: Ot.Size.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }), (0, Je.jsx)("br", {}), (0, Je.jsx)(Ot.Button, { priority: "tertiary", block: true, onClick: m, children: n || s.formatMessage(Bn.retryTitle) })] });
+      let d = a && o ? h(i({}, a), { responseHandlers: o }) : void 0;
+      return vn(d, t), (0, Ze.jsxs)(Ze.Fragment, { children: [(0, Ze.jsx)(Ot.Loader, { size: Ot.Size.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }), (0, Ze.jsx)("br", {}), (0, Ze.jsx)(Ot.Button, { priority: "tertiary", block: true, onClick: m, children: n || s.formatMessage(Bn.retryTitle) })] });
     };
     var Po = jm;
-    var Rn = qe(st());
+    var Rn = qe(lt());
     var Un = require("react");
     var ke = require("react/jsx-runtime");
     var zm = (e, t) => t.map((r) => oe(e, r) || {});
@@ -1136,16 +1136,16 @@ var require_main_min = __commonJS({
     var jn = (e) => {
       let t = (a, n) => {
         let s = e.schema.allOf[a];
-        r[a] = oe(n.model, s) || {}, o(r), e.onChange(g(i({}, n), { model: Vm(r) }));
+        r[a] = oe(n.model, s) || {}, o(r), e.onChange(h(i({}, n), { model: Vm(r) }));
       }, [r, o] = (0, Un.useState)(zm(e.model, e.schema.allOf));
-      return (0, ke.jsxs)(ke.Fragment, { children: [e.schema.title && (0, ke.jsx)("h3", { className: "page-header", children: e.schema.title }), e.schema.description && (0, ke.jsx)("p", { children: e.schema.description }), (0, ke.jsx)("div", { className: "row", children: e.schema.allOf.map((a, n) => (0, ke.jsx)("div", { className: (0, Rn.default)(Hm(a.width)), children: (0, ke.jsx)(de, { schema: a, model: r[n], errors: e.errors, submitted: e.submitted, disabled: e.disabled, onChange: (s) => t(n, g(i({}, s), { model: s.model })), onPersistAsync: e.onPersistAsync }) }, n)) })] });
+      return (0, ke.jsxs)(ke.Fragment, { children: [e.schema.title && (0, ke.jsx)("h3", { className: "page-header", children: e.schema.title }), e.schema.description && (0, ke.jsx)("p", { children: e.schema.description }), (0, ke.jsx)("div", { className: "row", children: e.schema.allOf.map((a, n) => (0, ke.jsx)("div", { className: (0, Rn.default)(Hm(a.width)), children: (0, ke.jsx)(de, { schema: a, model: r[n], errors: e.errors, submitted: e.submitted, disabled: e.disabled, onChange: (s) => t(n, h(i({}, s), { model: s.model })), onPersistAsync: e.onPersistAsync }) }, n)) })] });
     };
     jn.defaultProps = { disabled: false };
-    var vr = jn;
+    var Ar = jn;
     var Pr = require("@transferwise/components");
-    var Qn = qe(st());
+    var Qn = qe(lt());
     var Wt = require("react");
-    var Ar = require("@transferwise/components");
+    var vr = require("@transferwise/components");
     var ko = require("@transferwise/formatting");
     var Vn = require("react-intl");
     var zn = require("react-intl");
@@ -1154,7 +1154,7 @@ var require_main_min = __commonJS({
     var Hn = (e) => {
       var m;
       let t = qm(e.schema), r = i(i(i({}, t), e.validationMessages), e.schema.validationMessages), o = (e.submitted || !e.changed) && !!e.errors, a = !o && (e.submitted || e.changed && e.blurred) && !!((m = e.validations) != null && m.length), n = e.focused && e.schema.description && !a, s = !!e.infoMessage;
-      return (0, Le.jsxs)("div", { children: [o ? (0, Le.jsx)(Ar.InlineAlert, { type: "error", children: e.errors }) : null, a ? (0, Le.jsx)(Ar.InlineAlert, { type: "error", children: e.validations.map((d) => (0, Le.jsx)("div", { children: r[d] }, d)) }) : null, (n || s) && (0, Le.jsxs)(Ar.InlineAlert, { type: "info", children: [n && (0, Le.jsx)("div", { children: e.schema.description }), s && (0, Le.jsx)("div", { children: e.infoMessage })] })] });
+      return (0, Le.jsxs)("div", { children: [o ? (0, Le.jsx)(vr.InlineAlert, { type: "error", children: e.errors }) : null, a ? (0, Le.jsx)(vr.InlineAlert, { type: "error", children: e.validations.map((d) => (0, Le.jsx)("div", { children: r[d] }, d)) }) : null, (n || s) && (0, Le.jsxs)(vr.InlineAlert, { type: "info", children: [n && (0, Le.jsx)("div", { children: e.schema.description }), s && (0, Le.jsx)("div", { children: e.infoMessage })] })] });
     };
     Hn.defaultProps = { errors: "", validations: [], validationMessages: {}, validationAsyncSuccessMessage: null };
     function qm(e) {
@@ -1179,11 +1179,11 @@ var require_main_min = __commonJS({
     }
     function Gn(e) {
       let t = e instanceof Error;
-      if (!(B(e) && "data" in e) && !t)
+      if (!(R(e) && "data" in e) && !t)
         return L(e) ? e : void 0;
       if (t) {
         let a = e;
-        return { id: Ae(), message: a.message };
+        return { id: ve(), message: a.message };
       } else
         return i({ message: L(e.message) ? e.message : "" }, e);
     }
@@ -1196,16 +1196,16 @@ var require_main_min = __commonJS({
       let { formatMessage: r } = (0, Jn.useIntl)(), { maxFileSizeError: o, maxItemsError: a, minItemsError: n } = Yn;
       return { maxFileSizeErrorMessage: r(o), maxItemsErrorMessage: r(a, { maxItems: e }), minItemsErrorMessage: r(n, { minItems: t }), requiredMessage: r(Wn.required) };
     }
-    var vt = require("react/jsx-runtime");
+    var At = require("react/jsx-runtime");
     var ei = (e) => {
-      var F, E;
-      let { onChange: t, schema: r } = e, o = Z(), a = Zn(r), n = (0, Wt.useMemo)(() => r.$id || Ae(), [r.$id]), [s, m] = (0, Wt.useState)(false), [d, u] = (0, Wt.useState)(() => $m(e.model || [])), c = ti(r.items.persistAsync), b = r.items.persistAsync.schema, y = it(b), l = async (k) => {
+      var w, D;
+      let { onChange: t, schema: r } = e, o = Z(), a = Zn(r), n = (0, Wt.useMemo)(() => r.$id || ve(), [r.$id]), [s, m] = (0, Wt.useState)(false), [d, u] = (0, Wt.useState)(() => $m(e.model || [])), c = ti(r.items.persistAsync), b = r.items.persistAsync.schema, y = st(b), l = async (k) => {
         m(true);
         try {
           let I = await qn(k, y);
           o("Dynamic Flow - PersistAsync", { status: "pending", schemaId: r.$id });
-          let Y = await c(I);
-          return o("Dynamic Flow - PersistAsync", { status: "success", schemaId: r.$id }), $n(Y);
+          let q = await c(I);
+          return o("Dynamic Flow - PersistAsync", { status: "success", schemaId: r.$id }), $n(q);
         } catch (I) {
           return o("Dynamic Flow - PersistAsync", { status: "failure", schemaId: r.$id }), Promise.reject(Gn(I));
         }
@@ -1214,11 +1214,11 @@ var require_main_min = __commonJS({
         if (hn(k, d))
           return;
         u(k);
-        let Y = Xn(k).map((ee) => ee.id);
-        t({ model: Y, triggerSchema: r, triggerModel: Y });
+        let q = Xn(k).map((ee) => ee.id);
+        t({ model: q, triggerSchema: r, triggerModel: q });
       }
-      let h = Xn(d).map((k) => k.id), S = Ct(h, r, e.required), O = !!e.errors || (s || e.submitted) && !!S.length, w = "accepts" in b && b.accepts, v = "maxSize" in b && b.maxSize, A = g(i(i({ multiple: true, className: "form-control", files: d, fileInputName: n, id: n }, w ? { fileTypes: w } : void 0), v ? { sizeLimit: Sr(v) } : void 0), { sizeLimitErrorMessage: ((F = b.validationMessages) == null ? void 0 : F.maxSize) || a.maxFileSizeErrorMessage, maxFiles: e.schema.maxItems, maxFilesErrorMessage: ((E = e.schema.validationMessages) == null ? void 0 : E.maxItems) || a.maxItemsErrorMessage, uploadButtonTitle: b.title, description: b.description, disabled: e.disabled, onUploadFile: (k) => l(k.get(n)), onFilesChange: p, onDeleteFile: () => Promise.resolve() });
-      return (0, vt.jsxs)("div", { className: (0, Qn.default)("form-group", { "has-error": O }), children: [(0, vt.jsx)("label", { className: "d-block control-label", htmlFor: n, children: e.schema.title }), (0, vt.jsx)(Pr.UploadInput, i({}, A)), (0, vt.jsx)(Te, { changed: s, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: _m(r, !!e.required, a), infoMessage: null, focused: false, blurred: true })] });
+      let g = Xn(d).map((k) => k.id), S = Ct(g, r, e.required), O = !!e.errors || (s || e.submitted) && !!S.length, F = "accepts" in b && b.accepts, C = "maxSize" in b && b.maxSize, A = h(i(i({ multiple: true, className: "form-control", files: d, fileInputName: n, id: n }, F ? { fileTypes: F } : void 0), C ? { sizeLimit: Sr(C) } : void 0), { sizeLimitErrorMessage: ((w = b.validationMessages) == null ? void 0 : w.maxSize) || a.maxFileSizeErrorMessage, maxFiles: e.schema.maxItems, maxFilesErrorMessage: ((D = e.schema.validationMessages) == null ? void 0 : D.maxItems) || a.maxItemsErrorMessage, uploadButtonTitle: b.title, description: b.description, disabled: e.disabled, onUploadFile: (k) => l(k.get(n)), onFilesChange: p, onDeleteFile: () => Promise.resolve() });
+      return (0, At.jsxs)("div", { className: (0, Qn.default)("form-group", { "has-error": O }), children: [(0, At.jsx)("label", { className: "d-block control-label", htmlFor: n, children: e.schema.title }), (0, At.jsx)(Pr.UploadInput, i({}, A)), (0, At.jsx)(Te, { changed: s, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: _m(r, !!e.required, a), infoMessage: null, focused: false, blurred: true })] });
     };
     ei.defaultProps = { errors: null, required: false };
     var Mo = ei;
@@ -1229,7 +1229,7 @@ var require_main_min = __commonJS({
       return e.map((t) => Gm(t) ? { id: t, status: Pr.Status.SUCCEEDED } : null).filter((t) => t !== null);
     }
     function Gm(e) {
-      return T(e) || L(e);
+      return B(e) || L(e);
     }
     function _m(e, t, r) {
       let { minItems: o, maxItems: a } = e;
@@ -1239,7 +1239,7 @@ var require_main_min = __commonJS({
     var ri = (e) => {
       let { schema: t } = e;
       if (Wa(t))
-        return (0, ai.jsx)(Mo, g(i({}, e), { schema: t }));
+        return (0, ai.jsx)(Mo, h(i({}, e), { schema: t }));
       throw new Error("Not implemented");
     };
     ri.defaultProps = { errors: null, required: false };
@@ -1253,24 +1253,24 @@ var require_main_min = __commonJS({
     };
     ni.defaultProps = { required: false };
     var kr = ni;
-    var si = qe(st());
+    var si = qe(lt());
     var Mr = require("react");
     var Be = require("react/jsx-runtime");
     var Wm = (e) => ({ "col-xs-12": true, "col-sm-6": e === "md", "col-sm-4": e === "sm" });
     var li = (e) => {
       let [t, r] = (0, Mr.useState)(() => i({}, oe(e.model, e.schema))), o = (u, c) => {
-        c.model !== null ? t[u] = c.model : delete t[u], r(t), e.onChange(g(i({}, c), { model: t }));
+        c.model !== null ? t[u] = c.model : delete t[u], r(t), e.onChange(h(i({}, c), { model: t }));
       }, a = (u) => e.schema.required && e.schema.required.includes(u);
       (0, Mr.useEffect)(() => {
         let u = oe(t, e.schema) || {};
-        r(u), _e(u, t) || e.onChange({ model: u, triggerSchema: e.schema, triggerModel: u });
+        r(u), We(u, t) || e.onChange({ model: u, triggerSchema: e.schema, triggerModel: u });
       }, [e.schema]);
       let n = /* @__PURE__ */ new Set([...e.schema.displayOrder || [], ...Object.keys(e.schema.properties)]), s = (u) => typeof e.schema.properties[u] != "undefined", m = Array.from(n).filter(s), d = e.errors;
       return (0, Be.jsxs)("fieldset", { children: [e.schema.title && !e.hideTitle && (0, Be.jsxs)("legend", { children: [" ", e.schema.title, " "] }), e.schema.description && !e.hideTitle && (0, Be.jsxs)("p", { children: [" ", e.schema.description, " "] }), e.schema.alert && (0, Be.jsx)(ae, { component: e.schema.alert }), (0, Be.jsx)("div", { className: "row", children: m.map((u) => (0, Be.jsx)("div", { className: (0, si.default)(Wm(e.schema.properties[u].width)), children: (0, Be.jsx)(de, { schema: e.schema.properties[u], model: e.model && e.model[u], errors: d && d[u], submitted: e.submitted, required: a(u), disabled: e.disabled, onChange: (c) => o(u, c), onPersistAsync: e.onPersistAsync }) }, u)) })] });
     };
     li.defaultProps = { hideTitle: false, disabled: false };
-    var At = li;
-    var vi = qe(st());
+    var vt = li;
+    var Ai = qe(lt());
     var Me = require("react");
     var Er = require("@transferwise/components");
     var di = require("react-intl");
@@ -1282,19 +1282,19 @@ var require_main_min = __commonJS({
       return (0, Eo.jsx)(Er.Info, { className: "m-l-1", content: (0, Eo.jsx)(Er.Markdown, { children: e.help.markdown }), presentation: "POPOVER", size: "sm", "aria-label": t.formatMessage(mi.helpAria) });
     };
     var Pt = Km;
-    var $ = require("@transferwise/components");
+    var G = require("@transferwise/components");
     var yi = require("react");
     var kt = (e, t = {}) => {
       let { coerceValue: r = false } = t;
-      if (!M(e)) {
-        if (B(e)) {
-          mt({ received: "object", expected: "string" });
+      if (!E(e)) {
+        if (R(e)) {
+          dt({ received: "object", expected: "string" });
           return;
         }
         if (!L(e)) {
           if (r)
             return Do({ received: typeof e, expected: "string" }), String(e);
-          mt({ received: typeof e, expected: "string" });
+          dt({ received: typeof e, expected: "string" });
           return;
         }
         return e;
@@ -1302,59 +1302,59 @@ var require_main_min = __commonJS({
     };
     var Io = (e, t = {}) => {
       let { coerceValue: r = false } = t;
-      if (M(e))
+      if (E(e))
         return;
-      if (T(e))
+      if (B(e))
         return e;
       let o = { received: typeof e, expected: "string or number" };
-      if (B(e)) {
-        mt(o);
+      if (R(e)) {
+        dt(o);
         return;
       }
       if (!L(e)) {
         if (r)
           return Do(o), String(e);
-        mt(o);
+        dt(o);
         return;
       }
       return e;
     };
     var ui = (e, t = {}) => {
       let { coerceValue: r = false } = t;
-      if (M(e))
+      if (E(e))
         return false;
-      if (!ve(e)) {
+      if (!Ae(e)) {
         if (r)
           return Do({ received: typeof e, expected: "boolean" }), !!e;
-        mt({ received: typeof e, expected: "boolean" });
+        dt({ received: typeof e, expected: "boolean" });
         return;
       }
       return e;
     };
     var pi = (e) => {
-      if (!M(e)) {
+      if (!E(e)) {
         if (!(e instanceof Date) && !L(e)) {
-          mt({ received: typeof e, expected: "string or Date" });
+          dt({ received: typeof e, expected: "string or Date" });
           return;
         }
         return e;
       }
     };
     var fi = (e) => {
-      if (M(e))
+      if (E(e))
         return null;
       if (!L(e))
-        return mt({ received: typeof e, expected: "string", fallback: "null" }), null;
+        return dt({ received: typeof e, expected: "string", fallback: "null" }), null;
       let t = un(e);
       return t === null && console.warn("Incorrectly formatted date string. Falling back to null."), t;
     };
     var Do = ({ received: e, expected: t }) => {
       console.warn(`Value with type ${e} passed to control that only accepts type ${t}. Type will be coerced, but this behaviour will change in the future, so please fix your code.`);
     };
-    var mt = ({ received: e, expected: t, fallback: r = "undefined" }) => {
+    var dt = ({ received: e, expected: t, fallback: r = "undefined" }) => {
       console.warn(`Value with type ${e} passed to control that only accepts type ${t}. Falling back to ${r}`);
     };
-    var K = require("react/jsx-runtime");
+    var Y = require("react/jsx-runtime");
     var Mt = class extends yi.PureComponent {
       constructor(r) {
         super(r);
@@ -1382,7 +1382,7 @@ var require_main_min = __commonJS({
           if (this.props.value !== null && typeof this.props.value != "undefined")
             return r2.find((o) => this.props.value === o.value);
         };
-        this.mapOption = (r2) => g(i({}, r2), { value: T(r2.value) || L(r2.value) ? r2.value : void 0, disabled: r2.disabled || this.props.disabled, readOnly: this.props.readOnly });
+        this.mapOption = (r2) => h(i({}, r2), { value: B(r2.value) || L(r2.value) ? r2.value : void 0, disabled: r2.disabled || this.props.disabled, readOnly: this.props.readOnly });
         this.state = { selectedOption: r.selectedOption, touched: false, prevValue: r.value };
       }
       static getDerivedStateFromProps(r, o) {
@@ -1390,67 +1390,67 @@ var require_main_min = __commonJS({
       }
       render() {
         var ee;
-        let { name: r, placeholder: o, step: a, countryCode: n, type: s, options: m, disabled: d, readOnly: u, required: c, minLength: b, maxLength: y, min: l, max: p, searchPlaceholder: f, searchValue: h, onSearchChange: S, size: O, uploadProps: w, label: v, monthFormat: A, id: F, minDate: E, maxDate: k, value: I, mode: Y } = this.props;
+        let { name: r, placeholder: o, step: a, countryCode: n, type: s, options: m, disabled: d, readOnly: u, required: c, minLength: b, maxLength: y, min: l, max: p, searchPlaceholder: f, searchValue: g, onSearchChange: S, size: O, uploadProps: F, label: C, monthFormat: A, id: w, minDate: D, maxDate: k, value: I, mode: q } = this.props;
         switch (s) {
-          case R.RADIO:
-            return (0, K.jsx)($.RadioGroup, { radios: m.map(this.mapOption), name: r, selectedValue: Io(I, { coerceValue: true }), onChange: this.handleOnChange });
-          case R.CHECKBOX:
-            return (0, K.jsx)($.Checkbox, { checked: ui(I, { coerceValue: true }), disabled: d, label: v, required: c, readOnly: u, onChange: this.handleOnChange, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
-          case R.SELECT: {
-            let x = m.length >= 20;
-            return (0, K.jsx)($.Select, { id: F, selected: this.getSelectedOption(m), options: m, search: x, required: c, disabled: d, placeholder: o, searchPlaceholder: f, searchValue: h, onChange: (U) => {
-              var D;
-              this.setState({ selectedOption: U != null ? U : void 0 }), this.props.onChange((D = U == null ? void 0 : U.value) != null ? D : null);
-            }, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, onSearchChange: x ? S : void 0 });
+          case N.RADIO:
+            return (0, Y.jsx)(G.RadioGroup, { radios: m.map(this.mapOption), name: r, selectedValue: Io(I, { coerceValue: true }), onChange: this.handleOnChange });
+          case N.CHECKBOX:
+            return (0, Y.jsx)(G.Checkbox, { checked: ui(I, { coerceValue: true }), disabled: d, label: C, required: c, readOnly: u, onChange: this.handleOnChange, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
+          case N.SELECT: {
+            let v = m.length >= 20;
+            return (0, Y.jsx)(G.Select, { id: w, selected: this.getSelectedOption(m), options: m, search: v, required: c, disabled: d, placeholder: o, searchPlaceholder: f, searchValue: g, onChange: (T) => {
+              var M;
+              this.setState({ selectedOption: T != null ? T : void 0 }), this.props.onChange((M = T == null ? void 0 : T.value) != null ? M : null);
+            }, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, onSearchChange: v ? S : void 0 });
           }
-          case R.TAB:
-            return (0, K.jsx)($.Tabs, { selected: ((ee = this.getSelectedOption(m)) == null ? void 0 : ee.value) || 0, tabs: m.map((x) => ({ title: x.label, content: (0, K.jsx)(K.Fragment, {}), disabled: x.disabled || false })), name: F, onTabSelect: (x) => {
-              let U = !!this.state.selectedOption;
-              this.setState({ selectedOption: m.find((D) => D.value === x) }), this.props.onChange(x, U ? "user" : "init");
+          case N.TAB:
+            return (0, Y.jsx)(G.Tabs, { selected: ((ee = this.getSelectedOption(m)) == null ? void 0 : ee.value) || 0, tabs: m.map((v) => ({ title: v.label, content: (0, Y.jsx)(Y.Fragment, {}), disabled: v.disabled || false })), name: w, onTabSelect: (v) => {
+              let T = !!this.state.selectedOption;
+              this.setState({ selectedOption: m.find((M) => M.value === v) }), this.props.onChange(v, T ? "user" : "init");
             } });
-          case R.NUMBER:
-            return (0, K.jsx)("input", { autoComplete: this.getAutocompleteStatus(), className: "form-control", disabled: d, id: F, max: p, min: l, placeholder: o, readOnly: u, required: c, step: a, type: "number", value: Io(I, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: (x) => {
-              this.props.onChange(parseFloat(x.target.value));
-            }, onFocus: this.handleOnFocus, onWheel: (x) => {
-              x.target instanceof HTMLElement && x.target.blur();
+          case N.NUMBER:
+            return (0, Y.jsx)("input", { autoComplete: this.getAutocompleteStatus(), className: "form-control", disabled: d, id: w, max: p, min: l, placeholder: o, readOnly: u, required: c, step: a, type: "number", value: Io(I, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: (v) => {
+              this.props.onChange(parseFloat(v.target.value));
+            }, onFocus: this.handleOnFocus, onWheel: (v) => {
+              v.target instanceof HTMLElement && v.target.blur();
             } });
-          case R.HIDDEN:
-            return (0, K.jsx)("input", { type: "hidden", name: r, value: kt(I, { coerceValue: true }), id: F });
-          case R.PASSWORD:
-            return (0, K.jsx)("input", { autoComplete: this.getAutocompleteStatus(), className: "form-control", disabled: d, id: F, placeholder: o, readOnly: u, required: c, type: "password", value: kt(I, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: this.handleInputOnChange, onFocus: this.handleOnFocus });
-          case R.DATE:
-          case R.DATETIME:
-            return (0, K.jsx)($.DateInput, { disabled: d, size: O, value: pi(I), mode: Y, monthFormat: A, onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
-          case R.DATELOOKUP:
-            return (0, K.jsx)($.DateLookup, { value: fi(I), min: E, max: k, placeholder: o, monthFormat: A, disabled: d, onChange: (x) => {
-              this.handleOnChange(pn(x));
+          case N.HIDDEN:
+            return (0, Y.jsx)("input", { type: "hidden", name: r, value: kt(I, { coerceValue: true }), id: w });
+          case N.PASSWORD:
+            return (0, Y.jsx)("input", { autoComplete: this.getAutocompleteStatus(), className: "form-control", disabled: d, id: w, placeholder: o, readOnly: u, required: c, type: "password", value: kt(I, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: this.handleInputOnChange, onFocus: this.handleOnFocus });
+          case N.DATE:
+          case N.DATETIME:
+            return (0, Y.jsx)(G.DateInput, { disabled: d, size: O, value: pi(I), mode: q, monthFormat: A, onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
+          case N.DATELOOKUP:
+            return (0, Y.jsx)(G.DateLookup, { value: fi(I), min: D, max: k, placeholder: o, monthFormat: A, disabled: d, onChange: (v) => {
+              this.handleOnChange(pn(v));
             }, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
-          case R.TEL:
-            return (0, K.jsx)($.PhoneNumberInput, { disabled: d, countryCode: n, placeholder: o, required: c, searchPlaceholder: f, size: O, initialValue: kt(I), onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
-          case R.TEXTAREA: {
-            let x = { className: "form-control tw-form-control", id: F, name: r, placeholder: o, value: kt(I, { coerceValue: true }), readOnly: u, required: c, minLength: b, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteStatus() };
-            return this.props.displayPattern ? (0, K.jsx)($.TextareaWithDisplayFormat, g(i({ displayPattern: this.props.displayPattern }, x), { onChange: this.handleOnChange })) : (0, K.jsx)("textarea", g(i({}, x), { onChange: this.handleInputOnChange }));
+          case N.TEL:
+            return (0, Y.jsx)(G.PhoneNumberInput, { disabled: d, countryCode: n, placeholder: o, required: c, searchPlaceholder: f, size: O, initialValue: kt(I), onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
+          case N.TEXTAREA: {
+            let v = { className: "form-control tw-form-control", id: w, name: r, placeholder: o, value: kt(I, { coerceValue: true }), readOnly: u, required: c, minLength: b, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteStatus() };
+            return this.props.displayPattern ? (0, Y.jsx)(G.TextareaWithDisplayFormat, h(i({ displayPattern: this.props.displayPattern }, v), { onChange: this.handleOnChange })) : (0, Y.jsx)("textarea", h(i({}, v), { onChange: this.handleInputOnChange }));
           }
-          case R.FILE:
-          case R.UPLOAD:
-            return (0, K.jsx)($.Upload, g(i({}, w), { usAccept: w.usAccept || "*", usDisabled: w.usDisabled || d, onSuccess: (x) => {
-              this.handleOnChange(x);
+          case N.FILE:
+          case N.UPLOAD:
+            return (0, Y.jsx)(G.Upload, h(i({}, F), { usAccept: F.usAccept || "*", usDisabled: F.usDisabled || d, onSuccess: (v) => {
+              this.handleOnChange(v);
             }, onFailure: () => {
               this.handleOnChange(null);
             }, onCancel: () => {
               this.handleOnChange(null);
             } }));
-          case R.TEXT:
+          case N.TEXT:
           default: {
-            let x = { type: "text", className: "form-control", id: F, name: r, placeholder: o, value: kt(I, { coerceValue: true }), readOnly: u, required: c, minLength: b, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteStatus() };
-            return this.props.displayPattern ? (0, K.jsx)($.InputWithDisplayFormat, g(i({ displayPattern: this.props.displayPattern }, x), { onChange: this.handleOnChange })) : (0, K.jsx)("input", g(i({}, x), { onChange: this.handleInputOnChange }));
+            let v = { type: "text", className: "form-control", id: w, name: r, placeholder: o, value: kt(I, { coerceValue: true }), readOnly: u, required: c, minLength: b, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteStatus() };
+            return this.props.displayPattern ? (0, Y.jsx)(G.InputWithDisplayFormat, h(i({ displayPattern: this.props.displayPattern }, v), { onChange: this.handleOnChange })) : (0, Y.jsx)("input", h(i({}, v), { onChange: this.handleInputOnChange }));
           }
         }
       }
     };
     var be = Mt;
-    be.Type = R, be.Size = Sn, be.MonthFormat = bn, be.DateMode = gn, be.defaultProps = { autoComplete: true, countryCode: null, disabled: false, displayPattern: null, id: null, label: "", max: null, maxDate: null, maxLength: null, min: null, minDate: null, minLength: null, mode: Mt.DateMode.DAY_MONTH_YEAR, monthFormat: Mt.MonthFormat.LONG, onBlur: null, onFocus: null, onSearchChange: null, options: [], placeholder: null, readOnly: false, required: false, searchPlaceholder: null, searchValue: "", selectedOption: null, size: Mt.Size.MEDIUM, step: 1, type: Mt.Type.TEXT, uploadProps: {}, value: null };
-    var Ze = require("@transferwise/components");
+    be.Type = N, be.Size = Sn, be.MonthFormat = bn, be.DateMode = gn, be.defaultProps = { autoComplete: true, countryCode: null, disabled: false, displayPattern: null, id: null, label: "", max: null, maxDate: null, maxLength: null, min: null, minDate: null, minLength: null, mode: Mt.DateMode.DAY_MONTH_YEAR, monthFormat: Mt.MonthFormat.LONG, onBlur: null, onFocus: null, onSearchChange: null, options: [], placeholder: null, readOnly: false, required: false, searchPlaceholder: null, searchValue: "", selectedOption: null, size: Mt.Size.MEDIUM, step: 1, type: Mt.Type.TEXT, uploadProps: {}, value: null };
+    var Xe = require("@transferwise/components");
     var Lo = qe(require("@transferwise/icons"));
     var Kt = require("react/jsx-runtime");
     var Ym = ({ type: e }) => {
@@ -1471,7 +1471,7 @@ var require_main_min = __commonJS({
       let t = hi(e);
       return Object.keys(Lo).includes(t);
     }
-    var Ye = Ym;
+    var Je = Ym;
     function Ir(e) {
       if (e) {
         let t = Zm.indexOf(e);
@@ -1497,25 +1497,25 @@ var require_main_min = __commonJS({
     var Si = (e) => e ? Ir(e.name) : null;
     var ed = (e) => z(e) ? { searchStrings: e } : {};
     var td = (e) => e != null && e.url ? { icon: (0, Se.jsx)("div", { className: "media", children: (0, Se.jsx)("div", { className: "np-option__no-media-circle", children: (0, Se.jsx)("img", { src: e.url, alt: e.name || "" }) }) }) } : null;
-    var rd = (e) => e != null && e.name && To(e.name) ? { icon: (0, Se.jsx)(Ye, { type: e.name }) } : e != null && e.text ? { icon: (0, Se.jsx)("span", { children: e.text }) } : null;
-    var Dr = (e) => e != null && e.name && To(e.name) ? { avatar: (0, Se.jsx)(Ze.Avatar, { type: Ze.AvatarType.ICON, children: (0, Se.jsx)(Ye, { type: e.name }) }) } : e != null && e.text ? { avatar: (0, Se.jsx)(Ze.Avatar, { type: Ze.AvatarType.INITIALS, children: e.text }) } : null;
-    var Lr = (e) => e && e.url ? { avatar: (0, Se.jsx)(Ze.Avatar, { type: Ze.AvatarType.THUMBNAIL, children: (0, Se.jsx)("img", { src: e.url, alt: "User avatar" }) }) } : null;
+    var rd = (e) => e != null && e.name && To(e.name) ? { icon: (0, Se.jsx)(Je, { type: e.name }) } : e != null && e.text ? { icon: (0, Se.jsx)("span", { children: e.text }) } : null;
+    var Dr = (e) => e != null && e.name && To(e.name) ? { avatar: (0, Se.jsx)(Xe.Avatar, { type: Xe.AvatarType.ICON, children: (0, Se.jsx)(Je, { type: e.name }) }) } : e != null && e.text ? { avatar: (0, Se.jsx)(Xe.Avatar, { type: Xe.AvatarType.INITIALS, children: e.text }) } : null;
+    var Lr = (e) => e && e.url ? { avatar: (0, Se.jsx)(Xe.Avatar, { type: Xe.AvatarType.THUMBNAIL, children: (0, Se.jsx)("img", { src: e.url, alt: "User avatar" }) }) } : null;
     var Tr = ({ accepts: e }) => i({}, z(e) && { usAccept: e.join(",") });
     var wi = (e, t) => {
       if (e && t)
         return { [(e + t).length > 50 ? "secondary" : "note"]: t };
     };
     var Fi = (e) => {
-      if (!W(e) && !M(e))
+      if (!K(e) && !E(e))
         return { disabled: e };
     };
     var xi = require("react/jsx-runtime");
     var od = (e) => e === "string" || e === "number";
-    var Bo = (e) => {
+    var Bo = (e, t) => {
+      if (me(e))
+        return e.control === N.TAB && e.oneOf.length > 3 ? N.SELECT : e.oneOf.length === 2 && !e.control ? (t.warning("Deprecation warning", 'A oneOf schema with 2 options and no control type currently renders as a "radio" but will be changed to render as a "select". Please specify control radio to retain the existing behaviour.'), N.RADIO) : e.control || N.SELECT;
       if ("control" in e && e.control)
-        return me(e) && e.oneOf.length > 3 ? R.SELECT : e.control;
-      if (e.oneOf)
-        return e.oneOf.length === 1 || e.oneOf.length >= 3 ? "select" : "radio";
+        return e.control;
       if (e.type === "string")
         switch (e.format) {
           case "date":
@@ -1533,17 +1533,17 @@ var require_main_min = __commonJS({
     };
     var ad = (e, t) => e.oneOf ? e.oneOf.map((r) => bi(r, t)) : null;
     var Ci = (e) => {
-      let t = bt(), r = (u) => od(e.schema.type) && (M(u) || W(u)) ? "" : u, o = (u, c) => {
+      let t = Ge(), r = (u) => od(e.schema.type) && (E(u) || K(u)) ? "" : u, o = (u, c) => {
         e.onChange(De(u, e.schema), c);
-      }, a = Bo(e.schema);
-      a === "file" && t.warning("Deprecation advanced warning", "Please use a persist-async blob schema instead of string with base64url for file uploads. The base64url does not perform well on low end devices. Support for this schema will be removed in a later release."), e.schema.values && t.error("Deprecated schema", "Schema.values is a legacy approach. Please use oneOf.");
+      }, a = Bo(e.schema, t);
+      a === "file" && t.warning("Deprecation warning", "Please use a persist-async blob schema instead of string with base64url for file uploads. The base64url does not perform well on low end devices. Support for this schema will be removed in a later release."), e.schema.values && t.error("Deprecated schema", "Schema.values is a legacy approach. Please use oneOf.");
       let n = e.schema.values || ad(e.schema, a), s = { onFocus: e.onFocus, onBlur: e.onBlur, onSearchChange: e.onSearchChange, onChange: o }, m = r(e.value), d = { id: e.id, name: e.id, label: e.schema.title, options: n || [], placeholder: e.schema.placeholder, autoComplete: !e.schema.help, disabled: e.disabled || e.schema.disabled, displayPattern: e.schema.displayFormat, uploadProps: Tr(e.schema) };
       return (0, xi.jsx)(be, i(i({ type: a, value: m }, s), d));
     };
     Ci.defaultProps = { value: null, onFocus: null, onBlur: null, onSearchChange: null, disabled: false };
     var Yt = Ci;
     function Ne(e) {
-      return !W(e == null ? void 0 : e.const);
+      return !K(e == null ? void 0 : e.const);
     }
     function Jt(e) {
       return !!e && !Ne(e);
@@ -1559,9 +1559,9 @@ var require_main_min = __commonJS({
         if (o >= 0)
           return o;
       }
-      return jt(e) && J(t) && Object.keys(t).length >= 1 ? Br(e, t) : jt(e) && !W(e.default) && J(e.default) && Object.keys(e.default).length >= 1 ? Br(e, e.default) : null;
+      return jt(e) && J(t) && Object.keys(t).length >= 1 ? Br(e, t) : jt(e) && !K(e.default) && J(e.default) && Object.keys(e.default).length >= 1 ? Br(e, e.default) : null;
     };
-    var Zt = (e, t) => e.oneOf.findIndex((r) => !W(t) && q(t, r));
+    var Zt = (e, t) => e.oneOf.findIndex((r) => !K(t) && $(t, r));
     function Br(e, t) {
       if (t == null)
         return null;
@@ -1572,32 +1572,32 @@ var require_main_min = __commonJS({
       return e.properties !== null && typeof e.properties == "object" ? Object.entries(e.properties) : [];
     }
     var te = require("react/jsx-runtime");
-    var Ai = (e) => {
-      let t = Z(), [r, o] = (0, Me.useState)(false), [a, n] = (0, Me.useState)(false), [s, m] = (0, Me.useState)(false), d = (0, Me.useMemo)(() => e.schema.$id || Ae(), [e.schema.$id]), [u, c] = (0, Me.useState)(Oi(e.schema, e.model)), [b, y] = (0, Me.useState)(cd(e.model, e.schema.oneOf)), l = On(t, 200), p = (F) => {
-        l("Dynamic Flow - OneOf Searched", { oneOfId: e.schema.analyticsId, searchValueLength: F.length });
+    var vi = (e) => {
+      let t = Z(), [r, o] = (0, Me.useState)(false), [a, n] = (0, Me.useState)(false), [s, m] = (0, Me.useState)(false), d = (0, Me.useMemo)(() => e.schema.$id || ve(), [e.schema.$id]), [u, c] = (0, Me.useState)(Oi(e.schema, e.model)), [b, y] = (0, Me.useState)(cd(e.model, e.schema.oneOf)), l = On(t, 200), p = (w) => {
+        l("Dynamic Flow - OneOf Searched", { oneOfId: e.schema.analyticsId, searchValueLength: w.length });
       };
       if ((0, Me.useEffect)(() => {
-        let F = Zt(e.schema, e.model), E = Zt(e.schema, e.schema.default);
-        F === -1 && E >= 0 && O(E, "init");
+        let w = Zt(e.schema, e.model), D = Zt(e.schema, e.schema.default);
+        w === -1 && D >= 0 && O(D, "init");
       }, [e.schema]), !z(e.schema.oneOf))
         return console.error("Incorrect format", e.schema), null;
-      let f = (F, E) => {
-        y([...b.slice(0, F), E.model, ...b.slice(F + 1)]), o(true), e.onChange(E);
-      }, h = () => {
+      let f = (w, D) => {
+        y([...b.slice(0, w), D.model, ...b.slice(w + 1)]), o(true), e.onChange(D);
+      }, g = () => {
         n(true);
       }, S = () => {
         n(false), m(true);
-      }, O = (F, E) => {
-        c(F);
-        let k = e.schema.oneOf[F];
+      }, O = (w, D) => {
+        c(w);
+        let k = e.schema.oneOf[w];
         if (Ne(k)) {
           let I = k.const;
-          e.onChange({ model: I, triggerSchema: e.schema, triggerModel: I, type: E });
+          e.onChange({ model: I, triggerSchema: e.schema, triggerModel: I, type: D });
         } else
-          e.onChange({ model: b[F], triggerSchema: k, triggerModel: b[F], type: E });
-        E !== "init" && e.schema.analyticsId && t("Dynamic Flow - OneOf Selected", { oneOfId: e.schema.analyticsId, schemaId: k == null ? void 0 : k.analyticsId });
-      }, w = md(e.schema), v = sd(e, u), A = { "form-group": true, "has-error": !r && e.errors && !Ft(e.errors) || (e.submitted || r && s) && v.length };
-      return (0, te.jsxs)(te.Fragment, { children: [(e.schema.oneOf.length > 1 || Ne(e.schema.oneOf[0])) && (0, te.jsxs)(te.Fragment, { children: [(0, te.jsxs)("div", { className: (0, vi.default)(A), children: [id(e.schema, d), (0, te.jsx)(Yt, { id: d, schema: w, value: u, disabled: e.disabled, onChange: O, onFocus: h, onBlur: S, onSearchChange: p }), (0, te.jsx)(Te, { changed: r, focused: a, blurred: s, submitted: e.submitted, errors: ld(e.errors), schema: e.schema, validations: v, infoMessage: null })] }), e.schema.alert && (0, te.jsx)(ae, { component: e.schema.alert })] }), Jt(e.schema.oneOf[u]) && (0, te.jsx)(de, { schema: e.schema.oneOf[u], model: b[u], errors: e.errors, submitted: e.submitted, hideTitle: true, disabled: e.disabled, onChange: (F) => f(u, F), onPersistAsync: e.onPersistAsync })] });
+          e.onChange({ model: b[w], triggerSchema: k, triggerModel: b[w], type: D });
+        D !== "init" && e.schema.analyticsId && t("Dynamic Flow - OneOf Selected", { oneOfId: e.schema.analyticsId, schemaId: k == null ? void 0 : k.analyticsId });
+      }, F = md(e.schema), C = sd(e, u), A = { "form-group": true, "has-error": !r && e.errors && !Ft(e.errors) || (e.submitted || r && s) && C.length };
+      return (0, te.jsxs)(te.Fragment, { children: [(e.schema.oneOf.length > 1 || Ne(e.schema.oneOf[0])) && (0, te.jsxs)(te.Fragment, { children: [(0, te.jsxs)("div", { className: (0, Ai.default)(A), children: [id(e.schema, d), (0, te.jsx)(Yt, { id: d, schema: F, value: u, disabled: e.disabled, onChange: O, onFocus: g, onBlur: S, onSearchChange: p }), (0, te.jsx)(Te, { changed: r, focused: a, blurred: s, submitted: e.submitted, errors: ld(e.errors), schema: e.schema, validations: C, infoMessage: null })] }), e.schema.alert && (0, te.jsx)(ae, { component: e.schema.alert })] }), Jt(e.schema.oneOf[u]) && (0, te.jsx)(de, { schema: e.schema.oneOf[u], model: b[u], errors: e.errors, submitted: e.submitted, hideTitle: true, disabled: e.disabled, onChange: (w) => f(u, w), onPersistAsync: e.onPersistAsync })] });
     };
     function id(e, t) {
       let r = e.help ? (0, te.jsx)(Pt, { help: e.help }) : null, o = Ne(e.oneOf[0]) ? (0, te.jsxs)("label", { className: "control-label d-inline", htmlFor: t, children: [e.title, " ", r] }) : (0, te.jsxs)("h4", { className: "m-b-2", children: [e.title, " ", r] });
@@ -1605,7 +1605,7 @@ var require_main_min = __commonJS({
     }
     function sd(e, t) {
       let r = e.schema.oneOf[t != null ? t : -1];
-      return Ne(r) ? Ge(r.const, e.schema, !!e.required) : t === null || t < 0 ? Ge(null, e.schema, !!e.required) : [];
+      return Ne(r) ? _e(r.const, e.schema, !!e.required) : t === null || t < 0 ? _e(null, e.schema, !!e.required) : [];
     }
     function ld(e) {
       return typeof e == "string" ? e : null;
@@ -1614,42 +1614,42 @@ var require_main_min = __commonJS({
       return t.map((r) => Ht(e, r));
     }
     function md(e) {
-      return g(i({}, e), { oneOf: e.oneOf.map(dd) });
+      return h(i({}, e), { oneOf: e.oneOf.map(dd) });
     }
     function dd(e, t) {
       let { title: r, description: o, disabled: a = false, icon: n, image: s, keywords: m } = e;
       return { title: r, description: o, disabled: a, icon: n, image: s, const: t, keywords: m };
     }
-    Ai.defaultProps = { required: false, disabled: false };
-    var Nr = Ai;
-    var Ei = qe(st());
-    var dt = require("react");
+    vi.defaultProps = { required: false, disabled: false };
+    var Nr = vi;
+    var Ei = qe(lt());
+    var ut = require("react");
     var Rr = require("@transferwise/components");
     var Pi = require("react");
     var Mi = require("react/jsx-runtime");
     var ki = (e) => {
-      let { id: t, httpClient: r = fetch, httpOptions: o, fileId: a, idProperty: n, usAccept: s, maxSize: m, usPlaceholder: d, onSuccess: u, onFailure: c, onCancel: b } = e, y = Z(), l = (0, Pi.useMemo)(() => a ? [{ id: a, status: Rr.Status.SUCCEEDED }] : [], [a]), p = (f) => (y("Dynamic Flow - PersistAsync", { status: "pending", schemaId: t }), r(`${o.url}`, { method: o.method || "POST", body: f }).then((h) => h.ok ? (u && u(h.clone()), h.json().then((S) => ({ id: S[n] }))) : (c && c({ response: h }), Promise.reject())));
+      let { id: t, httpClient: r = fetch, httpOptions: o, fileId: a, idProperty: n, usAccept: s, maxSize: m, usPlaceholder: d, onSuccess: u, onFailure: c, onCancel: b } = e, y = Z(), l = (0, Pi.useMemo)(() => a ? [{ id: a, status: Rr.Status.SUCCEEDED }] : [], [a]), p = (f) => (y("Dynamic Flow - PersistAsync", { status: "pending", schemaId: t }), r(`${o.url}`, { method: o.method || "POST", body: f }).then((g) => g.ok ? (u && u(g.clone()), g.json().then((S) => ({ id: S[n] }))) : (c && c({ response: g }), Promise.reject())));
       return (0, Mi.jsx)(Rr.UploadInput, { id: t, fileInputName: o.fileInputName, files: l, uploadButtonTitle: e.usLabel, sizeLimit: m ? Sr(m) : void 0, fileTypes: s, description: d, onUploadFile: p, onDeleteFile: (f) => (b && b(), Promise.resolve()) });
     };
     var Xt = require("react/jsx-runtime");
     var Ii = (e) => {
-      let [t, r] = (0, dt.useState)({}), [o, a] = (0, dt.useState)(null), [n, s] = (0, dt.useState)([]), [m, d] = (0, dt.useState)(false), u = re(), c = Z();
-      (0, dt.useEffect)(() => {
-        e.submitted && s(Ge(e.model, e.schema, !!e.required));
+      let [t, r] = (0, ut.useState)({}), [o, a] = (0, ut.useState)(null), [n, s] = (0, ut.useState)([]), [m, d] = (0, ut.useState)(false), u = re(), c = Z();
+      (0, ut.useEffect)(() => {
+        e.submitted && s(_e(e.model, e.schema, !!e.required));
       }, [e.model, e.submitted]);
-      let y = async (w, v) => {
-        let A = await w.json(), F = Uo(e.schema.persistAsync.idProperty, A);
-        e.onChange({ model: F, triggerSchema: e.schema, triggerModel: F }), d(true), c("Dynamic Flow - PersistAsync", { status: "success", schemaId: e.schema.$id });
-      }, l = async (w) => {
-        if (w.response && dr(w.response.status)) {
-          let v = await w.response.json();
-          r(v.validation || {}), a([e.schema.persistAsync.param]);
+      let y = async (F, C) => {
+        let A = await F.json(), w = Uo(e.schema.persistAsync.idProperty, A);
+        e.onChange({ model: w, triggerSchema: e.schema, triggerModel: w }), d(true), c("Dynamic Flow - PersistAsync", { status: "success", schemaId: e.schema.$id });
+      }, l = async (F) => {
+        if (F.response && dr(F.response.status)) {
+          let C = await F.response.json();
+          r(C.validation || {}), a([e.schema.persistAsync.param]);
         }
         e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null }), d(true), c("Dynamic Flow - PersistAsync", { status: "failure", schemaId: e.schema.$id });
       }, p = () => {
         a(null), e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null }), d(true);
-      }, { url: f, method: h } = e.schema.persistAsync, S = o || n, O = { "form-group": true, "has-error": (e.submitted || m) && !!S.length };
-      return (0, Xt.jsxs)("div", { className: (0, Ei.default)(O), children: [(0, Xt.jsx)(ki, i({ id: e.schema.$id || e.schema.persistAsync.schema.$id || e.schema.persistAsync.idProperty, fileId: e.model, idProperty: e.schema.persistAsync.idProperty, animationDelay: 0, maxSize: e.schema.persistAsync.schema.maxSize, usLabel: e.schema.title || e.schema.persistAsync.schema.title, usPlaceholder: e.schema.description || e.schema.persistAsync.schema.description, httpOptions: { url: f, method: h, fileInputName: e.schema.persistAsync.param }, httpClient: u, onSuccess: y, onFailure: l, onCancel: p }, Tr(e.schema.persistAsync.schema))), (0, Xt.jsx)(Te, { blurred: true, focused: false, changed: m, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: i({ required: "Value is required..." }, t), infoMessage: null })] });
+      }, { url: f, method: g } = e.schema.persistAsync, S = o || n, O = { "form-group": true, "has-error": (e.submitted || m) && !!S.length };
+      return (0, Xt.jsxs)("div", { className: (0, Ei.default)(O), children: [(0, Xt.jsx)(ki, i({ id: e.schema.$id || e.schema.persistAsync.schema.$id || e.schema.persistAsync.idProperty, fileId: e.model, idProperty: e.schema.persistAsync.idProperty, animationDelay: 0, maxSize: e.schema.persistAsync.schema.maxSize, usLabel: e.schema.title || e.schema.persistAsync.schema.title, usPlaceholder: e.schema.description || e.schema.persistAsync.schema.description, httpOptions: { url: f, method: g, fileInputName: e.schema.persistAsync.param }, httpClient: u, onSuccess: y, onFailure: l, onCancel: p }, Tr(e.schema.persistAsync.schema))), (0, Xt.jsx)(Te, { blurred: true, focused: false, changed: m, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: i({ required: "Value is required..." }, t), infoMessage: null })] });
     };
     Ii.defaultProps = { required: false };
     var Ro = Ii;
@@ -1695,36 +1695,36 @@ var require_main_min = __commonJS({
           return (0, Et.jsx)(Et.Fragment, {});
       }
     };
-    zi.defaultProps = { id: Ae(), title: void 0 };
+    zi.defaultProps = { id: ve(), title: void 0 };
     var Vi = zi;
     var Re = require("react/jsx-runtime");
     var qi = (e) => e.promoted === true;
     var ud = (e) => {
       var m;
       let [t, r] = (0, Hi.useState)(Li(e.schema, e.model) || ((m = e.schema.promotion) == null ? void 0 : m.default) || "promoted"), o = e.schema.alert, a = e.schema.oneOf.find(qi), n = pd(a), s = fd(e.schema);
-      return (0, Re.jsxs)(Re.Fragment, { children: [o && (0, Re.jsx)(ae, { component: o }), (0, Re.jsx)(Vi, { id: e.schema.$id, title: e.schema.title, promotedOneOf: a, promotion: e.schema.promotion, selection: t, setSelection: r }), t === "promoted" && (0, Re.jsx)(At, g(i({}, e), { schema: n })), t === "other" && (0, Re.jsx)(de, g(i({}, e), { schema: s }))] });
+      return (0, Re.jsxs)(Re.Fragment, { children: [o && (0, Re.jsx)(ae, { component: o }), (0, Re.jsx)(Vi, { id: e.schema.$id, title: e.schema.title, promotedOneOf: a, promotion: e.schema.promotion, selection: t, setSelection: r }), t === "promoted" && (0, Re.jsx)(vt, h(i({}, e), { schema: n })), t === "other" && (0, Re.jsx)(de, h(i({}, e), { schema: s }))] });
     };
     function pd(e) {
-      return g(i({}, e), { title: void 0, description: void 0 });
+      return h(i({}, e), { title: void 0, description: void 0 });
     }
     function fd(e) {
       var o, a, n;
       let t = (o = e.promotion) != null && o.displayTwice ? [...e.oneOf] : e.oneOf.filter((s) => !qi(s)), r = (n = (a = e.promotion) == null ? void 0 : a.other.heading) == null ? void 0 : n.text;
-      return t.length === 1 ? g(i({}, t[0]), { title: r }) : t.length > 1 ? { title: r, oneOf: t, control: e.control } : null;
+      return t.length === 1 ? h(i({}, t[0]), { title: r }) : t.length > 1 ? { title: r, oneOf: t, control: e.control } : null;
     }
     var jr = ud;
     var zr = require("@transferwise/components");
     var Gi = require("react-intl");
     var $i = require("react-intl");
     var Vo = (0, $i.defineMessages)({ yes: { id: "dynamicFlows.ReadOnlySchema.yes", defaultMessage: "Yes", description: "Yes, used for boolean schemas with a value of true." }, no: { id: "dynamicFlows.ReadOnlySchema.no", defaultMessage: "No", description: "No: used for boolean schemas with a value of false." } });
-    var ut = require("react/jsx-runtime");
+    var pt = require("react/jsx-runtime");
     var yd = ({ schema: e, model: t }) => {
       let { title: r = "" } = e, { formatMessage: o } = (0, Gi.useIntl)(), a = hd({ schema: e, model: t, formatMessage: o });
-      return (0, ut.jsx)(zr.DefinitionList, { layout: zr.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title: r, value: a, key: "" }] });
+      return (0, pt.jsx)(zr.DefinitionList, { layout: zr.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title: r, value: a, key: "" }] });
     };
     var Ho = yd;
     function hd({ schema: e, model: t, formatMessage: r }) {
-      return fe(e) ? me(e) ? gd(e, t) : e.type === "boolean" && ve(t) ? r(t ? Vo.yes : Vo.no) : t && t.toString() || "" : "";
+      return fe(e) ? me(e) ? gd(e, t) : e.type === "boolean" && Ae(t) ? r(t ? Vo.yes : Vo.no) : t && t.toString() || "" : "";
     }
     function gd(e, t) {
       let r = bd(e, t);
@@ -1735,108 +1735,108 @@ var require_main_min = __commonJS({
     }
     function Sd(e) {
       let t = e.title && e.description ? `${e.title} - ${e.description}` : e.title || "", r = wd(e);
-      return r ? (0, ut.jsxs)(ut.Fragment, { children: [r, " ", t] }) : t;
+      return r ? (0, pt.jsxs)(pt.Fragment, { children: [r, " ", t] }) : t;
     }
     function wd(e) {
       var r, o;
       let t = (o = Ir((r = e.icon) == null ? void 0 : r.name)) == null ? void 0 : o.currency;
-      return t ? (0, ut.jsx)("i", { className: `currency-flag currency-flag-${t} hidden-xs` }) : null;
+      return t ? (0, pt.jsx)("i", { className: `currency-flag currency-flag-${t} hidden-xs` }) : null;
     }
-    var Xe = require("react");
+    var Qe = require("react");
     var Wi = require("react/jsx-runtime");
     var _i = (e) => {
-      let [t, r] = (0, Xe.useState)(e.model), o = (0, Xe.useRef)(null), [a, n] = (0, Xe.useState)(null), [s, m] = (0, Xe.useState)(null), [d, u] = (0, Xe.useState)(false), [c, b] = (0, Xe.useState)(null), y = re(), l = Z(), p = bt(), f = async (v, A) => {
-        let F = h(), E = { [A.param]: v };
-        o.current = v, u(true), A.method || p.warning("Invalid schema or model", 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {}), l("Dynamic Flow - ValidationAsync", { status: "pending" });
-        let k = await y(A.url, { method: A.method || "POST", headers: { "Content-Type": "application/json" }, body: A.method === "GET" ? void 0 : JSON.stringify(E), signal: F });
+      let [t, r] = (0, Qe.useState)(e.model), o = (0, Qe.useRef)(null), [a, n] = (0, Qe.useState)(null), [s, m] = (0, Qe.useState)(null), [d, u] = (0, Qe.useState)(false), [c, b] = (0, Qe.useState)(null), y = re(), l = Z(), p = Ge(), f = async (C, A) => {
+        let w = g(), D = { [A.param]: C };
+        o.current = C, u(true), A.method || p.warning("Invalid schema or model", 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {}), l("Dynamic Flow - ValidationAsync", { status: "pending" });
+        let k = await y(A.url, { method: A.method || "POST", headers: { "Content-Type": "application/json" }, body: A.method === "GET" ? void 0 : JSON.stringify(D), signal: w });
         try {
           let I = await k.json();
-          if (!B(I))
+          if (!R(I))
             throw new Error("Response body is not an object");
           l("Dynamic Flow - ValidationAsync", { status: "success" }), k.status === 200 ? n(L(I.message) ? I.message : null) : k.status === 422 && m(L(I.message) ? I.message : null);
         } catch (I) {
           l("Dynamic Flow - ValidationAsync", { status: "failure" });
         }
-      }, h = () => {
+      }, g = () => {
         c && c.abort();
-        let v = new AbortController();
-        return b(v), v.signal;
+        let C = new AbortController();
+        return b(C), C.signal;
       }, S = () => {
-        !M(t) && !_e(t, o.current) && f(t, e.schema.validationAsync);
-      }, O = (v) => {
-        e.onChange(g(i({}, v), { triggerSchema: e.schema, triggerModel: v.model })), m(null), n(null), q(v.model, e.schema) && r(v.model);
-      }, w = { required: e.required, submitted: e.submitted || d, schema: e.schema, model: t, errors: s || e.errors, onChange: O, onBlur: S, infoMessage: a };
-      return (0, Wi.jsx)(Qe, i({}, w));
+        !E(t) && !We(t, o.current) && f(t, e.schema.validationAsync);
+      }, O = (C) => {
+        e.onChange(h(i({}, C), { triggerSchema: e.schema, triggerModel: C.model })), m(null), n(null), $(C.model, e.schema) && r(C.model);
+      }, F = { required: e.required, submitted: e.submitted || d, schema: e.schema, model: t, errors: s || e.errors, onChange: O, onBlur: S, infoMessage: a };
+      return (0, Wi.jsx)(et, i({}, F));
     };
     _i.defaultProps = { required: false };
     var Vr = _i;
     var V = require("react/jsx-runtime");
     var Fd = (e) => {
-      let { schema: t, model: r = null, errors: o = null, hideTitle: a = false, disabled: n = false } = e, s = g(i({}, e), { model: r, errors: o, hideTitle: a, disabled: n }), m = Fo(t), d = bt(), u = () => d.error("Invalid schema or model", `Schema of type ${m || "undefined"} requested, but schema did not pass validation.`);
+      let { schema: t, model: r = null, errors: o = null, hideTitle: a = false, disabled: n = false } = e, s = h(i({}, e), { model: r, errors: o, hideTitle: a, disabled: n }), m = Fo(t), d = Ge(), u = () => d.error("Invalid schema or model", `Schema of type ${m || "undefined"} requested, but schema did not pass validation.`);
       switch (m) {
         case "readOnly":
           return (0, V.jsx)(Ho, i({}, s));
         case "persistAsync":
           if (wt(t) && $a(r) && St(o)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
             return (0, V.jsx)(Ur, i({}, c));
           } else
             return u(), (0, V.jsx)(Ur, i({}, e));
         case "validationAsync":
           if (Vt(t) && mo(r) && St(o)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
             return (0, V.jsx)(Vr, i({}, c));
           } else
             return u(), (0, V.jsx)(Vr, i({}, e));
         case "basic":
           if (fe(t) && mo(r) && St(o)) {
-            let c = g(i({ infoMessage: null }, s), { schema: t, model: r, errors: o });
-            return (0, V.jsx)(Qe, i({}, c));
+            let c = h(i({ infoMessage: null }, s), { schema: t, model: r, errors: o });
+            return (0, V.jsx)(et, i({}, c));
           } else {
-            let c = g(i({ infoMessage: null }, s), { schema: t, model: r, errors: o });
-            return u(), (0, V.jsx)(Qe, i({}, c));
+            let c = h(i({ infoMessage: null }, s), { schema: t, model: r, errors: o });
+            return u(), (0, V.jsx)(et, i({}, c));
           }
         case "object":
           if (ce(t) && co(r)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
-            return (0, V.jsx)(At, i({}, c), JSON.stringify(t));
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
+            return (0, V.jsx)(vt, i({}, c), JSON.stringify(t));
           } else
-            return u(), (0, V.jsx)(At, i({}, e));
+            return u(), (0, V.jsx)(vt, i({}, e));
         case "array":
           if (ye(t) && Ga(r) && St(o)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
             return (0, V.jsx)(kr, i({}, c));
           } else
             return u(), (0, V.jsx)(kr, i({}, e));
         case "promotedOneOf":
           if (jt(t) && co(r)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
             return (0, V.jsx)(jr, i({}, c));
           } else
             return u(), (0, V.jsx)(jr, i({}, e));
         case "oneOf":
           if (me(t)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
             return (0, V.jsx)(Nr, i({}, c));
           } else
             return u(), (0, V.jsx)(Nr, i({}, e));
         case "allOf":
           if (zt(t) && J(r)) {
-            let c = g(i({}, s), { schema: t, model: r, errors: o });
-            return (0, V.jsx)(vr, i({}, c));
+            let c = h(i({}, s), { schema: t, model: r, errors: o });
+            return (0, V.jsx)(Ar, i({}, c));
           } else
-            return u(), (0, V.jsx)(vr, i({}, e));
+            return u(), (0, V.jsx)(Ar, i({}, e));
       }
       return (0, V.jsx)(V.Fragment, {});
     };
     var de = Fd;
-    var pt = require("react/jsx-runtime");
+    var ft = require("react/jsx-runtime");
     var Cd = (e) => {
       let t = i({ model: null, errors: null, disabled: false, baseUrl: "" }, e);
-      return hr() || t.baseUrl == null ? (0, pt.jsx)(de, i({}, t)) : (0, pt.jsx)(xd, { baseUrl: t.baseUrl, onEvent: t.onEvent, onLog: t.onLog, children: (0, pt.jsx)(de, i({}, t)) });
+      return hr() || t.baseUrl == null ? (0, ft.jsx)(de, i({}, t)) : (0, ft.jsx)(xd, { baseUrl: t.baseUrl, onEvent: t.onEvent, onLog: t.onLog, children: (0, ft.jsx)(de, i({}, t)) });
     };
     var er = Cd;
-    var xd = ({ baseUrl: e, onEvent: t, onLog: r, children: o }) => (0, pt.jsx)(gr, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: r != null ? r : Ki, children: (0, pt.jsx)(mr, { metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" }, onEvent: t != null ? t : Ki, children: (0, pt.jsx)(yr, { baseUrl: e, children: o }) }) });
+    var xd = ({ baseUrl: e, onEvent: t, onLog: r, children: o }) => (0, ft.jsx)(gr, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: r != null ? r : Ki, children: (0, ft.jsx)(mr, { metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" }, onEvent: t != null ? t : Ki, children: (0, ft.jsx)(yr, { baseUrl: e, children: o }) }) });
     var Ki = () => {
     };
     var qo = require("react/jsx-runtime");
@@ -1848,8 +1848,8 @@ var require_main_min = __commonJS({
     };
     var $o = Od;
     var It = require("react/jsx-runtime");
-    var vd = (e) => {
-      let { text: t, size: r = "md", align: o = "left", margin: a = "md" } = e.component, n = We({ align: o, margin: a });
+    var Ad = (e) => {
+      let { text: t, size: r = "md", align: o = "left", margin: a = "md" } = e.component, n = Ke({ align: o, margin: a });
       switch (r) {
         case "xs":
           return (0, It.jsx)("h5", { className: n, children: t });
@@ -1864,11 +1864,11 @@ var require_main_min = __commonJS({
           return (0, It.jsx)("h3", { className: n, children: t });
       }
     };
-    var Go = vd;
+    var Go = Ad;
     var Yi = require("@transferwise/components");
     var _o = require("react/jsx-runtime");
-    var Ad = ({ component: e }) => (0, _o.jsx)("div", { className: We(e), children: (0, _o.jsx)(Yi.Markdown, { config: { link: { target: "_blank" } }, children: e.markdown }) });
-    var Wo = Ad;
+    var vd = ({ component: e }) => (0, _o.jsx)("div", { className: Ke(e), children: (0, _o.jsx)(Yi.Markdown, { config: { link: { target: "_blank" } }, children: e.markdown }) });
+    var Wo = vd;
     var Ji = require("@transferwise/components");
     var Hr = require("react");
     var Ko = require("react/jsx-runtime");
@@ -1913,7 +1913,7 @@ var require_main_min = __commonJS({
           case "review":
             return (0, H.jsx)(Qo, { component: c, onAction: s }, X(c));
           case "divider":
-            return (0, H.jsx)(Ao, { component: c }, X(c));
+            return (0, H.jsx)(vo, { component: c }, X(c));
           case "info":
             return (0, H.jsx)(Wo, { component: c }, X(c));
           case "columns":
@@ -1925,7 +1925,7 @@ var require_main_min = __commonJS({
           case "box":
             return (0, H.jsx)(Co, { component: c, model: r, submitted: o, errors: a, onModelChange: n, onAction: s, onPersistAsync: m }, X(c));
           case "decision":
-            return (0, H.jsx)(vo, { component: c, onAction: s }, X(c));
+            return (0, H.jsx)(Ao, { component: c, onAction: s }, X(c));
           case "external":
             return (0, H.jsx)(Po, { component: c, onAction: s }, X(c));
           case "list":
@@ -1943,7 +1943,7 @@ var require_main_min = __commonJS({
     var Dt = require("react/jsx-runtime");
     var Id = ({ component: e }) => (0, Dt.jsxs)("div", { className: j(e.margin || "md"), children: [e.title ? (0, Dt.jsxs)("h4", { className: "m-b-2", children: [" ", e.title, " "] }) : null, e.items.map(Dd)] });
     function Dd({ title: e, description: t, icon: r, status: o }) {
-      let a = i(i({ key: `${e}/${t || ""}`, title: e, description: t }, r != null && r.name ? { icon: (0, Dt.jsx)(Ye, { type: r.name }) } : {}), o ? { status: Ld[o] } : {});
+      let a = i(i({ key: `${e}/${t || ""}`, title: e, description: t }, r != null && r.name ? { icon: (0, Dt.jsx)(Je, { type: r.name }) } : {}), o ? { status: Ld[o] } : {});
       return (0, Dt.jsx)(Zi.Summary, i({}, a));
     }
     var Ld = { positive: "done", warning: "pending", neutral: "notDone" };
@@ -1967,15 +1967,15 @@ var require_main_min = __commonJS({
     }
     function Bd() {
     }
-    var et = require("react/jsx-runtime");
-    var Nd = ({ component: e }) => e.control === "copyable" ? (0, et.jsx)(Ud, { component: e }) : (0, et.jsx)(Rd, { component: e });
-    var Rd = ({ component: e }) => (0, et.jsxs)("p", { className: We(e), children: [" ", e.text, " "] });
+    var tt = require("react/jsx-runtime");
+    var Nd = ({ component: e }) => e.control === "copyable" ? (0, tt.jsx)(Ud, { component: e }) : (0, tt.jsx)(Rd, { component: e });
+    var Rd = ({ component: e }) => (0, tt.jsxs)("p", { className: Ke(e), children: [" ", e.text, " "] });
     var Ud = ({ component: e }) => {
       let { formatMessage: t } = (0, ns.useIntl)(), r = os(), { text: o } = e, a = () => {
         var s;
         (s = navigator.clipboard) == null || s.writeText(o).then(() => r({ text: t(ea.copied) })).catch(jd);
-      }, n = We({ align: e.align, margin: "sm" }) + " form-control";
-      return (0, et.jsxs)("div", { className: We(e), children: [(0, et.jsx)("input", { type: "text", className: n, value: o, readOnly: true, style: { textOverflow: "ellipsis" } }), (0, et.jsx)(as.Button, { block: true, onClick: a, children: t(ea.copy) })] });
+      }, n = Ke({ align: e.align, margin: "sm" }) + " form-control";
+      return (0, tt.jsxs)("div", { className: Ke(e), children: [(0, tt.jsx)("input", { type: "text", className: n, value: o, readOnly: true, style: { textOverflow: "ellipsis" } }), (0, tt.jsx)(as.Button, { block: true, onClick: a, children: t(ea.copy) })] });
     };
     function jd() {
     }
@@ -1992,90 +1992,90 @@ var require_main_min = __commonJS({
     };
     var Qo = Hd;
     var se = require("react/jsx-runtime");
-    var ta = (e) => M(e) || W(e);
+    var ta = (e) => E(e) || K(e);
     var qd = (e) => e.type === "boolean" && ta(e.default) ? false : e.default;
     var ls = (e) => {
-      var ee, x, U;
-      let t = (D) => {
-        y(true), o(a(D), "user");
-      }, r = (D) => Ge(D, e.schema, e.required), o = (D, ue) => {
-        d(D);
-        let pe = r(D);
+      var ee, v, T;
+      let t = (M) => {
+        y(true), o(a(M), "user");
+      }, r = (M) => _e(M, e.schema, e.required), o = (M, ue) => {
+        d(M);
+        let pe = r(M);
         O(pe);
-        let le = D;
+        let le = M;
         c(le), le !== u && e.onChange({ model: le, triggerSchema: e.schema, triggerModel: le, lastTriggerModel: u, type: ue });
-      }, a = (D) => De(D, e.schema), n = () => p(true), s = () => {
-        p(false), h(true), e.onBlur && e.onBlur();
-      }, [m, d] = (0, ie.useState)((ee = e.model) != null ? ee : null), [u, c] = (0, ie.useState)((x = e.model) != null ? x : null), [b, y] = (0, ie.useState)(false), [l, p] = (0, ie.useState)(false), [f, h] = (0, ie.useState)(false), [S, O] = (0, ie.useState)([]), w = (0, ie.useMemo)(() => e.schema.$id || Ae(), [e.schema.$id]), v = () => {
-        let D = qd(e.schema);
-        ta(m) && !ta(D) && o(D, "init"), e.schema.const && o(e.schema.const, "init");
+      }, a = (M) => De(M, e.schema), n = () => p(true), s = () => {
+        p(false), g(true), e.onBlur && e.onBlur();
+      }, [m, d] = (0, ie.useState)((ee = e.model) != null ? ee : null), [u, c] = (0, ie.useState)((v = e.model) != null ? v : null), [b, y] = (0, ie.useState)(false), [l, p] = (0, ie.useState)(false), [f, g] = (0, ie.useState)(false), [S, O] = (0, ie.useState)([]), F = (0, ie.useMemo)(() => e.schema.$id || ve(), [e.schema.$id]), C = () => {
+        let M = qd(e.schema);
+        ta(m) && !ta(M) && o(M, "init"), e.schema.const && o(e.schema.const, "init");
       }, A = () => {
         O(r(m));
-      }, F = e.schema.const, E = e.schema.hidden || F;
-      (0, ie.useEffect)(A, [e.model, e.submitted]), (0, ie.useEffect)(v, [e.schema]), (0, ie.useEffect)(() => {
-        var D;
-        return d((D = e.model) != null ? D : null);
+      }, w = e.schema.const, D = e.schema.hidden || w;
+      (0, ie.useEffect)(A, [e.model, e.submitted]), (0, ie.useEffect)(C, [e.schema]), (0, ie.useEffect)(() => {
+        var M;
+        return d((M = e.model) != null ? M : null);
       }, [e.model]);
-      let k = { "form-group": true, "has-error": (e.submitted || !b) && !!e.errors || (e.submitted || b && f) && !!S.length, "has-info": l && !!e.schema.description || !!e.infoMessage }, I = e.schema.format !== "file" && e.schema.type !== "boolean", Y = e.schema.help;
-      return E ? null : (0, se.jsxs)(se.Fragment, { children: [e.schema.alert && (0, se.jsx)(ae, { component: e.schema.alert }), (0, se.jsxs)("div", { className: (0, ss.default)(k), children: [I && (0, se.jsxs)("div", { className: "d-inline-block", children: [(0, se.jsx)("label", { className: "control-label d-inline", htmlFor: w, children: e.schema.title }), !!Y && (0, se.jsx)(Pt, { help: Y })] }), !I && !!Y && (0, se.jsx)(Pt, { help: Y }), (0, se.jsx)(Yt, { id: w, schema: e.schema, value: m, disabled: !!e.disabled, onChange: t, onFocus: n, onBlur: s }), (0, se.jsx)(Te, { changed: b, focused: l, blurred: f, submitted: e.submitted, errors: (U = e.errors) != null ? U : null, schema: e.schema, validations: S, infoMessage: e.infoMessage })] })] });
+      let k = { "form-group": true, "has-error": (e.submitted || !b) && !!e.errors || (e.submitted || b && f) && !!S.length, "has-info": l && !!e.schema.description || !!e.infoMessage }, I = e.schema.format !== "file" && e.schema.type !== "boolean", q = e.schema.help;
+      return D ? null : (0, se.jsxs)(se.Fragment, { children: [e.schema.alert && (0, se.jsx)(ae, { component: e.schema.alert }), (0, se.jsxs)("div", { className: (0, ss.default)(k), children: [I && (0, se.jsxs)("div", { className: "d-inline-block", children: [(0, se.jsx)("label", { className: "control-label d-inline", htmlFor: F, children: e.schema.title }), !!q && (0, se.jsx)(Pt, { help: q })] }), !I && !!q && (0, se.jsx)(Pt, { help: q }), (0, se.jsx)(Yt, { id: F, schema: e.schema, value: m, disabled: !!e.disabled, onChange: t, onFocus: n, onBlur: s }), (0, se.jsx)(Te, { changed: b, focused: l, blurred: f, submitted: e.submitted, errors: (T = e.errors) != null ? T : null, schema: e.schema, validations: S, infoMessage: e.infoMessage })] })] });
     };
     ls.defaultProps = { required: false, disabled: false, onBlur: null };
-    var Qe = ls;
+    var et = ls;
     var us = require("react/jsx-runtime");
     var Uo = (e, t) => t[e];
     var ms = (e, t) => {
       var r;
       return (r = t.validation) == null ? void 0 : r[e];
     };
-    var $d = /* @__PURE__ */ new Set([R.RADIO, R.SELECT, R.DATELOOKUP, R.FILE, R.UPLOAD]);
+    var $d = /* @__PURE__ */ new Set([N.RADIO, N.SELECT, N.DATELOOKUP, N.FILE, N.UPLOAD]);
     var ds = (e) => {
-      let t = (0, cs.useIntl)(), r = re(), o = Z(), [a, n] = (0, ft.useState)(null), s = ps(a), [m, d] = (0, ft.useState)(null), [u, c] = (0, ft.useState)(false), [b, y] = (0, ft.useState)(null);
-      (0, ft.useEffect)(() => {
-        $d.has(Bo(e.schema.persistAsync.schema)) && h();
+      let t = (0, cs.useIntl)(), r = re(), o = Z(), [a, n] = (0, yt.useState)(null), s = ps(a), [m, d] = (0, yt.useState)(null), [u, c] = (0, yt.useState)(false), [b, y] = (0, yt.useState)(null), l = Ge();
+      (0, yt.useEffect)(() => {
+        $d.has(Bo(e.schema.persistAsync.schema, l)) && S();
       }, [a]);
-      let l = () => d(t.formatMessage(_t.genericError)), p = async (w, v) => {
-        let A = f(), F = { [v.param]: w };
+      let p = () => d(t.formatMessage(_t.genericError)), f = async (C, A) => {
+        let w = g(), D = { [A.param]: C };
         c(true);
         try {
           o("Dynamic Flow - PersistAsync", { status: "pending", schemaId: Cr.$id });
-          let E = r(v.url, { method: v.method, headers: { "Content-Type": "application/json" }, body: JSON.stringify(F), signal: A });
-          e.onPersistAsync(E);
-          let k = await E, I = await k.json();
-          if (!B(I))
+          let k = r(A.url, { method: A.method, headers: { "Content-Type": "application/json" }, body: JSON.stringify(D), signal: w });
+          e.onPersistAsync(k);
+          let I = await k, q = await I.json();
+          if (!R(q))
             throw new Error("Response is not an object");
-          let { idProperty: Y, param: ee } = e.schema.persistAsync;
-          if (za(k.status)) {
-            let x = Uo(Y, I);
-            e.onChange({ model: x, triggerSchema: e.schema, triggerModel: x });
-          } else if (dr(k.status)) {
-            let { validation: x } = I, U = B(x) && (x == null ? void 0 : x[ee]) || null;
-            d(U), e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null });
+          let { idProperty: ee, param: v } = e.schema.persistAsync;
+          if (za(I.status)) {
+            let T = Uo(ee, q);
+            e.onChange({ model: T, triggerSchema: e.schema, triggerModel: T });
+          } else if (dr(I.status)) {
+            let { validation: T } = q, M = R(T) && (T == null ? void 0 : T[v]) || null;
+            d(M), e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null });
           } else
-            l();
+            p();
           o("Dynamic Flow - PersistAsync", { status: "success", schemaId: Cr.$id });
-        } catch (E) {
-          o("Dynamic Flow - PersistAsync", { status: "failure", schemaId: Cr.$id }), l();
+        } catch (k) {
+          o("Dynamic Flow - PersistAsync", { status: "failure", schemaId: Cr.$id }), p();
         }
-      }, f = () => {
+      }, g = () => {
         b && b.abort();
-        let w = new AbortController();
-        return y(w), w.signal;
-      }, h = () => {
-        !M(a) && !_e(a, s) && p(a, e.schema.persistAsync);
+        let C = new AbortController();
+        return y(C), C.signal;
       }, S = () => {
-        h();
-      }, O = ({ model: w }) => {
-        d(null), q(w, e.schema.persistAsync.schema) && n(w);
+        !E(a) && !We(a, s) && f(a, e.schema.persistAsync);
+      }, O = () => {
+        S();
+      }, F = ({ model: C }) => {
+        d(null), $(C, e.schema.persistAsync.schema) && n(C);
       };
-      return (0, us.jsx)(Qe, { required: e.required, submitted: e.submitted || u, schema: e.schema.persistAsync.schema, errors: m || e.errors, model: null, infoMessage: null, onChange: O, onBlur: S });
+      return (0, us.jsx)(et, { required: e.required, submitted: e.submitted || u, schema: e.schema.persistAsync.schema, errors: m || e.errors, model: null, infoMessage: null, onChange: F, onBlur: O });
     };
     ds.defaultProps = { required: false };
     var No = ds;
     var ti = (e) => {
       let [t, r] = (0, fs.useState)(null), o = re(), a = (0, ys.useIntl)(), { schema: n } = e;
       async function s(y) {
-        let l = y instanceof Blob ? !it(n) : !q(y, n);
-        return (M(y) || l) && b(), await u(y);
+        let l = y instanceof Blob ? !st(n) : !$(y, n);
+        return (E(y) || l) && b(), await u(y);
       }
       let m = () => {
         t && t.abort();
@@ -2083,8 +2083,8 @@ var require_main_min = __commonJS({
         return r(y), y.signal;
       };
       function d(y) {
-        let l = it(n), p = m(), f = e.param, h = l ? Gd(f, y) : JSON.stringify({ [f]: y });
-        return { method: e.method, headers: i({}, !l && { "Content-Type": "application/json" }), body: h, signal: p };
+        let l = st(n), p = m(), f = e.param, g = l ? Gd(f, y) : JSON.stringify({ [f]: y });
+        return { method: e.method, headers: i({}, !l && { "Content-Type": "application/json" }), body: g, signal: p };
       }
       async function u(y) {
         try {
@@ -2092,9 +2092,9 @@ var require_main_min = __commonJS({
           if (!l.ok)
             return c(l);
           let p = await l.json();
-          if (B(p)) {
+          if (R(p)) {
             let f = p[e.idProperty];
-            if (L(f) || T(f))
+            if (L(f) || B(f))
               return { data: f };
           }
           return b();
@@ -2105,7 +2105,7 @@ var require_main_min = __commonJS({
       async function c(y) {
         if (y.status === 422) {
           let l = await y.json();
-          if (B(l)) {
+          if (R(l)) {
             let p = ms(e.param, l);
             if (L(p))
               throw new Error(p);
@@ -2124,19 +2124,19 @@ var require_main_min = __commonJS({
       return t !== null && r.append(e, t), r;
     }
     function _d(e) {
-      return B(e) && "message" in e && typeof e.message == "string";
+      return R(e) && "message" in e && typeof e.message == "string";
     }
-    var tt = require("react");
+    var rt = require("react");
     function Fr({ asyncFn: e, interval: t, maxAttempts: r, maxConsecutiveFails: o, onPollingResponse: a, onFailure: n }) {
-      let s = (0, tt.useRef)(a), m = (0, tt.useRef)(n), d = (0, tt.useMemo)(() => Wd(e, r, o, (u) => s.current(u), () => m.current()), [e, r, o]);
-      (0, tt.useEffect)(() => {
+      let s = (0, rt.useRef)(a), m = (0, rt.useRef)(n), d = (0, rt.useMemo)(() => Wd(e, r, o, (u) => s.current(u), () => m.current()), [e, r, o]);
+      (0, rt.useEffect)(() => {
         if (t > 0) {
           let u = setInterval(() => {
             d();
           }, t);
           return () => clearInterval(u);
         }
-      }, [d, t]), (0, tt.useEffect)(() => {
+      }, [d, t]), (0, rt.useEffect)(() => {
         s.current = a, m.current = n;
       }, [a, n]);
     }
@@ -2211,7 +2211,7 @@ var require_main_min = __commonJS({
       return t === "user" || t === void 0;
     };
     var Os = (e) => !!((e == null ? void 0 : e.label) || "").match(/camera2? 0/g);
-    var vs = async (e) => {
+    var As = async (e) => {
       let t = document.createElement("canvas");
       if (e) {
         t.setAttribute("height", `${e.videoHeight}`), t.setAttribute("width", `${e.videoWidth}`);
@@ -2220,7 +2220,7 @@ var require_main_min = __commonJS({
       }
       return t;
     };
-    var As = async () => {
+    var vs = async () => {
       var e, t;
       return (await ((t = (e = navigator == null ? void 0 : navigator.mediaDevices) == null ? void 0 : e.enumerateDevices) == null ? void 0 : t.call(e)) || []).filter((r) => r.kind === "videoinput");
     };
@@ -2248,16 +2248,16 @@ var require_main_min = __commonJS({
       }, [e]);
       let a = async (n) => {
         if (n === "back") {
-          let s = (await As()).find(Os);
+          let s = (await vs()).find(Os);
           if (s != null && s.deviceId)
-            return g(i({}, o), { deviceId: { exact: s.deviceId } });
+            return h(i({}, o), { deviceId: { exact: s.deviceId } });
         }
         return o;
       };
       return { videoConstraints: t };
     };
     var Wr = require("react");
-    var G = require("react/jsx-runtime");
+    var _ = require("react/jsx-runtime");
     var Zd = 92;
     var Es = 120;
     var Xd = 40;
@@ -2277,14 +2277,14 @@ var require_main_min = __commonJS({
         }, 100);
         return window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
       });
-      let m = (r ? Xd : 0) + (o ? Qd : 0) + (a ? eu : 0), d = (0, G.jsxs)(G.Fragment, { children: [r && (0, G.jsx)("img", { className: "camera-capture-img", src: r, alt: "" }), o && (0, G.jsx)("h4", { className: "camera-capture-title", children: o }), a && (0, G.jsx)("small", { className: "camera-capture-instructions", children: a })] }), u = Zd + m;
+      let m = (r ? Xd : 0) + (o ? Qd : 0) + (a ? eu : 0), d = (0, _.jsxs)(_.Fragment, { children: [r && (0, _.jsx)("img", { className: "camera-capture-img", src: r, alt: "" }), o && (0, _.jsx)("h4", { className: "camera-capture-title", children: o }), a && (0, _.jsx)("small", { className: "camera-capture-instructions", children: a })] }), u = Zd + m;
       if (n) {
-        m = u - Es, d = (0, G.jsx)("small", { className: "camera-capture-instructions", children: n });
+        m = u - Es, d = (0, _.jsx)("small", { className: "camera-capture-instructions", children: n });
         let y = Es + tu;
-        u < y && (d = (0, G.jsx)(G.Fragment, {}));
+        u < y && (d = (0, _.jsx)(_.Fragment, {}));
       }
       let c = { x: "50%", y: "5%", width: `min(90%, ${Is}px)`, height: `calc(90% - ${u}px)`, style: { transform: `translateX(max(-45%, -${Is / 2}px))` } }, b = { style: { left: "5%", top: `calc(100% - ${u}px - 5%)`, height: `calc(${m}px + 5%)`, width: "90%" } };
-      return (0, G.jsxs)("svg", { ref: s, xmlns: "http://www.w3.org/2000/svg", children: [(0, G.jsx)("defs", { children: (0, G.jsxs)("mask", { id: "mask", children: [(0, G.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }), (0, G.jsx)("image", i({ href: e }, c))] }) }), e && (0, G.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }), t && (0, G.jsx)("image", i({ href: t }, c)), (0, G.jsx)("foreignObject", { width: "100%", height: "100%", children: (0, G.jsx)("div", g(i({ className: "camera-capture-text-and-image-container" }, b), { children: d })) })] });
+      return (0, _.jsxs)("svg", { ref: s, xmlns: "http://www.w3.org/2000/svg", children: [(0, _.jsx)("defs", { children: (0, _.jsxs)("mask", { id: "mask", children: [(0, _.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }), (0, _.jsx)("image", i({ href: e }, c))] }) }), e && (0, _.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }), t && (0, _.jsx)("image", i({ href: t }, c)), (0, _.jsx)("foreignObject", { width: "100%", height: "100%", children: (0, _.jsx)("div", h(i({ className: "camera-capture-text-and-image-container" }, b), { children: d })) })] });
     };
     var aa = ru;
     var Ls = require("@transferwise/components");
@@ -2300,10 +2300,10 @@ var require_main_min = __commonJS({
     var Ns = require("react-intl");
     var Bs = require("react-intl");
     var ia = (0, Bs.defineMessages)({ title: { id: "dynamicFlows.CameraCapture.CameraNotSupported.title", defaultMessage: "Camera not supported", description: "Title of standalone page prompting that camera is not available on users browser" }, paragraph: { id: "dynamicFlows.CameraCapture.CameraNotSupported.paragraph", defaultMessage: "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.", description: "Further text of standalone page prompting that camera is not available on user's browser" } });
-    var rt = require("react/jsx-runtime");
+    var ot = require("react/jsx-runtime");
     var au = () => {
       let e = (0, Ns.useIntl)();
-      return (0, rt.jsx)("div", { id: "camera-not-supported", children: (0, rt.jsx)("div", { className: "container p-t-5", children: (0, rt.jsx)("div", { className: "row", children: (0, rt.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [(0, rt.jsx)("h2", { className: "text-xs-center m-b-3", children: e.formatMessage(ia.title) }), (0, rt.jsx)("p", { className: "text-xs-center m-b-5", children: e.formatMessage(ia.paragraph) })] }) }) }) });
+      return (0, ot.jsx)("div", { id: "camera-not-supported", children: (0, ot.jsx)("div", { className: "container p-t-5", children: (0, ot.jsx)("div", { className: "row", children: (0, ot.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [(0, ot.jsx)("h2", { className: "text-xs-center m-b-3", children: e.formatMessage(ia.title) }), (0, ot.jsx)("p", { className: "text-xs-center m-b-5", children: e.formatMessage(ia.paragraph) })] }) }) }) });
     };
     var sa = au;
     var Rs = (e) => e == null ? void 0 : e("Dynamic Flow - Camera Permission Denied", {});
@@ -2312,38 +2312,38 @@ var require_main_min = __commonJS({
     var nu = async (e, t) => {
       var n;
       let r = Gr(t), o = oa(t), a = (n = r == null ? void 0 : r.getSettings) == null ? void 0 : n.call(r);
-      return g(i({}, r && { "Available Video Devices (by label)": await Ps(), "Active Video Device (by label)": await ks(t), "Camera Capabilities": o, "Camera Settings": a }), { "Camera Direction (Asked)": e == null ? void 0 : e.direction });
+      return h(i({}, r && { "Available Video Devices (by label)": await Ps(), "Active Video Device (by label)": await ks(t), "Camera Capabilities": o, "Camera Settings": a }), { "Camera Direction (Asked)": e == null ? void 0 : e.direction });
     };
     var Q = require("react/jsx-runtime");
     var iu = ({ direction: e = "back", overlay: t = "", outline: r = "", imageUrl: o = "", title: a = "", instructions: n = "", showReview: s = false, onCapture: m, onEvent: d }) => {
-      let [u, c] = (0, Ce.useState)("CAPTURE"), [b, y] = (0, Ce.useState)(false), [l, p] = (0, Ce.useState)(false), [f, h] = (0, Ce.useState)(), S = (0, Ce.useRef)(null), { videoConstraints: O } = Ms(e), w = (0, zs.useIntl)(), v = (0, Ce.useCallback)(async () => {
-        var x, U, D, ue, pe, le;
-        if ((x = S == null ? void 0 : S.current) != null && x.video && ((D = (U = S == null ? void 0 : S.current) == null ? void 0 : U.video) == null ? void 0 : D.readyState) >= 3) {
+      let [u, c] = (0, Ce.useState)("CAPTURE"), [b, y] = (0, Ce.useState)(false), [l, p] = (0, Ce.useState)(false), [f, g] = (0, Ce.useState)(), S = (0, Ce.useRef)(null), { videoConstraints: O } = Ms(e), F = (0, zs.useIntl)(), C = (0, Ce.useCallback)(async () => {
+        var v, T, M, ue, pe, le;
+        if ((v = S == null ? void 0 : S.current) != null && v.video && ((M = (T = S == null ? void 0 : S.current) == null ? void 0 : T.video) == null ? void 0 : M.readyState) >= 3) {
           (pe = (ue = S == null ? void 0 : S.current) == null ? void 0 : ue.video) == null || pe.pause();
-          let Ve = await vs((le = S == null ? void 0 : S.current) == null ? void 0 : le.video);
+          let Ve = await As((le = S == null ? void 0 : S.current) == null ? void 0 : le.video);
           Ve == null || Ve.toBlob((He) => {
             if (He)
               if (s) {
                 let Nt = window.URL.createObjectURL(He);
-                h({ source: Nt, blob: He }), c("REVIEW");
+                g({ source: Nt, blob: He }), c("REVIEW");
               } else
                 m(He);
           }, "image/jpeg", 0.92);
         }
-      }, [S, s, h, c, m, b]), A = (0, Ce.useCallback)((x) => {
-        if (x instanceof DOMException && (x == null ? void 0 : x.name) === "NotAllowedError") {
+      }, [S, s, g, c, m, b]), A = (0, Ce.useCallback)((v) => {
+        if (v instanceof DOMException && (v == null ? void 0 : v.name) === "NotAllowedError") {
           c("NO_CAMERA_ACCESS"), Rs(d);
           return;
         }
-        c("CAMERA_NOT_SUPPORTED"), js(d, x);
-      }, [c, d]), F = (0, Ce.useCallback)((x) => {
-        p(true), y(xs(x)), Us(d, { direction: e }, x);
-      }, [y, d, e]), E = () => {
+        c("CAMERA_NOT_SUPPORTED"), js(d, v);
+      }, [c, d]), w = (0, Ce.useCallback)((v) => {
+        p(true), y(xs(v)), Us(d, { direction: e }, v);
+      }, [y, d, e]), D = () => {
         m((f == null ? void 0 : f.blob) || null);
       }, k = () => {
-        c("CAPTURE"), h(void 0);
-      }, I = () => c("CAPTURE"), Y = (0, Q.jsxs)(Q.Fragment, { children: [O && (0, Q.jsx)(Vs.default, { ref: S, audio: false, videoConstraints: O, mirrored: b, onUserMediaError: A, onUserMedia: F }), (0, Q.jsx)(aa, { overlay: t, outline: r, imageUrl: o, title: a, instructions: n }), l && (0, Q.jsx)(Fs, { onCapture: () => void v() })] }), ee = (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)("img", { className: "review-image", src: f == null ? void 0 : f.source, alt: "" }), (0, Q.jsx)(aa, { overlay: t, imageUrl: o, title: a, instructions: n, reviewInstructions: w.formatMessage(or.reviewInstructions) }), (0, Q.jsx)(Cs, { onSubmit: E, onRetry: k })] });
-      return (0, Q.jsxs)("section", { className: "camera-capture", children: [u === "CAPTURE" && Y, u === "REVIEW" && ee, u === "NO_CAMERA_ACCESS" && (0, Q.jsx)(na, { onAction: I }), u === "CAMERA_NOT_SUPPORTED" && (0, Q.jsx)(sa, {})] });
+        c("CAPTURE"), g(void 0);
+      }, I = () => c("CAPTURE"), q = (0, Q.jsxs)(Q.Fragment, { children: [O && (0, Q.jsx)(Vs.default, { ref: S, audio: false, videoConstraints: O, mirrored: b, onUserMediaError: A, onUserMedia: w }), (0, Q.jsx)(aa, { overlay: t, outline: r, imageUrl: o, title: a, instructions: n }), l && (0, Q.jsx)(Fs, { onCapture: () => void C() })] }), ee = (0, Q.jsxs)(Q.Fragment, { children: [(0, Q.jsx)("img", { className: "review-image", src: f == null ? void 0 : f.source, alt: "" }), (0, Q.jsx)(aa, { overlay: t, imageUrl: o, title: a, instructions: n, reviewInstructions: F.formatMessage(or.reviewInstructions) }), (0, Q.jsx)(Cs, { onSubmit: D, onRetry: k })] });
+      return (0, Q.jsxs)("section", { className: "camera-capture", children: [u === "CAPTURE" && q, u === "REVIEW" && ee, u === "NO_CAMERA_ACCESS" && (0, Q.jsx)(na, { onAction: I }), u === "CAMERA_NOT_SUPPORTED" && (0, Q.jsx)(sa, {})] });
     };
     var la = iu;
     var qs = require("react/jsx-runtime");
@@ -2354,19 +2354,19 @@ var require_main_min = __commonJS({
       });
     }
     var lu = (e) => {
-      let { step: t, model: r, onModelChange: o, onAction: a } = e, n = Z(), s = Hs(t), m = cu(t), d = mu(t), { title: u, image: c, cameraConfig: b } = m, { assets: y, direction: l, instructions: p } = b || {}, { overlay: f, outline: h } = y || {}, { url: S } = c || {}, [O, w] = (0, Yr.useState)(false);
+      let { step: t, model: r, onModelChange: o, onAction: a } = e, n = Z(), s = Hs(t), m = cu(t), d = mu(t), { title: u, image: c, cameraConfig: b } = m, { assets: y, direction: l, instructions: p } = b || {}, { overlay: f, outline: g } = y || {}, { url: S } = c || {}, [O, F] = (0, Yr.useState)(false);
       (0, Yr.useEffect)(() => {
         O && a(d);
       }, [r]);
-      let v = async (A) => {
-        let { $id: F } = m;
+      let C = async (A) => {
+        let { $id: w } = m;
         if (A) {
-          let E = await su(A), k = { [F || ""]: E };
-          w(true), o({ model: k, formSchema: s, triggerModel: E, triggerSchema: m });
+          let D = await su(A), k = { [w || ""]: D };
+          F(true), o({ model: k, formSchema: s, triggerModel: D, triggerSchema: m });
         }
       };
-      return (0, qs.jsx)(la, { overlay: f, outline: h, title: u, imageUrl: S, instructions: p, direction: l, onEvent: n, onCapture: (A) => {
-        v(A);
+      return (0, qs.jsx)(la, { overlay: f, outline: g, title: u, imageUrl: S, instructions: p, direction: l, onEvent: n, onCapture: (A) => {
+        C(A);
       } });
     };
     var Jr = lu;
@@ -2413,8 +2413,8 @@ var require_main_min = __commonJS({
     var ze = require("react/jsx-runtime");
     var Ks = (e) => {
       var s;
-      let { step: t, globalError: r } = e, o = (s = t == null ? void 0 : t.external) == null ? void 0 : s.url, { requiresManualTrigger: a, dismissConfirmation: n } = vn(o);
-      return t === void 0 ? null : o && a ? (0, ze.jsx)(Zr, { url: o, onClose: n }) : Cn(t) === "camera" ? (0, ze.jsx)(Jr, g(i({}, e), { step: t })) : (0, ze.jsxs)(ze.Fragment, { children: [r ? (0, ze.jsx)(ae, { component: { context: "negative", markdown: r, margin: "lg" } }) : null, (0, ze.jsx)($r, g(i({}, e), { stepSpecification: t }))] });
+      let { step: t, globalError: r } = e, o = (s = t == null ? void 0 : t.external) == null ? void 0 : s.url, { requiresManualTrigger: a, dismissConfirmation: n } = An(o);
+      return t === void 0 ? null : o && a ? (0, ze.jsx)(Zr, { url: o, onClose: n }) : Cn(t) === "camera" ? (0, ze.jsx)(Jr, h(i({}, e), { step: t })) : (0, ze.jsxs)(ze.Fragment, { children: [r ? (0, ze.jsx)(ae, { component: { context: "negative", markdown: r, margin: "lg" } }) : null, (0, ze.jsx)($r, h(i({}, e), { stepSpecification: t }))] });
     };
     var Ys = require("react");
     var pu = 1e3;
@@ -2436,18 +2436,18 @@ var require_main_min = __commonJS({
     }
     var Qs = (e) => {
       var l, p;
-      let [t, r] = (0, Lt.useState)((l = e == null ? void 0 : e.errors) == null ? void 0 : l.validation), [o, a] = (0, Lt.useState)((p = e == null ? void 0 : e.errors) == null ? void 0 : p.error), [n, s] = (0, Lt.useState)({ step: e || void 0, models: e != null && e.model ? Xs(e.model, ca(e)) : {}, etag: void 0 }), { step: m, models: d, etag: u } = n, c = (f, h) => {
-        var S, O, w, v;
-        s((A) => ({ step: f, models: f.model ? Xs(f.model, ca(f)) : A.models, etag: h })), r((O = (S = f == null ? void 0 : f.errors) == null ? void 0 : S.validation) != null ? O : null), a((v = (w = f == null ? void 0 : f.errors) == null ? void 0 : w.error) != null ? v : null);
-      }, b = (f, h, S) => {
+      let [t, r] = (0, Lt.useState)((l = e == null ? void 0 : e.errors) == null ? void 0 : l.validation), [o, a] = (0, Lt.useState)((p = e == null ? void 0 : e.errors) == null ? void 0 : p.error), [n, s] = (0, Lt.useState)({ step: e || void 0, models: e != null && e.model ? Xs(e.model, ca(e)) : {}, etag: void 0 }), { step: m, models: d, etag: u } = n, c = (f, g) => {
+        var S, O, F, C;
+        s((A) => ({ step: f, models: f.model ? Xs(f.model, ca(f)) : A.models, etag: g })), r((O = (S = f == null ? void 0 : f.errors) == null ? void 0 : S.validation) != null ? O : null), a((C = (F = f == null ? void 0 : f.errors) == null ? void 0 : F.error) != null ? C : null);
+      }, b = (f, g, S) => {
         s((O) => {
-          let w = g(i({}, O.models), { [f]: h }), v = { step: O.step, models: w, etag: O.etag };
-          return S(w), v;
+          let F = h(i({}, O.models), { [f]: g }), C = { step: O.step, models: F, etag: O.etag };
+          return S(F), C;
         });
       }, y = (0, Lt.useMemo)(() => fu(d, ca(m)), [d, m]);
       return { formErrors: t, globalError: o, step: m, models: d, etag: u, modelIsValid: y, setFormErrors: r, setGlobalError: a, setStepAndEtag: c, setSchemaModel: b };
     };
-    var Xs = (e, t = []) => t.reduce((r, o) => (o.$id || console.warn("Schema without $id property found."), g(i({}, r), { [o.$id || ""]: oe(e, o) || {} })), {});
+    var Xs = (e, t = []) => t.reduce((r, o) => (o.$id || console.warn("Schema without $id property found."), h(i({}, r), { [o.$id || ""]: oe(e, o) || {} })), {});
     var ca = (e) => [...ma((e == null ? void 0 : e.layout) || []), ...(e == null ? void 0 : e.schemas) || []];
     var ma = (e) => e.flatMap((t) => {
       switch (t.type) {
@@ -2461,7 +2461,7 @@ var require_main_min = __commonJS({
           return [];
       }
     });
-    var fu = (e, t = []) => !(t != null && t.some((r) => (r.$id || console.warn("Schema without $id property found."), !q(e[r.$id || ""] || {}, r))));
+    var fu = (e, t = []) => !(t != null && t.some((r) => (r.$id || console.warn("Schema without $id property found."), !$(e[r.$id || ""] || {}, r))));
     var Xr = require("@transferwise/components");
     var el = require("react");
     var rl = require("react/jsx-runtime");
@@ -2508,13 +2508,13 @@ var require_main_min = __commonJS({
       if (ha(e), (o = e.headers) != null && o.has("X-Df-Exit"))
         return { type: "exit", result: await fa(e) };
       let t = await ya(e);
-      if (!B(t))
+      if (!R(t))
         throw new Error("Incorrect response body in response. Expected an object.");
       if (t.action) {
-        if (!B(t.action))
+        if (!R(t.action))
           throw new Error("Incorrect response body in action response. Expected an object satisfying the type { action: Action }.");
         let a = t.action;
-        return a.exit === true && B(a.result) ? { type: "exit", result: a.result } : { type: "action", action: t.action };
+        return a.exit === true && R(a.result) ? { type: "exit", result: a.result } : { type: "action", action: t.action };
       }
       let r = e.headers.get("etag") || void 0;
       return { type: "step", step: t, etag: r };
@@ -2522,14 +2522,14 @@ var require_main_min = __commonJS({
     var cl = async (e) => {
       ha(e);
       let t = await ya(e);
-      if (!B(t))
+      if (!R(t))
         throw new Error("Incorrect response body in error response. Expected an object.");
       return t;
     };
     var fa = async (e) => {
       ha(e);
       let t = await ya(e);
-      return B(t) || t === null ? t : null;
+      return R(t) || t === null ? t : null;
     };
     var ya = async (e) => {
       try {
@@ -2545,56 +2545,56 @@ var require_main_min = __commonJS({
         throw new Error("The body of the provided Response object has already been used. Every request must respond with a new Response object.");
     };
     var hu = (e) => typeof e == "object" && e !== null && "clone" in e && "bodyUsed" in e;
-    var ot = require("react/jsx-runtime");
+    var at = require("react/jsx-runtime");
     var ml = () => {
     };
     var gu = ({ flowId: e, httpClient: t, initialAction: r, initialStep: o, loaderConfig: a, displayStepTitle: n = true, onCompletion: s, onError: m, onEvent: d = ml, onLog: u = ml }) => {
-      let { locale: c } = (0, ul.useIntl)(), { formErrors: b, globalError: y, step: l, models: p, etag: f, modelIsValid: h, setFormErrors: S, setGlobalError: O, setStepAndEtag: w, setSchemaModel: v } = Qs(o), [A, F] = (0, xe.useState)(false), { loadingState: E, setLoadingState: k, loader: I } = tl(a, o ? "idle" : "initial"), Y = Ee("warning", u, e, l == null ? void 0 : l.key), ee = Ee("error", u, e, l == null ? void 0 : l.key), x = Ee("critical", u, e, l == null ? void 0 : l.key), U = (0, xe.useMemo)(() => {
-        var C;
-        return i({ flowId: e, stepId: l == null ? void 0 : l.key }, (C = l == null ? void 0 : l.analytics) != null ? C : {});
-      }, [e, l]), D = (0, xe.useMemo)(() => so(d, U), [d, U]), ue = (0, xe.useCallback)(({ action: C, data: N, etag: P }) => {
-        let { url: _, method: Oe = "POST" } = C;
-        return t(_ != null ? _ : "", { method: Oe, headers: i({ "accept-language": c, "Content-Type": "application/json" }, P ? { "If-None-Match": P } : {}), credentials: "include", body: Oe === "GET" ? void 0 : JSON.stringify(N) });
-      }, [t, c]), pe = async (C, N = {}) => {
-        k(E === "initial" ? "initial" : "submission");
+      let { locale: c } = (0, ul.useIntl)(), { formErrors: b, globalError: y, step: l, models: p, etag: f, modelIsValid: g, setFormErrors: S, setGlobalError: O, setStepAndEtag: F, setSchemaModel: C } = Qs(o), [A, w] = (0, xe.useState)(false), { loadingState: D, setLoadingState: k, loader: I } = tl(a, o ? "idle" : "initial"), q = Ee("warning", u, e, l == null ? void 0 : l.key), ee = Ee("error", u, e, l == null ? void 0 : l.key), v = Ee("critical", u, e, l == null ? void 0 : l.key), T = (0, xe.useMemo)(() => {
+        var x;
+        return i({ flowId: e, stepId: l == null ? void 0 : l.key }, (x = l == null ? void 0 : l.analytics) != null ? x : {});
+      }, [e, l]), M = (0, xe.useMemo)(() => so(d, T), [d, T]), ue = (0, xe.useCallback)(({ action: x, data: U, etag: P }) => {
+        let { url: W, method: Oe = "POST" } = x;
+        return t(W != null ? W : "", { method: Oe, headers: i({ "accept-language": c, "Content-Type": "application/json" }, P ? { "If-None-Match": P } : {}), credentials: "include", body: Oe === "GET" ? void 0 : JSON.stringify(U) });
+      }, [t, c]), pe = async (x, U = {}) => {
+        k(D === "initial" ? "initial" : "submission");
         try {
-          D("Dynamic Flow - Step Submitted", { actionId: C.$id });
-          let P = await ue({ action: C, data: N });
+          M("Dynamic Flow - Step Submitted", { actionId: x.$id });
+          let P = await ue({ action: x, data: U });
           return Oa(P, "submission");
         } catch (P) {
           nr(P, "Error fetching next step");
         }
-      }, le = async (C, N, P) => {
+      }, le = async (x, U, P) => {
         k("refresh");
         try {
-          D("Dynamic Flow - Step Refreshed", { status: "pending" });
-          let _ = await ue({ action: C, data: N, etag: P });
-          await Oa(_, "refresh"), k("idle");
-        } catch (_) {
-          nr(_, "Error fetching refresh step");
+          M("Dynamic Flow - Step Refreshed", { status: "pending" });
+          let W = await ue({ action: x, data: U, etag: P });
+          await Oa(W, "refresh"), k("idle");
+        } catch (W) {
+          nr(W, "Error fetching refresh step");
         }
-      }, Ve = async (C, N) => {
+      }, Ve = async (x, U) => {
         try {
-          let P = await ue({ action: C, data: N }), _ = await fa(P);
-          Nt(i(i({}, _), C.result));
+          let P = await ue({ action: x, data: U }), W = await fa(P);
+          Nt(i(i({}, W), x.result));
         } catch (P) {
           nr(P, "Error fetching exit result");
         }
-      }, He = Js(le), Nt = (0, xe.useCallback)((C) => {
-        D("Dynamic Flow - Flow Finished", { result: "success" }), s(C);
-      }, [s, D]);
+      }, He = Js(le), Nt = (0, xe.useCallback)((x) => {
+        M("Dynamic Flow - Flow Finished", { result: "success" }), s(x);
+      }, [s, M]);
       (0, xe.useEffect)(() => {
-        D("Dynamic Flow - Flow Started", {});
+        M("Dynamic Flow - Flow Started", {});
       }, []), (0, xe.useEffect)(() => {
         if (!o) {
-          let C = i({ $id: "#initial-step-request", method: "GET" }, r);
-          pe(C, C.data);
+          let x = i({ $id: "#initial-step-request", method: "GET" }, r);
+          pe(x, x.data);
         }
       }, [t, c, JSON.stringify(o), JSON.stringify(r)]);
-      let Oa = async (C, N) => {
-        if (C.ok)
+      let Oa = async (x, U) => {
+        if (x.ok)
           try {
-            let P = await ll(C);
+            let P = await ll(x);
             switch (P.type) {
               case "action":
                 pe(P.action, P.action.data);
@@ -2603,82 +2603,82 @@ var require_main_min = __commonJS({
                 return Nt(P.result);
               case "step":
               default: {
-                let { step: _, etag: Oe } = P;
-                return N === "submission" ? uc(_, Oe) : pc(_, Oe);
+                let { step: W, etag: Oe } = P;
+                return U === "submission" ? uc(W, Oe) : pc(W, Oe);
               }
             }
           } catch (P) {
             return nr(P, "Error parsing fetch response");
           }
-        return fc(C, N);
-      }, uc = (C, N) => {
-        w(C, N), F(false), k("idle"), D("Dynamic Flow - Step Started", i({ stepId: C.key }, C == null ? void 0 : C.analytics));
-      }, pc = (C, N) => {
-        w(C, N), k("idle"), D("Dynamic Flow - Step Refreshed", { status: "success" });
-      }, fc = async (C, N) => {
-        if (C.status === 304) {
+        return fc(x, U);
+      }, uc = (x, U) => {
+        F(x, U), w(false), k("idle"), M("Dynamic Flow - Step Started", i({ stepId: x.key }, x == null ? void 0 : x.analytics));
+      }, pc = (x, U) => {
+        F(x, U), k("idle"), M("Dynamic Flow - Step Refreshed", { status: "success" });
+      }, fc = async (x, U) => {
+        if (x.status === 304) {
           k("idle");
           return;
         }
         try {
-          let P = await cl(C);
+          let P = await cl(x);
           if (P.refreshFormUrl) {
-            let _ = { url: P == null ? void 0 : P.refreshFormUrl, method: "POST" };
-            await le(_, eo(p), f);
+            let W = { url: P == null ? void 0 : P.refreshFormUrl, method: "POST" };
+            await le(W, eo(p), f);
           }
           if (P.validation && S(P.validation), P.error && O(P.error), !P.refreshFormUrl && !P.validation && !P.error)
             throw ee("Invalid response", "Response body must contain at least one of the following properties: refreshFormUrl, validation, or error."), P;
         } catch (P) {
-          N === "refresh" && D("Dynamic Flow - Step Refreshed", { status: "failure" }), D("Dynamic Flow - Flow Finished", { status: "failure" }), m(P, C.status), ee("Invalid response", "Error response body must be an object.");
+          U === "refresh" && M("Dynamic Flow - Step Refreshed", { status: "failure" }), M("Dynamic Flow - Flow Finished", { status: "failure" }), m(P, x.status), ee("Invalid response", "Error response body must be an object.");
         }
         k("idle");
-      }, nr = (C, N) => {
-        x("Error fetching", N), m(C), k("idle");
-      }, yc = (C) => {
-        let { model: N, formSchema: P } = C, { $id: _ = "" } = P;
-        O(null), J(N) || x("Invalid model on change", "onModelChange was called but the model argument is not an object"), v(_, N, (to) => {
-          hc(C, to);
+      }, nr = (x, U) => {
+        v("Error fetching", U), m(x), k("idle");
+      }, yc = (x) => {
+        let { model: U, formSchema: P } = x, { $id: W = "" } = P;
+        O(null), J(U) || v("Invalid model on change", "onModelChange was called but the model argument is not an object"), C(W, U, (to) => {
+          hc(x, to);
         });
-      }, hc = (C, N) => {
-        let { triggerSchema: P } = C;
-        if (Su(C)) {
+      }, hc = (x, U) => {
+        let { triggerSchema: P } = x;
+        if (Su(x)) {
           let Oe = { url: P.refreshFormUrl || (l == null ? void 0 : l.refreshFormUrl), method: "POST" };
-          He(Oe, eo(N), f, P);
+          He(Oe, eo(U), f, P);
         }
-      }, gc = async (C) => {
-        let { data: N, method: P, exit: _, url: Oe, result: to } = C, ir = i(i({}, eo(p)), N), va = { url: C.url, method: C.method, currency: ir.currency, type: ir.type };
-        if (E !== "idle" || C.disabled) {
-          Y("Action supressed", E !== "idle" ? `onAction was supressed because loadingState is ${E}` : "onAction was supressed because action is disabled", va);
+      }, gc = async (x) => {
+        let { data: U, method: P, exit: W, url: Oe, result: to } = x, ir = i(i({}, eo(p)), U), Aa = { url: x.url, method: x.method, currency: ir.currency, type: ir.type };
+        if (D !== "idle" || x.disabled) {
+          q("Action supressed", D !== "idle" ? `onAction was supressed because loadingState is ${D}` : "onAction was supressed because action is disabled", Aa);
           return;
         }
-        if (_) {
+        if (W) {
           if (Oe) {
-            dl(P) ? (S(null), F(true), h && await Ve(C, ir)) : await Ve(C);
+            dl(P) ? (S(null), w(true), g && await Ve(x, ir)) : await Ve(x);
             return;
           }
           Nt(to);
           return;
         }
         if (dl(P)) {
-          S(null), F(true), h ? pe(C, ir) : D("Dynamic Flow - onAction supressed", i({ reason: "invalid model" }, va));
+          S(null), w(true), g ? pe(x, ir) : M("Dynamic Flow - onAction supressed", i({ reason: "invalid model" }, Aa));
           return;
         }
-        pe(C);
+        pe(x);
       };
-      return (0, ot.jsx)(gr, { flowId: e, stepId: l == null ? void 0 : l.key, onLog: u, children: (0, ot.jsx)(mr, { metadata: U, onEvent: d, children: (0, ot.jsx)(Na, { loading: E !== "idle", children: (0, ot.jsx)(Va, { httpClient: t, children: I !== null ? I : (0, ot.jsx)(Ks, { step: l, model: eo(p), submitted: A, globalError: y, formErrors: b, stepLayoutOptions: { displayStepTitle: n }, onAction: (C) => {
-        gc(C);
+      return (0, at.jsx)(gr, { flowId: e, stepId: l == null ? void 0 : l.key, onLog: u, children: (0, at.jsx)(mr, { metadata: T, onEvent: d, children: (0, at.jsx)(Na, { loading: D !== "idle", children: (0, at.jsx)(Va, { httpClient: t, children: I !== null ? I : (0, at.jsx)(Ks, { step: l, model: eo(p), submitted: A, globalError: y, formErrors: b, stepLayoutOptions: { displayStepTitle: n }, onAction: (x) => {
+        gc(x);
       }, onModelChange: yc }) }) }) }) });
     };
-    var bu = (e) => (0, ot.jsx)(pa, { onError: e.onError, children: (0, ot.jsx)(gu, i({}, e)) });
+    var bu = (e) => (0, at.jsx)(pa, { onError: e.onError, children: (0, at.jsx)(gu, i({}, e)) });
     var ga = bu;
     var eo = (e) => Object.values(e).reduce((t, r) => i(i({}, t), r), {});
     var dl = (e = "POST") => ["POST", "PUT", "PATCH"].includes(e.toUpperCase());
     var Su = (e) => {
-      let { type: t, triggerSchema: r, triggerModel: o, lastTriggerModel: a = null } = e, n = () => q(o, r), s = () => q(a, r);
+      let { type: t, triggerSchema: r, triggerModel: o, lastTriggerModel: a = null } = e, n = () => $(o, r), s = () => $(a, r);
       return t !== "init" && (r == null ? void 0 : r.refreshFormOnChange) && (n() || s());
     };
     var ba = {};
-    at(ba, { alert: () => pl, box: () => fl, button: () => yl, columns: () => hl, copyable: () => gl, decision: () => bl, heading: () => Sl, image: () => wl, info: () => Fl, list: () => Cl, loadingIndicator: () => xl, paragraph: () => Ol, review: () => vl });
+    nt(ba, { alert: () => pl, box: () => fl, button: () => yl, columns: () => hl, copyable: () => gl, decision: () => bl, heading: () => Sl, image: () => wl, info: () => Fl, list: () => Cl, loadingIndicator: () => xl, paragraph: () => Ol, review: () => Al });
     var wu = { type: "form", key: "Components/Alert", title: "Alert Component", description: "Alerts can have different contexts.", actions: [], schemas: [], layout: [{ type: "alert", markdown: 'This is an alert with "neutral" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.', context: "neutral" }, { type: "alert", markdown: 'This is an alert with "warning" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.', context: "warning" }, { type: "alert", markdown: 'This is an alert with "positive" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.', context: "positive" }, { type: "alert", markdown: 'This is an alert with "negative" context. A subset of Markdown features are supported, like **bold text**, and __italic__ I think. But no line breaks nor links.', context: "negative" }] };
     var pl = wu;
     var Fu = { type: "form", key: "Components/Box", title: "Box Component", description: "Box is a container for other layour components. It can have a border!", actions: [], schemas: [], layout: ["xs", "sm", "md", "lg", "xl"].map((e) => ({ type: "box", width: e, border: true, components: [{ type: "paragraph", text: `This paragraph is inside a box with border: "true" and width: "${e}".` }] })) };
@@ -2688,10 +2688,10 @@ var require_main_min = __commonJS({
     var yl = xu;
     var Ou = { type: "form", key: "Components/Columns", title: "Columns Component", description: "Arrange components in two columns (when there's enough space)", actions: [], schemas: [], layout: [{ type: "columns", left: [{ type: "button", action: { title: "Save", type: "primary", exit: true, result: { side: "left" } } }], right: [{ type: "button", action: { title: "Delete", type: "negative", exit: true, result: { side: "right" } } }] }] };
     var hl = Ou;
-    var vu = { key: "Components/Copyable", type: "form", title: "Copyable Text", description: "Copyable Text Component.", actions: [], layout: [{ type: "paragraph", align: "center", text: "Please copy the code below and use it in that other thing." }, { type: "paragraph", text: "7Xtiq6fnX9aEVF7yZAmb2qyqS857ro8S", align: "center", control: "copyable" }], schemas: [] };
-    var gl = vu;
-    var Au = { type: "form", key: "Components/Decision", title: "Decision Component", description: "A step with a decision Component.", actions: [], schemas: [], layout: [{ type: "heading", size: "sm", text: "Please continue using one of the following options:" }, { type: "decision", options: [{ title: "Create a new recipient", description: "You will need their bank details to hand", icon: { name: "plus" }, action: { title: "", url: "recipient" } }, { title: "Choose an existing recipient", disabled: false, icon: { name: "bank" }, action: { title: "", url: "review" } }, { title: "Show me the external step", disabled: false, icon: { name: "bulb" }, action: { title: "", url: "external" } }] }] };
-    var bl = Au;
+    var Au = { key: "Components/Copyable", type: "form", title: "Copyable Text", description: "Copyable Text Component.", actions: [], layout: [{ type: "paragraph", align: "center", text: "Please copy the code below and use it in that other thing." }, { type: "paragraph", text: "7Xtiq6fnX9aEVF7yZAmb2qyqS857ro8S", align: "center", control: "copyable" }], schemas: [] };
+    var gl = Au;
+    var vu = { type: "form", key: "Components/Decision", title: "Decision Component", description: "A step with a decision Component.", actions: [], schemas: [], layout: [{ type: "heading", size: "sm", text: "Please continue using one of the following options:" }, { type: "decision", options: [{ title: "Create a new recipient", description: "You will need their bank details to hand", icon: { name: "plus" }, action: { title: "", url: "recipient" } }, { title: "Choose an existing recipient", disabled: false, icon: { name: "bank" }, action: { title: "", url: "review" } }, { title: "Show me the external step", disabled: false, icon: { name: "bulb" }, action: { title: "", url: "external" } }] }] };
+    var bl = vu;
     var Pu = { type: "form", key: "Components/Heading", title: "Heading Component", description: 'Headings can have different sizes: "xs", "sm", "md", "lg", "xl".', actions: [], schemas: [], layout: ["xs", "sm", "md", "lg", "xl"].map((e) => ({ type: "heading", text: `This is heading with size: "${e}"`, size: e })) };
     var Sl = Pu;
     var ku = ["xs", "sm", "md", "lg", "xl"];
@@ -2722,11 +2722,11 @@ But the best part? Bananas are biodegradable and environmentally-friendly, makin
     var Lu = { type: "form", key: "Components/Paragraph", title: "Paragraph Component", description: "A block of plain text.", actions: [], schemas: [], layout: [{ type: "paragraph", text: "Well, if you're really bent on using fruit for data backup, bananas might just be the perfect choice. For starters, they're portable and can fit in any backpack or briefcase. So, you can take your backup with you wherever you go." }, { type: "paragraph", text: "And who needs passwords when you have bananas? With each backup, you can create a unique banana code by peeling the skin in a particular pattern, thus ensuring the safety of your data." }, { type: "paragraph", text: "But the best part? Bananas are biodegradable and environmentally-friendly, making them the ideal choice for anyone concerned about the planet. When you're done with your backup, you can simply toss the bananas in the compost bin or plant them in your garden. Who knew data backup could be so good for the earth?" }, { type: "alert", markdown: "Paragraph is a block of plain text content. If you need richer formatting and layout options, consider using Info Layout.", context: "neutral" }] };
     var Ol = Lu;
     var Tu = { type: "form", key: "Components/Review", title: "Review Component", description: "Show a list of read-only fields.", actions: [], schemas: [], layout: [{ type: "box", border: true, components: [{ type: "review", title: "Please check your details (vertical orientation)", orientation: "vertical", fields: [{ label: "name", value: "Bob Loblaw" }, { label: "email", value: "bob.loblaw@law.blog" }, { label: "address", value: "123 Fake St, New York, NY 10001" }] }] }, { type: "box", border: true, components: [{ type: "review", title: "Please check your details (horizontal orientation)", orientation: "horizontal", fields: [{ label: "name", value: "Bob Loblaw" }, { label: "email", value: "bob.loblaw@law.blog" }, { label: "address", value: "123 Fake St, New York, NY 10001" }] }] }, { type: "box", border: true, components: [{ type: "review", title: "The action property is only supported on web", orientation: "horizontal", action: { title: "Edit", url: "/edit" }, fields: [{ label: "name", value: "Bob Loblaw" }, { label: "email", value: "bob.loblaw@law.blog" }, { label: "address", value: "123 Fake St, New York, NY 10001" }] }] }] };
-    var vl = Tu;
+    var Al = Tu;
     var Sa = {};
-    at(Sa, { cameraCapture: () => Al, recipient: () => Pl, recipientUpdate: () => kl, singleFileUpload: () => Ml, stepValidationErrors: () => El });
+    nt(Sa, { cameraCapture: () => vl, recipient: () => Pl, recipientUpdate: () => kl, singleFileUpload: () => Ml, stepValidationErrors: () => El });
     var Bu = { key: "Examples/Camera Capture", title: "Camera Capture Example", type: "form", schemas: [{ properties: { frontSideFile: { refreshFormOnChange: false, format: "base64url", $id: "frontSideFile", title: "Passport photo page", hidden: false, cameraConfig: { assets: { overlay: "https://wise.com/public-resources/assets/camera-guidelines/v2/overlay_passport.png", outline: "https://wise.com/public-resources/assets/camera-guidelines/v2/outline_passport.png" }, direction: "back" }, source: "camera", type: "string" } }, required: ["frontSideFile"], displayOrder: ["frontSideFile"], $id: "ee2501a9-2566-459b-a42e-f9f0932be0e6", type: "object" }, { properties: { type: { refreshFormOnChange: false, $id: "9200f887-bfdd-46ad-8386-e76f455a7cc8", const: "ID_DOCUMENT_WITH_LIVENESS", hidden: true, type: "string" } }, required: ["type"], displayOrder: ["type"], $id: "c59a2881-a2e0-4108-b42e-0d30fc95bd7f", type: "object" }, { properties: { profileId: { refreshFormOnChange: false, $id: "75d888dc-208a-4d7d-a2a7-aeca0dd1b533", const: 14551053, hidden: true, type: "integer" } }, required: ["profileId"], displayOrder: ["profileId"], $id: "3eec6add-2d0e-41d7-8317-49542c841484", type: "object" }, { properties: { sessionId: { refreshFormOnChange: false, $id: "df82adf3-8a66-46b5-bef8-72f59be2188d", const: "62dfe7d026c6da1ac0db1ee4", hidden: true, type: "string" } }, required: ["sessionId"], displayOrder: ["sessionId"], $id: "e1a8fb67-9af2-47e8-97c1-f2a88e5d5f3a", type: "object" }], actions: [{ url: "/v3/kyc-checks/87785/flow?actionId=SINGLE_PAGE_REVIEW&sessionId=62dfe7d026c6da1ac0db1ee4&", type: "primary", method: "POST", disabled: false, $id: "6789eac5-7bbe-49d8-9da8-6edb8e7ef165", title: "" }], layout: [{ type: "form", schema: { $ref: "ee2501a9-2566-459b-a42e-f9f0932be0e6" } }, { components: [{ action: { $ref: "6789eac5-7bbe-49d8-9da8-6edb8e7ef165" }, margin: "lg", size: "md", type: "button" }], border: false, width: "xl", type: "box" }], model: { profileId: 14551053, sessionId: "62dfe7d026c6da1ac0db1ee4", issuingCountry: "HU", documentType: "PASSPORT", type: "ID_DOCUMENT_WITH_LIVENESS", key: { value: "ID_DOCUMENT_WITH_LIVENESS14551053" } }, refreshFormUrl: "/" };
-    var Al = Bu;
+    var vl = Bu;
     var Nu = { key: "Examples/Recipient Creation", type: "form", title: "Recipient Creation Example", description: "A form step with the typical recipient creation form.", actions: [], schemas: [{ $id: "#new-recipient", allOf: [{ type: "object", displayOrder: ["profileId", "currency", "legalEntityType", "email"], properties: { profileId: { type: "number", hidden: true, const: 123456789 }, currency: { title: "Currency", type: "string", analyticsId: "currency", oneOf: [{ title: "EUR", analyticsId: "currency-eur", icon: { name: "flag-eur" }, description: "Euro", const: "EUR" }, { title: "GBP", analyticsId: "currency-gbp", icon: { name: "flag-gbp" }, description: "British pound", const: "GBP" }, { title: "INR", analyticsId: "currency-inr", icon: { name: "flag-inr" }, description: "Indian rupee", const: "INR" }, { title: "USD", analyticsId: "currency-usd", icon: { name: "flag-usd" }, description: "United States dollar", const: "USD" }], validationMessages: { required: "Please enter currency." }, default: "EUR", refreshFormOnChange: true }, legalEntityType: { title: "Select recipient type", type: "string", analyticsId: "legalEntityType", oneOf: [{ title: "Person", analyticsId: "legalEntityType-person", const: "PERSON" }, { title: "Business", analyticsId: "legalEntityType-business", const: "INSTITUTION" }], validationMessages: { required: "Please specify the type of recipient." }, refreshFormOnChange: true }, email: { title: "Their email", type: "string", analyticsId: "email", placeholder: "example@example.ex", validationMessages: { maxLength: "The email you have entered is too long.", pattern: "The email address is invalid." }, refreshFormOnChange: true, autofillProvider: "contact", autofillKey: "contact.email", refreshFormUrl: "/steps/recipient", pattern: "\\s*[a-zA-Z0-9.!#$%&'*+\\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)+\\s*", maxLength: 255 } }, required: ["currency", "legalEntityType"] }, { title: "Bank details", analyticsId: "bank-details", oneOf: [{ title: "Inside Europe", analyticsId: "bank-details-europe", type: "object", displayOrder: ["name", "ownedByCustomer", "details", "type"], properties: { name: { type: "object", displayOrder: ["fullName"], properties: { fullName: { title: "Full name of the account holder", type: "string", validationMessages: { minLength: "Name needs to be between 2 and 140 characters long.", maxLength: "Recipient name cannot be longer than 140 characters.", pattern: "This recipient name contains invalid characters. Please use latin characters only.", required: "Name cannot be empty." }, autofillProvider: "contact", autofillKey: "contact.fullName", pattern: `^[0-9A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF-_()'*,.%#^@&{}~<>+$"\\[\\]\\\\ ]+$`, minLength: 2, maxLength: 140 } }, required: ["fullName"] }, ownedByCustomer: { title: "My own Account", type: "boolean", hidden: true, const: false }, details: { type: "object", displayOrder: ["bic", "iban"], properties: { bic: { title: "Bank code (BIC/SWIFT)", type: "string", placeholder: "BARCGB22XXX", hidden: true, validationMessages: { minLength: "The BIC you have entered is too short.", maxLength: "The BIC you have entered is too long.", pattern: "Please specify a valid BIC." }, pattern: "^[A-Za-z]{6}[A-Za-z\\d]{2}([A-Za-z\\d]{3})?$", minLength: 8, maxLength: 11 }, iban: { title: "IBAN", type: "string", placeholder: "DE12345678901234567890", displayFormat: "**** **** **** **** **** **** **** ****", help: { markdown: "IBANs are long account numbers used by banks for cross-border transfers. Each country structures this number differently, but it always starts with a 2 digit country code (e.g. DE for Germany)." }, validationMessages: { minLength: "The IBAN you have entered is too short.", maxLength: "The IBAN you have entered is too long.", pattern: "Please specify a valid IBAN.", required: "Please specify an IBAN." }, refreshFormOnChange: true, pattern: "^[a-zA-Z]{2}[a-zA-Z0-9 ]{12,40}$", minLength: 14, maxLength: 42 } }, required: ["iban"] }, type: { title: "Type", type: "string", hidden: true, const: "Iban" } }, required: ["type", "name", "details"], icon: { name: "bank" } }, { title: "Outside Europe", analyticsId: "bank-details-outside-europe", type: "object", displayOrder: ["name", "ownedByCustomer", "details", "type"], properties: { name: { type: "object", displayOrder: ["fullName"], properties: { fullName: { title: "Full name of the account holder", type: "string", validationMessages: { minLength: "Name needs to be between 2 and 140 characters long.", maxLength: "Recipient name cannot be longer than 140 characters.", pattern: "This recipient name contains invalid characters. Please use latin characters only.", required: "Name cannot be empty." }, autofillProvider: "contact", autofillKey: "contact.fullName", pattern: `^[0-9A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF-_()'*,.%#^@&{}~<>+$"\\[\\]\\\\ ]+$`, minLength: 2, maxLength: 140 } }, required: ["fullName"] }, ownedByCustomer: { title: "My own Account", type: "boolean", hidden: true, const: false }, details: { type: "object", displayOrder: ["bic", "accountNumber"], properties: { bic: { title: "SWIFT / BIC code", type: "string", placeholder: "BUKBGB22", validationMessages: { minLength: "The BIC you have entered is too short.", maxLength: "The BIC you have entered is too long.", pattern: "Please specify a valid BIC.", required: "Please specify a BIC." }, pattern: "^[a-zA-Z]{6}(([a-zA-Z0-9]{2})|([a-zA-Z0-9]{5}))$", minLength: 8, maxLength: 11 }, accountNumber: { title: "IBAN / Account Number", type: "string", placeholder: "123456789012", validationMessages: { minLength: "Account number is too short.", maxLength: "Account number is too large.", pattern: "Please enter a valid account number.", required: "Please enter an IBAN or account number." }, pattern: "^[a-zA-Z0-9]{4,34}$", minLength: 4, maxLength: 34 } }, required: ["bic", "accountNumber"] }, type: { title: "Type", type: "string", hidden: true, const: "SwiftCode" } }, required: ["type", "name", "details"], icon: { name: "bank" }, alert: { context: "warning", markdown: "To send EUR to this account, we need to use the SWIFT network. It\u2019s slower, so the transfer might take a day or two longer. Also note that intermediary banks and your recipient\u2019s bank might charge extra fees to the amount received." } }], control: "tab", placeholder: "Please select where you are sending to..." }] }], refreshFormUrl: "/steps/recipient", layout: [{ type: "form", schema: { $ref: "#new-recipient" } }, { type: "button", action: { type: "primary", title: "Confirm", url: "/v2/accounts", method: "POST" } }], model: { ownedByCustomer: false, details: {} } };
     var Pl = Nu;
     var Ru = { key: "Examples/Recipient Update", type: "form", title: "Edit recipient", actions: [{ title: "Update", url: "/responses/recipientUpdate/?delay=5000", type: "primary", method: "PATCH", $id: "submit" }], schemas: [{ $id: "form", allOf: [{ type: "object", displayOrder: ["currency"], properties: { currency: { title: "Currency", type: "string", analyticsId: "currency-select", oneOf: [{ title: "GBP", analyticsId: "GBP", icon: { name: "flag-gbp" }, description: "British pound", const: "GBP" }], readOnly: true } }, required: [] }, { title: "Bank details", type: "object", analyticsId: "SortCode", icon: { name: "bank" }, displayOrder: ["name", "details", "address"], properties: { name: { type: "object", displayOrder: ["fullName"], properties: { fullName: { title: "Full name of the account holder", type: "string", disabled: true, readOnly: true, validationMessages: { minLength: "Name needs to be between 2 and 140 characters long.", maxLength: "Recipient name cannot be longer than 140 characters.", pattern: "This recipient name may contain invalid characters or is not the full name. Please try again." }, autofillProvider: "contact", autofillKey: "contact.fullName", pattern: "^[0-9A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF-_()'*,.]+ +[0-9A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF-_()'*,.]+([0-9A-Za-z\xC0-\xD6\xD8-\xF6\xF8-\xFF-_()'*,. ]*)$", minLength: 2, maxLength: 140 } }, required: [] }, details: { type: "object", displayOrder: ["sortCode", "accountNumber"], properties: { sortCode: { title: "UK sort code", type: "string", placeholder: "40-30-20", disabled: true, readOnly: true, validationMessages: { pattern: "Please enter a valid bank code." }, pattern: "^\\d{2}-?\\d{2}-?\\d{2}$", minLength: 6, maxLength: 8, format: "numeric", displayFormat: "**-**-**" }, accountNumber: { title: "Account number", type: "string", placeholder: "12345678", disabled: true, readOnly: true, validationMessages: { minLength: "Account number is too short.", maxLength: "Account number is too large.", pattern: "Please enter a valid account number." }, pattern: "[0-9]{8}", minLength: 8, maxLength: 8, format: "numeric" } }, required: [] }, address: { title: "Recipient address", type: "object", displayOrder: ["country", "city", "firstLine", "postCode"], properties: { country: { title: "Country", type: "string", placeholder: "Choose a country", oneOf: [{ title: "Argentina", const: "AR" }, { title: "Brazil", const: "BR" }, { title: "Canada", const: "CA" }, { title: "Denmark", const: "DK" }, { title: "Egypt", const: "EG" }, { title: "France", const: "FR" }, { title: "Germany", const: "DE" }, { title: "Honduras", const: "HN" }, { title: "Italy", const: "IT" }, { title: "Japan", const: "JP" }, { title: "Korea, Republic of", const: "KR" }, { title: "Liberia", const: "LR" }, { title: "Morocco", const: "MA" }, { title: "New Zealand", const: "NZ" }, { title: "Oman", const: "OM" }, { title: "Peru", const: "PE" }, { title: "Qatar", const: "QA" }, { title: "Russian Federation", const: "RU" }, { title: "Spain", const: "ES" }, { title: "Turkey", const: "TR" }, { title: "United Kingdom of Great Britain and Northern Ireland", const: "GB" }, { title: "United States of America", const: "US" }, { title: "Viet Nam", const: "VN" }, { title: "Yemen", const: "YE" }, { title: "Zimbabwe", const: "ZW" }], validationMessages: { required: "Please select a country." }, autofillProvider: "contact", autofillKey: "contact.countryCode" }, city: { title: "City", type: "string", autofillProvider: "contact", autofillKey: "contact.city", pattern: "^.{1,255}$", minLength: 1, maxLength: 255 }, firstLine: { title: "Recipient address", type: "string", autofillProvider: "contact", autofillKey: "contact.firstLine", pattern: "^.{1,255}$", minLength: 1, maxLength: 255 }, postCode: { title: "Post code", type: "string", validationMessages: { pattern: "Please specify a valid post code.", required: "Please specify the recipient's post code." }, autofillProvider: "contact", autofillKey: "contact.postalCode", pattern: "^.{1,32}$", minLength: 1, maxLength: 32 } }, required: ["country", "city", "firstLine", "postCode"], help: { markdown: "For legal reasons, we need to ask for the recipient's address (not the bank's address). Don't worry, they won't get any post from us." } } }, required: ["address"] }] }], errors: { validation: { address: { country: "Please select a country.", city: "Please enter a city.", postCode: "Please enter a post code.", firstLine: "Please enter a residential address." } } }, refreshFormUrl: "/steps/recipientUpdate/?refresh", model: { country: "GB", ownedByCustomer: false, creatorId: 5465158, accountSummary: "(04-00-04) 27832001", active: true, longAccountSummary: "GBP account ending in 2001", type: "SortCode", isInternal: false, profileId: 5461759, legalEntityType: "PERSON", name: { fullName: "Fergus Jordan" }, currency: "GBP", details: { accountNumber: "27832001", sortCode: "040004", hashedByLooseHashAlgorithm: "5c577703b845c613532bf0e08bbb38ce37644f76af58e1af6fa7447df7041a27" }, id: 67912450, hash: "fe319d809ce8a4f155412afe1b62bc2f1abf6e4af89f762a85a47811f54dab53", commonFieldMap: { bankCodeField: "sortCode", accountNumberField: "accountNumber" } }, layout: [{ schema: { $ref: "form" }, type: "form" }, { type: "button", action: { $ref: "submit" } }] };
@@ -2736,7 +2736,7 @@ But the best part? Bananas are biodegradable and environmentally-friendly, makin
     var ju = { key: "Examples/Step Validation Errors", title: "Step with validation errors", type: "form", errors: { validation: { "bridekeeper-questions": { "favourite-colour": "Auuuuuuuugh" } } }, actions: [], layout: [{ type: "form", schema: { $ref: "#the-schema" } }], schemas: [{ $id: "#the-schema", type: "object", displayOrder: ["bridekeeper-questions"], properties: { "bridekeeper-questions": { type: "object", displayOrder: ["name", "quest", "favourite-colour"], properties: { name: { title: "What is your name?", type: "string", placeholder: "Sir Lancelot of Camelot" }, quest: { title: "What is your quest?", type: "string", placeholder: "to seek the Holy Grail" }, "favourite-colour": { title: "What is your favourite colour?", analyticsId: "colour-select", oneOf: [{ title: "Blue", analyticsId: "colour-select-blue", image: { url: "https://placeholder.pics/svg/128/0099ff/FFFFFF" }, const: 1 }, { title: "Yellow", analyticsId: "colour-select-yellow", image: { url: "https://placeholder.pics/svg/128/ffcc00/FFFFFF" }, const: 2 }, { title: "Red", analyticsId: "colour-select-red", image: { url: "https://placeholder.pics/svg/128/ff6600/FFFFFF" }, const: 2 }] } } } } }] };
     var El = ju;
     var wa = {};
-    at(wa, { actionResponse: () => Il, external: () => Dl, persistAsync: () => Ll, polling: () => Tl, validationAsync: () => Bl });
+    nt(wa, { actionResponse: () => Il, external: () => Dl, persistAsync: () => Ll, polling: () => Tl, validationAsync: () => Bl });
     var zu = { key: "Features/Action Response", title: "Action Response", description: "", type: "form", actions: [], schemas: [], layout: [{ type: "paragraph", text: "The button below will trigger an action that fetches '/responses/action'.", align: "center" }, { type: "paragraph", text: "That should return an action response that will load a final step.", align: "center" }, { type: "button", action: { url: "/responses/action", title: "Submit", type: "primary" } }] };
     var Il = zu;
     var Vu = { type: "form", key: "Features/External", title: "External Feature", description: "Your bank is opening in another window.", external: { url: "http://google.com/" }, polling: { url: "/polling/1234", interval: 2, maxAttempts: 5, onError: { action: { url: "/failure" } } }, layout: [{ type: "paragraph", align: "center", text: "Please, follow their instructions. Keep this window open." }, { type: "loading-indicator", margin: "xl" }, { type: "info", align: "center", markdown: "If it didn't work, you can [reopen](http://google.com/) the tab" }], actions: [], schemas: [] };
@@ -2748,7 +2748,7 @@ But the best part? Bananas are biodegradable and environmentally-friendly, makin
     var $u = { type: "form", key: "Features/Validation Async", title: "Validation Async Feature", schemas: [{ $id: "#the-schema", type: "object", displayOrder: ["account-number"], properties: { "account-number": { $id: "#the-string-schema", type: "string", maxLength: 6, title: "Account number (max 6 digits)", validationAsync: { method: "POST", url: "/validate", param: "myParameter" } } } }], layout: [{ type: "form", schema: { $ref: "#the-schema" } }], actions: [], model: {} };
     var Bl = $u;
     var Fa = {};
-    at(Fa, { allLayoutComponents: () => Nl, finalStepLayout: () => Rl, listLayout: () => Ul, payInLayout: () => jl, reviewLayout: () => zl, successLayout: () => Vl });
+    nt(Fa, { allLayoutComponents: () => Nl, finalStepLayout: () => Rl, listLayout: () => Ul, payInLayout: () => jl, reviewLayout: () => zl, successLayout: () => Vl });
     var Gu = [{ type: "box", width: "md", components: [{ type: "heading", text: "This is a large heading", size: "lg", align: "center", margin: "md" }, { type: "paragraph", text: "This is a paragraph of text. This is a paragraph of text. This is a paragraph of text.", align: "center", margin: "xl" }, { type: "loading-indicator", size: "lg", margin: "md" }] }, { type: "columns", bias: "left", left: [{ type: "box", border: true, components: [{ type: "heading", text: "Small heading", size: "sm", margin: "md" }, { type: "divider", margin: "xl" }, { type: "review", title: "Review title", margin: "lg", orientation: "horizontal", action: { $id: "edit-profile", title: "Edit", url: "/edit", method: "GET" }, fields: [{ label: "First name", value: "John" }, { label: "Last name", value: "Smith" }] }, { type: "image", text: "An image of cascading stylesheet computer code", url: "https://bootstrap.transferwise.com/assets/img/css2-bg.jpg", margin: "xs" }] }], right: [{ type: "form", schema: { type: "object", title: "Personal details", alert: { markdown: "Make sure you get this correct, or your transfer could be held up!", context: "neutral" }, displayOrder: ["firstname", "lastname"], properties: { firstname: { type: "string", title: "First name", alert: { markdown: "Please use **only** latin characters.", context: "warning" } }, lastname: { type: "string", title: "Last name", minLength: 3, help: { markdown: "help!" } } } } }, { type: "alert", markdown: "This is an alert - we can use **bold** to provide emphasis.", context: "warning" }, { type: "info", markdown: `### This heading comes from markdown 
 \r We can use markdown to add [links](https://transferwise.com) and _other_ **formatting** 
 \r. It will also let us add simple lists: 
@@ -2767,7 +2767,7 @@ But the best part? Bananas are biodegradable and environmentally-friendly, makin
     var Ju = [{ type: "box", width: "xs", components: [{ type: "image", url: "https://transferwise.com/staticrab/homepage/_next/static/images/how_to_2-06281f8ea9caa50445f075d460434bcf.svg", text: "An illustration" }] }, { type: "box", width: "lg", components: [{ type: "heading", align: "center", text: "You've scheduled a monthly payment of 100 EUR to Rayna Kenter" }] }, { type: "box", width: "md", components: [{ type: "info", align: "center", markdown: "Your first payment has been sent **now**", margin: "xs" }, { type: "paragraph", align: "center", text: "Your next payment will be made on July 29th, 2020 (BST)" }, { type: "columns", left: [{ type: "button", action: { title: "Check transfer details", url: "/check", method: "GET" } }], right: [{ type: "button", action: { title: "Invite & earn", url: "/check", method: "GET", type: "primary" } }] }] }];
     var Vl = Ju;
     var Ca = {};
-    at(Ca, { action: () => Hl, actionResponseFinal: () => ql, exit: () => $l, recipientUpdateFinal: () => Gl });
+    nt(Ca, { action: () => Hl, actionResponseFinal: () => ql, exit: () => $l, recipientUpdateFinal: () => Gl });
     var Zu = { action: { url: "/responses/success", method: "POST" } };
     var Hl = Zu;
     var Xu = { type: "form", key: "action-response-final", title: "Action Response Final Step", description: "This step was loaded as a result of an Action Response.", actions: [], schemas: [], layout: [{ type: "alert", markdown: 'If you want to see this again, perhaps go back to "Action Response" story.', context: "positive" }, { type: "button", action: { title: "Start Over", type: "primary", url: "/steps/actionResponse" } }] };
@@ -2777,7 +2777,7 @@ But the best part? Bananas are biodegradable and environmentally-friendly, makin
     var ep = { type: "form", key: "recipient-update-final", title: "Recipient Update Final Step", description: "The recipient has been updated.", actions: [], schemas: [], layout: [{ type: "alert", markdown: "Nothing to see here.", context: "positive" }, { type: "button", action: { title: "Start Over", type: "primary", url: "/steps/recipientUpdate" } }] };
     var Gl = ep;
     var xa = {};
-    at(xa, { numberAndInteger: () => Wl, oneOf: () => Kl, simpleForm: () => _l, stringFormats: () => Yl });
+    nt(xa, { numberAndInteger: () => Wl, oneOf: () => Kl, simpleForm: () => _l, stringFormats: () => Yl });
     var tp = { key: "Schemas/Basic Form", title: "Simple Form", description: "A simple form with text fields and a checkbox.", type: "form", actions: [], schemas: [{ $id: "#the-schema", type: "object", displayOrder: ["name", "pineapple"], properties: { name: { title: "Name (string schema)", type: "string" }, pineapple: { title: "Pineapple on pizza (boolean schema)", type: "boolean" } } }], layout: [{ type: "form", schema: { $ref: "#the-schema" } }, { type: "button", action: { url: "/submit", title: "Submit", type: "primary" } }] };
     var _l = tp;
     var rp = { key: "Schemas/Number And Integer", title: "Number and Integer Schemas", description: "Number and Integer Schemas.", type: "form", actions: [], schemas: [{ $id: "#the-schema", type: "object", displayOrder: ["some-number", "some-integer"], properties: { "some-number": { title: "Number (number schema)", type: "number", validationMessages: { type: "This is not an number" } }, "some-integer": { title: "Integer (integer schema, does not support decimals)", type: "integer", validationMessages: { type: "This is not an integer" } } } }], layout: [{ type: "form", schema: { $ref: "#the-schema" } }, { type: "button", action: { url: "/submit", title: "Submit", type: "primary" } }] };
@@ -2788,7 +2788,7 @@ But the best part? Bananas are biodegradable and environmentally-friendly, makin
     var np = { key: "Schemas/String Formats", title: "String Schema Formats", description: "String schemas with different formats (password, date, telephone).", type: "form", actions: [], schemas: [{ $id: "#the-schema", type: "object", displayOrder: ["name", "password", "dob", "date-lookup", "telephone"], properties: { name: { title: "Name (string schema no format)", type: "string" }, password: { title: 'Password (string schema with format: "password")', type: "string", format: "password" }, dob: { title: 'Date of birth (string schema with format: "date")', type: "string", format: "date" }, "date-lookup": { title: 'Date Lookup (string schema with format: "date" and control: "date-lookup")', type: "string", format: "date", control: "date-lookup", minimum: "2023-01-01", maximum: "2023-12-31", placeholder: "Select a date" }, telephone: { title: 'Phone number (string schema with format: "phone-number")', type: "string", format: "phone-number" } } }], layout: [{ type: "form", schema: { $ref: "#the-schema" } }, { type: "button", action: { url: "/submit", title: "Submit", type: "primary" } }], model: { "date-lookup": "2023-01-01" } };
     var Yl = np;
     var Bt = (e) => ({ type: "form", key: `Components/Image-${e}`, title: `Image Component - ${e}`, description: `This is an image with size: "${e}"`, actions: [], schemas: [], layout: [{ type: "image", url: "http://placekitten.com/g/400/400", text: `This is an image with size: "${e}"`, size: e }] });
-    var Jl = { steps: g(i(i(i(i({}, ba), Sa), wa), xa), { "image-xs": Bt("xs"), "image-sm": Bt("sm"), "image-md": Bt("md"), "image-lg": Bt("lg"), "image-xl": Bt("xl") }), layouts: i({}, Fa), responses: Ca };
+    var Jl = { steps: h(i(i(i(i({}, ba), Sa), wa), xa), { "image-xs": Bt("xs"), "image-sm": Bt("sm"), "image-md": Bt("md"), "image-lg": Bt("lg"), "image-xl": Bt("xl") }), layouts: i({}, Fa), responses: Ca };
     var Zl = { "dynamicFlows.ArraySchema.maxItemsError": "Bitte f\xFCge {maxItems} oder weniger hinzu.", "dynamicFlows.ArraySchema.minItemsError": "Bitte f\xFCge mindestens {minItems} hinzu.", "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "Der von dir verwendete Browser unterst\xFCtzt keine Kameras. Bitte verwende einen anderen Browser oder ein anderes Ger\xE4t, oder lade unsere App herunter", "dynamicFlows.CameraCapture.CameraNotSupported.title": "Kamera wird nicht unterst\xFCtzt", "dynamicFlows.CameraCapture.NoCameraAccess.action": "Kamerazugriff genehmigen", "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Aktiviere den Kamerazugriff in den Einstellungen deines Browsers, um weitermachen zu k\xF6nnen.", "dynamicFlows.CameraCapture.NoCameraAccess.title": "Wir k\xF6nnen nicht auf deine Kamera zugreifen", "dynamicFlows.CameraCapture.reviewInstructions": "Ist das aufgenommene Bild deutlich erkennbar und vollst\xE4ndig?", "dynamicFlows.CameraCapture.reviewRetry": "Nein, erneut versuchen", "dynamicFlows.CameraCapture.reviewSubmit": "Ja, senden", "dynamicFlows.ControlFeedback.maxLength": "Bitte gib nicht mehr als {maxLength} Zeichen ein.", "dynamicFlows.ControlFeedback.maximum": "Bitte gib eine Zahl ein, die {maximum} oder weniger betr\xE4gt.", "dynamicFlows.ControlFeedback.maximumDate": "Bitte gib ein Datum ein, das am oder vor dem {maximum} liegt.", "dynamicFlows.ControlFeedback.minLength": "Bitte gib mindestens {minLength} Zeichen ein.", "dynamicFlows.ControlFeedback.minimum": "Bitte gib eine Zahl ein, die {minimum} oder mehr betr\xE4gt.", "dynamicFlows.ControlFeedback.minimumDate": "Bitte gib ein Datum ein, das am oder nach dem {minimum} liegt.", "dynamicFlows.ControlFeedback.pattern": "Bitte gib die Angabe im richtigen Format ein.", "dynamicFlows.ControlFeedback.patternDate": "Bitte gib ein Datum im richtigen Format ein.", "dynamicFlows.ControlFeedback.required": "Bitte f\xFClle dieses Feld aus.", "dynamicFlows.ControlFeedback.type": "Falscher Typ", "dynamicFlows.DynamicExternal.retryTitle": "Fenster erneut \xF6ffnen", "dynamicFlows.DynamicParagraph.copied": "In Zwischenablage kopiert", "dynamicFlows.DynamicParagraph.copy": "Kopieren", "dynamicFlows.ErrorBoundary.errorAlert": "Hoppla \u2013 da ist was schiefgelaufen...", "dynamicFlows.ErrorBoundary.retry": "Erneut versuchen", "dynamicFlows.ExternalConfirmation.cancel": "Abbrechen", "dynamicFlows.ExternalConfirmation.description": "Bitte best\xE4tige, dass du **{origin}** in einem neuen Browser-Tab \xF6ffnen m\xF6chtest.", "dynamicFlows.ExternalConfirmation.open": "In neuem Tab \xF6ffnen", "dynamicFlows.ExternalConfirmation.title": "Bitte best\xE4tigen", "dynamicFlows.Help.ariaLabel": "Klicke hier f\xFCr mehr Informationen.", "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Diese Datei ist leider zu gro\xDF. Bitte lade eine kleinere Datei hoch.", "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Bitte lade {maxItems} oder weniger Dateien hoch.", "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Bitte lade mindestens {minItems} Datei(en) hoch.", "dynamicFlows.PersistAsyncSchema.genericError": "Da ist etwas schiefgelaufen. Probiere es bitte sp\xE4ter noch einmal.", "dynamicFlows.ReadOnlySchema.no": "Nein", "dynamicFlows.ReadOnlySchema.yes": "Ja" };
     var Xl = { "dynamicFlows.ArraySchema.maxItemsError": "Please add {maxItems} or fewer.", "dynamicFlows.ArraySchema.minItemsError": "Please add at least {minItems}.", "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "The browser you're using doesn't have support for a camera. Try a different browser, device, or download our mobile app.", "dynamicFlows.CameraCapture.CameraNotSupported.title": "Camera not supported", "dynamicFlows.CameraCapture.NoCameraAccess.action": "Enable camera access", "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Enable camera access in your browser's settings to get going again.", "dynamicFlows.CameraCapture.NoCameraAccess.title": "We can't access your camera", "dynamicFlows.CameraCapture.reviewInstructions": "Is your picture clear, readable and complete?", "dynamicFlows.CameraCapture.reviewRetry": "No, try again", "dynamicFlows.CameraCapture.reviewSubmit": "Yes, submit", "dynamicFlows.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.", "dynamicFlows.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.", "dynamicFlows.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.", "dynamicFlows.ControlFeedback.minLength": "Please enter at least {minLength} characters.", "dynamicFlows.ControlFeedback.minimum": "Please enter a number that's {minimum} or more.", "dynamicFlows.ControlFeedback.minimumDate": "Please enter a date that's on or after {minimum}.", "dynamicFlows.ControlFeedback.pattern": "Please enter this in the correct format.", "dynamicFlows.ControlFeedback.patternDate": "Please enter a date in the corrrect format.", "dynamicFlows.ControlFeedback.required": "Please fill out this field.", "dynamicFlows.ControlFeedback.type": "Incorrect type", "dynamicFlows.DynamicExternal.retryTitle": "Reopen window", "dynamicFlows.DynamicParagraph.copied": "Copied to clipboard", "dynamicFlows.DynamicParagraph.copy": "Copy", "dynamicFlows.ErrorBoundary.errorAlert": "Oops. Something went wrong...", "dynamicFlows.ErrorBoundary.retry": "Retry", "dynamicFlows.ExternalConfirmation.cancel": "Cancel", "dynamicFlows.ExternalConfirmation.description": "Please confirm you want to open **{origin}** in a new browser tab.", "dynamicFlows.ExternalConfirmation.open": "Open in new tab", "dynamicFlows.ExternalConfirmation.title": "Please confirm", "dynamicFlows.Help.ariaLabel": "Click here for more info.", "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Sorry, that file is too big. Please upload a smaller file.", "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Please upload {maxItems} or fewer files.", "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Please upload at least {minItems} file(s).", "dynamicFlows.PersistAsyncSchema.genericError": "Something went wrong, please try again later!", "dynamicFlows.ReadOnlySchema.no": "No", "dynamicFlows.ReadOnlySchema.yes": "Yes" };
     var Ql = { "dynamicFlows.ArraySchema.maxItemsError": "A\xF1ade {maxItems} o menos.", "dynamicFlows.ArraySchema.minItemsError": "A\xF1ade al menos {minItems}.", "dynamicFlows.CameraCapture.CameraNotSupported.paragraph": "El navegador que est\xE1s utilizando no es compatible con una c\xE1mara. Prueba con otro navegador, dispositivo o descarga nuestra app m\xF3vil.", "dynamicFlows.CameraCapture.CameraNotSupported.title": "C\xE1mara no compatible", "dynamicFlows.CameraCapture.NoCameraAccess.action": "Habilitar acceso a la c\xE1mara", "dynamicFlows.CameraCapture.NoCameraAccess.paragraph": "Habilita el acceso a la c\xE1mara en la configuraci\xF3n de tu navegador para volver a activarla.", "dynamicFlows.CameraCapture.NoCameraAccess.title": "No podemos acceder a tu c\xE1mara", "dynamicFlows.CameraCapture.reviewInstructions": "\xBFTu foto es clara, legible y completa?", "dynamicFlows.CameraCapture.reviewRetry": "No, intentar de nuevo", "dynamicFlows.CameraCapture.reviewSubmit": "S\xED, enviar", "dynamicFlows.ControlFeedback.maxLength": "Introduce {maxLength} caracteres o menos.", "dynamicFlows.ControlFeedback.maximum": "Introduce una cifra igual o inferior a {maximum}.", "dynamicFlows.ControlFeedback.maximumDate": "Introduce una fecha que sea igual o anterior al {maximum}.", "dynamicFlows.ControlFeedback.minLength": "Introduce al menos {minLength} caracteres.", "dynamicFlows.ControlFeedback.minimum": "Introduce una cifra igual o inferior a {minimum}.", "dynamicFlows.ControlFeedback.minimumDate": "Introduce una fecha que sea igual o posterior al {minimum}.", "dynamicFlows.ControlFeedback.pattern": "Utiliza el formato correcto.", "dynamicFlows.ControlFeedback.patternDate": "Introduce la fecha en un formato correcto.", "dynamicFlows.ControlFeedback.required": "Completa este campo.", "dynamicFlows.ControlFeedback.type": "Tipo incorrecto", "dynamicFlows.DynamicExternal.retryTitle": "Reabrir ventana", "dynamicFlows.DynamicParagraph.copied": "Copiado al portapapeles", "dynamicFlows.DynamicParagraph.copy": "Copiar", "dynamicFlows.ErrorBoundary.errorAlert": "Vaya. Algo ha salido mal...", "dynamicFlows.ErrorBoundary.retry": "Reintentar", "dynamicFlows.ExternalConfirmation.cancel": "Cancelar", "dynamicFlows.ExternalConfirmation.description": "Confirma que quieres abrir **{origin}** en una nueva pesta\xF1a del navegador.", "dynamicFlows.ExternalConfirmation.open": "Abrir en nueva pesta\xF1a", "dynamicFlows.ExternalConfirmation.title": "Por favor, confirma", "dynamicFlows.Help.ariaLabel": "Haz clic aqu\xED para obtener m\xE1s informaci\xF3n.", "dynamicFlows.MultipleFileUploadSchema.maxFileSizeError": "Lo sentimos, el archivo pesa demasiado. Sube uno m\xE1s peque\xF1o.", "dynamicFlows.MultipleFileUploadSchema.maxItemsError": "Sube {maxItems} o menos archivos.", "dynamicFlows.MultipleFileUploadSchema.minItemsError": "Sube al menos {minItems} archivo(s).", "dynamicFlows.PersistAsyncSchema.genericError": "Algo ha ido mal. Int\xE9ntalo de nuevo m\xE1s tarde.", "dynamicFlows.ReadOnlySchema.no": "No", "dynamicFlows.ReadOnlySchema.yes": "S\xED" };