@wise/dynamic-flow-client 5.12.1 → 5.13.0-experimental-13d828c

package/build/domain/mappers/utils/groupLayoutByPinned.test.js

@@ -1,166 +0,0 @@
-import { groupLayoutByPinned } from './groupLayoutByPinned';
-describe('groupLayoutByPinned', () => {
-    it('should handle empty layouts array', () => {
-        const result = groupLayoutByPinned([]);
-        expect(result.pinned).toEqual([]);
-        expect(result.nonPinned).toEqual([]);
-    });
-    it('should leave unpinned layouts as is', () => {
-        const layouts = [
-            { type: 'button' },
-            { type: 'heading', text: 'Heading' },
-            { type: 'paragraph', text: 'Paragraph' },
-            {
-                type: 'columns',
-                left: [
-                    { type: 'button' },
-                    { type: 'heading', text: 'Heading' },
-                    { type: 'paragraph', text: 'Paragraph' },
-                ],
-                right: [
-                    { type: 'button' },
-                    { type: 'heading', text: 'Heading' },
-                    { type: 'paragraph', text: 'Paragraph' },
-                ],
-            },
-        ];
-        const result = groupLayoutByPinned(layouts);
-        expect(result.pinned).toEqual([]);
-        expect(result.nonPinned).toEqual(layouts);
-    });
-    it('should group layouts by pinned', () => {
-        const layouts = [
-            { type: 'button', pinOrder: 1 },
-            { type: 'button', pinOrder: 2 },
-            { type: 'button' },
-        ];
-        const result = groupLayoutByPinned(layouts);
-        expect(result.pinned).toEqual([
-            { type: 'button', pinOrder: 1 },
-            { type: 'button', pinOrder: 2 },
-        ]);
-        expect(result.nonPinned).toEqual([{ type: 'button' }]);
-    });
-    it('should group layouts by pinned in nested layout', () => {
-        const layouts = [
-            {
-                type: 'columns',
-                left: [
-                    {
-                        type: 'button',
-                        pinOrder: 1,
-                    },
-                    {
-                        type: 'heading',
-                        text: 'Money for here, there and everywhere',
-                    },
-                    {
-                        type: 'button',
-                        pinOrder: 2,
-                    },
-                ],
-                right: [
-                    {
-                        type: 'paragraph',
-                        text: "Sending money shouldn't cost the earth. That's why we charge you as little as possible when you transfer and exchange money internationally – you can save up to 9x compared to UK high street banks.",
-                    },
-                    {
-                        type: 'button',
-                        pinOrder: 3,
-                    },
-                ],
-            },
-            { type: 'button' },
-        ];
-        const result = groupLayoutByPinned(layouts);
-        expect(result.pinned).toEqual([
-            { type: 'button', pinOrder: 1 },
-            { type: 'button', pinOrder: 2 },
-            { type: 'button', pinOrder: 3 },
-        ]);
-        expect(result.nonPinned).toEqual([
-            {
-                type: 'columns',
-                left: [
-                    {
-                        type: 'heading',
-                        text: 'Money for here, there and everywhere',
-                    },
-                ],
-                right: [
-                    {
-                        type: 'paragraph',
-                        text: "Sending money shouldn't cost the earth. That's why we charge you as little as possible when you transfer and exchange money internationally – you can save up to 9x compared to UK high street banks.",
-                    },
-                ],
-            },
-            { type: 'button' },
-        ]);
-    });
-    it('should handle layouts with child components', () => {
-        const layouts = [
-            {
-                type: 'section',
-                title: 'Container',
-                components: [
-                    { type: 'button', pinOrder: 0 },
-                    { type: 'paragraph', text: 'Some text' },
-                    { type: 'button', pinOrder: 1 },
-                ],
-            },
-            { type: 'button' },
-        ];
-        const result = groupLayoutByPinned(layouts);
-        expect(result.pinned).toEqual([
-            { type: 'button', pinOrder: 0 },
-            { type: 'button', pinOrder: 1 },
-        ]);
-        expect(result.nonPinned).toEqual([
-            {
-                type: 'section',
-                title: 'Container',
-                components: [{ type: 'paragraph', text: 'Some text' }],
-            },
-            { type: 'button' },
-        ]);
-    });
-    it('should handle mixed nested structures', () => {
-        const layouts = [
-            {
-                type: 'columns',
-                left: [
-                    {
-                        type: 'section',
-                        title: 'Left Container',
-                        components: [
-                            { type: 'button', pinOrder: 1 },
-                            { type: 'paragraph', text: 'Left text' },
-                        ],
-                    },
-                ],
-                right: [
-                    { type: 'button', pinOrder: 2 },
-                    { type: 'paragraph', text: 'Right paragraph' },
-                ],
-            },
-        ];
-        const result = groupLayoutByPinned(layouts);
-        expect(result.pinned).toEqual([
-            { type: 'button', pinOrder: 1 },
-            { type: 'button', pinOrder: 2 },
-        ]);
-        expect(result.nonPinned).toEqual([
-            {
-                type: 'columns',
-                left: [
-                    {
-                        type: 'section',
-                        title: 'Left Container',
-                        components: [{ type: 'paragraph', text: 'Left text' }],
-                    },
-                ],
-                right: [{ type: 'paragraph', text: 'Right paragraph' }],
-            },
-        ]);
-    });
-});

