@arquimedes.co/eureka-forms 2.0.34-test → 2.0.36-test

package/dist/mjs/@Types/FormStep.d.ts

@@ -1,195 +0,0 @@
-import Types, { ClassifierOptionTypes, OptionTypes, RatingTypes, MapperStyleTypes, EntityValueOptionTypes, EntityValueDataTypes, ApiSelectorOptionTypes, ApiSelectorParamTypes } from '../constants/FormStepTypes';
-import * as GSteps from './GenericFormSteps';
-export type FormStep = Title | Rating | CheckBox | TextArea | TextInput | DatePicker | FileUpload | Separator | FormSelector | ClassifierSelector | Collapsible | EntityValuePicker | ApiSelector | Mapper;
-export interface Title extends GSteps.GBaseStep {
-    type: Types.TITLE;
-    title: string;
-    description: string | null;
-    size?: 1 | 2 | 3 | 4;
-}
-export interface CheckBox extends GSteps.GCheckBox {
-    type: Types.CHECKBOX;
-    steps?: string[];
-    uncheckedSteps?: string[];
-    maxSize?: number;
-    defaultValue?: boolean;
-}
-export interface Rating extends GSteps.GBaseStep {
-    type: Types.RATING;
-    label: string;
-    description: string;
-    required: boolean;
-    ratingType: RatingTypes;
-    nestedSteps: string[][] | null;
-}
-export interface FileUpload extends GSteps.GBaseStep {
-    type: Types.FILEUPLOAD;
-    label: string;
-    description: string | null;
-    required: boolean;
-}
-export interface Separator extends GSteps.GSeparator {
-    type: Types.SEPARATOR;
-}
-export interface TextArea extends GSteps.GTextArea {
-    type: Types.TEXTAREA;
-}
-export interface TextInput extends GSteps.GTextInput {
-    type: Types.TEXTINPUT;
-}
-export interface DatePicker extends GSteps.GDatePicker {
-    type: Types.DATEPICKER;
-}
-export interface Collapsible extends GSteps.GBaseStep {
-    type: Types.COLLAPSIBLE;
-    label: string;
-    steps: string[];
-    defaultValue?: boolean;
-}
-export interface FormSelector extends GSteps.GBaseStep {
-    type: Types.SELECTOR;
-    label: string;
-    description: string;
-    required: boolean;
-    searchable: boolean;
-    options: FormSelectorOption[];
-    size: 1 | 2 | 3 | 4;
-    maxSize?: number;
-    defaultValue?: string;
-}
-export type FormSelectorOption = DefaultFormSelectorOption | NestedStepOption | AddSectionOption;
-interface DefaultFormSelectorOption {
-    label: string;
-    value: string;
-    type: OptionTypes.DEFAULT;
-}
-export interface NestedStepOption {
-    label: string;
-    value: string;
-    type: OptionTypes.NESTED;
-    steps: string[];
-}
-interface AddSectionOption {
-    label: string;
-    value: string;
-    type: OptionTypes.ADD_SECTION;
-    idSection: string;
-}
-export interface ClassifierSelector extends GSteps.GBaseStep {
-    type: Types.CLASSIFIER_SELECTOR;
-    idClassifier: string | null;
-    label: string;
-    description: string;
-    searchable: boolean;
-    options: Record<string, FormClassifierSelectorOption>;
-    required: boolean;
-    size: 1 | 2 | 3 | 4;
-    maxSize?: number;
-}
-export type FormClassifierSelectorOption = NestedStepClassifierOption | HideValueOption;
-interface NestedStepClassifierOption {
-    type: ClassifierOptionTypes.NESTED;
-    idClassifier: string;
-    steps: string[];
-}
-interface HideValueOption {
-    type: ClassifierOptionTypes.HIDE;
-    idClassifier: string;
-}
-export interface EntityValuePicker extends GSteps.GSmartSelect {
-    type: Types.ENTITYVALUEPICKER;
-    idEntity: string;
-    icon: string | null;
-    filters: EntityValuePickerFilter[];
-    path: EntityValuePickerPath[];
-    options: Record<string, FormEntityValuePickerOption>;
-    maxSize?: number;
-}
-export type FormEntityValuePickerOption = NestedEntityValuePickerOption | HideFormEntityValuePickerOption;
-interface NestedEntityValuePickerOption {
-    type: EntityValueOptionTypes.NESTED;
-    idEntityValue: string;
-    steps: string[];
-}
-interface HideFormEntityValuePickerOption {
-    type: EntityValueOptionTypes.HIDE;
-    idEntityValue: string;
-}
-export type EntityValuePickerPath = StepEntityValuePickerPath | ValueEntityValuePickerPath;
-export interface StepEntityValuePickerPath {
-    idEntity: string;
-    type: EntityValueDataTypes.STEP;
-    idStep: string;
-    any: boolean;
-}
-export interface ValueEntityValuePickerPath {
-    idEntity: string;
-    type: EntityValueDataTypes.VALUE;
-    idEntityValue: string | null;
-}
-export type EntityValuePickerFilter = StepEntityValuePickerFilter | ValueEntityValuePickerFilter;
-export interface StepEntityValuePickerFilter {
-    idProperty: string;
-    type: EntityValueDataTypes.STEP;
-    idStep: string;
-    any: boolean;
-    required: boolean;
-}
-export interface ValueEntityValuePickerFilter {
-    idProperty: string;
-    type: EntityValueDataTypes.VALUE;
-    value: any;
-}
-export interface ApiSelector extends GSteps.GSmartSelect {
-    type: Types.API_SELECTOR;
-    icon: string | null;
-    url: string;
-    pathParams: ApiSelectorParam[];
-    queryParams: ApiSelectorParam[];
-    /** Headers? Body, etc?? */
-    labelAttribute: string;
-    idAttribute: string;
-    /** Only has maxSize if level === 0 */
-    maxSize?: number;
-    options: Record<string, ApiSelectorOption>;
-}
-export type ApiSelectorOption = NestedApiSelectorOption | HideApiSelectorOption;
-interface NestedApiSelectorOption {
-    type: ApiSelectorOptionTypes.NESTED;
-    idOption: string;
-    steps: string[];
-}
-interface HideApiSelectorOption {
-    type: ApiSelectorOptionTypes.HIDE;
-    idOption: string;
-}
-export type ApiSelectorParam = StepApiSelectorParam | ValueApiSelectorParam;
-export interface StepApiSelectorParam {
-    type: ApiSelectorParamTypes.STEP;
-    key: string;
-    idStep: string;
-    required: boolean;
-}
-export interface ValueApiSelectorParam {
-    type: ApiSelectorParamTypes.VALUE;
-    key: string;
-    value: string;
-}
-export interface Mapper extends GSteps.GBaseStep {
-    type: Types.MAPPER;
-    style: {
-        type: MapperStyleTypes;
-        size?: number;
-    };
-    label: string;
-    description: string | null;
-    addBtnLabel: string;
-    rootSteps: string[];
-    steps: Record<string, FormStep>;
-    required: boolean;
-    unitLabel: string;
-    creatable?: boolean;
-    deletable?: boolean;
-    max?: number;
-}
-export {};

