@wise/dynamic-flow-client 0.0.0-experimental-20240319142919

package/build/legacy/formControl/FormControl.js

@@ -0,0 +1,268 @@
+var __extends = (this && this.__extends) || (function () {
+    var extendStatics = function (d, b) {
+        extendStatics = Object.setPrototypeOf ||
+            ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
+            function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
+        return extendStatics(d, b);
+    };
+    return function (d, b) {
+        if (typeof b !== "function" && b !== null)
+            throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
+        extendStatics(d, b);
+        function __() { this.constructor = d; }
+        d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
+    };
+})();
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import { Checkbox, DateInput, DateLookup, InputWithDisplayFormat, PhoneNumberInput, RadioGroup, SelectInput, SelectInputOptionContent, Tabs, TextareaWithDisplayFormat, Upload, } from '@transferwise/components';
+import { PureComponent } from 'react';
+import { DateMode, FormControlType, MonthFormat, Size } from '../common/constants';
+import { dateToDateString } from '../common/utils';
+import { isArray, isNumber, isString } from '../common/validators';
+import { getSafeStringOrNumberValue, getSafeDateOrStringValue, getSafeDateStringValue, getSafeStringValue, getSafeBooleanValue, getAutocompleteString, } from './utils';
+var FormControl = /** @class */ (function (_super) {
+    __extends(FormControl, _super);
+    function FormControl(props) {
+        var _this = _super.call(this, props) || this;
+        _this.getAutocompleteValue = function () {
+            var _a = _this.props, autoComplete = _a.autoComplete, autocompleteHint = _a.autocompleteHint;
+            if (isArray(autocompleteHint)) {
+                return getAutocompleteString(autocompleteHint);
+            }
+            if (autoComplete === true) {
+                return 'on';
+            }
+            return 'off';
+        };
+        _this.handleOnChange = function (value, metadata) {
+            _this.props.onChange(value, undefined, metadata);
+        };
+        _this.handleInputOnChange = function (event) {
+            _this.props.onChange(event.target.value);
+        };
+        _this.handleOnFocus = function () {
+            var _a, _b;
+            (_b = (_a = _this.props).onFocus) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        _this.handleOnBlur = function () {
+            var _a, _b;
+            (_b = (_a = _this.props).onBlur) === null || _b === void 0 ? void 0 : _b.call(_a);
+        };
+        _this.getSelectedOption = function (options) {
+            if (_this.state.selectedOption !== null && typeof _this.state.selectedOption !== 'undefined') {
+                return options.find(function (option) { var _a; return ((_a = _this.state.selectedOption) === null || _a === void 0 ? void 0 : _a.value) === option.value; });
+            }
+            if (_this.props.value !== null && typeof _this.props.value !== 'undefined') {
+                return options.find(function (option) { return _this.props.value === option.value; });
+            }
+            return undefined;
+        };
+        _this.mapOption = function (option) { return (__assign(__assign({}, option), { value: isNumber(option.value) || isString(option.value) ? option.value : undefined, secondary: option.note, disabled: option.disabled || _this.props.disabled, readOnly: _this.props.readOnly })); };
+        _this.state = {
+            selectedOption: props.selectedOption,
+            touched: false,
+            prevValue: props.value
+        };
+        return _this;
+    }
+    FormControl.getDerivedStateFromProps = function (nextProps, previousState) {
+        if (previousState.prevValue !== nextProps.value) {
+            return { prevValue: nextProps.value, value: nextProps.value };
+        }
+        return null;
+    };
+    FormControl.prototype.render = function () {
+        var _this = this;
+        var _a, _b;
+        var _c = this.props, name = _c.name, placeholder = _c.placeholder, step = _c.step, countryCode = _c.countryCode, type = _c.type, options = _c.options, disabled = _c.disabled, readOnly = _c.readOnly, required = _c.required, minLength = _c.minLength, maxLength = _c.maxLength, min = _c.min, max = _c.max, searchPlaceholder = _c.searchPlaceholder, onSearchChange = _c.onSearchChange, size = _c.size, uploadProps = _c.uploadProps, label = _c.label, monthFormat = _c.monthFormat, 
+        // FIXME pass id to all components that accept it
+        id = _c.id, minDate = _c.minDate, maxDate = _c.maxDate, value = _c.value, mode = _c.mode, describedBy = _c.describedBy;
+        switch (type) {
+            case FormControlType.RADIO:
+                return (_jsx(RadioGroup, { radios: options.map(this.mapOption), name: name, selectedValue: getSafeStringOrNumberValue(value, { coerceValue: true }), onChange: this.handleOnChange }));
+            case FormControlType.CHECKBOX:
+                return (_jsx(Checkbox, { checked: getSafeBooleanValue(value, { coerceValue: true }), disabled: disabled, label: label, required: required, readOnly: readOnly, onChange: this.handleOnChange, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus }));
+            case FormControlType.SELECT: {
+                var search = options.length >= 20;
+                var items = options;
+                var selected = this.getSelectedOption(options);
+                return (_jsx("div", __assign({ className: "d-flex flex-column" }, { children: _jsx(SelectInput, { id: id, items: items.map(function (value) { return ({
+                            type: 'option',
+                            value: value,
+                            disabled: value.disabled
+                        }); }), value: (_a = selected) !== null && _a !== void 0 ? _a : null, renderValue: function (_a, withinTrigger) {
+                            var hideIconInTrigger = _a.hideIconInTrigger, icon = _a.icon, label = _a.label, note = _a.note, secondary = _a.secondary;
+                            return (_jsx(SelectInputOptionContent, { title: label, note: note !== null && note !== void 0 ? note : secondary, icon: withinTrigger && hideIconInTrigger ? undefined : icon }));
+                        }, filterable: search, disabled: disabled, placeholder: placeholder, filterPlaceholder: searchPlaceholder, onChange: function (option) {
+                            var _a;
+                            _this.setState({ selectedOption: option });
+                            _this.props.onChange((_a = option === null || option === void 0 ? void 0 : option.value) !== null && _a !== void 0 ? _a : null);
+                        }, onFilterChange: search && onSearchChange
+                            ? function (_a) {
+                                var query = _a.query;
+                                onSearchChange(query);
+                            }
+                            : undefined, onClear: function () {
+                            _this.setState({ selectedOption: null });
+                            _this.props.onChange(null);
+                        } }) })));
+            }
+            case FormControlType.TAB:
+                return (_jsx(Tabs, { selected: (((_b = this.getSelectedOption(options)) === null || _b === void 0 ? void 0 : _b.value) || 0), tabs: options.map(function (option) { return ({
+                        title: option.label,
+                        content: _jsx(_Fragment, {}),
+                        disabled: option.disabled || false
+                    }); }), name: id, onTabSelect: function (index) {
+                        var hasSelectedOption = !!_this.state.selectedOption;
+                        _this.setState({
+                            selectedOption: options.find(function (option) { return option.value === index; })
+                        });
+                        _this.props.onChange(index, hasSelectedOption ? 'user' : 'init');
+                    } }));
+            case FormControlType.NUMERIC:
+            case FormControlType.NUMBER: {
+                return (_jsx("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: disabled, id: id, max: max, min: min, placeholder: placeholder, readOnly: readOnly, required: required, step: step, type: "number", value: getSafeStringOrNumberValue(value, { coerceValue: true }), "aria-describedby": describedBy, onBlur: this.handleOnBlur, onChange: function (event) {
+                        if (type === FormControlType.NUMERIC) {
+                            _this.props.onChange(event.target.value);
+                        }
+                        else {
+                            // Input type number target value is a string and needs to be a number
+                            _this.props.onChange(parseFloat(event.target.value));
+                            // FIXME: maybe this parsing should be done outside of this component in SchemaFormControl,
+                            // where we know what schema we're working with?
+                        }
+                    }, onFocus: this.handleOnFocus, onWheel: function (event) {
+                        if (event.target instanceof HTMLElement) {
+                            // To prevent values being changed when input is focussed and user scrolls
+                            event.target.blur();
+                        }
+                    } }));
+            }
+            case FormControlType.HIDDEN:
+                return (_jsx("input", { type: "hidden", name: name, value: getSafeStringValue(value, { coerceValue: true }), id: id }));
+            case FormControlType.PASSWORD:
+                return (_jsx("input", { autoComplete: this.getAutocompleteValue(), className: "form-control", disabled: disabled, id: id, placeholder: placeholder, readOnly: readOnly, required: required, type: "password", value: getSafeStringValue(value, { coerceValue: true }), "aria-describedby": describedBy, onBlur: this.handleOnBlur, onChange: this.handleInputOnChange, onFocus: this.handleOnFocus }));
+            case FormControlType.DATE:
+            case FormControlType.DATETIME:
+                return (_jsx(DateInput, { disabled: disabled, size: size, value: getSafeDateOrStringValue(value), mode: mode, monthFormat: monthFormat, onBlur: this.handleOnBlur, onChange: this.handleOnChange, onFocus: this.handleOnFocus }));
+            case FormControlType.DATELOOKUP: {
+                return (_jsx(DateLookup
+                // DateLookup handles null values perfectly well, it's just typed incorrectly
+                , { 
+                    // DateLookup handles null values perfectly well, it's just typed incorrectly
+                    value: getSafeDateStringValue(value), min: minDate, max: maxDate, placeholder: placeholder, monthFormat: monthFormat, disabled: disabled, onChange: function (date) {
+                        // FIXME We need types for DateLookup
+                        _this.handleOnChange(dateToDateString(date));
+                    }, onBlur: this.handleOnBlur, onFocus: this.handleOnFocus }));
+            }
+            case FormControlType.TEL:
+                return (_jsx(PhoneNumberInput, { disabled: disabled, countryCode: countryCode, placeholder: placeholder, required: required, searchPlaceholder: searchPlaceholder, size: size, initialValue: getSafeStringValue(value), onBlur: this.handleOnBlur, onChange: function (value) { return _this.handleOnChange(value); }, onFocus: this.handleOnFocus }));
+            case FormControlType.TEXTAREA: {
+                var textareaProps = {
+                    className: 'form-control tw-form-control',
+                    id: id,
+                    name: name,
+                    placeholder: placeholder,
+                    value: getSafeStringValue(value, { coerceValue: true }),
+                    readOnly: readOnly,
+                    required: required,
+                    minLength: minLength,
+                    maxLength: maxLength,
+                    onFocus: this.handleOnFocus,
+                    onBlur: this.handleOnBlur,
+                    disabled: disabled,
+                    autoComplete: this.getAutocompleteValue()
+                };
+                if (this.props.displayPattern) {
+                    return (_jsx(TextareaWithDisplayFormat, __assign({ displayPattern: this.props.displayPattern }, textareaProps, { onChange: this.handleOnChange })));
+                }
+                return (_jsx("textarea", __assign({}, textareaProps, { "aria-describedby": describedBy, onChange: this.handleInputOnChange })));
+            }
+            case FormControlType.FILE:
+            case FormControlType.UPLOAD: {
+                return (
+                // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+                // @ts-expect-error - TODO: Remove this once Upload is migrated to TypeScript
+                _jsx(Upload, __assign({}, uploadProps, { usAccept: uploadProps.usAccept || '*', usDisabled: uploadProps.usDisabled || disabled, onSuccess: function (base64url, filename) {
+                        _this.handleOnChange(base64url, { filename: filename });
+                    }, onFailure: function () {
+                        _this.handleOnChange(null);
+                    }, onCancel: function () {
+                        _this.handleOnChange(null);
+                    } })));
+            }
+            case FormControlType.TEXT:
+            case FormControlType.EMAIL:
+            default: {
+                var inputProps = {
+                    type: type === FormControlType.EMAIL ? 'email' : 'text',
+                    className: 'form-control',
+                    id: id,
+                    name: name,
+                    placeholder: placeholder,
+                    value: getSafeStringValue(value, { coerceValue: true }),
+                    readOnly: readOnly,
+                    required: required,
+                    minLength: minLength,
+                    maxLength: maxLength,
+                    onFocus: this.handleOnFocus,
+                    onBlur: this.handleOnBlur,
+                    disabled: disabled,
+                    autoComplete: this.getAutocompleteValue()
+                };
+                if (this.props.displayPattern) {
+                    return (_jsx(InputWithDisplayFormat, __assign({ displayPattern: this.props.displayPattern }, inputProps, { onChange: this.handleOnChange })));
+                }
+                return (_jsx("input", __assign({}, inputProps, { "aria-describedby": describedBy, onChange: this.handleInputOnChange })));
+            }
+        }
+    };
+    FormControl.Type = FormControlType;
+    FormControl.Size = Size;
+    FormControl.MonthFormat = MonthFormat;
+    FormControl.DateMode = DateMode;
+    FormControl.defaultProps = {
+        autoComplete: true,
+        countryCode: null,
+        disabled: false,
+        displayPattern: null,
+        id: null,
+        label: '',
+        max: null,
+        maxDate: null,
+        maxLength: null,
+        min: null,
+        minDate: null,
+        minLength: null,
+        mode: FormControl.DateMode.DAY_MONTH_YEAR,
+        monthFormat: FormControl.MonthFormat.LONG,
+        onBlur: null,
+        onFocus: null,
+        onSearchChange: null,
+        options: [],
+        placeholder: null,
+        readOnly: false,
+        required: false,
+        searchPlaceholder: null,
+        searchValue: '',
+        selectedOption: null,
+        size: FormControl.Size.MEDIUM,
+        step: 1,
+        type: FormControl.Type.TEXT,
+        uploadProps: {},
+        value: null
+    };
+    return FormControl;
+}(PureComponent));
+export default FormControl;

