@wise/dynamic-flow-client 3.5.0-experimental-63c768d → 3.5.0

package/build/legacy/step/layoutStep/index.js

@@ -1 +0,0 @@
-export { default } from './LayoutStep';

package/build/legacy/step/layoutStep/utils/index.js

@@ -1,2 +0,0 @@
-export { convertStepToLayout } from './layout-utils';
-export { inlineReferences } from './inline-reference-utils';

package/build/legacy/step/layoutStep/utils/inline-reference-utils.js

@@ -1,105 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { convertStepActionToDynamicAction } from './layout-utils';
-export function inlineReferences(_a) {
-    var layout = _a.layout, schemas = _a.schemas, actions = _a.actions, model = _a.model;
-    if (!layout) {
-        return [];
-    }
-    if (!schemas) {
-        return layout;
-    }
-    return layout.map(function (component) {
-        if (component.type === 'form') {
-            return inlineFormSchema({ formComponent: component, schemas: schemas });
-        }
-        if (component.type === 'decision') {
-            return inlineDecisionActions({ decisionComponent: component, actions: actions });
-        }
-        if (component.type === 'button') {
-            return inlineAction({ actionComponent: component, actions: actions });
-        }
-        if (component.type === 'box') {
-            return __assign(__assign({}, component), { components: inlineReferences({ layout: component.components, schemas: schemas, actions: actions, model: model }) });
-        }
-        if (component.type === 'modal') {
-            return __assign(__assign({}, component), { components: inlineReferences({
-                    layout: component.content.components,
-                    schemas: schemas,
-                    actions: actions,
-                    model: model
-                }) });
-        }
-        if (component.type === 'columns') {
-            return __assign(__assign({}, component), { left: inlineReferences({ layout: component.left, schemas: schemas, actions: actions, model: model }), right: inlineReferences({ layout: component.right, schemas: schemas, actions: actions, model: model }) });
-        }
-        return component;
-    });
-}
-function inlineFormSchema(_a) {
-    var formComponent = _a.formComponent, schemas = _a.schemas;
-    if (formComponent.schemaId) {
-        return {
-            type: 'form',
-            margin: formComponent.margin,
-            schema: getSchemaById(schemas, formComponent.schemaId)
-        };
-    }
-    if (formComponent.schema && isReference(formComponent.schema) && formComponent.schema.$ref) {
-        return {
-            type: 'form',
-            margin: formComponent.margin,
-            schema: getSchemaById(schemas, formComponent.schema.$ref)
-        };
-    }
-    if (formComponent.schema && !isReference(formComponent.schema)) {
-        return __assign({}, formComponent);
-    }
-    throw new Error('Invalid form layout component. Missing "schema" or "schemaId" properties.');
-}
-function inlineDecisionActions(_a) {
-    var _b;
-    var decisionComponent = _a.decisionComponent, actions = _a.actions;
-    var newOptions = (_b = decisionComponent === null || decisionComponent === void 0 ? void 0 : decisionComponent.options) === null || _b === void 0 ? void 0 : _b.map(function (option) {
-        return option.action && isReference(option.action)
-            ? __assign(__assign({}, option), { action: getActionById(actions, option.action.$ref) }) : option;
-    });
-    return __assign(__assign({}, decisionComponent), { options: newOptions });
-}
-function inlineAction(_a) {
-    var _b;
-    var actionComponent = _a.actionComponent, actions = _a.actions;
-    if (actionComponent.action &&
-        isReference(actionComponent.action) &&
-        ((_b = actionComponent.action) === null || _b === void 0 ? void 0 : _b.$ref)) {
-        var newAction = getActionById(actions, actionComponent.action.$ref);
-        return convertStepActionToDynamicAction(newAction);
-    }
-    return actionComponent;
-}
-function getSchemaById(schemas, id) {
-    var schema = schemas.find(function (schema) { return schema.$id === id; });
-    if (!schema) {
-        throw new Error("Fatal Error. Schema not found. $id ".concat(id));
-    }
-    return schema;
-}
-function getActionById(actions, id) {
-    var action = actions.find(function (action) { return action.$id === id; });
-    if (!action) {
-        throw new Error("Fatal Error. Action not found. $id ".concat(id));
-    }
-    return action;
-}
-function isReference(block) {
-    return Object.hasOwnProperty.call(block, '$ref');
-}

package/build/legacy/step/layoutStep/utils/layout-utils.js

