@onepercentio/one-ui 0.29.0 → 0.29.2

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;
+};

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

@@ -0,0 +1,38 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import InputMask from "react-input-mask";
+import Text from "../../../../../Text";
+import { useOneUIConfig } from "../../../../../../context/OneUIProvider";
+import Input from "../../../../../Input";
+import { isValidated } from "../../../Form.hook";
+/**
+ * Allows inputing a date
+ **/
+export default function dateFieldFactory(dateFormat) {
+    return function DateField({ onAnswer, question, value, error, }) {
+        const { titleVariant } = useOneUIConfig("component.form");
+        return (_jsxs(_Fragment, { children: [_jsx(Text, { type: titleVariant, children: question.title }), _jsx(InputMask, { mask: dateFormat, value: value, onChange: ({ target: { value } }) => {
+                        onAnswer("date", question.id, value);
+                    }, children: ((inputProps) => (_jsx(Input, { ...inputProps, placeholder: question.title, error: error }))) })] }));
+    };
+}
+const parseDate = (formattedDate) => {
+    const providedDate = formattedDate;
+    const dateParts = providedDate.split("/").map(Number);
+    if (dateParts.length < 2)
+        return false;
+    const [day, month, year] = dateParts;
+    const parsedDate = new Date(year, month - 1, day);
+    return parsedDate;
+};
+export const dateFieldValidatorFactory = (invalidDateLabel, requiredFieldLabel) => (answer) => {
+    const providedDate = answer || "";
+    const parsedDate = parseDate(providedDate);
+    if (!parsedDate)
+        return {
+            isValid: false,
+            error: invalidDateLabel,
+        };
+    const dateValidation = isValidated(providedDate, false, undefined, requiredFieldLabel);
+    return dateValidation;
+};
+//# sourceMappingURL=DateField.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DateField.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/DateField/DateField.tsx"],"names":[],"mappings":";AACA,OAAO,SAAS,MAAM,kBAAkB,CAAC;AAEzC,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,UAAkB;IACzD,OAAO,SAAS,SAAS,CAAC,EACxB,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,KAAK,GACyB;QAC9B,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAC1D,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,YAAG,QAAQ,CAAC,KAAK,GAAQ,EACjD,KAAC,SAAS,IACR,IAAI,EAAE,UAAU,EAChB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAO,EAAE,EAAE;wBACvC,QAAQ,CAAC,MAAM,EAAE,QAAQ,CAAC,EAAE,EAAE,KAAe,CAAC,CAAC;oBACjD,CAAC,YAGC,CAAC,CAAC,UAAe,EAAE,EAAE,CAAC,CACpB,KAAC,KAAK,OACA,UAAU,EACd,WAAW,EAAE,QAAQ,CAAC,KAAK,EAC3B,KAAK,EAAE,KAAK,GACZ,CACH,CAAyB,GAElB,IACX,CACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,SAAS,GAAG,CAAC,aAAqB,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,aAAa,CAAC;IACnC,MAAM,SAAS,GAAG,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC;IACtD,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC;QAAE,OAAO,KAAK,CAAC;IACvC,MAAM,CAAC,GAAG,EAAE,KAAK,EAAE,IAAI,CAAC,GAAG,SAAS,CAAC;IACrC,MAAM,UAAU,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,GAAG,CAAC,EAAE,GAAG,CAAC,CAAC;IAElD,OAAO,UAAU,CAAC;AACpB,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GACpC,CAAC,gBAAwB,EAAE,kBAA0B,EAAE,EAAE,CACzD,CAAC,MAAuC,EAAE,EAAE;IAC1C,MAAM,YAAY,GAAG,MAAM,IAAI,EAAE,CAAC;IAClC,MAAM,UAAU,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;IAC3C,IAAI,CAAC,UAAU;QACb,OAAO;YACL,OAAO,EAAE,KAAK;YACd,KAAK,EAAE,gBAAgB;SACxB,CAAC;IACJ,MAAM,cAAc,GAAG,WAAW,CAChC,YAAY,EACZ,KAAK,EACL,SAAS,EACT,kBAAkB,CACnB,CAAC;IACF,OAAO,cAAc,CAAC;AACxB,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from "./DateField";
+export * from "./DateField";

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

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

package/dist-ts/components/Form/v2/FormField/Extensions/DateField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/DateField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,aAAa,CAAC;AACtC,cAAc,aAAa,CAAC"}

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

@@ -0,0 +1,9 @@
+import { GenericFormFieldProps } from "../../FormField.types";
+/**
+ * An extra form field that enables the user to input a phone number
+ **/
+export default function phoneFieldFactory(invalidPhoneLabel: string): ({ value, question, onAnswer, error, }: GenericFormFieldProps<"phone">) => import("react/jsx-runtime").JSX.Element;
+export declare const phoneFieldValidator: (answer: [phoneNumber: string, isValid: boolean, error: string | undefined]) => {
+    isValid: boolean;
+    error: string | undefined;
+};

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js

