@wise/dynamic-flow-client 2.3.0-beta-c55f65.18 → 2.3.0-beta-7d9b21.21

package/build/i18n/en.json

@@ -13,7 +13,6 @@
   "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.",

package/build/main.css

@@ -155,13 +155,13 @@
   inset: 0;
   background-color: var(--color-dark);
   color: var(--color-white);
-  text-align: center;
   font-size: var(--font-size-16);
   font-weight: var(--font-weight-semi-bold);
   flex-direction: column;
   justify-content: center;
   align-items: center;
   z-index: 1000;
+  padding: 24px;
 }
 @media screen and (orientation: landscape) and (max-height: 767px) {
   .orientation-lock-overlay {

package/build/main.js

@@ -1890,9 +1890,6 @@ var isTouchScreen = (navigator2 = window.navigator, matchMedia = window.matchMed
   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;
@@ -6026,58 +6023,18 @@ var CameraCapture_messages_default = (0, import_react_intl22.defineMessages)({
   }
 });
 
-// src/step/cameraStep/cameraCapture/components/index.tsx
+// src/step/cameraStep/cameraCapture/components/bottomBar/BottomBar.tsx
 var import_components27 = require("@transferwise/components");
-var import_react_intl25 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_react_intl24 = require("react-intl");
-
-// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
 var import_react_intl23 = require("react-intl");
-var OrientationLockOverlay_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/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_jsx_runtime56 = require("react/jsx-runtime");
-var OrientationLockOverlay = () => {
-  const intl = (0, import_react_intl24.useIntl)();
-  return /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "orientation-lock-overlay p-x-3 p-y-3", "data-testid": "orientation-lock", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime56.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(OrientationLockOverlay_messages_default.imgAlt)
-      }
-    ),
-    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("p", { className: "text-center m-b-0", children: intl.formatMessage(OrientationLockOverlay_messages_default.text) })
-  ] });
-};
-var OrientationLockOverlay_default = OrientationLockOverlay;
-
-// src/step/cameraStep/cameraCapture/components/index.tsx
-var import_jsx_runtime57 = require("react/jsx-runtime");
-var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(CaptureButton, { onClick: onCapture }) });
+var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl25.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)(
+  const intl = (0, import_react_intl23.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime56.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       import_components27.Button,
       {
         className: "m-b-1",
@@ -6088,7 +6045,7 @@ var ReviewBottomBar = ({
         children: intl.formatMessage(CameraCapture_messages_default.reviewSubmit)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
       import_components27.Button,
       {
         className: "m-b-2",
@@ -6102,47 +6059,75 @@ var ReviewBottomBar = ({
     )
   ] }) }) });
 };