@@ -1,212 +0,0 @@
-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 __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));
-};
-export function convertStepToLayout(step, _a) {
-    var _b = _a === void 0 ? {} : _a, _c = _b.displayStepTitle, displayStepTitle = _c === void 0 ? true : _c;
-    // This condition is meant as a temporary hack until mobile platforms will be refactored to fully support the layout property
-    if (step.layout) {
-        return addMissingTitleAndDescriptionToStep(step, displayStepTitle);
-    }
-    switch (step.type) {
-        case 'final':
-            return convertFinalStepToDynamicLayout(step);
-        case 'decision':
-            return convertDecisionStepToDynamicLayout(step);
-        case 'external':
-            return convertExternalStepToDynamicLayout(step);
-        default:
-            return convertFormStepToDynamicLayout(step);
-    }
-}
-function convertCommonComponents(step) {
-    var layout = [];
-    if (step.title) {
-        layout.push(convertStepTitleToDynamicHeading(step.title));
-    }
-    if (step.image) {
-        var image = convertStepImageToDynamicImage(step.image);
-        layout.push(image);
-    }
-    if (step.description) {
-        layout.push(convertStepDescriptionToDynamicParagraph(step.description));
-    }
-    return layout;
-}
-function convertExternalStepToDynamicLayout(step) {
-    return __spreadArray(__spreadArray([], convertCommonComponents(step), true), [convertStepToExternalComponent(step)], false);
-}
-function convertStepToExternalComponent(step) {
-    return {
-        type: 'external',
-        requestUrl: step.requestUrl,
-        polling: step.polling,
-        responseHandlers: step.responseHandlers,
-        retryTitle: step.retryTitle
-    };
-}
-function convertFormStepToDynamicLayout(step) {
-    var layout = convertCommonComponents(step);
-    if (step.reviewFields) {
-        layout.push(convertStepReviewToDynamicReview(step.reviewFields));
-    }
-    if (step.schemas) {
-        layout.push.apply(layout, getSchemaLayout(step));
-    }
-    if (step.actions) {
-        var actions = step.actions.map(convertStepActionToDynamicAction);
-        layout.push(dynamicBox(actions, 'md'));
-    }
-    return layout;
-}
-function convertFinalStepToDynamicLayout(step) {
-    var layout = [];
-    if (step.details) {
-        if (step.details.image) {
-            var image = convertFinalStepImageToDynamicImage(step.details.image);
-            layout.push(image);
-        }
-        if (step.details.title) {
-            layout.push(convertStepTitleToDynamicHeading(step.details.title));
-        }
-        if (step.details.description) {
-            layout.push(convertStepDescriptionToDynamicParagraph(step.details.description));
-        }
-    }
-    if (step.actions) {
-        var actions = step.actions.map(function (action) {
-            return convertStepActionToDynamicAction(__assign(__assign({}, action), { type: action.type || 'primary' }));
-        });
-        layout.push(dynamicBox(actions, 'md'));
-    }
-    return layout;
-}
-function convertDecisionStepToDynamicLayout(step) {
-    var layout = convertCommonComponents(step);
-    if (step.options) {
-        layout.push(convertStepDecisionToDynamicDecision(step.options));
-    }
-    return layout;
-}
-function dynamicBox(components, size) {
-    return {
-        type: 'box',
-        width: size || 'md',
-        components: components
-    };
-}
-function convertStepTitleToDynamicHeading(title) {
-    return {
-        type: 'heading',
-        text: title,
-        size: 'lg',
-        margin: 'lg',
-        align: 'center'
-    };
-}
-function convertStepDescriptionToDynamicParagraph(description) {
-    return {
-        type: 'paragraph',
-        text: description,
-        align: 'center'
-    };
-}
-function convertStepSchemaToDynamicForm(schema) {
-    return { type: 'form', schema: schema };
-}
-function convertStepDecisionToDynamicDecision(options) {
-    return {
-        type: 'decision',
-        options: options.map(convertStepDecisionOption)
-    };
-}
-function convertStepDecisionOption(option) {
-    return {
-        title: option.title,
-        description: option.description,
-        action: {
-            title: option.title,
-            method: 'GET',
-            url: option.url,
-            disabled: option.disabled
-        }
-    };
-}
-function convertStepImageToDynamicImage(image) {
-    return {
-        type: 'image',
-        url: image.url,
-        text: image.text,
-        margin: image.margin || 'lg',
-        size: image.size || 'md'
-    };
-}
-function convertFinalStepImageToDynamicImage(image) {
-    return typeof image === 'string'
-        ? {
-            type: 'image',
-            url: image,
-            text: undefined,
-            margin: 'lg',
-            size: 'md'
-        }
-        : convertStepImageToDynamicImage(image);
-}
-export function convertStepActionToDynamicAction(action) {
-    var newAction = __assign(__assign({}, action), { title: action.title });
-    return {
-        type: 'button',
-        action: newAction
-    };
-}
-function convertStepReviewToDynamicReview(reviewFields) {
-    return {
-        type: 'review',
-        title: reviewFields.title,
-        fields: reviewFields.fields.map(convertReviewFieldToDefinition)
-    };
-}
-function convertReviewFieldToDefinition(reviewField) {
-    return {
-        label: reviewField.title,
-        value: reviewField.value
-    };
-}
-function getSchemaLayout(step) {
-    var layout = [];
-    if (step.schemas && step.schemas[0]) {
-        var schema = step.schemas[0];
-        var dynamicForm = convertStepSchemaToDynamicForm(schema);
-        if (isWideForm()) {
-            layout.push(dynamicForm);
-        }
-        else {
-            layout.push(dynamicBox([dynamicForm], 'md'));
-        }
-    }
-    return layout;
-}
-function isWideForm() {
-    // For the time being we won't support automatically widening forms
-    // Unlike it V2, there is no way to easily iterate and identify narrow fields
-    return false;
-}
-function addMissingTitleAndDescriptionToStep(step, displayStepTitle) {
-    return __spreadArray(__spreadArray(__spreadArray([], (displayStepTitle && step.title ? [convertStepTitleToDynamicHeading(step.title)] : []), true), (step.description ? [convertStepDescriptionToDynamicParagraph(step.description)] : []), true), (step.layout || []), true);
-}

