@wise/dynamic-flow-client 5.12.0 → 5.12.1

package/build/domain/mappers/schema/persistAsyncSchemaToComponent.js

@@ -0,0 +1,29 @@
+import { createPersistAsyncComponent } from '../../components/PersistAsyncComponent';
+import { getSchemaOnChange } from '../../features/schema-on-change/getSchemaOnChange';
+import { mapSchemaToComponent } from '../mapSchemaToComponent';
+import { getPerformPersistAsyncFn } from './utils/getPerformPersistAsyncFn';
+// Only some component types are supported for persistAsync
+const isSupported = (type) => ['const', 'boolean', 'text', 'date', 'integer', 'number', 'upload'].includes(type);
+export const persistAsyncSchemaToComponent = (schemaMapperProps, mapperProps) => {
+    const { uid, schema, model, localValue } = schemaMapperProps;
+    const { persistAsync, tags } = schema;
+    const performPersistAsync = getPerformPersistAsyncFn(schema, persistAsync, mapperProps);
+    const onPersistAsync = async () => paComponent.persist().then(() => { });
+    const childComponent = mapSchemaToComponent(Object.assign(Object.assign({}, schemaMapperProps), { uid: `${uid}-persist`, schema: persistAsync.schema, onPersistAsync }), mapperProps);
+    if (!isSupported(childComponent.type)) {
+        return childComponent;
+    }
+    const paComponent = createPersistAsyncComponent({
+        uid,
+        // This should be `schema.hidden ?? false`
+        // but some steps are setting PA schemas as hidden for no good reason
+        // so we default to false here to avoid hiding the the children of the PA component
+        hidden: false,
+        component: childComponent,
+        schemaId: schema.$id,
+        model,
+        localValue,
+        tags,
+    }, performPersistAsync, getSchemaOnChange(schema, mapperProps.onBehavior), mapperProps.onComponentUpdate);
+    return paComponent;
+};

package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToComponent.js

@@ -0,0 +1,18 @@
+import { stringSchemaToDateInputComponent } from './stringSchemaToDateInputComponent';
+import { stringSchemaToUploadInputComponent } from './stringSchemaToUploadInputComponent';
+import { stringSchemaToTextInputComponent } from './stringSchemaToTextInputComponent';
+export const stringSchemaToComponent = (schemaMapperProps, mapperProps) => {
+    const { schema } = schemaMapperProps;
+    if (isStringSchemaWithBase64(schema)) {
+        return stringSchemaToUploadInputComponent(Object.assign(Object.assign({}, schemaMapperProps), { schema }), mapperProps);
+    }
+    switch (schema.format) {
+        case 'date':
+            return stringSchemaToDateInputComponent(schemaMapperProps, mapperProps);
+        default:
+            return stringSchemaToTextInputComponent(schemaMapperProps, mapperProps);
+    }
+};
+const isStringSchemaWithBase64 = (schema) => {
+    return schema.format === 'base64url' && !('persistAsync' in schema);
+};

package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToComponent.test.js

