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

package/build/revamp/DynamicFlowCore.js

@@ -1,61 +1,3 @@
-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;
-};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -66,245 +8,19 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { validateStep } from '@wise/dynamic-flow-types';
-import { forwardRef, useCallback, useEffect, useImperativeHandle, useMemo, useRef, useState, } from 'react';
-import { useIntl } from 'react-intl';
-import ErrorBoundary from '../common/errorBoundary/ErrorBoundary';
-import { mapStepToComponent } from './domain/mappers/mapStepToComponent';
-import { executeRefresh } from './flow/executeRefresh';
-import { executeSubmission } from './flow/executeSubmission';
+import { useMemo } from 'react';
 import { CoreContainerRenderer } from './renderers/CoreContainerRenderer';
 import { getRenderFunction } from './renderers/getRenderFunction';
-import { getSchemaErrorMessageFunction } from './renderers/getSchemaErrorMessageFunction';
 import { StepRenderer } from './renderers/step/StepRenderer';
-import { findComponent } from './utils/findComponent';
-import { useStableCallback } from './utils/useStableCallback';
-var DynamicFlowCore = forwardRef(function DynamicFlowCore(props, ref) {
-    var _this = this;
-    var flowId = props.flowId, initialAction = props.initialAction, initialStep = props.initialStep, renderers = props.renderers, _a = props.displayStepTitle, displayStepTitle = _a === void 0 ? true : _a, rest = __rest(props, ["flowId", "initialAction", "initialStep", "renderers", "displayStepTitle"]);
-    var httpClient = useStableCallback(rest.httpClient);
-    var onCompletion = useStableCallback(rest.onCompletion);
-    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
-    }, []);
-    useImperativeHandle(ref, function () { return ({
-        getValue: function () { return __awaiter(_this, void 0, void 0, function () { var _a, _b; return __generator(this, function (_c) {
-            switch (_c.label) {
-                case 0: return [4 /*yield*/, ((_a = stepComponentRef.current) === null || _a === void 0 ? void 0 : _a.getSubmittableValue())];
-                case 1: return [2 /*return*/, (_b = (_c.sent())) !== null && _b !== void 0 ? _b : null];
-            }
-        }); }); },
-        validate: function () { var _a, _b; return (_b = (_a = stepComponentRef.current) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : false; },
-    }); }, []);
-    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: ref ? function () { return trackEvent('Value Changed'); } : function () { },
-            });
-            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
-    []);
+import { useDynamicFlowCore } from './useDynamicFlowCore';
+import ErrorBoundary from '../common/errorBoundary/ErrorBoundary';
+export function DynamicFlowCore(props) {
+    var stepComponentRef = useDynamicFlowCore(props).stepComponentRef;
+    var renderers = props.renderers, onEvent = props.onEvent, onError = props.onError;
     var render = useMemo(function () { return getRenderFunction(__spreadArray(__spreadArray([CoreContainerRenderer], renderers, true), [StepRenderer], false)); }, [renderers]);
-    return (_jsx(ErrorBoundary, { onError: closeWithError, children: stepComponent ? render(stepComponent) : null // TODO: render loader instead?
+    return (_jsx(ErrorBoundary, { onError: function (error) {
+            onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Failed', { error: error });
+            onError === null || onError === void 0 ? void 0 : onError(error);
+        }, children: stepComponentRef.current ? render(stepComponentRef.current) : null // TODO: render loader instead?
      }));
-});
-export default DynamicFlowCore;
+}

package/build/revamp/DynamicFlowWise.js

@@ -55,20 +55,21 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useMemo } from 'react';
+import { useMemo } from 'react';
 import { useIntl } from 'react-intl';
 import { HttpClientProvider } from '../common/httpClientContext';
-import { getWiseRenderers } from './wise/renderers/getWiseRenderers';
 import { mergeRequestInit } from '../common/makeHttpClient';