package/build/legacy/formControl/index.js

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

package/build/legacy/formControl/utils/getAutocompleteString.js

@@ -0,0 +1,73 @@
+export var getAutocompleteString = function (hints) {
+    var validHints = hints.filter(function (hint) { return autocompleteTokenMap[hint]; });
+    if (validHints.length === 0) {
+        return 'off';
+    }
+    return validHints.map(function (hint) { return autocompleteTokenMap[hint]; }).join(' ');
+};
+var autocompleteTokenMap = {
+    on: 'on',
+    name: 'name',
+    'name-prefix': 'honorific-prefix',
+    'given-name': 'given-name',
+    'additional-name': 'additional-name',
+    'family-name': 'family-name',
+    'name-suffix': 'honorific-suffix',
+    nickname: 'nickname',
+    email: 'email',
+    // Web doesn't have a specific mapping for new username, but this is semantically close enough
+    'new-username': 'username',
+    username: 'username',
+    'new-password': 'new-password',
+    password: 'current-password',
+    'one-time-code': 'one-time-code',
+    'job-title': 'organization-title',
+    'organization-name': 'organization',
+    'full-street-address': 'street-address',
+    'street-address-line-1': 'address-line1',
+    'street-address-line-2': 'address-line2',
+    'street-address-line-3': 'address-line3',
+    'address-level-1': 'address-level1',
+    'address-level-2': 'address-level2',
+    'address-level-3': 'address-level3',
+    'address-level-4': 'address-level4',
+    'country-code': 'country',
+    'country-name': 'country-name',
+    'postal-code': 'postal-code',
+    'credit-card-name': 'cc-name',
+    'credit-card-given-name': 'cc-given-name',
+    'credit-card-middle-name': 'cc-additional-name',
+    'credit-card-family-name': 'cc-family-name',
+    'credit-card-number': 'cc-number',
+    'credit-card-expiration': 'cc-exp',
+    'credit-card-expiration-month': 'cc-exp-month',
+    'credit-card-expiration-year': 'cc-exp-year',
+    'credit-card-security-code': 'cc-csc',
+    'credit-card-type': 'cc-type',
+    'transaction-currency': 'transaction-currency',
+    'transaction-amount': 'transaction-amount',
+    language: 'language',
+    birthdate: 'bday',
+    'birthdate-day': 'bday-day',
+    'birthdate-month': 'bday-month',
+    'birthdate-year': 'bday-year',
+    gender: 'sex',
+    'phone-number': 'tel',
+    'phone-country-code': 'tel-country-code',
+    'phone-national': 'tel-national',
+    'phone-area-code': 'tel-area-code',
+    'phone-local': 'tel-local',
+    'phone-local-prefix': 'tel-local-prefix',
+    'phone-local-suffix': 'tel-local-suffix',
+    'phone-extension': 'tel-extension',
+    url: 'url',
+    photo: 'photo',
+    impp: 'impp',
+    shipping: 'shipping',
+    billing: 'billing',
+    home: 'home',
+    work: 'work',
+    mobile: 'mobile',
+    fax: 'fax',
+    pager: 'pager'
+};

