@wise/dynamic-flow-client 3.14.0 → 3.14.1

package/build/main.js

@@ -13225,7 +13225,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 var import_react66 = require("react");
-var import_react_intl46 = require("react-intl");
+var import_react_intl48 = require("react-intl");
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 var import_react24 = require("react");
@@ -14146,11 +14146,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 var import_react54 = require("react");
-var import_react_intl37 = require("react-intl");
+var import_react_intl39 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 var import_react53 = require("react");
-var import_react_intl36 = require("react-intl");
+var import_react_intl38 = require("react-intl");
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -15718,6 +15718,7 @@ var Help_default2 = Help2;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 var import_react39 = require("react");
+var import_react_intl31 = require("react-intl");
 
 // src/legacy/formControl/FormControl.tsx
 var import_components54 = require("@transferwise/components");
@@ -15987,6 +15988,7 @@ var _FormControl = class _FormControl extends import_react38.PureComponent {
       monthFormat,
       // FIXME pass id to all components that accept it
       id,
+      invalid,
       minDate,
       maxDate,
       value,
@@ -16027,6 +16029,12 @@ var _FormControl = class _FormControl extends import_react38.PureComponent {
           import_components54.SelectInput,
           {
             id,
+            UNSAFE_triggerButtonProps: {
+              id,
+              "aria-invalid": invalid,
+              "aria-labelledby": void 0,
+              "aria-describedby": describedBy
+            },
             items: items.map((value2) => ({
               type: "option",
               value: value2,
@@ -16232,25 +16240,21 @@ var _FormControl = class _FormControl extends import_react38.PureComponent {
       }
       case FormControlType.FILE:
       case FormControlType.UPLOAD: {
-        return (
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-expect-error - TODO: Remove this once Upload is migrated to TypeScript
-          /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
-            import_components54.Upload,
-            __spreadProps(__spreadValues({}, uploadProps), {
-              usAccept: uploadProps.usAccept || "*",
-              usDisabled: uploadProps.usDisabled || disabled,
-              onSuccess: (base64url, filename) => {
-                this.handleOnChange(base64url, { filename });
-              },
-              onFailure: () => {
-                this.handleOnChange(null);
-              },
-              onCancel: () => {
-                this.handleOnChange(null);
-              }
-            })
-          )
+        return /* @__PURE__ */ (0, import_jsx_runtime89.jsx)(
+          import_components54.Upload,
+          __spreadProps(__spreadValues({}, uploadProps), {
+            usAccept: uploadProps.usAccept || "*",
+            usDisabled: uploadProps.usDisabled || disabled,
+            onSuccess: (base64url, filename) => {
+              this.handleOnChange(base64url, { filename });
+            },
+            onFailure: () => {
+              this.handleOnChange(null);
+            },
+            onCancel: () => {
+              this.handleOnChange(null);
+            }
+          })
         );
       }
       case FormControlType.TEXT:
@@ -16303,6 +16307,7 @@ _FormControl.defaultProps = {
   disabled: false,
   displayPattern: null,
   id: null,
+  invalid: false,
   label: "",
   max: null,
   maxDate: null,
@@ -16397,6 +16402,7 @@ function SchemaFormControl(props) {
     schema,
     value,
     disabled,
+    invalid,
     required,
     onChange,
     onFocus,
@@ -16405,6 +16411,7 @@ function SchemaFormControl(props) {
     describedBy
   } = props;
   const log = useLogger();
+  const intl = (0, import_react_intl31.useIntl)();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull3(value2) || isUndefined3(value2)) ? "" : value2;
   const onModelChange = (value2, type, metadata) => {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
@@ -16426,6 +16433,7 @@ function SchemaFormControl(props) {
     name: id,
     label: schema.title,
     description: schema.description,
+    invalid,
     options: options || [],
     placeholder: schema.placeholder,
     autoComplete: !schema.help,
@@ -16433,7 +16441,9 @@ function SchemaFormControl(props) {
     disabled: disabled || schema.disabled,
     displayPattern: schema.displayFormat,
     // TODO: LOW avoid type assertion below
-    uploadProps: mapSchemaToUploadOptions(schema),
+    uploadProps: __spreadValues({
+      intl
+    }, mapSchemaToUploadOptions(schema)),
     describedBy,
     required
   };
@@ -16554,6 +16564,7 @@ function OneOfSchema(props) {
             schema: schemaForSelect,
             value: schemaIndex,
             disabled: props.disabled,
+            invalid: !isEmpty(props.errors) || validations.length > 0,
             describedBy: feedbackId,
             required: props.required,
             onChange: onChooseNewSchema,
@@ -16642,6 +16653,7 @@ var OneOfSchema_default = OneOfSchema;
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_classnames12 = __toESM(require_classnames());
 var import_react42 = require("react");
+var import_react_intl32 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 var import_components56 = require("@transferwise/components");
@@ -16669,8 +16681,10 @@ function UploadInputAdapter(props) {
       method: httpOptions.method || "POST",
       body: formData
     }).then((response) => {
+      var _a;
       if (response.ok) {
-        onSuccess == null ? void 0 : onSuccess(response.clone());
+        const file = formData.get((_a = httpOptions.fileInputName) != null ? _a : "file");
+        onSuccess == null ? void 0 : onSuccess(response.clone(), file ? file.name : "");
         return response.json().then((responseBody) => ({
           id: responseBody[idProperty]
         }));
@@ -16706,6 +16720,7 @@ function PersistAsyncBlobSchema(props) {
   const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react42.useState)(null);
   const [validations, setValidations] = (0, import_react42.useState)([]);
   const [changed, setChanged] = (0, import_react42.useState)(false);
+  const intl = (0, import_react_intl32.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   (0, import_react42.useEffect)(() => {
@@ -16722,7 +16737,8 @@ function PersistAsyncBlobSchema(props) {
     setChanged(true);
     onEvent("Dynamic Flow - PersistAsync", { status: "success", schemaId: schema.$id });
   };
-  const onFailure = async (errorResponse) => {
+  const onFailure = async (error) => {
+    const errorResponse = error;
     if (errorResponse.response && isStatus422(errorResponse.response.status)) {
       const jsonResponse = await errorResponse.response.json();
       setPersistAsyncValidationMessages(jsonResponse.validation || {});
@@ -16750,6 +16766,7 @@ function PersistAsyncBlobSchema(props) {
       UploadInputAdapter,
       __spreadValues({
         id,
+        intl,
         fileId: model,
         idProperty: schema.persistAsync.idProperty,
         animationDelay: 0,
@@ -16949,11 +16966,11 @@ var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 var import_components59 = require("@transferwise/components");
-var import_react_intl32 = require("react-intl");
+var import_react_intl34 = require("react-intl");
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.ts
-var import_react_intl31 = require("react-intl");
-var ReadOnlySchema_messages_default = (0, import_react_intl31.defineMessages)({
+var import_react_intl33 = require("react-intl");
+var ReadOnlySchema_messages_default = (0, import_react_intl33.defineMessages)({
   yes: {
     id: "dynamicFlows.ReadOnlySchema.yes",
     defaultMessage: "Yes",
@@ -16970,7 +16987,7 @@ var ReadOnlySchema_messages_default = (0, import_react_intl31.defineMessages)({
 var import_jsx_runtime99 = require("react/jsx-runtime");
 function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
-  const { formatMessage } = (0, import_react_intl32.useIntl)();
+  const { formatMessage } = (0, import_react_intl34.useIntl)();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ (0, import_jsx_runtime99.jsx)(import_components59.DefinitionList, { layout: import_components59.Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
 }
@@ -17471,11 +17488,11 @@ var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
 var import_components67 = require("@transferwise/components");
-var import_react_intl34 = require("react-intl");
+var import_react_intl36 = require("react-intl");
 
 // src/common/messages/paragraph.messages.ts
-var import_react_intl33 = require("react-intl");
-var paragraph_messages_default2 = (0, import_react_intl33.defineMessages)({
+var import_react_intl35 = require("react-intl");
+var paragraph_messages_default2 = (0, import_react_intl35.defineMessages)({
   copy: {
     id: "dynamicFlows.DynamicParagraph.copy",
     defaultMessage: "Copy",
@@ -17511,7 +17528,7 @@ function BasicDynamicParagraph({ component }) {
   ] });
 }
 function CopyableDynamicParagraph({ component }) {
-  const { formatMessage } = (0, import_react_intl34.useIntl)();
+  const { formatMessage } = (0, import_react_intl36.useIntl)();
   const createSnackbar = useSnackBarIfAvailable2();
   const { text } = component;
   const copy = () => {
@@ -17626,7 +17643,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
 
 // src/legacy/layout/search/SearchResults.tsx
 var import_components70 = require("@transferwise/components");
-var import_react_intl35 = require("react-intl");
+var import_react_intl37 = require("react-intl");
 var import_jsx_runtime113 = require("react/jsx-runtime");
 function SearchResults2({ results, emptyMessage, onSelect }) {
   if (results.length === 0) {
@@ -17646,7 +17663,7 @@ function SearchResults2({ results, emptyMessage, onSelect }) {
   )) });
 }
 function ErrorResult2({ onRetrySearch }) {
-  const intl = (0, import_react_intl35.useIntl)();
+  const intl = (0, import_react_intl37.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime113.jsxs)("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
@@ -18013,7 +18030,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = (0, import_react_intl36.useIntl)();
+  const intl = (0, import_react_intl38.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = (0, import_react53.useState)(null);
@@ -18111,7 +18128,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = (0, import_react54.useState)(null);
   const httpClient = useHttpClient();
-  const intl = (0, import_react_intl37.useIntl)();
+  const intl = (0, import_react_intl39.useIntl)();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18342,12 +18359,12 @@ var import_react62 = require("react");
 
 // src/common/cameraCapture/CameraCapture.tsx
 var import_react61 = require("react");
-var import_react_intl42 = require("react-intl");
+var import_react_intl44 = require("react-intl");
 var import_react_webcam = __toESM(require("react-webcam"));
 
 // src/common/cameraCapture/CameraCapture.messages.ts
-var import_react_intl38 = require("react-intl");
-var CameraCapture_messages_default = (0, import_react_intl38.defineMessages)({
+var import_react_intl40 = require("react-intl");
+var CameraCapture_messages_default = (0, import_react_intl40.defineMessages)({
   reviewSubmit: {
     id: "dynamicFlows.CameraCapture.reviewSubmit",
     defaultMessage: "Yes, submit",
@@ -18407,14 +18424,14 @@ var CameraCapture_messages_default = (0, import_react_intl38.defineMessages)({
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 var import_components73 = require("@transferwise/components");
-var import_react_intl39 = require("react-intl");
+var import_react_intl41 = require("react-intl");
 var import_jsx_runtime119 = require("react/jsx-runtime");
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "bottom-bar", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = (0, import_react_intl39.useIntl)();
+  const intl = (0, import_react_intl41.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsx)("div", { className: "row", children: /* @__PURE__ */ (0, import_jsx_runtime119.jsxs)("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ (0, import_jsx_runtime119.jsx)(
       import_components73.Button,
@@ -18453,11 +18470,11 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ (0, import_jsx_runtime119.j
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-var import_react_intl41 = require("react-intl");
+var import_react_intl43 = require("react-intl");
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
-var import_react_intl40 = require("react-intl");
-var OrientationLockOverlay_messages_default = (0, import_react_intl40.defineMessages)({
+var import_react_intl42 = require("react-intl");
+var OrientationLockOverlay_messages_default = (0, import_react_intl42.defineMessages)({
   text: {
     id: "dynamicFlows.CameraCapture.rotatePhone.text",
     defaultMessage: "Rotate your phone to portrait view to take a photo",
@@ -18468,7 +18485,7 @@ var OrientationLockOverlay_messages_default = (0, import_react_intl40.defineMess
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 var import_jsx_runtime120 = require("react/jsx-runtime");
 function OrientationLockOverlay() {
-  const intl = (0, import_react_intl41.useIntl)();
+  const intl = (0, import_react_intl43.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime120.jsxs)("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ (0, import_jsx_runtime120.jsx)(
       "img",
@@ -18758,7 +18775,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = (0, import_react_intl42.useIntl)();
+  const intl = (0, import_react_intl44.useIntl)();
   const handleCapture = (0, import_react61.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) {
@@ -18981,11 +18998,11 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-var import_react_intl44 = require("react-intl");
+var import_react_intl46 = require("react-intl");
 
 // src/common/messages/external-confirmation.messages.ts
-var import_react_intl43 = require("react-intl");
-var external_confirmation_messages_default2 = (0, import_react_intl43.defineMessages)({
+var import_react_intl45 = require("react-intl");
+var external_confirmation_messages_default2 = (0, import_react_intl45.defineMessages)({
   title: {
     id: "dynamicFlows.ExternalConfirmation.title",
     defaultMessage: "Please confirm",
@@ -19013,7 +19030,7 @@ var import_jsx_runtime125 = require("react/jsx-runtime");
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = (0, import_react_intl44.useIntl)();
+  const { formatMessage } = (0, import_react_intl46.useIntl)();
   return /* @__PURE__ */ (0, import_jsx_runtime125.jsx)(
     DynamicLayout_default,
     {
@@ -19386,9 +19403,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_intl45 = require("react-intl");
+var import_react_intl47 = require("react-intl");
 var useErrorResponse = () => {
-  const { formatMessage } = (0, import_react_intl45.useIntl)();
+  const { formatMessage } = (0, import_react_intl47.useIntl)();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -19432,7 +19449,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = (0, import_react66.useState)(false);
-  const { locale } = (0, import_react_intl46.useIntl)();
+  const { locale } = (0, import_react_intl48.useIntl)();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"