-import DynamicFlowCore from './DynamicFlowCore';
-var defaultRenderers = getWiseRenderers();
-var DynamicFragmentWise = forwardRef(function DynamicFragmentWise(props, ref) {
-    var httpClient = props.httpClient, _a = props.renderers, renderers = _a === void 0 ? [] : _a;
+import { DynamicFlowCore } from './DynamicFlowCore';
+import { getWiseRenderers } from './wise/renderers/getWiseRenderers';
+var wiseRenderers = getWiseRenderers();
+function DynamicFlowWise(props) {
+    var httpClient = props.httpClient, renderers = props.renderers;
     var locale = useIntl().locale;
     var wiseHttpClient = useMemo(function () { return makeWiseHttpClient(httpClient, locale); }, [httpClient, locale]);
-    return (_jsx(HttpClientProvider, { httpClient: wiseHttpClient, children: _jsx(DynamicFlowCore, __assign({}, props, { ref: ref, renderers: __spreadArray(__spreadArray([], renderers, true), defaultRenderers, true) })) }));
-});
-export default DynamicFragmentWise;
+    var mergedRenderers = useMemo(function () { return __spreadArray(__spreadArray([], (renderers !== null && renderers !== void 0 ? renderers : []), true), wiseRenderers, true); }, [renderers]);
+    return (_jsx(HttpClientProvider, { httpClient: wiseHttpClient, children: _jsx(DynamicFlowCore, __assign({}, props, { renderers: mergedRenderers })) }));
+}
+export default DynamicFlowWise;
 var makeWiseHttpClient = function (httpClient, locale) {
     return function (input, init) { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {

package/build/revamp/DynamicFragmentWise.js

@@ -0,0 +1,83 @@
+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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useMemo } from 'react';
+import ErrorBoundary from '../common/errorBoundary/ErrorBoundary';
+import { HttpClientProvider } from '../common/httpClientContext';
+import { CoreContainerRenderer } from './renderers/CoreContainerRenderer';
+import { getRenderFunction } from './renderers/getRenderFunction';
+import { StepRenderer } from './renderers/step/StepRenderer';
+import { useDynamicFlowCore } from './useDynamicFlowCore';
+import { getWiseRenderers } from './wise/renderers/getWiseRenderers';
+var wiseRenderers = getWiseRenderers();
+/**
+ * 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.
+ */
+var DynamicFragmentWise = forwardRef(function DynamicFragmentWise(props, ref) {
+    var _this = this;
+    var httpClient = props.httpClient, onEvent = props.onEvent, onError = props.onError, renderers = props.renderers;
+    var mergedRenderers = useMemo(function () { return __spreadArray(__spreadArray([], (renderers !== null && renderers !== void 0 ? renderers : []), true), wiseRenderers, true); }, [renderers]);
+    var stepComponentRef = useDynamicFlowCore(props).stepComponentRef;
+    useImperativeHandle(ref, function () { return ({
+        getValue: function () { return __awaiter(_this, void 0, void 0, function () { var _a, _b; return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0: return [4 /*yield*/, ((_a = stepComponentRef.current) === null || _a === void 0 ? void 0 : _a.getSubmittableValue())];
+                case 1: return [2 /*return*/, (_b = (_c.sent())) !== null && _b !== void 0 ? _b : null];
+            }
+        }); }); },
+        validate: function () { var _a, _b; return (_b = (_a = stepComponentRef.current) === null || _a === void 0 ? void 0 : _a.validate()) !== null && _b !== void 0 ? _b : false; },
+    }); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []);
+    var render = useMemo(function () { return getRenderFunction(__spreadArray(__spreadArray([CoreContainerRenderer], mergedRenderers, true), [StepRenderer], false)); }, [mergedRenderers]);
+    return (_jsx(ErrorBoundary, { onError: function (error) {
+            onEvent === null || onEvent === void 0 ? void 0 : onEvent('Dynamic Flow - Failed');
+            onError(error);
+        }, children: _jsx(HttpClientProvider, { httpClient: httpClient, children: stepComponentRef.current ? render(stepComponentRef.current) : null }) }));
+});
+export default DynamicFragmentWise;

package/build/revamp/domain/components/utils/isPartialLocalValueMatch.js

@@ -7,7 +7,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-import { isObjectLocalValue } from '../../../utils/type-utils';
+import { isArrayLocalValue, isObjectLocalValue } from '../../../utils/type-utils';
 import { isArray, isNullish } from '../../../utils/type-validators';
 import { getComponentForLocalValueKey } from './getComponentForLocalValueKey';
 export var isPartialLocalValueMatch = function (partialValue, component) {
@@ -19,6 +19,9 @@ export var isPartialLocalValueMatch = function (partialValue, component) {
         });
     }
     var componentValue = component.getLocalValue();
