@onepercentio/one-ui 0.29.0 → 0.29.1

package/dist-ts/components/Form/Form.d.ts

@@ -0,0 +1,49 @@
+import React, { ComponentProps, FunctionComponent, RefObject } from "react";
+import Input from "../Input";
+import Button from "../Button";
+import EmailInput from "../EmailInput";
+export type BaseForm = {
+    [k: string]: string | number | any;
+};
+export type FormForm = {
+    [k: string]: string | number;
+};
+export type FieldTypes = "email" | "text" | "textarea" | "select" | "number";
+export type FieldDefinition<M extends BaseForm, F extends keyof M, T extends FieldTypes> = {
+    validator: (v: M[F] | undefined, f: Partial<M>) => string | true;
+    placeholder?: string;
+} & (T extends "select" ? {
+    type: "select";
+    choices: ComponentProps<typeof import("../Select")["default"]>["items"];
+} : T extends "email" ? {
+    type: "email";
+    messages: ComponentProps<typeof EmailInput>["messages"];
+} : T extends "textarea" ? {
+    type: "textarea";
+    lines: number;
+} : {
+    type: "text" | "number";
+    inputProps?: ComponentProps<typeof Input>;
+});
+export type ClassName = string;
+export type FormInterface = {
+    clear: () => void;
+};
+export type FirebaseFormProps<M extends FormForm> = {
+    ref?: RefObject<FormInterface>;
+    submitting: boolean;
+    onSubmit: (data: M) => void;
+    submited?: boolean;
+    config: {
+        [k in keyof M]: FieldDefinition<M, k, FieldTypes>;
+    };
+    submitBtn: string | {
+        label: [FunctionComponent] | [FunctionComponent, ClassName];
+        loading: [FunctionComponent] | [FunctionComponent, ClassName];
+        error: [FunctionComponent] | [FunctionComponent, ClassName];
+        success: [FunctionComponent] | [FunctionComponent, ClassName];
+    };
+    btnProps?: ComponentProps<typeof Button>;
+};
+declare const FirebaseForm: React.ForwardRefExoticComponent<Omit<FirebaseFormProps<BaseForm>, "ref"> & React.RefAttributes<FormInterface>>;
+export default FirebaseForm;

package/dist-ts/components/Form/Form.js

@@ -0,0 +1,69 @@
+import { createElement as _createElement } from "react";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useImperativeHandle, useMemo, useState, } from "react";
+import Input from "../Input";
+import Button from "../Button";
+import Loader from "../Loader";
+import EmailInput from "../EmailInput";
+import AdaptiveButton from "../AdaptiveButton";
+function AdvancedAction({ config, submited, submitting, isValid, onClick, btnProps, }) {
+    const [key, Element, className] = submited === false
+        ? ["error", ...config.error]
+        : submited === true
+            ? ["success", ...config.success]
+            : submitting
+                ? ["loading", ...config.loading]
+                : ["default", ...config.label];
+    const salt = useMemo(() => Date.now(), [key]);
+    return (_jsx(AdaptiveButton, { variant: "filled", className: className, disabled: !isValid, onClick: onClick, ...btnProps, children: _jsx(Element, {}, key + salt) }));
+}
+function _FirebaseForm({ submitting, onSubmit, submited, config, submitBtn, btnProps = {}, }, ref) {
+    const [form, setform] = useState({});
+    const isValid = useMemo(() => !Object.keys(config).some((a) => typeof config[a].validator(form[a], form) === "string"), [form]);
+    async function sendContact(_form) {
+        onSubmit(_form);
+    }
+    useImperativeHandle(ref, () => ({
+        clear: () => setform({}),
+    }), [ref]);
+    return (_jsxs(_Fragment, { children: [Object.keys(config).map((c) => {
+                const fieldConfig = config[c];
+                const invalidMessage = fieldConfig.validator(form[c], form);
+                switch (fieldConfig.type) {
+                    case "select":
+                        return null;
+                    case "text":
+                    case "number":
+                        const isNumber = fieldConfig.type === "number";
+                        return (_createElement(Input, { ...fieldConfig.inputProps, key: c, name: c, error: form[c] && invalidMessage !== true
+                                ? invalidMessage
+                                : undefined, placeholder: config[c].placeholder, value: !isNumber ? form[c] || "" : undefined, hideError: "onfocus", onChange: ({ target: { value } }) => {
+                                let _value = isNumber ? Number(value) : value;
+                                if (isNumber && Number.isNaN(_value)) {
+                                    _value = undefined;
+                                }
+                                setform({
+                                    ...form,
+                                    [c]: _value,
+                                });
+                            } }));
+                    case "email":
+                        return (_jsx(EmailInput, { ...fieldConfig, name: c, hideError: "onfocus", error: form[c] && invalidMessage !== true
+                                ? invalidMessage
+                                : undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: (email) => setform({
+                                ...form,
+                                [c]: email,
+                            }) }, c));
+                    case "textarea":
+                        return (_jsx(Input, { name: c, hideError: "onfocus", error: form[c] && invalidMessage !== true
+                                ? invalidMessage
+                                : undefined, placeholder: config[c].placeholder, value: form[c] || "", onChange: ({ target: { value } }) => setform({
+                                ...form,
+                                [c]: value,
+                            }), multiline: fieldConfig.lines }, c));
+                }
+            }), typeof submitBtn === "string" ? (_jsxs(Button, { variant: "filled", disabled: submitting || !isValid || submited !== undefined, onClick: () => sendContact(form), ...btnProps, children: [submitBtn, "\u00A0", submitting && _jsx(Loader, {})] })) : (_jsx(AdvancedAction, { config: submitBtn, isValid: isValid, onClick: () => sendContact(form), submitting: submitting, submited: submited, btnProps: btnProps }))] }));
+}
+const FirebaseForm = forwardRef(_FirebaseForm);
+export default FirebaseForm;
+//# sourceMappingURL=Form.js.map