package/build/domain/mappers/utils/image.js

@@ -1,9 +0,0 @@
-export const mapSpecImage = (image) => {
-    var _a, _b, _c;
-    return image
-        ? {
-            uri: (_b = (_a = image.uri) !== null && _a !== void 0 ? _a : image.url) !== null && _b !== void 0 ? _b : '',
-            accessibilityDescription: (_c = image.accessibilityDescription) !== null && _c !== void 0 ? _c : image.text,
-        }
-        : undefined;
-};

package/build/domain/mappers/utils/layout-utils.js

@@ -1,11 +0,0 @@
-/**
- * Normalizes the margin of the last layout component in the container by removing its margin if it is not explicitly set.
- * @param container The array of layout components.
- * @returns The array of layout components with the last component's margin normalized if needed.
- */
-export const normaliseMarginInLastComponent = (container) => {
-    return container.map((component, index) => {
-        const shouldRemoveMargin = index === container.length - 1 && component.margin === undefined;
-        return shouldRemoveMargin ? Object.assign(Object.assign({}, component), { margin: 'xs' }) : component;
-    });
-};

package/build/domain/mappers/utils/legacy-utils.js

@@ -1,49 +0,0 @@
-export const mapLegacyContext = (context) => {
-    switch (context) {
-        case 'success':
-            return 'positive';
-        case 'failure':
-            return 'negative';
-        case 'info':
-        case 'primary':
-            return 'neutral';
-        default:
-            return context;
-    }
-};
-export const mapLegacyBias = (bias) => {
-    switch (bias) {
-        case 'left':
-            return 'start';
-        case 'right':
-            return 'end';
-        default:
-            return bias;
-    }
-};
-export const mapLegacyAlign = (align) => {
-    switch (align) {
-        case 'left':
-            return 'start';
-        case 'right':
-            return 'end';
-        default:
-            return align;
-    }
-};
-const legacyActionTypeToContext = {
-    positive: 'positive',
-    negative: 'negative',
-    primary: 'neutral',
-    secondary: 'neutral',
-    link: 'neutral',
-};
-export const mapLegacyActionTypeToContext = (type) => type && type in legacyActionTypeToContext ? legacyActionTypeToContext[type] : 'neutral';
-const legacyActionTypeToControl = {
-    primary: 'primary',
-    secondary: 'secondary',
-    link: 'tertiary',
-    positive: 'primary',
-    negative: 'primary',
-};
-export const mapLegacyActionTypeToControl = (type) => type && type in legacyActionTypeToControl ? legacyActionTypeToControl[type] : 'secondary';

package/build/domain/mappers/utils/media-utils.js

@@ -1,14 +0,0 @@
-import { mapSpecImage } from './image';
-export const getDomainLayerMedia = ({ icon, image, media }) => {
-    if (media) {
-        return media;
-    }
-    if (icon || image) {
-        return {
-            type: 'legacy',
-            icon,
-            image: mapSpecImage(image),
-        };
-    }
-    return undefined;
-};

package/build/domain/mappers/utils/suggestions-utils.js

