@wise/dynamic-flow-client 3.8.0 → 3.9.0-experimental-90bdf26

package/build/test-utils/NeptuneProviders.js

@@ -0,0 +1,23 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Provider as ComponentProvider, DEFAULT_LANG, DEFAULT_LOCALE, SnackbarProvider, translations as componentTranslations, getLangFromLocale, } from '@transferwise/components';
+import { ThemeProvider } from '@wise/components-theming';
+import translations from '../i18n';
+var locale = DEFAULT_LOCALE;
+var lang = getLangFromLocale(locale) || DEFAULT_LANG;
+var messages = __assign(__assign({}, componentTranslations[lang]), translations[lang]);
+function NeptuneProviders(_a) {
+    var children = _a.children;
+    return (_jsx(ThemeProvider, { theme: "personal", screenMode: "light", children: _jsx(SnackbarProvider, { children: _jsx(ComponentProvider, { i18n: { locale: locale, messages: messages }, children: children }) }) }));
+}
+export default NeptuneProviders;

package/build/test-utils/fetch-utils.js

@@ -0,0 +1,104 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+/**
+ * Returns a mock http client you can use in your DynamicFlow.
+ *
+ * @param handlers Map of flow URL to http clients
+ * @returns An http client that will handle real URLs and URLs in the handlers map
+ * @example getMockHttpClient({
+ *  '/form': () => respondWith(formStep),
+ *  '/recipient': () => respondWith(recipientStep),
+ * })
+ */
+export var getMockHttpClient = function (handlers) {
+    return function (input, init) { return __awaiter(void 0, void 0, void 0, function () {
+        var handler;
+        return __generator(this, function (_a) {
+            if (typeof input !== 'string') {
+                throw new Error("Cannot handle non URL httpClient input");
+            }
+            if (isRealUrl(input)) {
+                return [2 /*return*/, handleRealUrl(input, init)];
+            }
+            handler = handlers[input];
+            if (handler) {
+                return [2 /*return*/, handler(input, init)];
+            }
+            throw new Error("No handler for ".concat(input));
+        });
+    }); };
+};
+export var respondWith = function (data, init) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(JSON.stringify(data), init)];
+}); }); };
+export var respondWithDelay = function (data, delayMs, init) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, new Promise(function (resolve) {
+                setTimeout(function () {
+                    resolve(new Response(JSON.stringify(data), init));
+                }, delayMs);
+            })];
+    });
+}); };
+export var respondWithEtag = function (step) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(JSON.stringify(step), { headers: { etag: eTagFromStep(step) } })];
+}); }); };
+export var respondWithEmptyOk = function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(null, { status: 200 })];
+}); }); };
+export var respondWithEmptyAndEtag = function (step) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, new Response(null, { headers: { etag: eTagFromStep(step) }, status: 304 })];
+}); }); };
+var eTagFromStep = function (step) {
+    var schema = JSON.stringify(step.schemas ? step.schemas[0] : {});
+    return "".concat(schema.slice(0, 50), "-").concat(schema.length);
+};
+var isRealUrl = function (url) { return url.startsWith('http'); };
+var handleRealUrl = function (url, init) { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+    return [2 /*return*/, fetch(url, init)];
+}); }); };
+export var abortableDelay = function (delayMs, signal) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, new Promise(function (resolve, reject) {
+                var timeoutId = setTimeout(function () { return resolve(); }, delayMs);
+                signal === null || signal === void 0 ? void 0 : signal.addEventListener('abort', function () {
+                    clearTimeout(timeoutId);
+                    reject(new DOMException('AbortError', 'AbortError'));
+                });
+            })];
+    });
+}); };

package/build/test-utils/index.js

@@ -0,0 +1,2 @@
+export { getMockHttpClient, respondWith, respondWithEtag, respondWithEmptyOk, respondWithEmptyAndEtag, } from './fetch-utils';
+export { renderWithProviders } from './rtl-utils';

package/build/test-utils/rtl-utils.js

@@ -0,0 +1,20 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from '@testing-library/react';
+import NeptuneProviders from './NeptuneProviders';
+export var renderWithProviders = function (children, options) {
+    var renderedResult = render(_jsx(NeptuneProviders, { children: children }), options);
+    return __assign(__assign({}, renderedResult), { rerender: function (ui, renderOptions) {
+            return renderWithProviders(ui, __assign({ container: renderedResult.container }, renderOptions));
+        } });
+};

package/build/types/index.d.ts