package/dist-ts/components/Form/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../src/components/Form/Form.tsx"],"names":[],"mappings":"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"}

package/dist-ts/components/Form/index.d.ts

@@ -0,0 +1 @@
+export { default } from "./Form";

package/dist-ts/components/Form/index.js

@@ -0,0 +1,2 @@
+export { default } from "./Form";
+//# sourceMappingURL=index.js.map

package/dist-ts/components/Form/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Form/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}

package/dist-ts/components/Form/v2/Form.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { FormViewProps } from "./Form.types";
+import { AnswerByField, FormFieldView } from "./FormField/FormField.types";
+export type FormRef<Q extends FormFieldView[]> = {
+    setAnswer<I extends Q[number]["id"]>(questionId: I, ans: AnswerByField<Q[number] & {
+        id: I;
+    }>): void;
+};
+/**
+ * Brainstorm:
+ * The answers must be externalized in some way because those answers will be manipulated
+ * There must be a way to disable non validation related errors
+ */
+/**
+ * A new and improved version of the one-ui design form
+ **/
+declare const _default: React.ForwardRefExoticComponent<FormViewProps<FormFieldView[]> & React.RefAttributes<FormRef<FormFieldView[]>>>;
+export default _default;

package/dist-ts/components/Form/v2/Form.hook.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { OneUIContextSpecs } from "../../../context/OneUIProvider";
+import { AnswerAction, AnswerByField, FormField, FormFieldTypes, FormFieldView, FormMode } from "./FormField/FormField.types";
+import { AnswersMap } from "./Form.types";
+export declare function useFormAnswers<A extends AnswersMap<any> = AnswersMap>(defaultAnswers: A, mode: FormMode): {
+    answers: A;
+    setAnswers: import("react").Dispatch<import("react").SetStateAction<A>>;
+};
+export declare function useFormState(currentQuestions: FormFieldView[], { answers, setAnswers }: ReturnType<typeof useFormAnswers>): {
+    answers: Partial<{
+        [x: string]: any;
+    }>;
+    isQuestionsAnswered: boolean;
+    isFilesUploaded: boolean;
+    onAnswerAction: <T extends FormFieldTypes>(questionType: T, id: string, answer: AnswerAction<{
+        type: T;
+    }> | undefined) => void;
+    questions: FormFieldView[];
+};
+export declare function useForm(currentQuestions: FormFieldView[], defaultAnswers: AnswersMap, mode: FormMode): {
+    answers: Partial<{
+        [x: string]: any;
+    }>;
+    isQuestionsAnswered: boolean;
+    isFilesUploaded: boolean;
+    onAnswerAction: <T extends FormFieldTypes>(questionType: T, id: string, answer: AnswerAction<{
+        type: T;
+    }> | undefined) => void;
+    questions: FormFieldView[];
+};
+export declare function useFieldErrors<Q extends Readonly<Pick<FormField, "type" | "id" | "optional" | "validator">[]>>(currentQuestions: Q, answers: AnswersMap, showAllErrors: boolean): { [k in Q[number]["id"]]: string; };
+export declare function areAllQuestionsAnswered(currentQuestions: FormField[], answers: AnswersMap, requiredLabel: string, extensions: OneUIContextSpecs["component"]["form"]["extensions"]): {
+    isValid: boolean;
+};
+export declare const isValidated: (_answer: AnswerByField<{
+    type: FormFieldTypes;
+}>, isOptional: boolean, validator: ((val: any) => string | boolean) | undefined, requiredFieldLabel: string) => {
+    isValid: any;
+    error: any;
+};