package/build/legacy/test-utils/DynamicFlowProviders.js

@@ -1,19 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { EventsContextProvider, LogProvider } from '../common/contexts';
-var noop = function () { };
-function DynamicFlowProviders(_a) {
-    var children = _a.children, _b = _a.onLog, onLog = _b === void 0 ? noop : _b, _c = _a.onEvent, onEvent = _c === void 0 ? noop : _c;
-    return (_jsx(LogProvider, __assign({ flowId: "", stepId: "", onLog: onLog }, { children: _jsx(EventsContextProvider, __assign({ onEvent: onEvent }, { children: children })) })));
-}
-export default DynamicFlowProviders;

package/build/legacy/test-utils/index.js

@@ -1,4 +0,0 @@
-export { default as DynamicFlowProviders } from './DynamicFlowProviders';
-export { mount, mountWithOptions, getMockFetchPromise, wait, getI18n, TestContextProviders, } from './legacy-utils';
-export { default as mockUseLogger } from './log-utils';
-export { renderWithProviders } from '../../test-utils/rtl-utils';

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

@@ -1,69 +0,0 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-empty-function */
-import { translations as componentTranslations, Provider } from '@transferwise/components';
-import { mount } from 'enzyme';
-import { act } from 'react-dom/test-utils';
-import { translations as dynamicFlowTranslations } from '../..';
-import { EventsContextProvider, LogProvider } from '../common/contexts';
-import { HttpClientProviderFromBaseUrl } from '../../common/httpClientContext';
-var defaultTranslations = __assign(__assign({}, componentTranslations.en), dynamicFlowTranslations.en);
-var getMockFetchPromise = function (status, jsonFn, delay, signal) {
-    var response = {
-        status: status,
-        json: jsonFn
-    };
-    return new Promise(function (resolve) {
-        var aborted = false;
-        if (signal) {
-            signal.addEventListener('abort', function () {
-                aborted = true;
-            });
-        }
-        setTimeout(function () { return !aborted && resolve(response); }, delay);
-    });
-};
-var wait = function (t) {
-    return act(function () {
-        return new Promise(function (resolve) {
-            setTimeout(resolve, t);
-        });
-    });
-};
-function mountWithProviders(component, locale, messages, baseUrl, onEvent, onLog) {
-    if (locale === void 0) { locale = 'en-GB'; }
-    if (messages === void 0) { messages = defaultTranslations; }
-    if (baseUrl === void 0) { baseUrl = 'https://test-url'; }
-    if (onEvent === void 0) { onEvent = (function () { }); }
-    if (onLog === void 0) { onLog = (function () { }); }
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-return
-    return mount(_jsx(LogProvider, __assign({ flowId: "", stepId: "", onLog: onLog }, { children: _jsx(EventsContextProvider, __assign({ onEvent: onEvent }, { children: _jsx(Provider, __assign({ i18n: { locale: locale, messages: messages } }, { children: _jsx(HttpClientProviderFromBaseUrl, __assign({ baseUrl: baseUrl }, { children: component })) })) })) })));
-}
-function mountWithOptions(_a) {
-    var component = _a.component, _b = _a.locale, locale = _b === void 0 ? 'en-GB' : _b, _c = _a.messages, messages = _c === void 0 ? defaultTranslations : _c, _d = _a.baseUrl, baseUrl = _d === void 0 ? 'https://test-url' : _d, _e = _a.onEvent, onEvent = _e === void 0 ? function () { } : _e, _f = _a.onLog, onLog = _f === void 0 ? function () { } : _f;
-    return mountWithProviders(component, locale, messages, baseUrl, onEvent, onLog);
-}
-function getI18n(locale, messages) {
-    if (locale === void 0) { locale = 'en-GB'; }
-    if (messages === void 0) { messages = defaultTranslations; }
-    return { locale: locale, messages: messages };
-}
-var i18n = {
-    locale: 'en-GB',
-    messages: __assign({}, componentTranslations.en)
-};
-function TestContextProviders(_a) {
-    var children = _a.children;
-    return (_jsx(LogProvider, __assign({ flowId: "", stepId: "", onLog: function () { } }, { children: _jsx(Provider, __assign({ i18n: i18n }, { children: children })) })));
-}
-export { mountWithProviders as mount, mountWithOptions, getMockFetchPromise, wait, getI18n, TestContextProviders, };

package/build/legacy/test-utils/log-utils.js

@@ -1,9 +0,0 @@
-/* eslint-disable @typescript-eslint/no-empty-function */
-var mockUseLogger = function () { return ({
-    debug: jest.fn(),
-    info: jest.fn(),
-    warning: jest.fn(),
-    error: jest.fn(),
-    critical: jest.fn()
-}); };
-export default mockUseLogger;