package/dist/mjs/@Types/GenericFormSteps.d.ts

@@ -1,61 +0,0 @@
-export interface GBaseStep {
-    id: string;
-    idSection: string;
-    type: string;
-    editable?: boolean;
-    partial?: boolean;
-    dependencies?: string[];
-}
-export interface GTitle extends GBaseStep {
-    title: string;
-    description: string | null;
-}
-export interface GCheckBox extends GBaseStep {
-    label: string;
-    description: string | null;
-    required: boolean;
-    size: 1 | 2 | 3 | 4;
-}
-export interface GSeparator extends GBaseStep {
-    transparent: boolean;
-}
-export interface GTextArea extends GBaseStep {
-    label: string;
-    description: string | null;
-    required: boolean;
-    hasTextEditor: boolean;
-}
-export interface GTextInput extends GBaseStep {
-    label: string;
-    description: string | null;
-    validation?: {
-        message: string;
-        value: string;
-        type: 'EMAIL' | 'OTHER';
-    };
-    required: boolean;
-    showIcon?: boolean;
-    size: 1 | 2 | 3 | 4;
-}
-export interface GDatePicker extends GBaseStep {
-    label: string;
-    description: string | null;
-    pickTime: boolean;
-    required: boolean;
-    size: 1 | 2 | 3 | 4;
-}
-export interface GAgentPicker extends GBaseStep {
-    label: string;
-    description: string | null;
-    required: boolean;
-    multiple: boolean;
-    size: 1 | 2 | 3 | 4;
-}
-export interface GSmartSelect extends GBaseStep {
-    label: string;
-    description: string | null;
-    showIcon: boolean;
-    required: boolean;
-    searchable: boolean;
-    size: 1 | 2 | 3 | 4;
-}