package/dist-ts/components/Form/v2/Form.hook.js

@@ -0,0 +1,222 @@
+import { useLayoutEffect, useMemo, useState } from "react";
+import { useOneUIConfig, } from "../../../context/OneUIProvider";
+import { FormMode, } from "./FormField/FormField.types";
+export function useFormAnswers(defaultAnswers, mode) {
+    const [answers, setAnswers] = useState(() => {
+        const clone = {
+            ...defaultAnswers,
+        };
+        if (mode === FormMode.READ_ONLY)
+            return clone;
+        return clone;
+    });
+    return {
+        answers,
+        setAnswers,
+    };
+}
+export function useFormState(currentQuestions, { answers, setAnswers }) {
+    const formConfig = useOneUIConfig("component.form");
+    const { isValid: isQuestionsAnswered } = useMemo(() => {
+        return areAllQuestionsAnswered(currentQuestions, answers, formConfig.requiredLabel, formConfig.extensions);
+    }, [answers, currentQuestions]);
+    const onAnswerAction = (questionType, id, answer) => {
+        switch (questionType) {
+            case "file":
+                const { onFileUpload } = formConfig;
+                setAnswers((prev) => {
+                    const file = answer;
+                    if (file)
+                        return {
+                            ...prev,
+                            [id]: onFileUpload(id, file),
+                        };
+                    delete prev[id];
+                    return { ...prev };
+                });
+                break;
+            default:
+                setAnswers((prev) => ({
+                    ...prev,
+                    [id]: answer,
+                }));
+        }
+    };
+    const isFilesUploaded = useFileUploads(currentQuestions, answers);
+    return {
+        answers,
+        isQuestionsAnswered,
+        isFilesUploaded,
+        onAnswerAction,
+        questions: currentQuestions,
+    };
+}
+export function useForm(currentQuestions, defaultAnswers, mode) {
+    const answers = useFormAnswers(defaultAnswers, mode);
+    return useFormState(currentQuestions, answers);
+}
+function useFileUploads(questions, answers) {
+    const fileUploadQuestions = useMemo(() => questions.filter((a) => a.type === "file"), [questions]);
+    const [fileUploadStatus, setFileUploadStatus] = useState({});
+    useLayoutEffect(() => {
+        const unsubs = [];
+        for (let fileQuestion of fileUploadQuestions) {
+            const uploadTask = answers[fileQuestion.id];
+            if (!uploadTask)
+                setFileUploadStatus((prev) => ({
+                    ...prev,
+                    [fileQuestion.id]: "running",
+                }));
+            else if (typeof uploadTask === "boolean") {
+                setFileUploadStatus((prev) => ({
+                    ...prev,
+                    [fileQuestion.id]: "success",
+                }));
+            }
+            else
+                unsubs.push(uploadTask.on("state_changed", (r) => {
+                    setFileUploadStatus((prev) => ({
+                        ...prev,
+                        [fileQuestion.id]: r.totalBytes === r.bytesTransferred ? "success" : "running",
+                    }));
+                }));
+        }
+        return () => {
+            unsubs.forEach((unsub) => unsub());
+        };
+    }, [answers, fileUploadQuestions]);
+    const areAllFileUploaded = useMemo(() => {
+        return fileUploadQuestions.reduce((r, question) => {
+            const uploadStatus = fileUploadStatus[question.id];
+            return r && uploadStatus === "success";
+        }, true);
+    }, [fileUploadStatus, fileUploadQuestions]);
+    return areAllFileUploaded;
+}
+export function useFieldErrors(currentQuestions, answers, showAllErrors) {
+    const { requiredLabel, extensions } = useOneUIConfig("component.form");
+    const errorMap = useMemo(() => {
+        const ans = (question) => answers[question.id];
+        const errorsMap = {};
+        for (let question of currentQuestions) {
+            const _isValidated = () => {
+                return isValidated(ans(question), !!question.optional, question.validator, requiredLabel);
+            };
+            const updateDefaultError = () => {
+                const validation = _isValidated();
+                errorsMap[question.id] = validation.error;
+            };
+            switch (question.type) {
+                case "check":
+                case "rawcheck":
+                    updateDefaultError();
+                    if (question.validator)
+                        errorsMap[question.id] = question.validator(ans(question));
+                    break;
+                case "number":
+                case "text":
+                case "select":
+                case "radio":
+                case "file":
+                    updateDefaultError();
+                    const validationResult = _isValidated();
+                    if (validationResult.error)
+                        errorsMap[question.id] = validationResult.error;
+                    break;
+                default:
+                    const extendedSupport = extensions?.[question.type];
+                    if (extendedSupport) {
+                        const validationResultExtend = extendedSupport.validator(ans(question), question);
+                        if (validationResultExtend.error)
+                            errorsMap[question.id] = validationResultExtend.error;
+                    }
+                    else {
+                        updateDefaultError();
+                    }
+            }
+        }
+        return errorsMap;
+    }, [currentQuestions, answers]);
+    const currentErrors = useMemo(() => {
+        return Object.entries(errorMap).reduce((r, [k, v]) => ({
+            ...r,
+            [k]: showAllErrors ? v : v !== requiredLabel ? v : undefined,
+        }), {});
+    }, [showAllErrors, errorMap]);
+    return currentErrors;
+}
+export function areAllQuestionsAnswered(currentQuestions, answers, requiredLabel, extensions) {
+    const isValid = currentQuestions.reduce((answeredAll, question) => {
+        const ans = (question) => answers[question.id];
+        const result = answeredAll &&
+            (() => {
+                switch (question.type) {
+                    case "accept":
+                        const checks = ans(question) || [];
+                        return question.accept.reduce((r, { optional }, idx) => r && (optional ? true : checks[idx]), true);
+                    case "check":
+                    case "rawcheck":
+                        if (question.optional)
+                            return true;
+                        if (question.validator)
+                            return question.validator(ans(question));
+                        const checkmarks = ans(question) || [];
+                        return checkmarks.includes(true);
+                    case "number":
+                    case "text":
+                    case "select":
+                    case "radio":
+                    case "file":
+                        if (!answers[question.id])
+                            return !!question.optional;
+                        const validationResult = isValidated(ans(question), !!question.optional, question.validator, requiredLabel);
+                        return validationResult.isValid && answeredAll;
+                    default:
+                        const extendedSupport = extensions?.[question.type];
+                        if (extendedSupport) {
+                            const validationResultExtend = extendedSupport.validator(ans(question), question);
+                            return validationResultExtend.isValid;
+                        }
+                        else
+                            return question.validator
+                                ? !!question.validator(ans(question))
+                                : !!ans(question);
+                }
+            })();
+        return result;
+    }, true);
+    return { isValid: !!isValid };
+}
+export const isValidated = (_answer, isOptional, validator, requiredFieldLabel) => {
+    const answer = Array.isArray(_answer) ? _answer[0] : _answer;
+    if (!answer && !isOptional)
+        return {
+            isValid: false,
+            error: requiredFieldLabel,
+        };
+    if (!validator)
+        if (Array.isArray(_answer)) {
+            const [_, isValid, error] = _answer;
+            return {
+                isValid,
+                error,
+            };
+        }
+        else {
+            return {
+                isValid: true,
+                error: "",
+            };
+        }
+    const validationResult = validator(answer);
+    if (typeof validationResult === "string")
+        return {
+            isValid: false,
+            error: validationResult,
+        };
+    return {
+        isValid: validationResult,
+        error: "",
+    };
+};
+//# sourceMappingURL=Form.hook.js.map

