@wise/dynamic-flow-client 3.16.3 → 3.16.4

package/build/main.mjs

@@ -138,12 +138,12 @@ var init_clsx = __esm({
   }
 });
 
-// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.12.1_@types+react@18.3.3_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.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.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.12.1_@types+react@18.3.3_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.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index-93a0c34e.esm.js"() {
     "use strict";
     init_clsx();
     unknownFlagName = "wise";
@@ -6175,7 +6175,7 @@ var linkHandlerSchema = z.object({
 var pollingOnErrorSchema = z.object({
   action: actionSchema
 });
-var navigationBackBehaviourSchema = z.object({
+var navigationBackBehaviorSchema = z.object({
   title: z.string().optional(),
   action: actionSchema
 });
@@ -6227,8 +6227,8 @@ var pollingSchema = z.object({
   onError: pollingOnErrorSchema
 });
 var navigationSchema = z.object({
-  backButton: navigationBackBehaviourSchema.optional(),
-  back: navigationBackBehaviourSchema.optional(),
+  backButton: navigationBackBehaviorSchema.optional(),
+  back: navigationBackBehaviorSchema.optional(),
   stackBehavior: navigationStackBehaviorSchema.optional()
 });
 var alertLayoutSchema = z.object({
@@ -6345,9 +6345,9 @@ var stepSchema = z.lazy(
     refreshFormUrl: z.string().optional(),
     id: z.string(),
     title: z.string(),
-    description: z.string().optional(),
     schemas: z.array(schemaSchema),
     layout: z.array(layoutSchema),
+    description: z.string().optional(),
     model: jsonElementSchema.optional(),
     external: externalSchema.optional(),
     polling: pollingSchema.optional(),
@@ -11241,7 +11241,7 @@ 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.12.1_@types+react@18.3.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@wise/art/dist/index.esm.js
+// ../../node_modules/.pnpm/@wise+art@2.14.0_@transferwise+neptune-css@14.14.0_@types+react@18.3.3_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();
 init_clsx();
 import "react";
@@ -12178,6 +12178,7 @@ var BlockSearchRendererComponent_default = BlockSearchRendererComponent;
 import { Markdown as Markdown4, Typeahead } from "@transferwise/components";
 import { Search } from "@transferwise/icons";
 import { useState as useState8 } from "react";
+import { useIntl as useIntl8 } from "react-intl";
 import { jsx as jsx42 } from "react/jsx-runtime";
 function InlineSearchRenderer({
   id,
@@ -12189,10 +12190,12 @@ function InlineSearchRenderer({
 }) {
   const [hasSearched, setHasSearched] = useState8(false);
   const trackEvent = useTrackEvent();
+  const intl = useIntl8();
   return /* @__PURE__ */ jsx42("div", { className: getMargin(margin), children: /* @__PURE__ */ jsx42(FieldInput_default, { id, description: "", error: "", help: "", label: title, children: /* @__PURE__ */ jsx42(
     Typeahead,
     {
       id: "typeahead-input-id",
+      intl,
       name: "typeahead-input-name",
       size: "md",
       maxHeight: 100,
@@ -12753,7 +12756,7 @@ var getFieldValue = (value, help, orientation) => {
 import { useMemo as useMemo3 } from "react";
 
 // ../renderers/src/step/ExternalConfirmationDialog.tsx
-import { useIntl as useIntl8 } from "react-intl";
+import { useIntl as useIntl9 } from "react-intl";
 
 // ../renderers/src/messages/external-confirmation.messages.ts
 import { defineMessages as defineMessages10 } from "react-intl";
@@ -12787,7 +12790,7 @@ function ExternalConfirmationDialog({
   external,
   onClose
 }) {
-  const { formatMessage } = useIntl8();
+  const { formatMessage } = useIntl9();
   return /* @__PURE__ */ jsx55("div", { className: "df-box-renderer-fixed-width", children: /* @__PURE__ */ jsxs20("div", { className: "df-box-renderer-width-lg", children: [
     /* @__PURE__ */ jsx55("h2", { className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.title) }),
     /* @__PURE__ */ jsx55(Markdown5, { config: { link: { target: "_blank" } }, className: "text-xs-center m-b-5", children: formatMessage(external_confirmation_messages_default.description, { origin: getOrigin(external.url) }) }),
@@ -12874,8 +12877,10 @@ function StepRendererComponent(props) {
   }
   return /* @__PURE__ */ jsxs22(StepRendererContextProvider, { value, children: [
     back ? /* @__PURE__ */ jsx57(BackButton_default, __spreadValues({}, back)) : null,
-    title ? /* @__PURE__ */ jsx57(Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
-    description ? /* @__PURE__ */ jsx57("p", { className: "text-xs-center m-b-2", children: description }) : void 0,
+    title || description ? /* @__PURE__ */ jsxs22("div", { className: "m-b-4", children: [
+      title ? /* @__PURE__ */ jsx57(Title, { as: "h1", type: "title-section", className: "text-xs-center m-b-2", children: title }) : void 0,
+      description ? /* @__PURE__ */ jsx57("p", { className: "text-xs-center", children: description }) : void 0
+    ] }) : void 0,
     error ? /* @__PURE__ */ jsx57(Alert3, { type: "negative", className: "m-b-2", message: error }) : void 0,
     children
   ] });
@@ -13332,7 +13337,7 @@ function isReference(block) {
 
 // src/legacy/dynamicFlow/DynamicFlow.tsx
 import { useCallback as useCallback11, useEffect as useEffect26, useMemo as useMemo23, useState as useState34 } from "react";
-import { useIntl as useIntl29 } from "react-intl";
+import { useIntl as useIntl30 } from "react-intl";
 
 // src/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.tsx
 import { createContext as createContext4, useContext as useContext5, useMemo as useMemo8 } from "react";
@@ -14253,11 +14258,11 @@ function useExternalStepPolling(polling, onAction) {
 
 // src/legacy/common/hooks/usePersistAsync/usePersistAsync.ts
 import { useState as useState28 } from "react";
-import { useIntl as useIntl23 } from "react-intl";
+import { useIntl as useIntl24 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBasicSchema/PersistAsyncBasicSchema.tsx
 import { useEffect as useEffect18, useState as useState27 } from "react";
-import { useIntl as useIntl22 } from "react-intl";
+import { useIntl as useIntl23 } from "react-intl";
 
 // src/legacy/common/constants/DateMode.ts
 var DateMode = {
@@ -14676,7 +14681,7 @@ var DynamicDivider_default = DynamicDivider;
 // src/legacy/layout/external/DynamicExternal.tsx
 import { Button as Button7, Loader as Loader2, Size as Size2 } from "@transferwise/components";
 import { useCallback as useCallback6, useEffect as useEffect8 } from "react";
-import { useIntl as useIntl9 } from "react-intl";
+import { useIntl as useIntl10 } from "react-intl";
 
 // src/legacy/layout/external/DynamicExternal.messages.ts
 import { defineMessages as defineMessages11 } from "react-intl";
@@ -14692,7 +14697,7 @@ var DynamicExternal_messages_default = defineMessages11({
 import { Fragment as Fragment11, jsx as jsx76, jsxs as jsxs25 } from "react/jsx-runtime";
 var DynamicExternal = ({ component, onAction }) => {
   const { requestUrl, responseHandlers, polling, retryTitle } = component;
-  const intl = useIntl9();
+  const intl = useIntl10();
   const openExternalUrl = useCallback6(
     () => window.open(requestUrl, "df-external-window"),
     [requestUrl]
@@ -14774,7 +14779,7 @@ import { useMemo as useMemo12, useState as useState13 } from "react";
 // src/legacy/jsonSchemaForm/controlFeedback/ControlFeedback.tsx
 import { InlineAlert as InlineAlert3 } from "@transferwise/components";
 import { formatDate as formatDate3 } from "@transferwise/formatting";
-import { useIntl as useIntl10 } from "react-intl";
+import { useIntl as useIntl11 } from "react-intl";
 import { jsx as jsx78, jsxs as jsxs27 } from "react/jsx-runtime";
 function ControlFeedback(props) {
   var _a;
@@ -14800,7 +14805,7 @@ ControlFeedback.defaultProps = {
   validationAsyncSuccessMessage: null
 };
 function useDefaultValidationMessages(schema) {
-  const { formatMessage, locale } = useIntl10();
+  const { formatMessage, locale } = useIntl11();
   const formattedMessages = {
     type: formatMessage(validation_messages_default.type),
     minimum: formatMessage(validation_messages_default.minimum, {
@@ -14887,7 +14892,7 @@ function constructUploadError(response) {
 }
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/multipleFileUploadSchema/utils/useFormattedDefaultErrorMessages.tsx
-import { useIntl as useIntl11 } from "react-intl";
+import { useIntl as useIntl12 } from "react-intl";
 
 // src/legacy/common/messages.ts
 import { defineMessages as defineMessages12 } from "react-intl";
@@ -14904,7 +14909,7 @@ function useFormattedDefaultErrorMessages({
   maxItems,
   minItems
 }) {
-  const { formatMessage } = useIntl11();
+  const { formatMessage } = useIntl12();
   const { maxFileSizeError, maxItemsError, minItemsError } = multi_file_upload_messages_default;
   return {
     maxFileSizeErrorMessage: formatMessage(maxFileSizeError),
@@ -15024,7 +15029,7 @@ function getValidationMessages(schema, required, defaultErrorMessages) {
 var import_classnames8 = __toESM(require_classnames());
 import { SelectInput as SelectInput3, SelectInputOptionContent as SelectInputOptionContent3 } from "@transferwise/components";
 import { useEffect as useEffect9, useMemo as useMemo13, useState as useState14 } from "react";
-import { useIntl as useIntl12 } from "react-intl";
+import { useIntl as useIntl13 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.tsx
 import { Avatar as Avatar6, AvatarType as AvatarType5 } from "@transferwise/components";
@@ -15137,7 +15142,7 @@ function MultiSelectSchema({
   errors,
   onChange
 }) {
-  const { formatMessage, locale } = useIntl12();
+  const { formatMessage, locale } = useIntl13();
   const { disabled, items, validationMessages, placeholder } = schema;
   const options = items.oneOf.map((item) => mapConstSchemaToOption(item, "select"));
   const id = useMemo13(() => schema.$id || generateRandomId(), [schema.$id]);
@@ -15241,7 +15246,7 @@ var getInitialModelIndices2 = (model, options) => {
 import { Header as Header9, Modal as Modal3, NavigationOption as NavigationOption6 } from "@transferwise/components";
 import { Plus as Plus2 } from "@transferwise/icons";
 import { useMemo as useMemo14, useState as useState16 } from "react";
-import { useIntl as useIntl14 } from "react-intl";
+import { useIntl as useIntl15 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/ItemSummary.tsx
 import { NavigationOption as NavigationOption5 } from "@transferwise/components";
@@ -15286,7 +15291,7 @@ var repeatable_messages_default2 = defineMessages14({
 
 // src/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/RepeatableSchemaStep.tsx
 import { useState as useState15 } from "react";
-import { useIntl as useIntl13 } from "react-intl";
+import { useIntl as useIntl14 } from "react-intl";
 import { jsx as jsx83 } from "react/jsx-runtime";
 function RepeatableSchemaStep({
   type,
@@ -15297,7 +15302,7 @@ function RepeatableSchemaStep({
   onModelChange,
   onAction
 }) {
-  const { formatMessage } = useIntl13();
+  const { formatMessage } = useIntl14();
   const [filename, setFilename] = useState15(void 0);
   const step = {
     layout: [
@@ -15604,7 +15609,7 @@ function RepeatableSchema({
     setEditableItem({ item: null, model: null });
     setOpenModalType(null);
   };
-  const { formatMessage } = useIntl14();
+  const { formatMessage } = useIntl15();
   const validations = getValidationFailures(model, schema, required);
   const base64ValidationMessages = useFormattedDefaultErrorMessages({
     minItems: schema.minItems,
@@ -15820,7 +15825,7 @@ import { useEffect as useEffect12, useMemo as useMemo15, useState as useState18
 
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { Markdown as Markdown6, Info as Info2 } from "@transferwise/components";
-import { useIntl as useIntl15 } from "react-intl";
+import { useIntl as useIntl16 } from "react-intl";
 
 // src/common/messages/help.messages.ts
 import { defineMessages as defineMessages15 } from "react-intl";
@@ -15835,7 +15840,7 @@ var help_messages_default2 = defineMessages15({
 // src/legacy/jsonSchemaForm/help/Help.tsx
 import { jsx as jsx88 } from "react/jsx-runtime";
 function Help2(props) {
-  const intl = useIntl15();
+  const intl = useIntl16();
   return /* @__PURE__ */ jsx88(
     Info2,
     {
@@ -15851,7 +15856,7 @@ var Help_default2 = Help2;
 
 // src/legacy/jsonSchemaForm/schemaFormControl/SchemaFormControl.tsx
 import { useEffect as useEffect11 } from "react";
-import { useIntl as useIntl16 } from "react-intl";
+import { useIntl as useIntl17 } from "react-intl";
 
 // src/legacy/formControl/FormControl.tsx
 import {
@@ -16569,7 +16574,7 @@ function SchemaFormControl(props) {
     labelledBy
   } = props;
   const log = useLogger();
-  const intl = useIntl16();
+  const intl = useIntl17();
   const getSanitisedValue = (value2) => isNativeInput(schema.type) && (isNull3(value2) || isUndefined3(value2)) ? "" : value2;
   const onModelChange = (value2, type, metadata) => {
     onChange(getValidBasicModelOrNull(value2, schema), type, metadata);
@@ -16812,7 +16817,7 @@ var OneOfSchema_default = OneOfSchema;
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/PersistAsyncBlobSchema.tsx
 var import_classnames12 = __toESM(require_classnames());
 import { useEffect as useEffect13, useState as useState19 } from "react";
-import { useIntl as useIntl17 } from "react-intl";
+import { useIntl as useIntl18 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/persistAsyncSchema/persistAsyncBlobSchema/UploadInputAdapter.tsx
 import { Status as Status2, UploadInput as UploadInput4 } from "@transferwise/components";
@@ -16879,7 +16884,7 @@ function PersistAsyncBlobSchema(props) {
   const [persistAsyncValidations, setPersistAsyncValidations] = useState19(null);
   const [validations, setValidations] = useState19([]);
   const [changed, setChanged] = useState19(false);
-  const intl = useIntl17();
+  const intl = useIntl18();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   useEffect13(() => {
@@ -17125,7 +17130,7 @@ var PromotedOneOfSchema_default = PromotedOneOfSchema;
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.tsx
 import { DefinitionList as DefinitionList2, Layout } from "@transferwise/components";
-import { useIntl as useIntl18 } from "react-intl";
+import { useIntl as useIntl19 } from "react-intl";
 
 // src/legacy/jsonSchemaForm/readOnlySchema/ReadOnlySchema.messages.ts
 import { defineMessages as defineMessages16 } from "react-intl";
@@ -17146,7 +17151,7 @@ var ReadOnlySchema_messages_default = defineMessages16({
 import { Fragment as Fragment18, jsx as jsx99, jsxs as jsxs36 } from "react/jsx-runtime";
 function ReadOnlySchema({ schema, model }) {
   const { title = "" } = schema;
-  const { formatMessage } = useIntl18();
+  const { formatMessage } = useIntl19();
   const value = getValueForSchema({ schema, model, formatMessage });
   return /* @__PURE__ */ jsx99(DefinitionList2, { layout: Layout.VERTICAL_ONE_COLUMN, definitions: [{ title, value, key: "" }] });
 }
@@ -17647,7 +17652,7 @@ var DynamicLoadingIndicator_default = DynamicLoadingIndicator;
 
 // src/legacy/layout/paragraph/DynamicParagraph.tsx
 import { Button as Button8 } from "@transferwise/components";
-import { useIntl as useIntl19 } from "react-intl";
+import { useIntl as useIntl20 } from "react-intl";
 
 // src/common/messages/paragraph.messages.ts
 import { defineMessages as defineMessages17 } from "react-intl";
@@ -17687,7 +17692,7 @@ function BasicDynamicParagraph({ component }) {
   ] });
 }
 function CopyableDynamicParagraph({ component }) {
-  const { formatMessage } = useIntl19();
+  const { formatMessage } = useIntl20();
   const createSnackbar = useSnackBarIfAvailable2();
   const { text } = component;
   const copy = () => {
@@ -17802,7 +17807,7 @@ var SearchInput = ({ title, value, onFocus, onChange }) => {
 
 // src/legacy/layout/search/SearchResults.tsx
 import { NavigationOption as NavigationOption7, NavigationOptionsList as NavigationOptionsList4 } from "@transferwise/components";
-import { useIntl as useIntl20 } from "react-intl";
+import { useIntl as useIntl21 } from "react-intl";
 import { jsx as jsx113, jsxs as jsxs42 } from "react/jsx-runtime";
 function SearchResults2({ results, emptyMessage, onSelect }) {
   if (results.length === 0) {
@@ -17822,7 +17827,7 @@ function SearchResults2({ results, emptyMessage, onSelect }) {
   )) });
 }
 function ErrorResult2({ onRetrySearch }) {
-  const intl = useIntl20();
+  const intl = useIntl21();
   return /* @__PURE__ */ jsxs42("p", { className: "m-t-2", children: [
     intl.formatMessage(generic_error_messages_default.genericError),
     "\xA0",
@@ -17912,12 +17917,12 @@ var addQueryParameter2 = (url, key, value) => {
 // src/legacy/layout/search/DynamicSearch.tsx
 var import_classnames14 = __toESM(require_classnames());
 import { Markdown as Markdown8, Typeahead as Typeahead2 } from "@transferwise/components";
-import { useIntl as useIntl21 } from "react-intl";
+import { useIntl as useIntl22 } from "react-intl";
 import { jsx as jsx114, jsxs as jsxs43 } from "react/jsx-runtime";
 var DEBOUNCE_TIME2 = 400;
 function DynamicSearch({ component, onAction }) {
   const [query, setQuery] = useState24("");
-  const intl = useIntl21();
+  const intl = useIntl22();
   const { control, title, margin, url, method, param, emptyMessage } = component;
   const { status, results, search } = useSearch({ url, method, param });
   const onEvent = useEventDispatcher();
@@ -18194,7 +18199,7 @@ var controlTypesWithPersistOnChange = /* @__PURE__ */ new Set([
 ]);
 function PersistAsyncBasicSchema(props) {
   const { schema, required, submitted, errors, onChange, onPersistAsync } = props;
-  const intl = useIntl22();
+  const intl = useIntl23();
   const httpClient = useHttpClient();
   const onEvent = useEventDispatcher();
   const [persistAsyncModel, setPersistAsyncModel] = useState27(null);
@@ -18292,7 +18297,7 @@ var PersistAsyncBasicSchema_default = PersistAsyncBasicSchema;
 var usePersistAsync = (persistAsync) => {
   const [abortController, setAbortController] = useState28(null);
   const httpClient = useHttpClient();
-  const intl = useIntl23();
+  const intl = useIntl24();
   const { schema } = persistAsync;
   async function handlePersistAsync(model) {
     const isInvalidSchema = model instanceof Blob ? !isBlobSchema2(schema) : !isValidSchema(model, schema);
@@ -18523,7 +18528,7 @@ import { useEffect as useEffect25, useState as useState31 } from "react";
 
 // src/common/cameraCapture/CameraCapture.tsx
 import { useCallback as useCallback10, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef8, useState as useState30 } from "react";
-import { useIntl as useIntl26 } from "react-intl";
+import { useIntl as useIntl27 } from "react-intl";
 import Webcam from "react-webcam";
 
 // src/common/cameraCapture/CameraCapture.messages.ts
@@ -18588,14 +18593,14 @@ var CameraCapture_messages_default = defineMessages18({
 
 // src/common/cameraCapture/components/bottomBar/BottomBar.tsx
 import { Button as Button10, ControlType, Priority, Size as Size3 } from "@transferwise/components";
-import { useIntl as useIntl24 } from "react-intl";
+import { useIntl as useIntl25 } from "react-intl";
 import { jsx as jsx119, jsxs as jsxs46 } from "react/jsx-runtime";
 var CaptureBottomBar = ({ onCapture }) => /* @__PURE__ */ jsx119("div", { className: "bottom-bar", children: /* @__PURE__ */ jsx119(CaptureButton, { onClick: onCapture }) });
 var ReviewBottomBar = ({
   onSubmit,
   onRetry
 }) => {
-  const intl = useIntl24();
+  const intl = useIntl25();
   return /* @__PURE__ */ jsx119("div", { className: "bottom-bar p-x-2", children: /* @__PURE__ */ jsx119("div", { className: "row", children: /* @__PURE__ */ jsxs46("div", { className: "col-xs-12 col-md-6 col-md-offset-3", children: [
     /* @__PURE__ */ jsx119(
       Button10,
@@ -18634,7 +18639,7 @@ var CaptureButton = ({ onClick }) => /* @__PURE__ */ jsx119(
 );
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
-import { useIntl as useIntl25 } from "react-intl";
+import { useIntl as useIntl26 } from "react-intl";
 
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.messages.ts
 import { defineMessages as defineMessages19 } from "react-intl";
@@ -18649,7 +18654,7 @@ var OrientationLockOverlay_messages_default = defineMessages19({
 // src/common/cameraCapture/components/orientationLockOverlay/OrientationLockOverlay.tsx
 import { jsx as jsx120, jsxs as jsxs47 } from "react/jsx-runtime";
 function OrientationLockOverlay() {
-  const intl = useIntl25();
+  const intl = useIntl26();
   return /* @__PURE__ */ jsxs47("div", { className: "orientation-lock-overlay", children: [
     /* @__PURE__ */ jsx120(
       "img",
@@ -18939,7 +18944,7 @@ function CameraCapture({
     shouldLockOrientation,
     onEvent
   );
-  const intl = useIntl26();
+  const intl = useIntl27();
   const handleCapture = useCallback10(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) {
@@ -19162,7 +19167,7 @@ function getFirstAction(step) {
 }
 
 // src/legacy/step/externalConfirmationStep/ExternalConfirmationStep.tsx
-import { useIntl as useIntl27 } from "react-intl";
+import { useIntl as useIntl28 } from "react-intl";
 
 // src/common/messages/external-confirmation.messages.ts
 import { defineMessages as defineMessages20 } from "react-intl";
@@ -19194,7 +19199,7 @@ import { jsx as jsx125 } from "react/jsx-runtime";
 var noop6 = () => {
 };
 function ExternalConfirmationStep({ url, onClose }) {
-  const { formatMessage } = useIntl27();
+  const { formatMessage } = useIntl28();
   return /* @__PURE__ */ jsx125(
     DynamicLayout_default,
     {
@@ -19567,9 +19572,9 @@ var assertResponseIsValid2 = (response) => {
 var isResponse2 = (response) => typeof response === "object" && response !== null && "clone" in response && "bodyUsed" in response;
 
 // src/legacy/dynamicFlow/utils/useErrorResponse.tsx
-import { useIntl as useIntl28 } from "react-intl";
+import { useIntl as useIntl29 } from "react-intl";
 var useErrorResponse = () => {
-  const { formatMessage } = useIntl28();
+  const { formatMessage } = useIntl29();
   return async (response, fetchType, isInitialRequest) => {
     try {
       const errorResponse = await parseErrorResponse(response);
@@ -19613,7 +19618,7 @@ var DynamicFlowComponent = ({
     setSchemaModel
   } = useDynamicFlowState(initialStep);
   const [submitted, setSubmitted] = useState34(false);
-  const { locale } = useIntl29();
+  const { locale } = useIntl30();
   const { isLoading, loader, setLoadingState } = useLoader(
     loaderConfig,
     initialStep ? "idle" : "initial"

package/build/types/common/httpClientContext/HttpClientContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { type HttpClient } from '../makeHttpClient';
 type ProviderProps = {
     httpClient: HttpClient;

package/build/types/legacy/common/contexts/dynamicFlowContexts/DynamicFlowContexts.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type Props = {
     loading: boolean;
     children: React.ReactNode;

package/build/types/legacy/common/contexts/featureContext/FeatureContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Feature } from '../../../dynamic-flow-types';
 import type { FeatureName } from '../../constants/FeatureName';
 type FeatureContextProviderProps = {

package/build/types/legacy/common/contexts/logContext/LogContext.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { LogLevel, LogEventHandler } from '../../../dynamic-flow-types';
 export type LogTitle = 'Invalid schema or model' | 'Invalid model on change' | 'Invalid response' | 'Action supressed' | 'Deprecation warning' | 'Deprecated schema' | 'Error fetching';
 type LogFunction = (title: LogTitle, description: string, extra?: Record<string, unknown>) => void;

package/build/types/legacy/common/utils/api-utils.d.ts

@@ -1,2 +1,2 @@
 export declare function isStatus2xx(status: Response['status']): boolean;
-export declare function isStatus422(status: Response['status']): boolean;
+export declare function isStatus422(status: Response['status']): status is 422;

package/build/types/legacy/dynamicFlow/utils/responseParsers/response-parsers.d.ts

@@ -13,5 +13,5 @@ type ParsedBody = {
 };
 export declare const parseFetchResponse: (response: Response) => Promise<ParsedBody>;
 export declare const parseErrorResponse: (response: Response) => Promise<ErrorResponseBody>;
-export declare const getJsonObjectOrNull: (response: Response) => Promise<Parameters<DynamicFlowProps['onCompletion']>[0]>;
+export declare const getJsonObjectOrNull: (response: Response) => Promise<Parameters<DynamicFlowProps["onCompletion"]>[0]>;
 export {};

package/build/types/legacy/dynamicFlow/utils/useDynamicFlowState.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { FormErrors, GlobalError, ObjectModel, Step } from '@wise/dynamic-flow-types';
 type ModelsMap = {
     [key: string]: ObjectModel;

package/build/types/legacy/dynamicFlow/utils/useErrorResponse.d.ts

@@ -1,2 +1,2 @@
 import type { ErrorResponseBody } from '@wise/dynamic-flow-types';
-export declare const useErrorResponse: () => (response: Response, fetchType: 'refresh' | 'submission', isInitialRequest: boolean) => Promise<ErrorResponseBody>;
+export declare const useErrorResponse: () => (response: Response, fetchType: "refresh" | "submission", isInitialRequest: boolean) => Promise<ErrorResponseBody>;

package/build/types/legacy/dynamicFlow/utils/useLoader.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DynamicFlowProps } from '../../dynamic-flow-types';
 type LoadingState = 'idle' | 'initial' | 'refresh' | 'submission';
 export declare function useLoader(loaderConfig: DynamicFlowProps['loaderConfig'], initialState: LoadingState): {

package/build/types/legacy/formControl/FormControl.d.ts

@@ -49,7 +49,7 @@ export default class FormControl extends PureComponent<FormControlProps, FormCon
         prefix?: string | undefined;
         suffix?: string | undefined;
     }) => string;
-    handleOnChange: (value: string | number | boolean | null, metadata?: OnChangeProps['metadata']) => void;
+    handleOnChange: (value: string | number | boolean | null, metadata?: OnChangeProps["metadata"]) => void;
     handleInputOnChange: React.ChangeEventHandler<HTMLInputElement | HTMLTextAreaElement>;
     handleOnFocus: () => void;
     handleOnBlur: () => void;

package/build/types/legacy/jsonSchemaForm/arrayTypeSchema/arrayListSchema/repeatableSchema/utils/summary-utils.d.ts

@@ -1,3 +1,3 @@
 import type { ArraySchema, Model, Schema } from '@wise/dynamic-flow-types';
 import type { ItemSummary } from '../ItemSummary';
-export declare const getItemSummaryFromSchema: (schema: Schema, model: Model | null, defaults?: ArraySchema['summary'], summaryTextOverride?: string) => ItemSummary;
+export declare const getItemSummaryFromSchema: (schema: Schema, model: Model | null, defaults?: ArraySchema["summary"], summaryTextOverride?: string) => ItemSummary;

package/build/types/legacy/jsonSchemaForm/promotedOneOfSchema/promotedOneOfControl/PromotedOneOfControl.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { Icon, Image, Promotion } from '@wise/dynamic-flow-types';
 declare function PromotedOneOfControl(props: PromotedOneOfControlProps): import("react/jsx-runtime").JSX.Element;
 declare namespace PromotedOneOfControl {

package/build/types/legacy/jsonSchemaForm/schemaFormControl/utils/mapping-utils.d.ts

@@ -1,5 +1,5 @@
 import type { Icon, Image, Schema } from '@wise/dynamic-flow-types';
-declare const mapConstSchemaToOption: <ControlType extends string>(schema: Schema, controlType?: ControlType) => ControlType extends 'select' ? SelectOption : RadioOption;
+declare const mapConstSchemaToOption: <ControlType extends string>(schema: Schema, controlType?: ControlType) => ControlType extends "select" ? SelectOption : RadioOption;
 type RadioOption = {
     disabled?: boolean | undefined;
     avatar?: JSX.Element | undefined;

package/build/types/legacy/test-utils/log-utils.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="jest" />
 declare const mockUseLogger: () => {
     debug: jest.Mock<any, any, any>;
     info: jest.Mock<any, any, any>;

package/build/types/revamp/DynamicFragmentCore.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { DynamicFlowCoreProps, DynamicFragmentController } from './types';
 import type { OnValueChange } from './domain/types';
 /**
@@ -7,6 +6,6 @@ import type { OnValueChange } from './domain/types';
  * @experimental This component may be changed in the future without notice.
  */
 export declare const DynamicFragmentCore: import("react").ForwardRefExoticComponent<Omit<DynamicFlowCoreProps, "onCompletion"> & {
-    onValueChange?: OnValueChange | undefined;
-    onCompletion?: ((result: import("@wise/dynamic-flow-types/build/next").JsonElement) => void) | undefined;
+    onValueChange?: OnValueChange;
+    onCompletion?: DynamicFlowCoreProps["onCompletion"];
 } & import("react").RefAttributes<DynamicFragmentController>>;

package/build/types/revamp/DynamicFragmentWise.d.ts

@@ -1,8 +1,7 @@
-/// <reference types="react" />
 import type { DynamicFlowWiseProps, DynamicFragmentController } from './types';
 /** @deprecated This component is deprecated. Please use `DynamicFragment` from `@wise/dynamic-flow-client-internal` instead. */
 declare const DynamicFragmentWise: import("react").ForwardRefExoticComponent<Omit<DynamicFlowWiseProps, "onCompletion"> & {
-    onValueChange?: (() => void) | undefined;
-    onCompletion?: ((result: import("@wise/dynamic-flow-types/build/next").JsonElement) => void) | undefined;
+    onValueChange?: () => void;
+    onCompletion?: DynamicFlowWiseProps["onCompletion"];
 } & import("react").RefAttributes<DynamicFragmentController>>;
 export default DynamicFragmentWise;

package/build/types/revamp/domain/components/AlertComponent.d.ts

@@ -17,4 +17,4 @@ export type AlertCallToAction = {
     title: string;
     onClick: () => void;
 };
-export declare const createAlertComponent: (alertProps: Pick<AlertComponent, 'uid' | 'callToAction' | 'context' | 'control' | 'margin' | 'markdown'>) => AlertComponent;
+export declare const createAlertComponent: (alertProps: Pick<AlertComponent, "uid" | "callToAction" | "context" | "control" | "margin" | "markdown">) => AlertComponent;

package/build/types/revamp/domain/components/AllOfComponent.d.ts

@@ -11,7 +11,7 @@ export type AllOfComponent = BaseComponent & {
     getChildren: () => DomainComponent[];
     getLocalValue: () => LocalValue;
 };
-export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, 'control' | 'description' | 'components' | 'title' | 'help' | 'hidden'> & {
+export declare const createAllOfComponent: (allOfProps: Pick<AllOfComponent, "control" | "description" | "components" | "title" | "help" | "hidden"> & {
     uid: string;
     analyticsId?: string;
     summariser: (value: Model | null) => RepeatableSummary;

package/build/types/revamp/domain/components/BooleanInputComponent.d.ts

@@ -8,7 +8,7 @@ export type BooleanInputComponent = InputComponent<boolean> & {
     validationState: ValidationState;
     onChange: (value: boolean) => void;
 };
-export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, 'uid' | 'id' | 'analyticsId' | 'control' | 'description' | 'disabled' | 'errors' | 'help' | 'hidden' | 'persistedState' | 'required' | 'title' | 'value' | 'validationState'> & {
+export declare const createBooleanInputComponent: (booleanInputProps: Pick<BooleanInputComponent, "uid" | "id" | "analyticsId" | "control" | "description" | "disabled" | "errors" | "help" | "hidden" | "persistedState" | "required" | "title" | "value" | "validationState"> & {
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;

package/build/types/revamp/domain/components/BoxComponent.d.ts

@@ -7,4 +7,4 @@ export type BoxComponent = LayoutComponent & {
     components: DomainComponent[];
     getChildren: () => DomainComponent[];
 };
-export declare const createBoxComponent: (boxProps: Pick<BoxComponent, 'uid' | 'border' | 'components' | 'control' | 'margin' | 'width'>) => BoxComponent;
+export declare const createBoxComponent: (boxProps: Pick<BoxComponent, "uid" | "border" | "components" | "control" | "margin" | "width">) => BoxComponent;

package/build/types/revamp/domain/components/ButtonComponent.d.ts

@@ -9,4 +9,4 @@ export type ButtonComponent = LayoutComponent & {
     title: string;
     onClick: () => void;
 };
-export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, 'uid' | 'context' | 'control' | 'disabled' | 'margin' | 'onClick' | 'pinOrder' | 'size' | 'title'>) => ButtonComponent;
+export declare const createButtonComponent: (buttonProps: Pick<ButtonComponent, "uid" | "context" | "control" | "disabled" | "margin" | "onClick" | "pinOrder" | "size" | "title">) => ButtonComponent;