@wise/dynamic-flow-client 3.16.2 → 3.16.3

package/build/main.js

@@ -127,21 +127,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({
@@ -2494,19 +2488,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;
@@ -4182,8 +4171,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.`);
       }
@@ -13362,7 +13350,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_react67 = require("react");
-var import_react_intl48 = require("react-intl");
+var import_react_intl49 = require("react-intl");
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react25 = require("react");
@@ -14283,11 +14271,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var import_react55 = require("react");
-var import_react_intl39 = require("react-intl");
+var import_react_intl40 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 var import_react54 = require("react");
-var import_react_intl38 = require("react-intl");
+var import_react_intl39 = require("react-intl");
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -16164,6 +16152,12 @@ var _FormControl = class _FormControl extends import_react39.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
           }
         );
@@ -17921,10 +17915,12 @@ var addQueryParameter2 = (url, key, value) => {
 // src/legacy/layout/search/DynamicSearch.tsx
 var import_components71 = require("@transferwise/components");
 var import_classnames14 = __toESM(require_classnames());
+var import_react_intl38 = require("react-intl");
 var import_jsx_runtime115 = require("react/jsx-runtime");
 var DEBOUNCE_TIME2 = 400;
 function DynamicSearch({ component, onAction }) {
   const [query, setQuery] = (0, import_react51.useState)("");
+  const intl = (0, import_react_intl38.useIntl)();
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
@@ -17963,6 +17959,7 @@ function DynamicSearch({ component, onAction }) {
         import_components71.Typeahead,
         {
           id: "typeahead-input-id",
+          intl,
           name: "typeahead-input-name",
           size: "md",
           maxHeight: 100,
@@ -18200,7 +18197,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = (0, import_react_intl38.useIntl)();
+  const intl = (0, import_react_intl39.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = (0, import_react54.useState)(null);
@@ -18298,7 +18295,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = (0, import_react55.useState)(null);
   const httpClient = useHttpClient();
-  const intl = (0, import_react_intl39.useIntl)();
+  const intl = (0, import_react_intl40.useIntl)();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18529,12 +18526,12 @@ var import_react63 = require("react");
 
 // src/common/cameraCapture/CameraCapture.tsx
 var import_react62 = require("react");
-var import_react_intl44 = require("react-intl");
+var import_react_intl45 = require("react-intl");
 var import_react_webcam = __toESM(require("react-webcam"));
 
 // src/common/cameraCapture/CameraCapture.messages.ts
-var import_react_intl40 = require("react-intl");
-var CameraCapture_messages_default = (0, import_react_intl40.defineMessages)({
+var import_react_intl41 = require("react-intl");
+var CameraCapture_messages_default = (0, import_react_intl41.defineMessages)({
   reviewSubmit: {
     id: "dynamicFlows.CameraCapture.reviewSubmit",
     defaultMessage: "Yes, submit",
@@ -18594,14 +18591,14 @@ var CameraCapture_messages_default = (0, import_react_intl40.defineMessages)({
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 var import_components73 = require("@transferwise/components");
-var import_react_intl41 = require("react-intl");
+var import_react_intl42 = require("react-intl");
 var import_jsx_runtime120 = require("react/jsx-runtime");
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl41.useIntl)();
+  const intl = (0, import_react_intl42.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       import_components73.Button,
@@ -18640,11 +18637,11 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime120.j
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_react_intl43 = require("react-intl");
+var import_react_intl44 = require("react-intl");
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
-var import_react_intl42 = require("react-intl");
-var OrientationLockOverlay_messages_default = (0, import_react_intl42.defineMessages)({
+var import_react_intl43 = require("react-intl");
+var OrientationLockOverlay_messages_default = (0, import_react_intl43.defineMessages)({
   text: {
     id: "dynamicFlows.CameraCapture.rotatePhone.text",
     defaultMessage: "Rotate your phone to portrait view to take a photo",
@@ -18655,7 +18652,7 @@ var OrientationLockOverlay_messages_default = (0, import_react_intl42.defineMess
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_jsx_runtime121 = require("react/jsx-runtime");
 function OrientationLockOverlay() {
-  const intl = (0, import_react_intl43.useIntl)();
+  const intl = (0, import_react_intl44.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime121.jsxs)("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ (0, import_jsx_runtime121.jsx)(
       "img",
@@ -18945,7 +18942,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = (0, import_react_intl44.useIntl)();
+  const intl = (0, import_react_intl45.useIntl)();
   const handleCapture = (0, import_react62.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) {
@@ -19168,11 +19165,11 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl46 = require("react-intl");
+var import_react_intl47 = require("react-intl");
 
 // src/common/messages/external-confirmation.messages.ts
-var import_react_intl45 = require("react-intl");
-var external_confirmation_messages_default2 = (0, import_react_intl45.defineMessages)({
+var import_react_intl46 = require("react-intl");
+var external_confirmation_messages_default2 = (0, import_react_intl46.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -19200,7 +19197,7 @@ var import_jsx_runtime126 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = (0, import_react_intl46.useIntl)();
+  const { formatMessage } = (0, import_react_intl47.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime126.jsx)(
     DynamicLayout_default,
     {
@@ -19573,9 +19570,9 @@ var assertResponseIsValid2 = (response) => {
 var isResponse2 = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/legacy/dynamicFlow/utils/useErrorResponse.tsx
-var import_react_intl47 = require("react-intl");
+var import_react_intl48 = require("react-intl");
 var useErrorResponse = () => {
-  const { formatMessage } = (0, import_react_intl47.useIntl)();
+  const { formatMessage } = (0, import_react_intl48.useIntl)();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -19619,7 +19616,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = (0, import_react67.useState)(false);
-  const { locale } = (0, import_react_intl48.useIntl)();
+  const { locale } = (0, import_react_intl49.useIntl)();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"