package/dist-ts/components/Form/v2/Form.hook.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.hook.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/Form.hook.ts"],"names":[],"mappings":"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"}

package/dist-ts/components/Form/v2/Form.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { forwardRef, useEffect, useImperativeHandle, } from "react";
+import { FormMode } from "./Form.types";
+import { useFieldErrors, useForm } from "./Form.hook";
+import FormField from "./FormField";
+function Form({ questions, initialAnswers = {}, ...props }, ref) {
+    const { mode = FormMode.WRITE } = props;
+    const { showAllErrors = false } = props;
+    const { answers, onAnswerAction, isQuestionsAnswered, isFilesUploaded } = useForm(questions, initialAnswers, mode);
+    const errors = useFieldErrors(questions, answers, showAllErrors);
+    useEffect(() => {
+        if (props.mode !== FormMode.READ_ONLY)
+            props.onFormUpdate(answers, isQuestionsAnswered && isFilesUploaded);
+    }, [answers, isQuestionsAnswered, isFilesUploaded]);
+    useImperativeHandle(ref, () => ({
+        setAnswer(id, val) {
+            onAnswerAction(questions.find((q) => q.id === id).type, id, val);
+        },
+    }), []);
+    return (_jsx(_Fragment, { children: questions.map((q) => (_jsx(FormField, { config: q, onAnswer: onAnswerAction, value: answers[q.id], error: errors[q.id], mode: mode }, q.id))) }));
+}
+/**
+ * Brainstorm:
+ * The answers must be externalized in some way because those answers will be manipulated
+ * There must be a way to disable non validation related errors
+ */
+/**
+ * A new and improved version of the one-ui design form
+ **/
+export default forwardRef(Form);
+//# sourceMappingURL=Form.js.map

