@wise/dynamic-flow-client 5.25.2 → 5.25.4

package/build/renderers/mappers/objectComponentToProps.js

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

package/build/renderers/mappers/paragraphComponentToProps.js

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

package/build/renderers/mappers/persistAsyncComponentToProps.js

@@ -1,7 +0,0 @@
-import { componentToRendererProps } from './componentToRendererProps';
-export const persistAsyncComponentToProps = (component, rendererMapperProps) => {
-    const { errors, status } = component;
-    const validationState = errors.length > 0 ? { status: 'invalid', message: errors[0] } : undefined;
-    const fieldLoadingState = status === 'persisting' ? 'persisting' : undefined;
-    return Object.assign(Object.assign(Object.assign({}, componentToRendererProps(component.component, rendererMapperProps)), (validationState ? { validationState } : {})), (fieldLoadingState ? { fieldLoadingState } : {}));
-};

package/build/renderers/mappers/progressComponentToProps.js

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

package/build/renderers/mappers/repeatableComponentToProps.js

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

package/build/renderers/mappers/reviewComponentToProps.js

@@ -1,3 +0,0 @@
-import { mapAdditionalInfo, mapCallToActionOptional } from './utils/mapCallToAction';
-import { pick } from './utils/pick';
-export const reviewComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'control', 'margin', 'title', 'tags')), { callToAction: mapCallToActionOptional(component.callToAction), fields: component.fields.map((field) => (Object.assign(Object.assign({}, field), { callToAction: mapCallToActionOptional(field.callToAction), additionalInfo: mapAdditionalInfo(field.additionalInfo) }))) }), rendererMapperProps));

package/build/renderers/mappers/rootComponentToProps.js

@@ -1,20 +0,0 @@
-import { stepComponentToProps } from '../stepComponentToProps';
-import { componentToRendererProps } from './componentToRendererProps';
-import { subflowComponentToRendererProps } from './subflowComponentToRendererProps';
-export const rootComponentToProps = (rootComponent, rendererMapperProps, nativeSubflowHandlers) => {
-    const childrenProps = [
-        Object.assign({ type: 'loading-state', uid: 'loading-state' }, rendererMapperProps),
-        ...rootComponent.getChildren().map((child) => {
-            if (child.type === 'step') {
-                return stepComponentToProps(child, Object.assign(Object.assign({}, rendererMapperProps), { showBack: rootComponent.canPerformBack() }));
-            }
-            return componentToRendererProps(child, rendererMapperProps);
-        }),
-    ];
-    const currentStepSubflow = rootComponent.getSubflow();
-    const subflow = currentStepSubflow
-        ? subflowComponentToRendererProps(currentStepSubflow, rendererMapperProps, nativeSubflowHandlers)
-        : undefined;
-    return Object.assign({ type: 'root', uid: rootComponent.uid, children: childrenProps.map(rendererMapperProps.render), childrenProps,
-        subflow }, rendererMapperProps);
-};

package/build/renderers/mappers/searchComponentToProps.js

@@ -1,45 +0,0 @@
-import { mapSpecImage } from '../../domain/mappers/utils/image';
-import { getDomainLayerMedia } from '../../domain/mappers/utils/media-utils';
-import { componentToRendererProps } from './componentToRendererProps';
-import { pick } from './utils/pick';
-export const searchComponentToProps = (component, rendererMapperProps) => {
-    const { uid, emptyMessage, error, query, setQuery, selectResult } = component;
-    const state = getSearchState({
-        emptyMessage,
-        error,
-        isLoading: component.isLoading,
-        query,
-        state: component.state,
-        rendererMapperProps,
-        setQuery,
-        selectResult,
-    });
-    return Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'control', 'hint', 'isLoading', 'margin', 'query', 'title', 'tags')), { onChange: setQuery, type: 'search', id: uid, state }), rendererMapperProps);
-};
-const getSearchState = ({ emptyMessage, error, isLoading, query, state, rendererMapperProps, setQuery, selectResult, }) => {
-    if (isLoading) {
-        return { type: 'pending' };
-    }
-    if (error) {
-        return { type: 'error', onRetry: () => setQuery(query) };
-    }
-    if (!state) {
-        return { type: 'noResults', message: emptyMessage };
-    }
-    if (state.type === 'layout') {
-        const { content } = state;
-        const layoutProps = content.map((component) => componentToRendererProps(component, rendererMapperProps));
-        return {
-            type: 'layout',
-            layout: layoutProps.map((props) => rendererMapperProps.render(props)),
-            layoutProps,
-        };
-    }
-    if (query && state.results.length === 0) {
-        return { type: 'noResults', message: emptyMessage };
-    }
-    return {
-        type: 'results',
-        results: state.results.map((result) => { var _a; return (Object.assign(Object.assign({}, result), { id: result.type === 'action' ? ((_a = result.value.id) !== null && _a !== void 0 ? _a : result.value.$id) : undefined, image: mapSpecImage(result.image), media: getDomainLayerMedia(result), onClick: () => selectResult(result) })); }),
-    };
-};

