@wise/dynamic-flow-client 3.16.2 → 3.16.3

package/build/main.mjs

@@ -121,21 +121,15 @@ var require_classnames = __commonJS({
 // ../../node_modules/.pnpm/clsx@2.1.1/node_modules/clsx/dist/clsx.mjs
 function r(e) {
   var t, f, n = "";
-  if ("string" == typeof e || "number" == typeof e)
-    n += e;
-  else if ("object" == typeof e)
-    if (Array.isArray(e)) {
-      var o = e.length;
-      for (t = 0; t < o; t++)
-        e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
-    } else
-      for (f in e)
-        e[f] && (n && (n += " "), n += f);
+  if ("string" == typeof e || "number" == typeof e) n += e;
+  else if ("object" == typeof e) if (Array.isArray(e)) {
+    var o = e.length;
+    for (t = 0; t < o; t++) e[t] && (f = r(e[t])) && (n && (n += " "), n += f);
+  } else for (f in e) e[f] && (n && (n += " "), n += f);
   return n;
 }
 function clsx() {
-  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++)
-    (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
+  for (var e, t, f = 0, n = "", o = arguments.length; f < o; f++) (e = arguments[f]) && (t = r(e)) && (n && (n += " "), n += t);
   return n;
 }
 var init_clsx = __esm({
@@ -2470,19 +2464,14 @@ var isDirty = (x) => x.status === "dirty";
 var isValid = (x) => x.status === "valid";
 var isAsync = (x) => typeof Promise !== "undefined" && x instanceof Promise;
 function __classPrivateFieldGet(receiver, state, kind, f) {
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a getter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot read private member from an object whose class did not declare it");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
   return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
 }
 function __classPrivateFieldSet(receiver, state, value, kind, f) {
-  if (kind === "m")
-    throw new TypeError("Private method is not writable");
-  if (kind === "a" && !f)
-    throw new TypeError("Private accessor was defined without a setter");
-  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver))
-    throw new TypeError("Cannot write private member to an object whose class did not declare it");
+  if (kind === "m") throw new TypeError("Private method is not writable");
+  if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+  if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
   return kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value), value;
 }
 var errorUtil;
@@ -4158,8 +4147,7 @@ var ZodObject = class _ZodObject extends ZodType {
           });
           status.dirty();
         }
-      } else if (unknownKeys === "strip")
-        ;
+      } else if (unknownKeys === "strip") ;
       else {
         throw new Error(`Internal ZodObject error: invalid unknownKeys value.`);
       }