package/dist-ts/components/Form/v2/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/Form.tsx"],"names":[],"mappings":";AAAA,OAAc,EAEZ,UAAU,EACV,SAAS,EACT,mBAAmB,GACpB,MAAM,OAAO,CAAC;AACf,OAAO,EAAgB,QAAQ,EAAiB,MAAM,cAAc,CAAC;AACrE,OAAO,EAAE,cAAc,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,SAAS,MAAM,aAAa,CAAC;AAUpC,SAAS,IAAI,CACX,EAAE,SAAS,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,KAAK,EAAoB,EAC9D,GAA6B;IAE7B,MAAM,EAAE,IAAI,GAAG,QAAQ,CAAC,KAAK,EAAE,GAAG,KAAK,CAAC;IACxC,MAAM,EAAE,aAAa,GAAG,KAAK,EAAE,GAAG,KAEjC,CAAC;IACF,MAAM,EAAE,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,eAAe,EAAE,GACrE,OAAO,CAAC,SAAS,EAAE,cAAc,EAAE,IAAI,CAAC,CAAC;IAC3C,MAAM,MAAM,GAAG,cAAc,CAAC,SAAS,EAAE,OAAO,EAAE,aAAa,CAAC,CAAC;IAEjE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,KAAK,CAAC,IAAI,KAAK,QAAQ,CAAC,SAAS;YACnC,KAAK,CAAC,YAAY,CAChB,OAAc,EACd,mBAAmB,IAAI,eAAe,CACvC,CAAC;IACN,CAAC,EAAE,CAAC,OAAO,EAAE,mBAAmB,EAAE,eAAe,CAAC,CAAC,CAAC;IAEpD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,SAAS,CAAC,EAAE,EAAE,GAAG;YACf,cAAc,CACZ,SAAS,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,CAAE,CAAC,IAAI,EACxC,EAAE,EACF,GAAU,CACX,CAAC;QACJ,CAAC;KACF,CAAC,EACF,EAAE,CACH,CAAC;IAEF,OAAO,CACL,4BACG,SAAS,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CACpB,KAAC,SAAS,IAER,MAAM,EAAE,CAAC,EACT,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,CAAQ,EAC3B,KAAK,EAAG,MAAc,CAAC,CAAC,CAAC,EAAE,CAAC,EAC5B,IAAI,EAAE,IAAI,IALL,CAAC,CAAC,EAAE,CAMT,CACH,CAAC,GACD,CACJ,CAAC;AACJ,CAAC;AAED;;;;GAIG;AAEH;;IAEI;AACJ,eAAe,UAAU,CAAC,IAAI,CAAC,CAAC"}

package/dist-ts/components/Form/v2/Form.types.d.ts