@@ -0,0 +1,57 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo } from "react";
+import useModule from "../../../../../../hooks/utility/useModule";
+import Text from "../../../../../Text";
+import Input from "../../../../../Input";
+import { useOneUIConfig } from "../../../../../../context/OneUIProvider";
+/**
+ * An extra form field that enables the user to input a phone number
+ **/
+export default function phoneFieldFactory(invalidPhoneLabel) {
+    return function ({ value, question, onAnswer, error, }) {
+        const { country } = question;
+        const { titleVariant } = useOneUIConfig("component.form");
+        const [phone] = value || ["", false];
+        const phoneFormatter = useModule(() => import("google-libphonenumber").then((mod) => {
+            return mod.PhoneNumberUtil.getInstance();
+        }));
+        const { phoneFormat, valid, error: phoneError, } = useMemo(() => {
+            if (!phoneFormatter)
+                return {
+                    phoneFormat: phone,
+                    valid: false,
+                    error: "",
+                };
+            try {
+                const phoneInstance = phoneFormatter.parseAndKeepRawInput(phone, country);
+                const isPhoneValid = phoneFormatter.isValidNumber(phoneInstance);
+                return {
+                    phoneFormat: phoneFormatter.format(phoneInstance, 2),
+                    valid: isPhoneValid,
+                    error: isPhoneValid ? "" : invalidPhoneLabel,
+                };
+            }
+            catch (e) {
+                return {
+                    phoneFormat: phone,
+                    valid: false,
+                    error: invalidPhoneLabel,
+                };
+            }
+        }, [phone, phoneFormatter]);
+        useEffect(() => {
+            onAnswer("phone", question.id, [phoneFormat, valid, phoneError]);
+        }, [phoneFormat, valid]);
+        return (_jsxs(_Fragment, { children: [_jsx(Text, { type: titleVariant, children: question.title }), _jsx(Input, { placeholder: question.title, value: phoneFormat, onChange: ({ target: { value } }) => {
+                        onAnswer("phone", question.id, [value, false, phoneError]);
+                    }, error: error })] }));
+    };
+}
+export const phoneFieldValidator = (answer) => {
+    const isValid = !!answer && !!answer[1];
+    return {
+        isValid,
+        error: answer[2],
+    };
+};
+//# sourceMappingURL=PhoneField.js.map

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneField.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/PhoneField/PhoneField.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQlD,OAAO,SAAS,MAAM,2CAA2C,CAAC;AAClE,OAAO,IAAI,MAAM,qBAAqB,CAAC;AACvC,OAAO,KAAK,MAAM,sBAAsB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AAEzE;;IAEI;AACJ,MAAM,CAAC,OAAO,UAAU,iBAAiB,CAAC,iBAAyB;IACjE,OAAO,UAAU,EACf,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GAC0B;QAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,QAAQ,CAAC;QAC7B,MAAM,EAAE,YAAY,EAAE,GAAG,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAC1D,MAAM,CAAC,KAAK,CAAC,GAAG,KAAK,IAAI,CAAC,EAAE,EAAE,KAAK,CAAC,CAAC;QACrC,MAAM,cAAc,GAAG,SAAS,CAAC,GAAG,EAAE,CACpC,MAAM,CAAC,uBAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,EAAE,EAAE;YAC3C,OAAO,GAAG,CAAC,eAAe,CAAC,WAAW,EAAE,CAAC;QAC3C,CAAC,CAAC,CACH,CAAC;QACF,MAAM,EACJ,WAAW,EACX,KAAK,EACL,KAAK,EAAE,UAAU,GAClB,GAAG,OAAO,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,cAAc;gBACjB,OAAO;oBACL,WAAW,EAAE,KAAK;oBAClB,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,EAAE;iBACV,CAAC;YACJ,IAAI,CAAC;gBACH,MAAM,aAAa,GAAG,cAAc,CAAC,oBAAoB,CACvD,KAAK,EACL,OAAO,CACR,CAAC;gBACF,MAAM,YAAY,GAAG,cAAc,CAAC,aAAa,CAAC,aAAa,CAAC,CAAC;gBACjE,OAAO;oBACL,WAAW,EAAE,cAAc,CAAC,MAAM,CAAC,aAAa,EAAE,CAAC,CAAC;oBACpD,KAAK,EAAE,YAAY;oBACnB,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB;iBAC7C,CAAC;YACJ,CAAC;YAAC,OAAO,CAAC,EAAE,CAAC;gBACX,OAAO;oBACL,WAAW,EAAE,KAAK;oBAClB,KAAK,EAAE,KAAK;oBACZ,KAAK,EAAE,iBAAiB;iBACzB,CAAC;YACJ,CAAC;QACH,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC;QAE5B,SAAS,CAAC,GAAG,EAAE;YACb,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,WAAW,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;QACnE,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,CAAC;QAEzB,OAAO,CACL,8BACE,KAAC,IAAI,IAAC,IAAI,EAAE,YAAY,YAAG,QAAQ,CAAC,KAAK,GAAQ,EACjD,KAAC,KAAK,IACJ,WAAW,EAAE,QAAQ,CAAC,KAAK,EAC3B,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,EAAE;wBAClC,QAAQ,CAAC,OAAO,EAAE,QAAQ,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,EAAE,UAAU,CAAC,CAAC,CAAC;oBAC7D,CAAC,EACD,KAAK,EAAE,KAAe,GACtB,IACD,CACJ,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,mBAAmB,GAAG,CACjC,MAAwC,EACxC,EAAE;IACF,MAAM,OAAO,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;IACxC,OAAO;QACL,OAAO;QACP,KAAK,EAAE,MAAM,CAAC,CAAC,CAAC;KACjB,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default } from "./PhoneField";
+export * from "./PhoneField";

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js

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

package/dist-ts/components/Form/v2/FormField/Extensions/PhoneField/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/Form/v2/FormField/Extensions/PhoneField/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,cAAc,cAAc,CAAC"}

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

@@ -0,0 +1,5 @@
+import { FormFieldProps, FormFieldView } from "./FormField.types";
+/**
+ * The logic for a field of the form
+ **/
+export default function FormField<Q extends FormFieldView>({ config: c, value, ...props }: FormFieldProps<Q>): import("react/jsx-runtime").JSX.Element;