package/build/legacy/formControl/utils/getAutocompleteString.spec.js

@@ -0,0 +1,20 @@
+import { getAutocompleteString } from './getAutocompleteString';
+describe('getAutocompleteString', function () {
+    it('should return "off" if no hints are provided', function () {
+        expect(getAutocompleteString([])).toBe('off');
+    });
+    it('should return a string for valid hints', function () {
+        expect(getAutocompleteString(['name-prefix'])).toBe('honorific-prefix');
+    });
+    it('should return a space delimited, concatenated string for multiple valid hints', function () {
+        expect(getAutocompleteString(['name', 'billing'])).toBe('name billing');
+    });
+    it('should discard invalid hints', function () {
+        // @ts-expect-error testing an invalid hint
+        expect(getAutocompleteString(['name', 'cats'])).toBe('name');
+    });
+    it('should return "off" if no valid hints are provided', function () {
+        // @ts-expect-error testing an invalid hint
+        expect(getAutocompleteString(['cats'])).toBe('off');
+    });
+});

package/build/legacy/formControl/utils/index.js

@@ -0,0 +1,2 @@
+export * from './value-utils';
+export { getAutocompleteString } from './getAutocompleteString';

package/build/legacy/formControl/utils/value-utils.js

@@ -0,0 +1,108 @@
+/* eslint-disable no-console */
+import { dateStringToDate } from '../../common/utils';
+import { isBoolean, isNull, isNumber, isObject, isString } from '../../common/validators';
+export var getSafeStringValue = function (value, options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.coerceValue, coerceValue = _a === void 0 ? false : _a;
+    if (isNull(value)) {
+        return undefined;
+    }
+    if (isObject(value)) {
+        logInvalidTypeFallbackWarning({ received: 'object', expected: 'string' });
+        return undefined;
+    }
+    if (!isString(value)) {
+        if (coerceValue) {
+            // TODO: Remove this coercion once we're sure everyone has had a chance to address warnings
+            logInvalidTypeCoercedWarning({ received: typeof value, expected: 'string' });
+            return String(value);
+        }
+        else {
+            logInvalidTypeFallbackWarning({ received: typeof value, expected: 'string' });
+            return undefined;
+        }
+    }
+    return value;
+};
+export var getSafeStringOrNumberValue = function (value, options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.coerceValue, coerceValue = _a === void 0 ? false : _a;
+    if (isNull(value)) {
+        return undefined;
+    }
+    if (isNumber(value)) {
+        return value;
+    }
+    var logProps = { received: typeof value, expected: 'string or number' };
+    if (isObject(value)) {
+        logInvalidTypeFallbackWarning(logProps);
+        return undefined;
+    }
+    if (!isString(value)) {
+        if (coerceValue) {
+            // TODO: Remove this coercion once we're sure everyone has had a chance to address warnings
+            logInvalidTypeCoercedWarning(logProps);
+            return String(value);
+        }
+        else {
+            logInvalidTypeFallbackWarning(logProps);
+            return undefined;
+        }
+    }
+    return value;
+};
+export var getSafeBooleanValue = function (value, options) {
+    if (options === void 0) { options = {}; }
+    var _a = options.coerceValue, coerceValue = _a === void 0 ? false : _a;
+    if (isNull(value)) {
+        return false;
+    }
+    if (!isBoolean(value)) {
+        if (coerceValue) {
+            // TODO: Remove this coercion once we're sure everyone has had a chance to address warnings
+            logInvalidTypeCoercedWarning({ received: typeof value, expected: 'boolean' });
+            return Boolean(value);
+        }
+        else {
+            logInvalidTypeFallbackWarning({ received: typeof value, expected: 'boolean' });
+            return undefined;
+        }
+    }
+    return value;
+};
+export var getSafeDateOrStringValue = function (value) {
+    if (isNull(value)) {
+        return undefined;
+    }
+    if (!(value instanceof Date) && !isString(value)) {
+        logInvalidTypeFallbackWarning({ received: typeof value, expected: 'string or Date' });
+        return undefined;
+    }
+    return value;
+};
+export var getSafeDateStringValue = function (value) {
+    if (isNull(value)) {
+        return null;
+    }
+    if (!isString(value)) {
+        logInvalidTypeFallbackWarning({
+            received: typeof value,
+            expected: 'string',
+            fallback: 'null'
+        });
+        return null;
+    }
+    var date = dateStringToDate(value);
+    if (date === null) {
+        console.warn('Incorrectly formatted date string. Falling back to null.');
+    }
+    return date;
+};
+var logInvalidTypeCoercedWarning = function (_a) {
+    var received = _a.received, expected = _a.expected;
+    console.warn("Value with type ".concat(received, " passed to control that only accepts type ").concat(expected, ". Type will be coerced, but this behaviour will change in the future, so please fix your code."));
+};
+var logInvalidTypeFallbackWarning = function (_a) {
+    var received = _a.received, expected = _a.expected, _b = _a.fallback, fallback = _b === void 0 ? 'undefined' : _b;
+    console.warn("Value with type ".concat(received, " passed to control that only accepts type ").concat(expected, ". Falling back to ").concat(fallback));
+};