@@ -1,8 +1,9 @@
 export { makeHttpClient } from './common/makeHttpClient';
 export { default as translations } from './i18n';
 export type { Step, Model } from '@wise/dynamic-flow-types';
-export type { DynamicFlowWiseProps as DynamicFlowRevampProps, DynamicFlowWisePropsWithInitialAction as DynamicFlowRevampPropsWithInitialAction, DynamicFlowWisePropsWithInitialStep as DynamicFlowRevampPropsWithInitialStep, } from './revamp/types';
+export type { DynamicFlowWiseProps as DynamicFlowRevampProps, DynamicFlowWisePropsWithInitialAction as DynamicFlowRevampPropsWithInitialAction, DynamicFlowWisePropsWithInitialStep as DynamicFlowRevampPropsWithInitialStep, DynamicFragmentController, } from './revamp/types';
 export { default as DynamicFlowRevamp } from './revamp/DynamicFlowWise';
+export { default as DynamicFragmentWise } from './revamp/DynamicFragmentWise';
 export type { DynamicFlowProps, InitialAction } from './legacy/dynamic-flow-types';
 export { convertStepToLayout, inlineReferences } from './legacy/step/layoutStep/utils';
 export { default as DynamicFlow } from './legacy/dynamicFlow';

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

@@ -23,4 +23,4 @@ export declare function isFileUploadSchema(schema: {
 }): schema is FileUploadSchema;
 export declare const isMultipleFileUploadSchema: (schema: Schema) => schema is MultipleFileUploadSchema;
 export declare const isMultiSelectConstSchema: (schema: Schema) => schema is MultiSelectSchema;
-export declare const getSchemaType: (schema: Schema) => "object" | "array" | "allOf" | "oneOf" | "persistAsync" | "readOnly" | "validationAsync" | "promotedOneOf" | "basic" | null;
+export declare const getSchemaType: (schema: Schema) => "object" | "array" | "allOf" | "oneOf" | "persistAsync" | "validationAsync" | "readOnly" | "promotedOneOf" | "basic" | null;

package/build/types/legacy/layout/utils/index.d.ts

@@ -1,6 +1,6 @@
 import { Align, Size } from '@wise/dynamic-flow-types';
 export { getNavigationOptionMedia } from './getNavigationOptionMedia';