package/build/renderers/mappers/sectionComponentToProps.js

@@ -1,7 +0,0 @@
-import { componentToRendererProps } from './componentToRendererProps';
-import { mapCallToActionOptional } from './utils/mapCallToAction';
-import { pick } from './utils/pick';
-export const sectionComponentToProps = (component, rendererMapperProps) => {
-    const childrenProps = component.components.map((c) => componentToRendererProps(c, rendererMapperProps));
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'shortTitle', 'title', 'margin', 'control', 'tags')), { callToAction: mapCallToActionOptional(component.callToAction) }), rendererMapperProps), { children: childrenProps.map(rendererMapperProps.render), childrenProps });
-};

package/build/renderers/mappers/selectInputComponentToProps.js

@@ -1,34 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { componentToRendererProps } from './componentToRendererProps';
-import { inputComponentToProps } from './utils/inputComponentToProps';
-import { selectInputOptionsToProps } from './utils/selectInputOptionsToProps';
-export const selectInputComponentToProps = (component, rendererMapperProps) => {
-    var _a;
-    const { autoComplete, selectedIndex, selectIndex } = component;
-    const selectedChild = component.getSelectedChild();
-    const childrenProps = selectedChild
-        ? componentToRendererProps(selectedChild, rendererMapperProps)
-        : null;
-    const _b = inputComponentToProps(component, 'input-select'), { value } = _b, props = __rest(_b, ["value"]);
-    const options = selectInputOptionsToProps(component.options, component.getChildren(), rendererMapperProps);
-    if (options.length === 1 && ((_a = options[0].childrenProps) === null || _a === void 0 ? void 0 : _a.type) === 'form-section') {
-        if (selectedIndex == null) {
-            rendererMapperProps.trackEvent('OneOf Option Selected - Auto-select single-option', {});
-            selectIndex(0);
-        }
-        return options[0].childrenProps;
-    }
-    return Object.assign(Object.assign(Object.assign({}, props), rendererMapperProps), { autoComplete,
-        options,
-        selectedIndex, onSelect: component.selectIndex, children: rendererMapperProps.render(childrenProps), childrenProps });
-};

package/build/renderers/mappers/statusListComponentToProps.js

@@ -1,3 +0,0 @@
-import { mapCallToActionOptional } from './utils/mapCallToAction';
-import { pick } from './utils/pick';
-export const statusListComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'control', 'margin', 'title', 'tags')), { items: component.items.map((item) => (Object.assign(Object.assign({}, item), { callToAction: mapCallToActionOptional(item.callToAction) }))) }), rendererMapperProps));

package/build/renderers/mappers/subflowComponentToRendererProps.js

@@ -1,26 +0,0 @@
-import { pick } from './utils/pick';
-export const subflowComponentToRendererProps = (subflow, rendererMapperProps, nativeSubflowHandlers) => {
-    if (subflow.subflowType === 'native') {
-        const handler = nativeSubflowHandlers.find((h) => h.id === subflow.id);
-        if (!handler) {
-            throw new Error(`No native subflow handler found for subflow with id "${subflow.id}". Make sure to provide it in the "nativeSubflowHandlers" prop of DynamicFlowCore.`);
-        }
-        const presentationMode = handler.getPresentationMode(subflow.payload);
-        return {
-            presentation: { type: presentationMode },
-            children: rendererMapperProps.render(nativeSubflowComponentToRendererProps(subflow, rendererMapperProps)),
-        };
-    }
-    if (subflow.subflowType === 'dynamic') {
-        return {
-            presentation: subflow.presentation,
-            children: rendererMapperProps.render(dynamicSubflowComponentToRendererProps(subflow, rendererMapperProps)),
-        };
-    }
-};
-const dynamicSubflowComponentToRendererProps = (component, rendererMapperProps) => {
-    return Object.assign(Object.assign({ type: 'subflow-dynamic' }, pick(component, 'uid', 'requestCache', 'presentation', 'initialRequest', 'onCancellation', 'onCompletion', 'onError', 'onEvent')), rendererMapperProps);
-};
-const nativeSubflowComponentToRendererProps = (component, rendererMapperProps) => {
-    return Object.assign(Object.assign({ type: 'subflow-native' }, pick(component, 'uid', 'id', 'payload', 'onCancellation', 'onCompletion', 'onError', 'onEvent')), rendererMapperProps);
-};

