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

package/build/revamp/renderers/getRenderFunction.js

@@ -0,0 +1,55 @@
+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 { componentToRendererProps } from './mappers/componentToRendererProps';
+import { isColumnsComponent, hasChildren, isRepeatableComponent } from '../utils/type-utils';
+export var getRenderFunction = function (renderers) {
+    function ComponentRenderer(props) {
+        var type = props.type;
+        if (type === 'hidden') {
+            return null;
+        }
+        var renderer = renderers.find(function (_a) {
+            var canRenderType = _a.canRenderType, _b = _a.canRender, canRender = _b === void 0 ? function () { return true; } : _b;
+            // once the type is matched, we know the props are of the correct type
+            return canRenderType === type && canRender(props);
+        });
+        if (!renderer) {
+            throw new Error("Could not find a renderer for ".concat(type));
+        }
+        // if renderer defined, we know props are of the correct type
+        return renderer.render(props);
+    }
+    var getNestedContent = function (component) {
+        if (!hasChildren(component)) {
+            return {};
+        }
+        if (isColumnsComponent(component)) {
+            return {
+                startChildren: component.startComponents.map(render),
+                endChildren: component.endComponents.map(render)
+            };
+        }
+        if (isRepeatableComponent(component)) {
+            return {
+                // We specifically only want components here, because getChildren() includes the editable component
+                children: component.components.map(render),
+                editableItemChildren: component.editableComponent !== null ? render(component.editableComponent) : null
+            };
+        }
+        return {
+            children: component.getChildren().map(render)
+        };
+    };
+    var render = function (component) { return (_jsx(ComponentRenderer, __assign({}, componentToRendererProps(component, getNestedContent(component))), component.uid)); };
+    return render;
+};

package/build/revamp/renderers/getSchemaErrorMessageFunction.js

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

package/build/revamp/renderers/mappers/alertComponentToProps.js

@@ -0,0 +1,4 @@
+export var alertComponentToProps = function (_a) {
+    var context = _a.context, control = _a.control, margin = _a.margin, markdown = _a.markdown;
+    return ({ type: 'alert', context: context, control: control, margin: margin, markdown: markdown });
+};

package/build/revamp/renderers/mappers/allOfComponentToProps.js

@@ -0,0 +1,11 @@
+export var allOfComponentToProps = function (_a, children) {
+    var control = _a.control, description = _a.description, help = _a.help, title = _a.title;
+    return ({
+        type: 'form-section',
+        children: children,
+        control: control,
+        description: description,
+        help: help,
+        title: title
+    });
+};

package/build/revamp/renderers/mappers/booleanInputComponentToProps.js

@@ -0,0 +1,16 @@
+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 { inputComponentToProps } from './utils/inputComponentToProps';
+export var booleanInputComponentToProps = function (component) {
+    var _a;
+    return (__assign(__assign({}, inputComponentToProps(component, 'input-boolean')), { value: (_a = component.value) !== null && _a !== void 0 ? _a : false, onChange: component.onChange.bind(component) }));
+};

package/build/revamp/renderers/mappers/boxComponentToProps.js

@@ -0,0 +1,4 @@
+export var boxComponentToProps = function (_a, children) {
+    var border = _a.border, control = _a.control, width = _a.width, margin = _a.margin;
+    return ({ type: 'box', border: border, children: children, control: control, margin: margin, width: width });
+};

package/build/revamp/renderers/mappers/buttonComponentToProps.js

@@ -0,0 +1,14 @@
+export var buttonComponentToProps = function (component) {
+    var title = component.title, control = component.control, context = component.context, disabled = component.disabled, margin = component.margin, pinOrder = component.pinOrder, size = component.size, onClick = component.onClick;
+    return {
+        type: 'button',
+        title: title,
+        control: control,
+        context: context,
+        disabled: disabled,
+        margin: margin,
+        pinOrder: pinOrder,
+        size: size,
+        onClick: onClick
+    };
+};