@@ -0,0 +1,133 @@
+import { getMockMapperProps, getMockSchemaMapperProps } from '../tests/test-utils';
+import { stringSchemaToComponent } from './stringSchemaToComponent';
+describe('stringSchemaToComponent', () => {
+    const defaultMapperProps = getMockMapperProps();
+    describe('initial model handling', () => {
+        describe('when initial model is null', () => {
+            it('sets component value to null', async () => {
+                const schemaMapperProps = getMockSchemaMapperProps({
+                    schema: {
+                        type: 'string',
+                    },
+                    model: null,
+                });
+                const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+                expect(await component.getSubmittableValue()).toBeNull();
+            });
+            describe('when a default is provided', () => {
+                it('initialises the value to the default', async () => {
+                    const schemaMapperProps = getMockSchemaMapperProps({
+                        schema: {
+                            type: 'string',
+                            default: 'John Smith',
+                        },
+                        model: null,
+                    });
+                    const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+                    expect(await component.getSubmittableValue()).toBe('John Smith');
+                });
+            });
+        });
+        describe('when initial model is defined', () => {
+            it('sets the component value to the initial model', async () => {
+                const schemaMapperProps = getMockSchemaMapperProps({
+                    schema: {
+                        type: 'string',
+                    },
+                    model: 'John Smith',
+                });
+                const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+                expect(await component.getSubmittableValue()).toBe('John Smith');
+            });
+            describe('when a default is provided', () => {
+                it('prefers the model over the default', async () => {
+                    const schemaMapperProps = getMockSchemaMapperProps({
+                        schema: {
+                            type: 'string',
+                            default: 'Jane Doe',
+                        },
+                        model: 'John Smith',
+                    });
+                    const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+                    expect(await component.getSubmittableValue()).toBe('John Smith');
+                });
+            });
+        });
+    });
+    describe('initial validation error handling', () => {
+        it('sets the initial error if provided', () => {
+            const schemaMapperProps = getMockSchemaMapperProps({
+                schema: {
+                    type: 'string',
+                },
+                model: 'jane@doe.com',
+                validationErrors: 'An account with this email already exists',
+            });
+            const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+            expect(component.errors).toStrictEqual(['An account with this email already exists']);
+        });
+    });
+    describe('autocomplete', () => {
+        it('sets the autocomplete value', () => {
+            const schemaMapperProps = getMockSchemaMapperProps({
+                schema: {
+                    type: 'string',
+                    autocompleteHint: ['name', 'shipping'],
+                },
+                model: 'John Smith',
+            });
+            const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+            expect(component.autoComplete).toBe('name shipping');
+        });
+    });
+    describe('validation checks', () => {
+        it('sets minimum length validation', () => {
+            const schemaMapperProps = getMockSchemaMapperProps({
+                schema: {
+                    type: 'string',
+                    minLength: 10,
+                },
+                model: 'Jane',
+            });
+            const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+            expect(component.validate()).toBe(false);
+            expect(component.errors).toStrictEqual(['minLength']);
+        });
+        it('sets maximum length validation', () => {
+            const schemaMapperProps = getMockSchemaMapperProps({
+                schema: {
+                    type: 'string',
+                    maxLength: 2,
+                },
+                model: 'Jane',
+            });
+            const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+            expect(component.validate()).toBe(false);
+            expect(component.errors).toStrictEqual(['maxLength']);
+        });
+        it('sets pattern validation', () => {
+            const schemaMapperProps = getMockSchemaMapperProps({
+                schema: {
+                    type: 'string',
+                    pattern: '^[a-zA-Z]*$',
+                },
+                model: '012345',
+            });
+            const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+            expect(component.validate()).toBe(false);
+            expect(component.errors).toStrictEqual(['pattern']);
+        });
+        it('sets required validation', () => {
+            const schemaMapperProps = getMockSchemaMapperProps({
+                schema: {
+                    type: 'string',
+                },
+                model: null,
+                required: true,
+            });
+            const component = stringSchemaToComponent(schemaMapperProps, defaultMapperProps);
+            expect(component.validate()).toBe(false);
+            expect(component.errors).toStrictEqual(['required']);
+        });
+    });
+});

package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToDateInputComponent.js