+    if (component.type === 'const') {
+        return compareLocalValue(partialValue, componentValue);
+    }
     if (isObjectLocalValue(partialValue) && isObjectLocalValue(componentValue)) {
         var allKeys = Array.from(new Set(__spreadArray(__spreadArray([], Object.keys(partialValue), true), Object.keys(componentValue), true)));
         var matchingKeys = allKeys.filter(function (key) { return !isNullish(partialValue[key]) && !isNullish(componentValue[key]); });
@@ -33,8 +36,18 @@ export var isPartialLocalValueMatch = function (partialValue, component) {
     if ('isPersisted' in component && component.isPersisted) {
         return true;
     }
-    return partialValue === componentValue;
+    return compareLocalValue(partialValue, componentValue);
 };
 var areEquivalentFiles = function (fileA, fileB) {
     return fileA.name === fileB.name && fileA.type === fileB.type && fileA.size === fileB.size;
 };
+var compareLocalValue = function (valueA, valueB) {
+    if (isArrayLocalValue(valueA) && isArrayLocalValue(valueB)) {
+        return (valueA.length === valueB.length &&
+            valueA.every(function (value, index) { return compareLocalValue(value, valueB[index]); }));
+    }
+    if (isObjectLocalValue(valueA) && isObjectLocalValue(valueB)) {
+        return Object.keys(valueA).every(function (key) { return compareLocalValue(valueA[key], valueB[key]); });
+    }
+    return valueA === valueB;
+};

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

@@ -651,4 +651,104 @@ describe('OneOf Initialisation', function () {
             }); });
         });
     });
+    describe('when the oneOf contains const schemas whose values are objects', function () {
+        var contrivedStep = {
+            id: 'step-id',
+            title: 'Step Title',
+            schemas: [
+                {
+                    $id: '#root',
+                    oneOf: [
+                        {
+                            const: {
+                                frequency: 'ONCE',
+                                interval: 0,
+                                letters: ['A', 'B'],
+                            },
+                            title: 'Never',
+                            description: 'On 11 May only',
+                        },
+                        {
+                            const: {
+                                frequency: 'WEEKLY',
+                                interval: 1,
+                                letters: ['A', 'B'],
+                            },
+                            title: 'Weekly',
+                            description: 'Every Saturday',
+                        },
+                        {
+                            const: {
+                                frequency: 'WEEKLY',
+                                interval: 2,
+                                letters: ['A', 'B'],
+                            },
+                            title: 'Biweekly',
+                            description: 'Every two weeks on Saturday',
+                        },
+                        {
+                            const: {
+                                frequency: 'MONTHLY',
+                                interval: 1,
+                                letters: ['A', 'B'],
+                            },
+                            title: 'Monthly',
+                            description: 'Day 11 of every month',
+                        },
+                        {
+                            const: {
+                                frequency: 'MONTHLY',
+                                interval: 3,
+                                letters: ['A', 'B'],
+                            },
+                            title: 'Quarterly',
+                            description: 'Day 11, every 3 months',
+                        },
+                    ],
+                    placeholder: 'Select a frequency',
+                    title: 'Repeats',
+                    default: {
+                        frequency: 'ONCE',
+                        interval: 0,
+                        letters: ['A', 'B'],
+                    },
+                },
+            ],
+            layout: [
+                {
+                    type: 'form',
+                    schemaId: '#root',
+                },
+            ],
+        };
+        it('should select the correct option based on schema default', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                renderWithProviders(_jsx(DynamicFlowWise, __assign({}, getDefaultProps(), { initialStep: contrivedStep })));
+                expect(screen.getByText(/Never/)).toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+        it('should select the correct option based on step model', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                renderWithProviders(_jsx(DynamicFlowWise, __assign({}, getDefaultProps(), { initialStep: __assign(__assign({}, contrivedStep), { model: {
+                            frequency: 'MONTHLY',
+                            interval: 3,
+                        } }) })));
+                expect(screen.getByText(/Quarterly/)).toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+        it('should NOT select an option based on step model, when it is missing some array elements', function () { return __awaiter(void 0, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                renderWithProviders(_jsx(DynamicFlowWise, __assign({}, getDefaultProps(), { initialStep: __assign(__assign({}, contrivedStep), { model: {
+                            frequency: 'MONTHLY',
+                            interval: 3,
+                            letters: ['A'],
+                        } }) })));
+                expect(screen.queryByText(/Quarterly/)).not.toBeInTheDocument();
+                expect(screen.queryByText(/Monthly/)).not.toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+    });
 });