package/build/revamp/renderers/mappers/columnsComponentToProps.js

@@ -0,0 +1,4 @@
+export var columnsComponentToProps = function (_a, startChildren, endChildren) {
+    var bias = _a.bias, control = _a.control, margin = _a.margin;
+    return ({ type: 'columns', bias: bias, control: control, margin: margin, startChildren: startChildren, endChildren: endChildren });
+};

package/build/revamp/renderers/mappers/componentToRendererProps.js

@@ -0,0 +1,105 @@
+import { isHiddenComponent } from '../../utils/type-utils';
+import { stepComponentToProps } from '../stepComponentToProps';
+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 { containerComponentToProps } from './containerComponentToProps';
+import { dateInputComponentToProps } from './dateInputComponentToProps';
+import { decisionComponentToProps } from './decisionComponentToProps';
+import { dividerComponentToProps } from './dividerComponentToProps';
+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 { loadingIndicatorComponentToProps } from './loadingIndicatorComponentToProps';
+import { markdownComponentToProps } from './markdownComponentToProps';
+import { modalComponentToProps } from './modalComponentToProps';
+import { multiUploadInputComponentToProps } from './multiUploadInputComponentToProps';
+import { numberInputComponentToProps } from './numberInputComponentToProps';
+import { objectComponentToProps } from './objectComponentToProps';
+import { paragraphComponentToProps } from './paragraphComponentToProps';
+import { repeatableComponentToProps } from './repeatableComponentToProps';
+import { reviewComponentToProps } from './reviewComponentToProps';
+import { searchComponentToProps } from './searchComponentToProps';
+import { selectInputComponentToProps } from './selectInputComponentToProps';
+import { statusListComponentToProps } from './statusListComponentToProps';
+import { textInputComponentToProps } from './textInputComponentToProps';
+import { uploadInputComponentToProps } from './uploadInputComponentToProps';
+export var componentToRendererProps = function (component, nestedContent) {
+    var children = nestedContent.children, startChildren = nestedContent.startChildren, endChildren = nestedContent.endChildren, editableItemChildren = nestedContent.editableItemChildren;
+    if (isHiddenComponent(component)) {
+        // Any component that is hidden is mapped to the same HiddenRendererProps, and won't be rendered
+        return hiddenComponentToProps();
+    }
+    switch (component.type) {
+        case 'step':
+            return stepComponentToProps(component, children);
+        case 'alert':
+            return alertComponentToProps(component);
+        case 'all-of':
+            return allOfComponentToProps(component, children);
+        case 'boolean':
+            return booleanInputComponentToProps(component);
+        case 'box':
+            return boxComponentToProps(component, children);
+        case 'button':
+            return buttonComponentToProps(component);
+        case 'columns':
+            return columnsComponentToProps(component, startChildren, endChildren);
+        case 'container':
+            return containerComponentToProps(children);
+        case 'date':
+            return dateInputComponentToProps(component);
+        case 'decision':
+            return decisionComponentToProps(component);
+        case 'divider':
+            return dividerComponentToProps(component);
+        case 'form':
+            return formComponentToProps(component, children);
+        case 'heading':
+            return headingComponentToProps(component);
+        case 'const':
+            return hiddenComponentToProps();
+        case 'image':
+            return imageComponentToProps(component);
+        case 'instructions':
+            return instructionsComponentToProps(component);
+        case 'integer':
+            return integerInputComponentToProps(component);
+        case 'loading-indicator':
+            return loadingIndicatorComponentToProps(component);
+        case 'markdown':
+            return markdownComponentToProps(component);
+        case 'modal':
+            return modalComponentToProps(component, children);
+        case 'multi-upload':
+            return multiUploadInputComponentToProps(component);
+        case 'number':
+            return numberInputComponentToProps(component);
+        case 'object':
+            return objectComponentToProps(component, children);
+        case 'paragraph':
+            return paragraphComponentToProps(component);
+        case 'repeatable':
+            return repeatableComponentToProps(component, children !== null && children !== void 0 ? children : [], editableItemChildren);
+        case 'review':
+            return reviewComponentToProps(component);
+        case 'search':
+            return searchComponentToProps(component);
+        case 'select':
+            return selectInputComponentToProps(component, children !== null && children !== void 0 ? children : []);
+        case 'status-list':
+            return statusListComponentToProps(component);
+        case 'text':
+            return textInputComponentToProps(component);
+        case 'upload':
+            return uploadInputComponentToProps(component);
+        default:
+            throw new Error('Unknown component type');
+    }
+};