@@ -0,0 +1,48 @@
+import { isString } from '../../../../utils/type-validators';
+import { createDateInputComponent } from '../../../components/DateInputComponent';
+import { getSchemaOnChange } from '../../../features/schema-on-change/getSchemaOnChange';
+import { getAboveMaximumDateCheck, getBelowMinimumDateCheck, getRequiredCheck, getValidDateCheck, } from '../../../features/validation/value-checks';
+import { getAutocompleteString } from '../../utils/getAutocompleteString';
+import { mapStringSchemaSuggestions } from '../../utils/suggestions-utils';
+import { getValidationAsyncInitialState } from '../utils/getValidationAsyncInitialState';
+import { mapCommonSchemaProps } from '../utils/mapCommonSchemaProps';
+export const stringSchemaToDateInputComponent = (schemaMapperProps, mapperProps) => {
+    var _a;
+    const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
+    const { autocompleteHint, default: defaultValue, minimum: minimumDate, maximum: maximumDate, suggestions, } = schema;
+    const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+    const errorMessageFunctions = getErrorMessageFunctions(schema.validationMessages);
+    const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(schemaMapperProps, mapperProps);
+    const validLocalValue = isString(localValue) ? localValue : null;
+    const validModel = (_a = getValidDate(model)) !== null && _a !== void 0 ? _a : getValidDate(defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
+    const value = onPersistAsync ? validLocalValue : validModel;
+    return createDateInputComponent(Object.assign(Object.assign({}, mapCommonSchemaProps(schemaMapperProps)), { autoComplete: getAutocompleteString(autocompleteHint), checks: schema.hidden
+            ? []
+            : [
+                getRequiredCheck(required, errorMessageFunctions),
+                getValidDateCheck(required, errorMessageFunctions),
+                getAboveMaximumDateCheck(schema, errorMessageFunctions),
+                getBelowMinimumDateCheck(schema, errorMessageFunctions),
+            ], minimumDate,
+        maximumDate, suggestions: mapStringSchemaSuggestions(suggestions, mapperProps.logEvent), value,
+        validationAsyncState, schemaOnChange: getSchemaOnChange(schema, onBehavior), performValidationAsync,
+        onValueChange }), onComponentUpdate);
+};
+const getValidDate = (model) => {
+    if (!isString(model)) {
+        return null;
+    }
+    // partial date check (YYYY-MM)
+    if (/^\d{4}-\d{2}$/.test(model)) {
+        return model;
+    }
+    // otherwise, it must be parseable to a Date, or return null
+    try {
+        const date = new Date(model);
+        const stringDate = date.toISOString(); // YYYY-MM-DDTHH:mm:ss.sssZ
+        return stringDate.split('T')[0]; // return only the date part
+    }
+    catch (_a) {
+        return null;
+    }
+};

package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToTextInputComponent.js

@@ -0,0 +1,37 @@
+import { createTextInputComponent } from '../../../components/TextInputComponent';
+import { isString } from '../../../../utils/type-validators';
+import { getSchemaOnChange } from '../../../features/schema-on-change/getSchemaOnChange';
+import { getAboveMaxLengthCheck, getBelowMinLengthCheck, getNotAdheringToPatternCheck, getRequiredCheck, } from '../../../features/validation/value-checks';
+import { getAutocompleteString } from '../../utils/getAutocompleteString';
+import { mapStringSchemaSuggestions } from '../../utils/suggestions-utils';
+import { getValidationAsyncInitialState } from '../utils/getValidationAsyncInitialState';
+import { mapCommonSchemaProps } from '../utils/mapCommonSchemaProps';
+export const stringSchemaToTextInputComponent = (schemaMapperProps, mapperProps) => {
+    const { schema, localValue, model, required = false, onPersistAsync } = schemaMapperProps;
+    const { autocapitalization, autocompleteHint, control, default: defaultValue, displayFormat, format, maxLength, minLength, suggestions, validationMessages, } = schema;
+    const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange, logEvent } = mapperProps;
+    const controlForLegacyFormat = getControlForLegacyFormat(format);
+    const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
+    const { performValidationAsync, validationAsyncState } = getValidationAsyncInitialState(schemaMapperProps, mapperProps);
+    const validLocalValue = isString(localValue) ? localValue : null;
+    const validModel = isString(model) ? model : (defaultValue !== null && defaultValue !== void 0 ? defaultValue : null);
+    const value = onPersistAsync ? validLocalValue : validModel;
+    return createTextInputComponent(Object.assign(Object.assign({}, mapCommonSchemaProps(schemaMapperProps)), { autocapitalization, autoComplete: getAutocompleteString(autocompleteHint), checks: schema.hidden
+            ? []
+            : [
+                getRequiredCheck(required, errorMessageFunctions),
+                getAboveMaxLengthCheck(schema, errorMessageFunctions),
+                getBelowMinLengthCheck(schema, errorMessageFunctions),
+                getNotAdheringToPatternCheck(schema, errorMessageFunctions, { logEvent }),
+            ], control: control !== null && control !== void 0 ? control : controlForLegacyFormat, displayFormat,
+        maxLength,
+        minLength, suggestions: mapStringSchemaSuggestions(suggestions, mapperProps.logEvent), value,
+        validationAsyncState, schemaOnChange: getSchemaOnChange(schema, onBehavior), performValidationAsync,
+        onValueChange }), onComponentUpdate);
+};
+const getControlForLegacyFormat = (format) => {
+    if (format && ['numeric', 'phone-number', 'email', 'password'].includes(format)) {
+        return format;
+    }
+    return undefined;
+};