package/dist/mjs/@Types/MapperElement.d.ts

@@ -1,8 +0,0 @@
-export interface MapperElement<Type> {
-    id: string;
-    ids: Record<string, string>;
-    deleted?: boolean;
-    value?: Type;
-    originalValues: Record<string, any>;
-    isOriginal: boolean;
-}

package/dist/mjs/@Types/Organization.d.ts

@@ -1,9 +0,0 @@
-import { Branding } from './Branding';
-export interface Organization {
-    /** The Organization's id */
-    idOrganization: string;
-    /** The Organization's name */
-    name: string;
-    branding: Branding;
-    customBrandings: boolean;
-}

package/dist/mjs/@Types/index.d.ts

@@ -1 +0,0 @@
-export * from './@Types';

package/dist/mjs/App/App.css

@@ -1,6 +0,0 @@
-.hidden-input {
-    height: 0;
-    width: 0;
-    padding: 0;
-    border-width: 0;
-}

package/dist/mjs/App/App.d.ts

@@ -1,47 +0,0 @@
-import React from 'react';
-import { Classifier, Form } from '../@Types/Form';
-import './App.css';
-import { CustomStep } from '../FormSteps/CustomStep';
-export interface AppProps {
-    /** If the app is currently a widget */
-    isWidget?: boolean;
-    /** The apikey of the Form */
-    apiKey?: string;
-    /** The id of the form's organization */
-    idOrganization?: string;
-    /** The form to display, (used for postviews) */
-    formData?: Form;
-    /** If the widget is usedInternally */
-    internal?: boolean;
-    /** If the widget is a postview (view what the user filled)*/
-    postview?: boolean;
-    /** If postview should only show steps with values*/
-    partial?: boolean;
-    /** If the widget is a preview (view from admin)*/
-    preview?: boolean;
-    /** If the form can be edited (For entities) */
-    editable?: boolean;
-    /** The custom send label to display */
-    sendLabel?: string;
-    /** The data to fill the form with */
-    valuesData?: Record<string, unknown>;
-    /** Custom steps to display */
-    customSteps?: Record<string, CustomStep>;
-    /** Custom steps to display */
-    customStepProps?: Record<string, unknown>;
-    /** Classifiers dict */
-    classifiers?: Record<string, Classifier>;
-    /** Custom function to call on send */
-    customSubmit?: (values: Record<string, unknown>, reload: () => void) => Promise<void>;
-    /** Custom submit buttons */
-    customSubmitBtns?: (onSubmit: () => Promise<Record<string, any> | void>, loading: boolean) => JSX.Element;
-    /** Function to call on postview to fetch the download url of a file */
-    fetchDownloadUrl?: (S3Key: string, fileName: string) => Promise<string>;
-    /** Function to call after the confimation dialog has been closed */
-    handleConfirmed?: () => void;
-    /** Function called to scroll to the top */
-    scrollToTop?: () => void;
-}
-export declare const IdFormContext: React.Context<string>;
-declare function AppComponent({ formData, valuesData, ...props }: AppProps): JSX.Element;
-export default AppComponent;

