@wise/dynamic-flow-client 4.5.1 → 4.5.2

package/build/main.js

@@ -1046,6 +1046,11 @@ var ErrorBoundary = class extends import_react.Component {
 };
 var ErrorBoundary_default = ErrorBoundary;
 
+// src/revamp/flow/getErrorMessage.ts
+var getErrorMessage = (error) => {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
+};
+
 // src/revamp/renderers/CoreContainerRenderer.tsx
 var import_jsx_runtime3 = require("react/jsx-runtime");
 var CoreContainerRenderer = {
@@ -1082,7 +1087,7 @@ function getChildren(node) {
     case "box":
     case "container":
     case "form":
-    case "section":
+    case "form-section":
     case "step":
     case "modal-content":
       return node.childrenProps;
@@ -1199,7 +1204,7 @@ var allOfComponentToProps = (component, rendererMapperProps) => {
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1468,7 +1473,7 @@ var numberInputComponentToProps = (component, rendererMapperProps) => __spreadPr
 var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1670,7 +1675,7 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
 var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -6122,11 +6127,6 @@ var executePoll = async (props) => {
   }
 };
 
-// src/revamp/flow/getErrorMessage.ts
-var getErrorMessage = (error) => {
-  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
-};
-
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
   const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent, logEvent } = props;

package/build/main.mjs

@@ -1003,6 +1003,11 @@ var ErrorBoundary = class extends Component {
 };
 var ErrorBoundary_default = ErrorBoundary;
 
+// src/revamp/flow/getErrorMessage.ts
+var getErrorMessage = (error) => {
+  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
+};
+
 // src/revamp/renderers/CoreContainerRenderer.tsx
 import { Fragment as Fragment2, jsx as jsx3 } from "react/jsx-runtime";
 var CoreContainerRenderer = {
@@ -1039,7 +1044,7 @@ function getChildren(node) {
     case "box":
     case "container":
     case "form":
-    case "section":
+    case "form-section":
     case "step":
     case "modal-content":
       return node.childrenProps;
@@ -1156,7 +1161,7 @@ var allOfComponentToProps = (component, rendererMapperProps) => {
     (c) => componentToRendererProps(c, rendererMapperProps)
   );
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1425,7 +1430,7 @@ var numberInputComponentToProps = (component, rendererMapperProps) => __spreadPr
 var objectComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -1627,7 +1632,7 @@ var uploadInputComponentToProps = (component, rendererMapperProps) => {
 var tupleComponentToProps = (component, rendererMapperProps) => {
   const childrenProps = component.getChildren().map((c) => componentToRendererProps(c, rendererMapperProps));
   return __spreadProps(__spreadValues(__spreadValues({
-    type: "section"
+    type: "form-section"
   }, pick(component, "uid", "control", "description", "help", "icon", "image", "title")), rendererMapperProps), {
     children: childrenProps.map(rendererMapperProps.render),
     childrenProps
@@ -6079,11 +6084,6 @@ var executePoll = async (props) => {
   }
 };
 
-// src/revamp/flow/getErrorMessage.ts
-var getErrorMessage = (error) => {
-  return error instanceof Error ? error.message : typeof error === "string" ? error : `Unknown Error: type is ${typeof error}`;
-};
-
 // src/revamp/flow/executeRefresh.ts
 var executeRefresh = async (props) => {
   const { abortSignal, url, model, schemaId, etag, httpClient, trackEvent, logEvent } = props;
@@ -7195,7 +7195,7 @@ function isReference(block) {
 }
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
-import { useCallback as useCallback11, useEffect as useEffect22, useMemo as useMemo21, useState as useState26 } from "react";
+import { useCallback as useCallback11, useEffect as useEffect21, useMemo as useMemo21, useState as useState26 } from "react";
 import { useIntl as useIntl23 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
@@ -8052,12 +8052,12 @@ function useDebouncedFunction(callback, waitMs) {
 }
 
 // src/legacy/common/hooks/useExternal/useExternal.tsx
-import { useEffect as useEffect3, useState as useState3 } from "react";
+import { useEffect as useEffect2, useState as useState3 } from "react";
 function useExternal(url) {
   const [externalWindow, setExternalWindow] = useState3(null);
   const [hasManuallyTriggered, setHasManuallyTriggered] = useState3(false);
   const dismissConfirmation = () => setHasManuallyTriggered(true);
-  useEffect3(() => {
+  useEffect2(() => {
     if (url) {
       setHasManuallyTriggered(false);
       setExternalWindow(window.open(url, "_blank"));
@@ -8130,7 +8130,7 @@ import { useState as useState20 } from "react";
 import { useIntl as useIntl17 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
-import { useEffect as useEffect14, useState as useState19 } from "react";
+import { useEffect as useEffect13, useState as useState19 } from "react";
 import { useIntl as useIntl16 } from "react-intl";
 
 // src/legacy/common/constants/DateMode.ts
@@ -8179,7 +8179,7 @@ var Size = {
 
 // src/legacy/jsonSchemaForm/basicTypeSchema/BasicTypeSchema.tsx
 import classNames10 from "classnames";
-import { useEffect as useEffect13, useMemo as useMemo16, useState as useState18 } from "react";
+import { useEffect as useEffect12, useMemo as useMemo16, useState as useState18 } from "react";
 
 // src/legacy/layout/alert/DynamicAlert.tsx
 import { Alert as Alert2 } from "@transferwise/components";
@@ -8646,7 +8646,7 @@ var DynamicDivider_default = DynamicDivider;
 
 // src/legacy/layout/external/DynamicExternal.tsx
 import { Button as Button2, Loader, Size as Size2 } from "@transferwise/components";
-import { useCallback as useCallback6, useEffect as useEffect4, useMemo as useMemo9 } from "react";
+import { useCallback as useCallback6, useEffect as useEffect3, useMemo as useMemo9 } from "react";
 import { useIntl as useIntl3 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
@@ -8668,7 +8668,7 @@ var DynamicExternal = ({ component, onAction }) => {
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
   );
-  useEffect4(() => {
+  useEffect3(() => {
     openExternalUrl();
   }, [openExternalUrl]);
   const pollingConfiguration = useMemo9(() => {
@@ -8686,7 +8686,7 @@ var DynamicExternal = ({ component, onAction }) => {
 var DynamicExternal_default = DynamicExternal;
 
 // src/legacy/jsonSchemaForm/genericSchema/GenericSchema.tsx
-import { useEffect as useEffect11 } from "react";
+import { useEffect as useEffect10 } from "react";
 
 // src/legacy/jsonSchemaForm/allOfSchema/AllOfSchema.tsx
 import { Header as Header2 } from "@transferwise/components";
@@ -8979,7 +8979,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multiSelectSchema/MultiSelectSchema.tsx
 import { SelectInput, SelectInputOptionContent } from "@transferwise/components";
 import classNames3 from "classnames";
-import { useEffect as useEffect5, useMemo as useMemo11, useState as useState6 } from "react";
+import { useEffect as useEffect4, useMemo as useMemo11, useState as useState6 } from "react";
 import { useIntl as useIntl6 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
@@ -9100,7 +9100,7 @@ function MultiSelectSchema({
   const id = useMemo11(() => schema.$id || generateRandomId(), [schema.$id]);
   const [changed, setChanged] = useState6(false);
   const [selected, setSelected] = useState6(getInitialModelIndices2(model, options));
-  useEffect5(
+  useEffect4(
     () => {
       if (selected) {
         broadcastModelChange(selected);
@@ -9688,7 +9688,7 @@ var ArraySchema_default = ArraySchema;
 // src/legacy/jsonSchemaForm/objectSchema/ObjectSchema.tsx
 import { Header as Header4 } from "@transferwise/components";
 import classNames5 from "classnames";
-import { useState as useState9, useEffect as useEffect6 } from "react";
+import { useState as useState9, useEffect as useEffect5 } from "react";
 import { Fragment as Fragment6, jsx as jsx33, jsxs as jsxs10 } from "react/jsx-runtime";
 var getSchemaColumnClasses2 = (width) => ({
   "col-xs-12": true,
@@ -9708,7 +9708,7 @@ function ObjectSchema(props) {
     props.onChange(__spreadProps(__spreadValues({}, onChangeProps), { model }));
   };
   const isRequired = (propertyName) => props.schema.required && props.schema.required.includes(propertyName);
-  useEffect6(() => {
+  useEffect5(() => {
     const newModel = getValidObjectModelParts(model, props.schema) || {};
     setModel(newModel);
     if (!isEqual(newModel, model)) {
@@ -9765,7 +9765,7 @@ var ObjectSchema_default = ObjectSchema;
 // src/legacy/jsonSchemaForm/oneOfSchema/OneOfSchema.tsx
 import { Header as Header5 } from "@transferwise/components";
 import classNames6 from "classnames";
-import { useEffect as useEffect8, useMemo as useMemo13, useState as useState10 } from "react";
+import { useEffect as useEffect7, useMemo as useMemo13, useState as useState10 } from "react";
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown, Info } from "@transferwise/components";
@@ -9799,7 +9799,7 @@ function Help(props) {
 var Help_default = Help;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
-import { useEffect as useEffect7 } from "react";
+import { useEffect as useEffect6 } from "react";
 import { useIntl as useIntl10 } from "react-intl";
 
 // src/legacy/formControl/FormControl.tsx
@@ -10521,7 +10521,7 @@ function SchemaFormControl(props) {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
   };
   const controlType = getControlType(schema);
-  useEffect7(() => {
+  useEffect6(() => {
     warnIfInvalidSchema(schema, log, controlType);
   }, [JSON.stringify(schema), log, controlType]);
   const options = schema.values || getOptions(schema, controlType);
@@ -10593,7 +10593,7 @@ function OneOfSchema(props) {
       searchValueLength: searchValue.length
     });
   };
-  useEffect8(() => {
+  useEffect7(() => {
     const modelIndex = getValidIndexFromValue(props.schema, props.model);
     const defaultIndex = getValidIndexFromValue(props.schema, props.schema.default);
     if (modelIndex === -1 && defaultIndex >= 0) {
@@ -10751,7 +10751,7 @@ var OneOfSchema_default = OneOfSchema;
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 import classNames7 from "classnames";
-import { useEffect as useEffect9, useState as useState11 } from "react";
+import { useEffect as useEffect8, useState as useState11 } from "react";
 import { useIntl as useIntl11 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
@@ -10822,7 +10822,7 @@ function PersistAsyncBlobSchema(props) {
   const intl = useIntl11();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
-  useEffect9(() => {
+  useEffect8(() => {
     if (submitted) {
       setValidations(getValidationFailures(model, schema, Boolean(required)));
     } else {
@@ -11126,7 +11126,7 @@ function getValueFromOption(option) {
 }
 
 // src/legacy/jsonSchemaForm/validationAsyncSchema/ValidationAsyncSchema.tsx
-import { useEffect as useEffect10, useRef as useRef3, useState as useState13 } from "react";
+import { useEffect as useEffect9, useRef as useRef3, useState as useState13 } from "react";
 import { jsx as jsx46 } from "react/jsx-runtime";
 function ValidationAsyncSchema(props) {
   const { schema, model, required = false, submitted, errors, onChange } = props;
@@ -11141,7 +11141,7 @@ function ValidationAsyncSchema(props) {
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const log = useLogger();
-  useEffect10(() => {
+  useEffect9(() => {
     if (!schema.validationAsync.method) {
       log.warning(
         "Invalid schema or model",
@@ -11223,7 +11223,7 @@ function GenericSchemaForm(props) {
   const schemaProps = __spreadProps(__spreadValues({}, props), { model, errors, hideTitle, disabled });
   const type = getSchemaType(schema);
   const log = useLogger();
-  useEffect11(() => {
+  useEffect10(() => {
     if (!isValidGenericSchema(schema, model, errors)) {
       log.error(
         "Invalid schema or model",
@@ -11360,14 +11360,14 @@ var DynamicInfo = ({ component }) => {
 
 // src/legacy/layout/image/DynamicImage.tsx
 import { Image } from "@transferwise/components";
-import { useEffect as useEffect12, useState as useState14 } from "react";
+import { useEffect as useEffect11, useState as useState14 } from "react";
 import { jsx as jsx51 } from "react/jsx-runtime";
 function DynamicImage({ component: image }) {
   var _a, _b, _c;
   const { content, url, size, text, margin, accessibilityDescription } = image;
   const httpClient = useHttpClient();
   const [imageSource, setImageSource] = useState14("");
-  useEffect12(() => {
+  useEffect11(() => {
     if (content) {
       const { uri, url: contentUrl } = content;
       if (uri && !uri.startsWith("urn:")) {
@@ -12168,9 +12168,9 @@ var BasicTypeSchema = (props) => {
   };
   const isConst = props.schema.const;
   const isHidden = props.schema.hidden || isConst;
-  useEffect13(refreshValidations, [props.model, props.submitted]);
-  useEffect13(onSchemaChange, [props.schema]);
-  useEffect13(() => {
+  useEffect12(refreshValidations, [props.model, props.submitted]);
+  useEffect12(onSchemaChange, [props.schema]);
+  useEffect12(() => {
     var _a2;
     const newModel = (_a2 = props.model) != null ? _a2 : null;
     if (newModel !== model) {
@@ -12251,7 +12251,7 @@ function PersistAsyncBasicSchema(props) {
   const [persistAsyncError, setPersistAsyncError] = useState19(null);
   const [fieldSubmitted, setFieldSubmitted] = useState19(false);
   const [abortController, setAbortController] = useState19(null);
-  useEffect14(() => {
+  useEffect13(() => {
     if (controlTypesWithPersistOnChange.has(
       // TODO: LOW avoid type assertion below -- control type may be nullish. consider ?? ''
       getControlType(schema.persistAsync.schema)
@@ -12413,7 +12413,7 @@ function hasStringMessage(value) {
 }
 
 // src/legacy/common/hooks/usePolling/usePolling.tsx
-import { useEffect as useEffect15, useMemo as useMemo17, useRef as useRef5 } from "react";
+import { useEffect as useEffect14, useMemo as useMemo17, useRef as useRef5 } from "react";
 function usePolling({
   asyncFn,
   delay,
@@ -12434,7 +12434,7 @@ function usePolling({
     ),
     [asyncFn, maxAttempts, maxConsecutiveFails]
   );
-  useEffect15(() => {
+  useEffect14(() => {
     if (delay > 0) {
       poll();
       const intervalReference = setInterval(() => {
@@ -12443,7 +12443,7 @@ function usePolling({
       return () => clearInterval(intervalReference);
     }
   }, [poll, delay]);
-  useEffect15(() => {
+  useEffect14(() => {
     onPollingResponseReference.current = onPollingResponse;
     onFailureReference.current = onFailure;
   }, [onPollingResponse, onFailure]);
@@ -12474,10 +12474,10 @@ function createPollingClosure(asyncFn, maxAttempts, maxConsecutiveFails, onPolli
 }
 
 // src/legacy/common/hooks/usePrevious/usePrevious.js
-import { useEffect as useEffect16, useRef as useRef6 } from "react";
+import { useEffect as useEffect15, useRef as useRef6 } from "react";
 var usePrevious = (value) => {
   const reference = useRef6();
-  useEffect16(() => {
+  useEffect15(() => {
     reference.current = value;
   }, [value]);
   return reference.current;
@@ -12571,10 +12571,10 @@ var LayoutStep = (props) => {
 var LayoutStep_default = LayoutStep;
 
 // src/legacy/step/cameraStep/CameraStep.tsx
-import { useEffect as useEffect21, useState as useState23 } from "react";
+import { useEffect as useEffect20, useState as useState23 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
-import { useCallback as useCallback10, useEffect as useEffect20, useMemo as useMemo19, useRef as useRef8, useState as useState22 } from "react";
+import { useCallback as useCallback10, useEffect as useEffect19, useMemo as useMemo19, useRef as useRef8, useState as useState22 } from "react";
 import { useIntl as useIntl20 } from "react-intl";
 import Webcam from "react-webcam";
 
@@ -12719,7 +12719,7 @@ function OrientationLockOverlay() {
 var OrientationLockOverlay_default = OrientationLockOverlay;
 
 // src/common/cameraCapture/hooks/useFullScreenOrientationLock.ts
-import { useCallback as useCallback9, useEffect as useEffect17 } from "react";
+import { useCallback as useCallback9, useEffect as useEffect16 } from "react";
 import screenfull from "screenfull";
 
 // src/common/cameraCapture/utils/index.ts
@@ -12836,7 +12836,7 @@ var useFullScreenOrientationLock = (shouldLockOrientation, onEvent) => {
     },
     [onEvent]
   );
-  useEffect17(() => {
+  useEffect16(() => {
     var _a, _b;
     if (shouldLockOrientation) {
       (_b = (_a = window.screen) == null ? void 0 : _a.orientation) == null ? void 0 : _b.addEventListener(
@@ -12859,10 +12859,10 @@ var noop5 = () => {
 };
 
 // src/common/cameraCapture/hooks/useVideoConstraints.ts
-import { useEffect as useEffect18, useState as useState21 } from "react";
+import { useEffect as useEffect17, useState as useState21 } from "react";
 var useVideoConstraints = (direction) => {
   const [videoConstraints, setVideoConstraints] = useState21();
-  useEffect18(() => {
+  useEffect17(() => {
     void getVideoConstraints(direction).then(setVideoConstraints);
   }, [direction]);
   return { videoConstraints };
@@ -12887,7 +12887,7 @@ var getVideoConstraints = async (dir) => {
 };
 
 // src/common/cameraCapture/overlay/Overlay.tsx
-import { useEffect as useEffect19, useRef as useRef7 } from "react";
+import { useEffect as useEffect18, useRef as useRef7 } from "react";
 import { Fragment as Fragment16, jsx as jsx67, jsxs as jsxs27 } from "react/jsx-runtime";
 var captureButtonHeight = 92;
 var reviewButtonsHeight = 120;
@@ -12898,7 +12898,7 @@ var reviewInstructionsHeight = 40;
 var overlayMaxWidth = 800;
 function Overlay({ overlay, outline, imageUrl, title, instructions, reviewInstructions }) {
   const svgReference = useRef7(null);
-  useEffect19(() => {
+  useEffect18(() => {
     const listener = debounce2(() => {
       var _a;
       if ((_a = svgReference.current) == null ? void 0 : _a.innerHTML) {
@@ -13067,7 +13067,7 @@ function CameraCapture({
     setReviewImage(void 0);
   };
   const handleRetryCameraAccess = () => setMode("CAPTURE" /* CAPTURE */);
-  useEffect20(() => {
+  useEffect19(() => {
     if (mode !== "CAPTURE" /* CAPTURE */) {
       exitFullScreen();
     }
@@ -13146,7 +13146,7 @@ function CameraStep(props) {
   const { overlay, outline } = assets || {};
   const { url: imageUrl } = image || {};
   const [captureClicked, setCaptureClicked] = useState23(false);
-  useEffect21(() => {
+  useEffect20(() => {
     if (captureClicked) {
       onAction(action);
     }
@@ -13753,10 +13753,10 @@ var DynamicFlowComponent = ({
     },
     [onCompletion, dispatchEvent]
   );
-  useEffect22(() => {
+  useEffect21(() => {
     dispatchEvent("Dynamic Flow - Flow Started", {});
   }, []);
-  useEffect22(() => {
+  useEffect21(() => {
     if (!initialStep) {
       const action = __spreadValues({
         id: "#initial-step-request",

package/build/types/index.d.ts

@@ -13,4 +13,4 @@ export { DynamicLayout as Layout } from './legacy/layout';
 export { isValidSchema } from './legacy/common/validators';
 export * from './legacy/dynamicFlow/DynamicFlow';
 export { findRendererPropsByType } from './revamp/renderers/utils';
-export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, SectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';
+export type { Renderers, Renderer, AlertRendererProps, CheckboxInputRendererProps, BoxRendererProps, ButtonRendererProps, ColumnsRendererProps, DateInputRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, FormSectionRendererProps, HeadingRendererProps, HiddenRendererProps, ImageRendererProps, InstructionsRendererProps, IntegerInputRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ModalRendererProps, MultiSelectInputRendererProps, MultiUploadInputRendererProps, NumberInputRendererProps, ParagraphRendererProps, RepeatableRendererProps, ReviewRendererProps, SearchRendererProps, SelectInputRendererProps, StatusListRendererProps, StepRendererProps, TextInputRendererProps, UploadInputRendererProps, } from '@wise/dynamic-flow-types/build/renderers';

package/build/types/revamp/renderers/mappers/allOfComponentToProps.d.ts

@@ -1,4 +1,4 @@
+import type { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { AllOfComponent } from '../../domain/components/AllOfComponent';
-import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import { type RendererMapperProps } from './componentToRendererProps';
-export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const allOfComponentToProps: (component: AllOfComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/build/types/revamp/renderers/mappers/objectComponentToProps.d.ts

@@ -1,4 +1,4 @@
-import type { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import type { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { ObjectComponent } from '../../domain/components/ObjectComponent';
 import { RendererMapperProps } from './componentToRendererProps';
-export declare const objectComponentToProps: (component: ObjectComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const objectComponentToProps: (component: ObjectComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/build/types/revamp/renderers/mappers/tupleComponentToProps.d.ts

@@ -1,4 +1,4 @@
-import { SectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
+import { FormSectionRendererProps } from '@wise/dynamic-flow-types/build/renderers';
 import type { TupleComponent } from '../../domain/components/TupleComponent';
 import { RendererMapperProps } from './componentToRendererProps';
-export declare const tupleComponentToProps: (component: TupleComponent, rendererMapperProps: RendererMapperProps) => SectionRendererProps;
+export declare const tupleComponentToProps: (component: TupleComponent, rendererMapperProps: RendererMapperProps) => FormSectionRendererProps;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "4.5.1",
+  "version": "4.5.2",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.js",
@@ -53,7 +53,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/react": "16.3.0",
     "@testing-library/user-event": "14.6.1",
-    "@transferwise/components": "46.96.1",
+    "@transferwise/components": "46.97.0",
     "@transferwise/formatting": "^2.13.1",
     "@transferwise/icons": "3.21.0",
     "@transferwise/neptune-css": "14.24.3",
@@ -62,7 +62,7 @@
     "@types/react": "18.3.20",
     "@types/react-dom": "18.3.6",
     "@types/react-intl": "3.0.0",
-    "@wise/art": "2.20.0",
+    "@wise/art": "2.20.1",
     "@wise/components-theming": "^1.6.2",
     "babel-jest": "29.7.0",
     "esbuild": "0.25.3",
@@ -102,7 +102,7 @@
     "classnames": "2.5.1",
     "react-webcam": "^7.2.0",
     "screenfull": "^5.2.0",
-    "@wise/dynamic-flow-types": "3.3.0"
+    "@wise/dynamic-flow-types": "3.3.1"
   },
   "scripts": {
     "dev": "pnpm build:visual-tests && storybook dev -p 3003",