package/build/domain/mappers/schema/stringSchemaToComponent/stringSchemaToUploadInputComponent.js

@@ -0,0 +1,28 @@
+import { isFile, isString } from '../../../../utils/type-validators';
+import { createUploadInputComponent } from '../../../components/UploadInputComponent';
+import { base64dataUrltoFile } from '../../../components/utils/file-utils';
+import { getSchemaOnChange } from '../../../features/schema-on-change/getSchemaOnChange';
+import { getFileSizeCheck, getFileTypeCheck, getRequiredCheck, } from '../../../features/validation/value-checks';
+import { getAutocompleteString } from '../../utils/getAutocompleteString';
+import { mapCommonSchemaProps } from '../utils/mapCommonSchemaProps';
+export const stringSchemaToUploadInputComponent = (schemaMapperProps, mapperProps) => {
+    var _a;
+    const { schema, localValue, model, required = false } = schemaMapperProps;
+    const { accepts, autocompleteHint, cameraConfig, hidden, maxSize, source, validationMessages } = schema;
+    const { getErrorMessageFunctions, onComponentUpdate, onBehavior, onValueChange } = mapperProps;
+    const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
+    const validLocalValue = isFile(localValue) ? localValue : null;
+    const value = (_a = getFileFromModel(model)) !== null && _a !== void 0 ? _a : validLocalValue;
+    const checks = hidden
+        ? []
+        : [
+            getRequiredCheck(required, errorMessageFunctions),
+            getFileSizeCheck(schema, errorMessageFunctions),
+            getFileTypeCheck(schema, errorMessageFunctions),
+        ];
+    return createUploadInputComponent(Object.assign(Object.assign({}, mapCommonSchemaProps(schemaMapperProps)), { accepts, autoComplete: getAutocompleteString(autocompleteHint), cameraConfig,
+        checks, format: 'base64', maxSize,
+        source,
+        value, schemaOnChange: getSchemaOnChange(schema, onBehavior), onValueChange }), onComponentUpdate);
+};
+const getFileFromModel = (model) => isString(model) ? base64dataUrltoFile(model, '') : null;

package/build/domain/mappers/schema/tests/test-utils.js