package/dist/mjs/App/App.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { createContext, useRef } from 'react';
-import Loader from '../Shared/Loader/Loader';
-import styles from './App.module.css';
-import './App.css';
-import FormComponent from '../Form/Form';
-import { Provider } from 'react-redux';
-import { store } from '../Utils/store';
-import { useLogRocket, useSetupApp } from './AppHooks';
-import { StoreContext, useAppSelector } from '../hooks';
-import CustomContext from '../Contexts/CustomContext';
-import { nanoid } from '@reduxjs/toolkit';
-export const IdFormContext = createContext('');
-function AppComponent({ formData, valuesData, ...props }) {
-    const [idForm] = React.useState(nanoid(6));
-    return (_jsx(IdFormContext.Provider, { value: idForm, children: _jsx(Provider, { store: store, context: StoreContext, children: _jsx(App, { formData: formData, valuesData: valuesData, ...props }) }) }));
-}
-export default AppComponent;
-function App({ isWidget = true, ...props }) {
-    const containerRef = useRef(null);
-    const loaded = useAppSelector((state) => state.global.loaded);
-    const { form, organization, branding, reload } = useSetupApp(isWidget, props);
-    useLogRocket(organization, form, props);
-    const loading = form === undefined || organization === undefined || !loaded;
-    if (loading) {
-        if (isWidget) {
-            return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: _jsx(Loader, { size: 50, color: branding?.colors?.primaryColor ?? '#b8b8b8' }) }) }));
-        }
-        return (_jsx("div", { className: styles.curtain, children: _jsx(Loader, { size: 50, color: branding?.colors?.primaryColor ?? '#b8b8b8' }) }));
-    }
-    else if (form === null) {
-        if (organization === null) {
-            if (isWidget) {
-                return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: "Error" }) }));
-            }
-            return _jsx("div", { className: styles.curtain, children: "Error" });
-        }
-        else {
-            if (isWidget) {
-                return (_jsx("div", { className: styles.widgetContainer, children: _jsx("div", { className: styles.curtain, children: "404" }) }));
-            }
-            return _jsx("div", { className: styles.curtain, children: "404" });
-        }
-    }
-    else {
-        const customSteps = props.customSteps ?? {};
-        return (_jsx(CustomContext.Provider, { value: {
-                customSteps,
-                sendLabel: props.sendLabel,
-                fetchDownloadUrl: props.fetchDownloadUrl,
-                customStepProps: props.customStepProps ?? {},
-            }, children: _jsx("div", { className: styles.container, children: _jsx(FormComponent, { form: form, reload: reload, branding: branding, apiKey: props.apiKey, isWidget: !!isWidget, customSteps: customSteps, containerRef: containerRef, customSubmit: props.customSubmit, scrollToTop: props.scrollToTop, customSubmitBtns: props.customSubmitBtns }) }) }));
-    }
-}

package/dist/mjs/App/App.module.css

@@ -1,34 +0,0 @@
-.curtain {
-    position: absolute;
-    width: 100%;
-    height: 100%;
-    max-width: 100%;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: white;
-    z-index: 5000;
-}
-
-#widget:eureka {
-    min-height: inherit;
-}
-.container {
-    width: 100%;
-    position: relative;
-}
-
-.widgetContainer {
-    position: relative;
-    max-width: 100%;
-    height: 100%;
-    min-height: inherit;
-}
-
-.container *,
-.container *::after,
-.container *::before {
-    -webkit-box-sizing: content-box;
-    -moz-box-sizing: content-box;
-    box-sizing: content-box;
-}

package/dist/mjs/App/AppFunctions.d.ts

@@ -1,16 +0,0 @@
-import { Form } from '../@Types';
-import { FormStep, Mapper } from '../@Types/FormStep';
-import { SiteState, ValuesStore } from '../States/SiteSlice';
-import { CustomStep } from '../FormSteps/CustomStep';
-import { MapperElement } from '../@Types/MapperElement';
-export declare const calcValuesStore: (form: Readonly<Form>, originalValues?: Record<string, any>, postview?: boolean, customSteps?: Record<string, CustomStep>) => ValuesStore;
-export declare const addMapperStep: <Type>(step: Mapper, customSteps: Record<string, CustomStep>) => {
-    element: MapperElement<Type>;
-    /** Record of all the new mapper values created */
-    mappers: Record<string, MapperElement<Type>[]>;
-    /** Record of all the new steps created */
-    steps: Record<string, FormStep>;
-};
-export declare function calcRecursiveData<Type>(element: Readonly<MapperElement<Type>>, newSteps: Record<string, FormStep>, customSteps: Record<string, CustomStep>): void;
-export declare const mapOriginalValue: (step: FormStep, value: any, values: ValuesStore, form?: Readonly<Form>) => any;
-export declare const calcInitialSections: (form: Form) => Pick<SiteState, 'previousSections' | 'idCurrentSection' | 'nextSections'>;

