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

package/build/revamp/tests/Rerendering.spec.js

@@ -0,0 +1,156 @@
+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);
+};
+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 };
+    }
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { screen, waitFor } from '@testing-library/react';
+import { userEvent } from '@testing-library/user-event';
+import { renderWithProviders } from '../../test-utils';
+import DynamicFlowWise from '../DynamicFlowWise';
+var getDefaultProps = function () { return ({
+    flowId: 'flow-id',
+    onCompletion: jest.fn(),
+    httpClient: jest.fn(),
+    onError: jest.fn(),
+    onEvent: jest.fn(),
+    onLog: jest.fn(),
+}); };
+describe('When the component is re-rendered', function () {
+    var initialStep = {
+        id: 'name-step',
+        title: 'Name Step',
+        schemas: [
+            {
+                $id: '#form',
+                type: 'string',
+                title: 'Name',
+            },
+        ],
+        layout: [
+            {
+                type: 'form',
+                schemaId: '#form',
+            },
+        ],
+    };
+    describe('and the "initialStep" props DOES NOT HAVE the same stable reference', function () {
+        it('does NOT re-initialise, hence the "Initiated" tracking event is not triggered a second time', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, rerender;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = getDefaultProps();
+                        rerender = renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props, { initialStep: initialStep }))).rerender;
+                        return [4 /*yield*/, waitFor(function () {
+                                return expect(props.onEvent).toHaveBeenCalledWith('Dynamic Flow - Initiated', expect.anything());
+                            })];
+                    case 1:
+                        _a.sent();
+                        props.onEvent.mockClear();
+                        rerender(_jsx(DynamicFlowWise, __assign({}, props, { initialStep: __assign({}, initialStep) })));
+                        return [4 /*yield*/, waitFor(function () { return expect(props.onEvent).not.toHaveBeenCalled(); })];
+                    case 2:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('and the "initialAction" props DOES NOT HAVE the same stable reference', function () {
+        it('does NOT re-initialise, and it keeps focus on the input field', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, httpClient, rerender;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = getDefaultProps();
+                        httpClient = jest.fn(function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+                            return [2 /*return*/, Promise.resolve(new Response(JSON.stringify(initialStep)))];
+                        }); }); });
+                        rerender = renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props, { httpClient: httpClient, initialAction: { url: '/initial-step', method: 'GET' } }))).rerender;
+                        return [4 /*yield*/, waitFor(function () { return expect(httpClient).toHaveBeenCalledTimes(1); })];
+                    case 1:
+                        _a.sent();
+                        rerender(_jsx(DynamicFlowWise, __assign({}, props, { httpClient: httpClient, initialAction: { url: '/initial-step', method: 'GET' } })));
+                        return [4 /*yield*/, wait(10)];
+                    case 2:
+                        _a.sent(); // wait for the re-render to complete, give it a change to fail
+                        return [4 /*yield*/, waitFor(function () { return expect(httpClient).toHaveBeenCalledTimes(1); })];
+                    case 3:
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('and the "renderers" prop has the same stable reference', function () {
+        it('keeps focus on the input field', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var props, stableRenderers, rerender;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        props = getDefaultProps();
+                        stableRenderers = [];
+                        rerender = renderWithProviders(_jsx(DynamicFlowWise, __assign({}, props, { initialStep: initialStep, renderers: stableRenderers }))).rerender;
+                        return [4 /*yield*/, userEvent.click(screen.getByLabelText('Name'))];
+                    case 1:
+                        _a.sent();
+                        expect(screen.getByLabelText('Name')).toHaveFocus();
+                        rerender(_jsx(DynamicFlowWise, __assign({}, props, { initialStep: initialStep, renderers: stableRenderers })));
+                        // focus should be kept after re-render
+                        expect(screen.getByLabelText('Name')).toHaveFocus();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+});
+var wait = function (ms) { return __awaiter(void 0, void 0, void 0, function () {
+    return __generator(this, function (_a) {
+        return [2 /*return*/, new Promise(function (resolve) {
+                setTimeout(resolve, ms);
+            })];
+    });
+}); };

package/build/revamp/useDynamicFlowCore.js

@@ -0,0 +1,285 @@
+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);
+};
+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 };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { validateStep } from '@wise/dynamic-flow-types';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useIntl } from 'react-intl';
+import { mapStepToComponent } from './domain/mappers/mapStepToComponent';
+import { executeRefresh } from './flow/executeRefresh';
+import { executeSubmission } from './flow/executeSubmission';
+import { getSchemaErrorMessageFunction } from './renderers/getSchemaErrorMessageFunction';
+import { findComponent } from './utils/findComponent';
+import { useStableCallback } from './utils/useStableCallback';
+export function useDynamicFlowCore(props) {
+    var _this = this;
+    var flowId = props.flowId, initialAction = props.initialAction, initialStep = props.initialStep, _a = props.displayStepTitle, displayStepTitle = _a === void 0 ? true : _a, rest = __rest(props, ["flowId", "initialAction", "initialStep", "displayStepTitle"]);
+    var httpClient = useStableCallback(rest.httpClient);
+    var onCompletion = useStableCallback(rest.onCompletion);
+    var onValueChange = useStableCallback(props.onValueChange);
+    var onError = useStableCallback(rest.onError);
+    var onEvent = useStableCallback(rest.onEvent);
+    var onLog = useStableCallback(rest.onLog);
+    var _b = useIntl(), formatMessage = _b.formatMessage, locale = _b.locale;
+    var getErrorMessageFunctions = useMemo(function () { return getSchemaErrorMessageFunction(formatMessage, locale); }, [formatMessage, locale]);
+    var _c = useState(null), stepComponent = _c[0], setStepComponent = _c[1];
+    var stepComponentRef = useRef(null);
+    var stepRef = useRef(initialStep !== null && initialStep !== void 0 ? initialStep : null);
+    var etagRef = useRef(null);
+    var abortControllerRef = useRef(new AbortController());
+    var abortCurrentAndGetNewAbortSignal = function () {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = new AbortController();
+        return abortControllerRef.current.signal;
+    };
+    useEffect(function () {
+        // Initialise Flow
+        trackCoreEvent('Initiated');
+        if (!initialStep && initialAction) {
+            void onAction(__assign({ method: 'GET' }, initialAction));
+        }
+        if (initialStep && !initialAction) {
+            initialiseWithStep(initialStep, null);
+            trackCoreEvent('Step Shown', { isFirstStep: true });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var initialiseWithStep = useCallback(function (newStep, etag) {
+        var _a, _b, _c;
+        (_a = stepComponentRef.current) === null || _a === void 0 ? void 0 : _a.stop();
+        stepRef.current = newStep;
+        etagRef.current = etag;
+        var validationResult = validateStep(newStep);
+        if (!validationResult.valid) {
+            logEvent('warning', 'Invalid step.', { errors: validationResult.errors });
+        }
+        var updateComponent = function (id, update) {
+            var currentStepComponent = stepComponentRef.current;
+            if (currentStepComponent) {
+                update(findComponent([currentStepComponent], id));
+                setStepComponent(function () {
+                    var newStepDomainComponent = __assign({}, currentStepComponent);
+                    stepComponentRef.current = newStepDomainComponent;
+                    return newStepDomainComponent;
+                });
+            }
+        };
+        try {
+            var newStepComponent_1 = mapStepToComponent({
+                stepLocalValue: (_c = (_b = stepComponentRef.current) === null || _b === void 0 ? void 0 : _b.getLocalValue()) !== null && _c !== void 0 ? _c : null,
+                step: newStep,
+                displayStepTitle: displayStepTitle,
+                loadingState: 'idle',
+                updateComponent: updateComponent,
+                getErrorMessageFunctions: getErrorMessageFunctions,
+                trackEvent: trackEvent,
+                logEvent: logEvent,
+                httpClient: httpClient,
+                onAction: onAction,
+                onRefresh: onRefresh,
+                onValueChange: onValueChange,
+            });
+            setStepComponent(function () {
+                stepComponentRef.current = newStepComponent_1;
+                return newStepComponent_1;
+            });
+        }
+        catch (error) {
+            closeWithError(error);
+        }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var trackEvent = useCallback(function (eventName, properties) {
+        var _a, _b, _c, _d;
+        var stepId = (_b = (_a = stepRef.current) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : (_c = stepRef.current) === null || _c === void 0 ? void 0 : _c.key;
+        var analytics = (_d = stepRef.current) === null || _d === void 0 ? void 0 : _d.analytics;
+        var metadata = __assign(__assign(__assign({ flowId: flowId }, (stepId ? { stepId: stepId } : {})), analytics), properties);
+        try {
+            onEvent === null || onEvent === void 0 ? void 0 : onEvent("Dynamic Flow - ".concat(eventName), __assign({}, metadata));
+        }
+        catch (_e) { }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var trackCoreEvent = trackEvent;
+    var logEvent = useCallback(function (level, message, properties) {
+        var _a, _b, _c;
+        try {
+            onLog === null || onLog === void 0 ? void 0 : onLog(level, message, __assign(__assign({}, properties), { flowId: flowId, stepId: (_b = (_a = stepRef.current) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : (_c = stepRef.current) === null || _c === void 0 ? void 0 : _c.key }));
+        }
+        catch (_d) { }
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var closeWithError = useCallback(function (error, analytics) {
+        trackCoreEvent('Failed', __assign({}, analytics));
+        onError(error);
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var onAction = useCallback(function (action) { return __awaiter(_this, void 0, void 0, function () {
+        var model, command, isFirstStep, genericErrorMessage, _a, errors, _b, refreshUrl, _c, errors, error_1;
+        var _d, _e, _f;
+        return __generator(this, function (_g) {
+            switch (_g.label) {
+                case 0:
+                    _g.trys.push([0, 3, , 4]);
+                    (_d = stepComponentRef.current) === null || _d === void 0 ? void 0 : _d.setLoadingState('loading');
+                    return [4 /*yield*/, ((_e = stepComponentRef.current) === null || _e === void 0 ? void 0 : _e.getSubmittableValue())];
+                case 1:
+                    model = (_f = (_g.sent())) !== null && _f !== void 0 ? _f : null;
+                    return [4 /*yield*/, executeSubmission({
+                            action: action,
+                            model: model,
+                            isInitial: stepRef.current === null,
+                            httpClient: httpClient,
+                            trackEvent: trackCoreEvent,
+                        })];
+                case 2:
+                    command = _g.sent();
+                    switch (command.type) {
+                        case 'complete': {
+                            onCompletion(command.result);
+                            trackCoreEvent('Succeeded');
+                            break;
+                        }
+                        case 'replace-step': {
+                            isFirstStep = stepRef.current === null;
+                            initialiseWithStep(command.step, command.etag);
+                            trackCoreEvent('Step Shown', { isFirstStep: isFirstStep });
+                            break;
+                        }
+                        case 'error': {
+                            genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
+                            _a = command.body.errors, errors = _a === void 0 ? { error: genericErrorMessage } : _a;
+                            if (stepRef.current) {
+                                initialiseWithStep(__assign(__assign({}, stepRef.current), { errors: errors, model: model }), etagRef.current);
+                            }
+                            else {
+                                closeWithError(new Error('Initial request failed'), {});
+                            }
+                            break;
+                        }
+                        case 'refresh': {
+                            _b = command.body, refreshUrl = _b.refreshUrl, _c = _b.errors, errors = _c === void 0 ? {} : _c;
+                            void onRefresh(undefined, refreshUrl, errors);
+                            break;
+                        }
+                    }
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _g.sent();
+                    closeWithError(error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, []);
+    var onRefresh = useCallback(function (schemaId, refreshUrl, errorsOverride) {
+        if (refreshUrl === void 0) { refreshUrl = ''; }
+        return __awaiter(_this, void 0, void 0, function () {
+            var model, command, errors, error_2;
+            var _a, _b, _c, _d;
+            return __generator(this, function (_e) {
+                switch (_e.label) {
+                    case 0:
+                        _e.trys.push([0, 3, , 4]);
+                        (_a = stepComponentRef.current) === null || _a === void 0 ? void 0 : _a.setLoadingState('loading');
+                        return [4 /*yield*/, ((_b = stepComponentRef.current) === null || _b === void 0 ? void 0 : _b.getSubmittableValue())];
+                    case 1:
+                        model = (_c = (_e.sent())) !== null && _c !== void 0 ? _c : null;
+                        return [4 /*yield*/, executeRefresh({
+                                abortSignal: abortCurrentAndGetNewAbortSignal(),
+                                url: refreshUrl,
+                                model: model,
+                                schemaId: schemaId,
+                                etag: etagRef.current,
+                                httpClient: httpClient,
+                                trackEvent: trackCoreEvent,
+                            })];
+                    case 2:
+                        command = _e.sent();
+                        switch (command.type) {
+                            case 'refresh-step':
+                                {
+                                    errors = errorsOverride !== null && errorsOverride !== void 0 ? errorsOverride : command.step.errors;
+                                    initialiseWithStep(__assign(__assign({}, command.step), { errors: errors }), command.etag);
+                                }
+                                break;
+                            case 'error': {
+                                closeWithError(new Error('Failed to refresh'), command.body.analytics);
+                                break;
+                            }
+                            case 'noop':
+                                (_d = stepComponentRef.current) === null || _d === void 0 ? void 0 : _d.setLoadingState('idle');
+                                break;
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_2 = _e.sent();
+                        closeWithError(error_2, undefined);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    return { stepComponentRef: stepComponentRef };
+}

package/build/revamp/utils/type-utils.js

@@ -11,6 +11,9 @@ export var isRepeatableComponent = function (component) { return Object.hasOwnPr
 export var isObjectLocalValue = function (value) {
     return value != null && typeof value === 'object' && !Array.isArray(value) && !(value instanceof File);
 };
+export var isArrayLocalValue = function (value) {
+    return Array.isArray(value);
+};
 export var isObjectModel = function (model) {
     return model != null && typeof model === 'object' && !Array.isArray(model);
 };

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, DynamicFlowController, } 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/DynamicFlowCore.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-import type { DynamicFlowCoreProps, DynamicFlowController } from './types';
-declare const DynamicFlowCore: import("react").ForwardRefExoticComponent<DynamicFlowCoreProps & import("react").RefAttributes<DynamicFlowController>>;
-export default DynamicFlowCore;
+import type { DynamicFlowCoreProps } from './types';
+export declare function DynamicFlowCore(props: DynamicFlowCoreProps): JSX.Element;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
-import type { DynamicFlowWiseProps, DynamicFlowController } from './types';
-declare const DynamicFragmentWise: import("react").ForwardRefExoticComponent<DynamicFlowWiseProps & import("react").RefAttributes<DynamicFlowController>>;
-export default DynamicFragmentWise;
+import type { DynamicFlowWiseProps } from './types';
+declare function DynamicFlowWise(props: DynamicFlowWiseProps): JSX.Element;
+export default DynamicFlowWise;

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/types.d.ts

@@ -15,8 +15,14 @@ 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 DynamicFlowController = {
+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 = {

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.9.0-experimental-bd037e3",
+  "version": "3.9.0-experimental-90bdf26",
   "description": "Dynamic Flow web client",
   "license": "Apache-2.0",
   "main": "./build/main.min.js",