@@ -0,0 +1,16 @@
+import { vi } from 'vitest';
+import { getRandomId } from '../../../../test-utils/getRandomId';
+import { mockErrorMessageFunctions } from '../../../features/validation/spec-utils';
+import { FeatureFlags } from '../../utils/FeatureFlags';
+import { makeRequestCache } from '../../../features/prefetch/request-cache';
+export const getStepMapperProps = () => (Object.assign(Object.assign({}, getMockMapperProps()), { uid: 'root', flowRequestCache: makeRequestCache(), etag: null, loadingState: 'idle', trackEvent: vi.fn(), onPoll: vi.fn() }));
+export const getMockMapperProps = (mapperProps = {}) => (Object.assign({ step: {}, stepLocalValue: null, features: new FeatureFlags({}), onComponentUpdate: vi.fn(), onBehavior: vi.fn(), onLink: vi.fn(), onValueChange: vi.fn(), getErrorMessageFunctions: vi.fn().mockReturnValue(mockErrorMessageFunctions), trackEvent: vi.fn(), logEvent: vi.fn(), httpClient: vi.fn(), registerSubmissionBehavior: vi.fn() }, mapperProps));
+export const getMockSchemaMapperProps = (schemaMapperProps) => (Object.assign({ uid: getRandomId(), localValue: null, model: null, required: false, validationErrors: null }, schemaMapperProps));
+export const getMockRendererMapperProps = () => ({
+    render: vi.fn(),
+    stepLoadingState: 'idle',
+    features: new FeatureFlags({}),
+    trackEvent: vi.fn(),
+    httpClient: vi.fn(),
+});
+export const getUpdateFunctionMock = (getComponent) => vi.fn(() => { });

package/build/domain/mappers/schema/types.js

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

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

@@ -0,0 +1,19 @@
+import { getPerformPersistAsync } from '../../../features/persistAsync/getPerformPersistAsync';
+export const getPerformPersistAsyncFn = (schema, persistAsyncConfig, mapperProps) => {
+    const { getErrorMessageFunctions, httpClient, trackEvent, logEvent } = mapperProps;
+    const { $id, analyticsId } = schema;
+    const validationMessages = schemaHasValidationMessages(schema)
+        ? schema.validationMessages
+        : undefined;
+    const errorMessageFunctions = getErrorMessageFunctions(validationMessages);
+    const persistAsyncError = errorMessageFunctions.genericError();
+    return getPerformPersistAsync({
+        genericErrorMessage: persistAsyncError,
+        httpClient,
+        logEvent,
+        persistAsyncConfig,
+        schemaId: analyticsId !== null && analyticsId !== void 0 ? analyticsId : $id,
+        trackEvent,
+    });
+};
+const schemaHasValidationMessages = (schema) => Boolean('validationMessages' in schema && schema.validationMessages);

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

@@ -0,0 +1,23 @@
+import { getInitialValidationAsyncState } from '../../../features/validationAsync/getInitialValidationAsyncState';
+import { getPerformValidationAsync } from '../../../features/validationAsync/getPerformValidationAsync';
+export const getValidationAsyncInitialState = (schemaMapperProps, mapperProps) => {
+    const performValidationAsync = getValidationAsyncFn(schemaMapperProps, mapperProps);
+    const validationAsyncState = getInitialValidationAsyncState();
+    return { performValidationAsync, validationAsyncState };
+};
+const getValidationAsyncFn = (schemaMapperProps, mapperProps) => {
+    const { schema } = schemaMapperProps;
+    const { trackEvent } = mapperProps;
+    if (!schemaHasValidationAsync(schema)) {
+        return undefined;
+    }
+    const { $id, analyticsId, validationAsync } = schema;
+    const { httpClient } = mapperProps;
+    return getPerformValidationAsync({
+        httpClient,
+        validationAsyncConfig: validationAsync,
+        schemaId: analyticsId !== null && analyticsId !== void 0 ? analyticsId : $id,
+        trackEvent,
+    });
+};
+const schemaHasValidationAsync = (schema) => Boolean('validationAsync' in schema && schema.validationAsync);

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