@@ -1,26 +0,0 @@
-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 { getDomainLayerMedia } from './media-utils';
-import { mapTags } from './tags-utils';
-export const mapStringSchemaSuggestions = (suggestions, logEvent) => {
-    if (!suggestions)
-        return undefined;
-    return {
-        values: suggestions.values.map((_a) => {
-            var { icon, image, media, value } = _a, rest = __rest(_a, ["icon", "image", "media", "value"]);
-            if (typeof value !== 'string') {
-                logEvent('warning', `Suggestion values for string schemas must be of type string. Found ${typeof value} instead.`);
-            }
-            return Object.assign(Object.assign({}, rest), { media: getDomainLayerMedia({ icon, image, media }), value, tags: mapTags(rest) });
-        }),
-    };
-};

package/build/domain/mappers/utils/suggestions-utils.test.js

@@ -1,36 +0,0 @@
-import { mapStringSchemaSuggestions } from './suggestions-utils';
-import { vi } from 'vitest';
-describe('mapStringSchemaSuggestions', () => {
-    it('logs a warning when the value is a not a string', () => {
-        const logEvent = vi.fn();
-        const suggestions = {
-            values: [{ value: 123, label: 'Number suggestion' }],
-        };
-        mapStringSchemaSuggestions(suggestions, logEvent);
-        expect(logEvent).toHaveBeenCalledWith('warning', 'Suggestion values for string schemas must be of type string. Found number instead.');
-    });
-    it('logs a warning when the value is null', () => {
-        const logEvent = vi.fn();
-        const suggestions = {
-            values: [{ value: null, label: 'Null suggestion' }],
-        };
-        mapStringSchemaSuggestions(suggestions, logEvent);
-        expect(logEvent).toHaveBeenCalledWith('warning', 'Suggestion values for string schemas must be of type string. Found object instead.');
-    });
-    it('does not log a warning when the value is a string', () => {
-        const logEvent = vi.fn();
-        const suggestions = {
-            values: [{ value: 'string', label: 'String suggestion' }],
-        };
-        mapStringSchemaSuggestions(suggestions, logEvent);
-        expect(logEvent).not.toHaveBeenCalled();
-    });
-    it('does not log a warning when the value is an empty string', () => {
-        const logEvent = vi.fn();
-        const suggestions = {
-            values: [{ value: '', label: 'Empty string suggestion' }],
-        };
-        mapStringSchemaSuggestions(suggestions, logEvent);
-        expect(logEvent).not.toHaveBeenCalled();
-    });
-});

package/build/domain/mappers/utils/tags-utils.js

@@ -1 +0,0 @@
-export const mapTags = ({ tag, tags }) => tags !== null && tags !== void 0 ? tags : (tag != null ? [tag] : undefined);

package/build/domain/mappers/utils/utils.js

@@ -1,35 +0,0 @@
-import { getDomainLayerBehavior } from './behavior-utils';
-import { mapLegacyContext } from './legacy-utils';
-export const mapInlineAlert = (alert) => {
-    return alert
-        ? {
-            content: alert.content,
-            context: alert.context ? mapLegacyContext(alert.context) : 'neutral',
-        }
-        : undefined;
-};
-export const mapAdditionalInfo = (info, mapperProps) => {
-    const { onBehavior, registerSubmissionBehavior } = mapperProps;
-    if (info) {
-        const behavior = getDomainLayerBehavior(info, [], registerSubmissionBehavior);
-        return {
-            text: info.text,
-            href: behavior.type === 'link' ? behavior.url : undefined,
-            accessibilityDescription: info.accessibilityDescription,
-            onClick: behavior.type === 'none'
-                ? undefined
-                : () => {
-                    void onBehavior(behavior);
-                },
-        };
-    }
-    return undefined;
-};
-export const mapSchemaAlert = (alert) => {
-    return alert
-        ? {
-            content: alert.markdown,
-            context: alert.context ? mapLegacyContext(alert.context) : 'neutral',
-        }
-        : undefined;
-};

package/build/domain/types.js

@@ -1 +0,0 @@
-export {};

package/build/getSubflowCallbacks.js