@@ -0,0 +1,97 @@
+import { AnswerByField, FormField } from "./FormField/FormField.types";
+export type BaseQuestion = {
+    id: string;
+    type: FormField["type"];
+};
+export type FormState<Q extends BaseQuestion[] = []> = [
+    answers: AnswersMap<Q>,
+    isValid: boolean
+];
+export declare enum DataStatus {
+    /** Form is empty */
+    PENDING = 0,
+    /** Form is partially filled */
+    INCOMPLETE = 1,
+    /** Form is completed */
+    COMPLETE = 2,
+    /** Form has error */
+    ERROR = 3
+}
+export declare enum StepStatus {
+    /** When the data is empty and needs to be filled */
+    INCOMPLETE = 0,
+    /** When data has already been filled */
+    COMPLETED = 1,
+    /** When the step is the current selected */
+    CURRENT = 2,
+    /** When the step has error */
+    ERROR = 3
+}
+export declare enum FormStep {
+    PERSONAL_DATA = 0,
+    ADDITIONAL_DATA = 1,
+    DOCUMENTS = 2,
+    INVEST_PROFILE = 3,
+    CONTRACTS = 4
+}
+export declare enum FormMode {
+    READ_ONLY = 0,
+    WRITE = 1
+}
+export type FormFieldView = FormField & {
+    title: string;
+};
+export type FormProps = {
+    onFormSubmitted: () => void;
+    savedAnswers: Partial<{
+        [questionId: string]: AnswerByField<FormField>;
+    }>;
+    startAt: FormStep;
+    onGoBack: () => void;
+};
+export type StepFormProps = Pick<FormProps, "savedAnswers"> & {
+    step: FormStep;
+} & ModeProps;
+export type ModeProps = {
+    mode: FormMode.READ_ONLY;
+} | {
+    mode: FormMode.WRITE;
+    onFinish: () => void;
+    onCancel: () => void;
+};
+export type FormViewProps<Q extends BaseQuestion[]> = {
+    questions: Q;
+} & ({
+    mode?: FormMode.WRITE;
+    initialAnswers?: AnswersMap;
+    onFormUpdate: (...args: FormState<Q>) => void;
+    /** When provided (true) show all current errors that are blocking the completion of the form */
+    showAllErrors?: boolean;
+} | {
+    initialAnswers: AnswersMap;
+    mode: FormMode.READ_ONLY;
+});
+export type AnswersMap<Q extends Readonly<BaseQuestion[]> = [
+    {
+        type: BaseQuestion["type"];
+        id: string;
+    }
+]> = Partial<{
+    [questionId in Q[number]["id"]]: AnswerByField<Q[number] & {
+        id: questionId;
+    }>;
+}>;
+export declare enum INVESTOR_PROFILE {
+    /**
+     * User can only spend up to 20k
+     */
+    RESTRICTED = 0,
+    /**
+     * User can only spend up to 10% of it's income
+     */
+    LIMITED = 1,
+    /**
+     * User doesn't have restrictions
+     */
+    UNLIMITED = 2
+}

package/dist-ts/components/Form/v2/Form.types.js

