@wise/dynamic-flow-client 5.8.1 → 5.9.0

package/build/renderers/getRenderFunction.js

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+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 });
+};

package/build/renderers/mappers/componentToRendererProps.js

@@ -0,0 +1,164 @@
+import { isHiddenComponent } from '../../utils/type-utils';
+import { alertComponentToProps } from './alertComponentToProps';
+import { allOfComponentToProps } from './allOfComponentToProps';
+import { booleanInputComponentToProps } from './booleanInputComponentToProps';
+import { boxComponentToProps } from './boxComponentToProps';
+import { buttonComponentToProps } from './buttonComponentToProps';
+import { columnsComponentToProps } from './columnsComponentToProps';
+import { constComponentToProps } from './constComponentToProps';
+import { containerComponentToProps } from './containerComponentToProps';
+import { dateInputComponentToProps } from './dateInputComponentToProps';
+import { decisionComponentToProps } from './decisionComponentToProps';
+import { dividerComponentToProps } from './dividerComponentToProps';
+import { externalComponentToProps } from './externalComponentToProps';
+import { formattedValueComponentToProps } from './formattedValueComponentToProps';
+import { formComponentToProps } from './formComponentToProps';
+import { headingComponentToProps } from './headingComponentToProps';
+import { hiddenComponentToProps } from './hiddenComponentToProps';
+import { imageComponentToProps } from './imageComponentToProps';
+import { instructionsComponentToProps } from './instructionsComponentToProps';
+import { integerInputComponentToProps } from './integerInputComponentToProps';
+import { listComponentToProps } from './listComponentToProps';
+import { loadingIndicatorComponentToProps } from './loadingIndicatorComponentToProps';
+import { markdownComponentToProps } from './markdownComponentToProps';
+import { mediaComponentToProps } from './mediaComponentToProps';
+import { modalComponentToProps } from './modalComponentToProps';
+import { modalLayoutComponentToProps } from './modalLayoutComponentToProps';
+import { moneyInputComponentToProps } from './moneyInputComponentToProps';
+import { multiSelectInputComponentToProps } from './multiSelectComponentToProps';
+import { multiUploadInputComponentToProps } from './multiUploadInputComponentToProps';
+import { numberInputComponentToProps } from './numberInputComponentToProps';
+import { objectComponentToProps } from './objectComponentToProps';
+import { paragraphComponentToProps } from './paragraphComponentToProps';
+import { persistAsyncComponentToProps } from './persistAsyncComponentToProps';
+import { progressComponentToProps } from './progressComponentToProps';
+import { repeatableComponentToProps } from './repeatableComponentToProps';
+import { reviewComponentToProps } from './reviewComponentToProps';
+import { rootComponentToProps } from './rootComponentToProps';
+import { searchComponentToProps } from './searchComponentToProps';
+import { sectionComponentToProps } from './sectionComponentToProps';
+import { selectInputComponentToProps } from './selectInputComponentToProps';
+import { statusListComponentToProps } from './statusListComponentToProps';
+import { tabsComponentToProps } from './tabsComponentToProps';
+import { textInputComponentToProps } from './textInputComponentToProps';
+import { tupleComponentToProps } from './tupleComponentToProps';
+import { uploadInputComponentToProps } from './uploadInputComponentToProps';
+import { upsellComponentToProps } from './upsellComponentToProps';
+import { subflowComponentToRendererProps } from './subflowComponentToRendererProps';
+export const componentToRendererProps = (component, mapperProps) => {
+    if (isHiddenComponent(component)) {
+        // Any component that is hidden is mapped to the same HiddenRendererProps, and won't be rendered
+        return hiddenComponentToProps(component);
+    }
+    const trackEventWithLayoutId = ((eventName, properties) => mapperProps.trackEvent(eventName, Object.assign({ layoutId: component.analyticsId }, properties)));
+    const rendererMapperProps = component.kind === 'layout'
+        ? Object.assign(Object.assign({}, mapperProps), { trackEvent: trackEventWithLayoutId }) : mapperProps;
+    const componentProps = getComponentProps(component, rendererMapperProps);
+    const alertProps = getComponentAlertProps(component, rendererMapperProps);
+    if (alertProps) {
+        // A component with an alert is mapped to a container with the alert and the component
+        const childrenProps = [alertProps, componentProps];
+        return Object.assign({ type: 'container', uid: `${component.uid}-wrapper`, children: childrenProps.map(rendererMapperProps.render), childrenProps }, rendererMapperProps);
+    }
+    return componentProps;
+};
+const getComponentProps = (component, rendererMapperProps) => {
+    switch (component.type) {
+        case 'root':
+            return rootComponentToProps(component, rendererMapperProps);
+        case 'alert':
+            return alertComponentToProps(component, rendererMapperProps);
+        case 'all-of':
+            return allOfComponentToProps(component, rendererMapperProps);
+        case 'boolean':
+            return booleanInputComponentToProps(component, rendererMapperProps);
+        case 'box':
+            return boxComponentToProps(component, rendererMapperProps);
+        case 'button':
+            return buttonComponentToProps(component, rendererMapperProps);
+        case 'columns':
+            return columnsComponentToProps(component, rendererMapperProps);
+        case 'container':
+            return containerComponentToProps(component, rendererMapperProps);
+        case 'date':
+            return dateInputComponentToProps(component, rendererMapperProps);
+        case 'decision':
+            return decisionComponentToProps(component, rendererMapperProps);
+        case 'divider':
+            return dividerComponentToProps(component, rendererMapperProps);
+        case 'external-confirmation':
+            return externalComponentToProps(component, rendererMapperProps);
+        case 'formatted-value':
+            return formattedValueComponentToProps(component, rendererMapperProps);
+        case 'form':
+            return formComponentToProps(component, rendererMapperProps);
+        case 'heading':
+            return headingComponentToProps(component, rendererMapperProps);
+        case 'const':
+            return constComponentToProps(component, rendererMapperProps);
+        case 'image':
+            return imageComponentToProps(component, rendererMapperProps);
+        case 'instructions':
+            return instructionsComponentToProps(component, rendererMapperProps);
+        case 'integer':
+            return integerInputComponentToProps(component, rendererMapperProps);
+        case 'list':
+            return listComponentToProps(component, rendererMapperProps);
+        case 'loading-indicator':
+            return loadingIndicatorComponentToProps(component, rendererMapperProps);
+        case 'markdown':
+            return markdownComponentToProps(component, rendererMapperProps);
+        case 'media':
+            return mediaComponentToProps(component, rendererMapperProps);
+        case 'modal-layout':
+            return modalLayoutComponentToProps(component, rendererMapperProps);
+        case 'modal':
+            return modalComponentToProps(component, rendererMapperProps);
+        case 'money-input':
+            return moneyInputComponentToProps(component, rendererMapperProps);
+        case 'multi-select':
+            return multiSelectInputComponentToProps(component, rendererMapperProps);
+        case 'multi-upload':
+            return multiUploadInputComponentToProps(component, rendererMapperProps);
+        case 'number':
+            return numberInputComponentToProps(component, rendererMapperProps);
+        case 'object':
+            return objectComponentToProps(component, rendererMapperProps);
+        case 'paragraph':
+            return paragraphComponentToProps(component, rendererMapperProps);
+        case 'progress':
+            return progressComponentToProps(component, rendererMapperProps);
+        case 'repeatable':
+            return repeatableComponentToProps(component, rendererMapperProps);
+        case 'review':
+            return reviewComponentToProps(component, rendererMapperProps);
+        case 'search':
+            return searchComponentToProps(component, rendererMapperProps);
+        case 'section':
+            return sectionComponentToProps(component, rendererMapperProps);
+        case 'select':
+            return selectInputComponentToProps(component, rendererMapperProps);
+        case 'status-list':
+            return statusListComponentToProps(component, rendererMapperProps);
+        case 'subflow':
+            return subflowComponentToRendererProps(component, rendererMapperProps);
+        case 'tabs':
+            return tabsComponentToProps(component, rendererMapperProps);
+        case 'text':
+            return textInputComponentToProps(component, rendererMapperProps);
+        case 'tuple':
+            return tupleComponentToProps(component, rendererMapperProps);
+        case 'upload':
+            return uploadInputComponentToProps(component, rendererMapperProps);
+        case 'upsell':
+            return upsellComponentToProps(component, rendererMapperProps);
+        case 'persist-async':
+            return persistAsyncComponentToProps(component, rendererMapperProps);
+        case 'step':
+            throw Error('Step components are only mapped from rootComponentToProps');
+        default:
+            throw new Error('Unknown component type');
+    }
+};
+const getComponentAlertProps = (component, rendererMapperProps) => 'alert' in component && component.alert
+    ? Object.assign({ type: 'alert', uid: `${component.uid}-alert`, margin: 'md', context: component.alert.context, markdown: component.alert.content }, rendererMapperProps) : null;