package/build/revamp/renderers/mappers/containerComponentToProps.js

@@ -0,0 +1,4 @@
+export var containerComponentToProps = function (children) { return ({
+    type: 'container',
+    children: children
+}); };

package/build/revamp/renderers/mappers/dateInputComponentToProps.js

@@ -0,0 +1,13 @@
+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 { inputComponentToProps } from './utils/inputComponentToProps';
+export var dateInputComponentToProps = function (component) { return (__assign(__assign({}, inputComponentToProps(component, 'input-date')), { minimumDate: component.minimumDate, maximumDate: component.maximumDate, onChange: component.onChange.bind(component) })); };

package/build/revamp/renderers/mappers/decisionComponentToProps.js

@@ -0,0 +1,4 @@
+export var decisionComponentToProps = function (_a) {
+    var options = _a.options, margin = _a.margin;
+    return ({ type: 'decision', options: options, margin: margin });
+};

package/build/revamp/renderers/mappers/dividerComponentToProps.js

@@ -0,0 +1,4 @@
+export var dividerComponentToProps = function (_a) {
+    var control = _a.control, margin = _a.margin;
+    return ({ type: 'divider', control: control, margin: margin });
+};

package/build/revamp/renderers/mappers/formComponentToProps.js

@@ -0,0 +1,4 @@
+export var formComponentToProps = function (_a, children) {
+    var control = _a.control, margin = _a.margin;
+    return ({ type: 'form', children: children, control: control, margin: margin });
+};

package/build/revamp/renderers/mappers/headingComponentToProps.js

@@ -0,0 +1,11 @@
+export var headingComponentToProps = function (_a) {
+    var align = _a.align, control = _a.control, margin = _a.margin, size = _a.size, text = _a.text;
+    return ({
+        type: 'heading',
+        align: align,
+        control: control,
+        margin: margin,
+        size: size,
+        text: text
+    });
+};

package/build/revamp/renderers/mappers/hiddenComponentToProps.js

@@ -0,0 +1,3 @@
+export var hiddenComponentToProps = function () { return ({
+    type: 'hidden'
+}); };

package/build/revamp/renderers/mappers/imageComponentToProps.js

@@ -0,0 +1,11 @@
+export var imageComponentToProps = function (_a) {
+    var accessibilityDescription = _a.accessibilityDescription, control = _a.control, margin = _a.margin, size = _a.size, url = _a.url;
+    return ({
+        type: 'image',
+        accessibilityDescription: accessibilityDescription,
+        control: control,
+        margin: margin,
+        size: size,
+        url: url
+    });
+};

package/build/revamp/renderers/mappers/instructionsComponentToProps.js

@@ -0,0 +1,10 @@
+export var instructionsComponentToProps = function (_a) {
+    var control = _a.control, items = _a.items, margin = _a.margin, title = _a.title;
+    return ({
+        type: 'instructions',
+        control: control,
+        items: items,
+        margin: margin,
+        title: title
+    });
+};

package/build/revamp/renderers/mappers/integerInputComponentToProps.js

@@ -0,0 +1,13 @@
+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 { inputComponentToProps } from './utils/inputComponentToProps';
+export var integerInputComponentToProps = function (component) { return (__assign(__assign({}, inputComponentToProps(component, 'input-integer')), { onChange: component.onChange.bind(component) })); };

package/build/revamp/renderers/mappers/loadingIndicatorComponentToProps.js

