@wise/dynamic-flow-client-internal 2.8.14 → 2.8.15

package/build/main.js

@@ -163,8 +163,8 @@ var require_main_min = __commonJS({
               return h = Object.setPrototypeOf || { __proto__: [] } instanceof Array && function(l, f) {
                 l.__proto__ = f;
               } || function(l, f) {
-                for (var w in f)
-                  f.hasOwnProperty(w) && (l[w] = f[w]);
+                for (var g in f)
+                  f.hasOwnProperty(g) && (l[g] = f[g]);
               }, h(y, u);
             };
             return function(y, u) {
@@ -222,8 +222,8 @@ var require_main_min = __commonJS({
                 l.onUserMediaError("getUserMedia not supported");
                 return;
               }
-              var f = JSON.stringify(u.audioConstraints) !== JSON.stringify(l.audioConstraints), w = JSON.stringify(u.videoConstraints) !== JSON.stringify(l.videoConstraints), C = u.minScreenshotWidth !== l.minScreenshotWidth, F = u.minScreenshotHeight !== l.minScreenshotHeight;
-              (w || C || F) && (this.canvas = null, this.ctx = null), (f || w) && (this.stopAndCleanup(), this.requestUserMedia());
+              var f = JSON.stringify(u.audioConstraints) !== JSON.stringify(l.audioConstraints), g = JSON.stringify(u.videoConstraints) !== JSON.stringify(l.videoConstraints), C = u.minScreenshotWidth !== l.minScreenshotWidth, F = u.minScreenshotHeight !== l.minScreenshotHeight;
+              (g || C || F) && (this.canvas = null, this.ctx = null), (f || g) && (this.stopAndCleanup(), this.requestUserMedia());
             }, y.prototype.componentWillUnmount = function() {
               this.unmounted = true, this.stopAndCleanup();
             }, y.stopMediaStream = function(u) {
@@ -236,32 +236,32 @@ var require_main_min = __commonJS({
               var u = this.state;
               u.hasUserMedia && (y.stopMediaStream(this.stream), u.src && window.URL.revokeObjectURL(u.src));
             }, y.prototype.getScreenshot = function(u) {
-              var l = this, f = l.state, w = l.props;
+              var l = this, f = l.state, g = l.props;
               if (!f.hasUserMedia)
                 return null;
               var C = this.getCanvas(u);
-              return C && C.toDataURL(w.screenshotFormat, w.screenshotQuality);
+              return C && C.toDataURL(g.screenshotFormat, g.screenshotQuality);
             }, y.prototype.getCanvas = function(u) {
-              var l = this, f = l.state, w = l.props;
+              var l = this, f = l.state, g = l.props;
               if (!this.video || !f.hasUserMedia || !this.video.videoHeight)
                 return null;
               if (!this.ctx) {
                 var C = this.video.videoWidth, F = this.video.videoHeight;
                 if (!this.props.forceScreenshotSourceSize) {
-                  var g = C / F;
-                  C = w.minScreenshotWidth || this.video.clientWidth, F = C / g, w.minScreenshotHeight && F < w.minScreenshotHeight && (F = w.minScreenshotHeight, C = F * g);
+                  var w = C / F;
+                  C = g.minScreenshotWidth || this.video.clientWidth, F = C / w, g.minScreenshotHeight && F < g.minScreenshotHeight && (F = g.minScreenshotHeight, C = F * w);
                 }
                 this.canvas = document.createElement("canvas"), this.canvas.width = (u == null ? void 0 : u.width) || C, this.canvas.height = (u == null ? void 0 : u.height) || F, this.ctx = this.canvas.getContext("2d");
               }
-              var v = this, O = v.ctx, x = v.canvas;
-              return O && x && (x.width = (u == null ? void 0 : u.width) || x.width, x.height = (u == null ? void 0 : u.height) || x.height, w.mirrored && (O.translate(x.width, 0), O.scale(-1, 1)), O.imageSmoothingEnabled = w.imageSmoothing, O.drawImage(this.video, 0, 0, (u == null ? void 0 : u.width) || x.width, (u == null ? void 0 : u.height) || x.height), w.mirrored && (O.scale(-1, 1), O.translate(-x.width, 0))), x;
+              var A = this, M = A.ctx, x = A.canvas;
+              return M && x && (x.width = (u == null ? void 0 : u.width) || x.width, x.height = (u == null ? void 0 : u.height) || x.height, g.mirrored && (M.translate(x.width, 0), M.scale(-1, 1)), M.imageSmoothingEnabled = g.imageSmoothing, M.drawImage(this.video, 0, 0, (u == null ? void 0 : u.width) || x.width, (u == null ? void 0 : u.height) || x.height), g.mirrored && (M.scale(-1, 1), M.translate(-x.width, 0))), x;
             }, y.prototype.requestUserMedia = function() {
-              var u = this, l = this.props, f = function(F, g) {
-                var v = { video: typeof g != "undefined" ? g : true };
-                l.audio && (v.audio = typeof F != "undefined" ? F : true), u.requestUserMediaId++;
-                var O = u.requestUserMediaId;
-                navigator.mediaDevices.getUserMedia(v).then(function(x) {
-                  u.unmounted || O !== u.requestUserMediaId ? y.stopMediaStream(x) : u.handleUserMedia(null, x);
+              var u = this, l = this.props, f = function(F, w) {
+                var A = { video: typeof w != "undefined" ? w : true };
+                l.audio && (A.audio = typeof F != "undefined" ? F : true), u.requestUserMediaId++;
+                var M = u.requestUserMediaId;
+                navigator.mediaDevices.getUserMedia(A).then(function(x) {
+                  u.unmounted || M !== u.requestUserMediaId ? y.stopMediaStream(x) : u.handleUserMedia(null, x);
                 }).catch(function(x) {
                   u.handleUserMedia(x);
                 });
@@ -269,21 +269,21 @@ var require_main_min = __commonJS({
               if ("mediaDevices" in navigator)
                 f(l.audioConstraints, l.videoConstraints);
               else {
-                var w = function(F) {
+                var g = function(F) {
                   return { optional: [{ sourceId: F }] };
                 }, C = function(F) {
-                  var g = F.deviceId;
-                  return typeof g == "string" ? g : Array.isArray(g) && g.length > 0 ? g[0] : typeof g == "object" && g.ideal ? g.ideal : null;
+                  var w = F.deviceId;
+                  return typeof w == "string" ? w : Array.isArray(w) && w.length > 0 ? w[0] : typeof w == "object" && w.ideal ? w.ideal : null;
                 };
                 MediaStreamTrack.getSources(function(F) {
-                  var g = null, v = null;
-                  F.forEach(function(M) {
-                    M.kind === "audio" ? g = M.id : M.kind === "video" && (v = M.id);
+                  var w = null, A = null;
+                  F.forEach(function(k) {
+                    k.kind === "audio" ? w = k.id : k.kind === "video" && (A = k.id);
                   });
-                  var O = C(l.audioConstraints);
-                  O && (g = O);
+                  var M = C(l.audioConstraints);
+                  M && (w = M);
                   var x = C(l.videoConstraints);
-                  x && (v = x), f(w(g), w(v));
+                  x && (A = x), f(g(w), g(A));
                 });
               }
             }, y.prototype.handleUserMedia = function(u, l) {
@@ -295,15 +295,15 @@ var require_main_min = __commonJS({
               this.stream = l;
               try {
                 this.video && (this.video.srcObject = l), this.setState({ hasUserMedia: true });
-              } catch (w) {
+              } catch (g) {
                 this.setState({ hasUserMedia: true, src: window.URL.createObjectURL(l) });
               }
               f.onUserMedia(l);
             }, y.prototype.render = function() {
-              var u = this, l = this, f = l.state, w = l.props, C = w.audio, F = w.forceScreenshotSourceSize, g = w.disablePictureInPicture, v = w.onUserMedia, O = w.onUserMediaError, x = w.screenshotFormat, M = w.screenshotQuality, E = w.minScreenshotWidth, P = w.minScreenshotHeight, D = w.audioConstraints, U = w.videoConstraints, ee = w.imageSmoothing, A = w.mirrored, B = w.style, k = B === void 0 ? {} : B, ie = w.children, $ = d(w, ["audio", "forceScreenshotSourceSize", "disablePictureInPicture", "onUserMedia", "onUserMediaError", "screenshotFormat", "screenshotQuality", "minScreenshotWidth", "minScreenshotHeight", "audioConstraints", "videoConstraints", "imageSmoothing", "mirrored", "style", "children"]), X = A ? c(c({}, k), { transform: (k.transform || "") + " scaleX(-1)" }) : k, ke = { getScreenshot: this.getScreenshot.bind(this) };
-              return o.createElement(o.Fragment, null, o.createElement("video", c({ autoPlay: true, disablePictureInPicture: g, src: f.src, muted: !C, playsInline: true, ref: function(nt) {
+              var u = this, l = this, f = l.state, g = l.props, C = g.audio, F = g.forceScreenshotSourceSize, w = g.disablePictureInPicture, A = g.onUserMedia, M = g.onUserMediaError, x = g.screenshotFormat, k = g.screenshotQuality, I = g.minScreenshotWidth, O = g.minScreenshotHeight, P = g.audioConstraints, B = g.videoConstraints, _ = g.imageSmoothing, v = g.mirrored, z = g.style, E = z === void 0 ? {} : z, ie = g.children, $ = d(g, ["audio", "forceScreenshotSourceSize", "disablePictureInPicture", "onUserMedia", "onUserMediaError", "screenshotFormat", "screenshotQuality", "minScreenshotWidth", "minScreenshotHeight", "audioConstraints", "videoConstraints", "imageSmoothing", "mirrored", "style", "children"]), Y = v ? c(c({}, E), { transform: (E.transform || "") + " scaleX(-1)" }) : E, ke = { getScreenshot: this.getScreenshot.bind(this) };
+              return o.createElement(o.Fragment, null, o.createElement("video", c({ autoPlay: true, disablePictureInPicture: w, src: f.src, muted: !C, playsInline: true, ref: function(nt) {
                 u.video = nt;
-              }, style: X }, $)), ie && ie(ke));
+              }, style: Y }, $)), ie && ie(ke));
             }, y.defaultProps = { audio: false, disablePictureInPicture: false, forceScreenshotSourceSize: false, imageSmoothing: true, mirrored: false, onUserMedia: function() {
             }, onUserMediaError: function() {
             }, screenshotFormat: "image/webp", screenshotQuality: 0.92 }, y;
@@ -591,14 +591,14 @@ var require_main_min = __commonJS({
       return e === 422;
     }
     var L = (e) => typeof e == "string";
-    var z = (e) => typeof e == "number" && !Number.isNaN(e);
-    var vn = (e) => z(e) && Math.floor(e) === e;
+    var j = (e) => typeof e == "number" && !Number.isNaN(e);
+    var vn = (e) => j(e) && Math.floor(e) === e;
     var Ie = (e) => typeof e == "boolean";
-    var R = (e) => !I(e) && !Y(e) && (e == null ? void 0 : e.constructor) === Object;
-    var j = (e) => Array.isArray(e);
-    var I = (e) => e === null;
-    var Y = (e) => typeof e == "undefined";
-    var kt = (e) => L(e) && e.length === 0 || (R(e) || j(e)) && Object.keys(e).length === 0;
+    var R = (e) => !D(e) && !Z(e) && (e == null ? void 0 : e.constructor) === Object;
+    var V = (e) => Array.isArray(e);
+    var D = (e) => e === null;
+    var Z = (e) => typeof e == "undefined";
+    var kt = (e) => L(e) && e.length === 0 || (R(e) || V(e)) && Object.keys(e).length === 0;
     function An(e, t) {
       return t.oneOf.some((r) => We(e, r) === e) ? e : null;
     }
@@ -614,13 +614,13 @@ var require_main_min = __commonJS({
       return L(e) && !kt(e) ? e : null;
     }
     function Mn(e) {
-      return z(e) ? e : null;
+      return j(e) ? e : null;
     }
     function kn(e) {
       return Ie(e) ? e : null;
     }
     function Ta(e, t) {
-      if (!j(e) || !De(t))
+      if (!V(e) || !De(t))
         return null;
       if (e.length > 0) {
         let r = typeof e[0];
@@ -631,9 +631,9 @@ var require_main_min = __commonJS({
     }
     function En(e, t) {
       return Object.keys(t.properties).reduce((r, a) => {
-        if (e && !Y(e[a])) {
+        if (e && !Z(e[a])) {
           let o = e[a], n = t.properties[a], i = Et(o, n);
-          if (!I(i))
+          if (!D(i))
             return S(s({}, r), { [a]: i });
         }
         return r;
@@ -646,7 +646,7 @@ var require_main_min = __commonJS({
       }, {});
     }
     function Dn(e, t) {
-      return t.oneOf.map((r) => ce(e, r)).reduce((r, a) => I(r) ? a : W(r) && W(a) ? Ln(r, a) : I(a) ? r : a, null);
+      return t.oneOf.map((r) => ce(e, r)).reduce((r, a) => D(r) ? a : W(r) && W(a) ? Ln(r, a) : D(a) ? r : a, null);
     }
     function Ln(e, t) {
       return Object.keys(t).reduce((r, a) => {
@@ -656,11 +656,11 @@ var require_main_min = __commonJS({
     }
     var Et = (e, t) => W(e) ? ce(e, t) : Ra(e) ? fl(e, t) : We(e, t);
     function We(e, t) {
-      if (I(e))
+      if (D(e))
         return null;
       if (t.oneOf)
         return An(e, t);
-      if (!Y(t.const) && e === t.const)
+      if (!Z(t.const) && e === t.const)
         return e;
       if (t.type)
         switch (t.type) {
@@ -677,42 +677,42 @@ var require_main_min = __commonJS({
       return null;
     }
     function ce(e, t) {
-      return Ve(t) || je(t) || I(e) ? null : t.allOf ? In(e, t) : t.oneOf ? Dn(e, t) : !Y(t.const) && e === t.const ? e : Le(t) ? En(e, t) : null;
+      return Ve(t) || je(t) || D(e) ? null : t.allOf ? In(e, t) : t.oneOf ? Dn(e, t) : !Z(t.const) && e === t.const ? e : Le(t) ? En(e, t) : null;
     }
     function fl(e, t) {
       return ge(t) ? On(e, t) : je(t) ? Ta(e, t) : null;
     }
     function er(e, t = false) {
-      return !t || !Y(e);
+      return !t || !Z(e);
     }
     function Tn(e, t = false) {
-      return !t || j(e);
+      return !t || V(e);
     }
     function Rn(e, t) {
-      return !z(t) || L(e) && e.length >= t;
+      return !j(t) || L(e) && e.length >= t;
     }
     function Nn(e, t) {
-      return !z(t) || L(e) && e.length <= t;
+      return !j(t) || L(e) && e.length <= t;
     }
     function Bn(e, t) {
       return t === void 0 ? true : e == null ? false : !!new RegExp(t).test(e);
     }
     function Na(e, t) {
-      return !z(t) && !L(t) || (z(e) || L(e)) && e <= t;
+      return !j(t) && !L(t) || (j(e) || L(e)) && e <= t;
     }
     function Ba(e, t) {
-      return !z(t) && !L(t) || (z(e) || L(e)) && e >= t;
+      return !j(t) && !L(t) || (j(e) || L(e)) && e >= t;
     }
     function zn(e, t) {
-      return !z(t) || j(e) && e.length >= t;
+      return !j(t) || V(e) && e.length >= t;
     }
     function jn(e, t) {
-      return !z(t) || j(e) && e.length <= t;
+      return !j(t) || V(e) && e.length <= t;
     }
     function _e(e, t, r) {
       if (t.const)
         return Ua(e, t, r);
-      if (I(e))
+      if (D(e))
         return r ? ["required"] : [];
       if (Dr(t))
         return za(e, t, r);
@@ -732,7 +732,7 @@ var require_main_min = __commonJS({
       }
     }
     function za(e, t, r) {
-      if (!L(e) && !I(e))
+      if (!L(e) && !D(e))
         return ["type"];
       if (e === "" && r)
         return ["required"];
@@ -740,7 +740,7 @@ var require_main_min = __commonJS({
       return er(e, r) || a.push("required"), Rn(e, t.minLength) || a.push("minLength"), Nn(e, t.maxLength) || a.push("maxLength"), Bn(e, t.pattern) || a.push("pattern"), Ba(e, t.minimum) || a.push("minimum"), Na(e, t.maximum) || a.push("maximum"), a;
     }
     function Ir(e, t, r) {
-      if (!z(e) && !I(e))
+      if (!j(e) && !D(e))
         return ["type"];
       let a = [];
       return er(e, r) || a.push("required"), Ba(e, t.minimum) || a.push("minimum"), Na(e, t.maximum) || a.push("maximum"), a;
@@ -749,7 +749,7 @@ var require_main_min = __commonJS({
       return vn(e) ? Ir(e, t, r) : ["type"];
     }
     function Va(e, t, r) {
-      if (!Ie(e) && !I(e))
+      if (!Ie(e) && !D(e))
         return ["type"];
       let a = [];
       return er(e, r) || a.push("required"), a;
@@ -758,7 +758,7 @@ var require_main_min = __commonJS({
       return er(e, r) ? e !== t.const ? ["const"] : [] : ["required"];
     }
     function It(e, t, r) {
-      if (!j(e) && !I(e))
+      if (!V(e) && !D(e))
         return ["type"];
       if (!Tn(e, r))
         return ["required"];
@@ -766,10 +766,10 @@ var require_main_min = __commonJS({
       return zn(e, t.minItems) || a.push("minItems"), jn(e, t.maxItems) || a.push("maxItems"), a;
     }
     function Vn(e, t) {
-      return I(e) ? ["type"] : [];
+      return D(e) ? ["type"] : [];
     }
     function hl(e, t) {
-      return W(e) ? j(t.required) ? t.required.map((a) => typeof e[a] != "undefined").reduce((a, o) => a && o, true) ? [] : ["required"] : [] : ["type"];
+      return W(e) ? V(t.required) ? t.required.map((a) => typeof e[a] != "undefined").reduce((a, o) => a && o, true) ? [] : ["required"] : [] : ["type"];
     }
     function gl(e, t) {
       return !za(e, t).length;
@@ -796,10 +796,10 @@ var require_main_min = __commonJS({
       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 Al(e, t) {
-      return j(t.oneOf) ? t.oneOf.some((r) => G(e, r)) : false;
+      return V(t.oneOf) ? t.oneOf.some((r) => G(e, r)) : false;
     }
     function Ol(e, t) {
-      return j(t.allOf) ? t.allOf.map((r) => G(e, r)).every((r) => r) : false;
+      return V(t.allOf) ? t.allOf.map((r) => G(e, r)).every((r) => r) : false;
     }
     function Pl(e, t) {
       return !Vn(e, t).length;
@@ -838,7 +838,7 @@ var require_main_min = __commonJS({
       if (!e)
         return null;
       let [t, r, a] = e.split("-").map((o) => parseInt(o, 10));
-      return !z(t) || !z(r) || !z(a) ? null : new Date(t, r - 1, a);
+      return !j(t) || !j(r) || !j(a) ? null : new Date(t, r - 1, a);
     };
     var Hn = (e) => Ml(e);
     var Ke = (e, t) => {
@@ -879,7 +879,7 @@ var require_main_min = __commonJS({
     }
     var Te = (e = "") => `${e ? `${e}-` : ""}${Math.floor(1e8 * Math.random())}`;
     function we(e) {
-      return !Y(e == null ? void 0 : e.const);
+      return !Z(e == null ? void 0 : e.const);
     }
     function tr(e) {
       return !!e && !we(e);
@@ -950,12 +950,12 @@ var require_main_min = __commonJS({
     };
     var Rr = (e) => e.filter((t) => Le(t) ? Object.values((t == null ? void 0 : t.properties) || {}).find((r) => (r == null ? void 0 : r.hidden) !== true) : (t == null ? void 0 : t.hidden) !== true);
     var W = (e) => typeof e == "object" && e !== null && e.constructor === Object;
-    var Ga = (e) => I(e) || W(e);
-    var $a = (e) => Ie(e) || z(e) || L(e) || I(e);
-    var Nr = (e) => L(e) || I(e);
-    var Ra = (e) => j(e) ? e.length === 0 ? true : e.every((t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" || typeof t == "object") : false;
-    var Jn = (e) => I(e) ? true : Ra(e);
-    var rr = (e) => L(e) || I(e);
+    var Ga = (e) => D(e) || W(e);
+    var $a = (e) => Ie(e) || j(e) || L(e) || D(e);
+    var Nr = (e) => L(e) || D(e);
+    var Ra = (e) => V(e) ? e.length === 0 ? true : e.every((t) => typeof t == "string" || typeof t == "number" || typeof t == "boolean" || typeof t == "object") : false;
+    var Jn = (e) => D(e) ? true : Ra(e);
+    var rr = (e) => L(e) || D(e);
     var Xn = () => jl() && (Vl() || zl());
     var zl = (e = window.navigator.userAgent) => /mobi|\b(iphone|android|blackberry|webos|windows phone)\b/i.test(e);
     var jl = (e = window.screen.width, t = window.screen.height) => e < 768 || t < 768;
@@ -1102,7 +1102,7 @@ var require_main_min = __commonJS({
       }
       return null;
     };
-    var V = (e) => {
+    var U = (e) => {
       switch (e) {
         case "xs":
           return "m-b-0";
@@ -1129,11 +1129,11 @@ var require_main_min = __commonJS({
           return "";
       }
     };
-    var Se = (e) => `${Jl(e.align)} ${V(e.margin)}`;
+    var Se = (e) => `${Jl(e.align)} ${U(e.margin)}`;
     var yi = require("react/jsx-runtime");
     var Xl = (e) => {
       let t = e.component;
-      return (0, yi.jsx)(pi.Alert, { type: Zl(Yl(t.context)), className: V(t.margin), message: t.markdown });
+      return (0, yi.jsx)(pi.Alert, { type: Zl(Yl(t.context)), className: U(t.margin), message: t.markdown });
     };
     var Yl = (e) => {
       switch (e) {
@@ -1154,7 +1154,7 @@ var require_main_min = __commonJS({
     var se = Xl;
     var pt = require("react/jsx-runtime");
     var Ql = (e) => {
-      let t = e.component, r = V(t.margin || t.border ? "lg" : "xs");
+      let t = e.component, r = U(t.margin || t.border ? "lg" : "xs");
       return !t.width || t.width === "xl" ? (0, pt.jsx)("div", { className: r + fi(t.border), children: (0, pt.jsx)(ne, { components: t.components, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }) : (0, pt.jsx)("div", { className: "row", children: (0, pt.jsx)("div", { className: r + ed(t), children: (0, pt.jsx)("div", { className: fi(t.border), children: (0, pt.jsx)(ne, { components: t.components, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }) }) });
     };
     var fi = (e) => e ? " well p-b-0" : "";
@@ -1205,14 +1205,14 @@ var require_main_min = __commonJS({
     var Ci = require("react/jsx-runtime");
     function od(e) {
       var d;
-      let { component: t, onAction: r } = e, a = t.action, o = gi(t), n = hi(t), { loading: i } = At(), c = V(t.margin || "md");
+      let { component: t, onAction: r } = e, a = t.action, o = gi(t), n = hi(t), { loading: i } = At(), c = U(t.margin || "md");
       return (0, Ci.jsx)(Si.Button, { size: wi(t.size), type: n === "tertiary" ? void 0 : o, priority: n, block: true, className: c, disabled: i || t.disabled || a.disabled, onClick: () => r(a), children: (d = t.title) != null ? d : a.title });
     }
     var Xa = od;
     var yt = require("react/jsx-runtime");
     var nd = (e) => {
       let t = e.component, { leftWidth: r, rightWidth: a } = id(t.bias);
-      return (0, yt.jsxs)("div", { className: `${V(t.margin || "xs")} row`, children: [(0, yt.jsx)("div", { className: `${r} m-b-0`, children: (0, yt.jsx)(ne, { components: t.left, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }), (0, yt.jsx)("div", { className: `${a} m-b-0`, children: (0, yt.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, yt.jsxs)("div", { className: `${U(t.margin || "xs")} row`, children: [(0, yt.jsx)("div", { className: `${r} m-b-0`, children: (0, yt.jsx)(ne, { components: t.left, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) }), (0, yt.jsx)("div", { className: `${a} m-b-0`, children: (0, yt.jsx)(ne, { components: t.right, model: e.model, submitted: e.submitted, errors: e.errors, onModelChange: e.onModelChange, onAction: e.onAction, onPersistAsync: e.onPersistAsync }) })] });
     };
     var id = (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 Ya = nd;
@@ -1220,12 +1220,12 @@ var require_main_min = __commonJS({
     var Gr = require("react/jsx-runtime");
     function sd({ component: e, onAction: t }) {
       let { loading: r } = At();
-      return (0, Gr.jsx)("div", { className: V(e.margin), children: (0, Gr.jsx)($r.NavigationOptionsList, { children: e.options.map((a) => (0, Gr.jsx)($r.NavigationOption, { title: a.title, content: a.description, disabled: r || a.disabled, media: ut(a), showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => t(a.action) }, JSON.stringify(a))) }) });
+      return (0, Gr.jsx)("div", { className: U(e.margin), children: (0, Gr.jsx)($r.NavigationOptionsList, { children: e.options.map((a) => (0, Gr.jsx)($r.NavigationOption, { title: a.title, content: a.description, disabled: r || a.disabled, media: ut(a), showMediaCircle: false, showMediaAtAllSizes: true, onClick: () => t(a.action) }, JSON.stringify(a))) }) });
     }
     var Za = sd;
     var Fi = require("react/jsx-runtime");
     var cd = ({ component: e }) => {
-      let r = `m-t-0 ${V(e.margin)}`;
+      let r = `m-t-0 ${U(e.margin)}`;
       return (0, Fi.jsx)("hr", { className: r });
     };
     var Qa = cd;
@@ -1317,27 +1317,27 @@ var require_main_min = __commonJS({
     }
     var ft = require("react/jsx-runtime");
     function qi(e) {
-      var M, E;
-      let { onChange: t, schema: r } = e, a = re(), o = Vi(r), n = (0, sr.useMemo)(() => r.$id || Te(), [r.$id]), [i, c] = (0, sr.useState)(false), [d, m] = (0, sr.useState)(() => yd(e.model || [])), p = Gi(r.items.persistAsync), h = r.items.persistAsync.schema, y = Dt(h), u = async (P) => {
+      var k, I;
+      let { onChange: t, schema: r } = e, a = re(), o = Vi(r), n = (0, sr.useMemo)(() => r.$id || Te(), [r.$id]), [i, c] = (0, sr.useState)(false), [d, m] = (0, sr.useState)(() => yd(e.model || [])), p = Gi(r.items.persistAsync), h = r.items.persistAsync.schema, y = Dt(h), u = async (O) => {
         c(true);
         try {
-          let D = await Di(P, y);
+          let P = await Di(O, y);
           a("Dynamic Flow - PersistAsync", { status: "pending", schemaId: r.$id });
-          let U = await p(D);
-          return a("Dynamic Flow - PersistAsync", { status: "success", schemaId: r.$id }), Li(U);
-        } catch (D) {
-          return a("Dynamic Flow - PersistAsync", { status: "failure", schemaId: r.$id }), Promise.reject(Ti(D));
+          let B = await p(P);
+          return a("Dynamic Flow - PersistAsync", { status: "success", schemaId: r.$id }), Li(B);
+        } catch (P) {
+          return a("Dynamic Flow - PersistAsync", { status: "failure", schemaId: r.$id }), Promise.reject(Ti(P));
         }
       };
-      function l(P) {
-        if ($n(P, d))
+      function l(O) {
+        if ($n(O, d))
           return;
-        m(P);
-        let U = Ui(P).map((ee) => ee.id);
-        t({ model: U, triggerSchema: r, triggerModel: U });
+        m(O);
+        let B = Ui(O).map((_) => _.id);
+        t({ model: B, triggerSchema: r, triggerModel: B });
       }
-      let w = Ui(d).map((P) => P.id), C = It(w, r, e.required), F = !!e.errors || (i || e.submitted) && !!C.length, g = "accepts" in h && h.accepts, v = "maxSize" in h && h.maxSize, O = S(s(s({ multiple: true, className: "form-control", files: d, fileInputName: n, id: n }, g ? { fileTypes: g } : void 0), v ? { sizeLimit: Lr(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: l, onDeleteFile: () => Promise.resolve() }), x = `${n}-feedback`;
-      return (0, ft.jsxs)("div", { className: (0, Hi.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)(Kr.UploadInput, s({}, O)) }), (0, ft.jsx)(He, { id: x, changed: i, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: C, validationMessages: hd(r, !!e.required, o), infoMessage: null, focused: false, blurred: true })] });
+      let g = Ui(d).map((O) => O.id), C = It(g, r, e.required), F = !!e.errors || (i || e.submitted) && !!C.length, w = "accepts" in h && h.accepts, A = "maxSize" in h && h.maxSize, M = S(s(s({ multiple: true, className: "form-control", files: d, fileInputName: n, id: n }, w ? { fileTypes: w } : void 0), A ? { sizeLimit: Lr(A) } : void 0), { sizeLimitErrorMessage: ((k = h.validationMessages) == null ? void 0 : k.maxSize) || o.maxFileSizeErrorMessage, maxFiles: e.schema.maxItems, maxFilesErrorMessage: ((I = e.schema.validationMessages) == null ? void 0 : I.maxItems) || o.maxItemsErrorMessage, uploadButtonTitle: h.title, description: h.description, disabled: e.disabled, onUploadFile: (O) => u(O.get(n)), onFilesChange: l, onDeleteFile: () => Promise.resolve() }), x = `${n}-feedback`;
+      return (0, ft.jsxs)("div", { className: (0, Hi.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)(Kr.UploadInput, s({}, M)) }), (0, ft.jsx)(He, { id: x, changed: i, submitted: e.submitted, errors: e.errors, schema: e.schema, validations: C, validationMessages: hd(r, !!e.required, o), infoMessage: null, focused: false, blurred: true })] });
     }
     qi.defaultProps = { errors: null, required: false };
     var ao = qi;
@@ -1348,7 +1348,7 @@ var require_main_min = __commonJS({
       return e.map((t) => fd(t) ? { id: t, status: Kr.Status.SUCCEEDED } : null).filter((t) => t !== null);
     }
     function fd(e) {
-      return z(e) || L(e);
+      return j(e) || L(e);
     }
     function hd(e, t, r) {
       let { minItems: a, maxItems: o } = e;
@@ -1383,10 +1383,10 @@ var require_main_min = __commonJS({
         if (a >= 0)
           return a;
       }
-      return mt(e) && W(t) && Object.keys(t).length >= 1 ? Nt(e, t) : mt(e) && !Y(e.default) && W(e.default) && Object.keys(e.default).length >= 1 ? Nt(e, e.default) : null;
+      return mt(e) && W(t) && Object.keys(t).length >= 1 ? Nt(e, t) : mt(e) && !Z(e.default) && W(e.default) && Object.keys(e.default).length >= 1 ? Nt(e, e.default) : null;
     };
     var cr = (e, t) => {
-      let r = (a) => !Y(t) && G(t, a);
+      let r = (a) => !Z(t) && G(t, a);
       return e.oneOf.filter(r).length === 1 ? e.oneOf.findIndex(r) : -1;
     };
     function Nt(e, t) {
@@ -1460,27 +1460,27 @@ var require_main_min = __commonJS({
     var Fe = require("react/jsx-runtime");
     function xd({ schema: e, model: t, errors: r, submitted: a, onChange: o }) {
       let [n, i] = (0, Yr.useState)(null), [c, d] = (0, Yr.useState)(() => {
-        if (R(t) && !j(t))
+        if (R(t) && !V(t))
           throw new Error("RepeatableSchema does not support object models. Ensure your array schema is wrapped inside an object schema.");
         return t ? t.map((C) => oo(e.items, C, e == null ? void 0 : e.summary)) : null;
       }), [m, p] = (0, Yr.useState)({ item: null, model: null }), h = (C) => {
-        let F = C ? C.map(({ value: g }) => g) : null;
+        let F = C ? C.map(({ value: w }) => w) : null;
         o({ model: F, triggerSchema: e.items, triggerModel: F });
       }, y = () => {
         i("add");
       }, u = (C) => {
         p({ item: C, model: C.value }), i("edit");
       }, l = (C) => {
-        var v;
+        var A;
         let F = C === "remove" ? null : oo(e.items, m.model, e == null ? void 0 : e.summary);
-        if (C !== "remove" && !G((v = F == null ? void 0 : F.value) != null ? v : null, e.items))
+        if (C !== "remove" && !G((A = F == null ? void 0 : F.value) != null ? A : null, e.items))
           return;
-        let g = vd(C, { originalItem: m.item, updatedItem: F, itemSummaries: c });
-        d(g), h(g), p({ item: null, model: null }), i(null);
+        let w = vd(C, { originalItem: m.item, updatedItem: F, itemSummaries: c });
+        d(w), h(w), p({ item: null, model: null }), i(null);
       }, f = () => {
         p({ item: null, model: null }), i(null);
-      }, { formatMessage: w } = (0, es.useIntl)();
-      return (0, Fe.jsxs)(Fe.Fragment, { children: [e.title && (0, Fe.jsx)(Bt.Header, { title: e.title }), c && c.map((C) => (0, Fe.jsx)(Wi, { item: C, onClick: () => u(C) }, JSON.stringify(C))), (0, Fe.jsx)(Bt.NavigationOption, { media: (0, Fe.jsx)(Qi.Plus, {}), title: e.addItemTitle || w(ht.addItemTitle), showMediaAtAllSizes: true, onClick: y }), (0, Fe.jsx)(Bt.Modal, { open: n !== null, title: (n === "add" ? e.addItemTitle : e.editItemTitle) || w(ht.addItemTitle), body: (0, Fe.jsx)(Xi, { type: n != null ? n : "add", schema: e, model: m.model, errors: r, submitted: a, onAction: l, onModelChange: ({ model: C }) => p(S(s({}, m), { model: C })) }), onClose: f })] });
+      }, { formatMessage: g } = (0, es.useIntl)();
+      return (0, Fe.jsxs)(Fe.Fragment, { children: [e.title && (0, Fe.jsx)(Bt.Header, { title: e.title }), c && c.map((C) => (0, Fe.jsx)(Wi, { item: C, onClick: () => u(C) }, JSON.stringify(C))), (0, Fe.jsx)(Bt.NavigationOption, { media: (0, Fe.jsx)(Qi.Plus, {}), title: e.addItemTitle || g(ht.addItemTitle), showMediaAtAllSizes: true, onClick: y }), (0, Fe.jsx)(Bt.Modal, { open: n !== null, title: (n === "add" ? e.addItemTitle : e.editItemTitle) || g(ht.addItemTitle), body: (0, Fe.jsx)(Xi, { type: n != null ? n : "add", schema: e, model: m.model, errors: r, submitted: a, onAction: l, onModelChange: ({ model: C }) => p(S(s({}, m), { model: C })) }), onClose: f })] });
     }
     var vd = (e, { originalItem: t, updatedItem: r, itemSummaries: a }) => {
       if (e === "remove")
@@ -1549,11 +1549,11 @@ var require_main_min = __commonJS({
     }
     var qe = Od;
     var ws = require("react");
-    var _ = require("@transferwise/components");
+    var K = require("@transferwise/components");
     var fs = require("react");
     var zt = (e, t = {}) => {
       let { coerceValue: r = false } = t;
-      if (!I(e)) {
+      if (!D(e)) {
         if (R(e)) {
           gt({ received: "object", expected: "string" });
           return;
@@ -1569,9 +1569,9 @@ var require_main_min = __commonJS({
     };
     var co = (e, t = {}) => {
       let { coerceValue: r = false } = t;
-      if (I(e))
+      if (D(e))
         return;
-      if (z(e))
+      if (j(e))
         return e;
       let a = { received: typeof e, expected: "string or number" };
       if (R(e)) {
@@ -1588,7 +1588,7 @@ var require_main_min = __commonJS({
     };
     var ds = (e, t = {}) => {
       let { coerceValue: r = false } = t;
-      if (I(e))
+      if (D(e))
         return false;
       if (!Ie(e)) {
         if (r)
@@ -1599,7 +1599,7 @@ var require_main_min = __commonJS({
       return e;
     };
     var us = (e) => {
-      if (!I(e)) {
+      if (!D(e)) {
         if (!(e instanceof Date) && !L(e)) {
           gt({ received: typeof e, expected: "string or Date" });
           return;
@@ -1608,7 +1608,7 @@ var require_main_min = __commonJS({
       }
     };
     var ps = (e) => {
-      if (I(e))
+      if (D(e))
         return null;
       if (!L(e))
         return gt({ received: typeof e, expected: "string", fallback: "null" }), null;
@@ -1626,13 +1626,13 @@ var require_main_min = __commonJS({
       return t.length === 0 ? "off" : t.map((r) => ys[r]).join(" ");
     };
     var ys = { on: "on", name: "name", "name-prefix": "honorific-prefix", "given-name": "given-name", "additional-name": "additional-name", "family-name": "family-name", "name-suffix": "honorific-suffix", nickname: "nickname", email: "email", "new-username": "username", username: "username", "new-password": "new-password", password: "current-password", "one-time-code": "one-time-code", "job-title": "organization-title", "organization-name": "organization", "full-street-address": "street-address", "street-address-line-1": "address-line1", "street-address-line-2": "address-line2", "street-address-line-3": "address-line3", "address-level-1": "address-level1", "address-level-2": "address-level2", "address-level-3": "address-level3", "address-level-4": "address-level4", "country-code": "country", "country-name": "country-name", "postal-code": "postal-code", "credit-card-name": "cc-name", "credit-card-given-name": "cc-given-name", "credit-card-middle-name": "cc-additional-name", "credit-card-family-name": "cc-family-name", "credit-card-number": "cc-number", "credit-card-expiration": "cc-exp", "credit-card-expiration-month": "cc-exp-month", "credit-card-expiration-year": "cc-exp-year", "credit-card-security-code": "cc-csc", "credit-card-type": "cc-type", "transaction-currency": "transaction-currency", "transaction-amount": "transaction-amount", language: "language", birthdate: "bday", "birthdate-day": "bday-day", "birthdate-month": "bday-month", "birthdate-year": "bday-year", gender: "sex", "phone-number": "tel", "phone-country-code": "tel-country-code", "phone-national": "tel-national", "phone-area-code": "tel-area-code", "phone-local": "tel-local", "phone-local-prefix": "tel-local-prefix", "phone-local-suffix": "tel-local-suffix", "phone-extension": "tel-extension", url: "url", photo: "photo", impp: "impp", shipping: "shipping", billing: "billing", home: "home", work: "work", mobile: "mobile", fax: "fax", pager: "pager" };
-    var Z = require("react/jsx-runtime");
+    var Q = require("react/jsx-runtime");
     var be = class be extends fs.PureComponent {
       constructor(r) {
         super(r);
         this.getAutocompleteValue = () => {
           let { autoComplete: r2, autocompleteHint: a } = this.props;
-          return j(a) ? lo(a) : r2 === true ? "on" : "off";
+          return V(a) ? lo(a) : r2 === true ? "on" : "off";
         };
         this.handleOnChange = (r2) => {
           this.props.onChange(r2);
@@ -1657,60 +1657,60 @@ var require_main_min = __commonJS({
           if (this.props.value !== null && typeof this.props.value != "undefined")
             return r2.find((a) => this.props.value === a.value);
         };
-        this.mapOption = (r2) => S(s({}, r2), { value: z(r2.value) || L(r2.value) ? r2.value : void 0, secondary: r2.note, disabled: r2.disabled || this.props.disabled, readOnly: this.props.readOnly });
+        this.mapOption = (r2) => S(s({}, r2), { value: j(r2.value) || L(r2.value) ? r2.value : void 0, secondary: r2.note, disabled: r2.disabled || this.props.disabled, readOnly: this.props.readOnly });
         this.state = { selectedOption: r.selectedOption, touched: false, prevValue: r.value };
       }
       static getDerivedStateFromProps(r, a) {
         return a.prevValue !== r.value ? { prevValue: r.value, value: r.value } : null;
       }
       render() {
-        var ee;
-        let { name: r, placeholder: a, step: o, countryCode: n, type: i, options: c, disabled: d, readOnly: m, required: p, minLength: h, maxLength: y, min: u, max: l, searchPlaceholder: f, searchValue: w, onSearchChange: C, size: F, uploadProps: g, label: v, monthFormat: O, id: x, minDate: M, maxDate: E, value: P, mode: D, describedBy: U } = this.props;
+        var _;
+        let { name: r, placeholder: a, step: o, countryCode: n, type: i, options: c, disabled: d, readOnly: m, required: p, minLength: h, maxLength: y, min: u, max: l, searchPlaceholder: f, searchValue: g, onSearchChange: C, size: F, uploadProps: w, label: A, monthFormat: M, id: x, minDate: k, maxDate: I, value: O, mode: P, describedBy: B } = this.props;
         switch (i) {
           case N.RADIO:
-            return (0, Z.jsx)(_.RadioGroup, { radios: c.map(this.mapOption), name: r, selectedValue: co(P, { coerceValue: true }), onChange: this.handleOnChange });
+            return (0, Q.jsx)(K.RadioGroup, { radios: c.map(this.mapOption), name: r, selectedValue: co(O, { coerceValue: true }), onChange: this.handleOnChange });
           case N.CHECKBOX:
-            return (0, Z.jsx)(_.Checkbox, { checked: ds(P, { coerceValue: true }), disabled: d, label: v, required: p, readOnly: m, onChange: this.handleOnChange, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
+            return (0, Q.jsx)(K.Checkbox, { checked: ds(O, { coerceValue: true }), disabled: d, label: A, required: p, readOnly: m, onChange: this.handleOnChange, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
           case N.SELECT: {
-            let A = c.length >= 20;
-            return (0, Z.jsx)(_.Select, { id: x, selected: this.getSelectedOption(c), options: c, search: A, required: p, disabled: d, placeholder: a, searchPlaceholder: f, searchValue: w, onChange: (B) => {
-              var k;
-              this.setState({ selectedOption: B != null ? B : void 0 }), this.props.onChange((k = B == null ? void 0 : B.value) != null ? k : null);
-            }, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, onSearchChange: A ? C : void 0 });
+            let v = c.length >= 20;
+            return (0, Q.jsx)(K.Select, { id: x, selected: this.getSelectedOption(c), options: c, search: v, required: p, disabled: d, placeholder: a, searchPlaceholder: f, searchValue: g, onChange: (z) => {
+              var E;
+              this.setState({ selectedOption: z != null ? z : void 0 }), this.props.onChange((E = z == null ? void 0 : z.value) != null ? E : null);
+            }, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, onSearchChange: v ? C : void 0 });
           }
           case N.TAB:
-            return (0, Z.jsx)(_.Tabs, { selected: ((ee = this.getSelectedOption(c)) == null ? void 0 : ee.value) || 0, tabs: c.map((A) => ({ title: A.label, content: (0, Z.jsx)(Z.Fragment, {}), disabled: A.disabled || false })), name: x, onTabSelect: (A) => {
-              let B = !!this.state.selectedOption;
-              this.setState({ selectedOption: c.find((k) => k.value === A) }), this.props.onChange(A, B ? "user" : "init");
+            return (0, Q.jsx)(K.Tabs, { selected: ((_ = this.getSelectedOption(c)) == null ? void 0 : _.value) || 0, tabs: c.map((v) => ({ title: v.label, content: (0, Q.jsx)(Q.Fragment, {}), disabled: v.disabled || false })), name: x, onTabSelect: (v) => {
+              let z = !!this.state.selectedOption;
+              this.setState({ selectedOption: c.find((E) => E.value === v) }), this.props.onChange(v, z ? "user" : "init");
             } });
           case N.NUMERIC:
           case N.NUMBER:
-            return (0, Z.jsx)("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: d, id: x, max: l, min: u, placeholder: a, readOnly: m, required: p, step: o, type: "number", value: co(P, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: (A) => {
-              i === N.NUMERIC ? this.props.onChange(A.target.value) : this.props.onChange(parseFloat(A.target.value));
-            }, onFocus: this.handleOnFocus, onWheel: (A) => {
-              A.target instanceof HTMLElement && A.target.blur();
-            }, "aria-describedby": U });
+            return (0, Q.jsx)("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: d, id: x, max: l, min: u, placeholder: a, readOnly: m, required: p, step: o, type: "number", value: co(O, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: (v) => {
+              i === N.NUMERIC ? this.props.onChange(v.target.value) : this.props.onChange(parseFloat(v.target.value));
+            }, onFocus: this.handleOnFocus, onWheel: (v) => {
+              v.target instanceof HTMLElement && v.target.blur();
+            }, "aria-describedby": B });
           case N.HIDDEN:
-            return (0, Z.jsx)("input", { type: "hidden", name: r, value: zt(P, { coerceValue: true }), id: x });
+            return (0, Q.jsx)("input", { type: "hidden", name: r, value: zt(O, { coerceValue: true }), id: x });
           case N.PASSWORD:
-            return (0, Z.jsx)("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: d, 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 });
+            return (0, Q.jsx)("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: d, id: x, placeholder: a, readOnly: m, required: p, type: "password", value: zt(O, { coerceValue: true }), onBlur: this.handleOnBlur, onChange: this.handleInputOnChange, onFocus: this.handleOnFocus, "aria-describedby": B });
           case N.DATE:
           case N.DATETIME:
-            return (0, Z.jsx)(_.DateInput, { disabled: d, size: F, value: us(P), mode: D, monthFormat: O, onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
+            return (0, Q.jsx)(K.DateInput, { disabled: d, size: F, value: us(O), mode: P, monthFormat: M, onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
           case N.DATELOOKUP:
-            return (0, Z.jsx)(_.DateLookup, { value: ps(P), min: M, max: E, placeholder: a, monthFormat: O, disabled: d, onChange: (A) => {
-              this.handleOnChange(Hn(A));
+            return (0, Q.jsx)(K.DateLookup, { value: ps(O), min: k, max: I, placeholder: a, monthFormat: M, disabled: d, onChange: (v) => {
+              this.handleOnChange(Hn(v));
             }, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus });
           case N.TEL:
-            return (0, Z.jsx)(_.PhoneNumberInput, { disabled: d, countryCode: n, placeholder: a, required: p, searchPlaceholder: f, size: F, initialValue: zt(P), onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus });
+            return (0, Q.jsx)(K.PhoneNumberInput, { disabled: d, countryCode: n, placeholder: a, required: p, searchPlaceholder: f, size: F, initialValue: zt(O), 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: zt(P, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteValue() };
-            return this.props.displayPattern ? (0, Z.jsx)(_.TextareaWithDisplayFormat, S(s({ displayPattern: this.props.displayPattern }, A), { onChange: this.handleOnChange })) : (0, Z.jsx)("textarea", S(s({}, A), { onChange: this.handleInputOnChange, "aria-describedby": U }));
+            let v = { className: "form-control tw-form-control", id: x, name: r, placeholder: a, value: zt(O, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteValue() };
+            return this.props.displayPattern ? (0, Q.jsx)(K.TextareaWithDisplayFormat, S(s({ displayPattern: this.props.displayPattern }, v), { onChange: this.handleOnChange })) : (0, Q.jsx)("textarea", S(s({}, v), { onChange: this.handleInputOnChange, "aria-describedby": B }));
           }
           case N.FILE:
           case N.UPLOAD:
-            return (0, Z.jsx)(_.Upload, S(s({}, g), { usAccept: g.usAccept || "*", usDisabled: g.usDisabled || d, onSuccess: (A) => {
-              this.handleOnChange(A);
+            return (0, Q.jsx)(K.Upload, S(s({}, w), { usAccept: w.usAccept || "*", usDisabled: w.usDisabled || d, onSuccess: (v) => {
+              this.handleOnChange(v);
             }, onFailure: () => {
               this.handleOnChange(null);
             }, onCancel: () => {
@@ -1719,8 +1719,8 @@ 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: zt(P, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteValue() };
-            return this.props.displayPattern ? (0, Z.jsx)(_.InputWithDisplayFormat, S(s({ displayPattern: this.props.displayPattern }, A), { onChange: this.handleOnChange })) : (0, Z.jsx)("input", S(s({}, A), { onChange: this.handleInputOnChange, "aria-describedby": U }));
+            let v = { type: i === N.EMAIL ? "email" : "text", className: "form-control", id: x, name: r, placeholder: a, value: zt(O, { coerceValue: true }), readOnly: m, required: p, minLength: h, maxLength: y, onFocus: this.handleOnFocus, onBlur: this.handleOnBlur, disabled: d, autoComplete: this.getAutocompleteValue() };
+            return this.props.displayPattern ? (0, Q.jsx)(K.InputWithDisplayFormat, S(s({ displayPattern: this.props.displayPattern }, v), { onChange: this.handleOnChange })) : (0, Q.jsx)("input", S(s({}, v), { onChange: this.handleInputOnChange, "aria-describedby": B }));
           }
         }
       }
@@ -1740,11 +1740,11 @@ var require_main_min = __commonJS({
     };
     var Pd = (e) => s(s(s({ label: e.title, value: e.const }, Ld(e.title, e.description)), Vt(e)), gs(e.disabled));
     var Md = (e) => s(s(s(s(s({ label: e.title, value: e.const }, Dd(e.title, e.description)), Id(e.icon)), Ed(e.image)), gs(e.disabled)), kd(e.keywords));
-    var kd = (e) => j(e) ? { searchStrings: e } : {};
+    var kd = (e) => V(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 && Lt(e.name) ? { currency: e.name.substring(5) } : e != null && e.name && Ka(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 && Ka(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 ta = ({ accepts: e }) => s({}, j(e) && { usAccept: e.join(",") });
+    var ta = ({ accepts: e }) => s({}, V(e) && { usAccept: e.join(",") });
     var Dd = (e, t) => {
       if (e && t)
         return { [(e + t).length > 50 ? "secondary" : "note"]: t };
@@ -1754,7 +1754,7 @@ var require_main_min = __commonJS({
         return { note: t };
     };
     var gs = (e) => {
-      if (!Y(e) && !I(e))
+      if (!Z(e) && !D(e))
         return { disabled: e };
     };
     var uo = require("react/jsx-runtime");
@@ -1765,51 +1765,51 @@ var require_main_min = __commonJS({
     var Bd = { date: "date", email: "email", base64url: "file", password: "password", "phone-number": "tel" };
     var zd = (e, t) => e.oneOf ? e.oneOf.map((r) => hs(r, t)) : null;
     function Ss(e) {
-      let { id: t, schema: r, value: a, disabled: o, onChange: n, onFocus: i, onBlur: c, onSearchChange: d, describedBy: m } = e, p = Mt(), h = (F) => Td(r.type) && (I(F) || Y(F)) ? "" : F, y = (F, g) => {
-        n(We(F, r), g);
+      let { id: t, schema: r, value: a, disabled: o, onChange: n, onFocus: i, onBlur: c, onSearchChange: d, describedBy: m } = e, p = Mt(), h = (F) => Td(r.type) && (D(F) || Z(F)) ? "" : F, y = (F, w) => {
+        n(We(F, r), w);
       }, u = po(r);
       (0, ws.useEffect)(() => {
         jd(r, p, u);
       }, [JSON.stringify(r), p, u]);
-      let l = r.values || zd(r, u), f = { onFocus: i, onBlur: c, onSearchChange: d, onChange: y }, w = h(a), C = { id: t, name: t, label: r.title, options: l || [], placeholder: r.placeholder, autoComplete: !r.help, autocompleteHint: r.autocompleteHint, disabled: o || r.disabled, displayPattern: r.displayFormat, uploadProps: ta(r), describedBy: m };
-      return (0, uo.jsx)("div", { "aria-describedby": m, children: (0, uo.jsx)(jt, s(s({ type: u, value: w }, f), C)) });
+      let l = r.values || zd(r, u), f = { onFocus: i, onBlur: c, onSearchChange: d, onChange: y }, g = h(a), C = { id: t, name: t, label: r.title, options: l || [], placeholder: r.placeholder, autoComplete: !r.help, autocompleteHint: r.autocompleteHint, disabled: o || r.disabled, displayPattern: r.displayFormat, uploadProps: ta(r), describedBy: m };
+      return (0, uo.jsx)("div", { "aria-describedby": m, children: (0, uo.jsx)(jt, s(s({ type: u, value: g }, f), C)) });
     }
     Ss.defaultProps = { value: null, onFocus: null, onBlur: null, onSearchChange: null, disabled: false };
     var jd = (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 lr = Ss;
-    var Q = require("react/jsx-runtime");
+    var ee = 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), d = (0, Ne.useMemo)(() => e.schema.$id || Te(), [e.schema.$id]), [m, p] = (0, Ne.useState)(Xr(e.schema, e.model)), [h, y] = (0, Ne.useState)(qd(e.model, e.schema.oneOf)), u = Zn(t, 200), l = (M) => {
-        u("Dynamic Flow - OneOf Searched", { oneOfId: e.schema.analyticsId, searchValueLength: M.length });
+      let t = re(), [r, a] = (0, Ne.useState)(false), [o, n] = (0, Ne.useState)(false), [i, c] = (0, Ne.useState)(false), d = (0, Ne.useMemo)(() => e.schema.$id || Te(), [e.schema.$id]), [m, p] = (0, Ne.useState)(Xr(e.schema, e.model)), [h, y] = (0, Ne.useState)(qd(e.model, e.schema.oneOf)), u = Zn(t, 200), l = (k) => {
+        u("Dynamic Flow - OneOf Searched", { oneOfId: e.schema.analyticsId, searchValueLength: k.length });
       };
       if ((0, Ne.useEffect)(() => {
-        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))
+        let k = cr(e.schema, e.model), I = cr(e.schema, e.schema.default);
+        k === -1 && I >= 0 && F(I, "init");
+      }, [e.schema]), !V(e.schema.oneOf))
         return console.error("Incorrect format", e.schema), null;
-      let f = (M, E) => {
-        y([...h.slice(0, M), E.model, ...h.slice(M + 1)]), a(true), e.onChange(E);
-      }, w = () => {
+      let f = (k, I) => {
+        y([...h.slice(0, k), I.model, ...h.slice(k + 1)]), a(true), e.onChange(I);
+      }, g = () => {
         n(true);
       }, C = () => {
         n(false), c(true);
-      }, F = (M, E) => {
-        p(M);
-        let P = e.schema.oneOf[M];
-        if (we(P)) {
-          let D = P.const;
-          e.onChange({ model: D, triggerSchema: e.schema, triggerModel: D, type: E });
+      }, F = (k, I) => {
+        p(k);
+        let O = e.schema.oneOf[k];
+        if (we(O)) {
+          let P = O.const;
+          e.onChange({ model: P, triggerSchema: e.schema, triggerModel: P, type: I });
         } 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 = Gd(e.schema), v = Ud(e, m), O = { "form-group": true, "has-error": !r && e.errors && !kt(e.errors) || (e.submitted || r && i) && v.length }, x = `${d}-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: [Vd(e.schema, d), (0, Q.jsx)(lr, { id: d, schema: g, value: m, disabled: e.disabled, describedBy: x, onChange: F, onFocus: w, onBlur: C, onSearchChange: l }), (0, Q.jsx)(He, { id: x, changed: r, focused: o, blurred: i, submitted: e.submitted, errors: Hd(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 })] });
+          e.onChange({ model: h[k], triggerSchema: O, triggerModel: h[k], type: I });
+        I !== "init" && e.schema.analyticsId && t("Dynamic Flow - OneOf Selected", { oneOfId: e.schema.analyticsId, schemaId: O == null ? void 0 : O.analyticsId });
+      }, w = Gd(e.schema), A = Ud(e, m), M = { "form-group": true, "has-error": !r && e.errors && !kt(e.errors) || (e.submitted || r && i) && A.length }, x = `${d}-feedback`;
+      return (0, ee.jsxs)(ee.Fragment, { children: [(e.schema.oneOf.length > 1 || we(e.schema.oneOf[0])) && (0, ee.jsxs)(ee.Fragment, { children: [e.schema.alert && (0, ee.jsx)(se, { component: e.schema.alert }), (0, ee.jsxs)("div", { className: (0, Fs.default)(M), children: [Vd(e.schema, d), (0, ee.jsx)(lr, { id: d, schema: w, value: m, disabled: e.disabled, describedBy: x, onChange: F, onFocus: g, onBlur: C, onSearchChange: l }), (0, ee.jsx)(He, { id: x, changed: r, focused: o, blurred: i, submitted: e.submitted, errors: Hd(e.errors), schema: e.schema, validations: A, infoMessage: null })] })] }), tr(e.schema.oneOf[m]) && (0, ee.jsx)(me, { schema: e.schema.oneOf[m], model: h[m], errors: e.errors, submitted: e.submitted, hideTitle: true, disabled: e.disabled, onChange: (k) => f(m, k), onPersistAsync: e.onPersistAsync })] });
     }
     function Vd(e, t) {
       var o;
-      let r = e.help ? (0, Q.jsx)(qe, { help: e.help }) : null, a = we(e.oneOf[0]) ? (0, Q.jsx)("div", { className: "m-b-1", children: (0, Q.jsxs)("label", { className: "control-label d-inline", htmlFor: t, children: [e.title, " ", r] }) }) : (0, Q.jsx)(Q.Fragment, { children: r ? (0, Q.jsxs)("h4", { className: "m-b-2", children: [e.title, " ", r] }) : (0, Q.jsx)(Cs.Header, { title: (o = e.title) != null ? o : "" }) });
+      let r = e.help ? (0, ee.jsx)(qe, { help: e.help }) : null, a = we(e.oneOf[0]) ? (0, ee.jsx)("div", { className: "m-b-1", children: (0, ee.jsxs)("label", { className: "control-label d-inline", htmlFor: t, children: [e.title, " ", r] }) }) : (0, ee.jsx)(ee.Fragment, { children: r ? (0, ee.jsxs)("h4", { className: "m-b-2", children: [e.title, " ", r] }) : (0, ee.jsx)(Cs.Header, { title: (o = e.title) != null ? o : "" }) });
       return e.title ? a : r;
     }
     function Ud(e, t) {
@@ -1837,28 +1837,28 @@ var require_main_min = __commonJS({
     var xs = require("react");
     var As = require("react/jsx-runtime");
     function vs(e) {
-      let { id: t, httpClient: r = fetch, httpOptions: a, fileId: o, idProperty: n, usAccept: i, maxSize: c, usPlaceholder: d, onSuccess: m, onFailure: p, onCancel: h } = e, y = re(), u = (0, xs.useMemo)(() => o ? [{ id: o, status: ra.Status.SUCCEEDED }] : [], [o]), l = (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((C) => ({ id: C[n] }))) : (p == null || p({ response: w }), Promise.reject())));
+      let { id: t, httpClient: r = fetch, httpOptions: a, fileId: o, idProperty: n, usAccept: i, maxSize: c, usPlaceholder: d, onSuccess: m, onFailure: p, onCancel: h } = e, y = re(), u = (0, xs.useMemo)(() => o ? [{ id: o, status: ra.Status.SUCCEEDED }] : [], [o]), l = (f) => (y("Dynamic Flow - PersistAsync", { status: "pending", schemaId: t }), r(String(a.url), { method: a.method || "POST", body: f }).then((g) => g.ok ? (m == null || m(g.clone()), g.json().then((C) => ({ id: C[n] }))) : (p == null || p({ response: g }), Promise.reject())));
       return (0, As.jsx)(ra.UploadInput, { id: t, fileInputName: a.fileInputName, files: u, uploadButtonTitle: e.usLabel, sizeLimit: c ? Lr(c) : void 0, fileTypes: i, description: d, onUploadFile: l, onDeleteFile: (f) => (h == null || h(), Promise.resolve()) });
     }
     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, d] = (0, wt.useState)(false), m = ae(), p = re();
+      let { model: t, schema: r, submitted: a, required: o, errors: n, onChange: i } = e, [c, d] = (0, wt.useState)({}), [m, p] = (0, wt.useState)(null), [h, y] = (0, wt.useState)([]), [u, l] = (0, wt.useState)(false), f = ae(), g = re();
       (0, wt.useEffect)(() => {
-        e.submitted && i(_e(e.model, e.schema, !!e.required));
-      }, [e.model, e.submitted]);
-      let y = async (O, x) => {
-        let M = await O.json(), E = go(e.schema.persistAsync.idProperty, M);
-        e.onChange({ model: E, triggerSchema: e.schema, triggerModel: E }), d(true), p("Dynamic Flow - PersistAsync", { status: "success", schemaId: e.schema.$id });
-      }, u = async (O) => {
-        if (O.response && Er(O.response.status)) {
-          let x = await O.response.json();
-          r(x.validation || {}), o([e.schema.persistAsync.param]);
+        y(a ? _e(t, r, !!o) : []);
+      }, [t, r, a, o]);
+      let C = async (P, B) => {
+        let _ = await P.json(), v = go(r.persistAsync.idProperty, _);
+        i({ model: v, triggerSchema: r, triggerModel: v }), l(true), g("Dynamic Flow - PersistAsync", { status: "success", schemaId: r.$id });
+      }, F = async (P) => {
+        if (P.response && Er(P.response.status)) {
+          let B = await P.response.json();
+          d(B.validation || {}), p([r.persistAsync.param]);
         }
-        e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null }), d(true), p("Dynamic Flow - PersistAsync", { status: "failure", schemaId: e.schema.$id });
-      }, l = () => {
-        o(null), e.onChange({ model: null, triggerSchema: e.schema, triggerModel: null }), d(true);
-      }, { url: f, method: w } = e.schema.persistAsync, C = a || n, F = { "form-group": true, "has-error": (e.submitted || c) && !!C.length }, g = e.schema.$id || e.schema.persistAsync.schema.$id || e.schema.persistAsync.idProperty, v = `${g}-feedback`;
-      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: l }, ta(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: C, validationMessages: s({ required: "Value is required..." }, t), infoMessage: null })] });
+        i({ model: null, triggerSchema: r, triggerModel: null }), l(true), g("Dynamic Flow - PersistAsync", { status: "failure", schemaId: r.$id });
+      }, w = () => {
+        p(null), i({ model: null, triggerSchema: r, triggerModel: null }), l(true);
+      }, { url: A, method: M } = r.persistAsync, x = m || h, k = { "form-group": true, "has-error": (a || u) && !!x.length }, I = r.$id || r.persistAsync.schema.$id || r.persistAsync.idProperty, O = `${I}-feedback`;
+      return (0, Ut.jsxs)("div", { className: (0, Os.default)(k), children: [(0, Ut.jsx)("div", { "aria-describedby": O, children: (0, Ut.jsx)(vs, s({ id: I, fileId: t, idProperty: r.persistAsync.idProperty, animationDelay: 0, maxSize: r.persistAsync.schema.maxSize, usLabel: r.title || r.persistAsync.schema.title, usPlaceholder: r.description || r.persistAsync.schema.description, httpOptions: { url: A, method: M, fileInputName: r.persistAsync.param }, httpClient: f, onSuccess: C, onFailure: F, onCancel: w }, ta(r.persistAsync.schema))) }), (0, Ut.jsx)(He, { id: O, blurred: true, focused: false, changed: u, submitted: a, errors: n, schema: r, validations: x, validationMessages: s({ required: "Value is required..." }, c), infoMessage: null })] });
     }
     Ps.defaultProps = { required: false };
     var ho = Ps;
@@ -1949,31 +1949,31 @@ var require_main_min = __commonJS({
     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, d] = (0, Be.useState)(r), m = (0, Be.useRef)(null), [p, h] = (0, Be.useState)(null), [y, u] = (0, Be.useState)(null), [l, f] = (0, Be.useState)(false), [w, C] = (0, Be.useState)(null), F = ae(), g = re(), v = Mt();
+      let { schema: t, model: r, required: a, submitted: o, errors: n, onChange: i } = e, [c, d] = (0, Be.useState)(r), m = (0, Be.useRef)(null), [p, h] = (0, Be.useState)(null), [y, u] = (0, Be.useState)(null), [l, f] = (0, Be.useState)(false), [g, C] = (0, Be.useState)(null), F = ae(), w = re(), A = 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]);
-      let O = async (D, U) => {
-        let ee = x(), A = { [U.param]: D };
-        m.current = D, f(true), g("Dynamic Flow - ValidationAsync", { status: "pending" });
-        let B = await F(U.url, { method: U.method || "POST", headers: { "Content-Type": "application/json" }, body: U.method === "GET" ? void 0 : JSON.stringify(A), signal: ee });
+        t.validationAsync.method || A.warning("Invalid schema or model", 'ValidationAsyncSchema without a "method" property would have defaulted to "GET" in previous versions. Now defaults to "POST".', {});
+      }, [A, t.validationAsync.method]);
+      let M = async (P, B) => {
+        let _ = x(), v = { [B.param]: P };
+        m.current = P, f(true), w("Dynamic Flow - ValidationAsync", { status: "pending" });
+        let z = await F(B.url, { method: B.method || "POST", headers: { "Content-Type": "application/json" }, body: B.method === "GET" ? void 0 : JSON.stringify(v), signal: _ });
         try {
-          let k = await B.json();
-          if (!R(k))
+          let E = await z.json();
+          if (!R(E))
             throw new Error("Response body is not an object");
-          g("Dynamic Flow - ValidationAsync", { status: "success" }), B.status === 200 ? h(L(k.message) ? k.message : null) : B.status === 422 && u(L(k.message) ? k.message : null);
-        } catch (k) {
-          g("Dynamic Flow - ValidationAsync", { status: "failure" });
+          w("Dynamic Flow - ValidationAsync", { status: "success" }), z.status === 200 ? h(L(E.message) ? E.message : null) : z.status === 422 && u(L(E.message) ? E.message : null);
+        } catch (E) {
+          w("Dynamic Flow - ValidationAsync", { status: "failure" });
         }
       }, x = () => {
-        w && w.abort();
-        let D = new AbortController();
-        return C(D), D.signal;
+        g && g.abort();
+        let P = new AbortController();
+        return C(P), P.signal;
       };
-      return (0, qs.jsx)(St, s({}, { submitted: o || l, model: c, errors: y || n, infoMessage: p, onChange: (D) => {
-        i(S(s({}, D), { triggerSchema: t, triggerModel: D.model })), u(null), h(null), d(D.model);
+      return (0, qs.jsx)(St, s({}, { submitted: o || l, model: c, errors: y || n, infoMessage: p, onChange: (P) => {
+        i(S(s({}, P), { triggerSchema: t, triggerModel: P.model })), u(null), h(null), d(P.model);
       }, onBlur: () => {
-        !I(c) && !Je(c, m.current) && G(c, t) && O(c, t.validationAsync);
+        !D(c) && !Je(c, m.current) && G(c, t) && M(c, t.validationAsync);
       }, required: a, schema: t }));
     }
     Hs.defaultProps = { required: false };
@@ -2033,7 +2033,7 @@ var require_main_min = __commonJS({
     var Ao = require("react/jsx-runtime");
     function ru({ component: e, model: t = null, errors: r = null, submitted: a, onModelChange: o, onPersistAsync: n }) {
       let i = e.schema;
-      return (0, Ao.jsx)("div", { className: V(e.margin || "md"), children: (0, Ao.jsx)(me, { schema: i, model: t, errors: r, submitted: a, onChange: (c) => {
+      return (0, Ao.jsx)("div", { className: U(e.margin || "md"), children: (0, Ao.jsx)(me, { schema: i, model: t, errors: r, submitted: a, onChange: (c) => {
         o(s({ formSchema: i }, c));
       }, onPersistAsync: n }) });
     }
@@ -2090,7 +2090,7 @@ var require_main_min = __commonJS({
         cu(i, t).then(d);
       }, [t, i]);
       let m = { alt: n || a || "", src: c, stretch: true, shrink: true };
-      return c ? (0, Io.jsx)("div", { className: `df-image ${r || "md"}`, children: (0, Io.jsx)(_s.Image, s({ className: `img-responsive ${V(o || "md")}` }, m)) }) : null;
+      return c ? (0, Io.jsx)("div", { className: `df-image ${r || "md"}`, children: (0, Io.jsx)(_s.Image, s({ className: `img-responsive ${U(o || "md")}` }, m)) }) : null;
     }
     var su = (e) => new Promise((t, r) => {
       let a = new FileReader();
@@ -2115,55 +2115,55 @@ var require_main_min = __commonJS({
     var lu = ["warning", "negative"];
     var du = ({ component: e }) => {
       let { items: t } = e, r = t.filter((o) => mu.includes(o.context)).map(({ text: o }) => o), a = t.filter((o) => lu.includes(o.context)).map(({ text: o }) => o);
-      return (0, pr.jsxs)("div", { className: V(e.margin || "md"), children: [e.title ? (0, pr.jsx)(ia.Header, { title: e.title }) : null, (0, pr.jsx)(ia.InstructionsList, { dos: r, donts: a })] });
+      return (0, pr.jsxs)("div", { className: U(e.margin || "md"), children: [e.title ? (0, pr.jsx)(ia.Header, { title: e.title }) : null, (0, pr.jsx)(ia.InstructionsList, { dos: r, donts: a })] });
     };
     var Lo = du;
     var H = require("react/jsx-runtime");
-    var K = (e) => JSON.stringify(e);
+    var J = (e) => JSON.stringify(e);
     function uu(e) {
       let { components: t, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c, baseUrl: d } = e, m = (p) => {
         switch (p.type) {
           case "heading":
-            return (0, H.jsx)(Po, { component: p }, K(p));
+            return (0, H.jsx)(Po, { component: p }, J(p));
           case "paragraph":
-            return (0, H.jsx)(Ro, { component: p }, K(p));
+            return (0, H.jsx)(Ro, { component: p }, J(p));
           case "image":
-            return (0, H.jsx)(Do, { component: p }, K(p));
+            return (0, H.jsx)(Do, { component: p }, J(p));
           case "alert":
-            return (0, H.jsx)(se, { component: p }, K(p));
+            return (0, H.jsx)(se, { component: p }, J(p));
           case "review":
-            return (0, H.jsx)(No, { component: p, onAction: i }, K(p));
+            return (0, H.jsx)(No, { component: p, onAction: i }, J(p));
           case "divider":
-            return (0, H.jsx)(Qa, { component: p }, K(p));
+            return (0, H.jsx)(Qa, { component: p }, J(p));
           case "info":
-            return (0, H.jsx)(Eo, { component: p }, K(p));
+            return (0, H.jsx)(Eo, { component: p }, J(p));
           case "instructions":
-            return (0, H.jsx)(Lo, { component: p }, K(p));
+            return (0, H.jsx)(Lo, { component: p }, J(p));
           case "markdown":
-            return (0, H.jsx)(ko, { component: p }, K(p));
+            return (0, H.jsx)(ko, { component: p }, J(p));
           case "columns":
-            return (0, H.jsx)(Ya, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c }, K(p));
+            return (0, H.jsx)(Ya, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c }, J(p));
           case "form":
-            return (0, H.jsx)(Oo, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onPersistAsync: c }, K(S(s({}, p), { errors: o != null ? o : null })));
+            return (0, H.jsx)(Oo, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onPersistAsync: c }, J(S(s({}, p), { errors: o != null ? o : null })));
           case "button":
-            return (0, H.jsx)(Xa, { component: p, onAction: i }, K(p));
+            return (0, H.jsx)(Xa, { component: p, onAction: i }, J(p));
           case "box":
-            return (0, H.jsx)(Ja, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c }, K(p));
+            return (0, H.jsx)(Ja, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c }, J(p));
           case "decision":
-            return (0, H.jsx)(Za, { component: p, onAction: i }, K(p));
+            return (0, H.jsx)(Za, { component: p, onAction: i }, J(p));
           case "external":
-            return (0, H.jsx)(eo, { component: p, onAction: i }, K(p));
+            return (0, H.jsx)(eo, { component: p, onAction: i }, J(p));
           case "list":
           case "status-list":
-            return (0, H.jsx)(To, { component: p, onAction: i }, K(p));
+            return (0, H.jsx)(To, { component: p, onAction: i }, J(p));
           case "loading-indicator":
-            return (0, H.jsx)(yr, { component: p }, K(p));
+            return (0, H.jsx)(yr, { component: p }, J(p));
           case "search":
-            return (0, H.jsx)(Bo, { component: p, onAction: i }, K(p));
+            return (0, H.jsx)(Bo, { component: p, onAction: i }, J(p));
           case "modal":
-            return (0, H.jsx)(zo, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c }, K(p));
+            return (0, H.jsx)(zo, { component: p, model: r, submitted: a, errors: o, onModelChange: n, onAction: i, onPersistAsync: c }, J(p));
           default:
-            return (0, H.jsx)("div", {}, K(p));
+            return (0, H.jsx)("div", {}, J(p));
         }
       };
       return ti() || d == null ? (0, H.jsx)(H.Fragment, { children: t.map(m) }) : (0, H.jsx)(Vr, { baseUrl: d, children: t.map(m) });
@@ -2171,7 +2171,7 @@ var require_main_min = __commonJS({
     var ne = uu;
     var sa = require("@transferwise/components");
     var Gt = require("react/jsx-runtime");
-    var pu = ({ component: e }) => (0, Gt.jsxs)("div", { className: V(e.margin || "md"), children: [e.title ? (0, Gt.jsx)(sa.Header, { title: e.title }) : null, e.items.map(yu)] });
+    var pu = ({ component: e }) => (0, Gt.jsxs)("div", { className: U(e.margin || "md"), children: [e.title ? (0, Gt.jsx)(sa.Header, { title: e.title }) : null, e.items.map(yu)] });
     var yu = ({ 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, Gt.jsx)(Ye, { type: r.name }) } : {}), a ? { status: gu[a] } : {});
       return (0, Gt.jsx)(sa.Summary, s({}, o));
@@ -2184,7 +2184,7 @@ var require_main_min = __commonJS({
     var Js = require("react/jsx-runtime");
     var wu = ({ component: e }) => {
       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" });
+      return (0, Js.jsx)(Ks.Loader, { size: r, classNames: { "tw-loader": `tw-loader m-x-auto ${U(t)}` }, "data-testid": "loading-indicator" });
     };
     var yr = wu;
     var ec = require("@transferwise/components");
@@ -2222,7 +2222,7 @@ var require_main_min = __commonJS({
     var Au = (e, t, r) => t ? r === "HORIZONTAL_RIGHT_ALIGNED" ? (0, de.jsxs)(de.Fragment, { children: [(0, de.jsx)(qe, { help: t }), " ", e] }) : (0, de.jsxs)(de.Fragment, { children: [e, " ", (0, de.jsx)(qe, { help: t })] }) : e;
     var Ou = (e) => (e.control || e.orientation) === "horizontal" ? "HORIZONTAL_RIGHT_ALIGNED" : "VERTICAL_ONE_COLUMN";
     function Pu(e) {
-      let t = e.component, r = V(t.margin || "xs"), a = (c, d) => ({ text: c != null ? c : "", href: d.url, onClick: (m) => {
+      let t = e.component, r = U(t.margin || "xs"), a = (c, d) => ({ text: c != null ? c : "", href: d.url, onClick: (m) => {
         m.preventDefault(), d && e.onAction(d);
       } }), o = Ou(t), n = t.callToAction ? a(t.callToAction.title, t.callToAction.action) : null, i = !n && t.action ? a(t.action.title || "", t.action) : null;
       return (0, de.jsxs)("div", { className: r, children: [t.title && (0, de.jsx)(ca.Header, { title: t.title, action: n || i || void 0 }), (0, de.jsx)("div", { className: r, children: (0, de.jsx)(ca.DefinitionList, { layout: o, definitions: vu(o, t) }) })] });
@@ -2257,8 +2257,8 @@ var require_main_min = __commonJS({
         let { signal: u } = a.current;
         r({ status: "loading" });
         try {
-          let w = await (h === "GET" ? o(Eu(p, y, m), { method: h, signal: u, headers: cc }) : o(p, { method: h, signal: u, headers: cc, body: JSON.stringify({ [y]: m }) }));
-          i(w, m);
+          let g = await (h === "GET" ? o(Eu(p, y, m), { method: h, signal: u, headers: cc }) : o(p, { method: h, signal: u, headers: cc, body: JSON.stringify({ [y]: m }) }));
+          i(g, m);
         } catch (f) {
           c(f, m);
         }
@@ -2276,7 +2276,7 @@ var require_main_min = __commonJS({
       }, d = t.status === "success" ? t.results : [];
       return { status: t.status, results: d, search: n };
     };
-    var Mu = (e) => R(e) && "results" in e && j(e.results) && e.results.every((t) => R(t) && "title" in t && "type" in t && "value" in t);
+    var Mu = (e) => R(e) && "results" in e && V(e.results) && e.results.every((t) => R(t) && "title" in t && "type" in t && "value" in t);
     var ku = (e) => e instanceof DOMException && e.name === "AbortError";
     var Eu = (e, t, r) => {
       let [a, o] = e.split("?"), n = new URLSearchParams(o);
@@ -2287,18 +2287,18 @@ var require_main_min = __commonJS({
     function Du({ component: e, onAction: t }) {
       let [r, a] = (0, da.useState)(""), { title: o, margin: n, url: i, method: c, param: d, emptyMessage: m } = e, { status: p, results: h, search: y } = mc({ url: i, method: c, param: d }), u = re(), l = (0, da.useMemo)(() => Ke(y, Iu), [y]), f = () => {
         u("Dynamic Flow - Search Started", {});
-      }, w = (g) => {
-        a(g), l(g);
-      }, C = ({ type: g, value: v }) => {
-        if (g === "action" && (u("Dynamic Flow - Search Result Selected", { type: "action", actionId: v.id || v.$id }), t(v)), g === "search") {
-          a(v.query);
-          let { url: O, method: x, param: M, query: E } = v;
-          u("Dynamic Flow - Search Result Selected", { type: "search" }), y(E, { url: O, method: x, param: M });
+      }, g = (w) => {
+        a(w), l(w);
+      }, C = ({ type: w, value: A }) => {
+        if (w === "action" && (u("Dynamic Flow - Search Result Selected", { type: "action", actionId: A.id || A.$id }), t(A)), w === "search") {
+          a(A.query);
+          let { url: M, method: x, param: k, query: I } = A;
+          u("Dynamic Flow - Search Result Selected", { type: "search" }), y(I, { url: M, method: x, param: k });
         }
       }, 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)(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: C })] });
+      return (0, Ft.jsxs)("div", { className: U(n || "md"), children: [(0, Ft.jsx)(ac, { title: o, value: r, onChange: g, 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: C })] });
     }
     var Bo = Du;
     var ua = require("@transferwise/components");
@@ -2310,33 +2310,33 @@ var require_main_min = __commonJS({
     };
     var zo = Lu;
     var pe = require("react/jsx-runtime");
-    var Vo = (e) => I(e) || Y(e);
+    var Vo = (e) => D(e) || Z(e);
     var Tu = (e) => e.type === "boolean" && Vo(e.default) ? false : e.default;
     var uc = (e) => {
-      var ee, A, B;
-      let t = (k) => {
-        y(true), a(o(k), "user");
-      }, r = (k) => _e(k, e.schema, e.required), a = (k, ie) => {
-        d(k);
-        let $ = r(k);
+      var _, v, z;
+      let t = (E) => {
+        y(true), a(o(E), "user");
+      }, r = (E) => _e(E, e.schema, e.required), a = (E, ie) => {
+        d(E);
+        let $ = r(E);
         F($);
-        let X = k;
-        p(X), X !== m && e.onChange({ model: X, triggerSchema: e.schema, triggerModel: X, lastTriggerModel: m, type: ie });
-      }, o = (k) => We(k, e.schema), n = () => l(true), i = () => {
-        l(false), w(true), e.onBlur && e.onBlur();
-      }, [c, d] = (0, ue.useState)((ee = e.model) != null ? ee : null), [m, p] = (0, ue.useState)((A = e.model) != null ? A : null), [h, y] = (0, ue.useState)(false), [u, l] = (0, ue.useState)(false), [f, w] = (0, ue.useState)(false), [C, F] = (0, ue.useState)([]), g = (0, ue.useMemo)(() => e.schema.$id || Te(), [e.schema.$id]), v = () => {
-        let k = Tu(e.schema);
-        Vo(c) && !Vo(k) && a(k, "init"), e.schema.const && a(e.schema.const, "init");
-      }, O = () => {
+        let Y = E;
+        p(Y), Y !== m && e.onChange({ model: Y, triggerSchema: e.schema, triggerModel: Y, lastTriggerModel: m, type: ie });
+      }, o = (E) => We(E, e.schema), n = () => l(true), i = () => {
+        l(false), g(true), e.onBlur && e.onBlur();
+      }, [c, d] = (0, ue.useState)((_ = e.model) != null ? _ : null), [m, p] = (0, ue.useState)((v = e.model) != null ? v : null), [h, y] = (0, ue.useState)(false), [u, l] = (0, ue.useState)(false), [f, g] = (0, ue.useState)(false), [C, F] = (0, ue.useState)([]), w = (0, ue.useMemo)(() => e.schema.$id || Te(), [e.schema.$id]), A = () => {
+        let E = Tu(e.schema);
+        Vo(c) && !Vo(E) && a(E, "init"), e.schema.const && a(e.schema.const, "init");
+      }, M = () => {
         F(r(c));
-      }, x = e.schema.const, M = e.schema.hidden || x;
-      (0, ue.useEffect)(O, [e.model, e.submitted]), (0, ue.useEffect)(v, [e.schema]), (0, ue.useEffect)(() => {
+      }, x = e.schema.const, k = e.schema.hidden || x;
+      (0, ue.useEffect)(M, [e.model, e.submitted]), (0, ue.useEffect)(A, [e.schema]), (0, ue.useEffect)(() => {
         var ie;
-        let k = (ie = e.model) != null ? ie : null;
-        k !== c && d(k);
+        let E = (ie = e.model) != null ? ie : null;
+        E !== c && d(E);
       }, [e.model]);
-      let E = { "form-group": true, "has-error": (e.submitted || !h) && !!e.errors || (e.submitted || h && f) && !!C.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, pe.jsxs)(pe.Fragment, { children: [e.schema.alert && (0, pe.jsx)(se, { component: e.schema.alert }), (0, pe.jsxs)("div", { className: (0, dc.default)(E), children: [P && (0, pe.jsxs)("div", { className: "d-inline-block m-b-1", children: [(0, pe.jsx)("label", { className: "control-label d-inline", htmlFor: g, children: e.schema.title }), !!D && (0, pe.jsx)(qe, { help: D })] }), !P && !!D && (0, pe.jsx)(qe, { help: D }), (0, pe.jsx)(lr, { id: g, schema: e.schema, value: c, disabled: !!e.disabled, onChange: t, onFocus: n, onBlur: i, describedBy: U }), (0, pe.jsx)(He, { id: U, changed: h, focused: u, blurred: f, submitted: e.submitted, errors: (B = e.errors) != null ? B : null, schema: e.schema, validations: C, infoMessage: e.infoMessage })] })] });
+      let I = { "form-group": true, "has-error": (e.submitted || !h) && !!e.errors || (e.submitted || h && f) && !!C.length, "has-info": !!e.schema.description || !!e.infoMessage }, O = e.schema.format !== "file" && e.schema.type !== "boolean", P = e.schema.help, B = `${w}-feedback`;
+      return k ? null : (0, pe.jsxs)(pe.Fragment, { children: [e.schema.alert && (0, pe.jsx)(se, { component: e.schema.alert }), (0, pe.jsxs)("div", { className: (0, dc.default)(I), children: [O && (0, pe.jsxs)("div", { className: "d-inline-block m-b-1", children: [(0, pe.jsx)("label", { className: "control-label d-inline", htmlFor: w, children: e.schema.title }), !!P && (0, pe.jsx)(qe, { help: P })] }), !O && !!P && (0, pe.jsx)(qe, { help: P }), (0, pe.jsx)(lr, { id: w, schema: e.schema, value: c, disabled: !!e.disabled, onChange: t, onFocus: n, onBlur: i, describedBy: B }), (0, pe.jsx)(He, { id: B, changed: h, focused: u, blurred: f, submitted: e.submitted, errors: (z = e.errors) != null ? z : null, schema: e.schema, validations: C, infoMessage: e.infoMessage })] })] });
     };
     uc.defaultProps = { required: false, disabled: false, onBlur: null };
     var St = uc;
@@ -2348,45 +2348,45 @@ var require_main_min = __commonJS({
     };
     var Ru = /* @__PURE__ */ new Set([N.RADIO, N.SELECT, N.DATELOOKUP, N.FILE, N.UPLOAD]);
     function fc(e) {
-      let { schema: t, required: r, submitted: a, errors: o, onChange: n, onPersistAsync: i } = e, c = (0, pc.useIntl)(), d = ae(), m = re(), [p, h] = (0, bt.useState)(null), y = gc(p), [u, l] = (0, bt.useState)(null), [f, w] = (0, bt.useState)(false), [C, F] = (0, bt.useState)(null);
+      let { schema: t, required: r, submitted: a, errors: o, onChange: n, onPersistAsync: i } = e, c = (0, pc.useIntl)(), d = ae(), m = re(), [p, h] = (0, bt.useState)(null), y = gc(p), [u, l] = (0, bt.useState)(null), [f, g] = (0, bt.useState)(false), [C, F] = (0, bt.useState)(null);
       (0, bt.useEffect)(() => {
         Ru.has(po(t.persistAsync.schema)) && x();
       }, [p]);
-      let g = () => l(c.formatMessage(nr.genericError)), v = async (P, D) => {
-        let U = O(), ee = { [D.param]: P };
-        w(true);
+      let w = () => l(c.formatMessage(nr.genericError)), A = async (O, P) => {
+        let B = M(), _ = { [P.param]: O };
+        g(true);
         try {
           m("Dynamic Flow - PersistAsync", { status: "pending", schemaId: t.$id });
-          let A = d(D.url, { method: D.method, headers: { "Content-Type": "application/json" }, body: JSON.stringify(ee), signal: U });
-          i(A);
-          let B = await A, k = await B.json();
-          if (!R(k))
+          let v = d(P.url, { method: P.method, headers: { "Content-Type": "application/json" }, body: JSON.stringify(_), signal: B });
+          i(v);
+          let z = await v, E = await z.json();
+          if (!R(E))
             throw new Error("Response is not an object");
           let { idProperty: ie, param: $ } = t.persistAsync;
-          if (xn(B.status)) {
-            let X = go(ie, k);
-            n({ model: X, triggerSchema: t, triggerModel: X });
-          } else if (Er(B.status)) {
-            let { validation: X } = k, ke = R(X) && (X == null ? void 0 : X[$]) || null;
+          if (xn(z.status)) {
+            let Y = go(ie, E);
+            n({ model: Y, triggerSchema: t, triggerModel: Y });
+          } else if (Er(z.status)) {
+            let { validation: Y } = E, ke = R(Y) && (Y == null ? void 0 : Y[$]) || null;
             l(ke), n({ model: null, triggerSchema: t, triggerModel: null });
           } else
-            g();
+            w();
           m("Dynamic Flow - PersistAsync", { status: "success", schemaId: t.$id });
-        } catch (A) {
-          m("Dynamic Flow - PersistAsync", { status: "failure", schemaId: t.$id }), g();
+        } catch (v) {
+          m("Dynamic Flow - PersistAsync", { status: "failure", schemaId: t.$id }), w();
         }
-      }, O = () => {
+      }, M = () => {
         C && C.abort();
-        let P = new AbortController();
-        return F(P), P.signal;
+        let O = new AbortController();
+        return F(O), O.signal;
       }, x = () => {
-        !I(p) && !Je(p, y) && v(p, t.persistAsync);
-      }, M = () => {
+        !D(p) && !Je(p, y) && A(p, t.persistAsync);
+      }, k = () => {
         x();
-      }, E = ({ model: P }) => {
-        l(null), G(P, t.persistAsync.schema) && h(P);
+      }, I = ({ model: O }) => {
+        l(null), G(O, t.persistAsync.schema) && h(O);
       };
-      return (0, hc.jsx)(St, { required: r, submitted: a || f, schema: t.persistAsync.schema, errors: u || o, model: null, infoMessage: null, onChange: E, onBlur: M });
+      return (0, hc.jsx)(St, { required: r, submitted: a || f, schema: t.persistAsync.schema, errors: u || o, model: null, infoMessage: null, onChange: I, onBlur: k });
     }
     fc.defaultProps = { required: false };
     var fo = fc;
@@ -2394,7 +2394,7 @@ var require_main_min = __commonJS({
       let [t, r] = (0, wc.useState)(null), a = ae(), o = (0, Sc.useIntl)(), { schema: n } = e;
       async function i(y) {
         let u = y instanceof Blob ? !Dt(n) : !G(y, n);
-        return (I(y) || u) && h(), await m(y);
+        return (D(y) || u) && h(), await m(y);
       }
       let c = () => {
         t && t.abort();
@@ -2402,8 +2402,8 @@ var require_main_min = __commonJS({
         return r(y), y.signal;
       };
       function d(y) {
-        let u = Dt(n), l = c(), f = e.param, w = u ? Nu(f, y) : JSON.stringify({ [f]: y });
-        return { method: e.method, headers: s({}, !u && { "Content-Type": "application/json" }), body: w, signal: l };
+        let u = Dt(n), l = c(), f = e.param, g = u ? Nu(f, y) : JSON.stringify({ [f]: y });
+        return { method: e.method, headers: s({}, !u && { "Content-Type": "application/json" }), body: g, signal: l };
       }
       async function m(y) {
         try {
@@ -2413,7 +2413,7 @@ var require_main_min = __commonJS({
           let l = await u.json();
           if (R(l)) {
             let f = l[e.idProperty];
-            if (L(f) || z(f))
+            if (L(f) || j(f))
               return { data: f };
           }
           return h();
@@ -2639,7 +2639,7 @@ var require_main_min = __commonJS({
       return { videoConstraints: t };
     };
     var wa = require("react");
-    var J = require("react/jsx-runtime");
+    var X = require("react/jsx-runtime");
     var Wu = 92;
     var Uc = 120;
     var _u = 40;
@@ -2659,23 +2659,23 @@ var require_main_min = __commonJS({
         }, 100);
         return window.addEventListener("resize", y), () => window.removeEventListener("resize", y);
       });
-      let c = (r ? _u : 0) + (a ? Ku : 0) + (o ? Ju : 0), d = (0, J.jsxs)(J.Fragment, { children: [r && (0, J.jsx)("img", { className: "camera-capture-img", src: r, alt: "" }), a && (0, J.jsx)("h4", { className: "camera-capture-title", children: a }), o && (0, J.jsx)("small", { className: "camera-capture-instructions", children: o })] }), m = Wu + c;
+      let c = (r ? _u : 0) + (a ? Ku : 0) + (o ? Ju : 0), d = (0, X.jsxs)(X.Fragment, { children: [r && (0, X.jsx)("img", { className: "camera-capture-img", src: r, alt: "" }), a && (0, X.jsx)("h4", { className: "camera-capture-title", children: a }), o && (0, X.jsx)("small", { className: "camera-capture-instructions", children: o })] }), m = Wu + c;
       if (n) {
-        c = m - Uc, d = (0, J.jsx)("small", { className: "camera-capture-instructions", children: n });
+        c = m - Uc, d = (0, X.jsx)("small", { className: "camera-capture-instructions", children: n });
         let y = Uc + Xu;
-        m < y && (d = (0, J.jsx)(J.Fragment, {}));
+        m < y && (d = (0, X.jsx)(X.Fragment, {}));
       }
       let p = { x: "50%", y: "5%", width: `min(90%, ${Hc}px)`, height: `calc(90% - ${m}px)`, style: { transform: `translateX(max(-45%, -${Hc / 2}px))` } }, h = { style: { left: "5%", top: `calc(100% - ${m}px - 5%)`, height: `calc(${c}px + 5%)`, width: "90%" } };
-      return (0, J.jsxs)("svg", { ref: i, xmlns: "http://www.w3.org/2000/svg", children: [(0, J.jsx)("defs", { children: (0, J.jsxs)("mask", { id: "mask", children: [(0, J.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }), (0, J.jsx)("image", s({ href: e }, p))] }) }), e && (0, J.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }), t && (0, J.jsx)("image", s({ href: t }, p)), (0, J.jsx)("foreignObject", { width: "100%", height: "100%", children: (0, J.jsx)("div", S(s({ className: "camera-capture-text-and-image-container" }, h), { children: d })) })] });
+      return (0, X.jsxs)("svg", { ref: i, xmlns: "http://www.w3.org/2000/svg", children: [(0, X.jsx)("defs", { children: (0, X.jsxs)("mask", { id: "mask", children: [(0, X.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }), (0, X.jsx)("image", s({ href: e }, p))] }) }), e && (0, X.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }), t && (0, X.jsx)("image", s({ href: t }, p)), (0, X.jsx)("foreignObject", { width: "100%", height: "100%", children: (0, X.jsx)("div", S(s({ className: "camera-capture-text-and-image-container" }, h), { children: d })) })] });
     }
     var Ko = Yu;
     var fe = require("react/jsx-runtime");
     function Zu({ direction: e = "back", overlay: t = "", outline: r = "", imageUrl: a = "", title: o = "", instructions: n = "", showReview: i = false, onCapture: c, onEvent: d }) {
-      let [m, p] = (0, oe.useState)("CAPTURE"), [h, y] = (0, oe.useState)(), [u, l] = (0, oe.useState)(false), [f, w] = (0, oe.useState)(false), [C, F] = (0, oe.useState)(), g = (0, oe.useRef)(null), { videoConstraints: v } = Vc(e), O = (0, oe.useMemo)(() => !!(Xn() && m === "CAPTURE"), [m]), { enterFullScreen: x, exitFullScreen: M } = jc(O, d), E = (0, qc.useIntl)(), P = (0, oe.useCallback)(async () => {
-        var $, X, ke, nt, br, xr;
-        if (($ = g == null ? void 0 : g.current) != null && $.video && ((ke = (X = g == null ? void 0 : g.current) == null ? void 0 : X.video) == null ? void 0 : ke.readyState) >= 3) {
-          (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);
+      let [m, p] = (0, oe.useState)("CAPTURE"), [h, y] = (0, oe.useState)(), [u, l] = (0, oe.useState)(false), [f, g] = (0, oe.useState)(false), [C, F] = (0, oe.useState)(), w = (0, oe.useRef)(null), { videoConstraints: A } = Vc(e), M = (0, oe.useMemo)(() => !!(Xn() && m === "CAPTURE"), [m]), { enterFullScreen: x, exitFullScreen: k } = jc(M, d), I = (0, qc.useIntl)(), O = (0, oe.useCallback)(async () => {
+        var $, Y, ke, nt, br, xr;
+        if (($ = w == null ? void 0 : w.current) != null && $.video && ((ke = (Y = w == null ? void 0 : w.current) == null ? void 0 : Y.video) == null ? void 0 : ke.readyState) >= 3) {
+          (br = (nt = w == null ? void 0 : w.current) == null ? void 0 : nt.video) == null || br.pause();
+          let it = await Dc((xr = w == null ? void 0 : w.current) == null ? void 0 : xr.video);
           it == null || it.toBlob((xt) => {
             if (xt)
               if (i) {
@@ -2685,34 +2685,34 @@ var require_main_min = __commonJS({
                 c(xt);
           }, "image/jpeg", 0.92);
         }
-      }, [g, i, F, p, c, u]), D = (0, oe.useCallback)(($) => {
+      }, [w, i, F, p, c, u]), P = (0, oe.useCallback)(($) => {
         if (p("ERROR"), $ instanceof DOMException)
           switch ($ == null ? void 0 : $.name) {
             case "NotAllowedError":
-              y({ title: E.formatMessage(ye.noCameraAccessTitle), description: E.formatMessage(ye.noCameraAccessParagraph), actionButton: E.formatMessage(ye.noCameraAccessAction), onAction: B }), ha("Dynamic Flow - Camera Permission Denied", d, $);
+              y({ title: I.formatMessage(ye.noCameraAccessTitle), description: I.formatMessage(ye.noCameraAccessParagraph), actionButton: I.formatMessage(ye.noCameraAccessAction), onAction: z }), ha("Dynamic Flow - Camera Permission Denied", d, $);
               return;
             case "NotFoundError":
             case "OverconstrainedError":
             case "AbortError":
             case "NotReadableError":
-              y({ title: E.formatMessage(ye.cameraConnectionIssueTitle), description: E.formatMessage(ye.cameraConnectionIssueParagraph), actionButton: E.formatMessage(ye.cameraConnectionIssueAction), onAction: B }), ha("Dynamic Flow - Camera Not Accessible", d, $);
+              y({ title: I.formatMessage(ye.cameraConnectionIssueTitle), description: I.formatMessage(ye.cameraConnectionIssueParagraph), actionButton: I.formatMessage(ye.cameraConnectionIssueAction), onAction: z }), ha("Dynamic Flow - Camera Not Accessible", d, $);
               return;
           }
-        y({ title: E.formatMessage(ye.cameraNotSupportedTitle), description: E.formatMessage(ye.cameraNotSupportedParagraph) }), ha("Dynamic Flow - Camera Not Supported", d, $);
-      }, [E, d]), U = (0, oe.useCallback)(($) => {
-        x(), w(true), l(Ec($)), Nc(d, { direction: e }, $);
-      }, [l, d, e, x]), ee = () => {
+        y({ title: I.formatMessage(ye.cameraNotSupportedTitle), description: I.formatMessage(ye.cameraNotSupportedParagraph) }), ha("Dynamic Flow - Camera Not Supported", d, $);
+      }, [I, d]), B = (0, oe.useCallback)(($) => {
+        x(), g(true), l(Ec($)), Nc(d, { direction: e }, $);
+      }, [l, d, e, x]), _ = () => {
         c((C == null ? void 0 : C.blob) || null);
-      }, A = () => {
+      }, v = () => {
         p("CAPTURE"), F(void 0);
-      }, B = () => p("CAPTURE");
+      }, z = () => p("CAPTURE");
       (0, oe.useEffect)(() => {
-        m !== "CAPTURE" && M();
-      }, [m, M]);
-      let k = (0, fe.jsxs)("div", { className: "camera-capture", children: [v && (0, fe.jsx)(Gc.default, { ref: g, audio: false, videoConstraints: v, mirrored: u, onUserMediaError: D, onUserMedia: U }), (0, fe.jsx)(Ko, { overlay: t, outline: r, imageUrl: a, title: o, instructions: n }), O && (0, fe.jsx)(Go, {}), f && (0, fe.jsx)(Ho, { onCapture: () => {
-        P();
-      } })] }), ie = (0, fe.jsxs)("div", { className: "camera-capture", children: [(0, fe.jsx)("img", { className: "review-image", src: C == null ? void 0 : C.source, alt: "" }), (0, fe.jsx)(Ko, { overlay: t, imageUrl: a, title: o, instructions: n, reviewInstructions: E.formatMessage(ye.reviewInstructions) }), (0, fe.jsx)(qo, { onSubmit: ee, onRetry: A })] });
-      return (0, fe.jsxs)("section", { children: [m === "CAPTURE" && k, m === "REVIEW" && ie, m === "ERROR" && h && (0, fe.jsx)($o, s({}, h))] });
+        m !== "CAPTURE" && k();
+      }, [m, k]);
+      let E = (0, fe.jsxs)("div", { className: "camera-capture", children: [A && (0, fe.jsx)(Gc.default, { ref: w, audio: false, videoConstraints: A, mirrored: u, onUserMediaError: P, onUserMedia: B }), (0, fe.jsx)(Ko, { overlay: t, outline: r, imageUrl: a, title: o, instructions: n }), M && (0, fe.jsx)(Go, {}), f && (0, fe.jsx)(Ho, { onCapture: () => {
+        O();
+      } })] }), ie = (0, fe.jsxs)("div", { className: "camera-capture", children: [(0, fe.jsx)("img", { className: "review-image", src: C == null ? void 0 : C.source, alt: "" }), (0, fe.jsx)(Ko, { overlay: t, imageUrl: a, title: o, instructions: n, reviewInstructions: I.formatMessage(ye.reviewInstructions) }), (0, fe.jsx)(qo, { onSubmit: _, onRetry: v })] });
+      return (0, fe.jsxs)("section", { children: [m === "CAPTURE" && E, m === "REVIEW" && ie, m === "ERROR" && h && (0, fe.jsx)($o, s({}, h))] });
     }
     var Jo = Zu;
     var Wc = require("react/jsx-runtime");
@@ -2723,19 +2723,19 @@ var require_main_min = __commonJS({
       });
     }
     function ep(e) {
-      let { step: t, model: r, onModelChange: a, onAction: o } = e, n = re(), i = $c(t), c = tp(t), d = rp(t), { title: m, image: p, cameraConfig: h } = c, { assets: y, direction: u, instructions: l } = h || {}, { overlay: f, outline: w } = y || {}, { url: C } = p || {}, [F, g] = (0, Sa.useState)(false);
+      let { step: t, model: r, onModelChange: a, onAction: o } = e, n = re(), i = $c(t), c = tp(t), d = rp(t), { title: m, image: p, cameraConfig: h } = c, { assets: y, direction: u, instructions: l } = h || {}, { overlay: f, outline: g } = y || {}, { url: C } = p || {}, [F, w] = (0, Sa.useState)(false);
       (0, Sa.useEffect)(() => {
         F && o(d);
       }, [r]);
-      let v = async (O) => {
+      let A = async (M) => {
         let { $id: x } = c;
-        if (O) {
-          let M = await Qu(O), E = { [x || ""]: M };
-          g(true), a({ model: E, formSchema: i, triggerModel: M, triggerSchema: c });
+        if (M) {
+          let k = await Qu(M), I = { [x || ""]: k };
+          w(true), a({ model: I, formSchema: i, triggerModel: k, triggerSchema: c });
         }
       };
-      return (0, Wc.jsx)(Jo, { overlay: f, outline: w, title: m, imageUrl: C, instructions: l, direction: u, onEvent: n, onCapture: (O) => {
-        v(O);
+      return (0, Wc.jsx)(Jo, { overlay: f, outline: g, title: m, imageUrl: C, instructions: l, direction: u, onEvent: n, onCapture: (M) => {
+        A(M);
       } });
     }
     var Ca = ep;
@@ -2812,13 +2812,13 @@ var require_main_min = __commonJS({
     var Xt = require("react");
     var om = (e) => {
       var u, l;
-      let [t, r] = (0, Xt.useState)((u = e == null ? void 0 : e.errors) == null ? void 0 : u.validation), [a, o] = (0, Xt.useState)((l = e == null ? void 0 : e.errors) == null ? void 0 : l.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: d, etag: m } = n, p = (f, w) => {
-        var C, F, g, v;
-        i((O) => ({ step: f, models: f.model ? rm(f.model, am(f)) : O.models, etag: w })), r((F = (C = f == null ? void 0 : f.errors) == null ? void 0 : C.validation) != null ? F : null), o((v = (g = f == null ? void 0 : f.errors) == null ? void 0 : g.error) != null ? v : null);
-      }, h = (f, w, C) => {
+      let [t, r] = (0, Xt.useState)((u = e == null ? void 0 : e.errors) == null ? void 0 : u.validation), [a, o] = (0, Xt.useState)((l = e == null ? void 0 : e.errors) == null ? void 0 : l.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: d, etag: m } = n, p = (f, g) => {
+        var C, F, w, A;
+        i((M) => ({ step: f, models: f.model ? rm(f.model, am(f)) : M.models, etag: g })), r((F = (C = f == null ? void 0 : f.errors) == null ? void 0 : C.validation) != null ? F : null), o((A = (w = f == null ? void 0 : f.errors) == null ? void 0 : w.error) != null ? A : null);
+      }, h = (f, g, C) => {
         i((F) => {
-          let g = S(s({}, F.models), { [f]: w }), v = { step: F.step, models: g, etag: F.etag };
-          return C(g), v;
+          let w = S(s({}, F.models), { [f]: g }), A = { step: F.step, models: w, etag: F.etag };
+          return C(w), A;
         });
       }, y = (0, Xt.useMemo)(() => mp(d, cp(c)), [d, c]);
       return { formErrors: t, globalError: a, step: c, models: d, etag: m, modelIsValid: y, setFormErrors: r, setGlobalError: o, setStepAndEtag: p, setSchemaModel: h };
@@ -2968,16 +2968,16 @@ var require_main_min = __commonJS({
     var Sm = () => {
     };
     var pp = ({ flowId: e, httpClient: t, initialAction: r, initialStep: a, loaderConfig: o, displayStepTitle: n = true, features: i, onCompletion: c, onError: d, onEvent: m = Sm, onLog: p = Sm }) => {
-      let { locale: h } = (0, Cm.useIntl)(), { formErrors: y, globalError: u, step: l, models: f, etag: w, modelIsValid: C, setFormErrors: F, setGlobalError: g, setStepAndEtag: v, setSchemaModel: O } = om(a), [x, M] = (0, Me.useState)(false), { isLoading: E, loader: P, setLoadingState: D } = sm(o, a ? "idle" : "initial"), U = ct("critical", p, e, (l == null ? void 0 : l.id) || (l == null ? void 0 : l.key)), ee = (0, Me.useMemo)(() => {
+      let { locale: h } = (0, Cm.useIntl)(), { formErrors: y, globalError: u, step: l, models: f, etag: g, modelIsValid: C, setFormErrors: F, setGlobalError: w, setStepAndEtag: A, setSchemaModel: M } = om(a), [x, k] = (0, Me.useState)(false), { isLoading: I, loader: O, setLoadingState: P } = sm(o, a ? "idle" : "initial"), B = ct("critical", p, e, (l == null ? void 0 : l.id) || (l == null ? void 0 : l.key)), _ = (0, Me.useMemo)(() => {
         var b;
         return s({ flowId: e, stepId: (l == null ? void 0 : l.id) || (l == null ? void 0 : l.key) }, (b = l == null ? void 0 : l.analytics) != null ? b : {});
-      }, [e, l]), A = (0, Me.useMemo)(() => Da(m, ee), [m, ee]), B = (0, Me.useCallback)(({ action: b, data: q, etag: T }) => {
+      }, [e, l]), v = (0, Me.useMemo)(() => Da(m, _), [m, _]), z = (0, Me.useCallback)(({ action: b, data: q, etag: T }) => {
         let { url: te, method: st = "POST" } = b;
         return t(te != null ? te : "", { method: st, headers: s({ "accept-language": h, "Content-Type": "application/json" }, T ? { "If-None-Match": T } : {}), credentials: "include", body: st === "GET" ? void 0 : JSON.stringify(q) });
-      }, [t, h]), k = async (b, q = {}) => {
-        D(l ? "submission" : "initial"), A("Dynamic Flow - Step Submitted", { actionId: b.id || b.$id });
+      }, [t, h]), E = async (b, q = {}) => {
+        P(l ? "submission" : "initial"), v("Dynamic Flow - Step Submitted", { actionId: b.id || b.$id });
         try {
-          let T = await B({ action: b, data: q });
+          let T = await z({ action: b, data: q });
           if (b.exit && T.ok) {
             await $(T, b.result);
             return;
@@ -2987,9 +2987,9 @@ var require_main_min = __commonJS({
           it(T, b.exit ? "Error fetching exit result" : "Error fetching next step");
         }
       }, ie = async (b, q, T) => {
-        D("refresh"), A("Dynamic Flow - Step Refreshed", { status: "pending" });
+        P("refresh"), v("Dynamic Flow - Step Refreshed", { status: "pending" });
         try {
-          let te = await B({ action: { url: b, method: "POST" }, data: q, etag: T });
+          let te = await z({ action: { url: b, method: "POST" }, data: q, etag: T });
           await nt(te, "refresh");
         } catch (te) {
           it(te, "Error fetching refresh step");
@@ -2997,21 +2997,21 @@ var require_main_min = __commonJS({
       }, $ = async (b, q) => {
         let T = await Qo(b);
         ke(s(s({}, T), q));
-      }, X = tm(ie), ke = (0, Me.useCallback)((b) => {
-        A("Dynamic Flow - Flow Finished", { result: "success" }), c(b);
-      }, [c, A]);
+      }, Y = tm(ie), ke = (0, Me.useCallback)((b) => {
+        v("Dynamic Flow - Flow Finished", { result: "success" }), c(b);
+      }, [c, v]);
       (0, Me.useEffect)(() => {
-        A("Dynamic Flow - Flow Started", {});
+        v("Dynamic Flow - Flow Started", {});
       }, []), (0, Me.useEffect)(() => {
         if (!a) {
           let b = s({ id: "#initial-step-request", method: "GET" }, r);
-          k(b, b.data);
+          E(b, b.data);
         }
       }, [t, h, JSON.stringify(a), JSON.stringify(r)]);
       let nt = async (b, q) => {
         try {
           if (b.status === 304) {
-            D("idle");
+            P("idle");
             return;
           }
           if (!b.ok) {
@@ -3020,39 +3020,39 @@ var require_main_min = __commonJS({
             return;
           }
           let T = await gm(b);
-          T.type === "action" ? k(T.action, T.action.data) : T.type === "exit" ? ke(T.result) : br(T.step, T.etag, q);
+          T.type === "action" ? E(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);
         }
       }, 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" });
+        A(b, q), P("idle"), T === "submission" ? (k(false), v("Dynamic Flow - Step Started", s({ stepId: b.id || b.key }, b == null ? void 0 : b.analytics))) : v("Dynamic Flow - Step Refreshed", { status: "success" });
       }, xr = async (b) => {
         let q = b.refreshUrl || b.refreshFormUrl;
-        q && await ie(q, Aa(f), w), b.validation && F(b.validation), b.error && g(b.error), D("idle");
+        q && await ie(q, Aa(f), g), b.validation && F(b.validation), b.error && w(b.error), P("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" }), d(b, te), D("idle");
+        B("Error fetching", q), T === "refresh" && v("Dynamic Flow - Step Refreshed", { status: "failure" }), v("Dynamic Flow - Flow Finished", { status: "failure" }), d(b, te), P("idle");
       }, xt = (b) => {
         let { model: q, formSchema: T } = b, { $id: te = "" } = T;
-        g(null), W(q) || U("Invalid model on change", "onModelChange was called but the model argument is not an object"), O(te, q, (vr) => {
+        w(null), W(q) || B("Invalid model on change", "onModelChange was called but the model argument is not an object"), M(te, q, (vr) => {
           Oa(b, vr);
         });
       }, Oa = (b, q) => {
         let { triggerSchema: T } = b;
         if (hp(b)) {
           let te = T.refreshUrl || T.refreshFormUrl, st = (l == null ? void 0 : l.refreshUrl) || (l == null ? void 0 : l.refreshFormUrl), vr = te || st;
-          vr && X(vr, Aa(q), w, T);
+          vr && Y(vr, Aa(q), g, T);
         }
       }, zm = async (b) => {
-        if (E || b.disabled)
+        if (I || b.disabled)
           return;
         if (b.exit && !b.url) {
           ke(b.result);
           return;
         }
         let { data: q, method: T, skipValidation: te } = b, st = s(s({}, Aa(f)), q);
-        fp(T) ? (F(null), te || M(true), (C || te) && await k(b, st)) : await k(b);
+        fp(T) ? (F(null), te || k(true), (C || te) && await E(b, st)) : await E(b);
       };
-      return (0, $e.jsx)(kr, { flowId: e, stepId: (l == null ? void 0 : l.id) || (l == null ? void 0 : l.key), onLog: p, children: (0, $e.jsx)(Mr, { metadata: ee, onEvent: m, children: (0, $e.jsx)(fn, { loading: E, children: (0, $e.jsx)(ei, { httpClient: t, children: (0, $e.jsx)(Fn, { features: i, children: P !== null ? P : (0, $e.jsx)(Jr, { step: l, model: Aa(f), submitted: x, globalError: u, formErrors: y, stepLayoutOptions: { displayStepTitle: n }, onAction: (b) => {
+      return (0, $e.jsx)(kr, { flowId: e, stepId: (l == null ? void 0 : l.id) || (l == null ? void 0 : l.key), onLog: p, children: (0, $e.jsx)(Mr, { metadata: _, onEvent: m, children: (0, $e.jsx)(fn, { loading: I, children: (0, $e.jsx)(ei, { httpClient: t, children: (0, $e.jsx)(Fn, { features: i, children: O !== null ? O : (0, $e.jsx)(Jr, { step: l, model: Aa(f), submitted: x, globalError: u, formErrors: y, stepLayoutOptions: { displayStepTitle: n }, onAction: (b) => {
         zm(b);
       }, onModelChange: xt }) }) }) }) }) });
     };