package/build/renderers/mappers/tabsComponentToProps.js

@@ -1,14 +0,0 @@
-import { componentToRendererProps } from './componentToRendererProps';
-import { pick } from './utils/pick';
-export const tabsComponentToProps = (component, rendererMapperProps) => {
-    const tabs = component.tabs.map(({ components, title, tags }) => {
-        const childrenProps = components.map((c) => componentToRendererProps(c, rendererMapperProps));
-        return {
-            title,
-            tags,
-            childrenProps,
-            children: childrenProps.map(rendererMapperProps.render),
-        };
-    });
-    return Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'control', 'margin', 'tags')), rendererMapperProps), { tabs });
-};

package/build/renderers/mappers/textInputComponentToProps.js

@@ -1,3 +0,0 @@
-import { inputComponentToProps } from './utils/inputComponentToProps';
-import { pick } from './utils/pick';
-export const textInputComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-text')), rendererMapperProps), pick(component, 'autoComplete', 'displayFormat', 'maxLength', 'minLength', 'pattern', 'suggestions')), { onChange: component.setValue, autoCapitalize: component === null || component === void 0 ? void 0 : component.autocapitalization }));

package/build/renderers/mappers/tupleComponentToProps.js

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

package/build/renderers/mappers/uploadInputComponentToProps.js

@@ -1,5 +0,0 @@
-import { inputComponentToProps } from './utils/inputComponentToProps';
-import { pick } from './utils/pick';
-export const uploadInputComponentToProps = (component, rendererMapperProps) => {
-    return Object.assign(Object.assign(Object.assign(Object.assign({}, inputComponentToProps(component, 'input-upload')), rendererMapperProps), pick(component, 'accepts', 'cameraConfig', 'maxSize', 'source')), { onUpload: component.setValue });
-};

package/build/renderers/mappers/upsellComponentToProps.js

@@ -1,3 +0,0 @@
-import { mapCallToAction } from './utils/mapCallToAction';
-import { pick } from './utils/pick';
-export const upsellComponentToProps = (component, rendererMapperProps) => (Object.assign(Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'type', 'control', 'margin', 'media', 'tags', 'text')), { callToAction: mapCallToAction(component.callToAction), onDismiss: component.dismiss }), rendererMapperProps));

package/build/renderers/mappers/utils/getValidationState.js

@@ -1,12 +0,0 @@
-import { mapErrorsToValidationState } from './mapErrorsToValidationState';
-export const getValidationState = (errors, validationAsyncState) => {
-    if (validationAsyncState) {
-        if (validationAsyncState === null || validationAsyncState === void 0 ? void 0 : validationAsyncState.messages.error) {
-            return { status: 'invalid', message: validationAsyncState === null || validationAsyncState === void 0 ? void 0 : validationAsyncState.messages.error };
-        }
-        if (validationAsyncState === null || validationAsyncState === void 0 ? void 0 : validationAsyncState.messages.success) {
-            return { status: 'valid', message: validationAsyncState === null || validationAsyncState === void 0 ? void 0 : validationAsyncState.messages.success };
-        }
-    }
-    return mapErrorsToValidationState(errors);
-};

package/build/renderers/mappers/utils/inputComponentToProps.js

