@wise/dynamic-flow-client 3.19.7 → 3.20.1

package/build/main.mjs

@@ -138,19 +138,20 @@ 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
 import { useState as useState2, useEffect as useEffect2, forwardRef, Suspense, lazy } from "react";
 import { jsx as jsx17, jsxs as jsxs4, Fragment as Fragment3 } from "react/jsx-runtime";
 var 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();
     unknownFlagName = "wise";
     Flag = ({
       code,
       intrinsicSize = 64,
-      className = void 0
+      className = void 0,
+      loading = "lazy"
     }) => {
       const [fallback, setFallback] = useState2(null);
       useEffect2(() => {
@@ -161,6 +162,7 @@ var init_index_93a0c34e_esm = __esm({
       return /* @__PURE__ */ jsx17("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,
@@ -6990,25 +6992,89 @@ var getActionByReference = ($ref, actions = []) => {
 };
 
 // src/revamp/domain/mappers/layout/buttonLayoutToComponent.ts
-var buttonLayoutToComponent = (uid, button, { onAction, step }) => {
+var buttonLayoutToComponent = (uid, button, mapperProps) => {
+  if (button.behavior) {
+    return buttonLayoutToComponentWithBehavior(
+      uid,
+      __spreadProps(__spreadValues({}, button), { behavior: button.behavior }),
+      mapperProps
+    );
+  }
+  if (button.action) {
+    return buttonLayoutToComponentWithAction(
+      uid,
+      __spreadProps(__spreadValues({}, button), { action: button.action }),
+      mapperProps
+    );
+  }
+  return buttonLayoutToComponentWithNoop(uid, button);
+};
+var buttonLayoutToComponentWithBehavior = (uid, button, mapperProps) => {
+  const { onAction, onLink, step } = mapperProps;
+  const { context, control, disabled, margin = "md", pinOrder, size, title, behavior } = button;
+  const { action, link } = behavior;
+  const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : null;
+  const onClick = (() => {
+    if (inlinedAction) {
+      return () => {
+        void onAction(inlinedAction);
+      };
+    }
+    if (link) {
+      return () => {
+        onLink(link.url);
+      };
+    }
+    return () => {
+    };
+  })();
+  return createButtonComponent({
+    uid,
+    context: mapLegacyContext(context != null ? context : "neutral"),
+    control,
+    disabled: disabled != null ? disabled : false,
+    margin,
+    pinOrder,
+    size,
+    title: title != null ? title : "",
+    onClick
+  });
+};
+var buttonLayoutToComponentWithAction = (uid, button, mapperProps) => {
+  const { onAction, step } = mapperProps;
   const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
-  const action = button.action ? inlineAction(button.action, step == null ? void 0 : step.actions) : {};
-  const onClick = button.action ? () => {
-    void onAction(action);
-  } : () => {
+  const { action } = button;
+  const inlinedAction = action ? inlineAction(action, step == null ? void 0 : step.actions) : {};
+  const onClick = () => {
+    void onAction(inlinedAction);
   };
   return createButtonComponent({
     uid,
-    context: getButtonContext({ context, action }),
-    control: getButtonControl({ control, action }),
-    disabled: getButtonDisabled({ disabled, action }),
+    context: getButtonContext({ context, action: inlinedAction }),
+    control: getButtonControl({ control, action: inlinedAction }),
+    disabled: getButtonDisabled({ disabled, action: inlinedAction }),
     margin,
     pinOrder,
     size,
-    title: getButtonTitle({ title, action }),
+    title: getButtonTitle({ title, action: inlinedAction }),
     onClick
   });
 };
+var buttonLayoutToComponentWithNoop = (uid, button) => {
+  const { context, control, disabled, margin = "md", pinOrder, size, title } = button;
+  return createButtonComponent({
+    uid,
+    context: mapLegacyContext(context != null ? context : "neutral"),
+    control,
+    disabled: disabled != null ? disabled : false,
+    margin,
+    pinOrder,
+    size,
+    title: title != null ? title : "",
+    onClick: () => {
+    }
+  });
+};
 var getButtonTitle = ({ title, action }) => {
   var _a;
   return (_a = title != null ? title : action == null ? void 0 : action.title) != null ? _a : "";
@@ -10707,6 +10773,7 @@ function useDynamicFlowCore(props) {
   const httpClient = useStableCallback(rest.httpClient);
   const onCompletion = useStableCallback(rest.onCompletion);
   const onValueChange = useStableCallback(props.onValueChange);
+  const onLink = useStableCallback(props.onLink);
   const onError = useStableCallback(rest.onError);
   const onEvent = useStableCallback(rest.onEvent);
   const onLog = useStableCallback(rest.onLog);
@@ -10770,6 +10837,7 @@ function useDynamicFlowCore(props) {
           onAction,
           onRefresh,
           onPoll,
+          onLink,
           onValueChange
         });
         setStepComponent(() => {
@@ -10948,14 +11016,7 @@ function DynamicFlowCore(props) {
         onEvent == null ? void 0 : onEvent("Dynamic Flow - Failed", { error });
         onError == null ? void 0 : onError(error);
       },
-      children: /* @__PURE__ */ jsx5(
-        "div",
-        {
-          id: (_b = (_a = stepComponentRef.current) == null ? void 0 : _a.step) == null ? void 0 : _b.id,
-          className: "dynamic-flow",
-          children: stepComponentRef.current ? render(stepComponentRef.current) : null
-        }
-      )
+      children: /* @__PURE__ */ jsx5("div", { id: (_b = (_a = stepComponentRef.current) == null ? void 0 : _a.step) == null ? void 0 : _b.id, className: "dynamic-flow", children: stepComponentRef.current ? render(stepComponentRef.current) : null })
     }
   );
 }
@@ -11337,8 +11398,8 @@ var DateInputRenderer_default = DateInputRenderer;
 // ../renderers/src/DecisionRenderer.tsx
 import { NavigationOptionsList, NavigationOption, Header } from "@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();
 import "react";
 import "react/jsx-runtime";
@@ -13021,13 +13082,24 @@ var getWiseRenderers = () => [
   StepRenderer
 ];
 
+// src/revamp/utils/openLinkInNewTab.tsx
+var openLinkInNewTab = (url) => {
+  var _a;
+  try {
+    const w = (_a = window == null ? void 0 : window.open) == null ? void 0 : _a.call(window, url, "_blank");
+    return Boolean(w);
+  } catch (e) {
+    return false;
+  }
+};
+
 // src/revamp/DynamicFlowWise.tsx
 import { jsx as jsx58 } from "react/jsx-runtime";
 var wiseRenderers = getWiseRenderers();
 function DynamicFlowWise(props) {
-  const { httpClient, renderers } = props;
+  const { httpClient, renderers, onLink = openLinkInNewTab } = props;
   const mergedRenderers = useMemo4(() => [...renderers != null ? renderers : [], ...wiseRenderers], [renderers]);
-  return /* @__PURE__ */ jsx58(RendererHttpClientProvider, { httpClient, children: /* @__PURE__ */ jsx58(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: mergedRenderers })) });
+  return /* @__PURE__ */ jsx58(RendererHttpClientProvider, { httpClient, children: /* @__PURE__ */ jsx58(DynamicFlowCore, __spreadProps(__spreadValues({}, props), { renderers: mergedRenderers, onLink })) });
 }
 var DynamicFlowWise_default = DynamicFlowWise;
 
@@ -13058,10 +13130,17 @@ var useHasHttpClientProvider = () => {
 import { jsx as jsx60 } from "react/jsx-runtime";
 var wiseRenderers2 = getWiseRenderers();
 var DynamicFragmentWise = forwardRef2(function DynamicFragmentWise2(props, ref) {
-  const { httpClient, onCompletion = () => {
-  }, onEvent, onError, renderers } = props;
+  const {
+    httpClient,
+    onCompletion = () => {
+    },
+    onEvent,
+    onError,
+    renderers,
+    onLink = openLinkInNewTab
+  } = props;
   const mergedRenderers = useMemo6(() => [...renderers != null ? renderers : [], ...wiseRenderers2], [renderers]);
-  const { stepComponentRef } = useDynamicFlowCore(__spreadValues({ onCompletion }, props));
+  const { stepComponentRef } = useDynamicFlowCore(__spreadProps(__spreadValues({ onCompletion }, props), { onLink }));
   useImperativeHandle(
     ref,
     () => ({
@@ -13099,8 +13178,8 @@ import { forwardRef as forwardRef3, useImperativeHandle as useImperativeHandle2,
 import { jsx as jsx61 } from "react/jsx-runtime";
 var DynamicFragmentCore = forwardRef3(function DynamicFragmentCore2(props, ref) {
   const { onCompletion = () => {
-  }, onEvent, onError, renderers } = props;
-  const { stepComponentRef } = useDynamicFlowCore(__spreadValues({ onCompletion }, props));
+  }, onEvent, onError, onLink = openLinkInNewTab, renderers } = props;
+  const { stepComponentRef } = useDynamicFlowCore(__spreadProps(__spreadValues({ onCompletion }, props), { onLink }));
   useImperativeHandle2(
     ref,
     () => ({
@@ -14835,6 +14914,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) || {};
@@ -14854,7 +14934,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
@@ -14865,9 +14945,6 @@ function AllOfSchema(props) {
     )) })
   ] });
 }
-AllOfSchema.defaultProps = {
-  disabled: false
-};
 var AllOfSchema_default = AllOfSchema;
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.tsx
@@ -14884,28 +14961,22 @@ import { formatDate as formatDate3 } from "@transferwise/formatting";
 import { useIntl as useIntl11 } from "react-intl";
 import { jsx as jsx78, jsxs as jsxs27 } from "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__ */ jsxs27("div", { id: props.id, children: [
-    isErrorVisible ? /* @__PURE__ */ jsx78(InlineAlert3, { type: "error", children: props.errors }) : null,
-    isValidationVisible ? /* @__PURE__ */ jsx78(InlineAlert3, { type: "error", children: props.validations.map((validation) => /* @__PURE__ */ jsx78("div", { children: validationMessages[validation] }, validation)) }) : null,
+    isErrorVisible ? /* @__PURE__ */ jsx78(InlineAlert3, { type: "error", children: errors }) : null,
+    isValidationVisible ? /* @__PURE__ */ jsx78(InlineAlert3, { type: "error", children: validations.map((validation) => /* @__PURE__ */ jsx78("div", { children: mergedValidationMessages[validation] }, validation)) }) : null,
     (isDescriptionVisible || hasInfoMessage) && /* @__PURE__ */ jsxs27(InlineAlert3, { type: "info", children: [
       isDescriptionVisible && /* @__PURE__ */ jsx78("div", { children: props.schema.description }),
       hasInfoMessage && /* @__PURE__ */ jsx78("div", { children: props.infoMessage })
     ] })
   ] });
 }
-ControlFeedback.defaultProps = {
-  errors: "",
-  validations: [],
-  validationMessages: {},
-  validationAsyncSuccessMessage: null
-};
 function useDefaultValidationMessages(schema) {
   const { formatMessage, locale } = useIntl11();
   const formattedMessages = {
@@ -15025,7 +15096,7 @@ function useFormattedDefaultErrorMessages({
 import { jsx as jsx79, jsxs as jsxs28 } from "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 = useMemo12(() => schema.$id || generateRandomId(), [schema.$id]);
@@ -15062,8 +15133,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({
@@ -15092,14 +15163,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
@@ -15107,10 +15174,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");
@@ -15807,22 +15870,18 @@ var RepeatableSchema_default = RepeatableSchema;
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/ArrayListSchema.tsx
 import { jsx as jsx85 } from "react/jsx-runtime";
 function ArrayListSchema(props) {
-  const { schema } = props;
+  const { errors = null, schema } = props;
   if (isMultipleFileUploadSchema(schema)) {
-    return /* @__PURE__ */ jsx85(MultipleFileUploadSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ jsx85(MultipleFileUploadSchema_default, __spreadProps(__spreadValues({}, props), { errors, schema }));
   }
   if (isMultiSelectConstSchema(schema)) {
-    return /* @__PURE__ */ jsx85(MultiSelectSchema, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ jsx85(MultiSelectSchema, __spreadProps(__spreadValues({}, props), { errors, schema }));
   }
   if (isListArraySchema(schema)) {
-    return /* @__PURE__ */ jsx85(RepeatableSchema_default, __spreadProps(__spreadValues({}, props), { schema }));
+    return /* @__PURE__ */ jsx85(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
@@ -15834,9 +15893,6 @@ var ArraySchema = (props) => {
   }
   throw new Error("Not implemented");
 };
-ArraySchema.defaultProps = {
-  required: false
-};
 var ArraySchema_default = ArraySchema;
 
 // src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
@@ -15850,6 +15906,7 @@ var getSchemaColumnClasses2 = (width) => ({
   "col-sm-4": width === "sm"
 });
 function ObjectSchema(props) {
+  const { disabled = false, hideTitle = false } = props;
   const [model, setModel] = useState17(() => __spreadValues({}, getValidObjectModelParts(props.model, props.schema)));
   const onChangeProperty = (propertyName, onChangeProps) => {
     if (onChangeProps.model !== null) {
@@ -15882,8 +15939,8 @@ function ObjectSchema(props) {
   return /* @__PURE__ */ jsxs31(Fragment13, { children: [
     props.schema.alert && /* @__PURE__ */ jsx87(DynamicAlert_default, { component: props.schema.alert }),
     /* @__PURE__ */ jsxs31("fieldset", { children: [
-      props.schema.title && !props.hideTitle && /* @__PURE__ */ jsx87(Header10, { title: props.schema.title, as: "legend" }),
-      props.schema.description && !props.hideTitle && /* @__PURE__ */ jsxs31("p", { children: [
+      props.schema.title && !hideTitle && /* @__PURE__ */ jsx87(Header10, { title: props.schema.title, as: "legend" }),
+      props.schema.description && !hideTitle && /* @__PURE__ */ jsxs31("p", { children: [
         " ",
         props.schema.description,
         " "
@@ -15902,7 +15959,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
             }
@@ -15913,10 +15970,6 @@ function ObjectSchema(props) {
     ] })
   ] });
 }
-ObjectSchema.defaultProps = {
-  hideTitle: false,
-  disabled: false
-};
 var ObjectSchema_default = ObjectSchema;
 
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
@@ -16663,8 +16716,8 @@ function SchemaFormControl(props) {
   const {
     id,
     schema,
-    value,
-    disabled,
+    value = null,
+    disabled = false,
     invalid,
     required,
     onChange,
@@ -16714,13 +16767,6 @@ function SchemaFormControl(props) {
   };
   return /* @__PURE__ */ jsx90("div", { "aria-describedby": describedBy, children: /* @__PURE__ */ jsx90(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(
@@ -16747,6 +16793,7 @@ function OneOfSchema(props) {
   const [changed, setChanged] = useState18(false);
   const [focused, setFocused] = useState18(false);
   const [blurred, setBlurred] = useState18(false);
+  const { disabled = false, required = false } = props;
   const id = useMemo15(() => props.schema.$id || generateRandomId(), [props.schema.$id]);
   const [schemaIndex, setSchemaIndex] = useState18(
     getActiveSchemaIndex(props.schema, props.model)
@@ -16828,10 +16875,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,
@@ -16862,7 +16909,7 @@ function OneOfSchema(props) {
         errors: props.errors,
         submitted: props.submitted,
         hideTitle: true,
-        disabled: props.disabled,
+        disabled,
         onChange: (parameters) => onChildModelChange(schemaIndex, parameters),
         onPersistAsync: props.onPersistAsync
       }
@@ -16884,12 +16931,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 [];
 }
@@ -16909,10 +16957,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
@@ -16980,7 +17024,7 @@ function UploadInputAdapter(props) {
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 import { jsx as jsx93, jsxs as jsxs33 } from "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] = useState19({});
   const [persistAsyncValidations, setPersistAsyncValidations] = useState19(null);
   const [validations, setValidations] = useState19([]);
@@ -17064,9 +17108,6 @@ function PersistAsyncBlobSchema(props) {
     )
   ] });
 }
-PersistAsyncBlobSchema.defaultProps = {
-  required: false
-};
 var PersistAsyncBlobSchema_default = PersistAsyncBlobSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/PersistAsyncSchema.tsx
@@ -17082,9 +17123,6 @@ function PersistAsyncSchema(props) {
   }
   return /* @__PURE__ */ jsx94(PersistAsyncBasicSchema_default, __spreadValues({}, props));
 }
-PersistAsyncSchema.defaultProps = {
-  required: false
-};
 var PersistAsyncSchema_default = PersistAsyncSchema;
 
 // src/legacy/jsonSchemaForm/promotedOneOfSchema/PromotedOneOfSchema.tsx
@@ -17114,7 +17152,6 @@ var PromotedOneOfCheckboxControl = (props) => {
   };
   return /* @__PURE__ */ jsx95("div", { className: "form-group", children: /* @__PURE__ */ jsx95(Checkbox3, { id, label: title, checked, onChange: toggleSelection }) });
 };
-PromotedOneOfCheckboxControl.defaultProps = {};
 var PromotedOneOfCheckboxControl_default = PromotedOneOfCheckboxControl;
 
 // src/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfRadioControl.tsx
@@ -17298,7 +17335,7 @@ function getValueFromOption(option) {
 import { useEffect as useEffect14, useRef as useRef3, useState as useState21 } from "react";
 import { jsx as jsx100 } from "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] = useState21(model);
   const previousRequestedModelReference = useRef3(null);
   const [validationAsyncSuccessMessage, setValidationAsyncSuccessMessage] = useState21(
@@ -17382,7 +17419,6 @@ function ValidationAsyncSchema(props) {
   };
   return /* @__PURE__ */ jsx100(BasicTypeSchema_default, __spreadValues({}, basicTypeSchemaProps));
 }
-ValidationAsyncSchema.defaultProps = { required: false };
 var ValidationAsyncSchema_default = ValidationAsyncSchema;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
@@ -18165,11 +18201,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);
@@ -18249,7 +18286,7 @@ var BasicTypeSchema = (props) => {
           id,
           schema: props.schema,
           value: model,
-          disabled: !!props.disabled,
+          disabled: !!disabled,
           onChange,
           onFocus,
           onBlur,
@@ -18274,11 +18311,6 @@ var BasicTypeSchema = (props) => {
     ] })
   ] }) : null;
 };
-BasicTypeSchema.defaultProps = {
-  required: false,
-  disabled: false,
-  onBlur: null
-};
 var BasicTypeSchema_default = BasicTypeSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
@@ -18296,7 +18328,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 = useIntl23();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
@@ -18386,9 +18418,6 @@ function PersistAsyncBasicSchema(props) {
     }
   );
 }
-PersistAsyncBasicSchema.defaultProps = {
-  required: false
-};
 var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts

package/build/types/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.d.ts

@@ -1,11 +1,6 @@
 import type { AllOfSchema as AllOfSchemaType, ObjectModel } from '@wise/dynamic-flow-types';
 import type { GenericSchemaProps } from '../genericSchema/GenericSchema';
 declare function AllOfSchema(props: AllOfSchemaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace AllOfSchema {
-    var defaultProps: {
-        disabled: boolean;
-    };
-}
 export type AllOfSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model'> & {
     schema: AllOfSchemaType;
     model: ObjectModel;

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/ArraySchema.d.ts

@@ -1,11 +1,6 @@
 import { ArrayModel, ArraySchema as ArraySchemaType } from '@wise/dynamic-flow-types';
 import { GenericSchemaProps } from '../genericSchema/GenericSchema';
-declare const ArraySchema: {
-    (props: ArraySchemaProps): import("react/jsx-runtime").JSX.Element;
-    defaultProps: {
-        required: boolean;
-    };
-};
+declare const ArraySchema: (props: ArraySchemaProps) => import("react/jsx-runtime").JSX.Element;
 export type ArraySchemaProps = GenericSchemaProps & {
     schema: ArraySchemaType;
     model: ArrayModel | null;

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/ArrayListSchema.d.ts

@@ -6,10 +6,4 @@ type ArrayListSchemaProps = GenericSchemaProps & {
     model: ArrayModel | null;
 };
 declare function ArrayListSchema(props: ArrayListSchemaProps): import("react/jsx-runtime").JSX.Element;
-declare namespace ArrayListSchema {
-    var defaultProps: {
-        errors: null;
-        required: boolean;
-    };
-}
 export default ArrayListSchema;

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/MultipleFileUploadSchema.d.ts

@@ -1,12 +1,6 @@
 import type { ArrayModel, MultipleFileUploadSchema as MultipleFileUploadSchemaType } from '@wise/dynamic-flow-types';
 import type { GenericSchemaProps } from '../../../genericSchema/GenericSchema';
 declare function MultipleFileUploadSchema(props: Props): import("react/jsx-runtime").JSX.Element;
-declare namespace MultipleFileUploadSchema {
-    var defaultProps: {
-        errors: null;
-        required: boolean;
-    };
-}
 type Props = Omit<GenericSchemaProps, 'model'> & {
     schema: MultipleFileUploadSchemaType;
     model: ArrayModel | null;

package/build/types/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.d.ts

@@ -1,14 +1,7 @@
 import { BasicModel, BasicSchema } from '@wise/dynamic-flow-types';
 import { OnChange } from '../JsonSchemaForm';
 import { GenericSchemaProps } from '../genericSchema/GenericSchema';
-declare const BasicTypeSchema: {
-    (props: BasicTypeSchemaProps): import("react/jsx-runtime").JSX.Element | null;
-    defaultProps: {
-        required: boolean;
-        disabled: boolean;
-        onBlur: null;
-    };
-};
+declare const BasicTypeSchema: (props: BasicTypeSchemaProps) => import("react/jsx-runtime").JSX.Element | null;
 export type BasicTypeSchemaProps = Omit<GenericSchemaProps, 'schema' | 'model' | 'onChange' | 'errors' | 'onPersistAsync'> & {
     schema: BasicSchema;
     model: BasicModel | null;