package/dist/mjs/App/AppFunctions.js

@@ -1,188 +0,0 @@
-import { nanoid } from 'nanoid';
-import StepTypes, { FormTypes } from '../constants/FormStepTypes';
-import { getRawText, stringToDraft } from '../Utils/DraftFunctions';
-import { calcSubSteps } from '../FormSteps/StepFunctions';
-export const calcValuesStore = (form, originalValues = {}, postview = false, customSteps = {}) => {
-    const values = {
-        global: {},
-        sections: {},
-    };
-    for (const idValue of Object.keys(originalValues)) {
-        const step = form.steps[idValue];
-        if (step && !form.hiddenSteps?.includes(step.id)) {
-            const value = mapOriginalValue(step, originalValues[step.id], values, form);
-            if (value !== undefined) {
-                if (!values.sections[step.idSection])
-                    values.sections[step.idSection] = {};
-                values.sections[step.idSection][step.id] = value;
-            }
-        }
-        else {
-            values.global[idValue] = originalValues[idValue];
-        }
-    }
-    if (postview)
-        return values;
-    for (const section of Object.values(form.sections)) {
-        for (const idStep of section.steps) {
-            const step = form.steps[idStep];
-            if (step.type !== StepTypes.MAPPER ||
-                values.sections[step.idSection]?.[step.id])
-                continue;
-            if (!values.sections[step.idSection])
-                values.sections[step.idSection] = {};
-            const { element, mappers } = addMapperStep(step, customSteps);
-            values.sections[step.idSection] = {
-                ...values.sections[step.idSection],
-                ...mappers,
-                [step.id]: [element],
-            };
-        }
-    }
-    return values;
-};
-export const addMapperStep = (step, customSteps) => {
-    const idElement = nanoid();
-    const element = {
-        ids: {},
-        id: idElement,
-        originalValues: {},
-        isOriginal: false,
-    };
-    let steps = {};
-    let mappers = {};
-    for (const idStep of Object.keys(step.steps)) {
-        const baseStep = JSON.parse(JSON.stringify(step.steps[idStep]));
-        const newIdStep = step.id + '-' + idStep + '-' + idElement;
-        baseStep.id = newIdStep;
-        element.ids[idStep] = newIdStep;
-        steps[newIdStep] = baseStep;
-    }
-    calcRecursiveData(element, steps, customSteps);
-    for (const nestedStep of Object.values(step.steps)) {
-        if (nestedStep.type === StepTypes.MAPPER) {
-            const nested = addMapperStep(nestedStep, customSteps);
-            steps = { ...steps, ...nested.steps };
-            mappers = { ...mappers, ...nested.mappers };
-            mappers[element.ids[nestedStep.id]] = [nested.element];
-        }
-    }
-    return { element, mappers, steps };
-};
-export function calcRecursiveData(element, newSteps, customSteps) {
-    if (!newSteps)
-        return;
-    for (const idStep of Object.keys(newSteps)) {
-        const step = newSteps[idStep];
-        step.id = idStep;
-        if (step.dependencies) {
-            for (let i = 0; i < step.dependencies.length; i++) {
-                const idDep = step.dependencies[i];
-                const newId = element.ids[idDep];
-                if (newId) {
-                    step.dependencies[i] = newId;
-                }
-            }
-        }
-        const custom = customSteps[step?.type];
-        if (custom?.calcRecursiveData) {
-            custom.calcRecursiveData(step, element.ids);
-        }
-        calcSubSteps(step.id, newSteps, (idStep) => element.ids[idStep] ?? idStep);
-    }
-}
-export const mapOriginalValue = (step, value, values, form) => {
-    if (!value)
-        return value;
-    switch (step?.type) {
-        case StepTypes.MAPPER: {
-            const elements = value;
-            const mappedElements = [];
-            for (const element of elements) {
-                const idElement = element.id ?? nanoid();
-                const mappedElement = {
-                    id: idElement,
-                    ids: {},
-                    originalValues: {},
-                    isOriginal: true,
-                };
-                if (element.value) {
-                    mappedElement.value = element.value;
-                }
-                for (const idStep of Object.keys(step.steps)) {
-                    const newIdStep = step.id + '-' + idStep + '-' + idElement;
-                    mappedElement.ids[idStep] = newIdStep;
-                    const value = mapOriginalValue(step.steps[idStep], element[idStep], values, form);
-                    if (value !== undefined) {
-                        if (!values.sections[step.idSection])
-                            values.sections[step.idSection] = {};
-                        values.sections[step.idSection][newIdStep] = value;
-                    }
-                }
-                for (const key of Object.keys(element)) {
-                    if (step.steps[key] || key === 'id')
-                        continue;
-                    mappedElement.originalValues[key] = element[key];
-                }
-                mappedElements.push(mappedElement);
-            }
-            return mappedElements;
-        }
-        case StepTypes.TEXTAREA: {
-            if (step.hasTextEditor) {
-                if (typeof value === 'string') {
-                    return stringToDraft(value);
-                }
-                return getRawText(value?.draft, value?.text);
-            }
-            const defaultValue = value.value ?? value;
-            if (typeof defaultValue === 'string') {
-                return defaultValue;
-            }
-            else {
-                return defaultValue?.text ?? '';
-            }
-        }
-        case StepTypes.SELECTOR: {
-            const option = step.options.find((option) => option.value === value);
-            if (!value?.value)
-                return option;
-            return value;
-        }
-        case StepTypes.CLASSIFIER_SELECTOR: {
-            const stepClassifier = form?.classifiers?.[step.idClassifier ?? ''];
-            if (stepClassifier && !value.value) {
-                const classifier = form.classifiers?.[value];
-                return { value, label: classifier?.name };
-            }
-            break;
-        }
-        default:
-            if (step.type.startsWith('CBR_') &&
-                value?.id &&
-                typeof value.id === 'number') {
-                return { ...value, id: value.id.toString() };
-            }
-            return value;
-    }
-};
-export const calcInitialSections = (form) => {
-    const previousSections = [];
-    const nextSections = calcNextSections(form.firstSection, form);
-    let idCurrentSection = null;
-    if (form.type === FormTypes.STEPPER) {
-        const firstSection = nextSections.shift();
-        if (firstSection)
-            idCurrentSection = firstSection;
-    }
-    return { previousSections, idCurrentSection, nextSections };
-};
-const calcNextSections = (idSection, form) => {
-    const section = form.sections[idSection];
-    if (!section)
-        return [];
-    const sections = [idSection];
-    if (section.nextSection)
-        sections.push(...calcNextSections(section.nextSection, form));
-    return sections;
-};

package/dist/mjs/App/AppHooks.d.ts

@@ -1,10 +0,0 @@
-import { Form, Organization } from '../@Types';
-import { AppProps } from './App';
-import { Branding } from '../@Types/Branding';
-export declare const useSetupApp: (isEmbedded: boolean, { preview, internal, postview, partial, editable, handleConfirmed, customSteps, valuesData, apiKey, formData, classifiers, ...others }: Omit<AppProps, 'isWidget'>) => {
-    form: Form | undefined | null;
-    organization: Organization | undefined | null;
-    branding: Branding | undefined;
-    reload: () => void;
-};
-export declare const useLogRocket: (organization: Organization | null | undefined, form: Form | null | undefined, { apiKey, internal, postview, preview, }: Pick<AppProps, 'apiKey' | 'internal' | 'postview' | 'preview'>) => void;