@@ -1,17 +0,0 @@
-import { getValidationState } from './getValidationState';
-import { pick } from './pick';
-export const inputComponentToProps = (component, type) => {
-    var _a;
-    const { errors, validationAsyncState } = component;
-    const { messages } = validationAsyncState !== null && validationAsyncState !== void 0 ? validationAsyncState : {};
-    return Object.assign(Object.assign({}, pick(component, 'uid', 'analyticsId', 'control', 'description', 'disabled', 'help', 'id', 'media', 'placeholder', 'required', 'title', 'tags', 'inlineAlert', 'onBlur', 'onFocus')), { type, error: (_a = messages === null || messages === void 0 ? void 0 : messages.error) !== null && _a !== void 0 ? _a : errors === null || errors === void 0 ? void 0 : errors[0], value: component.getLocalValue(), validationState: getValidationState(errors, validationAsyncState), fieldLoadingState: getFieldLoadingState(component) });
-};
-const getFieldLoadingState = (component) => {
-    const { validationAsyncState } = component;
-    if (!validationAsyncState) {
-        return 'idle';
-    }
-    return validationAsyncState.loadingState === 'pending'
-        ? 'validating'
-        : 'idle';
-};

package/build/renderers/mappers/utils/mapCallToAction.js

@@ -1,23 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-export const mapCallToAction = (_a) => {
-    var { hrefWithTracking } = _a, cta = __rest(_a, ["hrefWithTracking"]);
-    return (Object.assign(Object.assign({}, cta), { getAnchorProps: hrefWithTracking }));
-};
-export const mapCallToActionOptional = (cta) => (cta ? mapCallToAction(cta) : undefined);
-export const mapAdditionalInfo = (info) => {
-    if (info) {
-        const { hrefWithTracking } = info, rest = __rest(info, ["hrefWithTracking"]);
-        return Object.assign(Object.assign({}, rest), { getAnchorProps: hrefWithTracking });
-    }
-    return undefined;
-};

package/build/renderers/mappers/utils/mapErrorsToValidationState.js

@@ -1,9 +0,0 @@
-export const mapErrorsToValidationState = (errors) => {
-    if (errors) {
-        if (errors.length > 0) {
-            return { status: 'invalid', message: errors[0] };
-        }
-        return { status: 'valid' };
-    }
-    return undefined;
-};

package/build/renderers/mappers/utils/mapRendererLoadingState.js

@@ -1 +0,0 @@
-export const mapRendererLoadingState = (loadingState) => loadingState === 'delay-pending' ? 'submitting' : loadingState;

package/build/renderers/mappers/utils/pick.js

@@ -1,8 +0,0 @@
-export function pick(obj, ...keys) {
-    const result = {};
-    keys.forEach((key) => {
-        // eslint-disable-next-line functional/immutable-data
-        result[key] = obj[key];
-    });
-    return result;
-}

package/build/renderers/mappers/utils/selectInputOptionsToProps.js

@@ -1,11 +0,0 @@
-import { componentToRendererProps } from '../componentToRendererProps';
-export const selectInputOptionsToProps = (options, children, rendererMapperProps) => {
-    return options.map((option, index) => {
-        const child = children[index];
-        const optionChildrenProps = child ? componentToRendererProps(child, rendererMapperProps) : null;
-        const optionChildren = optionChildrenProps
-            ? rendererMapperProps.render(optionChildrenProps)
-            : null;
-        return Object.assign(Object.assign({}, option), { children: optionChildren, childrenProps: optionChildrenProps });
-    });
-};

package/build/renderers/stepComponentToProps.js

@@ -1,32 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { componentToRendererProps, } from './mappers/componentToRendererProps';
-import { pick } from './mappers/utils/pick';
-export const stepComponentToProps = (component, rendererMapperProps) => {
-    const { uid, analyticsId, back, control, description, error, step, title, tags, onBehavior } = component;
-    const { showBack } = rendererMapperProps, restMapperProps = __rest(rendererMapperProps, ["showBack"]);
-    const childrenProps = component
-        .getChildren()
-        .map((c) => componentToRendererProps(c, restMapperProps));
-    const footerProps = component.footerComponents.map((c) => componentToRendererProps(c, restMapperProps));
-    return Object.assign({ type: 'step', id: step.id, analyticsId,
-        uid, back: showBack ? back : undefined, control,
-        description, toolbar: getToolbarProps(component.toolbar, restMapperProps), error, __rawStep: step, title: restMapperProps.features.hideStepTitle === true ? '' : title, tags, children: childrenProps.map(rendererMapperProps.render), childrenProps, footer: footerProps.map(rendererMapperProps.render), footerProps, __onAction: (action) => {
-            void onBehavior({ type: 'action', action, track: false }); // don't track from renderers
-        } }, restMapperProps);
-};
-const getToolbarProps = (toolbar, rendererMapperProps) => {
-    if (!toolbar) {
-        return undefined;
-    }
-    return Object.assign(Object.assign(Object.assign({}, pick(toolbar, 'uid', 'control', 'type', 'tags')), { type: 'toolbar', items: toolbar.items.map((item) => (Object.assign(Object.assign({}, item), { disabled: item.disabled || rendererMapperProps.stepLoadingState !== 'idle' }))) }), rendererMapperProps);
-};