package/build/renderers/mappers/constComponentToProps.js

@@ -0,0 +1,5 @@
+import { componentToRendererProps } from './componentToRendererProps';
+export const constComponentToProps = (component, rendererMapperProps) => {
+    const childrenProps = component.layout.map((c) => componentToRendererProps(c, rendererMapperProps));
+    return Object.assign({ type: 'container', uid: `${component.uid}-wrapper`, childrenProps, children: childrenProps.map(rendererMapperProps.render) }, rendererMapperProps);
+};

package/build/renderers/mappers/containerComponentToProps.js

@@ -0,0 +1,7 @@
+import { componentToRendererProps } from './componentToRendererProps';
+export const containerComponentToProps = (component, rendererMapperProps) => {
+    const childrenProps = component
+        .getChildren()
+        .map((c) => componentToRendererProps(c, rendererMapperProps));
+    return Object.assign({ type: 'container', uid: component.uid, children: childrenProps.map(rendererMapperProps.render), childrenProps }, rendererMapperProps);
+};

package/build/renderers/mappers/dateInputComponentToProps.js

@@ -0,0 +1,2 @@
+import { inputComponentToProps } from './utils/inputComponentToProps';
+export const dateInputComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-date')), rendererMapperProps), { autoComplete: component.autoComplete, minimumDate: component.minimumDate, maximumDate: component.maximumDate, suggestions: component.suggestions, onChange: component.onChange.bind(component) }));

