@wise/dynamic-flow-client-internal 2.8.5 → 2.8.6

package/build/main.js

@@ -52,7 +52,7 @@ var require_main_min = __commonJS({
   "../core/build/main.min.js"(exports, module2) {
     "use strict";
     var jm = Object.create;
-    var Yt = Object.defineProperty;
+    var Zt = Object.defineProperty;
     var Vm = Object.defineProperties;
     var Um = Object.getOwnPropertyDescriptor;
     var Hm = Object.getOwnPropertyDescriptors;
@@ -61,7 +61,7 @@ var require_main_min = __commonJS({
     var Gm = Object.getPrototypeOf;
     var on = Object.prototype.hasOwnProperty;
     var Wm = Object.prototype.propertyIsEnumerable;
-    var an = (e, t, r) => t in e ? Yt(e, t, { enumerable: true, configurable: true, writable: true, value: r }) : e[t] = r;
+    var an = (e, t, r) => t in e ? Zt(e, t, { enumerable: true, configurable: true, writable: true, value: r }) : e[t] = r;
     var s = (e, t) => {
       for (var r in t || (t = {}))
         on.call(t, r) && an(e, r, t[r]);
@@ -74,16 +74,16 @@ var require_main_min = __commonJS({
     var Aa = (e, t) => () => (t || e((t = { exports: {} }).exports, t), t.exports);
     var $m = (e, t) => {
       for (var r in t)
-        Yt(e, r, { get: t[r], enumerable: true });
+        Zt(e, r, { get: t[r], enumerable: true });
     };
     var nn = (e, t, r, a) => {
       if (t && typeof t == "object" || typeof t == "function")
         for (let o of qm(t))
-          !on.call(e, o) && o !== r && Yt(e, o, { get: () => t[o], enumerable: !(a = Um(t, o)) || a.enumerable });
+          !on.call(e, o) && o !== r && Zt(e, o, { get: () => t[o], enumerable: !(a = Um(t, o)) || a.enumerable });
       return e;
     };
-    var Ee = (e, t, r) => (r = e != null ? jm(Gm(e)) : {}, nn(t || !e || !e.__esModule ? Yt(r, "default", { value: e, enumerable: true }) : r, e));
-    var _m = (e) => nn(Yt({}, "__esModule", { value: true }), e);
+    var Ee = (e, t, r) => (r = e != null ? jm(Gm(e)) : {}, nn(t || !e || !e.__esModule ? Zt(r, "default", { value: e, enumerable: true }) : r, e));
+    var _m = (e) => nn(Zt({}, "__esModule", { value: true }), e);
     var Xe = Aa((nf, Ur) => {
       "use strict";
       (function() {
@@ -118,11 +118,11 @@ var require_main_min = __commonJS({
         }) : window.classNames = r;
       })();
     });
-    var bc = Aa((fr, jo) => {
+    var bc = Aa((hr, jo) => {
       "use strict";
       (function(t, r) {
-        typeof fr == "object" && typeof jo == "object" ? jo.exports = r(require("react")) : typeof define == "function" && define.amd ? define(["react"], r) : typeof fr == "object" ? fr.Webcam = r(require("react")) : t.Webcam = r(t.React);
-      })(fr, function(e) {
+        typeof hr == "object" && typeof jo == "object" ? jo.exports = r(require("react")) : typeof define == "function" && define.amd ? define(["react"], r) : typeof hr == "object" ? hr.Webcam = r(require("react")) : t.Webcam = r(t.React);
+      })(hr, function(e) {
         return function(t) {
           var r = {};
           function a(o) {
@@ -314,11 +314,11 @@ var require_main_min = __commonJS({
         } }).default;
       });
     });
-    var kc = Aa((BF, gr) => {
+    var kc = Aa((zF, wr) => {
       "use strict";
       (function() {
         "use strict";
-        var e = typeof window != "undefined" && typeof window.document != "undefined" ? window.document : {}, t = typeof gr != "undefined" && gr.exports, r = function() {
+        var e = typeof window != "undefined" && typeof window.document != "undefined" ? window.document : {}, t = typeof wr != "undefined" && wr.exports, r = function() {
           for (var n, i = [["requestFullscreen", "exitFullscreen", "fullscreenElement", "fullscreenEnabled", "fullscreenchange", "fullscreenerror"], ["webkitRequestFullscreen", "webkitExitFullscreen", "webkitFullscreenElement", "webkitFullscreenEnabled", "webkitfullscreenchange", "webkitfullscreenerror"], ["webkitRequestFullScreen", "webkitCancelFullScreen", "webkitCurrentFullScreenElement", "webkitCancelFullScreen", "webkitfullscreenchange", "webkitfullscreenerror"], ["mozRequestFullScreen", "mozCancelFullScreen", "mozFullScreenElement", "mozFullScreenEnabled", "mozfullscreenchange", "mozfullscreenerror"], ["msRequestFullscreen", "msExitFullscreen", "msFullscreenElement", "msFullscreenEnabled", "MSFullscreenChange", "MSFullscreenError"]], c = 0, l = i.length, m = {}; c < l; c++)
             if (n = i[c], n && n[1] in e) {
               for (c = 0; c < n.length; c++)
@@ -362,7 +362,7 @@ var require_main_min = __commonJS({
           c && e.removeEventListener(c, i, false);
         }, raw: r };
         if (!r) {
-          t ? gr.exports = { isEnabled: false } : window.screenfull = { isEnabled: false };
+          t ? wr.exports = { isEnabled: false } : window.screenfull = { isEnabled: false };
           return;
         }
         Object.defineProperties(o, { isFullscreen: { get: function() {
@@ -371,13 +371,13 @@ var require_main_min = __commonJS({
           return e[r.fullscreenElement];
         } }, isEnabled: { enumerable: true, get: function() {
           return !!e[r.fullscreenEnabled];
-        } } }), t ? gr.exports = o : window.screenfull = o;
+        } } }), t ? wr.exports = o : window.screenfull = o;
       })();
     });
     var Lp = {};
-    $m(Lp, { DynamicFlow: () => Qo, JsonSchemaForm: () => en, Layout: () => ne, convertStepToLayout: () => Zt, inlineReferences: () => ze, isValidSchema: () => G, makeHttpClient: () => kr, translations: () => Bm });
+    $m(Lp, { DynamicFlow: () => Qo, JsonSchemaForm: () => en, Layout: () => ne, convertStepToLayout: () => Qt, inlineReferences: () => ze, isValidSchema: () => G, makeHttpClient: () => kr, translations: () => Bm });
     module2.exports = _m(Lp);
-    function Zt(e, { displayStepTitle: t = true } = {}) {
+    function Qt(e, { displayStepTitle: t = true } = {}) {
       if (e.layout)
         return sl(e, t);
       switch (e.type) {
@@ -408,7 +408,7 @@ var require_main_min = __commonJS({
     function Xm(e) {
       let t = Oa(e);
       if (e.reviewFields && t.push(al(e.reviewFields)), e.schemas && t.push(...nl(e)), e.actions) {
-        let r = e.actions.map(vr);
+        let r = e.actions.map(Ar);
         t.push(Pa(r, "md"));
       }
       return t;
@@ -423,7 +423,7 @@ var require_main_min = __commonJS({
         e.details.title && t.push(Ma(e.details.title)), e.details.description && t.push(ka(e.details.description));
       }
       if (e.actions) {
-        let r = e.actions.map((a) => vr(C(s({}, a), { type: a.type || "primary" })));
+        let r = e.actions.map((a) => Ar(C(s({}, a), { type: a.type || "primary" })));
         t.push(Pa(r, "md"));
       }
       return t;
@@ -456,7 +456,7 @@ var require_main_min = __commonJS({
     function rl(e) {
       return typeof e == "string" ? { type: "image", url: e, text: void 0, margin: "lg", size: "md" } : sn(e);
     }
-    function vr(e) {
+    function Ar(e) {
       return { type: "button", action: C(s({}, e), { title: e.title }) };
     }
     function al(e) {
@@ -485,22 +485,22 @@ var require_main_min = __commonJS({
     function cl({ formComponent: e, schemas: t }) {
       if (e.schemaId)
         return { type: "form", margin: e.margin, schema: cn(t, e.schemaId) };
-      if (e.schema && Ar(e.schema) && e.schema.$ref)
+      if (e.schema && Or(e.schema) && e.schema.$ref)
         return { type: "form", margin: e.margin, schema: cn(t, e.schema.$ref) };
-      if (e.schema && !Ar(e.schema))
+      if (e.schema && !Or(e.schema))
         return s({}, e);
       throw new Error('Invalid form layout component. Missing "schema" or "schemaId" properties.');
     }
     function ml({ decisionComponent: e, actions: t }) {
       var a;
-      let r = (a = e == null ? void 0 : e.options) == null ? void 0 : a.map((o) => o.action && Ar(o.action) ? C(s({}, o), { action: mn(t, o.action.$ref) }) : o);
+      let r = (a = e == null ? void 0 : e.options) == null ? void 0 : a.map((o) => o.action && Or(o.action) ? C(s({}, o), { action: mn(t, o.action.$ref) }) : o);
       return C(s({}, e), { options: r });
     }
     function ll({ actionComponent: e, actions: t }) {
       var r;
-      if (e.action && Ar(e.action) && ((r = e.action) != null && r.$ref)) {
+      if (e.action && Or(e.action) && ((r = e.action) != null && r.$ref)) {
         let a = mn(t, e.action.$ref);
-        return vr(a);
+        return Ar(a);
       }
       return e;
     }
@@ -516,16 +516,16 @@ var require_main_min = __commonJS({
         throw new Error(`Fatal Error. Action not found. $id ${t}`);
       return r;
     }
-    function Ar(e) {
+    function Or(e) {
       return Object.hasOwnProperty.call(e, "$ref");
     }
     var Me = require("react");
     var Sm = require("react-intl");
     var vt = require("react");
-    var Or = require("react");
+    var Pr = require("react");
     function ln() {
-      let [e, t] = (0, Or.useState)(0);
-      return { addPendingPromise: (0, Or.useCallback)((a) => {
+      let [e, t] = (0, Pr.useState)(0);
+      return { addPendingPromise: (0, Pr.useCallback)((a) => {
         t((o) => o + 1), a.catch(ul).finally(() => dl(() => t((o) => Math.max(0, o - 1))));
       }, [t]), pendingPromises: e };
     }
@@ -540,17 +540,17 @@ var require_main_min = __commonJS({
       let { pendingPromises: r, addPendingPromise: a } = ln(), o = (0, vt.useMemo)(() => ({ loading: e || r > 0, registerPersistAsyncPromise: a }), [e, r, a]);
       return (0, yn.jsx)(un.Provider, { value: o, children: t });
     };
-    var Pr = () => (0, vt.useContext)(un) || dn;
-    var At = require("react");
+    var At = () => (0, vt.useContext)(un) || dn;
+    var Ot = require("react");
     var hn = require("react/jsx-runtime");
-    var fn = (0, At.createContext)({ triggerEvent: () => {
+    var fn = (0, Ot.createContext)({ triggerEvent: () => {
     } });
     function Mr({ metadata: e, children: t, onEvent: r }) {
-      let a = (0, At.useMemo)(() => ({ triggerEvent: Ea(r, e) }), [r, e]);
+      let a = (0, Ot.useMemo)(() => ({ triggerEvent: Ea(r, e) }), [r, e]);
       return (0, hn.jsx)(fn.Provider, { value: a, children: t });
     }
     function re() {
-      let { triggerEvent: e } = (0, At.useContext)(fn);
+      let { triggerEvent: e } = (0, Ot.useContext)(fn);
       return e;
     }
     var Ea = (e, t) => (r, a = {}) => {
@@ -590,7 +590,7 @@ var require_main_min = __commonJS({
       return e != null ? e : fetch;
     };
     var wn = () => !!(0, ct.useContext)(Er);
-    var Ot = require("react");
+    var Pt = require("react");
     var Sn = require("react/jsx-runtime");
     var mt = (e, t, r = "UNKNOWN-FLOW-ID", a = "UNKNOWN-FLOW-ID") => (o, n, i) => {
       try {
@@ -598,13 +598,13 @@ var require_main_min = __commonJS({
       } catch (c) {
       }
     };
-    var Cn = (0, Ot.createContext)(null);
+    var Cn = (0, Pt.createContext)(null);
     function Dr({ flowId: e, stepId: t, children: r, onLog: a }) {
-      let o = (0, Ot.useMemo)(() => ({ debug: mt("debug", a, e, t), info: mt("info", a, e, t), warning: mt("warning", a, e, t), error: mt("error", a, e, t), critical: mt("critical", a, e, t) }), [a, e, t]);
+      let o = (0, Pt.useMemo)(() => ({ debug: mt("debug", a, e, t), info: mt("info", a, e, t), warning: mt("warning", a, e, t), error: mt("error", a, e, t), critical: mt("critical", a, e, t) }), [a, e, t]);
       return (0, Sn.jsx)(Cn.Provider, { value: o, children: r });
     }
-    var Pt = () => {
-      let e = (0, Ot.useContext)(Cn);
+    var Mt = () => {
+      let e = (0, Pt.useContext)(Cn);
       if (e == null)
         throw new Error("Logging context not found. Did you forget to wrap your component in a <LogProvider />?");
       return e;
@@ -632,7 +632,7 @@ var require_main_min = __commonJS({
     var j = (e) => Array.isArray(e);
     var I = (e) => e === null;
     var Y = (e) => typeof e == "undefined";
-    var Mt = (e) => L(e) && e.length === 0 || (R(e) || j(e)) && Object.keys(e).length === 0;
+    var kt = (e) => L(e) && e.length === 0 || (R(e) || j(e)) && Object.keys(e).length === 0;
     function On(e, t) {
       return t.oneOf.some((r) => $e(e, r) === e) ? e : null;
     }
@@ -645,7 +645,7 @@ var require_main_min = __commonJS({
       return !je(t) || !De(t) ? null : La(e, t);
     }
     function Mn(e) {
-      return L(e) && !Mt(e) ? e : null;
+      return L(e) && !kt(e) ? e : null;
     }
     function kn(e) {
       return z(e) ? e : null;
@@ -661,12 +661,12 @@ var require_main_min = __commonJS({
         if (!e.every((a) => typeof a === r))
           return new Array(e.length).fill(null);
       }
-      return e.map((r) => kt(r, t.items));
+      return e.map((r) => Et(r, t.items));
     }
     function In(e, t) {
       return Object.keys(t.properties).reduce((r, a) => {
         if (e && !Y(e[a])) {
-          let o = e[a], n = t.properties[a], i = kt(o, n);
+          let o = e[a], n = t.properties[a], i = Et(o, n);
           if (!I(i))
             return C(s({}, r), { [a]: i });
         }
@@ -688,7 +688,7 @@ var require_main_min = __commonJS({
         return $(o) && $(n) ? C(s({}, r), { [a]: Tn(o, n) }) : C(s({}, r), { [a]: t[a] });
       }, s({}, e));
     }
-    var kt = (e, t) => $(e) ? ce(e, t) : Ta(e) ? wl(e, t) : $e(e, t);
+    var Et = (e, t) => $(e) ? ce(e, t) : Ta(e) ? wl(e, t) : $e(e, t);
     function $e(e, t) {
       if (I(e))
         return null;
@@ -716,7 +716,7 @@ var require_main_min = __commonJS({
     function wl(e, t) {
       return ge(t) ? Pn(e, t) : je(t) ? La(e, t) : null;
     }
-    function Qt(e, t = false) {
+    function er(e, t = false) {
       return !t || !Y(e);
     }
     function Rn(e, t = false) {
@@ -758,7 +758,7 @@ var require_main_min = __commonJS({
         case "boolean":
           return ja(e, t, r);
         case "array":
-          return Et(e, t, r);
+          return It(e, t, r);
         case "object":
           return Cl(e, t);
         default:
@@ -771,13 +771,13 @@ var require_main_min = __commonJS({
       if (e === "" && r)
         return ["required"];
       let a = [];
-      return Qt(e, r) || a.push("required"), Nn(e, t.minLength) || a.push("minLength"), Bn(e, t.maxLength) || a.push("maxLength"), zn(e, t.pattern) || a.push("pattern"), Na(e, t.minimum) || a.push("minimum"), Ra(e, t.maximum) || a.push("maximum"), a;
+      return er(e, r) || a.push("required"), Nn(e, t.minLength) || a.push("minLength"), Bn(e, t.maxLength) || a.push("maxLength"), zn(e, t.pattern) || a.push("pattern"), Na(e, t.minimum) || a.push("minimum"), Ra(e, t.maximum) || a.push("maximum"), a;
     }
     function Tr(e, t, r) {
       if (!z(e) && !I(e))
         return ["type"];
       let a = [];
-      return Qt(e, r) || a.push("required"), Na(e, t.minimum) || a.push("minimum"), Ra(e, t.maximum) || a.push("maximum"), a;
+      return er(e, r) || a.push("required"), Na(e, t.minimum) || a.push("minimum"), Ra(e, t.maximum) || a.push("maximum"), a;
     }
     function za(e, t, r) {
       return An(e) ? Tr(e, t, r) : ["type"];
@@ -786,12 +786,12 @@ var require_main_min = __commonJS({
       if (!Ie(e) && !I(e))
         return ["type"];
       let a = [];
-      return Qt(e, r) || a.push("required"), a;
+      return er(e, r) || a.push("required"), a;
     }
     function Va(e, t, r) {
-      return Qt(e, r) ? e !== t.const ? ["const"] : [] : ["required"];
+      return er(e, r) ? e !== t.const ? ["const"] : [] : ["required"];
     }
-    function Et(e, t, r) {
+    function It(e, t, r) {
       if (!j(e) && !I(e))
         return ["type"];
       if (!Rn(e, r))
@@ -827,7 +827,7 @@ var require_main_min = __commonJS({
       return t.hidden ? true : typeof e == "undefined" ? !r : G(e, t);
     }
     function Pl(e, t) {
-      return t.type !== "array" || !R(t.items) || Et(e, t).length > 0 ? false : Array.isArray(e) && De(t) && e.map((r) => G(r, t.items)).every((r) => r);
+      return t.type !== "array" || !R(t.items) || It(e, t).length > 0 ? false : Array.isArray(e) && De(t) && e.map((r) => G(r, t.items)).every((r) => r);
     }
     function Ml(e, t) {
       return j(t.oneOf) ? t.oneOf.some((r) => G(e, r)) : false;
@@ -915,7 +915,7 @@ var require_main_min = __commonJS({
     function we(e) {
       return !Y(e == null ? void 0 : e.const);
     }
-    function er(e) {
+    function tr(e) {
       return !!e && !we(e);
     }
     var Ll = (e) => !!e.readOnly && Ve(e);
@@ -936,7 +936,7 @@ var require_main_min = __commonJS({
     function Ua(e) {
       return !!e.allOf;
     }
-    function It(e) {
+    function Dt(e) {
       return e.type === "blob";
     }
     function je(e) {
@@ -953,7 +953,7 @@ var require_main_min = __commonJS({
       return !!e.persistAsync;
     }
     function Nl(e) {
-      return Br(e) && (It(e.persistAsync.schema) || Bl(e.persistAsync.schema));
+      return Br(e) && (Dt(e.persistAsync.schema) || Bl(e.persistAsync.schema));
     }
     var Ha = (e) => Ve(e) && !!e.validationAsync;
     function Bl(e) {
@@ -989,7 +989,7 @@ var require_main_min = __commonJS({
     var jr = (e) => L(e) || I(e);
     var Ta = (e) => j(e) ? e.length === 0 ? true : e.every((t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" || typeof t == "object") : false;
     var Xn = (e) => I(e) ? true : Ta(e);
-    var tr = (e) => L(e) || I(e);
+    var rr = (e) => L(e) || I(e);
     var Yn = () => Hl() && (ql() || Ul());
     var Ul = (e = window.navigator.userAgent) => /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(e);
     var Hl = (e = window.screen.width, t = window.screen.height) => e < 768 || t < 768;
@@ -1003,16 +1003,16 @@ var require_main_min = __commonJS({
     function Qn(e, t) {
       return (0, Zn.useCallback)(Ke(e, t), [e, t]);
     }
-    var rr = require("react");
+    var ar = require("react");
     function ei(e) {
-      let [t, r] = (0, rr.useState)(null), [a, o] = (0, rr.useState)(false), n = () => o(true);
-      return (0, rr.useEffect)(() => {
+      let [t, r] = (0, ar.useState)(null), [a, o] = (0, ar.useState)(false), n = () => o(true);
+      return (0, ar.useEffect)(() => {
         e && (o(false), r(window.open(e, "_blank")));
       }, [e]), { requiresManualTrigger: !!(e && !t && !a), dismissConfirmation: n };
     }
-    var ar = require("react");
+    var or = require("react");
     function ti(e, t) {
-      let r = ae(), a = (0, ar.useMemo)(() => {
+      let r = ae(), a = (0, or.useMemo)(() => {
         if (e)
           return () => r(e.url).then((n) => {
             if (n.ok)
@@ -1026,7 +1026,7 @@ var require_main_min = __commonJS({
           }).catch((n) => {
             throw new Error(n.message === "failed" ? "failed" : "network failed");
           });
-      }, [e, r]), o = (0, ar.useCallback)((n) => {
+      }, [e, r]), o = (0, or.useCallback)((n) => {
         let c = ((e == null ? void 0 : e.responseHandlers) || []).find((l) => l.result === n.result);
         if (c != null && c.action) {
           let { action: l } = c;
@@ -1041,14 +1041,14 @@ var require_main_min = __commonJS({
         }
         return true;
       }, [e == null ? void 0 : e.responseHandlers, t]);
-      Vr({ asyncFn: a, interval: (e == null ? void 0 : e.interval) || 0, maxAttempts: (e == null ? void 0 : e.maxAttempts) || 0, maxConsecutiveFails: (e == null ? void 0 : e.maxConsecutiveFails) || 0, onPollingResponse: o, onFailure: (0, ar.useCallback)(() => {
+      Vr({ asyncFn: a, interval: (e == null ? void 0 : e.interval) || 0, maxAttempts: (e == null ? void 0 : e.maxAttempts) || 0, maxConsecutiveFails: (e == null ? void 0 : e.maxConsecutiveFails) || 0, onPollingResponse: o, onFailure: (0, or.useCallback)(() => {
         e && t(e.onError.action);
       }, [t, e]) });
     }
     var wc = require("react");
     var Cc = require("react-intl");
     var ri = require("react-intl");
-    var or = (0, ri.defineMessages)({ genericError: { id: "dynamicFlows.PersistAsyncSchema.genericError", defaultMessage: "Something went wrong, please try again later!", description: "Generic error message for persist async schema" } });
+    var nr = (0, ri.defineMessages)({ genericError: { id: "dynamicFlows.PersistAsyncSchema.genericError", defaultMessage: "Something went wrong, please try again later!", description: "Generic error message for persist async schema" } });
     var bt = require("react");
     var pc = require("react-intl");
     var ai = { DAY_MONTH_YEAR: "day-month-year", MONTH_YEAR: "month-year" };
@@ -1058,13 +1058,13 @@ var require_main_min = __commonJS({
     var dc = Ee(Xe());
     var de = require("react");
     var ui = require("@transferwise/components");
-    var Lt = require("@transferwise/components");
+    var Tt = require("@transferwise/components");
     var si = require("react/jsx-runtime");
-    var Dt = (e) => Gl(e) || Wl(e);
+    var Lt = (e) => Gl(e) || Wl(e);
     var Gl = (e) => $l.some((t) => e === `flag-${t}`);
     var Wl = (e) => _l.some((t) => e === `flag-${t}`);
     var ii = ({ name: e }) => {
-      if (!Dt(e))
+      if (!Lt(e))
         return null;
       let t = e.substring(5);
       return (0, si.jsx)("img", { src: `https://wise.com/web-art/assets/flags/${t}.svg`, alt: "", "data-testid": `img-flag-${t}` });
@@ -1089,20 +1089,20 @@ var require_main_min = __commonJS({
       return `${(t = e[0]) == null ? void 0 : t.toUpperCase()}${e.slice(1)}`;
     };
     var Wa = require("react/jsx-runtime");
-    var Jl = ({ type: e }) => Dt(e) ? (0, Wa.jsx)(ii, { name: e }) : Hr(e) ? (0, Wa.jsx)(mi, { name: e }) : null;
+    var Jl = ({ type: e }) => Lt(e) ? (0, Wa.jsx)(ii, { name: e }) : Hr(e) ? (0, Wa.jsx)(mi, { name: e }) : null;
     function $a(e) {
-      return Hr(e) || Dt(e);
+      return Hr(e) || Lt(e);
     }
     var Ye = Jl;
-    var nr = require("react/jsx-runtime");
+    var ir = require("react/jsx-runtime");
     var ut = ({ icon: e, image: t }) => {
       if (e != null && e.name)
-        return (0, nr.jsx)(Lt.Avatar, { type: Lt.AvatarType.ICON, children: (0, nr.jsx)(Ye, { type: e.name }) });
+        return (0, ir.jsx)(Tt.Avatar, { type: Tt.AvatarType.ICON, children: (0, ir.jsx)(Ye, { type: e.name }) });
       if (e != null && e.text)
-        return (0, nr.jsx)(Lt.Avatar, { type: Lt.AvatarType.INITIALS, children: e.text });
+        return (0, ir.jsx)(Tt.Avatar, { type: Tt.AvatarType.INITIALS, children: e.text });
       if (t != null && t.url) {
         let { url: r, text: a } = t;
-        return (0, nr.jsx)("img", { src: r, alt: a });
+        return (0, ir.jsx)("img", { src: r, alt: a });
       }
       return null;
     };
@@ -1207,7 +1207,7 @@ var require_main_min = __commonJS({
     var Ci = require("react/jsx-runtime");
     var od = (e) => {
       var l;
-      let { component: t, onAction: r } = e, a = t.action, o = hi(t), n = fi(t), { loading: i } = Pr(), c = V(t.margin || "md");
+      let { component: t, onAction: r } = e, a = t.action, o = hi(t), n = fi(t), { loading: i } = At(), c = V(t.margin || "md");
       return (0, Ci.jsx)(wi.Button, { size: gi(t.size), type: n === "tertiary" ? void 0 : o, priority: n, block: true, className: c, disabled: t.disabled || a.disabled || i, onClick: () => r(a), children: (l = t.title) != null ? l : a.title });
     };
     var Ka = od;
@@ -1221,7 +1221,11 @@ var require_main_min = __commonJS({
     var Gr = require("@transferwise/components");
     var qr = require("react/jsx-runtime");
     function sd({ component: e, onAction: t }) {
-      return (0, qr.jsx)("div", { className: V(e.margin), children: (0, qr.jsx)(Gr.NavigationOptionsList, { children: e.options.map((r) => (0, qr.jsx)(Gr.NavigationOption, { title: r.title, content: r.description, disabled: r.disabled, media: ut(r), showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => t(r.action) }, JSON.stringify(r))) }) });
+      let { loading: r } = At();
+      return (0, qr.jsx)("div", { className: V(e.margin), children: (0, qr.jsx)(Gr.NavigationOptionsList, { children: e.options.map((a) => {
+        var o;
+        return (0, qr.jsx)(Gr.NavigationOption, { title: a.title, content: a.description, disabled: (o = a.disabled) != null ? o : r, media: ut(a), showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => t(a.action) }, JSON.stringify(a));
+      }) }) });
     }
     var Xa = sd;
     var Si = require("react/jsx-runtime");
@@ -1230,7 +1234,7 @@ var require_main_min = __commonJS({
       return (0, Si.jsx)("hr", { className: r });
     };
     var Ya = cd;
-    var Tt = require("@transferwise/components");
+    var Rt = require("@transferwise/components");
     var Wr = require("react");
     var xi = require("react-intl");
     var Fi = require("react-intl");
@@ -1242,7 +1246,7 @@ var require_main_min = __commonJS({
         c();
       }, [c]);
       let l = o && a ? C(s({}, o), { responseHandlers: a }) : void 0;
-      return ti(l, t), (0, Ze.jsxs)(Ze.Fragment, { children: [(0, Ze.jsx)(Tt.Loader, { size: Tt.Size.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }), (0, Ze.jsx)("br", {}), (0, Ze.jsx)(Tt.Button, { priority: "tertiary", block: true, onClick: c, children: n || i.formatMessage(bi.retryTitle) })] });
+      return ti(l, t), (0, Ze.jsxs)(Ze.Fragment, { children: [(0, Ze.jsx)(Rt.Loader, { size: Rt.Size.LARGE, classNames: { "tw-loader": "tw-loader m-x-auto" } }), (0, Ze.jsx)("br", {}), (0, Ze.jsx)(Rt.Button, { priority: "tertiary", block: true, onClick: c, children: n || i.formatMessage(bi.retryTitle) })] });
     };
     var Za = md;
     var Gs = require("react");
@@ -1264,7 +1268,7 @@ var require_main_min = __commonJS({
     var Qa = Pi;
     var _r = require("@transferwise/components");
     var Ui = Ee(Xe());
-    var ir = require("react");
+    var sr = require("react");
     var $r = require("@transferwise/components");
     var eo = require("@transferwise/formatting");
     var ki = require("react-intl");
@@ -1319,7 +1323,7 @@ var require_main_min = __commonJS({
     var ft = require("react/jsx-runtime");
     function Hi(e) {
       var M, E;
-      let { onChange: t, schema: r } = e, a = re(), o = ji(r), n = (0, ir.useMemo)(() => r.$id || Te(), [r.$id]), [i, c] = (0, ir.useState)(false), [l, m] = (0, ir.useState)(() => yd(e.model || [])), p = qi(r.items.persistAsync), h = r.items.persistAsync.schema, y = It(h), u = async (P) => {
+      let { onChange: t, schema: r } = e, a = re(), o = ji(r), n = (0, sr.useMemo)(() => r.$id || Te(), [r.$id]), [i, c] = (0, sr.useState)(false), [l, m] = (0, sr.useState)(() => yd(e.model || [])), p = qi(r.items.persistAsync), h = r.items.persistAsync.schema, y = Dt(h), u = async (P) => {
         c(true);
         try {
           let D = await Ii(P, y);
@@ -1337,7 +1341,7 @@ var require_main_min = __commonJS({
         let U = Vi(P).map((ee) => ee.id);
         t({ model: U, triggerSchema: r, triggerModel: U });
       }
-      let w = Vi(l).map((P) => P.id), S = Et(w, r, e.required), F = !!e.errors || (i || e.submitted) && !!S.length, g = "accepts" in h && h.accepts, v = "maxSize" in h && h.maxSize, O = C(s(s({ multiple: true, className: "form-control", files: l, fileInputName: n, id: n }, g ? { fileTypes: g } : void 0), v ? { sizeLimit: Nr(v) } : void 0), { sizeLimitErrorMessage: ((M = h.validationMessages) == null ? void 0 : M.maxSize) || o.maxFileSizeErrorMessage, maxFiles: e.schema.maxItems, maxFilesErrorMessage: ((E = e.schema.validationMessages) == null ? void 0 : E.maxItems) || o.maxItemsErrorMessage, uploadButtonTitle: h.title, description: h.description, disabled: e.disabled, onUploadFile: (P) => u(P.get(n)), onFilesChange: d, onDeleteFile: () => Promise.resolve() }), x = `${n}-feedback`;
+      let w = Vi(l).map((P) => P.id), S = It(w, r, e.required), F = !!e.errors || (i || e.submitted) && !!S.length, g = "accepts" in h && h.accepts, v = "maxSize" in h && h.maxSize, O = C(s(s({ multiple: true, className: "form-control", files: l, fileInputName: n, id: n }, g ? { fileTypes: g } : void 0), v ? { sizeLimit: Nr(v) } : void 0), { sizeLimitErrorMessage: ((M = h.validationMessages) == null ? void 0 : M.maxSize) || o.maxFileSizeErrorMessage, maxFiles: e.schema.maxItems, maxFilesErrorMessage: ((E = e.schema.validationMessages) == null ? void 0 : E.maxItems) || o.maxItemsErrorMessage, uploadButtonTitle: h.title, description: h.description, disabled: e.disabled, onUploadFile: (P) => u(P.get(n)), onFilesChange: d, onDeleteFile: () => Promise.resolve() }), x = `${n}-feedback`;
       return (0, ft.jsxs)("div", { className: (0, Ui.default)("form-group", { "has-error": F }), children: [(0, ft.jsx)("label", { className: "d-block control-label", htmlFor: n, children: e.schema.title }), (0, ft.jsx)("div", { "aria-describedby": x, children: (0, ft.jsx)(_r.UploadInput, s({}, O)) }), (0, ft.jsx)(He, { id: x, changed: i, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: hd(r, !!e.required, o), infoMessage: null, focused: false, blurred: true })] });
     }
     Hi.defaultProps = { errors: null, required: false };
@@ -1355,7 +1359,7 @@ var require_main_min = __commonJS({
       let { minItems: a, maxItems: o } = e;
       return s(s(s({}, t && { required: r.requiredMessage }), a && { minItems: r.minItemsErrorMessage }), o && { maxItems: r.maxItemsErrorMessage });
     }
-    var Nt = require("@transferwise/components");
+    var Bt = require("@transferwise/components");
     var Zi = require("@transferwise/icons");
     var Xr = require("react");
     var Qi = require("react-intl");
@@ -1374,26 +1378,26 @@ var require_main_min = __commonJS({
     }
     var Ji = gd;
     var Jr = (e, t) => {
-      let r = sr(e, t);
+      let r = cr(e, t);
       if (r >= 0)
         return r;
-      if (e.oneOf.length === 1 && er(e.oneOf[0]))
+      if (e.oneOf.length === 1 && tr(e.oneOf[0]))
         return 0;
       if (we(e.oneOf[0])) {
-        let a = sr(e, e.default);
+        let a = cr(e, e.default);
         if (a >= 0)
           return a;
       }
-      return lt(e) && $(t) && Object.keys(t).length >= 1 ? Rt(e, t) : lt(e) && !Y(e.default) && $(e.default) && Object.keys(e.default).length >= 1 ? Rt(e, e.default) : null;
+      return lt(e) && $(t) && Object.keys(t).length >= 1 ? Nt(e, t) : lt(e) && !Y(e.default) && $(e.default) && Object.keys(e.default).length >= 1 ? Nt(e, e.default) : null;
     };
-    var sr = (e, t) => {
+    var cr = (e, t) => {
       let r = (a) => !Y(t) && G(t, a);
       return e.oneOf.filter(r).length === 1 ? e.oneOf.findIndex(r) : -1;
     };
-    function Rt(e, t) {
+    function Nt(e, t) {
       if (t == null)
         return null;
-      let r = e.oneOf.map((a) => wd(a).reduce((o, [n, i]) => we(i) && i.const === t[n] ? o + 2 : er(i) && typeof t[n] != "undefined" ? o + 1 : o, 0));
+      let r = e.oneOf.map((a) => wd(a).reduce((o, [n, i]) => we(i) && i.const === t[n] ? o + 2 : tr(i) && typeof t[n] != "undefined" ? o + 1 : o, 0));
       return r.every((a) => a === r[0]) ? null : r.indexOf(Math.max(...r));
     }
     function wd(e) {
@@ -1438,7 +1442,7 @@ var require_main_min = __commonJS({
       if (lt(t)) {
         if (!$(r))
           return null;
-        let n = Rt(t, r);
+        let n = Nt(t, r);
         if (n === null || n < 0)
           return null;
         let i = t.oneOf[n];
@@ -1481,7 +1485,7 @@ var require_main_min = __commonJS({
       }, f = () => {
         p({ item: null, model: null }), i(null);
       }, { formatMessage: w } = (0, Qi.useIntl)();
-      return (0, Fe.jsxs)(Fe.Fragment, { children: [e.title && (0, Fe.jsx)(Nt.Header, { title: e.title }), c && c.map((S) => (0, Fe.jsx)(Wi, { item: S, onClick: () => u(S) }, JSON.stringify(S))), (0, Fe.jsx)(Nt.NavigationOption, { onClick: y, media: (0, Fe.jsx)(Zi.Plus, {}), title: e.addItemTitle || w(ht.addItemTitle), showMediaAtAllSizes: true }), (0, Fe.jsx)(Nt.Modal, { open: n !== null, onClose: f, title: (n === "add" ? e.addItemTitle : e.editItemTitle) || w(ht.addItemTitle), body: (0, Fe.jsx)(Ji, { type: n != null ? n : "add", schema: e, model: m.model, errors: r, submitted: a, onAction: d, onModelChange: ({ model: S }) => p(C(s({}, m), { model: S })) }) })] });
+      return (0, Fe.jsxs)(Fe.Fragment, { children: [e.title && (0, Fe.jsx)(Bt.Header, { title: e.title }), c && c.map((S) => (0, Fe.jsx)(Wi, { item: S, onClick: () => u(S) }, JSON.stringify(S))), (0, Fe.jsx)(Bt.NavigationOption, { onClick: y, media: (0, Fe.jsx)(Zi.Plus, {}), title: e.addItemTitle || w(ht.addItemTitle), showMediaAtAllSizes: true }), (0, Fe.jsx)(Bt.Modal, { open: n !== null, onClose: f, title: (n === "add" ? e.addItemTitle : e.editItemTitle) || w(ht.addItemTitle), body: (0, Fe.jsx)(Ji, { type: n != null ? n : "add", schema: e, model: m.model, errors: r, submitted: a, onAction: d, onModelChange: ({ model: S }) => p(C(s({}, m), { model: S })) }) })] });
     };
     var vd = (e, { originalItem: t, updatedItem: r, itemSummaries: a }) => {
       if (e === "remove")
@@ -1534,7 +1538,7 @@ var require_main_min = __commonJS({
       return (0, fe.jsxs)(fe.Fragment, { children: [e.schema.alert && (0, fe.jsx)(se, { component: e.schema.alert }), (0, fe.jsxs)("fieldset", { children: [e.schema.title && !e.hideTitle && (0, fe.jsxs)("legend", { children: [" ", e.schema.title, " "] }), e.schema.description && !e.hideTitle && (0, fe.jsxs)("p", { children: [" ", e.schema.description, " "] }), (0, fe.jsx)("div", { className: "row", children: c.map((m) => (0, fe.jsx)("div", { className: (0, ns.default)(Ad(e.schema.properties[m].width)), children: (0, fe.jsx)(me, { schema: e.schema.properties[m], model: e.model && e.model[m], errors: l == null ? void 0 : l[m], submitted: e.submitted, required: o(m), disabled: e.disabled, onChange: (p) => a(m, p), onPersistAsync: e.onPersistAsync }) }, m)) })] })] });
     }
     is.defaultProps = { hideTitle: false, disabled: false };
-    var cr = is;
+    var mr = is;
     var Ss = require("@transferwise/components");
     var Fs = Ee(Xe());
     var Ne = require("react");
@@ -1543,15 +1547,15 @@ var require_main_min = __commonJS({
     var ss = require("react-intl");
     var cs = (0, ss.defineMessages)({ helpAria: { id: "dynamicFlows.Help.ariaLabel", defaultMessage: "Click here for more info.", description: "Aria label for help." } });
     var no = require("react/jsx-runtime");
-    var Od = (e) => {
+    function Od(e) {
       let t = (0, ms.useIntl)();
       return (0, no.jsx)(Zr.Info, { className: "m-l-1", content: (0, no.jsx)(Zr.Markdown, { children: e.help.markdown }), presentation: "POPOVER", size: "sm", "aria-label": t.formatMessage(cs.helpAria) });
-    };
+    }
     var qe = Od;
     var ws = require("react");
     var _ = require("@transferwise/components");
     var ys = require("react");
-    var Bt = (e, t = {}) => {
+    var zt = (e, t = {}) => {
       let { coerceValue: r = false } = t;
       if (!I(e)) {
         if (R(e)) {
@@ -1691,9 +1695,9 @@ var require_main_min = __commonJS({
               A.target instanceof HTMLElement && A.target.blur();
             }, "aria-describedby": U });
           case N.HIDDEN:
-            return (0, Z.jsx)("input", { type: "hidden", name: r, value: Bt(P, { coerceValue: true }), id: x });
+            return (0, Z.jsx)("input", { type: "hidden", name: r, value: zt(P, { coerceValue: true }), id: x });
           case N.PASSWORD:
-            return (0, Z.jsx)("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: l, id: x, placeholder: a, readOnly: m, required: p, type: "password", value: Bt(P, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: this.handleInputOnChange, onFocus: this.handleOnFocus, "aria-describedby": U });
+            return (0, Z.jsx)("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: l, id: x, placeholder: a, readOnly: m, required: p, type: "password", value: zt(P, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: this.handleInputOnChange, onFocus: this.handleOnFocus, "aria-describedby": U });
           case N.DATE:
           case N.DATETIME:
             return (0, Z.jsx)(_.DateInput, { disabled: l, size: F, value: ds(P), mode: D, monthFormat: O, onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
@@ -1702,9 +1706,9 @@ var require_main_min = __commonJS({
               this.handleOnChange(qn(A));
             }, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
           case N.TEL:
-            return (0, Z.jsx)(_.PhoneNumberInput, { disabled: l, countryCode: n, placeholder: a, required: p, searchPlaceholder: f, size: F, initialValue: Bt(P), onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
+            return (0, Z.jsx)(_.PhoneNumberInput, { disabled: l, countryCode: n, placeholder: a, required: p, searchPlaceholder: f, size: F, initialValue: zt(P), onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
           case N.TEXTAREA: {
-            let A = { className: "form-control tw-form-control", id: x, name: r, placeholder: a, value: Bt(P, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: l, autoComplete: this.getAutocompleteValue() };
+            let A = { className: "form-control tw-form-control", id: x, name: r, placeholder: a, value: zt(P, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: l, autoComplete: this.getAutocompleteValue() };
             return this.props.displayPattern ? (0, Z.jsx)(_.TextareaWithDisplayFormat, C(s({ displayPattern: this.props.displayPattern }, A), { onChange: this.handleOnChange })) : (0, Z.jsx)("textarea", C(s({}, A), { onChange: this.handleInputOnChange, "aria-describedby": U }));
           }
           case N.FILE:
@@ -1719,14 +1723,14 @@ var require_main_min = __commonJS({
           case N.TEXT:
           case N.EMAIL:
           default: {
-            let A = { type: i === N.EMAIL ? "email" : "text", className: "form-control", id: x, name: r, placeholder: a, value: Bt(P, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: l, autoComplete: this.getAutocompleteValue() };
+            let A = { type: i === N.EMAIL ? "email" : "text", className: "form-control", id: x, name: r, placeholder: a, value: zt(P, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: l, autoComplete: this.getAutocompleteValue() };
             return this.props.displayPattern ? (0, Z.jsx)(_.InputWithDisplayFormat, C(s({ displayPattern: this.props.displayPattern }, A), { onChange: this.handleOnChange })) : (0, Z.jsx)("input", C(s({}, A), { onChange: this.handleInputOnChange, "aria-describedby": U }));
           }
         }
       }
     };
     be.Type = N, be.Size = ni, be.MonthFormat = oi, be.DateMode = ai, 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: be.DateMode.DAY_MONTH_YEAR, monthFormat: be.MonthFormat.LONG, onBlur: null, onFocus: null, onSearchChange: null, options: [], placeholder: null, readOnly: false, required: false, searchPlaceholder: null, searchValue: "", selectedOption: null, size: be.Size.MEDIUM, step: 1, type: be.Type.TEXT, uploadProps: {}, value: null };
-    var zt = be;
+    var jt = be;
     var et = require("@transferwise/components");
     var xe = require("react/jsx-runtime");
     var fs = (e, t) => {
@@ -1738,12 +1742,12 @@ var require_main_min = __commonJS({
           return Pd(e);
       }
     };
-    var Pd = (e) => s(s(s({ label: e.title, value: e.const }, hs(e.title, e.description)), jt(e)), gs(e.disabled));
+    var Pd = (e) => s(s(s({ label: e.title, value: e.const }, hs(e.title, e.description)), Vt(e)), gs(e.disabled));
     var Md = (e) => s(s(s(s(s({ label: e.title, value: e.const }, hs(e.title, e.description)), Id(e.icon)), Ed(e.image)), gs(e.disabled)), kd(e.keywords));
     var kd = (e) => j(e) ? { searchStrings: e } : {};
     var Ed = (e) => e != null && e.url ? { icon: (0, xe.jsx)("div", { className: "media", children: (0, xe.jsx)("div", { className: "np-option__no-media-circle", children: (0, xe.jsx)("img", { src: e.url, alt: e.name || "" }) }) }) } : null;
-    var Id = (e) => e != null && e.name && Dt(e.name) ? { currency: e.name.substring(5) } : e != null && e.name && $a(e.name) ? { icon: (0, xe.jsx)(Ye, { type: e.name }) } : e != null && e.text ? { icon: (0, xe.jsx)("span", { children: e.text }) } : null;
-    var jt = ({ image: e, icon: t }) => e != null && e.url ? { avatar: (0, xe.jsx)(et.Avatar, { type: et.AvatarType.THUMBNAIL, children: (0, xe.jsx)("img", { src: e.url, alt: "" }) }) } : t != null && t.name && $a(t.name) ? { avatar: (0, xe.jsx)(et.Avatar, { type: et.AvatarType.ICON, children: (0, xe.jsx)(Ye, { type: t.name }) }) } : t != null && t.text ? { avatar: (0, xe.jsx)(et.Avatar, { type: et.AvatarType.INITIALS, children: t.text }) } : null;
+    var Id = (e) => e != null && e.name && Lt(e.name) ? { currency: e.name.substring(5) } : e != null && e.name && $a(e.name) ? { icon: (0, xe.jsx)(Ye, { type: e.name }) } : e != null && e.text ? { icon: (0, xe.jsx)("span", { children: e.text }) } : null;
+    var Vt = ({ image: e, icon: t }) => e != null && e.url ? { avatar: (0, xe.jsx)(et.Avatar, { type: et.AvatarType.THUMBNAIL, children: (0, xe.jsx)("img", { src: e.url, alt: "" }) }) } : t != null && t.name && $a(t.name) ? { avatar: (0, xe.jsx)(et.Avatar, { type: et.AvatarType.ICON, children: (0, xe.jsx)(Ye, { type: t.name }) }) } : t != null && t.text ? { avatar: (0, xe.jsx)(et.Avatar, { type: et.AvatarType.INITIALS, children: t.text }) } : null;
     var Qr = ({ accepts: e }) => s({}, j(e) && { usAccept: e.join(",") });
     var hs = (e, t) => {
       if (e && t)
@@ -1761,27 +1765,27 @@ var require_main_min = __commonJS({
     var Rd = { date: "date", email: "email", base64url: "file", password: "password", "phone-number": "tel" };
     var Nd = (e, t) => e.oneOf ? e.oneOf.map((r) => fs(r, t)) : null;
     function Cs(e) {
-      let { id: t, schema: r, value: a, disabled: o, onChange: n, onFocus: i, onBlur: c, onSearchChange: l, describedBy: m } = e, p = Pt(), h = (F) => Dd(r.type) && (I(F) || Y(F)) ? "" : F, y = (F, g) => {
+      let { id: t, schema: r, value: a, disabled: o, onChange: n, onFocus: i, onBlur: c, onSearchChange: l, describedBy: m } = e, p = Mt(), h = (F) => Dd(r.type) && (I(F) || Y(F)) ? "" : F, y = (F, g) => {
         n($e(F, r), g);
       }, u = lo(r);
       (0, ws.useEffect)(() => {
         Bd(r, p, u);
       }, [JSON.stringify(r), p, u]);
       let d = r.values || Nd(r, u), f = { onFocus: i, onBlur: c, onSearchChange: l, onChange: y }, w = h(a), S = { id: t, name: t, label: r.title, options: d || [], placeholder: r.placeholder, autoComplete: !r.help, autocompleteHint: r.autocompleteHint, disabled: o || r.disabled, displayPattern: r.displayFormat, uploadProps: Qr(r), describedBy: m };
-      return (0, mo.jsx)("div", { "aria-describedby": m, children: (0, mo.jsx)(zt, s(s({ type: u, value: w }, f), S)) });
+      return (0, mo.jsx)("div", { "aria-describedby": m, children: (0, mo.jsx)(jt, s(s({ type: u, value: w }, f), S)) });
     }
     Cs.defaultProps = { value: null, onFocus: null, onBlur: null, onSearchChange: null, disabled: false };
     var Bd = (e, t, r) => {
       ge(e) && 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.'), r === "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.values && t.warning("Deprecated schema", "Schema.values is a legacy approach. Please use oneOf.");
     };
-    var mr = Cs;
+    var lr = Cs;
     var Q = require("react/jsx-runtime");
     function bs(e) {
       let t = re(), [r, a] = (0, Ne.useState)(false), [o, n] = (0, Ne.useState)(false), [i, c] = (0, Ne.useState)(false), l = (0, Ne.useMemo)(() => e.schema.$id || Te(), [e.schema.$id]), [m, p] = (0, Ne.useState)(Jr(e.schema, e.model)), [h, y] = (0, Ne.useState)(Ud(e.model, e.schema.oneOf)), u = Qn(t, 200), d = (M) => {
         u("Dynamic Flow - OneOf Searched", { oneOfId: e.schema.analyticsId, searchValueLength: M.length });
       };
       if ((0, Ne.useEffect)(() => {
-        let M = sr(e.schema, e.model), E = sr(e.schema, e.schema.default);
+        let M = cr(e.schema, e.model), E = cr(e.schema, e.schema.default);
         M === -1 && E >= 0 && F(E, "init");
       }, [e.schema]), !j(e.schema.oneOf))
         return console.error("Incorrect format", e.schema), null;
@@ -1800,8 +1804,8 @@ var require_main_min = __commonJS({
         } else
           e.onChange({ model: h[M], triggerSchema: P, triggerModel: h[M], type: E });
         E !== "init" && e.schema.analyticsId && t("Dynamic Flow - OneOf Selected", { oneOfId: e.schema.analyticsId, schemaId: P == null ? void 0 : P.analyticsId });
-      }, g = Hd(e.schema), v = jd(e, m), O = { "form-group": true, "has-error": !r && e.errors && !Mt(e.errors) || (e.submitted || r && i) && v.length }, x = `${l}-feedback`;
-      return (0, Q.jsxs)(Q.Fragment, { children: [(e.schema.oneOf.length > 1 || we(e.schema.oneOf[0])) && (0, Q.jsxs)(Q.Fragment, { children: [e.schema.alert && (0, Q.jsx)(se, { component: e.schema.alert }), (0, Q.jsxs)("div", { className: (0, Fs.default)(O), children: [zd(e.schema, l), (0, Q.jsx)(mr, { id: l, schema: g, value: m, disabled: e.disabled, describedBy: x, onChange: F, onFocus: w, onBlur: S, onSearchChange: d }), (0, Q.jsx)(He, { id: x, changed: r, focused: o, blurred: i, submitted: e.submitted, errors: Vd(e.errors), schema: e.schema, validations: v, infoMessage: null })] })] }), er(e.schema.oneOf[m]) && (0, Q.jsx)(me, { schema: e.schema.oneOf[m], model: h[m], errors: e.errors, submitted: e.submitted, hideTitle: true, disabled: e.disabled, onChange: (M) => f(m, M), onPersistAsync: e.onPersistAsync })] });
+      }, g = Hd(e.schema), v = jd(e, m), O = { "form-group": true, "has-error": !r && e.errors && !kt(e.errors) || (e.submitted || r && i) && v.length }, x = `${l}-feedback`;
+      return (0, Q.jsxs)(Q.Fragment, { children: [(e.schema.oneOf.length > 1 || we(e.schema.oneOf[0])) && (0, Q.jsxs)(Q.Fragment, { children: [e.schema.alert && (0, Q.jsx)(se, { component: e.schema.alert }), (0, Q.jsxs)("div", { className: (0, Fs.default)(O), children: [zd(e.schema, l), (0, Q.jsx)(lr, { id: l, schema: g, value: m, disabled: e.disabled, describedBy: x, onChange: F, onFocus: w, onBlur: S, onSearchChange: d }), (0, Q.jsx)(He, { id: x, changed: r, focused: o, blurred: i, submitted: e.submitted, errors: Vd(e.errors), schema: e.schema, validations: v, infoMessage: null })] })] }), tr(e.schema.oneOf[m]) && (0, Q.jsx)(me, { schema: e.schema.oneOf[m], model: h[m], errors: e.errors, submitted: e.submitted, hideTitle: true, disabled: e.disabled, onChange: (M) => f(m, M), onPersistAsync: e.onPersistAsync })] });
     }
     function zd(e, t) {
       var o;
@@ -1816,7 +1820,7 @@ var require_main_min = __commonJS({
       return typeof e == "string" ? e : null;
     }
     function Ud(e, t) {
-      return t.map((r) => kt(e, r));
+      return t.map((r) => Et(e, r));
     }
     function Hd(e) {
       return C(s({}, e), { oneOf: e.oneOf.map(qd) });
@@ -1836,7 +1840,7 @@ var require_main_min = __commonJS({
       let { id: t, httpClient: r = fetch, httpOptions: a, fileId: o, idProperty: n, usAccept: i, maxSize: c, usPlaceholder: l, onSuccess: m, onFailure: p, onCancel: h } = e, y = re(), u = (0, xs.useMemo)(() => o ? [{ id: o, status: ea.Status.SUCCEEDED }] : [], [o]), d = (f) => (y("Dynamic Flow - PersistAsync", { status: "pending", schemaId: t }), r(String(a.url), { method: a.method || "POST", body: f }).then((w) => w.ok ? (m == null || m(w.clone()), w.json().then((S) => ({ id: S[n] }))) : (p == null || p({ response: w }), Promise.reject())));
       return (0, As.jsx)(ea.UploadInput, { id: t, fileInputName: a.fileInputName, files: u, uploadButtonTitle: e.usLabel, sizeLimit: c ? Nr(c) : void 0, fileTypes: i, description: l, onUploadFile: d, onDeleteFile: (f) => (h == null || h(), Promise.resolve()) });
     }
-    var Vt = require("react/jsx-runtime");
+    var Ut = require("react/jsx-runtime");
     function Ps(e) {
       let [t, r] = (0, wt.useState)({}), [a, o] = (0, wt.useState)(null), [n, i] = (0, wt.useState)([]), [c, l] = (0, wt.useState)(false), m = ae(), p = re();
       (0, wt.useEffect)(() => {
@@ -1854,7 +1858,7 @@ var require_main_min = __commonJS({
       }, d = () => {
         o(null), e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null }), l(true);
       }, { url: f, method: w } = e.schema.persistAsync, S = a || n, F = { "form-group": true, "has-error": (e.submitted || c) && !!S.length }, g = e.schema.$id || e.schema.persistAsync.schema.$id || e.schema.persistAsync.idProperty, v = `${g}-feedback`;
-      return (0, Vt.jsxs)("div", { className: (0, Os.default)(F), children: [(0, Vt.jsx)("div", { "aria-describedby": v, children: (0, Vt.jsx)(vs, s({ id: g, 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: w, fileInputName: e.schema.persistAsync.param }, httpClient: m, onSuccess: y, onFailure: u, onCancel: d }, Qr(e.schema.persistAsync.schema))) }), (0, Vt.jsx)(He, { id: v, blurred: true, focused: false, changed: c, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: s({ required: "Value is required..." }, t), infoMessage: null })] });
+      return (0, Ut.jsxs)("div", { className: (0, Os.default)(F), children: [(0, Ut.jsx)("div", { "aria-describedby": v, children: (0, Ut.jsx)(vs, s({ id: g, 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: w, fileInputName: e.schema.persistAsync.param }, httpClient: m, onSuccess: y, onFailure: u, onCancel: d }, Qr(e.schema.persistAsync.schema))) }), (0, Ut.jsx)(He, { id: v, blurred: true, focused: false, changed: c, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: S, validationMessages: s({ required: "Value is required..." }, t), infoMessage: null })] });
     }
     Ps.defaultProps = { required: false };
     var yo = Ps;
@@ -1867,7 +1871,7 @@ var require_main_min = __commonJS({
     var go = Ms;
     var zs = require("react");
     var ks = (e, t) => {
-      let r = Rt(e, t);
+      let r = Nt(e, t);
       return r !== null ? e.oneOf[r].promoted ? "promoted" : "other" : null;
     };
     var Es = require("@transferwise/components");
@@ -1881,23 +1885,23 @@ var require_main_min = __commonJS({
     Is.defaultProps = {};
     var Ds = Is;
     var Ls = require("@transferwise/components");
-    var lr = require("react/jsx-runtime");
+    var dr = require("react/jsx-runtime");
     function Ts(e) {
       var l, m;
-      let { id: t, selection: r, setSelection: a, promotion: o, promotedOneOf: n, title: i } = e, c = [s({ value: "promoted", label: ((l = o.promoted) == null ? void 0 : l.title) || n.title, secondary: ((m = o.promoted) == null ? void 0 : m.description) || n.description }, jt(n)), s({ value: "other", label: o.other.title, secondary: o.other.description }, jt(o.other))];
-      return (0, lr.jsxs)("div", { className: "form-group", children: [i && (0, lr.jsx)("label", { className: "control-label", htmlFor: t, children: i }), (0, lr.jsx)(Ls.RadioGroup, { name: "promoted-selection", selectedValue: r, radios: c, id: t, onChange: a })] });
+      let { id: t, selection: r, setSelection: a, promotion: o, promotedOneOf: n, title: i } = e, c = [s({ value: "promoted", label: ((l = o.promoted) == null ? void 0 : l.title) || n.title, secondary: ((m = o.promoted) == null ? void 0 : m.description) || n.description }, Vt(n)), s({ value: "other", label: o.other.title, secondary: o.other.description }, Vt(o.other))];
+      return (0, dr.jsxs)("div", { className: "form-group", children: [i && (0, dr.jsx)("label", { className: "control-label", htmlFor: t, children: i }), (0, dr.jsx)(Ls.RadioGroup, { name: "promoted-selection", selectedValue: r, radios: c, id: t, onChange: a })] });
     }
     Ts.defaultProps = { title: void 0 };
     var Rs = Ts;
-    var Ut = require("react/jsx-runtime");
+    var Ht = require("react/jsx-runtime");
     function Ns(e) {
       switch (e.promotion.control || "radio") {
         case "radio":
-          return (0, Ut.jsx)(Rs, s({}, e));
+          return (0, Ht.jsx)(Rs, s({}, e));
         case "checkbox":
-          return (0, Ut.jsx)(Ds, s({}, e));
+          return (0, Ht.jsx)(Ds, s({}, e));
         default:
-          return (0, Ut.jsx)(Ut.Fragment, {});
+          return (0, Ht.jsx)(Ht.Fragment, {});
       }
     }
     Ns.defaultProps = { id: Te(), title: void 0 };
@@ -1907,7 +1911,7 @@ var require_main_min = __commonJS({
     var Gd = (e) => {
       var c;
       let [t, r] = (0, zs.useState)(ks(e.schema, e.model) || ((c = e.schema.promotion) == null ? void 0 : c.default) || "promoted"), a = e.schema.alert, o = e.schema.oneOf.find(js), n = Wd(o), i = $d(e.schema);
-      return (0, Ge.jsxs)(Ge.Fragment, { children: [a && (0, Ge.jsx)(se, { component: a }), (0, Ge.jsx)(Bs, { id: e.schema.$id, title: e.schema.title, promotedOneOf: o, promotion: e.schema.promotion, selection: t, setSelection: r }), t === "promoted" && (0, Ge.jsx)(cr, C(s({}, e), { schema: n })), t === "other" && (0, Ge.jsx)(me, C(s({}, e), { schema: i }))] });
+      return (0, Ge.jsxs)(Ge.Fragment, { children: [a && (0, Ge.jsx)(se, { component: a }), (0, Ge.jsx)(Bs, { id: e.schema.$id, title: e.schema.title, promotedOneOf: o, promotion: e.schema.promotion, selection: t, setSelection: r }), t === "promoted" && (0, Ge.jsx)(mr, C(s({}, e), { schema: n })), t === "other" && (0, Ge.jsx)(me, C(s({}, e), { schema: i }))] });
     };
     function Wd(e) {
       return C(s({}, e), { title: void 0, description: void 0 });
@@ -1922,10 +1926,10 @@ var require_main_min = __commonJS({
     var Us = require("react-intl");
     var Vs = require("react-intl");
     var So = (0, Vs.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 Ht = require("react/jsx-runtime");
+    var qt = require("react/jsx-runtime");
     function _d({ schema: e, model: t }) {
       let { title: r = "" } = e, { formatMessage: a } = (0, Us.useIntl)(), o = Kd({ schema: e, model: t, formatMessage: a });
-      return (0, Ht.jsx)(ta.DefinitionList, { layout: ta.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title: r, value: o, key: "" }] });
+      return (0, qt.jsx)(ta.DefinitionList, { layout: ta.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title: r, value: o, key: "" }] });
     }
     var Fo = _d;
     function Kd({ schema: e, model: t, formatMessage: r }) {
@@ -1939,13 +1943,13 @@ var require_main_min = __commonJS({
       return e.oneOf.find((r) => "const" in r ? t === r.const : false);
     }
     function Yd(e) {
-      let t = e.title && e.description ? `${e.title} - ${e.description}` : e.title || "", r = jt({ icon: e.icon });
-      return r != null && r.avatar ? (0, Ht.jsxs)(Ht.Fragment, { children: [r.avatar, " ", t] }) : t;
+      let t = e.title && e.description ? `${e.title} - ${e.description}` : e.title || "", r = Vt({ icon: e.icon });
+      return r != null && r.avatar ? (0, qt.jsxs)(qt.Fragment, { children: [r.avatar, " ", t] }) : t;
     }
     var Be = require("react");
     var qs = require("react/jsx-runtime");
     function Hs(e) {
-      let { schema: t, model: r, required: a, submitted: o, errors: n, onChange: i } = e, [c, l] = (0, Be.useState)(r), m = (0, Be.useRef)(null), [p, h] = (0, Be.useState)(null), [y, u] = (0, Be.useState)(null), [d, f] = (0, Be.useState)(false), [w, S] = (0, Be.useState)(null), F = ae(), g = re(), v = Pt();
+      let { schema: t, model: r, required: a, submitted: o, errors: n, onChange: i } = e, [c, l] = (0, Be.useState)(r), m = (0, Be.useRef)(null), [p, h] = (0, Be.useState)(null), [y, u] = (0, Be.useState)(null), [d, f] = (0, Be.useState)(false), [w, S] = (0, Be.useState)(null), F = ae(), g = re(), v = Mt();
       (0, Be.useEffect)(() => {
         t.validationAsync.method || v.warning("Invalid schema or model", 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {});
       }, [v, t.validationAsync.method]);
@@ -1977,7 +1981,7 @@ var require_main_min = __commonJS({
     var he = require("react/jsx-runtime");
     var Ws = require("react");
     function Zd(e) {
-      let { schema: t, model: r = null, errors: a = null, hideTitle: o = false, disabled: n = false } = e, i = C(s({}, e), { model: r, errors: a, hideTitle: o, disabled: n }), c = dt(t), l = Pt();
+      let { schema: t, model: r = null, errors: a = null, hideTitle: o = false, disabled: n = false } = e, i = C(s({}, e), { model: r, errors: a, hideTitle: o, disabled: n }), c = dt(t), l = Mt();
       switch ((0, Gs.useEffect)(() => {
         Qd(t, r, a) || l.error("Invalid schema or model", `Schema of type ${c || "undefined"} requested, but schema did not pass validation.`);
       }, [JSON.stringify(t), JSON.stringify(r), JSON.stringify(a), c, l]), c) {
@@ -1992,7 +1996,7 @@ var require_main_min = __commonJS({
           return (0, he.jsx)(Ct, s({}, m));
         }
         case "object":
-          return (0, Ws.createElement)(cr, C(s({}, i), { key: JSON.stringify(t) }));
+          return (0, Ws.createElement)(mr, C(s({}, i), { key: JSON.stringify(t) }));
         case "array":
           return (0, he.jsx)(oo, s({}, i));
         case "promotedOneOf":
@@ -2008,15 +2012,15 @@ var require_main_min = __commonJS({
     var Qd = (e, t, r) => {
       switch (dt(e)) {
         case "persistAsync":
-          return Br(e) && jr(t) && tr(r);
+          return Br(e) && jr(t) && rr(r);
         case "validationAsync":
-          return Ha(e) && Ga(t) && tr(r);
+          return Ha(e) && Ga(t) && rr(r);
         case "basic":
-          return Ve(e) && Ga(t) && tr(r);
+          return Ve(e) && Ga(t) && rr(r);
         case "object":
           return Le(e) && qa(t);
         case "array":
-          return je(e) && Xn(t) && tr(r);
+          return je(e) && Xn(t) && rr(r);
         case "promotedOneOf":
           return lt(e) && qa(t);
         case "oneOf":
@@ -2071,12 +2075,12 @@ var require_main_min = __commonJS({
     };
     var Ao = tu;
     var Oo = require("@transferwise/components");
-    var dr = require("react/jsx-runtime");
+    var ur = require("react/jsx-runtime");
     var Po = ({ component: e }) => {
       let { content: t, align: r, margin: a } = e;
-      return (0, dr.jsx)("div", { className: Ce({ align: r, margin: a }), children: (0, dr.jsx)(Oo.Markdown, { config: { link: { target: "_blank" } }, children: t }) });
+      return (0, ur.jsx)("div", { className: Ce({ align: r, margin: a }), children: (0, ur.jsx)(Oo.Markdown, { config: { link: { target: "_blank" } }, children: t }) });
     };
-    var Mo = ({ component: e }) => (0, dr.jsx)("div", { className: Ce(e), children: (0, dr.jsx)(Oo.Markdown, { config: { link: { target: "_blank" } }, children: e.markdown }) });
+    var Mo = ({ component: e }) => (0, ur.jsx)("div", { className: Ce(e), children: (0, ur.jsx)(Oo.Markdown, { config: { link: { target: "_blank" } }, children: e.markdown }) });
     var _s = require("@transferwise/components");
     var aa = require("react");
     var ko = require("react/jsx-runtime");
@@ -2106,12 +2110,12 @@ var require_main_min = __commonJS({
     };
     var Eo = ou;
     var oa = require("@transferwise/components");
-    var ur = require("react/jsx-runtime");
+    var pr = require("react/jsx-runtime");
     var su = ["positive", "neutral"];
     var cu = ["warning", "negative"];
     var mu = ({ component: e }) => {
       let { items: t } = e, r = t.filter((o) => su.includes(o.context)).map(({ text: o }) => o), a = t.filter((o) => cu.includes(o.context)).map(({ text: o }) => o);
-      return (0, ur.jsxs)("div", { className: V(e.margin || "md"), children: [e.title ? (0, ur.jsx)(oa.Header, { title: e.title }) : null, (0, ur.jsx)(oa.InstructionsList, { dos: r, donts: a })] });
+      return (0, pr.jsxs)("div", { className: V(e.margin || "md"), children: [e.title ? (0, pr.jsx)(oa.Header, { title: e.title }) : null, (0, pr.jsx)(oa.InstructionsList, { dos: r, donts: a })] });
     };
     var Io = mu;
     var H = require("react/jsx-runtime");
@@ -2153,7 +2157,7 @@ var require_main_min = __commonJS({
           case "status-list":
             return (0, H.jsx)(Do, { component: p, onAction: i }, K(p));
           case "loading-indicator":
-            return (0, H.jsx)(pr, { component: p }, K(p));
+            return (0, H.jsx)(yr, { component: p }, K(p));
           case "search":
             return (0, H.jsx)(Ro, { component: p, onAction: i }, K(p));
           case "modal":
@@ -2166,11 +2170,11 @@ var require_main_min = __commonJS({
     }
     var ne = lu;
     var na = require("@transferwise/components");
-    var qt = require("react/jsx-runtime");
-    var du = ({ component: e }) => (0, qt.jsxs)("div", { className: V(e.margin || "md"), children: [e.title ? (0, qt.jsx)(na.Header, { title: e.title }) : null, e.items.map(uu)] });
+    var Gt = require("react/jsx-runtime");
+    var du = ({ component: e }) => (0, Gt.jsxs)("div", { className: V(e.margin || "md"), children: [e.title ? (0, Gt.jsx)(na.Header, { title: e.title }) : null, e.items.map(uu)] });
     var uu = ({ title: e, description: t, icon: r, status: a }) => {
-      let o = s(s({ key: `${e}/${t || ""}`, title: e, description: t }, r != null && r.name ? { icon: (0, qt.jsx)(Ye, { type: r.name }) } : {}), a ? { status: fu[a] } : {});
-      return (0, qt.jsx)(na.Summary, s({}, o));
+      let o = s(s({ key: `${e}/${t || ""}`, title: e, description: t }, r != null && r.name ? { icon: (0, Gt.jsx)(Ye, { type: r.name }) } : {}), a ? { status: fu[a] } : {});
+      return (0, Gt.jsx)(na.Summary, s({}, o));
     };
     var pu = { done: "done", pending: "pending", "not-done": "notDone" };
     var yu = { positive: "done", warning: "pending", neutral: "notDone" };
@@ -2182,7 +2186,7 @@ var require_main_min = __commonJS({
       let { margin: t = "md", size: r = "md" } = e;
       return (0, Js.jsx)(Ks.Loader, { size: r, classNames: { "tw-loader": `tw-loader m-x-auto ${V(t)}` }, "data-testid": "loading-indicator" });
     };
-    var pr = hu;
+    var yr = hu;
     var ec = require("@transferwise/components");
     var tc = require("react-intl");
     var Xs = require("react-intl");
@@ -2196,15 +2200,19 @@ var require_main_min = __commonJS({
     function gu() {
     }
     var tt = require("react/jsx-runtime");
-    var wu = ({ component: e }) => e.control === "copyable" ? (0, tt.jsx)(Su, { component: e }) : (0, tt.jsx)(Cu, { component: e });
-    var Cu = ({ component: e }) => (0, tt.jsxs)("p", { className: Ce(e), children: [" ", e.text, " "] });
-    var Su = ({ component: e }) => {
+    function wu({ component: e }) {
+      return e.control === "copyable" ? (0, tt.jsx)(Su, { component: e }) : (0, tt.jsx)(Cu, { component: e });
+    }
+    function Cu({ component: e }) {
+      return (0, tt.jsxs)("p", { className: Ce(e), children: [" ", e.text, " "] });
+    }
+    function Su({ component: e }) {
       let { formatMessage: t } = (0, tc.useIntl)(), r = Qs(), { text: a } = e, o = () => {
         var i;
         (i = navigator.clipboard) == null || i.writeText(a).then(() => r({ text: t(Bo.copied) })).catch(Fu);
-      }, n = Ce({ align: e.align, margin: "sm" }) + " form-control";
+      }, n = `${Ce({ align: e.align, margin: "sm" })} form-control`;
       return (0, tt.jsxs)("div", { className: Ce(e), children: [(0, tt.jsx)("input", { type: "text", className: n, value: a, readOnly: true, style: { textOverflow: "ellipsis" } }), (0, tt.jsx)(ec.Button, { block: true, onClick: o, children: t(Bo.copy) })] });
-    };
+    }
     function Fu() {
     }
     var Lo = wu;
@@ -2227,19 +2235,19 @@ var require_main_min = __commonJS({
     var ca = require("@transferwise/components");
     var nc = require("react-intl");
     var oc = require("react-intl");
-    var Gt = (0, oc.defineMessages)({ errorAlert: { id: "dynamicFlows.ErrorBoundary.errorAlert", defaultMessage: "Oops. Something went wrong...", description: "Generic error message for when something has gone wrong." }, retry: { id: "dynamicFlows.ErrorBoundary.retry", defaultMessage: "Retry", description: "Usually this follows the generic error and contains a link." } });
+    var Wt = (0, oc.defineMessages)({ errorAlert: { id: "dynamicFlows.ErrorBoundary.errorAlert", defaultMessage: "Oops. Something went wrong...", description: "Generic error message for when something has gone wrong." }, retry: { id: "dynamicFlows.ErrorBoundary.retry", defaultMessage: "Retry", description: "Usually this follows the generic error and contains a link." } });
     var St = require("react/jsx-runtime");
     var ic = ({ results: e, emptyMessage: t, onSelect: r }) => e.length === 0 ? (0, St.jsx)("p", { className: "m-t-2", children: t }) : (0, St.jsx)(ca.NavigationOptionsList, { children: e.map((a) => (0, St.jsx)(ca.NavigationOption, { title: a.title, content: a.description, media: ut(a), showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => r(a) }, JSON.stringify(a))) });
     var sc = ({ onRetrySearch: e }) => {
       let t = (0, nc.useIntl)();
-      return (0, St.jsxs)("p", { className: "m-t-2", children: [t.formatMessage(Gt.errorAlert), "\xA0", (0, St.jsx)("a", { href: "/", onClick: (r) => {
+      return (0, St.jsxs)("p", { className: "m-t-2", children: [t.formatMessage(Wt.errorAlert), "\xA0", (0, St.jsx)("a", { href: "/", onClick: (r) => {
         r.preventDefault(), e();
-      }, children: t.formatMessage(Gt.retry) })] });
+      }, children: t.formatMessage(Wt.retry) })] });
     };
-    var Wt = require("react");
+    var $t = require("react");
     var cc = { "Content-Type": "application/json" };
     var mc = (e) => {
-      let [t, r] = (0, Wt.useState)({ status: "idle" }), a = (0, Wt.useRef)(null), o = ae(), n = (0, Wt.useCallback)(async (m, { url: p, method: h, param: y } = e) => {
+      let [t, r] = (0, $t.useState)({ status: "idle" }), a = (0, $t.useRef)(null), o = ae(), n = (0, $t.useCallback)(async (m, { url: p, method: h, param: y } = e) => {
         var d;
         if ((d = a.current) == null || d.abort(), !m) {
           r({ status: "idle" });
@@ -2290,15 +2298,15 @@ var require_main_min = __commonJS({
       }, F = () => {
         a(r), y(r);
       };
-      return (0, Ft.jsxs)("div", { className: V(n || "md"), children: [(0, Ft.jsx)(ac, { title: o, value: r, onChange: w, onFocus: f }), p === "loading" && (0, Ft.jsx)(pr, { component: { type: "loading-indicator", size: "sm" } }), p === "error" && (0, Ft.jsx)(sc, { onRetrySearch: F }), p === "success" && (0, Ft.jsx)(ic, { results: h, emptyMessage: m, onSelect: S })] });
+      return (0, Ft.jsxs)("div", { className: V(n || "md"), children: [(0, Ft.jsx)(ac, { title: o, value: r, onChange: w, onFocus: f }), p === "loading" && (0, Ft.jsx)(yr, { component: { type: "loading-indicator", size: "sm" } }), p === "error" && (0, Ft.jsx)(sc, { onRetrySearch: F }), p === "success" && (0, Ft.jsx)(ic, { results: h, emptyMessage: m, onSelect: S })] });
     }
     var Ro = Eu;
     var la = require("@transferwise/components");
     var lc = require("react");
-    var $t = require("react/jsx-runtime");
+    var _t = require("react/jsx-runtime");
     var Iu = (e) => {
       let [t, r] = (0, lc.useState)(false), { component: a, onAction: o } = e, { margin: n = "md" } = a;
-      return (0, $t.jsxs)("div", { className: Ce({ margin: n }), children: [(0, $t.jsx)(la.Button, { priority: "tertiary", block: true, onClick: () => r(true), children: a.trigger.title }), (0, $t.jsx)(la.Modal, { scroll: "content", onClose: () => r(false), open: t, size: "lg", body: (0, $t.jsx)(ne, C(s({}, e), { components: a.content.components, onAction: o })) })] });
+      return (0, _t.jsxs)("div", { className: Ce({ margin: n }), children: [(0, _t.jsx)(la.Button, { priority: "tertiary", block: true, onClick: () => r(true), children: a.trigger.title }), (0, _t.jsx)(la.Modal, { scroll: "content", onClose: () => r(false), open: t, size: "lg", body: (0, _t.jsx)(ne, C(s({}, e), { components: a.content.components, onAction: o })) })] });
     };
     var No = Iu;
     var ue = require("react/jsx-runtime");
@@ -2328,7 +2336,7 @@ var require_main_min = __commonJS({
         k !== c && l(k);
       }, [e.model]);
       let E = { "form-group": true, "has-error": (e.submitted || !h) && !!e.errors || (e.submitted || h && f) && !!S.length, "has-info": !!e.schema.description || !!e.infoMessage }, P = e.schema.format !== "file" && e.schema.type !== "boolean", D = e.schema.help, U = `${g}-feedback`;
-      return M ? null : (0, ue.jsxs)(ue.Fragment, { children: [e.schema.alert && (0, ue.jsx)(se, { component: e.schema.alert }), (0, ue.jsxs)("div", { className: (0, dc.default)(E), children: [P && (0, ue.jsxs)("div", { className: "d-inline-block m-b-1", children: [(0, ue.jsx)("label", { className: "control-label d-inline", htmlFor: g, children: e.schema.title }), !!D && (0, ue.jsx)(qe, { help: D })] }), !P && !!D && (0, ue.jsx)(qe, { help: D }), (0, ue.jsx)(mr, { id: g, schema: e.schema, value: c, disabled: !!e.disabled, onChange: t, onFocus: n, onBlur: i, describedBy: U }), (0, ue.jsx)(He, { id: U, changed: h, focused: u, blurred: f, submitted: e.submitted, errors: (B = e.errors) != null ? B : null, schema: e.schema, validations: S, infoMessage: e.infoMessage })] })] });
+      return M ? null : (0, ue.jsxs)(ue.Fragment, { children: [e.schema.alert && (0, ue.jsx)(se, { component: e.schema.alert }), (0, ue.jsxs)("div", { className: (0, dc.default)(E), children: [P && (0, ue.jsxs)("div", { className: "d-inline-block m-b-1", children: [(0, ue.jsx)("label", { className: "control-label d-inline", htmlFor: g, children: e.schema.title }), !!D && (0, ue.jsx)(qe, { help: D })] }), !P && !!D && (0, ue.jsx)(qe, { help: D }), (0, ue.jsx)(lr, { id: g, schema: e.schema, value: c, disabled: !!e.disabled, onChange: t, onFocus: n, onBlur: i, describedBy: U }), (0, ue.jsx)(He, { id: U, changed: h, focused: u, blurred: f, submitted: e.submitted, errors: (B = e.errors) != null ? B : null, schema: e.schema, validations: S, infoMessage: e.infoMessage })] })] });
     };
     uc.defaultProps = { required: false, disabled: false, onBlur: null };
     var Ct = uc;
@@ -2344,7 +2352,7 @@ var require_main_min = __commonJS({
       (0, bt.useEffect)(() => {
         Lu.has(lo(t.persistAsync.schema)) && x();
       }, [p]);
-      let g = () => d(c.formatMessage(or.genericError)), v = async (P, D) => {
+      let g = () => d(c.formatMessage(nr.genericError)), v = async (P, D) => {
         let U = O(), ee = { [D.param]: P };
         w(true);
         try {
@@ -2385,7 +2393,7 @@ var require_main_min = __commonJS({
     var qi = (e) => {
       let [t, r] = (0, wc.useState)(null), a = ae(), o = (0, Cc.useIntl)(), { schema: n } = e;
       async function i(y) {
-        let u = y instanceof Blob ? !It(n) : !G(y, n);
+        let u = y instanceof Blob ? !Dt(n) : !G(y, n);
         return (I(y) || u) && h(), await m(y);
       }
       let c = () => {
@@ -2394,7 +2402,7 @@ var require_main_min = __commonJS({
         return r(y), y.signal;
       };
       function l(y) {
-        let u = It(n), d = c(), f = e.param, w = u ? Tu(f, y) : JSON.stringify({ [f]: y });
+        let u = Dt(n), d = c(), f = e.param, w = u ? Tu(f, y) : JSON.stringify({ [f]: y });
         return { method: e.method, headers: s({}, !u && { "Content-Type": "application/json" }), body: w, signal: d };
       }
       async function m(y) {
@@ -2422,10 +2430,10 @@ var require_main_min = __commonJS({
               throw new Error(d);
           }
         }
-        throw new Error(o.formatMessage(or.genericError));
+        throw new Error(o.formatMessage(nr.genericError));
       }
       let h = (y) => {
-        let u = Ru(y) ? y.message : o.formatMessage(or.genericError);
+        let u = Ru(y) ? y.message : o.formatMessage(nr.genericError);
         throw new Error(u);
       };
       return i;
@@ -2471,9 +2479,9 @@ var require_main_min = __commonJS({
         t.current = e;
       }, [e]), t.current;
     };
-    var yr = require("react");
+    var fr = require("react");
     function Sc(e, t) {
-      let r = ae(), a = (0, yr.useMemo)(() => {
+      let r = ae(), a = (0, fr.useMemo)(() => {
         if (e)
           return () => r(e.url).then((n) => {
             if (n.ok)
@@ -2482,21 +2490,21 @@ var require_main_min = __commonJS({
           }).catch((n) => {
             throw new Error(n.message === "failed" ? "failed" : "network failed");
           });
-      }, [e, r]), o = (0, yr.useCallback)((n) => n != null && n.action ? (t(n.action), false) : true, [t]);
-      Vr({ asyncFn: a, interval: 1e3 * ((e == null ? void 0 : e.interval) || 0), maxAttempts: (e == null ? void 0 : e.maxAttempts) || 0, maxConsecutiveFails: 1, onPollingResponse: o, onFailure: (0, yr.useCallback)(() => {
+      }, [e, r]), o = (0, fr.useCallback)((n) => n != null && n.action ? (t(n.action), false) : true, [t]);
+      Vr({ asyncFn: a, interval: 1e3 * ((e == null ? void 0 : e.interval) || 0), maxAttempts: (e == null ? void 0 : e.maxAttempts) || 0, maxConsecutiveFails: 1, onPollingResponse: o, onFailure: (0, fr.useCallback)(() => {
         e && t(e.onError.action);
       }, [t, e]) });
     }
     var Fc = require("react/jsx-runtime");
     var Bu = (e, t) => {
       var a;
-      if (Mt(e))
+      if (kt(e))
         return [];
-      let r = Zt(e, t);
+      let r = Qt(e, t);
       return ze({ layout: r, schemas: e.schemas || [], actions: e.actions || [], model: (a = e.model) != null ? a : null });
     };
     var zu = (e) => {
-      let { stepSpecification: t, stepLayoutOptions: r, submitted: a, model: o, formErrors: n, onModelChange: i } = e, c = Bu(t, r), { loading: l, registerPersistAsyncPromise: m } = Pr(), p = re(), h = l ? () => {
+      let { stepSpecification: t, stepLayoutOptions: r, submitted: a, model: o, formErrors: n, onModelChange: i } = e, c = Bu(t, r), { loading: l, registerPersistAsyncPromise: m } = At(), p = re(), h = l ? () => {
         p("Dynamic Flow - onAction supressed", { reason: "LayoutStep - loading state" });
       } : e.onAction;
       return Sc(t.polling, h), (0, Fc.jsx)(ne, { components: c, submitted: a, model: o, errors: n, onAction: h, onModelChange: i, onPersistAsync: m });
@@ -2520,10 +2528,10 @@ var require_main_min = __commonJS({
     var Pc = require("react-intl");
     var Ac = require("react-intl");
     var Oc = (0, Ac.defineMessages)({ text: { id: "dynamicFlows.CameraCapture.rotatePhone.text", defaultMessage: "Rotate your phone to portrait view to take a photo", description: "Prompt the user to rotate their phone from landscape to portrait mode when attempting to take a photo" } });
-    var hr = require("react/jsx-runtime");
+    var gr = require("react/jsx-runtime");
     function Vu() {
       let e = (0, Pc.useIntl)();
-      return (0, hr.jsxs)("div", { className: "orientation-lock-overlay", children: [(0, hr.jsx)("img", { className: "m-b-3", src: "https://wise.com/public-resources/assets/camera-guidelines/icon-rotate-phone.svg", width: "96", height: "96", alt: "" }), (0, hr.jsx)("p", { className: "text-center m-b-0", children: e.formatMessage(Oc.text) })] });
+      return (0, gr.jsxs)("div", { className: "orientation-lock-overlay", children: [(0, gr.jsx)("img", { className: "m-b-3", src: "https://wise.com/public-resources/assets/camera-guidelines/icon-rotate-phone.svg", width: "96", height: "96", alt: "" }), (0, gr.jsx)("p", { className: "text-center m-b-0", children: e.formatMessage(Oc.text) })] });
     }
     var Ho = Vu;
     var Mc = require("@transferwise/components");
@@ -2533,7 +2541,7 @@ var require_main_min = __commonJS({
     }
     var qo = Uu;
     var ot = require("react");
-    var _t = Ee(kc());
+    var Kt = Ee(kc());
     var Ec = (e) => {
       var r;
       let { facingMode: t } = ((r = pa(e)) == null ? void 0 : r.getSettings()) || {};
@@ -2594,12 +2602,12 @@ var require_main_min = __commonJS({
         return (m = (l = (c = window == null ? void 0 : window.screen) == null ? void 0 : c.orientation) == null ? void 0 : l.unlock) == null ? void 0 : m.call(l);
       }, []), o = (0, ot.useCallback)(() => {
         setTimeout(() => {
-          e && !_t.default.isFullscreen && _t.default.isEnabled && _t.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
+          e && !Kt.default.isFullscreen && Kt.default.isEnabled && Kt.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
             r();
           }).catch(Wo);
         }, 100);
       }, [e, r]), n = (0, ot.useCallback)(() => {
-        _t.default.isFullscreen && _t.default.exit().catch(Wo), a();
+        Kt.default.isFullscreen && Kt.default.exit().catch(Wo), a();
       }, [a]), i = (0, ot.useCallback)((c) => {
         var l, m;
         (l = c == null ? void 0 : c.target) != null && l.type.includes("landscape") && (m = window.screen) != null && m.orientation && Bc(t);
@@ -2664,10 +2672,10 @@ var require_main_min = __commonJS({
     var ye = require("react/jsx-runtime");
     function Xu({ direction: e = "back", overlay: t = "", outline: r = "", imageUrl: a = "", title: o = "", instructions: n = "", showReview: i = false, onCapture: c, onEvent: l }) {
       let [m, p] = (0, oe.useState)("CAPTURE"), [h, y] = (0, oe.useState)(), [u, d] = (0, oe.useState)(false), [f, w] = (0, oe.useState)(false), [S, F] = (0, oe.useState)(), g = (0, oe.useRef)(null), { videoConstraints: v } = Vc(e), O = (0, oe.useMemo)(() => !!(Yn() && m === "CAPTURE"), [m]), { enterFullScreen: x, exitFullScreen: M } = jc(O, l), E = (0, qc.useIntl)(), P = (0, oe.useCallback)(async () => {
-        var W, X, ke, nt, Fr, br;
+        var W, X, ke, nt, br, xr;
         if ((W = g == null ? void 0 : g.current) != null && W.video && ((ke = (X = g == null ? void 0 : g.current) == null ? void 0 : X.video) == null ? void 0 : ke.readyState) >= 3) {
-          (Fr = (nt = g == null ? void 0 : g.current) == null ? void 0 : nt.video) == null || Fr.pause();
-          let it = await Dc((br = g == null ? void 0 : g.current) == null ? void 0 : br.video);
+          (br = (nt = g == null ? void 0 : g.current) == null ? void 0 : nt.video) == null || br.pause();
+          let it = await Dc((xr = g == null ? void 0 : g.current) == null ? void 0 : xr.video);
           it == null || it.toBlob((xt) => {
             if (xt)
               if (i) {
@@ -2753,13 +2761,13 @@ var require_main_min = __commonJS({
     }
     var Jc = require("react-intl");
     var _c = require("react-intl");
-    var wr = (0, _c.defineMessages)({ title: { id: "dynamicFlows.ExternalConfirmation.title", defaultMessage: "Please confirm", description: "Heading for the confirmation screen." }, description: { id: "dynamicFlows.ExternalConfirmation.description", defaultMessage: "Please confirm you want to open **{origin}** in a new browser tab.", description: "Description for the confirmation screen." }, open: { id: "dynamicFlows.ExternalConfirmation.open", defaultMessage: "Open in new tab", description: "Button text confirming opening a new browser tab." }, cancel: { id: "dynamicFlows.ExternalConfirmation.cancel", defaultMessage: "Cancel", description: "Button text rejecting opening a new browser tab." } });
+    var Cr = (0, _c.defineMessages)({ title: { id: "dynamicFlows.ExternalConfirmation.title", defaultMessage: "Please confirm", description: "Heading for the confirmation screen." }, description: { id: "dynamicFlows.ExternalConfirmation.description", defaultMessage: "Please confirm you want to open **{origin}** in a new browser tab.", description: "Description for the confirmation screen." }, open: { id: "dynamicFlows.ExternalConfirmation.open", defaultMessage: "Open in new tab", description: "Button text confirming opening a new browser tab." }, cancel: { id: "dynamicFlows.ExternalConfirmation.cancel", defaultMessage: "Cancel", description: "Button text rejecting opening a new browser tab." } });
     var Xc = require("react/jsx-runtime");
     var Kc = () => {
     };
     var tp = ({ url: e, onClose: t }) => {
       let { formatMessage: r } = (0, Jc.useIntl)();
-      return (0, Xc.jsx)(ne, { components: [{ type: "box", width: "lg", components: [{ type: "heading", text: r(wr.title), size: "lg", align: "center", margin: "xl" }, { type: "info", markdown: r(wr.description, { origin: rp(e) }), align: "center", margin: "xl" }, { type: "box", width: "md", components: [{ type: "button", action: { title: r(wr.open), type: "primary", url: e, exit: true } }, { type: "button", action: { title: r(wr.cancel), type: "link", url: "", exit: true } }] }] }], submitted: false, onAction: (a) => {
+      return (0, Xc.jsx)(ne, { components: [{ type: "box", width: "lg", components: [{ type: "heading", text: r(Cr.title), size: "lg", align: "center", margin: "xl" }, { type: "info", markdown: r(Cr.description, { origin: rp(e) }), align: "center", margin: "xl" }, { type: "box", width: "md", components: [{ type: "button", action: { title: r(Cr.open), type: "primary", url: e, exit: true } }, { type: "button", action: { title: r(Cr.cancel), type: "link", url: "", exit: true } }] }] }], submitted: false, onAction: (a) => {
         a.url && window.open(a.url, "_blank"), t();
       }, onModelChange: Kc, onPersistAsync: Kc });
     };
@@ -2773,11 +2781,11 @@ var require_main_min = __commonJS({
     }
     var Yc = require("@transferwise/components");
     var Zc = require("@transferwise/icons");
-    var Kt = require("react/jsx-runtime");
+    var Jt = require("react/jsx-runtime");
     function ap({ title: e, action: t, onAction: r }) {
-      return (0, Kt.jsxs)("a", { href: "/", className: "df-back-btn", "aria-label": e, onClick: (a) => {
+      return (0, Jt.jsxs)("a", { href: "/", className: "df-back-btn", "aria-label": e, onClick: (a) => {
         a.preventDefault(), r(C(s({}, t), { skipValidation: true }));
-      }, children: [(0, Kt.jsx)("span", { className: "sr-only", children: e }), (0, Kt.jsx)(Yc.Avatar, { type: "icon", children: (0, Kt.jsx)(Zc.ArrowLeft, { size: "24" }) })] });
+      }, children: [(0, Jt.jsx)("span", { className: "sr-only", children: e }), (0, Jt.jsx)(Yc.Avatar, { type: "icon", children: (0, Jt.jsx)(Zc.ArrowLeft, { size: "24" }) })] });
     }
     var Qc = ap;
     var Pe = require("react/jsx-runtime");
@@ -2801,10 +2809,10 @@ var require_main_min = __commonJS({
       };
     }
     var np = (e) => dt(e) === "basic" && e.type !== "boolean" && e.format !== "base64url";
-    var Jt = require("react");
+    var Xt = require("react");
     var om = (e) => {
       var u, d;
-      let [t, r] = (0, Jt.useState)((u = e == null ? void 0 : e.errors) == null ? void 0 : u.validation), [a, o] = (0, Jt.useState)((d = e == null ? void 0 : e.errors) == null ? void 0 : d.error), [n, i] = (0, Jt.useState)({ step: e || void 0, models: e != null && e.model ? rm(e.model, am(e)) : {}, etag: void 0 }), { step: c, models: l, etag: m } = n, p = (f, w) => {
+      let [t, r] = (0, Xt.useState)((u = e == null ? void 0 : e.errors) == null ? void 0 : u.validation), [a, o] = (0, Xt.useState)((d = e == null ? void 0 : e.errors) == null ? void 0 : d.error), [n, i] = (0, Xt.useState)({ step: e || void 0, models: e != null && e.model ? rm(e.model, am(e)) : {}, etag: void 0 }), { step: c, models: l, etag: m } = n, p = (f, w) => {
         var S, F, g, v;
         i((O) => ({ step: f, models: f.model ? rm(f.model, am(f)) : O.models, etag: w })), r((F = (S = f == null ? void 0 : f.errors) == null ? void 0 : S.validation) != null ? F : null), o((v = (g = f == null ? void 0 : f.errors) == null ? void 0 : g.error) != null ? v : null);
       }, h = (f, w, S) => {
@@ -2812,7 +2820,7 @@ var require_main_min = __commonJS({
           let g = C(s({}, F.models), { [f]: w }), v = { step: F.step, models: g, etag: F.etag };
           return S(g), v;
         });
-      }, y = (0, Jt.useMemo)(() => sp(l, ip(c)), [l, c]);
+      }, y = (0, Xt.useMemo)(() => sp(l, ip(c)), [l, c]);
       return { formErrors: t, globalError: a, step: c, models: l, etag: m, modelIsValid: y, setFormErrors: r, setGlobalError: o, setStepAndEtag: p, setSchemaModel: h };
     };
     var rm = (e, t = []) => t.reduce((r, a) => (a.$id || console.warn("Schema without $id property found."), C(s({}, r), { [a.$id || ""]: ce(e, a) || {} })), {});
@@ -2858,9 +2866,9 @@ var require_main_min = __commonJS({
     var dm = require("react/jsx-runtime");
     function lm({ onDismiss: e }) {
       let { formatMessage: t } = (0, mm.useIntl)();
-      return (0, dm.jsx)(ba.Alert, { action: { text: t(Gt.retry), href: window.location.href }, message: t(Gt.errorAlert), type: ba.Sentiment.NEGATIVE, className: "m-b-3", onDismiss: e });
+      return (0, dm.jsx)(ba.Alert, { action: { text: t(Wt.retry), href: window.location.href }, message: t(Wt.errorAlert), type: ba.Sentiment.NEGATIVE, className: "m-b-3", onDismiss: e });
     }
-    var Xt = require("react/jsx-runtime");
+    var Yt = require("react/jsx-runtime");
     var mp = () => {
     };
     var Jo = class extends um.Component {
@@ -2880,7 +2888,7 @@ var require_main_min = __commonJS({
       }
       render() {
         let { children: r } = this.props, { hasError: a, isFatalError: o } = this.state;
-        return (0, Xt.jsxs)(Xt.Fragment, { children: [a && (0, Xt.jsx)(lm, { onDismiss: this.handleErrorReset }), !o && r] });
+        return (0, Yt.jsxs)(Yt.Fragment, { children: [a && (0, Yt.jsx)(lm, { onDismiss: this.handleErrorReset }), !o && r] });
       }
     };
     var Xo = Jo;
@@ -2897,14 +2905,14 @@ var require_main_min = __commonJS({
       }
     };
     var ym = async (e) => {
-      let t = await Cr(e);
+      let t = await Sr(e);
       if (!R(t))
         throw new Error("Incorrect response body in response. Expected an object.");
       let r = e.headers.get("etag") || void 0;
       return { type: "step", step: t, etag: r };
     };
     var fm = async (e) => {
-      let t = await Cr(e);
+      let t = await Sr(e);
       if (!R(t))
         throw new Error("Incorrect response body in response. Expected an object.");
       if (!R(t.action))
@@ -2925,12 +2933,12 @@ var require_main_min = __commonJS({
       }
       if ((o = e.headers) != null && o.has("X-Df-Exit"))
         return hm(e);
-      let t = await Cr(e.clone());
+      let t = await Sr(e.clone());
       return R(t) && t.action ? fm(e) : ym(e);
     };
     var wm = async (e) => {
       Zo(e);
-      let t = await Cr(e);
+      let t = await Sr(e);
       if (!R(t))
         throw new Error("Incorrect response body in error response. Expected an object.");
       if (!t.refreshFormUrl && !t.refreshUrl && !t.validation && !t.error)
@@ -2939,10 +2947,10 @@ var require_main_min = __commonJS({
     };
     var Yo = async (e) => {
       Zo(e);
-      let t = await Cr(e);
+      let t = await Sr(e);
       return R(t) ? t : null;
     };
-    var Cr = async (e) => {
+    var Sr = async (e) => {
       try {
         return await e.json();
       } catch (t) {
@@ -3008,31 +3016,31 @@ var require_main_min = __commonJS({
           }
           if (!b.ok) {
             let te = await wm(b);
-            br(te);
+            xr(te);
             return;
           }
           let T = await gm(b);
-          T.type === "action" ? k(T.action, T.action.data) : T.type === "exit" ? ke(T.result) : Fr(T.step, T.etag, q);
+          T.type === "action" ? k(T.action, T.action.data) : T.type === "exit" ? ke(T.result) : br(T.step, T.etag, q);
         } catch (T) {
           it(T, "Error parsing fetch response", q, b.status);
         }
-      }, Fr = (b, q, T) => {
+      }, br = (b, q, T) => {
         v(b, q), D("idle"), T === "submission" ? (M(false), A("Dynamic Flow - Step Started", s({ stepId: b.id || b.key }, b == null ? void 0 : b.analytics))) : A("Dynamic Flow - Step Refreshed", { status: "success" });
-      }, br = async (b) => {
+      }, xr = async (b) => {
         let q = b.refreshUrl || b.refreshFormUrl;
         q && await ie(q, xa(f), w), b.validation && F(b.validation), b.error && g(b.error), D("idle");
       }, it = (b, q, T, te) => {
         U("Error fetching", q), T === "refresh" && A("Dynamic Flow - Step Refreshed", { status: "failure" }), A("Dynamic Flow - Flow Finished", { status: "failure" }), l(b, te), D("idle");
       }, xt = (b) => {
         let { model: q, formSchema: T } = b, { $id: te = "" } = T;
-        g(null), $(q) || U("Invalid model on change", "onModelChange was called but the model argument is not an object"), O(te, q, (xr) => {
-          va(b, xr);
+        g(null), $(q) || U("Invalid model on change", "onModelChange was called but the model argument is not an object"), O(te, q, (vr) => {
+          va(b, vr);
         });
       }, va = (b, q) => {
         let { triggerSchema: T } = b;
         if (yp(b)) {
-          let te = T.refreshUrl || T.refreshFormUrl, st = (d == null ? void 0 : d.refreshUrl) || (d == null ? void 0 : d.refreshFormUrl), xr = te || st;
-          xr && X(xr, xa(q), w, T);
+          let te = T.refreshUrl || T.refreshFormUrl, st = (d == null ? void 0 : d.refreshUrl) || (d == null ? void 0 : d.refreshFormUrl), vr = te || st;
+          vr && X(vr, xa(q), w, T);
         }
       }, zm = async (b) => {
         if (E || b.disabled)
@@ -3058,10 +3066,10 @@ var require_main_min = __commonJS({
       let { type: t, triggerSchema: r, triggerModel: a, lastTriggerModel: o = null } = e, n = () => G(a, r), i = () => G(o, r), c = (r == null ? void 0 : r.refreshStepOnChange) || (r == null ? void 0 : r.refreshFormOnChange);
       return t !== "init" && c && (n() || i());
     };
-    var Sr = require("react/jsx-runtime");
+    var Fr = require("react/jsx-runtime");
     function fp(e) {
       let t = s({ model: null, errors: null }, e), { baseUrl: r = "", onEvent: a = Fm, onLog: o = Fm } = e;
-      return (0, Sr.jsx)(Dr, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: o, children: (0, Sr.jsx)(Mr, { metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" }, onEvent: a, children: (0, Sr.jsx)(Ir, { baseUrl: r, children: (0, Sr.jsx)(me, s({}, t)) }) }) });
+      return (0, Fr.jsx)(Dr, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: o, children: (0, Fr.jsx)(Mr, { metadata: { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm" }, onEvent: a, children: (0, Fr.jsx)(Ir, { baseUrl: r, children: (0, Fr.jsx)(me, s({}, t)) }) }) });
     }
     var en = fp;
     var Fm = () => {