package/build/renderers/subflow/getDynamicSubflowRenderer.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-/**
- * @experimental - This API is experimental and may change without a major version bump. Use with caution and provide feedback to the maintainers.
- */
-export const getDynamicSubflowRenderer = ({ Component, canRender, }) => {
-    return {
-        canRenderType: 'subflow-dynamic',
-        canRender,
-        render: (props) => {
-            return (_jsx(Component, { presentation: props.presentation, requestCache: props.requestCache, initialRequest: props.initialRequest, onCompletion: props.onCompletion, onError: props.onError, onCancellation: props.onCancellation, onEvent: props.onEvent }, props.uid));
-        },
-    };
-};

package/build/renderers/subflow/getNativeSubflowRenderer.js

@@ -1,26 +0,0 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
-export const getNativeSubflowRenderer = (handlers) => {
-    return {
-        canRenderType: 'subflow-native',
-        render: (props) => _jsx(NativeSubflow, Object.assign({}, props, { handlers: handlers })),
-    };
-};
-const NativeSubflow = (propsWithHandler) => {
-    const { handlers } = propsWithHandler, props = __rest(propsWithHandler, ["handlers"]);
-    const handler = handlers.find((it) => it.id === props.id);
-    if (!handler) {
-        throw new Error(`No handler found for native subflow with id ${props.id}`);
-    }
-    return _jsx(_Fragment, { children: handler.render(props) });
-};

package/build/renderers/utils.js

@@ -1,71 +0,0 @@
-import { isArray } from '../utils/type-validators';
-/**
- * @experimental
- */
-export function findRendererPropsByType(root, type, predicate = () => true) {
-    if (isArray(root)) {
-        return root.flatMap((child) => findRendererPropsByType(child, type, predicate));
-    }
-    return [
-        ...(isType(root, type) && predicate(root) ? [root] : []),
-        ...getChildren(root).flatMap((child) => findRendererPropsByType(child, type, predicate)),
-    ];
-}
-const isType = (node, type) => node.type === type;
-const getChildren = (node) => {
-    switch (node.type) {
-        case 'root':
-        case 'box':
-        case 'container':
-        case 'form':
-        case 'form-section':
-        case 'step':
-        case 'modal':
-        case 'section':
-            return node.childrenProps;
-        case 'columns':
-            return [...node.startChildrenProps, ...node.endChildrenProps];
-        case 'modal-layout':
-            return node.content.childrenProps;
-        case 'repeatable':
-            return node.editableItemProps ? [node.editableItemProps] : [];
-        case 'input-select':
-            return node.childrenProps ? [node.childrenProps] : [];
-        case 'tabs':
-            return node.tabs.flatMap((c) => c.childrenProps);
-        case 'alert':
-        case 'button':
-        case 'collection':
-        case 'input-checkbox':
-        case 'input-date':
-        case 'decision':
-        case 'divider':
-        case 'formatted-value':
-        case 'heading':
-        case 'hidden':
-        case 'image':
-        case 'loading-state':
-        case 'instructions':
-        case 'input-integer':
-        case 'list':
-        case 'loading-indicator':
-        case 'markdown':
-        case 'media':
-        case 'input-multi-select':
-        case 'input-upload-multi':
-        case 'input-number':
-        case 'money-input':
-        case 'paragraph':
-        case 'progress':
-        case 'review':
-        case 'search':
-        case 'status-list':
-        case 'input-text':
-        case 'input-upload':
-        case 'external-confirmation':
-        case 'subflow-dynamic':
-        case 'subflow-native':
-        case 'upsell':
-            return [];
-    }
-};

package/build/renderers/utils.test.js