package/build/renderers/mappers/decisionComponentToProps.js

@@ -0,0 +1,16 @@
+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 { pick } from './utils/pick';
+export const decisionComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'control', 'margin', 'title', 'tags')), rendererMapperProps), { options: component.options.map((_a) => {
+        var { disabled } = _a, rest = __rest(_a, ["disabled"]);
+        return (Object.assign(Object.assign({}, rest), { disabled: disabled || rendererMapperProps.stepLoadingState !== 'idle' }));
+    }) }));

package/build/renderers/mappers/dividerComponentToProps.js

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

package/build/renderers/mappers/externalComponentToProps.js

@@ -0,0 +1,3 @@
+export const externalComponentToProps = (component, rendererMapperProps) => {
+    return Object.assign({ type: 'external-confirmation', uid: component.uid, url: component.url, status: component.status, onSuccess: component.onSuccess.bind(component), onFailure: component.onFailure.bind(component), onCancel: component.onCancel.bind(component) }, rendererMapperProps);
+};

package/build/renderers/mappers/formComponentToProps.js

@@ -0,0 +1,12 @@
+import { componentToRendererProps } from './componentToRendererProps';
+export const formComponentToProps = (component, rendererMapperProps) => {
+    const childrenProps = component
+        .getChildren()
+        .map((c) => componentToRendererProps(c, rendererMapperProps));
+    const { uid, analyticsId, control, margin, tags } = component;
+    return Object.assign({ uid,
+        analyticsId, type: 'form', children: childrenProps.map(rendererMapperProps.render), childrenProps,
+        control,
+        margin,
+        tags }, rendererMapperProps);
+};

package/build/renderers/mappers/formattedValueComponentToProps.js

@@ -0,0 +1,5 @@
+import { pick } from './utils/pick';
+import { getValidationState } from './utils/getValidationState';
+export const formattedValueComponentToProps = (component, rendererMapperProps) => {
+    return Object.assign(Object.assign(Object.assign({ type: 'formatted-value' }, pick(component, 'format', 'uid', 'analyticsId', 'control', 'description', 'help', 'media', 'tags', 'title')), { validationState: getValidationState(component.errors, undefined), onChange: component.onChange.bind(component) }), rendererMapperProps);
+};

package/build/renderers/mappers/headingComponentToProps.js

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

package/build/renderers/mappers/hiddenComponentToProps.js

@@ -0,0 +1,4 @@
+export const hiddenComponentToProps = ({ uid }) => ({
+    uid,
+    type: 'hidden',
+});

package/build/renderers/mappers/imageComponentToProps.js

@@ -0,0 +1,2 @@
+import { pick } from './utils/pick';
+export const imageComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'align', 'control', 'margin', 'size', 'tags')), rendererMapperProps), { uri: component.content.uri, accessibilityDescription: component.content.accessibilityDescription }));

package/build/renderers/mappers/instructionsComponentToProps.js

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

package/build/renderers/mappers/integerInputComponentToProps.js

@@ -0,0 +1,2 @@
+import { inputComponentToProps } from './utils/inputComponentToProps';
+export const integerInputComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-integer')), rendererMapperProps), { autoComplete: component.autoComplete, maximum: component.maximum, minimum: component.minimum, onChange: component.onChange.bind(component) }));

package/build/renderers/mappers/listComponentToProps.js

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