@@ -13344,7 +13332,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo23, useState as useState34 } from "react";
-import { useIntl as useIntl28 } from "react-intl";
+import { useIntl as useIntl29 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 import { createContext as createContext4, useContext as useContext5, useMemo as useMemo8 } from "react";
@@ -14265,11 +14253,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 import { useState as useState28 } from "react";
-import { useIntl as useIntl22 } from "react-intl";
+import { useIntl as useIntl23 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 import { useEffect as useEffect18, useState as useState27 } from "react";
-import { useIntl as useIntl21 } from "react-intl";
+import { useIntl as useIntl22 } from "react-intl";
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -16161,6 +16149,12 @@ var _FormControl = class _FormControl extends PureComponent {
             radios: options.map(this.mapOption),
             name,
             selectedValue: getSafeStringOrNumberValue(value, { coerceValue: true }),
+            UNSAFE_inputAttributes: {
+              id,
+              "aria-invalid": invalid,
+              "aria-labelledby": void 0,
+              "aria-describedby": describedBy
+            },
             onChange: this.handleOnChange
           }
         );
@@ -17918,10 +17912,12 @@ var addQueryParameter2 = (url, key, value) => {
 // src/legacy/layout/search/DynamicSearch.tsx
 var import_classnames14 = __toESM(require_classnames());
 import { Markdown as Markdown8, Typeahead as Typeahead2 } from "@transferwise/components";
+import { useIntl as useIntl21 } from "react-intl";
 import { jsx as jsx114, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEBOUNCE_TIME2 = 400;
 function DynamicSearch({ component, onAction }) {
   const [query, setQuery] = useState24("");
+  const intl = useIntl21();
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
@@ -17960,6 +17956,7 @@ function DynamicSearch({ component, onAction }) {
         Typeahead2,
         {
           id: "typeahead-input-id",
+          intl,
           name: "typeahead-input-name",
           size: "md",
           maxHeight: 100,
@@ -18197,7 +18194,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = useIntl21();
+  const intl = useIntl22();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = useState27(null);
@@ -18295,7 +18292,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = useState28(null);
   const httpClient = useHttpClient();
-  const intl = useIntl22();
+  const intl = useIntl23();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18526,7 +18523,7 @@ import { useEffect as useEffect25, useState as useState31 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
 import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef8, useState as useState30 } from "react";
-import { useIntl as useIntl25 } from "react-intl";
+import { useIntl as useIntl26 } from "react-intl";
 import Webcam from "react-webcam";
 
 // src/common/cameraCapture/CameraCapture.messages.ts
@@ -18591,14 +18588,14 @@ var CameraCapture_messages_default = defineMessages18({
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 import { Button as Button10, ControlType, Priority, Size as Size3 } from "@transferwise/components";
-import { useIntl as useIntl23 } from "react-intl";
+import { useIntl as useIntl24 } from "react-intl";
 import { jsx as jsx119, jsxs as jsxs46 } from "react/jsx-runtime";
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ jsx119("div", { className: "bottom-bar", children: /* @__PURE__ */ jsx119(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = useIntl23();
+  const intl = useIntl24();
   return /* @__PURE__ */ jsx119("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ jsx119("div", { className: "row", children: /* @__PURE__ */ jsxs46("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ jsx119(
       Button10,
@@ -18637,7 +18634,7 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ jsx119(
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-import { useIntl as useIntl24 } from "react-intl";
+import { useIntl as useIntl25 } from "react-intl";
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
 import { defineMessages as defineMessages19 } from "react-intl";
@@ -18652,7 +18649,7 @@ var OrientationLockOverlay_messages_default = defineMessages19({
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { jsx as jsx120, jsxs as jsxs47 } from "react/jsx-runtime";
 function OrientationLockOverlay() {
-  const intl = useIntl24();
+  const intl = useIntl25();
   return /* @__PURE__ */ jsxs47("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ jsx120(
       "img",
@@ -18942,7 +18939,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = useIntl25();
+  const intl = useIntl26();
   const handleCapture = useCallback10(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) {
@@ -19165,7 +19162,7 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-import { useIntl as useIntl26 } from "react-intl";
+import { useIntl as useIntl27 } from "react-intl";
 
 // src/common/messages/external-confirmation.messages.ts
 import { defineMessages as defineMessages20 } from "react-intl";
@@ -19197,7 +19194,7 @@ import { jsx as jsx125 } from "react/jsx-runtime";
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = useIntl26();
+  const { formatMessage } = useIntl27();
   return /* @__PURE__ */ jsx125(
     DynamicLayout_default,
     {
@@ -19570,9 +19567,9 @@ var assertResponseIsValid2 = (response) => {
 var isResponse2 = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/legacy/dynamicFlow/utils/useErrorResponse.tsx
-import { useIntl as useIntl27 } from "react-intl";
+import { useIntl as useIntl28 } from "react-intl";
 var useErrorResponse = () => {
-  const { formatMessage } = useIntl27();
+  const { formatMessage } = useIntl28();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -19616,7 +19613,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = useState34(false);
-  const { locale } = useIntl28();
+  const { locale } = useIntl29();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.16.2",
+  "version": "3.16.3",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",
@@ -47,12 +47,12 @@
     "@storybook/react-webpack5": "^8.1.10",
     "@storybook/test": "^8.1.10",
     "@storybook/types": "^8.1.10",
-    "@testing-library/dom": "9.3.4",
+    "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.4.6",
-    "@testing-library/react": "14.3.1",
+    "@testing-library/react": "16.0.0",
     "@testing-library/react-hooks": "8.0.1",
     "@testing-library/user-event": "14.5.2",
-    "@transferwise/components": "46.51.0",
+    "@transferwise/components": "46.59.0",
     "@transferwise/formatting": "^2.13.0",
     "@transferwise/icons": "3.13.0",
     "@transferwise/neptune-css": "14.12.1",
@@ -65,7 +65,7 @@
     "@wise/components-theming": "^1.5.0",
     "babel-jest": "29.7.0",
     "enzyme": "^3.11.0",
-    "esbuild": "0.20.2",
+    "esbuild": "0.23.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
     "jest-fetch-mock": "^3.0.3",
@@ -104,7 +104,7 @@
     "nanoid": "5.0.7",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "2.18.2"
+    "@wise/dynamic-flow-types": "2.18.3"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",