@@ -1,38 +0,0 @@
-import { recursiveMerge } from './utils/recursiveMerge';
-export const getSubflowCallbacks = ({ behavior, close, restart, onBehavior, onError, onEvent, }) => {
-    const { onCompletion: onCompletionBehavior, onError: onErrorBehavior, referrerId, resultKey, } = behavior;
-    return {
-        onCompletion: (result) => {
-            var _a;
-            restart();
-            if (!onCompletionBehavior) {
-                close();
-                return;
-            }
-            if (onCompletionBehavior.type === 'action') {
-                const newActionData = recursiveMerge((_a = onCompletionBehavior.action.data) !== null && _a !== void 0 ? _a : null, resultKey ? { [resultKey]: result } : result);
-                void onBehavior(Object.assign(Object.assign({}, onCompletionBehavior), { action: Object.assign(Object.assign({}, onCompletionBehavior.action), { data: newActionData }) }));
-                return;
-            }
-            void onBehavior(onCompletionBehavior);
-            close();
-        },
-        onError: (error, status) => {
-            if (!onErrorBehavior) {
-                onError(error, {}, status);
-                close();
-                return;
-            }
-            restart();
-            void onBehavior(onErrorBehavior);
-            close();
-        },
-        onEvent: (name, properties) => {
-            onEvent(name, Object.assign({ referrerId }, properties));
-        },
-        onCancellation: () => {
-            restart();
-            close();
-        },
-    };
-};

package/build/i18n/index.js

@@ -1,40 +0,0 @@
-import cs from './cs.json';
-import de from './de.json';
-import en from './en.json';
-import es from './es.json';
-import fr from './fr.json';
-import hu from './hu.json';
-import id from './id.json';
-import it from './it.json';
-import ja from './ja.json';
-import nl from './nl.json';
-import pl from './pl.json';
-import pt from './pt.json';
-import ro from './ro.json';
-import ru from './ru.json';
-import th from './th.json';
-import tr from './tr.json';
-import zhCN from './zh_CN.json';
-import zhHK from './zh_HK.json';
-const translations = {
-    cs,
-    en,
-    de,
-    es,
-    fr,
-    hu,
-    id,
-    it,
-    ja,
-    nl,
-    pl,
-    pt,
-    ro,
-    ru,
-    th,
-    tr,
-    zh: zhCN,
-    'zh-CN': zhCN,
-    'zh-HK': zhHK,
-};
-export default translations;

package/build/index.js

@@ -1,8 +0,0 @@
-export { makeHttpClient } from './common/makeHttpClient';
-export { default as translations } from './i18n';
-export { findRendererPropsByType } from './renderers/utils';
-export { useDynamicFlow } from './useDynamicFlow';
-export { useDynamicFlowModal } from './useDynamicFlowModal';
-export { DynamicFlowCore as DynamicFlow } from './DynamicFlowCore';
-export { makeRequestCache } from './domain/features/prefetch/request-cache';
-export { eventNames } from './domain/features/eventNames';

package/build/renderers/CoreContainerRenderer.js

@@ -1,5 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const CoreContainerRenderer = {
-    canRenderType: 'container',
-    render: ({ children }) => _jsx(_Fragment, { children: children }),
-};

package/build/renderers/CoreRootRenderer.js

@@ -1,12 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { findRendererPropsByType } from './utils';
-export const CoreRootRenderer = {
-    canRenderType: 'root',
-    render: ({ children, childrenProps, subflow }) => {
-        if ((subflow === null || subflow === void 0 ? void 0 : subflow.presentation.type) === 'push') {
-            return _jsx(_Fragment, { children: subflow.children });
-        }
-        const [stepProps] = findRendererPropsByType(childrenProps, 'step');
-        return (_jsxs("div", { id: stepProps === null || stepProps === void 0 ? void 0 : stepProps.id, className: "dynamic-flow-step", children: [children, (subflow === null || subflow === void 0 ? void 0 : subflow.presentation.type) === 'modal' ? subflow.children : undefined] }));
-    },
-};

package/build/renderers/EmptyLoadingStateRenderer.js

@@ -1,5 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const EmptyLoadingStateRenderer = {
-    canRenderType: 'loading-state',
-    render: () => _jsx(_Fragment, {}),
-};