-var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime57.jsx)(
+var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime56.jsx)(
   "button",
   {
     type: "button",
     className: "camera-capture-btn m-b-2",
     "data-testid": "camera-capture-button",
     onClick,
-    children: /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("span", { className: "camera-capture-btn-inner" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime56.jsx)("span", { className: "camera-capture-btn-inner" })
   }
 );
 
+// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+var import_react_intl25 = require("react-intl");
+
+// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
+var import_react_intl24 = require("react-intl");
+var OrientationLockOverlay_messages_default = (0, import_react_intl24.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"
+  }
+});
+
+// src/step/cameraStep/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
+var import_jsx_runtime57 = require("react/jsx-runtime");
+var OrientationLockOverlay = () => {
+  const intl = (0, import_react_intl25.useIntl)();
+  return /* @__PURE__ */ (0, import_jsx_runtime57.jsxs)("div", { className: "orientation-lock-overlay", "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: ""
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime57.jsx)("p", { className: "text-center m-b-0", children: intl.formatMessage(OrientationLockOverlay_messages_default.text) })
+  ] });
+};
+var OrientationLockOverlay_default = OrientationLockOverlay;
+
 // src/step/cameraStep/cameraCapture/hooks/useFullScreenOrientationLock.ts
 var import_react33 = require("react");
 var import_screenfull = __toESM(require_screenfull());
 var useFullScreenOrientationLock = (isMobile2) => {
   const lockOrientation = (0, import_react33.useCallback)(() => {
     if (window.screen.orientation && "lock" in window.screen.orientation && typeof window.screen.orientation.lock === "function") {
-      window.screen.orientation.lock("portrait").catch((e) => {
-      });
+      window.screen.orientation.lock("portrait").catch(noop4);
     }
   }, []);
   const unlockOrientation = (0, import_react33.useCallback)(() => {
-    var _a, _b;
-    if ((_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.unlock) {
-      window.screen.orientation.unlock();
-    }
+    var _a, _b, _c;
+    return (_c = (_b = (_a = window == null ? void 0 : window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.unlock) == null ? void 0 : _c.call(_b);
   }, []);
   const enterFullScreen = (0, import_react33.useCallback)(() => {
     setTimeout(() => {
       if (isMobile2 && !import_screenfull.default.isFullscreen && import_screenfull.default.isEnabled) {
         import_screenfull.default.request(document.documentElement, { navigationUI: "show" }).then(() => {
           lockOrientation();
-        }).catch((e) => {
-        });
+        }).catch(noop4);
       }
     }, 100);
   }, [isMobile2, lockOrientation]);
   const exitFullScreen = (0, import_react33.useCallback)(() => {
     if (import_screenfull.default.isFullscreen) {
-      import_screenfull.default.exit().catch(() => {
-      });
+      import_screenfull.default.exit().catch(noop4);
     }
     unlockOrientation();
   }, [unlockOrientation]);
@@ -6156,6 +6141,8 @@ var useFullScreenOrientationLock = (isMobile2) => {
     exitFullScreen
   };
 };
+var noop4 = () => {
+};
 
 // src/step/cameraStep/cameraCapture/hooks/useVideoConstraints.ts
 var import_react34 = require("react");
@@ -6630,7 +6617,7 @@ var ExternalConfirmationStep_messages_default = (0, import_react_intl31.defineMe
 
 // src/step/externalConfirmationStep/ExternalConfirmationStep.tsx
 var import_jsx_runtime63 = require("react/jsx-runtime");
-var noop4 = () => {
+var noop5 = () => {
 };
 var ExternalConfirmationStep = ({ url, onClose }) => {
   const { formatMessage } = (0, import_react_intl32.useIntl)();
@@ -6684,8 +6671,8 @@ var ExternalConfirmationStep = ({ url, onClose }) => {
         }
         onClose();
       },
-      onModelChange: noop4,
-      onPersistAsync: noop4
+      onModelChange: noop5,
+      onPersistAsync: noop5
     }
   );
 };
@@ -6934,7 +6921,7 @@ var ErrorBoundaryAlert = ({ onDismiss }) => {
 
 // src/dynamicFlow/utils/errorBoundary/ErrorBoundary.tsx
 var import_jsx_runtime68 = require("react/jsx-runtime");
-var noop5 = () => {
+var noop6 = () => {
 };
 var ErrorBoundary = class extends import_react41.Component {
   constructor(props) {
@@ -6948,7 +6935,7 @@ var ErrorBoundary = class extends import_react41.Component {
     return { hasError: true, isFatalError: true };
   }
   componentDidCatch(error) {
-    const { onError = noop5 } = this.props;
+    const { onError = noop6 } = this.props;
     onError(error);
   }
   render() {
@@ -7061,7 +7048,7 @@ var isResponse = (response) => typeof response === "object" && response !== null
 
 // src/dynamicFlow/DynamicFlow.tsx
 var import_jsx_runtime69 = require("react/jsx-runtime");
-var noop6 = () => {
+var noop7 = () => {
 };
 var DynamicFlowComponent = ({
   flowId,
@@ -7072,8 +7059,8 @@ var DynamicFlowComponent = ({
   displayStepTitle = true,
   onCompletion,
   onError,
-  onEvent = noop6,
-  onLog = noop6
+  onEvent = noop7,
+  onLog = noop7
 }) => {
   const { locale } = (0, import_react_intl34.useIntl)();
   const {
@@ -7320,7 +7307,7 @@ var JsonSchemaForm = (props) => {
     model: null,
     errors: null
   }, props);
-  const { baseUrl = "", onEvent = noop7, onLog = noop7 } = props;
+  const { baseUrl = "", onEvent = noop8, onLog = noop8 } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(LogProvider, { flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog, children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
     EventsContextProvider,
     {
@@ -7331,7 +7318,7 @@ var JsonSchemaForm = (props) => {
   ) });
 };
 var JsonSchemaForm_default = JsonSchemaForm;
-var noop7 = () => {
+var noop8 = () => {
 };
 
 // src/i18n/de.json
@@ -7394,7 +7381,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.",