@@ -0,0 +1,9 @@
+export var loadingIndicatorComponentToProps = function (_a) {
+    var control = _a.control, margin = _a.margin, size = _a.size;
+    return ({
+        type: 'loading-indicator',
+        control: control,
+        margin: margin,
+        size: size
+    });
+};

package/build/revamp/renderers/mappers/markdownComponentToProps.js

@@ -0,0 +1,10 @@
+export var markdownComponentToProps = function (_a) {
+    var align = _a.align, content = _a.content, control = _a.control, margin = _a.margin;
+    return ({
+        type: 'markdown',
+        align: align,
+        margin: margin,
+        content: content,
+        control: control
+    });
+};

package/build/revamp/renderers/mappers/modalComponentToProps.js

@@ -0,0 +1,10 @@
+export var modalComponentToProps = function (_a, components) {
+    var control = _a.control, margin = _a.margin, trigger = _a.trigger;
+    return ({
+        type: 'modal',
+        content: { components: components },
+        control: control,
+        margin: margin,
+        trigger: trigger
+    });
+};

package/build/revamp/renderers/mappers/multiUploadInputComponentToProps.js

@@ -0,0 +1,24 @@
+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 { inputComponentToProps } from './utils/inputComponentToProps';
+export var multiUploadInputComponentToProps = function (component) {
+    var accepts = component.accepts, fileMap = component.fileMap, maxSize = component.maxSize, minItems = component.minItems, maxItems = component.maxItems, uploadLabel = component.uploadLabel;
+    var findIdByValue = function (file) { return Object.keys(fileMap).find(function (id) { return fileMap[id] === file; }); };
+    var fileList = Object.values(fileMap).map(function (file) {
+        var _a;
+        return ({
+            id: (_a = findIdByValue(file)) !== null && _a !== void 0 ? _a : '',
+            file: file
+        });
+    });
+    return __assign(__assign({}, inputComponentToProps(component, 'input-upload-multi')), { accepts: accepts, maxSize: maxSize, minItems: minItems, maxItems: maxItems, uploadLabel: uploadLabel, value: fileList, onUpload: component.onUpload.bind(component), onDelete: component.onDelete.bind(component) });
+};

package/build/revamp/renderers/mappers/numberInputComponentToProps.js

@@ -0,0 +1,13 @@
+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 { inputComponentToProps } from './utils/inputComponentToProps';
+export var numberInputComponentToProps = function (component) { return (__assign(__assign({}, inputComponentToProps(component, 'input-number')), { onChange: component.onChange.bind(component) })); };

package/build/revamp/renderers/mappers/objectComponentToProps.js

@@ -0,0 +1,11 @@
+export var objectComponentToProps = function (_a, children) {
+    var control = _a.control, description = _a.description, help = _a.help, title = _a.title;
+    return ({
+        type: 'form-section',
+        children: children,
+        control: control,
+        description: description,
+        help: help,
+        title: title
+    });
+};

package/build/revamp/renderers/mappers/paragraphComponentToProps.js

@@ -0,0 +1,10 @@
+export var paragraphComponentToProps = function (_a) {
+    var align = _a.align, control = _a.control, margin = _a.margin, text = _a.text;
+    return ({
+        type: 'paragraph',
+        align: align,
+        control: control,
+        margin: margin,
+        text: text
+    });
+};

package/build/revamp/renderers/mappers/repeatableComponentToProps.js