@@ -1,70 +0,0 @@
-import { mapStepToComponent } from '../domain/mappers/mapStepToComponent';
-import { getMockRendererMapperProps, getStepMapperProps, } from '../domain/mappers/schema/tests/test-utils';
-import { findRendererPropsByType } from './utils';
-import { stepComponentToProps } from './stepComponentToProps';
-const step = {
-    id: '123',
-    title: 'Hello',
-    schemas: [
-        {
-            $id: '#form-1',
-            type: 'object',
-            displayOrder: ['name', 'surname', 'age'],
-            properties: {
-                name: {
-                    type: 'string',
-                    title: 'first name',
-                },
-                surname: {
-                    type: 'string',
-                    title: 'last name',
-                },
-                age: {
-                    type: 'number',
-                    title: 'age',
-                },
-            },
-        },
-    ],
-    layout: [
-        {
-            type: 'box',
-            components: [
-                {
-                    type: 'paragraph',
-                    text: 'Please fill in some details',
-                },
-                {
-                    type: 'form',
-                    schemaId: '#form-1',
-                },
-                {
-                    type: 'button',
-                    title: 'submit',
-                    action: {},
-                },
-            ],
-        },
-        {
-            type: 'button',
-            title: 'back',
-            action: {},
-        },
-    ],
-};
-const component = mapStepToComponent(Object.assign(Object.assign({}, getStepMapperProps()), { step }));
-const stepProps = stepComponentToProps(component, Object.assign(Object.assign({}, getMockRendererMapperProps()), { showBack: false }));
-describe('given a renderer props tree', () => {
-    describe('the findRendererPropsByType function', () => {
-        it('returns all elements that match a type', () => {
-            const textResults = findRendererPropsByType(stepProps, 'input-text');
-            expect(textResults).toHaveLength(2);
-            const buttonResults = findRendererPropsByType(stepProps, 'button');
-            expect(buttonResults).toHaveLength(2);
-        });
-        it('returns all elements that match a type and a predicate', () => {
-            const results = findRendererPropsByType(stepProps, 'input-text', (props) => props.title === 'first name');
-            expect(results).toHaveLength(1);
-        });
-    });
-});

package/build/stories/dev-tools/ContainerQueries.story.js

@@ -1,66 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Fragment } from 'react/jsx-runtime';
-import { renderWithStep } from '../utils/render-utils';
-export default {
-    component: ContainerQueries,
-    title: 'Dev Tools',
-    argTypes: {
-        width: {
-            options: ['100%', '900px', '600px', '575px', '400px'],
-            control: { type: 'select' },
-            description: 'Width of the div containing the DynamicFlow component',
-        },
-    },
-    args: {
-        width: '575px',
-    },
-};
-export function ContainerQueries({ width }) {
-    return _jsx(Fragment, { children: render(imageLayoutStep, width) }, width);
-}
-function render(step, width) {
-    return (_jsxs("div", { className: "d-flex", children: [_jsx("div", { style: { flexGrow: 1, backgroundColor: '#EEE', textAlign: 'center' }, children: " NOT-DF " }), _jsx("div", { style: { width, backgroundColor: 'white' }, children: renderWithStep(step) }), _jsx("div", { style: { flexGrow: 1, backgroundColor: '#EEE', textAlign: 'center' }, children: " NOT-DF " })] }));
-}
-const imageLayoutStep = {
-    id: 'step-id',
-    title: 'Dynamic Flow Step',
-    description: 'This is a step in the dynamic flow.',
-    schemas: [],
-    layout: [
-        {
-            type: 'image',
-            size: 'xs',
-            content: {
-                uri: 'https://placehold.co/600x600?text=Cat',
-            },
-        },
-        {
-            type: 'image',
-            size: 'sm',
-            content: {
-                uri: 'https://placehold.co/600x600?text=Cat',
-            },
-        },
-        {
-            type: 'image',
-            size: 'md',
-            content: {
-                uri: 'https://placehold.co/600x600?text=Cat',
-            },
-        },
-        {
-            type: 'image',
-            size: 'lg',
-            content: {
-                uri: 'https://placehold.co/600x600?text=Cat',
-            },
-        },
-        {
-            type: 'image',
-            size: 'xl',
-            content: {
-                uri: 'https://placehold.co/600x600?text=Cat',
-            },
-        },
-    ],
-};