package/build/legacy/formControl/utils/value-utils.spec.js

@@ -0,0 +1,158 @@
+import { getSafeBooleanValue, getSafeDateOrStringValue, getSafeDateStringValue, getSafeStringOrNumberValue, getSafeStringValue, } from './value-utils';
+describe('getSafeStringValue', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('returns undefined when value is null', function () {
+        expect(getSafeStringValue(null)).toBeUndefined();
+    });
+    it('returns undefined and logs a warning if value is an object', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeStringValue({ value: 1, label: 'One' })).toBeUndefined();
+        expect(mockWarn).toHaveBeenCalledTimes(1);
+    });
+    it('returns undefined and logs a warning if value is not a string', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeStringValue(1)).toBeUndefined();
+        expect(getSafeStringValue(false)).toBeUndefined();
+        expect(getSafeStringValue(new Date())).toBeUndefined();
+        expect(mockWarn).toHaveBeenCalledTimes(3);
+    });
+    it('returns value when value is a string', function () {
+        expect(getSafeStringValue('')).toBe('');
+        expect(getSafeStringValue('cat')).toBe('cat');
+    });
+    describe('when coerceValue is true', function () {
+        it('returns coerced value and logs a warning if value is not a string', function () {
+            var mockWarn = jest.fn();
+            jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+            expect(getSafeStringValue(1, { coerceValue: true })).toBe('1');
+            expect(getSafeStringValue(false, { coerceValue: true })).toBe('false');
+            expect(mockWarn).toHaveBeenCalledTimes(2);
+        });
+    });
+});
+describe('getSafeStringOrNumberValue', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('returns undefined when value is null', function () {
+        expect(getSafeStringOrNumberValue(null)).toBeUndefined();
+    });
+    it('returns undefined when value is NaN', function () {
+        expect(getSafeStringOrNumberValue(NaN)).toBeUndefined();
+    });
+    it('returns value if value is a valid number', function () {
+        expect(getSafeStringOrNumberValue(10)).toBe(10);
+        expect(getSafeStringOrNumberValue(10.5)).toBe(10.5);
+    });
+    it('returns undefined and logs a warning if value is an object', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeStringOrNumberValue({ value: 1, label: 'One' })).toBeUndefined();
+        expect(mockWarn).toHaveBeenCalledTimes(1);
+    });
+    it('returns undefined and logs a warning if value is not a string', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeStringOrNumberValue(false)).toBeUndefined();
+        expect(mockWarn).toHaveBeenCalledTimes(1);
+    });
+    it('returns value when value is a string', function () {
+        expect(getSafeStringOrNumberValue('')).toBe('');
+        expect(getSafeStringOrNumberValue('cat')).toBe('cat');
+    });
+    describe('when coerceValue is true', function () {
+        it('returns coerced value and logs a warning if value is not a string', function () {
+            var mockWarn = jest.fn();
+            jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+            expect(getSafeStringOrNumberValue(false, { coerceValue: true })).toBe('false');
+            expect(mockWarn).toHaveBeenCalledTimes(1);
+        });
+    });
+});
+describe('getSafeBooleanValue', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('returns false when value is null', function () {
+        expect(getSafeBooleanValue(null)).toBe(false);
+    });
+    it('returns undefined and logs a warning if value is not a boolean', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeBooleanValue(1)).toBeUndefined();
+        expect(getSafeBooleanValue(NaN)).toBeUndefined();
+        expect(getSafeBooleanValue(new Date())).toBeUndefined();
+        expect(getSafeBooleanValue('cat')).toBeUndefined();
+        expect(getSafeBooleanValue({ value: 1, label: 'One' })).toBeUndefined();
+        expect(mockWarn).toHaveBeenCalledTimes(5);
+    });
+    it('returns value when value is a boolean', function () {
+        expect(getSafeBooleanValue(true)).toBe(true);
+        expect(getSafeBooleanValue(false)).toBe(false);
+    });
+    describe('when coerceValue is true', function () {
+        it('returns coerced value and logs a warning if value is not a boolean', function () {
+            var mockWarn = jest.fn();
+            jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+            expect(getSafeBooleanValue(1, { coerceValue: true })).toBe(true);
+            expect(getSafeBooleanValue(NaN, { coerceValue: true })).toBe(false);
+            expect(getSafeBooleanValue('cat', { coerceValue: true })).toBe(true);
+            expect(getSafeBooleanValue(new Date(), { coerceValue: true })).toBe(true);
+            expect(getSafeBooleanValue({ value: 1, label: 'One' }, { coerceValue: true })).toBe(true);
+            expect(mockWarn).toHaveBeenCalledTimes(5);
+        });
+    });
+});
+describe('getSafeDateOrStringValue', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('returns undefined when value is null', function () {
+        expect(getSafeDateOrStringValue(null)).toBeUndefined();
+    });
+    it('returns value if value is a string', function () {
+        expect(getSafeDateOrStringValue('2019-04-06')).toBe('2019-04-06');
+    });
+    it('returns value if value is a Date', function () {
+        var date = new Date();
+        expect(getSafeDateOrStringValue(date)).toBe(date);
+    });
+    it('returns undefined and logs a warning if value is not a date or a string', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeDateOrStringValue(1)).toBeUndefined();
+        expect(getSafeDateOrStringValue(false)).toBeUndefined();
+        expect(getSafeDateOrStringValue({ value: 1, label: 'One' })).toBeUndefined();
+        expect(mockWarn).toHaveBeenCalledTimes(3);
+    });
+});
+describe('getSafeDateStringValue', function () {
+    afterEach(function () {
+        jest.clearAllMocks();
+    });
+    it('returns null when value is null', function () {
+        expect(getSafeDateStringValue(null)).toBeNull();
+    });
+    it('returns null and logs a warning if value is not a string', function () {
+        var mockWarn = jest.fn();
+        jest.spyOn(console, 'warn').mockImplementation(mockWarn);
+        expect(getSafeDateStringValue(1)).toBeNull();
+        expect(getSafeDateStringValue(false)).toBeNull();
+        expect(getSafeDateStringValue(new Date())).toBeNull();
+        expect(getSafeDateStringValue({ value: 1, label: 'One' })).toBeNull();
+        expect(mockWarn).toHaveBeenCalledTimes(4);
+    });
+    it('returns value as a date if value is a correctly formatted date string', function () {
+        var _a;
+        expect((_a = getSafeDateStringValue('2019-04-06')) === null || _a === void 0 ? void 0 : _a.toDateString()).toStrictEqual(new Date(2019, 3, 6).toDateString());
+    });
+    it('returns null if value is an incorrectly formatted date string', function () {
+        expect(getSafeDateStringValue('')).toBeNull();
+        expect(getSafeDateStringValue('cat')).toBeNull();
+        expect(getSafeDateStringValue('2022')).toBeNull();
+    });
+});