@@ -0,0 +1,40 @@
+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);
+};
+export var repeatableComponentToProps = function (component, children, editableItemChildren) {
+    var addItemTitle = component.addItemTitle, control = component.control, components = component.components, description = component.description, editItemTitle = component.editItemTitle, errors = component.errors, summaryDefaults = component.summaryDefaults, _a = component.title, title = _a === void 0 ? '' : _a, onEdit = component.onEdit, onAdd = component.onAdd, onSave = component.onSave, onRemove = component.onRemove;
+    var getSummary = function (componentSummary) {
+        var _a, _b, _c, _d;
+        return ({
+            title: (_a = componentSummary.title) !== null && _a !== void 0 ? _a : summaryDefaults.title,
+            description: (_b = componentSummary.description) !== null && _b !== void 0 ? _b : summaryDefaults.description,
+            icon: (_c = componentSummary.icon) !== null && _c !== void 0 ? _c : summaryDefaults.icon,
+            image: (_d = componentSummary.image) !== null && _d !== void 0 ? _d : summaryDefaults.image
+        });
+    };
+    var itemProps = components.map(function (childComponent) { return (__assign(__assign({}, getSummary(childComponent.getSummary())), { id: "".concat(childComponent.uid, "-summary") })); });
+    return {
+        type: 'repeatable',
+        children: children,
+        control: control,
+        items: itemProps,
+        editableItem: editableItemChildren,
+        title: title,
+        description: description,
+        addItemTitle: addItemTitle,
+        editItemTitle: editItemTitle,
+        error: errors[0],
+        onAdd: onAdd.bind(component),
+        onEdit: onEdit.bind(component),
+        onSave: onSave.bind(component),
+        onRemove: onRemove.bind(component)
+    };
+};

package/build/revamp/renderers/mappers/reviewComponentToProps.js

@@ -0,0 +1,11 @@
+export var reviewComponentToProps = function (_a) {
+    var callToAction = _a.callToAction, control = _a.control, fields = _a.fields, margin = _a.margin, title = _a.title;
+    return ({
+        type: 'review',
+        callToAction: callToAction,
+        control: control,
+        fields: fields,
+        margin: margin,
+        title: title
+    });
+};

package/build/revamp/renderers/mappers/searchComponentToProps.js

@@ -0,0 +1,49 @@
+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);
+};
+export var searchComponentToProps = function (component) {
+    var uid = component.uid, control = component.control, emptyMessage = component.emptyMessage, error = component.error, isLoading = component.isLoading, margin = component.margin, query = component.query, results = component.results, title = component.title;
+    var onChange = component.onChange.bind(component);
+    var onSelect = component.onSelect.bind(component);
+    var state = getSearchState({
+        emptyMessage: emptyMessage,
+        error: error,
+        query: query,
+        results: results,
+        onChange: onChange,
+        onSelect: onSelect
+    });
+    return {
+        type: 'search',
+        id: uid,
+        control: control,
+        isLoading: isLoading,
+        margin: margin,
+        query: query,
+        state: state,
+        title: title,
+        onChange: onChange
+    };
+};
+var getSearchState = function (_a) {
+    var emptyMessage = _a.emptyMessage, error = _a.error, query = _a.query, results = _a.results, onChange = _a.onChange, onSelect = _a.onSelect;
+    if (!query) {
+        return { type: 'pending' };
+    }
+    if (error) {
+        return { type: 'error', onRetry: function () { return onChange(query); } };
+    }
+    if (results.length === 0) {
+        return { type: 'noResults', message: emptyMessage };
+    }
+    var rendererResults = results.map(function (result) { return (__assign(__assign({}, result), { onClick: function () { return onSelect(result); } })); });
+    return { type: 'results', results: rendererResults };
+};

package/build/revamp/renderers/mappers/selectInputComponentToProps.js

@@ -0,0 +1,29 @@
+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 __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';
+export var selectInputComponentToProps = function (component, children) {
+    var _a;
+    var options = component.options, selectedIndex = component.selectedIndex, onSelect = component.onSelect;
+    var _b = inputComponentToProps(component, 'input-select'), value = _b.value, props = __rest(_b, ["value"]);
+    return __assign(__assign({}, props), { options: options, selectedIndex: selectedIndex, onSelect: onSelect.bind(component), children: (_a = children[selectedIndex !== null && selectedIndex !== void 0 ? selectedIndex : -1]) !== null && _a !== void 0 ? _a : null });
+};