package/build/renderers/getRenderFunction.js

@@ -1,24 +0,0 @@
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const getRenderFunction = (renderers) => {
-    function ComponentRenderer(props) {
-        const { type } = props;
-        if (type === 'hidden') {
-            return null;
-        }
-        const renderer = renderers.find(({ canRenderType, canRender = () => true }) => 
-        // once the type is matched, we know the props are of the correct type
-        canRenderType === type && canRender(props));
-        if (!renderer) {
-            throw new Error(`Could not find a renderer for ${type}`);
-        }
-        // if renderer defined, we know props are of the correct type
-        return renderer.render(props);
-    }
-    const render = (props) => {
-        if (!props) {
-            return _jsx(_Fragment, {});
-        }
-        return _jsx(ComponentRenderer, Object.assign({}, props), props.uid);
-    };
-    return render;
-};

package/build/renderers/getSchemaErrorMessageFunction.js

@@ -1,97 +0,0 @@
-import { formatDate } from '@transferwise/formatting';
-import errorMessages from '../common/messages/validation.messages';
-import genericErrorMessages from '../common/messages/generic-error.messages';
-import arrayErrorMessages from '../common/messages/validation.array.messages';
-import fileUploadMessages from '../common/messages/file-upload.messages';
-import multiFileUploadMessages from '../common/messages/multi-file-upload.messages';
-export function getSchemaErrorMessageFunction(formatMessage, locale) {
-    return (validationMessages) => createErrorMessageFunctions(validationMessages !== null && validationMessages !== void 0 ? validationMessages : {}, formatMessage, locale);
-}
-const createErrorMessageFunctions = (validationMessages, formatMessage, locale) => ({
-    minimum(minimum) {
-        var _a;
-        return ((_a = validationMessages.minimum) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.minimum, {
-            minimum,
-        }));
-    },
-    maximum(maximum) {
-        var _a;
-        return ((_a = validationMessages.maximum) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.maximum, {
-            maximum,
-        }));
-    },
-    minimumDate(minimumDate) {
-        var _a;
-        return ((_a = validationMessages.minimum) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.minimumDate, {
-            minimum: formatDate(new Date(minimumDate), locale, formatDateOptions),
-        }));
-    },
-    maximumDate(maximumDate) {
-        var _a;
-        return ((_a = validationMessages.maximum) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.maximumDate, {
-            maximum: formatDate(new Date(maximumDate), locale, formatDateOptions),
-        }));
-    },
-    minLength(minLength) {
-        var _a;
-        return ((_a = validationMessages.minLength) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.minLength, {
-            minLength,
-        }));
-    },
-    maxLength(maxLength) {
-        var _a;
-        return ((_a = validationMessages.maxLength) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.maxLength, {
-            maxLength,
-        }));
-    },
-    minItems(minItems) {
-        var _a;
-        return ((_a = validationMessages.minItems) !== null && _a !== void 0 ? _a : formatMessage(arrayErrorMessages.minItemsError, {
-            minItems,
-        }));
-    },
-    maxItems(maxItems) {
-        var _a;
-        return ((_a = validationMessages.maxItems) !== null && _a !== void 0 ? _a : formatMessage(arrayErrorMessages.maxItemsError, {
-            maxItems,
-        }));
-    },
-    minFiles(minItems) {
-        var _a;
-        return ((_a = validationMessages.minItems) !== null && _a !== void 0 ? _a : formatMessage(multiFileUploadMessages.minItemsError, {
-            minItems,
-        }));
-    },
-    maxFiles(maxItems) {
-        var _a;
-        return ((_a = validationMessages.maxItems) !== null && _a !== void 0 ? _a : formatMessage(multiFileUploadMessages.maxItemsError, {
-            maxItems,
-        }));
-    },
-    maxSize() {
-        var _a;
-        return (_a = validationMessages.maxSize) !== null && _a !== void 0 ? _a : formatMessage(fileUploadMessages.maxFileSizeError);
-    },
-    accepts() {
-        var _a;
-        return (_a = validationMessages.accepts) !== null && _a !== void 0 ? _a : formatMessage(fileUploadMessages.wrongFileTypeError);
-    },
-    pattern() {
-        var _a;
-        return (_a = validationMessages.pattern) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.pattern);
-    },
-    required() {
-        var _a;
-        return (_a = validationMessages.required) !== null && _a !== void 0 ? _a : formatMessage(errorMessages.required);
-    },
-    genericError() {
-        return formatMessage(genericErrorMessages.genericError);
-    },
-    genericErrorWithRetry() {
-        return formatMessage(genericErrorMessages.genericErrorRetryHint);
-    },
-});
-const formatDateOptions = {
-    timeZone: 'UTC',
-    dateStyle: 'long',
-};