package/build/renderers/mappers/loadingIndicatorComponentToProps.js

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

package/build/renderers/mappers/markdownComponentToProps.js

@@ -0,0 +1,2 @@
+import { pick } from './utils/pick';
+export const markdownComponentToProps = (control, rendererMapperProps) => (Object.assign(Object.assign({}, pick(control, 'uid', 'analyticsId', 'type', 'align', 'margin', 'content', 'control', 'tags', 'size')), rendererMapperProps));

package/build/renderers/mappers/mediaComponentToProps.js

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

package/build/renderers/mappers/modalComponentToProps.js

@@ -0,0 +1,11 @@
+import { componentToRendererProps } from './componentToRendererProps';
+export const modalComponentToProps = (component, rendererMapperProps) => {
+    const { uid, analyticsId, open, tags, title, close } = component;
+    const childrenProps = component
+        .getChildren()
+        .map((c) => componentToRendererProps(c, rendererMapperProps));
+    return Object.assign({ uid,
+        analyticsId, type: 'modal', open,
+        tags,
+        title, children: childrenProps.map(rendererMapperProps.render), childrenProps, onClose: close.bind(component) }, rendererMapperProps);
+};

package/build/renderers/mappers/modalLayoutComponentToProps.js

@@ -0,0 +1,16 @@
+import { componentToRendererProps } from './componentToRendererProps';
+export const modalLayoutComponentToProps = (component, rendererMapperProps) => {
+    const { uid, analyticsId, content, control, margin, tags, trigger } = component;
+    const childrenProps = component
+        .getChildren()
+        .map((c) => componentToRendererProps(c, rendererMapperProps));
+    return Object.assign({ uid,
+        analyticsId, type: 'modal-layout', content: {
+            children: childrenProps.map(rendererMapperProps.render),
+            childrenProps,
+            title: content.title,
+        }, control,
+        margin,
+        tags,
+        trigger }, rendererMapperProps);
+};

package/build/renderers/mappers/moneyInputComponentToProps.js

@@ -0,0 +1,36 @@
+import { getValidationState } from './utils/getValidationState';
+import { inputComponentToProps } from './utils/inputComponentToProps';
+export const moneyInputComponentToProps = (component, rendererMapperProps) => {
+    const { components, errors, validationAsyncState } = component;
+    const amountComponent = components.amount;
+    const currencyComponent = components.currency;
+    const validationState = pickValidationState([
+        getValidationState(amountComponent.errors, amountComponent.validationAsyncState),
+        getValidationState(currencyComponent.errors, currencyComponent.validationAsyncState),
+        getValidationState(errors, validationAsyncState),
+    ]);
+    const currencies = currencyComponent.options.map(({ analyticsId, title, description, media, keywords, tags }, i) => ({
+        currencyCode: currencyComponent.children[i].getLocalValue(),
+        analyticsId,
+        title,
+        description,
+        media,
+        keywords,
+        tags,
+    }));
+    return Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'money-input')), { amountValue: amountComponent.getLocalValue(), selectedCurrencyIndex: currencyComponent.selectedIndex, onAmountChange: amountComponent.onChange.bind(amountComponent), onCurrencyChange: currencyComponent.onSelect.bind(currencyComponent), placeholder: amountComponent.placeholder, currencies,
+        validationState }), rendererMapperProps);
+};
+// Picks the most relevant validation state from a list of validation states
+const pickValidationState = (states) => {
+    const definedStates = states.filter((state) => state !== undefined);
+    if (definedStates.length === 0) {
+        return undefined;
+    }
+    // if there are any invalid states, return the first one
+    if (definedStates.some((state) => state.status === 'invalid')) {
+        return definedStates.find((state) => state.status === 'invalid');
+    }
+    // otherwise, return the first valid state
+    return definedStates[0];
+};

package/build/renderers/mappers/multiSelectComponentToProps.js

@@ -0,0 +1,23 @@
+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 { inputComponentToProps } from './utils/inputComponentToProps';
+import { selectInputOptionsToProps } from './utils/selectInputOptionsToProps';
+export const multiSelectInputComponentToProps = (component, rendererMapperProps) => {
+    const { autoComplete, maxItems, minItems, selectedIndices, onSelect } = component;
+    const _a = inputComponentToProps(component, 'input-multi-select'), { required, value } = _a, props = __rest(_a, ["required", "value"]);
+    const options = selectInputOptionsToProps(component.options, component.getChildren(), rendererMapperProps);
+    return Object.assign(Object.assign(Object.assign({}, props), rendererMapperProps), { autoComplete,
+        maxItems,
+        minItems,
+        options,
+        selectedIndices, onSelect: onSelect.bind(component) });
+};