@@ -0,0 +1,51 @@
+export var DataStatus;
+(function (DataStatus) {
+    /** Form is empty */
+    DataStatus[DataStatus["PENDING"] = 0] = "PENDING";
+    /** Form is partially filled */
+    DataStatus[DataStatus["INCOMPLETE"] = 1] = "INCOMPLETE";
+    /** Form is completed */
+    DataStatus[DataStatus["COMPLETE"] = 2] = "COMPLETE";
+    /** Form has error */
+    DataStatus[DataStatus["ERROR"] = 3] = "ERROR";
+})(DataStatus || (DataStatus = {}));
+export var StepStatus;
+(function (StepStatus) {
+    /** When the data is empty and needs to be filled */
+    StepStatus[StepStatus["INCOMPLETE"] = 0] = "INCOMPLETE";
+    /** When data has already been filled */
+    StepStatus[StepStatus["COMPLETED"] = 1] = "COMPLETED";
+    /** When the step is the current selected */
+    StepStatus[StepStatus["CURRENT"] = 2] = "CURRENT";
+    /** When the step has error */
+    StepStatus[StepStatus["ERROR"] = 3] = "ERROR";
+})(StepStatus || (StepStatus = {}));
+export var FormStep;
+(function (FormStep) {
+    FormStep[FormStep["PERSONAL_DATA"] = 0] = "PERSONAL_DATA";
+    FormStep[FormStep["ADDITIONAL_DATA"] = 1] = "ADDITIONAL_DATA";
+    FormStep[FormStep["DOCUMENTS"] = 2] = "DOCUMENTS";
+    FormStep[FormStep["INVEST_PROFILE"] = 3] = "INVEST_PROFILE";
+    FormStep[FormStep["CONTRACTS"] = 4] = "CONTRACTS";
+})(FormStep || (FormStep = {}));
+export var FormMode;
+(function (FormMode) {
+    FormMode[FormMode["READ_ONLY"] = 0] = "READ_ONLY";
+    FormMode[FormMode["WRITE"] = 1] = "WRITE";
+})(FormMode || (FormMode = {}));
+export var INVESTOR_PROFILE;
+(function (INVESTOR_PROFILE) {
+    /**
+     * User can only spend up to 20k
+     */
+    INVESTOR_PROFILE[INVESTOR_PROFILE["RESTRICTED"] = 0] = "RESTRICTED";
+    /**
+     * User can only spend up to 10% of it's income
+     */
+    INVESTOR_PROFILE[INVESTOR_PROFILE["LIMITED"] = 1] = "LIMITED";
+    /**
+     * User doesn't have restrictions
+     */
+    INVESTOR_PROFILE[INVESTOR_PROFILE["UNLIMITED"] = 2] = "UNLIMITED";
+})(INVESTOR_PROFILE || (INVESTOR_PROFILE = {}));
+//# sourceMappingURL=Form.types.js.map

package/dist-ts/components/Form/v2/Form.types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.types.js","sourceRoot":"","sources":["../../../../src/components/Form/v2/Form.types.ts"],"names":[],"mappings":"AAgBA,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IACpB,oBAAoB;IACpB,iDAAO,CAAA;IACP,+BAA+B;IAC/B,uDAAU,CAAA;IACV,wBAAwB;IACxB,mDAAQ,CAAA;IACR,qBAAqB;IACrB,6CAAK,CAAA;AACP,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AAED,MAAM,CAAN,IAAY,UASX;AATD,WAAY,UAAU;IACpB,oDAAoD;IACpD,uDAAU,CAAA;IACV,wCAAwC;IACxC,qDAAS,CAAA;IACT,4CAA4C;IAC5C,iDAAO,CAAA;IACP,8BAA8B;IAC9B,6CAAK,CAAA;AACP,CAAC,EATW,UAAU,KAAV,UAAU,QASrB;AAED,MAAM,CAAN,IAAY,QAMX;AAND,WAAY,QAAQ;IAClB,yDAAa,CAAA;IACb,6DAAe,CAAA;IACf,iDAAS,CAAA;IACT,2DAAc,CAAA;IACd,iDAAS,CAAA;AACX,CAAC,EANW,QAAQ,KAAR,QAAQ,QAMnB;AAED,MAAM,CAAN,IAAY,QAGX;AAHD,WAAY,QAAQ;IAClB,iDAAS,CAAA;IACT,yCAAK,CAAA;AACP,CAAC,EAHW,QAAQ,KAAR,QAAQ,QAGnB;AAuDD,MAAM,CAAN,IAAY,gBAaX;AAbD,WAAY,gBAAgB;IAC1B;;OAEG;IACH,mEAAU,CAAA;IACV;;OAEG;IACH,6DAAO,CAAA;IACP;;OAEG;IACH,iEAAS,CAAA;AACX,CAAC,EAbW,gBAAgB,KAAhB,gBAAgB,QAa3B"}

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/DateField.d.ts

@@ -0,0 +1,11 @@
+import { AnswerByField, GenericFormFieldProps } from "../../FormField.types";
+/**
+ * Allows inputing a date
+ **/
+export default function dateFieldFactory(dateFormat: string): ({ onAnswer, question, value, error, }: GenericFormFieldProps<"date">) => import("react/jsx-runtime").JSX.Element;
+export declare const dateFieldValidatorFactory: (invalidDateLabel: string, requiredFieldLabel: string) => (answer: AnswerByField<{
+    type: "date";
+}>) => {
+    isValid: any;
+    error: any;
+};