package/build/renderers/mappers/alertComponentToProps.js

@@ -1,2 +0,0 @@
-import { pick } from './utils/pick';
-export const alertComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'callToAction', 'context', 'control', 'margin', 'markdown', 'tags')), rendererMapperProps));

package/build/renderers/mappers/allOfComponentToProps.js

@@ -1,6 +0,0 @@
-import { componentToRendererProps } from './componentToRendererProps';
-import { pick } from './utils/pick';
-export const allOfComponentToProps = (component, rendererMapperProps) => {
-    const childrenProps = component.components.map((c) => componentToRendererProps(c, rendererMapperProps));
-    return Object.assign(Object.assign(Object.assign({ type: 'form-section' }, pick(component, 'uid', 'analyticsId', 'control', 'description', 'help', 'media', 'tags', 'title')), rendererMapperProps), { children: childrenProps.map(rendererMapperProps.render), childrenProps });
-};

package/build/renderers/mappers/booleanInputComponentToProps.js

@@ -1,5 +0,0 @@
-import { inputComponentToProps } from './utils/inputComponentToProps';
-export const booleanInputComponentToProps = (component, rendererMapperProps) => {
-    var _a;
-    return (Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-checkbox')), rendererMapperProps), { additionalText: component.additionalText, supportingValues: component.supportingValues, inlineAlert: component.inlineAlert, value: (_a = component.value) !== null && _a !== void 0 ? _a : false, onChange: component.onChange.bind(component) }));
-};

package/build/renderers/mappers/boxComponentToProps.js

@@ -1,13 +0,0 @@
-import { componentToRendererProps } from './componentToRendererProps';
-import { pick } from './utils/pick';
-export const boxComponentToProps = (component, rendererMapperProps) => {
-    const childrenProps = component.components.map((c) => componentToRendererProps(c, rendererMapperProps));
-    const { border, control } = component;
-    return Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'control', 'width', 'margin', 'tags')), rendererMapperProps), { control: mapBoxControl({ border, control }), children: childrenProps.map(rendererMapperProps.render), childrenProps });
-};
-const mapBoxControl = ({ border, control, }) => {
-    if (border && control == null) {
-        return 'bordered';
-    }
-    return control;
-};

package/build/renderers/mappers/buttonComponentToProps.js

@@ -1,4 +0,0 @@
-import { pick } from './utils/pick';
-export const buttonComponentToProps = (component, rendererMapperProps) => {
-    return Object.assign(Object.assign(Object.assign({ type: 'button' }, pick(component, 'uid', 'analyticsId', 'title', 'control', 'context', 'margin', 'media', 'pinOrder', 'size', 'onClick', 'tags')), { disabled: component.disabled || rendererMapperProps.stepLoadingState !== 'idle' }), rendererMapperProps);
-};

package/build/renderers/mappers/columnsComponentToProps.js

@@ -1,11 +0,0 @@
-import { componentToRendererProps } from './componentToRendererProps';
-export const columnsComponentToProps = ({ uid, analyticsId, bias, control, margin, tags, startComponents, endComponents, }, rendererMapperProps) => {
-    const startChildrenProps = startComponents.map((c) => componentToRendererProps(c, rendererMapperProps));
-    const endChildrenProps = endComponents.map((c) => componentToRendererProps(c, rendererMapperProps));
-    return Object.assign(Object.assign({}, rendererMapperProps), { uid,
-        analyticsId, type: 'columns', bias,
-        control,
-        margin,
-        tags, startChildren: startChildrenProps.map(rendererMapperProps.render), endChildren: endChildrenProps.map(rendererMapperProps.render), startChildrenProps,
-        endChildrenProps });
-};