@wise/dynamic-flow-client 3.20.0 → 3.20.1

package/build/main.js

@@ -144,10 +144,10 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js
 var import_react7, import_jsx_runtime17, unknownFlagName, Flag, Sizes, ImageSizes, imageSizes, Assets, RenderMode;
-var init_index_93a0c34e_esm = __esm({
-  "../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
+var init_index_a91e5689_esm = __esm({
+  "../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-a91e5689.esm.js"() {
     "use strict";
     init_clsx();
     import_react7 = require("react");
@@ -156,7 +156,8 @@ var init_index_93a0c34e_esm = __esm({
     Flag = ({
       code,
       intrinsicSize = 64,
-      className = void 0
+      className = void 0,
+      loading = "lazy"
     }) => {
       const [fallback, setFallback] = (0, import_react7.useState)(null);
       (0, import_react7.useEffect)(() => {
@@ -167,6 +168,7 @@ var init_index_93a0c34e_esm = __esm({
       return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("img", {
         className: clsx(`wds-flag wds-flag-${name}`, className),
         src: `https://wise.com/web-art/assets/flags/${name}.svg`,
+        loading,
         alt: "",
         width: intrinsicSize,
         height: intrinsicSize,
@@ -11420,8 +11422,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 var import_components9 = require("@transferwise/components");
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.5_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
-init_index_93a0c34e_esm();
+// ../../node_modules/.pnpm/@wise+art@2.15.0_@transferwise+neptune-css@14.18.0_@types+react@18.3.8_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+init_index_a91e5689_esm();
 init_clsx();
 var import_react8 = require("react");
 var import_jsx_runtime18 = require("react/jsx-runtime");
@@ -14930,6 +14932,7 @@ var getSchemaColumnClasses = (width) => ({
   "col-sm-4": width === "sm"
 });
 function AllOfSchema(props) {
+  const { disabled = false } = props;
   const onChangeModelIndex = (index, onChangeProps) => {
     const modelSchema = props.schema.allOf[index];
     models[index] = getValidObjectModelParts(onChangeProps.model, modelSchema) || {};
@@ -14949,7 +14952,7 @@ function AllOfSchema(props) {
           model: models[index],
           errors: props.errors,
           submitted: props.submitted,
-          disabled: props.disabled,
+          disabled,
           onChange: (onChangeProps) => onChangeModelIndex(index, __spreadProps(__spreadValues({}, onChangeProps), {
             // We can safely assume that the model here is going to be of the same type as the model prop
             model: onChangeProps.model
@@ -14960,9 +14963,6 @@ function AllOfSchema(props) {
     )) })
   ] });
 }
-AllOfSchema.defaultProps = {
-  disabled: false
-};
 var AllOfSchema_default = AllOfSchema;
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
@@ -14976,28 +14976,22 @@ var import_formatting2 = require("@transferwise/formatting");
 var import_react_intl22 = require("react-intl");
 var import_jsx_runtime79 = require("react/jsx-runtime");
 function ControlFeedback(props) {
-  var _a;
+  const { errors = "", validations = [], validationMessages = {} } = props;
   const defaultValidationMessages = useDefaultValidationMessages(props.schema);
-  const validationMessages = __spreadValues(__spreadValues(__spreadValues({}, defaultValidationMessages), props.validationMessages), props.schema.validationMessages);
-  const isErrorVisible = (props.submitted || !props.changed) && Boolean(props.errors);
-  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && Boolean((_a = props.validations) == null ? void 0 : _a.length);
+  const mergedValidationMessages = __spreadValues(__spreadValues(__spreadValues({}, defaultValidationMessages), validationMessages), props.schema.validationMessages);
+  const isErrorVisible = (props.submitted || !props.changed) && Boolean(errors);
+  const isValidationVisible = !isErrorVisible && (props.submitted || props.changed && props.blurred) && Boolean(validations == null ? void 0 : validations.length);
   const isDescriptionVisible = props.schema.type !== "boolean" && props.schema.description && !isErrorVisible && !isValidationVisible;
   const hasInfoMessage = Boolean(props.infoMessage);
   return /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)("div", { id: props.id, children: [
-    isErrorVisible ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components46.InlineAlert, { type: "error", children: props.errors }) : null,
-    isValidationVisible ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components46.InlineAlert, { type: "error", children: props.validations.map((validation) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: validationMessages[validation] }, validation)) }) : null,
+    isErrorVisible ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components46.InlineAlert, { type: "error", children: errors }) : null,
+    isValidationVisible ? /* @__PURE__ */ (0, import_jsx_runtime79.jsx)(import_components46.InlineAlert, { type: "error", children: validations.map((validation) => /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: mergedValidationMessages[validation] }, validation)) }) : null,
     (isDescriptionVisible || hasInfoMessage) && /* @__PURE__ */ (0, import_jsx_runtime79.jsxs)(import_components46.InlineAlert, { type: "info", children: [
       isDescriptionVisible && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: props.schema.description }),
       hasInfoMessage && /* @__PURE__ */ (0, import_jsx_runtime79.jsx)("div", { children: props.infoMessage })
     ] })
   ] });
 }
-ControlFeedback.defaultProps = {
-  errors: "",
-  validations: [],
-  validationMessages: {},
-  validationAsyncSuccessMessage: null
-};
 function useDefaultValidationMessages(schema) {
   const { formatMessage, locale } = (0, import_react_intl22.useIntl)();
   const formattedMessages = {
@@ -15117,7 +15111,7 @@ function useFormattedDefaultErrorMessages({
 var import_jsx_runtime80 = require("react/jsx-runtime");
 function MultipleFileUploadSchema(props) {
   var _a, _b;
-  const { onChange, schema } = props;
+  const { onChange, errors = null, schema, required = false } = props;
   const onEvent = useEventDispatcher();
   const defaultErrorMessages = useFormattedDefaultErrorMessages(schema);
   const uid = (0, import_react34.useMemo)(() => schema.$id || generateRandomId(), [schema.$id]);
@@ -15154,8 +15148,8 @@ function MultipleFileUploadSchema(props) {
   }
   const validFiles = getSuccessfullyProcessedFiles(files);
   const fileIds = validFiles.map((file) => file.id);
-  const fileListValidationFailures = getArrayValidationFailures(fileIds, schema, props.required);
-  const showError = Boolean(props.errors) || (inputChanged || props.submitted) && Boolean(fileListValidationFailures.length);
+  const fileListValidationFailures = getArrayValidationFailures(fileIds, schema, required);
+  const showError = Boolean(errors) || (inputChanged || props.submitted) && Boolean(fileListValidationFailures.length);
   const accepts = "accepts" in fileSchemaDescriptor && fileSchemaDescriptor.accepts;
   const maxSize = "maxSize" in fileSchemaDescriptor && fileSchemaDescriptor.maxSize;
   const uploadInputProps = __spreadProps(__spreadValues(__spreadValues({
@@ -15184,14 +15178,10 @@ function MultipleFileUploadSchema(props) {
         id: feedbackId,
         changed: inputChanged,
         submitted: props.submitted,
-        errors: props.errors,
+        errors,
         schema: props.schema,
         validations: fileListValidationFailures,
-        validationMessages: getValidationMessages(
-          schema,
-          Boolean(props.required),
-          defaultErrorMessages
-        ),
+        validationMessages: getValidationMessages(schema, Boolean(required), defaultErrorMessages),
         infoMessage: null,
         focused: false,
         blurred: true
@@ -15199,10 +15189,6 @@ function MultipleFileUploadSchema(props) {
     )
   ] });
 }
-MultipleFileUploadSchema.defaultProps = {
-  errors: null,
-  required: false
-};
 var MultipleFileUploadSchema_default = MultipleFileUploadSchema;
 function getSuccessfullyProcessedFiles(allFiles) {
   return allFiles.filter((file) => !file.error && file.status === "succeeded");
@@ -15899,22 +15885,18 @@ var RepeatableSchema_default = RepeatableSchema;
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/ArrayListSchema.tsx
 var import_jsx_runtime86 = require("react/jsx-runtime");
 function ArrayListSchema(props) {
-  const { schema } = props;
+  const { errors = null, schema } = props;
   if (isMultipleFileUploadSchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MultipleFileUploadSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MultipleFileUploadSchema_default, __spreadProps(__spreadValues({}, props), { errors, schema }));
   }
   if (isMultiSelectConstSchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MultiSelectSchema, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(MultiSelectSchema, __spreadProps(__spreadValues({}, props), { errors, schema }));
   }
   if (isListArraySchema(schema)) {
-    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RepeatableSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(RepeatableSchema_default, __spreadProps(__spreadValues({}, props), { errors, schema }));
   }
   throw new Error("Invalid array list schema");
 }
-ArrayListSchema.defaultProps = {
-  errors: null,
-  required: false
-};
 var ArrayListSchema_default = ArrayListSchema;
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/ArraySchema.tsx
@@ -15926,9 +15908,6 @@ var ArraySchema = (props) => {
   }
   throw new Error("Not implemented");
 };
-ArraySchema.defaultProps = {
-  required: false
-};
 var ArraySchema_default = ArraySchema;
 
 // src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
@@ -15942,6 +15921,7 @@ var getSchemaColumnClasses2 = (width) => ({
   "col-sm-4": width === "sm"
 });
 function ObjectSchema(props) {
+  const { disabled = false, hideTitle = false } = props;
   const [model, setModel] = (0, import_react38.useState)(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
   const onChangeProperty = (propertyName, onChangeProps) => {
     if (onChangeProps.model !== null) {
@@ -15974,8 +15954,8 @@ function ObjectSchema(props) {
   return /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)(import_jsx_runtime88.Fragment, { children: [
     props.schema.alert && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(DynamicAlert_default, { component: props.schema.alert }),
     /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("fieldset", { children: [
-      props.schema.title && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_components52.Header, { title: props.schema.title, as: "legend" }),
-      props.schema.description && !props.hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { children: [
+      props.schema.title && !hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsx)(import_components52.Header, { title: props.schema.title, as: "legend" }),
+      props.schema.description && !hideTitle && /* @__PURE__ */ (0, import_jsx_runtime88.jsxs)("p", { children: [
         " ",
         props.schema.description,
         " "
@@ -15994,7 +15974,7 @@ function ObjectSchema(props) {
               errors: propsErrors == null ? void 0 : propsErrors[propertyName],
               submitted: props.submitted,
               required: isRequired(propertyName),
-              disabled: props.disabled,
+              disabled,
               onChange: (onChangeProps) => onChangeProperty(propertyName, onChangeProps),
               onPersistAsync: props.onPersistAsync
             }
@@ -16005,10 +15985,6 @@ function ObjectSchema(props) {
     ] })
   ] });
 }
-ObjectSchema.defaultProps = {
-  hideTitle: false,
-  disabled: false
-};
 var ObjectSchema_default = ObjectSchema;
 
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
@@ -16743,8 +16719,8 @@ function SchemaFormControl(props) {
   const {
     id,
     schema,
-    value,
-    disabled,
+    value = null,
+    disabled = false,
     invalid,
     required,
     onChange,
@@ -16794,13 +16770,6 @@ function SchemaFormControl(props) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("div", { "aria-describedby": describedBy, children: /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(FormControl, __spreadValues(__spreadValues({ type: controlType, value: safeValue }, events), controlProps)) });
 }
-SchemaFormControl.defaultProps = {
-  value: null,
-  onFocus: null,
-  onBlur: null,
-  onSearchChange: null,
-  disabled: false
-};
 var warnIfInvalidSchema = (schema, log, controlType) => {
   if (isOneOfSchema2(schema) && schema.oneOf.length === 2 && !schema.control) {
     log.warning(
@@ -16827,6 +16796,7 @@ function OneOfSchema(props) {
   const [changed, setChanged] = (0, import_react41.useState)(false);
   const [focused, setFocused] = (0, import_react41.useState)(false);
   const [blurred, setBlurred] = (0, import_react41.useState)(false);
+  const { disabled = false, required = false } = props;
   const id = (0, import_react41.useMemo)(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const [schemaIndex, setSchemaIndex] = (0, import_react41.useState)(
     getActiveSchemaIndex(props.schema, props.model)
@@ -16908,10 +16878,10 @@ function OneOfSchema(props) {
             id,
             schema: schemaForSelect,
             value: schemaIndex,
-            disabled: props.disabled,
+            disabled,
             invalid: !isEmpty(props.errors) || validations.length > 0,
             describedBy: feedbackId,
-            required: props.required,
+            required,
             onChange: onChooseNewSchema,
             onFocus,
             onBlur,
@@ -16942,7 +16912,7 @@ function OneOfSchema(props) {
         errors: props.errors,
         submitted: props.submitted,
         hideTitle: true,
-        disabled: props.disabled,
+        disabled,
         onChange: (parameters) => onChildModelChange(schemaIndex, parameters),
         onPersistAsync: props.onPersistAsync
       }
@@ -16964,12 +16934,13 @@ function getTitleAndHelp(schema, forId) {
   return schema.title ? titleElement : helpElement;
 }
 function getValidations(props, schemaIndex) {
-  const selectedSchema = props.schema.oneOf[schemaIndex != null ? schemaIndex : -1];
+  const { schema, required = false } = props;
+  const selectedSchema = schema.oneOf[schemaIndex != null ? schemaIndex : -1];
   if (isConstSchema2(selectedSchema)) {
-    return getValidationFailures(selectedSchema.const, props.schema, Boolean(props.required));
+    return getValidationFailures(selectedSchema.const, schema, Boolean(required));
   }
   if (schemaIndex === null || schemaIndex < 0) {
-    return getValidationFailures(null, props.schema, Boolean(props.required));
+    return getValidationFailures(null, schema, Boolean(required));
   }
   return [];
 }
@@ -16989,10 +16960,6 @@ function mapOneOfToConst(schema, index) {
   const { title, description, disabled = false, icon, image, keywords } = schema;
   return { title, description, disabled, icon, image, const: index, keywords };
 }
-OneOfSchema.defaultProps = {
-  required: false,
-  disabled: false
-};
 var OneOfSchema_default = OneOfSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
@@ -17060,7 +17027,7 @@ function UploadInputAdapter(props) {
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_jsx_runtime94 = require("react/jsx-runtime");
 function PersistAsyncBlobSchema(props) {
-  const { model, schema, submitted, required, errors, onChange } = props;
+  const { model, schema, submitted, required = false, errors, onChange } = props;
   const [persistAsyncValidationMessages, setPersistAsyncValidationMessages] = (0, import_react43.useState)({});
   const [persistAsyncValidations, setPersistAsyncValidations] = (0, import_react43.useState)(null);
   const [validations, setValidations] = (0, import_react43.useState)([]);
@@ -17144,9 +17111,6 @@ function PersistAsyncBlobSchema(props) {
     )
   ] });
 }
-PersistAsyncBlobSchema.defaultProps = {
-  required: false
-};
 var PersistAsyncBlobSchema_default = PersistAsyncBlobSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.tsx
@@ -17162,9 +17126,6 @@ function PersistAsyncSchema(props) {
   }
   return /* @__PURE__ */ (0, import_jsx_runtime95.jsx)(PersistAsyncBasicSchema_default, __spreadValues({}, props));
 }
-PersistAsyncSchema.defaultProps = {
-  required: false
-};
 var PersistAsyncSchema_default = PersistAsyncSchema;
 
 // src/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
@@ -17194,7 +17155,6 @@ var PromotedOneOfCheckboxControl = (props) => {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime96.jsx)("div", { className: "form-group", children: /* @__PURE__ */ (0, import_jsx_runtime96.jsx)(import_components57.Checkbox, { id, label: title, checked, onChange: toggleSelection }) });
 };
-PromotedOneOfCheckboxControl.defaultProps = {};
 var PromotedOneOfCheckboxControl_default = PromotedOneOfCheckboxControl;
 
 // src/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.tsx
@@ -17378,7 +17338,7 @@ function getValueFromOption(option) {
 var import_react45 = require("react");
 var import_jsx_runtime101 = require("react/jsx-runtime");
 function ValidationAsyncSchema(props) {
-  const { schema, model, required, submitted, errors, onChange } = props;
+  const { schema, model, required = false, submitted, errors, onChange } = props;
   const [validationAsyncModel, setValidationAsyncModel] = (0, import_react45.useState)(model);
   const previousRequestedModelReference = (0, import_react45.useRef)(null);
   const [validationAsyncSuccessMessage, setValidationAsyncSuccessMessage] = (0, import_react45.useState)(
@@ -17462,7 +17422,6 @@ function ValidationAsyncSchema(props) {
   };
   return /* @__PURE__ */ (0, import_jsx_runtime101.jsx)(BasicTypeSchema_default, __spreadValues({}, basicTypeSchemaProps));
 }
-ValidationAsyncSchema.defaultProps = { required: false };
 var ValidationAsyncSchema_default = ValidationAsyncSchema;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
@@ -18245,11 +18204,12 @@ var getDefaultValue = (schema) => {
 };
 var BasicTypeSchema = (props) => {
   var _a, _b, _c;
+  const { disabled = false, required = false } = props;
   const onChange = (newModel, _type, metadata) => {
     setChanged(true);
     setModelAndBroadcast(sanitiseModel(newModel), "user", metadata);
   };
-  const getValidationKeys = (newModel) => getValidationFailures(newModel, props.schema, props.required);
+  const getValidationKeys = (newModel) => getValidationFailures(newModel, props.schema, required);
   const setModelAndBroadcast = (newModel, type, metadata) => {
     setModel(newModel);
     const validationKeys = getValidationKeys(newModel);
@@ -18329,7 +18289,7 @@ var BasicTypeSchema = (props) => {
           id,
           schema: props.schema,
           value: model,
-          disabled: !!props.disabled,
+          disabled: !!disabled,
           onChange,
           onFocus,
           onBlur,
@@ -18354,11 +18314,6 @@ var BasicTypeSchema = (props) => {
     ] })
   ] }) : null;
 };
-BasicTypeSchema.defaultProps = {
-  required: false,
-  disabled: false,
-  onBlur: null
-};
 var BasicTypeSchema_default = BasicTypeSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
@@ -18376,7 +18331,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
   FormControlType.UPLOAD
 ]);
 function PersistAsyncBasicSchema(props) {
-  const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
+  const { schema, required = false, submitted, errors, onChange, onPersistAsync } = props;
   const intl = (0, import_react_intl40.useIntl)();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
@@ -18466,9 +18421,6 @@ function PersistAsyncBasicSchema(props) {
     }
   );
 }
-PersistAsyncBasicSchema.defaultProps = {
-  required: false
-};
 var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts