@wise/dynamic-flow-client 0.0.0-experimental-20240319142919

package/build/revamp/DynamicFlowCore.js

@@ -0,0 +1,259 @@
+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 __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 { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import { useIntl } from 'react-intl';
+import ErrorBoundary from '../common/errorBoundary/ErrorBoundary';
+import { getAnalyticsEventDispatcher, getLoggingEventDispatcher } from './domain/features/events';
+import { executeRefresh } from './flow/executeRefresh';
+import { executeSubmission } from './flow/executeSubmission';
+import { CoreContainerRenderer } from './renderers/CoreContainerRenderer';
+import { StepRenderer } from './renderers/StepRenderer';
+import Step from './step/Step';
+import { getRenderFunction } from './step/utils/getRenderFunction';
+import { getSchemaErrorMessageFunction } from './step/utils/getSchemaErrorMessageFunction';
+export function DynamicFlowCore(props) {
+    var _this = this;
+    var _a;
+    var flowId = props.flowId, displayStepTitle = props.displayStepTitle, httpClient = props.httpClient, initialAction = props.initialAction, initialStep = props.initialStep, renderers = props.renderers, onCompletion = props.onCompletion, onError = props.onError, onEvent = props.onEvent, onLog = props.onLog;
+    var _b = useIntl(), formatMessage = _b.formatMessage, locale = _b.locale;
+    var getErrorMessageFunctions = useMemo(function () { return getSchemaErrorMessageFunction(formatMessage, locale); }, [formatMessage, locale]);
+    useEffect(function () {
+        var _a;
+        if (!initialStep && initialAction) {
+            void triggerSubmission(initialAction, (_a = initialAction.data) !== null && _a !== void 0 ? _a : {}, null);
+        }
+        // We don't want to re-trigger if these initial props change
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var _c = useState(initialStep !== null && initialStep !== void 0 ? initialStep : null), step = _c[0], setStep = _c[1];
+    var localValueRef = useRef(null);
+    var _d = useState(null), etag = _d[0], setEtag = _d[1];
+    var abortControllerRef = useRef(new AbortController());
+    var _e = useState(initialStep ? 'idle' : 'loading'), loadingState = _e[0], setLoadingState = _e[1];
+    var abortCurrentAndGetNewAbortSignal = function () {
+        abortControllerRef.current.abort();
+        abortControllerRef.current = new AbortController();
+        return abortControllerRef.current.signal;
+    };
+    var stepId = (_a = step === null || step === void 0 ? void 0 : step.id) !== null && _a !== void 0 ? _a : step === null || step === void 0 ? void 0 : step.key;
+    var stepAnalytics = step === null || step === void 0 ? void 0 : step.analytics;
+    var trackEvent = useMemo(function () { return getAnalyticsEventDispatcher({ flowId: flowId, stepId: stepId, analytics: stepAnalytics, onEvent: onEvent }); }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [flowId, stepId, JSON.stringify(stepAnalytics), onEvent]);
+    var logEvent = useMemo(function () { return getLoggingEventDispatcher(onLog); }, [onLog]);
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    useEffect(function () { return trackEvent('Flow Started'); }, []);
+    var closeWithError = useCallback(function (error, analytics) {
+        trackEvent('Flow Failed', __assign({}, analytics));
+        onError(error);
+    }, [onError, trackEvent]);
+    var triggerSubmission = useCallback(function (action, model, localValue) { return __awaiter(_this, void 0, void 0, function () {
+        var command, _a, genericErrorMessage, _b, errors, _c, refreshUrl, _d, errors, refreshCommand, e_1, error_1;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (process.env.NODE_ENV !== 'test') {
+                        // eslint-disable-next-line no-console
+                        console.log('⏯️ triggerSubmission', JSON.stringify({ action: action, model: model }, null, 2));
+                    }
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 12, , 13]);
+                    setLoadingState('loading');
+                    return [4 /*yield*/, executeSubmission({
+                            action: action,
+                            model: model,
+                            isInitial: step === null,
+                            httpClient: httpClient,
+                            trackEvent: trackEvent
+                        })];
+                case 2:
+                    command = _e.sent();
+                    _a = command.type;
+                    switch (_a) {
+                        case 'complete': return [3 /*break*/, 3];
+                        case 'replace-step': return [3 /*break*/, 4];
+                        case 'error': return [3 /*break*/, 5];
+                        case 'refresh': return [3 /*break*/, 6];
+                    }
+                    return [3 /*break*/, 11];
+                case 3:
+                    {
+                        localValueRef.current = null;
+                        onCompletion(command.result);
+                        trackEvent('Flow Succeeded');
+                        return [3 /*break*/, 11];
+                    }
+                    _e.label = 4;
+                case 4:
+                    {
+                        localValueRef.current = null;
+                        setLoadingState('idle');
+                        setStep(command.step);
+                        setEtag(command.etag);
+                        return [3 /*break*/, 11];
+                    }
+                    _e.label = 5;
+                case 5:
+                    {
+                        setLoadingState('idle');
+                        genericErrorMessage = getErrorMessageFunctions().genericErrorWithRetry();
+                        _b = command.body.errors, errors = _b === void 0 ? { error: genericErrorMessage } : _b;
+                        if (step) {
+                            setStep(__assign(__assign({}, step), { errors: errors }));
+                        }
+                        else {
+                            closeWithError(new Error('Initial request failed'), {});
+                        }
+                        return [3 /*break*/, 11];
+                    }
+                    _e.label = 6;
+                case 6:
+                    _c = command.body, refreshUrl = _c.refreshUrl, _d = _c.errors, errors = _d === void 0 ? {} : _d;
+                    _e.label = 7;
+                case 7:
+                    _e.trys.push([7, 9, , 10]);
+                    localValueRef.current = localValue;
+                    return [4 /*yield*/, executeRefresh({
+                            abortSignal: abortCurrentAndGetNewAbortSignal(),
+                            url: refreshUrl,
+                            model: model,
+                            etag: etag,
+                            httpClient: httpClient,
+                            trackEvent: trackEvent
+                        })];
+                case 8:
+                    refreshCommand = _e.sent();
+                    switch (refreshCommand.type) {
+                        case 'refresh-step':
+                            setLoadingState('idle');
+                            setStep(__assign(__assign({}, refreshCommand.step), { errors: errors }));
+                            setEtag(refreshCommand.etag);
+                            break;
+                        default:
+                            throw new Error('Failed to refresh');
+                    }
+                    return [3 /*break*/, 10];
+                case 9:
+                    e_1 = _e.sent();
+                    closeWithError(e_1, {});
+                    return [3 /*break*/, 10];
+                case 10: return [3 /*break*/, 11];
+                case 11: return [3 /*break*/, 13];
+                case 12:
+                    error_1 = _e.sent();
+                    closeWithError(error_1);
+                    return [3 /*break*/, 13];
+                case 13: return [2 /*return*/];
+            }
+        });
+    }); }, [httpClient, trackEvent, onCompletion, getErrorMessageFunctions, step, etag, closeWithError]);
+    var triggerRefresh = useCallback(function (_a) {
+        var refreshUrl = _a.refreshUrl, model = _a.model, localValue = _a.localValue, schemaId = _a.schemaId;
+        return __awaiter(_this, void 0, void 0, function () {
+            var command, error_2;
+            return __generator(this, function (_b) {
+                switch (_b.label) {
+                    case 0:
+                        if (process.env.NODE_ENV !== 'test') {
+                            // eslint-disable-next-line no-console
+                            console.log('⏯️ triggerRefresh', JSON.stringify({ refreshUrl: refreshUrl, model: model, schemaId: schemaId }, null, 2));
+                        }
+                        _b.label = 1;
+                    case 1:
+                        _b.trys.push([1, 3, , 4]);
+                        localValueRef.current = localValue;
+                        setLoadingState('loading');
+                        return [4 /*yield*/, executeRefresh({
+                                abortSignal: abortCurrentAndGetNewAbortSignal(),
+                                url: refreshUrl,
+                                model: model,
+                                schemaId: schemaId,
+                                etag: etag,
+                                httpClient: httpClient,
+                                trackEvent: trackEvent
+                            })];
+                    case 2:
+                        command = _b.sent();
+                        setLoadingState('idle');
+                        switch (command.type) {
+                            case 'refresh-step':
+                                setStep(command.step);
+                                setEtag(command.etag);
+                                break;
+                            case 'error': {
+                                closeWithError(new Error('Failed to refresh'), command.body.analytics);
+                                break;
+                            }
+                            case 'noop':
+                                break;
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_2 = _b.sent();
+                        closeWithError(error_2, undefined);
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        });
+    }, [etag, httpClient, trackEvent, closeWithError]);
+    var render = useMemo(function () { return getRenderFunction(__spreadArray(__spreadArray([CoreContainerRenderer], renderers, true), [StepRenderer], false)); }, [renderers]);
+    return (_jsx(ErrorBoundary, __assign({ onError: closeWithError }, { children: step ? (_jsx(Step, { displayStepTitle: displayStepTitle, step: step, localValue: localValueRef.current, loadingState: loadingState, getErrorMessageFunctions: getErrorMessageFunctions, render: render, httpClient: httpClient, trackEvent: trackEvent, logEvent: logEvent, triggerSubmission: triggerSubmission, triggerRefresh: triggerRefresh })) : null // TODO: render loader instead?
+     })));
+}

package/build/revamp/DynamicFlowWise.js

@@ -0,0 +1,69 @@
+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 { 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 renderers = getWiseRenderers();
+function DynamicFlowWise(props) {
+    var httpClient = props.httpClient;
+    var locale = useIntl().locale;
+    var wiseHttpClient = useMemo(function () { return makeWiseHttpClient(httpClient, locale); }, [httpClient, locale]);
+    return (_jsx(HttpClientProvider, __assign({ httpClient: wiseHttpClient }, { children: _jsx(DynamicFlowCore, __assign({}, props, { renderers: renderers })) })));
+}
+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) {
+            return [2 /*return*/, httpClient(input, mergeRequestInit(init, { credentials: 'include', headers: { 'accept-language': locale } }))];
+        });
+    }); };
+};

package/build/revamp/domain/components/AlertComponent.js

@@ -0,0 +1,50 @@
+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 };
+    }
+};
+export var createAlertComponent = function (alertProps) { return (__assign(__assign({ type: 'alert' }, alertProps), { getSubmittableValue: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
+        return [2 /*return*/, null];
+    }); }); }, getLocalValue: function () { return null; }, getSummary: function () { return ({}); }, validate: function () { return true; } })); };

package/build/revamp/domain/components/AllOfComponent.js

@@ -0,0 +1,72 @@
+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 { summariseFromChildren } from '../features/summary/summary-utils';
+import { getLocalValues, getSubmittableData } from '../../utils/component-utils';
+import { validateComponents } from '../features/validation/validation-functions';
+export var createAllOfComponent = function (allOfProps) {
+    var uid = allOfProps.uid, analyticsId = allOfProps.analyticsId, components = allOfProps.components, control = allOfProps.control, description = allOfProps.description, help = allOfProps.help, hidden = allOfProps.hidden, title = allOfProps.title;
+    return {
+        type: 'all-of',
+        uid: uid,
+        analyticsId: analyticsId,
+        components: components,
+        control: control,
+        description: description,
+        help: help,
+        hidden: hidden,
+        title: title,
+        getChildren: function () {
+            return this.components;
+        },
+        getSummary: function () {
+            return summariseFromChildren(this.getChildren());
+        },
+        getSubmittableValue: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, getSubmittableData(this.components)];
+                });
+            });
+        },
+        getLocalValue: function () {
+            return getLocalValues(this.components);
+        },
+        validate: function () {
+            return validateComponents(this.getChildren());
+        }
+    };
+};

