@wise/dynamic-flow-client 2.2.0-beta-365401.17 → 2.2.1

package/build/main.js

@@ -11,7 +11,7 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __propIsEnum = Object.prototype.propertyIsEnumerable;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __spreadValues = (a, b) => {
-  for (var prop in b ||= {})
+  for (var prop in b || (b = {}))
     if (__hasOwnProp.call(b, prop))
       __defNormalProp(a, prop, b[prop]);
   if (__getOwnPropSymbols)
@@ -50,6 +50,7 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // ../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js
 var require_classnames = __commonJS({
   "../../node_modules/.pnpm/classnames@2.3.2/node_modules/classnames/index.js"(exports, module2) {
+    "use strict";
     (function() {
       "use strict";
       var hasOwn = {}.hasOwnProperty;
@@ -98,9 +99,10 @@ var require_classnames = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/react-webcam@7.0.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js
+// ../../node_modules/.pnpm/react-webcam@7.1.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js
 var require_react_webcam = __commonJS({
-  "../../node_modules/.pnpm/react-webcam@7.0.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js"(exports, module2) {
+  "../../node_modules/.pnpm/react-webcam@7.1.1_biqbaboplfbrettd7655fr4n2y/node_modules/react-webcam/dist/react-webcam.js"(exports, module2) {
+    "use strict";
     (function webpackUniversalModuleDefinition(root, factory) {
       if (typeof exports === "object" && typeof module2 === "object")
         module2.exports = factory(require("react"));
@@ -373,6 +375,8 @@ var require_react_webcam = __commonJS({
                     }
                     var _b = this, ctx = _b.ctx, canvas = _b.canvas;
                     if (ctx && canvas) {
+                      canvas.width = (screenshotDimensions === null || screenshotDimensions === void 0 ? void 0 : screenshotDimensions.width) || canvas.width;
+                      canvas.height = (screenshotDimensions === null || screenshotDimensions === void 0 ? void 0 : screenshotDimensions.height) || canvas.height;
                       if (props.mirrored) {
                         ctx.translate(canvas.width, 0);
                         ctx.scale(-1, 1);
@@ -525,168 +529,6 @@ var require_react_webcam = __commonJS({
   }
 });
 
-// ../../node_modules/.pnpm/screenfull@5.2.0/node_modules/screenfull/dist/screenfull.js
-var require_screenfull = __commonJS({
-  "../../node_modules/.pnpm/screenfull@5.2.0/node_modules/screenfull/dist/screenfull.js"(exports, module2) {
-    (function() {
-      "use strict";
-      var document2 = typeof window !== "undefined" && typeof window.document !== "undefined" ? window.document : {};
-      var isCommonjs = typeof module2 !== "undefined" && module2.exports;
-      var fn = function() {
-        var val;
-        var fnMap = [
-          [
-            "requestFullscreen",
-            "exitFullscreen",
-            "fullscreenElement",
-            "fullscreenEnabled",
-            "fullscreenchange",
-            "fullscreenerror"
-          ],
-          // New WebKit
-          [
-            "webkitRequestFullscreen",
-            "webkitExitFullscreen",
-            "webkitFullscreenElement",
-            "webkitFullscreenEnabled",
-            "webkitfullscreenchange",
-            "webkitfullscreenerror"
-          ],
-          // Old WebKit
-          [
-            "webkitRequestFullScreen",
-            "webkitCancelFullScreen",
-            "webkitCurrentFullScreenElement",
-            "webkitCancelFullScreen",
-            "webkitfullscreenchange",
-            "webkitfullscreenerror"
-          ],
-          [
-            "mozRequestFullScreen",
-            "mozCancelFullScreen",
-            "mozFullScreenElement",
-            "mozFullScreenEnabled",
-            "mozfullscreenchange",
-            "mozfullscreenerror"
-          ],
-          [
-            "msRequestFullscreen",
-            "msExitFullscreen",
-            "msFullscreenElement",
-            "msFullscreenEnabled",
-            "MSFullscreenChange",
-            "MSFullscreenError"
-          ]
-        ];
-        var i = 0;
-        var l = fnMap.length;
-        var ret = {};
-        for (; i < l; i++) {
-          val = fnMap[i];
-          if (val && val[1] in document2) {
-            for (i = 0; i < val.length; i++) {
-              ret[fnMap[0][i]] = val[i];
-            }
-            return ret;
-          }
-        }
-        return false;
-      }();
-      var eventNameMap = {
-        change: fn.fullscreenchange,
-        error: fn.fullscreenerror
-      };
-      var screenfull2 = {
-        request: function(element, options) {
-          return new Promise(function(resolve, reject) {
-            var onFullScreenEntered = function() {
-              this.off("change", onFullScreenEntered);
-              resolve();
-            }.bind(this);
-            this.on("change", onFullScreenEntered);
-            element = element || document2.documentElement;
-            var returnPromise = element[fn.requestFullscreen](options);
-            if (returnPromise instanceof Promise) {
-              returnPromise.then(onFullScreenEntered).catch(reject);
-            }
-          }.bind(this));
-        },
-        exit: function() {
-          return new Promise(function(resolve, reject) {
-            if (!this.isFullscreen) {
-              resolve();
-              return;
-            }
-            var onFullScreenExit = function() {
-              this.off("change", onFullScreenExit);
-              resolve();
-            }.bind(this);
-            this.on("change", onFullScreenExit);
-            var returnPromise = document2[fn.exitFullscreen]();
-            if (returnPromise instanceof Promise) {
-              returnPromise.then(onFullScreenExit).catch(reject);
-            }
-          }.bind(this));
-        },
-        toggle: function(element, options) {
-          return this.isFullscreen ? this.exit() : this.request(element, options);
-        },
-        onchange: function(callback) {
-          this.on("change", callback);
-        },
-        onerror: function(callback) {
-          this.on("error", callback);
-        },
-        on: function(event, callback) {
-          var eventName = eventNameMap[event];
-          if (eventName) {
-            document2.addEventListener(eventName, callback, false);
-          }
-        },
-        off: function(event, callback) {
-          var eventName = eventNameMap[event];
-          if (eventName) {
-            document2.removeEventListener(eventName, callback, false);
-          }
-        },
-        raw: fn
-      };
-      if (!fn) {
-        if (isCommonjs) {
-          module2.exports = { isEnabled: false };
-        } else {
-          window.screenfull = { isEnabled: false };
-        }
-        return;
-      }
-      Object.defineProperties(screenfull2, {
-        isFullscreen: {
-          get: function() {
-            return Boolean(document2[fn.fullscreenElement]);
-          }
-        },
-        element: {
-          enumerable: true,
-          get: function() {
-            return document2[fn.fullscreenElement];
-          }
-        },
-        isEnabled: {
-          enumerable: true,
-          get: function() {
-            return Boolean(document2[fn.fullscreenEnabled]);
-          }
-        }
-      });
-      if (isCommonjs) {
-        module2.exports = screenfull2;
-      } else {
-        window.screenfull = screenfull2;
-      }
-    })();
-  }
-});
-
 // src/index.ts
 var src_exports = {};
 __export(src_exports, {
@@ -1013,7 +855,7 @@ function isReference(block) {
 
 // src/dynamicFlow/DynamicFlow.tsx
 var import_react41 = require("react");
-var import_react_intl34 = require("react-intl");
+var import_react_intl32 = require("react-intl");
 
 // src/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react2 = require("react");
@@ -1871,30 +1713,6 @@ var isNullableArrayModel = (model) => {
 // src/common/utils/misc-utils.ts
 var isBasicError = (error) => isString(error) || isNull(error);
 
-// src/common/utils/mobile-utils.ts
-var isMobile = () => {
-  return isMobileScreenSize() && (isTouchScreen() || isMobileUA());
-};
-var isMobileUA = (userAgent = window.navigator.userAgent) => {
-  return /Mobi|\b(iPhone|Android|BlackBerry|webOS|Windows Phone)\b/i.test(userAgent);
-};
-var isMobileScreenSize = (width = window.screen.width, height = window.screen.height) => {
-  return width < 768 || height < 768;
-};
-var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMedia) => {
-  if ("maxTouchPoints" in navigator2) {
-    return navigator2.maxTouchPoints > 0;
-  }
-  if ("msMaxTouchPoints" in navigator2) {
-    return navigator2["msMaxTouchPoints"] > 0;
-  }
-  const mQ = matchMedia == null ? void 0 : matchMedia("(pointer:coarse)");
-  if ((mQ == null ? void 0 : mQ.media) === "(pointer:coarse)") {
-    return !!mQ.matches;
-  }
-  return false;
-};
-
 // src/common/hooks/useDebouncedFunction/useDebouncedFunction.tsx
 var import_react6 = require("react");
 function useDebouncedFunction(callback, waitMs) {
@@ -3311,7 +3129,11 @@ var RepeatableSchema = ({
     setOpenModalType("edit");
   };
   const onSaveItem = (action) => {
+    var _a;
     const updatedItem = action === "remove" ? null : getItemSummaryFromSchema(schema.items, editableItem.model, schema == null ? void 0 : schema.summary);
+    if (action !== "remove" && !isValidSchema((_a = updatedItem == null ? void 0 : updatedItem.value) != null ? _a : null, schema.items)) {
+      return;
+    }
     const updatedItemSummaries = getUpdatedItemSummaries(action, {
       originalItem: editableItem.item,
       updatedItem,
@@ -3657,7 +3479,7 @@ var logInvalidTypeFallbackWarning = ({
 
 // src/formControl/FormControl.tsx
 var import_jsx_runtime26 = require("react/jsx-runtime");
-var _FormControl = class extends import_react14.PureComponent {
+var _FormControl = class _FormControl extends import_react14.PureComponent {
   constructor(props) {
     super(props);
     /**
@@ -4016,12 +3838,11 @@ var _FormControl = class extends import_react14.PureComponent {
     }
   }
 };
-var FormControl = _FormControl;
-FormControl.Type = FormControlType;
-FormControl.Size = Size;
-FormControl.MonthFormat = MonthFormat;
-FormControl.DateMode = DateMode;
-FormControl.defaultProps = {
+_FormControl.Type = FormControlType;
+_FormControl.Size = Size;
+_FormControl.MonthFormat = MonthFormat;
+_FormControl.DateMode = DateMode;
+_FormControl.defaultProps = {
   autoComplete: true,
   countryCode: null,
   disabled: false,
@@ -4052,6 +3873,7 @@ FormControl.defaultProps = {
   uploadProps: {},
   value: null
 };
+var FormControl = _FormControl;
 
 // src/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 var import_components12 = require("@transferwise/components");
@@ -5367,10 +5189,18 @@ var import_react26 = require("react");
 // src/layout/search/SearchInput.tsx
 var import_components25 = require("@transferwise/components");
 var import_jsx_runtime51 = require("react/jsx-runtime");
-var SearchInput = ({ title, value, onChange }) => {
+var SearchInput = ({ title, value, onFocus, onChange }) => {
   return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("label", { className: "control-label d-inline", children: [
     title,
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_components25.Input, { type: "text", value, onChange: (event) => onChange(event.currentTarget.value) })
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_components25.Input,
+      {
+        type: "text",
+        value,
+        onFocus,
+        onChange: (event) => onChange(event.currentTarget.value)
+      }
+    )
   ] });
 };
 
@@ -5511,18 +5341,27 @@ var DynamicSearch = ({ component, onAction }) => {
   const [query, setQuery] = (0, import_react26.useState)("");
   const { title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
+  const onEvent = useEventDispatcher();
   const debouncedSearch = (0, import_react26.useMemo)(() => debounce(search, DEBOUNCE_TIME), [search]);
+  const onSearchStart = () => {
+    onEvent("Dynamic Flow - Search Started", {});
+  };
   const onChange = (value) => {
     setQuery(value);
     debouncedSearch(value);
   };
   const onResultSelected = ({ type, value }) => {
     if (type === "action") {
+      onEvent("Dynamic Flow - Search Result Selected", {
+        type: "action",
+        actionId: value.id || value.$id
+      });
       onAction(value);
     }
     if (type === "search") {
       setQuery(value.query);
       const { url: url2, method: method2, param: param2, query: query2 } = value;
+      onEvent("Dynamic Flow - Search Result Selected", { type: "search" });
       void search(query2, { url: url2, method: method2, param: param2 });
     }
   };
@@ -5531,7 +5370,7 @@ var DynamicSearch = ({ component, onAction }) => {
     void search(query);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime53.jsxs)("div", { className: getMargin(margin), children: [
-    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchInput, { title, value: query, onChange }),
+    /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchInput, { title, value: query, onChange, onFocus: onSearchStart }),
     status === "loading" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(DynamicLoadingIndicator_default, { component: { type: "loading-indicator", size: "sm" } }),
     status === "error" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(ErrorResult, { onRetrySearch }),
     status === "success" && /* @__PURE__ */ (0, import_jsx_runtime53.jsx)(SearchResults, { results, emptyMessage, onSelect: onResultSelected })
@@ -6007,9 +5846,8 @@ var import_react36 = require("react");
 
 // src/step/cameraStep/cameraCapture/CameraCapture.tsx
 var import_react35 = require("react");
-var import_react_intl30 = require("react-intl");
+var import_react_intl28 = require("react-intl");
 var import_react_webcam = __toESM(require_react_webcam());
-var import_screenfull = __toESM(require_screenfull());
 
 // src/step/cameraStep/cameraCapture/CameraCapture.messages.ts
 var import_react_intl22 = require("react-intl");
@@ -6033,56 +5871,16 @@ var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
 
 // src/step/cameraStep/cameraCapture/components/index.tsx
 var import_components27 = require("@transferwise/components");
-var import_react_intl25 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/components/orientationLock/OrientationLock.tsx
-var import_react_intl24 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/components/orientationLock/OrientationLock.messages.ts
 var import_react_intl23 = require("react-intl");
-var OrientationLock_messages_default = (0, import_react_intl23.defineMessages)({
-  text: {
-    id: "dynamicFlows.CameraCapture.rotatePhone.text",
-    defaultMessage: "Rotate your phone to portrait view to take a photo",
-    description: "Prompt the user to rotate their phone from landscape to portrait mode when attempting to take a photo"
-  },
-  imgAlt: {
-    id: "dynamicFlows.CameraCapture.rotatePhone.imgAlt",
-    defaultMessage: "Rotate your phone icon",
-    description: "Rotate phone icon alt text"
-  }
-});
-
-// src/step/cameraStep/cameraCapture/components/orientationLock/OrientationLock.tsx
 var import_jsx_runtime57 = require("react/jsx-runtime");
-var OrientationLock = () => {
-  const intl = (0, import_react_intl24.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "orientation-lock-overlay p-x-3 p-y-3", "data-testid": "orientation-lock", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
-      "img",
-      {
-        className: "m-b-3",
-        src: "https://wise.com/public-resources/assets/camera-guidelines/icon-rotate-phone.svg",
-        width: "96",
-        height: "96",
-        alt: intl.formatMessage(OrientationLock_messages_default.imgAlt)
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-center m-b-0", children: intl.formatMessage(OrientationLock_messages_default.text) })
-  ] });
-};
-var OrientationLock_default = OrientationLock;
-
-// src/step/cameraStep/cameraCapture/components/index.tsx
-var import_jsx_runtime58 = require("react/jsx-runtime");
-var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(CaptureButton, { onClick: onCapture }) });
+var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl25.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+  const intl = (0, import_react_intl23.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       import_components27.Button,
       {
         className: "m-b-1",
@@ -6093,7 +5891,7 @@ var ReviewBottomBar = ({
         children: intl.formatMessage(CameraCapture_messages_default.reviewSubmit)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
       import_components27.Button,
       {
         className: "m-b-2",
@@ -6107,14 +5905,14 @@ var ReviewBottomBar = ({
     )
   ] }) }) });
 };
-var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(
+var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
   "button",
   {
     type: "button",
     className: "camera-capture-btn m-b-2",
     "data-testid": "camera-capture-button",
     onClick,
-    children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("span", { className: "camera-capture-btn-inner" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "camera-capture-btn-inner" })
   }
 );
 
@@ -6194,7 +5992,7 @@ var useVideoConstraints = (direction) => {
 
 // src/step/cameraStep/cameraCapture/overlay/Overlay.tsx
 var import_react34 = require("react");
-var import_jsx_runtime59 = require("react/jsx-runtime");
+var import_jsx_runtime58 = require("react/jsx-runtime");
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
 var imageHeight = 40;
@@ -6223,18 +6021,18 @@ var Overlay = ({
     return () => window.removeEventListener("resize", listener);
   });
   let helperBoxHeight = (imageUrl ? imageHeight : 0) + (title ? titleHeight : 0) + (instructions ? instructionsHeight : 0);
-  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)(import_jsx_runtime59.Fragment, { children: [
-    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
-    title && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h4", { className: "camera-capture-title", children: title }),
-    instructions && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { className: "camera-capture-instructions", children: instructions })
+  let helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)(import_jsx_runtime58.Fragment, { children: [
+    imageUrl && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("img", { className: "camera-capture-img", src: imageUrl, alt: "" }),
+    title && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("h4", { className: "camera-capture-title", children: title }),
+    instructions && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { className: "camera-capture-instructions", children: instructions })
   ] });
   const frameBottomMargin = captureButtonHeight + helperBoxHeight;
   if (reviewInstructions) {
     helperBoxHeight = frameBottomMargin - reviewButtonsHeight;
-    helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
+    helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("small", { className: "camera-capture-instructions", children: reviewInstructions });
     const frameWithReviewInstructionsMinBottomMargin = reviewButtonsHeight + reviewInstructionsHeight;
     if (frameBottomMargin < frameWithReviewInstructionsMinBottomMargin) {
-      helperBox = /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_jsx_runtime59.Fragment, {});
+      helperBox = /* @__PURE__ */ (0, import_jsx_runtime58.jsx)(import_jsx_runtime58.Fragment, {});
     }
   }
   const framePosition = {
@@ -6252,25 +6050,25 @@ var Overlay = ({
       width: "90%"
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("mask", { id: "mask", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
-      /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("image", __spreadValues({ href: overlay }, framePosition))
+  return /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("svg", { ref: svgReference, xmlns: "http://www.w3.org/2000/svg", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime58.jsxs)("mask", { id: "mask", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "100%", height: "100%", fill: "#fff" }),
+      /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", __spreadValues({ href: overlay }, framePosition))
     ] }) }),
-    overlay && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
-    outline && /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("image", __spreadValues({ href: outline }, framePosition)),
-    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
+    overlay && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("rect", { width: "100%", height: "100%", mask: "url(#mask)", fillOpacity: "0.72" }),
+    outline && /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("image", __spreadValues({ href: outline }, framePosition)),
+    /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("foreignObject", { width: "100%", height: "100%", children: /* @__PURE__ */ (0, import_jsx_runtime58.jsx)("div", __spreadProps(__spreadValues({ className: "camera-capture-text-and-image-container" }, helperBoxPosition), { children: helperBox })) })
   ] });
 };
 var Overlay_default = Overlay;
 
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
 var import_components28 = require("@transferwise/components");
-var import_react_intl27 = require("react-intl");
+var import_react_intl25 = require("react-intl");
 
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.messages.ts
-var import_react_intl26 = require("react-intl");
-var NoCameraAccess_messages_default = (0, import_react_intl26.defineMessages)({
+var import_react_intl24 = require("react-intl");
+var NoCameraAccess_messages_default = (0, import_react_intl24.defineMessages)({
   title: {
     id: "dynamicFlows.CameraCapture.NoCameraAccess.title",
     defaultMessage: "We can't access your camera",
@@ -6289,23 +6087,23 @@ var NoCameraAccess_messages_default = (0, import_react_intl26.defineMessages)({
 });
 
 // src/step/cameraStep/cameraCapture/screens/NoCameraAccess/NoCameraAccess.tsx
-var import_jsx_runtime60 = require("react/jsx-runtime");
+var import_jsx_runtime59 = require("react/jsx-runtime");
 var NoCameraAccess = ({ onAction }) => {
-  const intl = (0, import_react_intl27.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
-    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)(import_components28.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
+  const intl = (0, import_react_intl25.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { id: "no-camera-access", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime59.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(NoCameraAccess_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(NoCameraAccess_messages_default.paragraph) }),
+    /* @__PURE__ */ (0, import_jsx_runtime59.jsx)(import_components28.Button, { block: true, onClick: onAction, children: intl.formatMessage(NoCameraAccess_messages_default.action) })
   ] }) }) }) });
 };
 var NoCameraAccess_default = NoCameraAccess;
 
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_react_intl29 = require("react-intl");
+var import_react_intl27 = require("react-intl");
 
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.messages.ts
-var import_react_intl28 = require("react-intl");
-var CameraNotSupported_messages_default = (0, import_react_intl28.defineMessages)({
+var import_react_intl26 = require("react-intl");
+var CameraNotSupported_messages_default = (0, import_react_intl26.defineMessages)({
   title: {
     id: "dynamicFlows.CameraCapture.CameraNotSupported.title",
     defaultMessage: "Camera not supported",
@@ -6319,12 +6117,12 @@ var CameraNotSupported_messages_default = (0, import_react_intl28.defineMessages
 });
 
 // src/step/cameraStep/cameraCapture/screens/CameraNotSupported/CameraNotSupported.tsx
-var import_jsx_runtime61 = require("react/jsx-runtime");
+var import_jsx_runtime60 = require("react/jsx-runtime");
 var CameraNotSupported = () => {
-  const intl = (0, import_react_intl29.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
-    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
+  const intl = (0, import_react_intl27.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { id: "camera-not-supported", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "container p-t-5", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime60.jsxs)("div", { className: "col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("h2", { className: "text-xs-center m-b-3", children: intl.formatMessage(CameraNotSupported_messages_default.title) }),
+    /* @__PURE__ */ (0, import_jsx_runtime60.jsx)("p", { className: "text-xs-center m-b-5", children: intl.formatMessage(CameraNotSupported_messages_default.paragraph) })
   ] }) }) }) });
 };
 var CameraNotSupported_default = CameraNotSupported;
@@ -6349,7 +6147,7 @@ var getCameraStartedProperties = async (props, videoStream) => {
 };
 
 // src/step/cameraStep/cameraCapture/CameraCapture.tsx
-var import_jsx_runtime62 = require("react/jsx-runtime");
+var import_jsx_runtime61 = require("react/jsx-runtime");
 var CameraCapture = ({
   direction = "back",
   overlay = "",
@@ -6365,41 +6163,9 @@ var CameraCapture = ({
   const [isVideoMirrored, setIsVideoMirrored] = (0, import_react35.useState)(false);
   const [ready, setReady] = (0, import_react35.useState)(false);
   const [reviewImage, setReviewImage] = (0, import_react35.useState)();
-  const isMobileDevice = (0, import_react35.useMemo)(() => isMobile(), []);
   const webcamReference = (0, import_react35.useRef)(null);
   const { videoConstraints } = useVideoConstraints(direction);
-  const intl = (0, import_react_intl30.useIntl)();
-  const lockOrientation = (0, import_react35.useCallback)(() => {
-    if (window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
-      window.screen.orientation.lock("portrait").then(() => {
-        console.log("orientation locked");
-      }).catch((e) => {
-        console.log(e);
-      });
-    }
-  }, []);
-  const unlockOrientation = () => {
-    var _a, _b;
-    if ((_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.unlock) {
-      window.screen.orientation.unlock();
-    }
-  };
-  const enterFullScreen = (0, import_react35.useCallback)(() => {
-    if (mode === "CAPTURE" && isMobileDevice && !import_screenfull.default.isFullscreen && import_screenfull.default.isEnabled) {
-      import_screenfull.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
-        lockOrientation();
-      }).catch((e) => {
-        console.log(e);
-      });
-    }
-  }, [mode, isMobileDevice, lockOrientation]);
-  const exitFullScreen = () => {
-    import_screenfull.default.exit().then(() => {
-      console.log("Document Exited from Full screen mode");
-    }).catch((err) => {
-      console.error(err);
-    });
-  };
+  const intl = (0, import_react_intl28.useIntl)();
   const handleCapture = (0, import_react35.useCallback)(async () => {
     var _a, _b, _c, _d, _e, _f;
     if (((_a = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _a.video) && ((_c = (_b = webcamReference == null ? void 0 : webcamReference.current) == null ? void 0 : _b.video) == null ? void 0 : _c.readyState) >= 3) {
@@ -6436,14 +6202,11 @@ var CameraCapture = ({
   );
   const handleUserMedia = (0, import_react35.useCallback)(
     (stream) => {
-      setTimeout(() => {
-        enterFullScreen();
-      }, 100);
       setReady(true);
       setIsVideoMirrored(isSelfieCamera(stream));
       void trackCameraFeedStarted(onEvent, { direction }, stream);
     },
-    [setIsVideoMirrored, onEvent, direction, enterFullScreen]
+    [setIsVideoMirrored, onEvent, direction]
   );
   const handleReviewSubmit = () => {
     onCapture((reviewImage == null ? void 0 : reviewImage.blob) || null);
@@ -6453,20 +6216,8 @@ var CameraCapture = ({
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE");
-  (0, import_react35.useEffect)(() => {
-    if (mode !== "CAPTURE" || !isMobileDevice) {
-      exitFullScreen();
-      unlockOrientation();
-    }
-  }, [mode, isMobileDevice]);
-  (0, import_react35.useEffect)(() => {
-    return () => {
-      exitFullScreen();
-      unlockOrientation();
-    };
-  }, []);
-  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  const captureScreen = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    videoConstraints && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       import_react_webcam.default,
       {
         ref: webcamReference,
@@ -6477,7 +6228,7 @@ var CameraCapture = ({
         onUserMedia: handleUserMedia
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6487,12 +6238,11 @@ var CameraCapture = ({
         instructions
       }
     ),
-    isMobileDevice && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(OrientationLock_default, {}),
-    ready && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
+    ready && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CaptureBottomBar, { onCapture: () => void handleCapture() })
   ] });
-  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)(import_jsx_runtime62.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
+  const reviewScreen = /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)(import_jsx_runtime61.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)("img", { className: "review-image", src: reviewImage == null ? void 0 : reviewImage.source, alt: "" }),
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(
       Overlay_default,
       {
         overlay,
@@ -6502,19 +6252,19 @@ var CameraCapture = ({
         reviewInstructions: intl.formatMessage(CameraCapture_messages_default.reviewInstructions)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
+    /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(ReviewBottomBar, { onSubmit: handleReviewSubmit, onRetry: handleReviewRetry })
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime62.jsxs)("section", { className: "camera-capture", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime61.jsxs)("section", { className: "camera-capture", children: [
     mode === "CAPTURE" && captureScreen,
     mode === "REVIEW" && reviewScreen,
-    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
-    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(CameraNotSupported_default, {})
+    mode === "NO_CAMERA_ACCESS" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(NoCameraAccess_default, { onAction: handleRetryCameraAccess }),
+    mode === "CAMERA_NOT_SUPPORTED" && /* @__PURE__ */ (0, import_jsx_runtime61.jsx)(CameraNotSupported_default, {})
   ] });
 };
 var CameraCapture_default = CameraCapture;
 
 // src/step/cameraStep/CameraStep.tsx
-var import_jsx_runtime63 = require("react/jsx-runtime");
+var import_jsx_runtime62 = require("react/jsx-runtime");
 function blobToBase64(blob) {
   return new Promise((resolve, _) => {
     const reader = new FileReader();
@@ -6552,7 +6302,7 @@ var CameraStep = (props) => {
       });
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime62.jsx)(
     CameraCapture_default,
     {
       overlay,
@@ -6601,11 +6351,11 @@ function getFirstAction(step) {
 }
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl32 = require("react-intl");
+var import_react_intl30 = require("react-intl");
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.messages.ts
-var import_react_intl31 = require("react-intl");
-var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMessages)({
+var import_react_intl29 = require("react-intl");
+var ExternalConfirmationStep_messages_default = (0, import_react_intl29.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -6629,12 +6379,12 @@ var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMe
 });
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_jsx_runtime64 = require("react/jsx-runtime");
+var import_jsx_runtime63 = require("react/jsx-runtime");
 var noop5 = () => {
 };
 var ExternalConfirmationStep = ({ url, onClose }) => {
-  const { formatMessage } = (0, import_react_intl32.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(
+  const { formatMessage } = (0, import_react_intl30.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime63.jsx)(
     DynamicLayout_default,
     {
       components: [
@@ -6701,9 +6451,9 @@ function getOrigin(url) {
 // src/dynamicFlow/BackButton.tsx
 var import_components30 = require("@transferwise/components");
 var import_icons2 = require("@transferwise/icons");
-var import_jsx_runtime65 = require("react/jsx-runtime");
+var import_jsx_runtime64 = require("react/jsx-runtime");
 var BackButton = ({ title, action, onAction }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
     "a",
     {
       onClick: (event) => {
@@ -6714,8 +6464,8 @@ var BackButton = ({ title, action, onAction }) => {
       className: "df-back-btn",
       "aria-label": title,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "sr-only", children: title }),
-        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_components30.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)("span", { className: "sr-only", children: title }),
+        /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_components30.Avatar, { type: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime64.jsx)(import_icons2.ArrowLeft, { size: "24" }) })
       ]
     }
   );
@@ -6723,7 +6473,7 @@ var BackButton = ({ title, action, onAction }) => {
 var BackButton_default = BackButton;
 
 // src/dynamicFlow/DynamicFlowStep.tsx
-var import_jsx_runtime66 = require("react/jsx-runtime");
+var import_jsx_runtime65 = require("react/jsx-runtime");
 var DynamicFlowStep = (props) => {
   var _a, _b, _c;
   const { step, globalError, onAction } = props;
@@ -6734,15 +6484,15 @@ var DynamicFlowStep = (props) => {
     return null;
   }
   if (externalUrl && requiresManualTrigger) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(ExternalConfirmationStep_default, { url: externalUrl, onClose: dismissConfirmation });
   }
   if (isCameraStep(step)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
+    return /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(CameraStep_default, __spreadProps(__spreadValues({}, props), { step }));
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(import_jsx_runtime66.Fragment, { children: [
-    backButton && /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
-    globalError ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(LayoutStep_default, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
+  return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+    backButton && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(BackButton_default, __spreadProps(__spreadValues({}, backButton), { onAction })),
+    globalError ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DynamicAlert_default, { component: { context: "negative", markdown: globalError, margin: "lg" } }) : null,
+    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(LayoutStep_default, __spreadProps(__spreadValues({}, props), { stepSpecification: step }))
   ] });
 };
 
@@ -6888,7 +6638,7 @@ var isInlineSchema = (schema) => {
 // src/dynamicFlow/utils/useLoader.tsx
 var import_components31 = require("@transferwise/components");
 var import_react39 = require("react");
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime66 = require("react/jsx-runtime");
 function useLoader(loaderConfig, initialState) {
   const config = __spreadValues({
     size: import_components31.Size.EXTRA_LARGE,
@@ -6897,7 +6647,7 @@ function useLoader(loaderConfig, initialState) {
   }, loaderConfig);
   const [loadingState, setLoadingState] = (0, import_react39.useState)(initialState);
   const shouldDisplayLoader = config.initial && loadingState === "initial" || config.submission && loadingState === "submission";
-  const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  const loader = shouldDisplayLoader ? /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
     import_components31.Loader,
     {
       size: config.size,
@@ -6913,11 +6663,11 @@ var import_react40 = require("react");
 
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundaryAlert.tsx
 var import_components32 = require("@transferwise/components");
-var import_react_intl33 = require("react-intl");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_react_intl31 = require("react-intl");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var ErrorBoundaryAlert = ({ onDismiss }) => {
-  const { formatMessage } = (0, import_react_intl33.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  const { formatMessage } = (0, import_react_intl31.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
     import_components32.Alert,
     {
       action: {
@@ -6933,7 +6683,7 @@ var ErrorBoundaryAlert = ({ onDismiss }) => {
 };
 
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundary.tsx
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 var ErrorBoundary = class extends import_react40.Component {
@@ -6954,8 +6704,8 @@ var ErrorBoundary = class extends import_react40.Component {
   render() {
     const { children } = this.props;
     const { hasError, isFatalError } = this.state;
-    return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
-      hasError && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
+    return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
+      hasError && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(ErrorBoundaryAlert, { onDismiss: this.handleErrorReset }),
       !isFatalError && children
     ] });
   }
@@ -7060,7 +6810,7 @@ var assertResponseIsValid = (response) => {
 var isResponse = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/dynamicFlow/DynamicFlow.tsx
-var import_jsx_runtime70 = require("react/jsx-runtime");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var noop7 = () => {
 };
 var DynamicFlowComponent = ({
@@ -7075,7 +6825,7 @@ var DynamicFlowComponent = ({
   onEvent = noop7,
   onLog = noop7
 }) => {
-  const { locale } = (0, import_react_intl34.useIntl)();
+  const { locale } = (0, import_react_intl32.useIntl)();
   const {
     formErrors,
     globalError,
@@ -7280,7 +7030,7 @@ var DynamicFlowComponent = ({
       await actionHandler(action);
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(HttpClientProvider, { httpClient, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(LogProvider, { flowId, stepId: (step == null ? void 0 : step.id) || (step == null ? void 0 : step.key), onLog, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(EventsContextProvider, { metadata: analyticsMetadata, onEvent, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DynamicFlowProvider, { loading: isLoading, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(HttpClientProvider, { httpClient, children: loader !== null ? loader : /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
     DynamicFlowStep,
     {
       step,
@@ -7296,7 +7046,7 @@ var DynamicFlowComponent = ({
     }
   ) }) }) }) });
 };
-var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(DynamicFlowComponent, __spreadValues({}, props)) });
+var DynamicFlow = (props) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(ErrorBoundary_default, { onError: props.onError, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DynamicFlowComponent, __spreadValues({}, props)) });
 var DynamicFlow_default = DynamicFlow;
 var combineModels2 = (formModels) => {
   return Object.values(formModels).reduce((previous, model) => __spreadValues(__spreadValues({}, previous), model), {});
@@ -7373,8 +7123,6 @@ var en_default = {
   "dynamicFlows.CameraCapture.reviewInstructions": "Is your picture clear, readable and complete?",
   "dynamicFlows.CameraCapture.reviewRetry": "No, try again",
   "dynamicFlows.CameraCapture.reviewSubmit": "Yes, submit",
-  "dynamicFlows.CameraCapture.rotatePhone.imgAlt": "Rotate your phone icon",
-  "dynamicFlows.CameraCapture.rotatePhone.text": "Rotate your phone to portrait view to take a photo",
   "dynamicFlows.ControlFeedback.maxLength": "Please enter {maxLength} or fewer characters.",
   "dynamicFlows.ControlFeedback.maximum": "Please enter a number that's {maximum} or less.",
   "dynamicFlows.ControlFeedback.maximumDate": "Please enter a date that's on or before {maximum}.",
@@ -8048,11 +7796,4 @@ classnames/index.js:
   	Licensed under the MIT License (MIT), see
   	http://jedwatson.github.io/classnames
   *)
-
-screenfull/dist/screenfull.js:
-  (*!
-  * screenfull
-  * v5.2.0 - 2021-11-03
-  * (c) Sindre Sorhus; MIT License
-  *)
 */