@wise/dynamic-flow-client 3.7.1 → 3.7.2-experimental-1ba6fef

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

@@ -0,0 +1,212 @@
+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

@@ -0,0 +1,8 @@
+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, { flowId: "", stepId: "", onLog: onLog, children: _jsx(EventsContextProvider, { onEvent: onEvent, children: children }) }));
+}
+export default DynamicFlowProviders;

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

@@ -0,0 +1,4 @@
+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

@@ -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);
+};
+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, { flowId: "", stepId: "", onLog: onLog, children: _jsx(EventsContextProvider, { onEvent: onEvent, children: _jsx(Provider, { i18n: { locale: locale, messages: messages }, children: _jsx(HttpClientProviderFromBaseUrl, { 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, { flowId: "", stepId: "", onLog: function () { }, children: _jsx(Provider, { i18n: i18n, children: children }) }));
+}
+export { mountWithProviders as mount, mountWithOptions, getMockFetchPromise, wait, getI18n, TestContextProviders, };

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

@@ -0,0 +1,9 @@
+/* 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;

package/build/main.js

@@ -1460,7 +1460,7 @@ function useExternal(url) {
   (0, import_react7.useEffect)(() => {
     if (url) {
       setHasManuallyTriggered(false);
-      setExternalWindow(window.open(url, "_blank"));
+      setExternalWindow(null);
     }
   }, [url]);
   const requiresManualTrigger = Boolean(url && !externalWindow && !hasManuallyTriggered);