package/build/revamp/domain/components/BooleanInputComponent.js

@@ -0,0 +1,108 @@
+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 { getComponentPersistAsync } from '../features/persistAsync/getComponentPersistAsync';
+import { getComponentValidationAsync } from '../features/validationAsync/getComponentValidationAsync';
+import { getInputUpdateFunction } from './utils/component-utils';
+export var createBooleanInputComponent = function (booleanInputProps, updateComponent) {
+    var uid = booleanInputProps.uid, id = booleanInputProps.id, value = booleanInputProps.value, performPersistAsync = booleanInputProps.performPersistAsync, performRefresh = booleanInputProps.performRefresh, performValidationAsync = booleanInputProps.performValidationAsync, summariser = booleanInputProps.summariser, rest = __rest(booleanInputProps, ["uid", "id", "value", "performPersistAsync", "performRefresh", "performValidationAsync", "summariser"]);
+    var update = getInputUpdateFunction(uid, updateComponent);
+    var booleanComponent = __assign({ type: 'boolean', uid: uid, id: id, autoComplete: '', value: value, onBlur: function () { }, // Noop
+        onFocus: function () { }, // Noop
+        onChange: function (updatedValue) {
+            update(function (draft) {
+                draft.errors = [];
+                draft.value = updatedValue;
+            });
+            performRefresh === null || performRefresh === void 0 ? void 0 : performRefresh();
+        }, getSubmittableValue: function () {
+            return __awaiter(this, void 0, void 0, function () {
+                return __generator(this, function (_a) {
+                    return [2 /*return*/, this.getLocalValue()];
+                });
+            });
+        }, getSummary: function () {
+            return summariser(this.getLocalValue());
+        }, getLocalValue: function () {
+            return this.value;
+        }, validate: function () { return true; } }, rest);
+    if (performRefresh) {
+        return booleanComponent;
+    }
+    if (performPersistAsync) {
+        var persist_1 = getComponentPersistAsync(update, performPersistAsync);
+        return __assign(__assign({}, booleanComponent), { isPersisted: true, onChange: function (updatedValue) {
+                booleanComponent.onChange.call(this, updatedValue);
+                persist_1(this.persistedState, this.getLocalValue())["catch"](function () { }); // Noop
+            }, getSubmittableValue: function () {
+                return __awaiter(this, void 0, void 0, function () {
+                    return __generator(this, function (_a) {
+                        return [2 /*return*/, persist_1(this.persistedState, this.getLocalValue())];
+                    });
+                });
+            } });
+    }
+    if (performValidationAsync) {
+        var validateAsync_1 = getComponentValidationAsync(update, performValidationAsync);
+        return __assign(__assign({}, booleanComponent), { onChange: function (updatedValue) {
+                booleanComponent.onChange.call(this, updatedValue);
+                validateAsync_1(this.validationState, this.getLocalValue())["catch"](function () { }); // Noop
+            } });
+    }
+    return booleanComponent;
+};

package/build/revamp/domain/components/BoxComponent.js

@@ -0,0 +1,65 @@
+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 { getLocalValues, getSubmittableData } from '../../utils/component-utils';
+import { summariseFromChildren } from '../features/summary/summary-utils';
+import { validateComponents } from '../features/validation/validation-functions';
+export var createBoxComponent = function (boxProps) { return (__assign(__assign({}, boxProps), { type: 'box', getChildren: function () {
+        return this.components;
+    }, getSubmittableValue: function () {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, getSubmittableData(this.components)];
+            });
+        });
+    }, getSummary: function () {
+        return summariseFromChildren(this.getChildren());
+    }, getLocalValue: function () {
+        return getLocalValues(this.components);
+    }, validate: function () {
+        return validateComponents(this.getChildren());
+    } })); };