@@ -0,0 +1,16 @@
+import { isString } from '../../../../utils/type-validators';
+import { getSummariser } from '../../../features/summary/summary-utils';
+import { mapSchemaAlert } from '../../utils/utils';
+import { getDomainLayerMedia } from '../../utils/media-utils';
+export const mapCommonSchemaProps = (schemaMapperProps) => {
+    var _a;
+    const { uid, schemaId, schema, required, validationErrors, onPersistAsync } = schemaMapperProps;
+    const { $id, analyticsId, control, description, icon, image, keywords, media, tags, title, hidden, } = schema;
+    return Object.assign(Object.assign(Object.assign({ uid, id: $id !== null && $id !== void 0 ? $id : uid, schemaId, analyticsId: (_a = analyticsId !== null && analyticsId !== void 0 ? analyticsId : $id) !== null && _a !== void 0 ? _a : '', control,
+        description, disabled: schemaHasDisabled(schema) ? schema.disabled : false, errors: isString(validationErrors) ? [validationErrors] : undefined, hidden: Boolean(hidden), keywords, media: getDomainLayerMedia({ icon, image, media }), required: Boolean(required), tags,
+        title,
+        onPersistAsync, summariser: getSummariser(schema) }, (schemaHasHelp(schema) ? { help: schema.help.markdown } : {})), (schemaHasPlaceholder(schema) ? { placeholder: schema.placeholder } : {})), (schema.alert ? { alert: mapSchemaAlert(schema.alert) } : {}));
+};
+const schemaHasDisabled = (schema) => Boolean('disabled' in schema && schema.disabled !== undefined);
+const schemaHasHelp = (schema) => Boolean('help' in schema && schema.help);
+const schemaHasPlaceholder = (schema) => Boolean('placeholder' in schema && schema.placeholder);

package/build/domain/mappers/types.js

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

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