package/build/legacy/jsonSchemaForm/JsonSchemaForm.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 { jsx as _jsx } from "react/jsx-runtime";
+import { LogProvider, EventsContextProvider } from '../common/contexts';
+import GenericSchema from './genericSchema';
+import { HttpClientProviderFromBaseUrl } from '../../common/httpClientContext';
+function JsonSchemaForm(props) {
+    var schemaProps = __assign({ model: null, errors: null }, props);
+    var _a = props.baseUrl, baseUrl = _a === void 0 ? '' : _a, _b = props.onEvent, onEvent = _b === void 0 ? noop : _b, _c = props.onLog, onLog = _c === void 0 ? noop : _c;
+    return (_jsx(LogProvider, __assign({ flowId: "JsonSchemaForm", stepId: "JsonSchemaForm", onLog: onLog }, { children: _jsx(EventsContextProvider, __assign({ metadata: { flowId: 'JsonSchemaForm', stepId: 'JsonSchemaForm' }, onEvent: onEvent }, { children: _jsx(HttpClientProviderFromBaseUrl, __assign({ baseUrl: baseUrl }, { children: _jsx(GenericSchema, __assign({}, schemaProps)) })) })) })));
+}
+export default JsonSchemaForm;
+var noop = function () {
+    // noop
+};