-declare const getMargin: (size: Size | undefined) => "" | "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5";
+declare const getMargin: (size: Size | undefined) => "" | "m-b-2" | "m-b-3" | "m-b-0" | "m-b-1" | "m-b-5";
 declare const getTextAlignmentAndMargin: (component: {
     align?: Align;
     margin?: Size;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import type { DynamicFlowWiseProps, DynamicFragmentController } from './types';
+import type { OnValueChange } from './domain/types';
+/**
+ * DynamicFragmentWise is like DynamicFlowWise, but it also accepts a ForwardedRef.
+ * This ref conforms to the DynamicFragmentController type, containing two functions: `getValue` and `validate`.
+ * @experimental This component may be changed in the future without notice.
+ */
+declare const DynamicFragmentWise: import("react").ForwardRefExoticComponent<(DynamicFlowWiseProps & {
+    onValueChange?: OnValueChange | undefined;
+}) & import("react").RefAttributes<DynamicFragmentController>>;
+export default DynamicFragmentWise;

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

@@ -1,7 +1,7 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type BooleanInputComponent = InputComponent<boolean> & {
     type: 'boolean';
     persistedState: PersistedState;
@@ -13,4 +13,5 @@ export declare const createBooleanInputComponent: (booleanInputProps: Pick<Boole
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     summariser: (value: boolean) => RepeatableSummary;
+    onValueChange: OnValueChange;
 }, updateComponent: UpdateComponent) => BooleanInputComponent;

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

@@ -1,6 +1,6 @@
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
 export type DateInputComponent = InputComponent<string | null> & {
@@ -16,5 +16,6 @@ export declare const createDateInputComponent: (textInputProps: Pick<DateInputCo
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => DateInputComponent;

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

@@ -1,4 +1,4 @@
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
@@ -14,5 +14,6 @@ export declare const createIntegerInputComponent: (integerInputProps: Pick<Integ
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => IntegerInputComponent;

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

@@ -1,5 +1,5 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 export type MultiUploadInputComponent = InputComponent<File[]> & {
     type: 'multi-upload';
@@ -17,5 +17,6 @@ export type MultiUploadInputComponent = InputComponent<File[]> & {
 export declare const createMultiUploadInputComponent: (uploadInputProps: Pick<MultiUploadInputComponent, "value" | "id" | "uid" | "control" | "analyticsId" | "title" | "maxItems" | "minItems" | "description" | "errors" | "hidden" | "help" | "disabled" | "placeholder" | "accepts" | "maxSize" | "required" | "format" | "autoComplete" | "persistedState" | "uploadLabel"> & {
     checks: IsInvalidCheck<File[]>[];
     performPersistAsync: PerformPersistAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string[]) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => MultiUploadInputComponent;

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

@@ -2,7 +2,7 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type NumberInputComponent = InputComponent<number | null> & {
     type: 'number';
     persistedState: PersistedState;
@@ -14,5 +14,6 @@ export declare const createNumberInputComponent: (numberInputProps: Pick<NumberI
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh: PerformRefresh | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: number | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => NumberInputComponent;

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

@@ -1,5 +1,5 @@
 import type { Icon, Image } from '@wise/dynamic-flow-types/build/next';
-import type { InputComponent, LocalValue, PersistedState, RepeatableSummary, DomainComponent, UpdateComponent } from '../types';
+import type { InputComponent, LocalValue, PersistedState, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../types';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { AnalyticsEventDispatcher } from '../features/events';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
@@ -31,5 +31,6 @@ export declare const createSelectInputComponent: (selectProps: Pick<SelectInputC
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh?: PerformRefresh | undefined;
     summariser: (value: LocalValue | null) => RepeatableSummary;
+    onValueChange: OnValueChange;
     trackEvent: AnalyticsEventDispatcher;
 }, updateComponent: UpdateComponent) => SelectInputComponent;

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

@@ -2,7 +2,7 @@ import type { PerformPersistAsync } from '../features/persistAsync/getPerformPer
 import { type PerformRefresh } from '../features/refresh/getPerformRefresh';
 import type { IsInvalidCheck } from '../features/validation/value-checks';
 import type { PerformValidationAsync } from '../features/validationAsync/getPerformValidationAsync';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent, ValidationState } from '../types';
 export type TextInputComponent = InputComponent<string | null> & {
     type: 'text';
     displayFormat?: string;
@@ -15,5 +15,6 @@ export declare const createTextInputComponent: (textInputProps: Pick<TextInputCo
     performPersistAsync: PerformPersistAsync | undefined;
     performValidationAsync: PerformValidationAsync | undefined;
     performRefresh: PerformRefresh | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => TextInputComponent;

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

@@ -1,5 +1,5 @@
 import type { IsInvalidCheck } from '../features/validation/value-checks';
-import type { InputComponent, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
+import type { InputComponent, OnValueChange, PersistedState, RepeatableSummary, UpdateComponent } from '../types';
 import type { PerformPersistAsync } from '../features/persistAsync/getPerformPersistAsync';
 import type { PerformRefresh } from '../features/refresh/getPerformRefresh';
 export type UploadInputComponent = InputComponent<File | null> & {
@@ -14,5 +14,6 @@ export declare const createUploadInputComponent: (uploadInputProps: Pick<UploadI
     checks: IsInvalidCheck<File | null>[];
     performPersistAsync: PerformPersistAsync | undefined;
     performRefresh?: PerformRefresh | undefined;
+    onValueChange: OnValueChange;
     summariser: (value: string | null) => RepeatableSummary;
 }, updateComponent: UpdateComponent) => UploadInputComponent;

package/build/types/revamp/domain/components/repeatableComponent/RepeatableComponent.d.ts

@@ -1,5 +1,5 @@
 import type { SummarySummariser } from '@wise/dynamic-flow-types/build/next/feature/SummarySummariser';
-import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent } from '../../types';
+import type { ComponentWithTitle, LocalValue, LocalValueArray, RepeatableSummary, DomainComponent, UpdateComponent, OnValueChange } from '../../types';
 import type { IsInvalidCheck } from '../../features/validation/value-checks';
 export type RepeatableComponent = ComponentWithTitle & {
     type: 'repeatable';
@@ -23,5 +23,6 @@ export declare const createRepeatableComponent: (repeatableProps: Pick<Repeatabl
     checks: IsInvalidCheck<LocalValueArray | null>[];
     summary?: SummarySummariser | undefined;
     summariser: (value: LocalValueArray | null) => RepeatableSummary;
+    onValueChange: OnValueChange;
     createEditableComponent: (value: LocalValue) => DomainComponent;
 }, updateComponent: UpdateComponent) => RepeatableComponent;

package/build/types/revamp/domain/features/events.d.ts

@@ -1,6 +1,6 @@
 export type AnalyticsEventHandler = (eventName: string, properties?: Record<string, unknown>) => void;
 export type AnalyticsEventDispatcher<E extends string = EventName> = (eventName: E, properties?: Record<string, unknown>) => void;
-export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed';
+export type EventName = 'Initiated' | 'Succeeded' | 'Failed' | 'Step Shown' | 'Action Triggered' | 'Action Succeeded' | 'Action Aborted' | 'Action Failed' | 'Refresh Triggered' | 'Refresh Succeeded' | 'Refresh Aborted' | 'Refresh Failed' | 'OneOf Selected' | 'PersistAsync Triggered' | 'PersistAsync Succeeded' | 'PersistAsync Failed' | 'ValidationAsync Triggered' | 'ValidationAsync Succeeded' | 'ValidationAsync Failed' | 'Value Changed';
 export type LogLevel = 'info' | 'warning' | 'error';
 export type LoggingEventHandler = (level: LogLevel, message: string, extra: Record<string, unknown>) => void;
 export type LoggingEventDispatcher = (level: LogLevel, message: string, extra?: Record<string, unknown>) => void;

package/build/types/revamp/domain/mappers/schema/tests/test-utils.d.ts

@@ -9,6 +9,7 @@ export declare const getMockMapperProps: (mapperProps?: Partial<MapperProps>) =>
     httpClient: typeof fetch | jest.Mock<any, any, any>;
     onAction: import("../../../types").OnAction | jest.Mock<any, any, any>;
     onRefresh: import("../../../types").OnRefresh | jest.Mock<any, any, any>;
+    onValueChange: import("../../../types").OnValueChange | jest.Mock<any, any, any>;
     updateComponent: import("../../../types").UpdateComponent | jest.Mock<any, any, any>;
     trackEvent: import("../../../features/events").AnalyticsEventDispatcher | jest.Mock<any, any, any>;
     logEvent: import("../../../features/events").LoggingEventDispatcher | jest.Mock<any, any, any>;

package/build/types/revamp/domain/mappers/schema/types.d.ts

@@ -1,7 +1,7 @@
 import type { Step as DFStep, Model, Schema, ValidationError } from '@wise/dynamic-flow-types/build/next';
 import type { HttpClient } from '../../../types';
 import type { AnalyticsEventDispatcher, LoggingEventDispatcher } from '../../features/events';
-import type { LocalValue, OnAction, OnRefresh, UpdateComponent } from '../../types';
+import type { LocalValue, OnAction, OnRefresh, OnValueChange, UpdateComponent } from '../../types';
 import type { GetErrorMessageFunctions, PersistAsyncConfig } from '../types';
 export type MapperProps = {
     stepLocalValue: LocalValue;
@@ -10,6 +10,7 @@ export type MapperProps = {
     httpClient: HttpClient;
     onAction: OnAction;
     onRefresh: OnRefresh;
+    onValueChange: OnValueChange;
     updateComponent: UpdateComponent;
     trackEvent: AnalyticsEventDispatcher;
     logEvent: LoggingEventDispatcher;

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

@@ -73,6 +73,7 @@ export type InputComponent<V extends LocalValue> = ComponentWithTitle & {
 export type UpdateComponent = (id: string, update: (component: DomainComponent) => void) => void;
 export type OnAction = (action: Action) => Promise<void>;
 export type OnRefresh = (schemaId: string | undefined, url?: string) => Promise<void> | void;
+export type OnValueChange = () => void;
 export type Align = 'start' | 'center' | 'end';
 export type Bias = 'none' | 'start' | 'end';
 export type Context = 'positive' | 'negative' | 'warning' | 'neutral';

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

@@ -1,4 +1,4 @@
-import type { Step, Model } from '@wise/dynamic-flow-types/build/next';
+import type { Step, Model, JsonElement } from '@wise/dynamic-flow-types/build/next';
 import type { AnalyticsEventHandler, LoggingEventHandler } from './domain/features/events';
 import type { CoreContainerRendererProps } from './renderers/CoreContainerRenderer';
 import type { Renderer, AlertRendererProps, BoxRendererProps, ColumnsRendererProps, DecisionRendererProps, DividerRendererProps, FormRendererProps, HeadingRendererProps, InstructionsRendererProps, LoadingIndicatorRendererProps, MarkdownRendererProps, ImageRendererProps, ModalRendererProps, ParagraphRendererProps, ReviewRendererProps, SearchRendererProps, StatusListRendererProps, FormSectionRendererProps, BooleanInputRendererProps, ButtonRendererProps, DateInputRendererProps, HiddenRendererProps, IntegerInputRendererProps, NumberInputRendererProps, RepeatableRendererProps, SelectInputRendererProps, TextInputRendererProps, UploadInputRendererProps, MultiUploadInputRendererProps, StepRendererProps } from './renderers/types';
@@ -15,6 +15,16 @@ type MakeOptional<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;
 export type DynamicFlowWisePropsWithInitialAction = MakeOptional<DynamicFlowCorePropsWithInitialAction, 'renderers'>;
 export type DynamicFlowWisePropsWithInitialStep = MakeOptional<DynamicFlowCorePropsWithInitialStep, 'renderers'>;
 export type DynamicFlowWiseProps = DynamicFlowWisePropsWithInitialAction | DynamicFlowWisePropsWithInitialStep;
+export type DynamicFragmentController = {
+    /**
+     * Returns the current value of the form, even if it doesn't pass validation.
+     */
+    getValue: () => Promise<JsonElement>;
+    /**
+     * triggers validation in every UI component and returns whether or not the current value is valid.
+     */
+    validate: () => boolean;
+};
 export type InitialAction = {
     id?: string;
     url: string;

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

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+import type { StepDomainComponent } from './domain/components/StepDomainComponent';
+import type { OnValueChange } from './domain/types';
+import type { DynamicFlowCoreProps } from './types';
+type UseDynamicFlowCoreProps = Omit<DynamicFlowCoreProps, 'renderers'> & {
+    onValueChange?: OnValueChange;
+};
+export declare function useDynamicFlowCore(props: UseDynamicFlowCoreProps): {
+    stepComponentRef: import("react").MutableRefObject<StepDomainComponent | null>;
+};
+export {};

package/build/types/revamp/utils/type-utils.d.ts

@@ -1,8 +1,8 @@
-import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema, BlobSchema } from '@wise/dynamic-flow-types/build/next';
-import type { LocalValue, LocalValueObject, DomainComponent } from '../domain/types';
+import type { AllOfSchema, ArraySchema, ArraySchemaList, ArraySchemaTuple, BlobSchema, BooleanSchema, ConstSchema, IntegerSchema, Model, NumberSchema, ObjectSchema, OneOfSchema, Schema, StringSchema } from '@wise/dynamic-flow-types/build/next';
+import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
 import type { ColumnsComponent } from '../domain/components/ColumnsComponent';
 import type { RepeatableComponent } from '../domain/components/repeatableComponent/RepeatableComponent';
-import type { PersistAsync } from '@wise/dynamic-flow-types/build/next/feature/PersistAsync';
+import type { DomainComponent, LocalValue, LocalValueArray, LocalValueObject } from '../domain/types';
 type SchemaWithPersistAsync = (ArraySchemaList | ArraySchemaTuple | BooleanSchema | IntegerSchema | NumberSchema | StringSchema) & {
     persistAsync: PersistAsync;
 };
@@ -23,6 +23,7 @@ export declare const isHiddenComponent: (component: DomainComponent) => componen
 };
 export declare const isRepeatableComponent: (component: DomainComponent) => component is RepeatableComponent;
 export declare const isObjectLocalValue: (value: LocalValue) => value is LocalValueObject;
+export declare const isArrayLocalValue: (value: LocalValue) => value is LocalValueArray;
 export declare const isObjectModel: (model: Model) => model is Record<string, import("@wise/dynamic-flow-types/build/next").JsonElement>;
 export declare const isArrayModel: (model: Model) => model is import("@wise/dynamic-flow-types/build/next").JsonElement[];
 export declare const isAllOfSchema: (schema: Schema) => schema is AllOfSchema;

package/build/types/revamp/wise/renderers/utils/layout-utils.d.ts

@@ -1,5 +1,5 @@
 import type { Align, Size } from '../../../renderers/types';
-declare const getMargin: (size: Size) => "" | "m-b-0" | "m-b-1" | "m-b-2" | "m-b-3" | "m-b-5";
+declare const getMargin: (size: Size) => "" | "m-b-2" | "m-b-3" | "m-b-0" | "m-b-1" | "m-b-5";
 declare const getTextAlignmentAndMargin: (component: {
     align: Align;
     margin: Size;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wise/dynamic-flow-client",
-  "version": "3.8.0",
+  "version": "3.9.0-experimental-90bdf26",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",