@@ -0,0 +1,22 @@
+var __classPrivateFieldSet = (this && this.__classPrivateFieldSet) || function (receiver, state, value, kind, f) {
+    if (kind === "m") throw new TypeError("Private method is not writable");
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a setter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot write private member to an object whose class did not declare it");
+    return (kind === "a" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;
+};
+var __classPrivateFieldGet = (this && this.__classPrivateFieldGet) || function (receiver, state, kind, f) {
+    if (kind === "a" && !f) throw new TypeError("Private accessor was defined without a getter");
+    if (typeof state === "function" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError("Cannot read private member from an object whose class did not declare it");
+    return kind === "m" ? f : kind === "a" ? f.call(receiver) : f ? f.value : state.get(receiver);
+};
+var _FeatureFlags_features;
+export class FeatureFlags {
+    constructor(features) {
+        _FeatureFlags_features.set(this, void 0);
+        __classPrivateFieldSet(this, _FeatureFlags_features, features, "f");
+    }
+    isEnabled(featureName) {
+        return __classPrivateFieldGet(this, _FeatureFlags_features, "f")[featureName] != null && __classPrivateFieldGet(this, _FeatureFlags_features, "f")[featureName] !== false;
+    }
+}
+_FeatureFlags_features = new WeakMap();

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

@@ -0,0 +1,44 @@
+export const getDomainLayerBehavior = ({ action, behavior: specBehavior }, stepActions, registerSubmissionBehavior) => {
+    if (specBehavior) {
+        const behavior = normaliseBehavior(specBehavior, stepActions);
+        registerSubmissionBehavior === null || registerSubmissionBehavior === void 0 ? void 0 : registerSubmissionBehavior(behavior);
+        return behavior;
+    }
+    if (action) {
+        const behavior = actionToBehavior(action, stepActions);
+        registerSubmissionBehavior === null || registerSubmissionBehavior === void 0 ? void 0 : registerSubmissionBehavior(behavior);
+        return behavior;
+    }
+    return { type: 'none' };
+};
+export const normaliseBehavior = (behavior, stepActions) => {
+    // New "discriminated union" behavior type
+    if ('type' in behavior) {
+        if (behavior.type === 'subflow') {
+            return Object.assign(Object.assign({}, behavior), { onCompletion: behavior.onCompletion
+                    ? normaliseBehavior(behavior.onCompletion, stepActions)
+                    : undefined, onError: behavior.onError ? normaliseBehavior(behavior.onError, stepActions) : undefined });
+        }
+        return behavior;
+    }
+    // Deprecated "container" behavior type
+    if ('action' in behavior && behavior.action) {
+        return actionToBehavior(behavior.action, stepActions);
+    }
+    if ('link' in behavior && behavior.link) {
+        return { type: 'link', url: behavior.link.url };
+    }
+    return { type: 'none' };
+};
+const actionToBehavior = (action, stepActions) => ({
+    type: 'action',
+    action: inlineAction(action, stepActions),
+});
+export const inlineAction = (action, stepActions = []) => action.$ref ? Object.assign(Object.assign({}, getActionByReference(action.$ref, stepActions)), action) : action;
+const getActionByReference = ($ref, actions = []) => {
+    const action = actions.find((a) => a.$id === $ref);
+    if (!action) {
+        throw new Error('Action reference not found in actions array.');
+    }
+    return action;
+};

package/build/domain/mappers/utils/call-to-action-utils.js

@@ -0,0 +1,21 @@
+import { getDomainLayerBehavior } from './behavior-utils';
+import { mapLegacyContext } from './legacy-utils';
+export function getDomainLayerCallToAction(cta, mapperProps) {
+    var _a, _b;
+    if (!cta) {
+        return undefined;
+    }
+    const { step, onBehavior, registerSubmissionBehavior } = mapperProps;
+    const stepActions = (_a = step.actions) !== null && _a !== void 0 ? _a : [];
+    const behavior = getDomainLayerBehavior(cta, stepActions, registerSubmissionBehavior);
+    return {
+        type: behavior.type,
+        title: (_b = cta.title) !== null && _b !== void 0 ? _b : '',
+        context: cta.context ? mapLegacyContext(cta.context) : undefined,
+        accessibilityDescription: cta.accessibilityDescription,
+        href: behavior.type === 'link' ? behavior.url : undefined,
+        onClick: () => {
+            void onBehavior(behavior);
+        },
+    };
+}

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

@@ -0,0 +1,76 @@
+export const getAutocompleteString = (hints) => {
+    if (!hints || hints.length === 0) {
+        return 'off';
+    }
+    const validHints = hints.filter((hint) => autocompleteTokenMap[hint]);
+    if (validHints.length === 0) {
+        return 'off';
+    }
+    return validHints.map((hint) => autocompleteTokenMap[hint]).join(' ');
+};
+const 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/domain/mappers/utils/getAutocompleteString.test.js

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

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

@@ -0,0 +1,38 @@
+export const groupLayoutByPinned = (layouts) => {
+    return layouts.reduce(groupLayout, { pinned: [], nonPinned: [] });
+};
+const groupLayout = (acc, layout) => {
+    if (layout.type === 'button' && layout.pinOrder !== undefined) {
+        return {
+            pinned: [...acc.pinned, layout],
+            nonPinned: acc.nonPinned,
+        };
+    }
+    if (hasColumns(layout)) {
+        const leftChildren = groupLayoutByPinned(layout.left);
+        const rightChildren = groupLayoutByPinned(layout.right);
+        return {
+            pinned: [...acc.pinned, ...leftChildren.pinned, ...rightChildren.pinned],
+            nonPinned: [
+                ...acc.nonPinned,
+                Object.assign(Object.assign({}, layout), { left: leftChildren.nonPinned, right: rightChildren.nonPinned }),
+            ],
+        };
+    }
+    if (hasChildren(layout)) {
+        const childComponents = groupLayoutByPinned(layout.components);
+        return {
+            pinned: [...acc.pinned, ...childComponents.pinned],
+            nonPinned: [
+                ...acc.nonPinned,
+                Object.assign(Object.assign({}, layout), { components: childComponents.nonPinned }),
+            ],
+        };
+    }
+    return {
+        pinned: [...acc.pinned],
+        nonPinned: [...acc.nonPinned, layout],
+    };
+};
+const hasChildren = (component) => 'components' in component;
+const hasColumns = (component) => 'right' in component && 'left' in component;