package/build/renderers/mappers/multiUploadInputComponentToProps.js

@@ -0,0 +1,12 @@
+import { inputComponentToProps } from './utils/inputComponentToProps';
+import { mapErrorsToValidationState } from './utils/mapErrorsToValidationState';
+export const multiUploadInputComponentToProps = (component, rendererMapperProps) => {
+    const { accepts, cameraConfig, files, maxSize, minItems, maxItems, source, uploadLabel } = component;
+    return Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-upload-multi')), rendererMapperProps), { accepts,
+        cameraConfig,
+        maxSize,
+        minItems,
+        maxItems,
+        source,
+        uploadLabel, value: files.map((file) => (Object.assign(Object.assign({}, file), { validationState: mapErrorsToValidationState(file.errors) }))), onInsertFile: component.onInsertFile.bind(component), onRemoveFile: component.onRemoveFile.bind(component) });
+};

package/build/renderers/mappers/numberInputComponentToProps.js

@@ -0,0 +1,2 @@
+import { inputComponentToProps } from './utils/inputComponentToProps';
+export const numberInputComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-number')), rendererMapperProps), { maximum: component.maximum, minimum: component.minimum, onChange: component.onChange.bind(component) }));

package/build/renderers/mappers/objectComponentToProps.js

@@ -0,0 +1,8 @@
+import { componentToRendererProps } from './componentToRendererProps';
+import { pick } from './utils/pick';
+export const objectComponentToProps = (component, rendererMapperProps) => {
+    const childrenProps = component
+        .getChildren()
+        .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/paragraphComponentToProps.js

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

package/build/renderers/mappers/persistAsyncComponentToProps.js

@@ -0,0 +1,8 @@
+import { componentToRendererProps } from './componentToRendererProps';
+export const persistAsyncComponentToProps = (component, rendererMapperProps) => {
+    const props = componentToRendererProps(component.component, rendererMapperProps);
+    if ('validationState' in props && component.errors.length > 0) {
+        return Object.assign(Object.assign({}, props), { validationState: { status: 'invalid', message: component.errors[0] } });
+    }
+    return props;
+};

package/build/renderers/mappers/progressComponentToProps.js

@@ -0,0 +1,2 @@
+import { pick } from './utils/pick';
+export const progressComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign({}, pick(component, 'uid', 'type', 'analyticsId', 'context', 'tags', 'control', 'description', 'help', 'margin', 'progress', 'progressText', 'title')), rendererMapperProps));

package/build/renderers/mappers/repeatableComponentToProps.js

@@ -0,0 +1,30 @@
+import { componentToRendererProps } from './componentToRendererProps';
+import { mapErrorsToValidationState } from './utils/mapErrorsToValidationState';
+export const repeatableComponentToProps = (component, rendererMapperProps) => {
+    const { uid, analyticsId, addItemTitle, control, components, description, editableComponent, editItemTitle, errors, maxItems, media, minItems, summaryDefaults, title = '', tags, onEdit, onAdd, onSave, onRemove, } = component;
+    const childrenProps = component
+        .getChildren()
+        .map((c) => componentToRendererProps(c, rendererMapperProps));
+    const editableItemProps = editableComponent
+        ? componentToRendererProps(editableComponent, rendererMapperProps)
+        : null;
+    const getSummary = (componentSummary) => {
+        var _a, _b, _c;
+        return {
+            title: (_a = componentSummary.title) !== null && _a !== void 0 ? _a : summaryDefaults.title,
+            description: (_b = componentSummary.description) !== null && _b !== void 0 ? _b : summaryDefaults.description,
+            media: (_c = componentSummary.media) !== null && _c !== void 0 ? _c : summaryDefaults.media,
+        };
+    };
+    const itemProps = components.map((childComponent) => (Object.assign(Object.assign({}, getSummary(childComponent.getSummary())), { id: `${childComponent.uid}-summary` })));
+    return Object.assign({ uid,
+        analyticsId, type: 'repeatable', children: childrenProps.map(rendererMapperProps.render), childrenProps,
+        addItemTitle,
+        control,
+        description, editableItem: rendererMapperProps.render(editableItemProps), editableItemProps,
+        editItemTitle, items: itemProps, maxItems,
+        media,
+        minItems,
+        title,
+        tags, validationState: mapErrorsToValidationState(errors), onAdd: onAdd.bind(component), onEdit: onEdit.bind(component), onSave: onSave.bind(component), onRemove: onRemove.bind(component) }, rendererMapperProps);
+};