@frankieone/one-sdk 1.4.4-beta → 1.5.0-beta

package/dist/esm/modules/form/vendors/react/components/base/StandardDate/StandardDate.d.ts

@@ -0,0 +1,46 @@
+import React from "react";
+import { type FieldValues } from "react-hook-form";
+import type { LocaleType, CalendarType } from "../../../constants/form.const";
+import type { Control } from "react-hook-form";
+type CommonComponentProps = {
+    label: string;
+    isExpiry?: boolean;
+    helperText?: string;
+    calendarConfig?: CalendarConfig;
+    name?: string;
+    control?: Control<FieldValues>;
+    testId?: {
+        container?: string;
+        error?: string;
+    };
+};
+export type CalendarConfig = {
+    type: CalendarType;
+    locale: LocaleType;
+    day?: {
+        value?: number;
+        required?: boolean;
+    };
+    month?: {
+        value?: number;
+        required?: boolean;
+    };
+    year?: {
+        value?: number;
+        required: boolean;
+    };
+    age?: {
+        max?: number;
+        min?: number;
+        message: string;
+    };
+    message?: string;
+};
+export type StandardDateType = {
+    dd?: string;
+    mm: number;
+    yyyy: string;
+};
+declare const StandardDate: React.FC<CommonComponentProps>;
+export default StandardDate;
+//# sourceMappingURL=StandardDate.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/StandardDate/StandardDate.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardDate.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/StandardDate/StandardDate.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AACzC,OAAO,EAAW,KAAK,WAAW,EAAc,MAAM,iBAAiB,CAAC;AAYxE,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAC9E,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC;AAE/C,KAAK,oBAAoB,GAAG;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,cAAc,CAAC;IAChC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;IAC/B,MAAM,CAAC,EAAE;QACP,SAAS,CAAC,EAAE,MAAM,CAAC;QACnB,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;CACH,CAAC;AAEF,MAAM,MAAM,cAAc,GAAG;IAC3B,IAAI,EAAE,YAAY,CAAC;IACnB,MAAM,EAAE,UAAU,CAAC;IACnB,GAAG,CAAC,EAAE;QACJ,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,KAAK,CAAC,EAAE;QACN,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB,CAAC;IACF,IAAI,CAAC,EAAE;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;QACf,QAAQ,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,GAAG,CAAC,EAAE;QACJ,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,GAAG,CAAC,EAAE,MAAM,CAAC;QACb,OAAO,EAAE,MAAM,CAAC;KACjB,CAAC;IACF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAEF,QAAA,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAmRhD,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/StandardDate/StandardDate.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+import { useEffect } from "react";
+import { useForm, Controller } from "react-hook-form";
+import { MonthNameLength, ValidationRulesForForm, getMaxDaysInMonth, monthGenerator, } from "../../../constants/form.const.js";
+import { icons } from "../../../constants/icons.js";
+import Input from "../SharedInput/Input.js";
+import { SelectFormField } from "../SharedSelect/Select.js";
+const StandardDate = ({ label, isExpiry = false, helperText, calendarConfig, name, control, testId = {
+    container: "",
+    error: "",
+}, }) => {
+    return (_jsx(Controller, { control: control, name: name, render: ({ field, fieldState: { isValidating } }) => {
+            var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+            const standardForm = useForm({
+                defaultValues: { dd: "", mm: 0, yyyy: "" },
+                mode: "onTouched",
+            });
+            const { control: standardController } = standardForm;
+            const day = standardForm.watch("dd");
+            const month = +standardForm.watch("mm");
+            const year = parseInt(standardForm.watch("yyyy"));
+            const getErrors = () => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+                return (((_c = (_b = (_a = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _a === void 0 ? void 0 : _a.errors) === null || _b === void 0 ? void 0 : _b.yyyy) === null || _c === void 0 ? void 0 : _c.message) ||
+                    ((_f = (_e = (_d = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e.dd) === null || _f === void 0 ? void 0 : _f.message) ||
+                    ((_j = (_h = (_g = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h.mm) === null || _j === void 0 ? void 0 : _j.message));
+            };
+            useEffect(() => {
+                var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+                const fieldMonth = (_c = (_b = (_a = field.value) === null || _a === void 0 ? void 0 : _a.split("-")) === null || _b === void 0 ? void 0 : _b[`${isExpiry ? 0 : 1}`]) === null || _c === void 0 ? void 0 : _c.replace("null", "");
+                const date = (_h = ((_f = (_e = (_d = field.value) === null || _d === void 0 ? void 0 : _d.split("-")) === null || _e === void 0 ? void 0 : _e[0]) !== null && _f !== void 0 ? _f : (_g = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.day) === null || _g === void 0 ? void 0 : _g.value)) === null || _h === void 0 ? void 0 : _h.replace("null", "");
+                const year = (_o = ((_l = (_k = (_j = field.value) === null || _j === void 0 ? void 0 : _j.split("-")) === null || _k === void 0 ? void 0 : _k[`${isExpiry ? 1 : 2}`]) !== null && _l !== void 0 ? _l : (_m = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.year) === null || _m === void 0 ? void 0 : _m.value)) === null || _o === void 0 ? void 0 : _o.replace("null", "");
+                const month = fieldMonth ? +fieldMonth : (_p = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.month) === null || _p === void 0 ? void 0 : _p.value;
+                if (field.value != `${day}-${month}-${year}`) {
+                    standardForm.setValue("dd", date);
+                    standardForm.setValue("mm", month);
+                    standardForm.setValue("yyyy", year);
+                }
+            }, [field.value]);
+            useEffect(() => {
+                const message = getErrors();
+                control.setError(field.name, message ? { message } : null);
+            }, [getErrors()]);
+            useEffect(() => {
+                if (isValidating &&
+                    !standardForm.formState.isDirty &&
+                    !standardForm.formState.isValidating) {
+                    standardForm.trigger();
+                }
+            }, [isValidating, standardForm.formState]);
+            const options = monthGenerator({
+                calenderType: calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.type,
+                localeType: calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.locale,
+                monthNameLength: MonthNameLength.SHORT,
+            });
+            return (_jsxs("div", { children: [_jsx("div", { className: clsx("f1-w-full", "f1-py-2"), "data-testid": testId.container, children: _jsx("label", { htmlFor: name, className: clsx("f1-text-tertiary-grey-800", "f1-text-sm", "f1-font-medium", "f1-w-full", "f1-py-2"), children: label }) }), _jsxs("div", { className: clsx("f1-w-full", "f1-h-auto", "f1-flex", "f1-justify-between", "f1-gap-3", "f1-relative", `${getErrors() && "f1-mb-2"}`), children: [!isExpiry && (_jsx(Input, { type: "number", control: standardController, name: "dd", placeholder: "Day", hideError: true, rules: {
+                                    required: {
+                                        value: !!((_a = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.day) === null || _a === void 0 ? void 0 : _a.required),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Please enter valid date",
+                                    },
+                                    maxLength: {
+                                        value: 2,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Please enter valid date",
+                                    },
+                                    pattern: {
+                                        value: new RegExp(ValidationRulesForForm.onlyNumbers.value),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Please enter valid date",
+                                    },
+                                    validate: (value) => {
+                                        const maxDays = getMaxDaysInMonth({
+                                            month: month,
+                                            year: year,
+                                            calendarType: calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.type,
+                                        });
+                                        return ((parseInt(value) > 0 && parseInt(value) <= maxDays) ||
+                                            (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) ||
+                                            "Please enter valid date");
+                                    },
+                                }, onChange: (e) => field.onChange(`${e.target.value || ""}-${month || ""}-${year || ""}`) })), _jsx(SelectFormField, { control: standardController, name: "mm", options: options, rules: {
+                                    required: {
+                                        value: (_b = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.month) === null || _b === void 0 ? void 0 : _b.required,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) ||
+                                            "Please enter your date of birth",
+                                    },
+                                }, placeholder: "Month", emptyText: "No record found", hideError: true, onChange: (e) => field.onChange(`${day || ""}-${e.target.value || ""}-${year || ""}`), autocomplete: true }), _jsx(Input, { type: "number", control: standardController, placeholder: "Year", hideError: true, name: "yyyy", 
+                                // inputClassName={clsx("f1-mt-9")}
+                                rules: {
+                                    required: {
+                                        value: !!((_c = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.year) === null || _c === void 0 ? void 0 : _c.required),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Year is required",
+                                    },
+                                    minLength: {
+                                        value: 4,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Invalid Year",
+                                    },
+                                    maxLength: {
+                                        value: 4,
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "Invalid Year",
+                                    },
+                                    pattern: {
+                                        value: new RegExp(ValidationRulesForForm.onlyNumbers.value),
+                                        message: (calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) || "only numbers are allowed",
+                                    },
+                                    validate: (value) => {
+                                        var _a, _b, _c;
+                                        const inputYear = +value;
+                                        const min = (_a = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.age) === null || _a === void 0 ? void 0 : _a.min;
+                                        const max = (_b = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.age) === null || _b === void 0 ? void 0 : _b.max;
+                                        const currentYear = new Date().getFullYear();
+                                        const isValidAge = () => {
+                                            if (currentYear < inputYear &&
+                                                inputYear - currentYear > max) {
+                                                return true;
+                                            }
+                                            else if (currentYear > inputYear &&
+                                                currentYear - inputYear > min) {
+                                                return true;
+                                            }
+                                            else {
+                                                return false;
+                                            }
+                                        };
+                                        return (!isValidAge() ||
+                                            isExpiry ||
+                                            ((_c = calendarConfig === null || calendarConfig === void 0 ? void 0 : calendarConfig.message) !== null && _c !== void 0 ? _c : "Invalid Age"));
+                                    },
+                                }, onChange: (e) => field.onChange(`${day || ""}-${month || ""}-${e.target.value || ""}`) })] }), (helperText || getErrors()) && (_jsx("div", { children: _jsxs("div", { "data-testid": testId.error, className: clsx("f1-flex", "f1-flex-col", "f1-gap-1", "f1-mt-[-4px]", "f1-text-[14px]"), children: [_jsxs("div", { className: clsx("f1-flex", "f1-text-[red]"), children: [getErrors() && (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline })), (getErrors() &&
+                                            ((_f = (_e = (_d = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _d === void 0 ? void 0 : _d.errors) === null || _e === void 0 ? void 0 : _e.yyyy) === null || _f === void 0 ? void 0 : _f.message)) ||
+                                            ((_j = (_h = (_g = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _g === void 0 ? void 0 : _g.errors) === null || _h === void 0 ? void 0 : _h.dd) === null || _j === void 0 ? void 0 : _j.message) ||
+                                            ((_m = (_l = (_k = standardForm === null || standardForm === void 0 ? void 0 : standardForm.formState) === null || _k === void 0 ? void 0 : _k.errors) === null || _l === void 0 ? void 0 : _l.mm) === null || _m === void 0 ? void 0 : _m.message)] }), _jsx("div", { className: clsx("f1-text-tertiary-grey-500"), children: helperText })] }) }))] }));
+        } }));
+};
+export default StandardDate;
+//# sourceMappingURL=StandardDate.js.map

package/dist/esm/modules/form/vendors/react/components/base/StandardDate/StandardDate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StandardDate.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/StandardDate/StandardDate.tsx"],"names":[],"mappings":"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"}

package/dist/esm/modules/form/vendors/react/components/base/TextField/TextSelectField.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import type { IFrankieTextFieldProps } from "../../../types/form";
+export declare const FrankieTextField: React.ForwardRefExoticComponent<Omit<IFrankieTextFieldProps<string>, "ref"> & React.RefAttributes<HTMLInputElement>>;
+//# sourceMappingURL=TextSelectField.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/TextField/TextSelectField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelectField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/TextField/TextSelectField.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAKpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAC;AAGlE,eAAO,MAAM,gBAAgB,sHAiP3B,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/TextField/TextSelectField.js

@@ -0,0 +1,41 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-unused-vars */
+import clsx from "clsx";
+import { forwardRef, useState } from "react";
+import { icons } from "../../../constants/icons.js";
+import { FrankieButton } from "../FrankieButton/index.js";
+export const FrankieTextField = forwardRef(function FrankieTextField({ className = "", inputClassName = "", counter, disabled = false, error = false, errorText = "", label, name, placeholder = "", readOnly = false, helperText = "", tag, badge, closeButton, isSearchIcon, testId = {
+    container: "",
+    input: "",
+    label: "",
+    tag: "",
+    showPassword: "",
+    helperText: "",
+    counter: "",
+    closeCta: "",
+}, type = "text", value, onBlur, onChange, onClick, onFocus, onKeyDown, min, max, minLength, maxLength, pattern, required, autoComplete, configYear, hideError = false, }, ref) {
+    const [inputLength, setInputLength] = useState(0);
+    const [passwordVisibility, setPasswordVisibility] = useState(false);
+    const handleInput = (e) => {
+        var _a, _b;
+        setInputLength((_b = (_a = e.currentTarget) === null || _a === void 0 ? void 0 : _a.value) === null || _b === void 0 ? void 0 : _b.length);
+    };
+    return (_jsxs("div", { className: clsx("f1-w-full", `${!(errorText === null || errorText === void 0 ? void 0 : errorText.length) && error && "f1-mb-3"}`, className), "data-testid": testId === null || testId === void 0 ? void 0 : testId.container, children: [(label || tag) && (_jsxs("div", { className: clsx("f1-w-full", "f1-h-5", "f1-bg-white", "f1-border", "f1-rounded-sm", "f1-py-2", "f1-focus:outline-none"), children: [_jsx("div", { className: clsx("grow"), children: _jsx("label", { htmlFor: name, className: clsx("f1-text-sm", "f1-font-medium", "f1-w-full", 'f1-text-[#1F2A37]'), "data-testid": testId === null || testId === void 0 ? void 0 : testId.label, children: label }) }), _jsx("div", { className: clsx("f1-flex", "f1-flex-initial", "f1-grow", "f1-justify-end", 'f1-text-[#1F2A37]'), "data-testid": testId === null || testId === void 0 ? void 0 : testId.tag, children: tag })] })), _jsxs("div", { className: clsx(`"f1-relative"`, "frankie-text-field-container"), children: [_jsx("input", { id: name, name: name, "aria-label": name, ref: ref, className: clsx("f1-w-full", "f1-rounded-sm", "f1-px-[16px]", "f1-py-[14px]", "f1-focus:outline-none", "f1-box-border", "f1-border", "f1-border-solid", inputClassName, 'f1-text-md', 'f1-font-normal', 'f1-text-[#374151]', {
+                            "f1-border-tertiary-red-500": error,
+                            'f1-placeholder-tertiary-red-600': error,
+                            '!f1-text-tertiary-red-600': error,
+                            "f1-bg-[#FDF2F2]": error,
+                            "f1-border-tertiary-grey-300": !error,
+                        }), placeholder: placeholder, disabled: disabled, readOnly: readOnly, type: passwordVisibility ? "text" : type, onInput: handleInput, value: value !== null && value !== void 0 ? value : "", "data-testid": testId.input, onBlur: onBlur, onChange: onChange, onClick: onClick, onFocus: onFocus, min: min, max: max, minLength: minLength, maxLength: maxLength, pattern: pattern, required: required, autoComplete: autoComplete, onKeyDown: onKeyDown }), type === "search" && isSearchIcon && (_jsx("img", { onClick: onClick, className: clsx("f1-absolute", "f1-top-[10px]", "f1-cursor-text"), src: icons.magnify })), !!badge && badge, type === "password" && (_jsx("div", { className: clsx("f1-absolute", "f1-top-0", "f1-right-2"), children: _jsx(FrankieButton, { intent: "subtle", size: "md", testId: { button: testId === null || testId === void 0 ? void 0 : testId.showPassword }, className: clsx("f1-text-tertiary-grey-500"), onClick: () => setPasswordVisibility(!passwordVisibility), singleIcon: {
+                                size: "xs",
+                                name: passwordVisibility ? "mdiEyeOffOutline" : "mdiEyeOutline",
+                            } }) })), closeButton && (_jsx(FrankieButton, { noStyles: true, testId: { button: testId.closeCta }, className: clsx("f1-text-tertiary-grey-500"), onClick: closeButton.onClick, singleIcon: {
+                            size: "xs",
+                            name: "mdiClose",
+                        } }))] }), _jsxs("div", { className: clsx("f1-flex", `${configYear && "f1-absolute , f1-left-0"}`), children: [(helperText || errorText) && !hideError && (_jsx("div", { children: _jsxs("div", { className: clsx("f1-flex", "f1-flex-col", "f1-gap-1", "f1-mt-1", "f1-text-[14px]"), children: [_jsxs("div", { "data-testid": testId.helperText, className: clsx("f1-flex", "f1-text-[red]"), children: [error && (errorText === null || errorText === void 0 ? void 0 : errorText.length) > 1
+                                            ? (_jsx("img", { className: clsx("f1-mr-1"), src: icons.alertCircleOutline }))
+                                            : (""), error && errorText] }), _jsx("div", { className: clsx("f1-text-tertiary-grey-500"), children: helperText })] }) })), _jsx("div", { "data-testid": testId.counter, children: typeof counter === "number" && counter > 0
+                            ? (_jsxs("div", { className: clsx(inputLength > counter ? "f1-text-red-700" : ""), children: [inputLength, "/", counter] }))
+                            : (counter) })] })] }));
+});
+//# sourceMappingURL=TextSelectField.js.map

package/dist/esm/modules/form/vendors/react/components/base/TextField/TextSelectField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelectField.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/TextField/TextSelectField.tsx"],"names":[],"mappings":";AAAA,sDAAsD;AACtD,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAKjD,MAAM,CAAC,MAAM,gBAAgB,GAAG,UAAU,CAAC,SAAS,gBAAgB,CAClE,EACE,SAAS,GAAG,EAAE,EACd,cAAc,GAAG,EAAE,EACnB,OAAO,EACP,QAAQ,GAAG,KAAK,EAChB,KAAK,GAAG,KAAK,EACb,SAAS,GAAG,EAAE,EACd,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,EAAE,EAChB,QAAQ,GAAG,KAAK,EAChB,UAAU,GAAG,EAAE,EACf,GAAG,EACH,KAAK,EACL,WAAW,EACX,YAAY,EACZ,MAAM,GAAG;IACP,SAAS,EAAE,EAAE;IACb,KAAK,EAAE,EAAE;IACT,KAAK,EAAE,EAAE;IACT,GAAG,EAAE,EAAE;IACP,YAAY,EAAE,EAAE;IAChB,UAAU,EAAE,EAAE;IACd,OAAO,EAAE,EAAE;IACX,QAAQ,EAAE,EAAE;CACb,EACD,IAAI,GAAG,MAAM,EACb,KAAK,EACL,MAAM,EACN,QAAQ,EACR,OAAO,EACP,OAAO,EACP,SAAS,EACT,GAAG,EACH,GAAG,EACH,SAAS,EACT,SAAS,EACT,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,UAAU,EACV,SAAS,GAAG,KAAK,GACM,EACzB,GAAyC;IAEzC,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClD,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpE,MAAM,WAAW,GAAG,CAAC,CAA8B,EAAE,EAAE;;QACrD,cAAc,CAAC,MAAA,MAAA,CAAC,CAAC,aAAa,0CAAE,KAAK,0CAAE,MAAM,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,OAAO,CACL,eACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,GAAG,CAAC,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,CAAA,IAAI,KAAK,IAAI,SAAS,EAAE,EAC7C,SAAS,CACV,iBACY,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,SAAS,aAE7B,CAAC,KAAK,IAAI,GAAG,CAAC,IAAI,CACjB,eACE,SAAS,EAAE,IAAI,CACb,WAAW,EACX,QAAQ,EACR,aAAa,EACb,WAAW,EACX,eAAe,EACf,SAAS,EACT,uBAAuB,CACxB,aAED,cAAK,SAAS,EAAE,IAAI,CAAC,MAAM,CAAC,YAC1B,gBACE,OAAO,EAAE,IAAI,EACb,SAAS,EAAE,IAAI,CACb,YAAY,EACZ,gBAAgB,EAChB,WAAW,EACX,mBAAmB,CACpB,iBACY,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,YAEzB,KAAK,GACA,GACJ,EACN,cACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,iBAAiB,EACjB,SAAS,EACT,gBAAgB,EAChB,mBAAmB,CACpB,iBACY,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,GAAG,YAEvB,GAAG,GACA,IACF,CACP,EACD,eAAK,SAAS,EAAE,IAAI,CAAC,eAAe,EAAE,8BAA8B,CAAC,aACnE,gBACE,EAAE,EAAE,IAAI,EACR,IAAI,EAAE,IAAI,gBACE,IAAI,EAChB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAI,CACb,WAAW,EACX,eAAe,EACf,cAAc,EACd,cAAc,EACd,uBAAuB,EACvB,eAAe,EACf,WAAW,EACX,iBAAiB,EACjB,cAAc,EACd,YAAY,EACZ,gBAAgB,EAChB,mBAAmB,EACnB;4BACE,4BAA4B,EAAE,KAAK;4BACnC,iCAAiC,EAAE,KAAK;4BACxC,2BAA2B,EAAC,KAAK;4BACjC,iBAAiB,EAAE,KAAK;4BACxB,6BAA6B,EAAE,CAAC,KAAK;yBACtC,CACF,EACD,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,EACxC,OAAO,EAAE,WAAW,EACpB,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,iBACL,MAAM,CAAC,KAAK,EACzB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,GAAG,EAAE,GAAG,EACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,EACD,IAAI,KAAK,QAAQ,IAAI,YAAY,IAAI,CACpC,cACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,eAAe,EAAE,gBAAgB,CAAC,EACjE,GAAG,EAAE,KAAK,CAAC,OAAO,GAClB,CACH,EACA,CAAC,CAAC,KAAK,IAAI,KAAK,EAChB,IAAI,KAAK,UAAU,IAAI,CACtB,cAAK,SAAS,EAAE,IAAI,CAAC,aAAa,EAAE,UAAU,EAAE,YAAY,CAAC,YAC3D,KAAC,aAAa,IACZ,MAAM,EAAC,QAAQ,EACf,IAAI,EAAC,IAAI,EACT,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,YAAY,EAAE,EACxC,SAAS,EAAE,IAAI,CAAC,2BAA2B,CAAC,EAC5C,OAAO,EAAE,GAAG,EAAE,CAAC,qBAAqB,CAAC,CAAC,kBAAkB,CAAC,EACzD,UAAU,EAAE;gCACV,IAAI,EAAE,IAAI;gCACV,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,eAAe;6BAChE,GACD,GACE,CACP,EAEA,WAAW,IAAI,CACd,KAAC,aAAa,IACZ,QAAQ,QACR,MAAM,EAAE,EAAE,MAAM,EAAE,MAAM,CAAC,QAAQ,EAAE,EACnC,SAAS,EAAE,IAAI,CAAC,2BAA2B,CAAC,EAC5C,OAAO,EAAE,WAAW,CAAC,OAAO,EAC5B,UAAU,EAAE;4BACV,IAAI,EAAE,IAAI;4BACV,IAAI,EAAE,UAAU;yBACjB,GACD,CACH,IACG,EACN,eACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,GAAG,UAAU,IAAI,yBAAyB,EAAE,CAC7C,aAEA,CAAC,UAAU,IAAI,SAAS,CAAC,IAAI,CAAC,SAAS,IAAI,CAC1C,wBACE,eACE,SAAS,EAAE,IAAI,CACb,SAAS,EACT,aAAa,EACb,UAAU,EACV,SAAS,EACT,gBAAgB,CACjB,aAED,8BACe,MAAM,CAAC,UAAU,EAC9B,SAAS,EAAE,IAAI,CAAC,SAAS,EAAE,eAAe,CAAC,aAE1C,KAAK,IAAI,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,MAAM,IAAG,CAAC;4CAC/C,CAAC,CAAC,CACgB,cACE,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAC1B,GAAG,EAAE,KAAK,CAAC,kBAAkB,GAC7B,CACH;4CACjB,CAAC,CAAC,CACgB,EAAE,CACH,EACA,KAAK,IAAI,SAAS,IACf,EACN,cAAK,SAAS,EAAE,IAAI,CAAC,2BAA2B,CAAC,YAC9C,UAAU,GACP,IACF,GACF,CACP,EACD,6BAAkB,MAAM,CAAC,OAAO,YAC7B,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,GAAG,CAAC;4BACrD,CAAC,CAAC,CACU,eACE,SAAS,EAAE,IAAI,CAAC,WAAW,GAAG,OAAO,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,EAAE,CAAC,aAE9D,WAAW,OAAG,OAAO,IAClB,CACP;4BACX,CAAC,CAAC,CACU,OAAO,CACR,GACG,IACF,IACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.d.ts

@@ -0,0 +1,2 @@
+export declare const BASE_COMPONENTS_KEY = "base_components_key";
+//# sourceMappingURL=baseComponent.key.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponent.key.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/baseComponent.key.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB,wBAAwB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.js

@@ -0,0 +1,2 @@
+export const BASE_COMPONENTS_KEY = "base_components_key";
+//# sourceMappingURL=baseComponent.key.js.map

package/dist/esm/modules/form/vendors/react/components/base/baseComponent.key.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"baseComponent.key.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/baseComponent.key.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,mBAAmB,GAAG,qBAAqB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../../modules/form/vendors/react/components/base/index.tsx"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.d.ts

@@ -0,0 +1,61 @@
+export declare const frankieTextAreaQa: {
+    container: "base_components_key-frankie-text-area-qa-container";
+    input: "base_components_key-frankie-text-area-qa-input";
+    label: "base_components_key-frankie-text-area-qa-label";
+    tag: "base_components_key-frankie-text-area-qa-tag";
+    supportingText: "base_components_key-frankie-text-area-qa-supportingText";
+    closeCta: "base_components_key-frankie-text-area-qa-closeCta";
+    option: "base_components_key-frankie-text-area-qa-option";
+    actionBtn: "base_components_key-frankie-text-area-qa-action-btn";
+};
+export declare const selectFieldQa: {
+    container: "base_components_key-frankie-select-field-qa-container";
+    input: "base_components_key-frankie-select-field-qa-input";
+    label: "base_components_key-frankie-select-field-qa-label";
+    tag: "base_components_key-frankie-select-field-qa-tag";
+    supportingText: "base_components_key-frankie-select-field-qa-supportingText";
+    closeCta: "base_components_key-frankie-select-field-qa-closeCta";
+    option: "base_components_key-frankie-select-field-qa-option";
+};
+export declare const frankieTextFieldQa: {
+    container: "base_components_key-frankie-text-field-qa-container";
+    input: "base_components_key-frankie-text-field-qa-input";
+    label: "base_components_key-frankie-text-field-qa-label";
+    tag: "base_components_key-frankie-text-field-qa-tag";
+    helperText: "base_components_key-frankie-text-field-qa-supportingText";
+    closeCta: "base_components_key-frankie-text-field-qa-closeCta";
+    option: "base_components_key-frankie-text-field-qa-option";
+    actionBtn: "base_components_key-frankie-text-field-qa-action-btn";
+    showPassword: "base_components_key-frankie-text-field-qa-show-password";
+    counter: "base_components_key-frankie-text-field-qa-counter";
+};
+export declare const sharedSelectFieldQa: {
+    container: "base_components_key-shared-select-field-qa-container";
+    input: "base_components_key-shared-select-field-qa-input";
+    label: "base_components_key-shared-select-field-qa-label";
+    tag: "base_components_key-shared-select-field-qa-tag";
+    supportingText: "base_components_key-shared-select-field-qa-supportingText";
+    closeCta: "base_components_key-shared-select-field-qa-closeCta";
+    option: "base_components_key-shared-select-field-qa-option";
+};
+export declare const sharedTextAreaQa: {
+    container: "base_components_key-frankie-text-area-qa-container";
+    input: "base_components_key-frankie-text-area-qa-input";
+    label: "base_components_key-frankie-text-area-qa-label";
+    tag: "base_components_key-frankie-text-area-qa-tag";
+    supportingText: "base_components_key-frankie-text-area-qa-supportingText";
+    closeCta: "base_components_key-frankie-text-area-qa-closeCta";
+    option: "base_components_key-frankie-text-area-qa-option";
+    actionBtn: "base_components_key-frankie-text-area-qa-action-btn";
+};
+export declare const sharedInputQa: {
+    container: "base_components_key-shared-input-qa-container";
+    input: "base_components_key-shared-input-qa-input";
+    label: "base_components_key-shared-input-qa-label";
+    tag: "base_components_key-shared-input-qa-tag";
+    helperText: "base_components_key-shared-input-qa-supportingText";
+    closeCta: "base_components_key-shared-input-qa-closeCta";
+    option: "base_components_key-shared-input-qa-option";
+    showPassword: "base_components_key-shared-input-qa-show-password";
+};
+//# sourceMappingURL=base.qa.d.ts.map

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.qa.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/qa/base.qa.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,iBAAiB;;;;;;;;;CASmC,CAAC;AAIlE,eAAO,MAAM,aAAa;;;;;;;;CAQ0C,CAAC;AAIrE,eAAO,MAAM,kBAAkB;;;;;;;;;;;CAWmC,CAAC;AAInE,eAAO,MAAM,mBAAmB;;;;;;;;CAQmC,CAAC;AAIpE,eAAO,MAAM,gBAAgB;;;;;;;;;CASmC,CAAC;AAIjE,eAAO,MAAM,aAAa;;;;;;;;;CASmC,CAAC"}

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.js

@@ -0,0 +1,68 @@
+import { BASE_COMPONENTS_KEY as BCK } from "../baseComponent.key.js";
+const FrankieTextArea = `${BCK}-frankie-text-area-qa`;
+export const frankieTextAreaQa = {
+    container: `${FrankieTextArea}-container`,
+    input: `${FrankieTextArea}-input`,
+    label: `${FrankieTextArea}-label`,
+    tag: `${FrankieTextArea}-tag`,
+    supportingText: `${FrankieTextArea}-supportingText`,
+    closeCta: `${FrankieTextArea}-closeCta`,
+    option: `${FrankieTextArea}-option`,
+    actionBtn: `${FrankieTextArea}-action-btn`,
+};
+const FrankieSelectField = `${BCK}-frankie-select-field-qa`;
+export const selectFieldQa = {
+    container: `${FrankieSelectField}-container`,
+    input: `${FrankieSelectField}-input`,
+    label: `${FrankieSelectField}-label`,
+    tag: `${FrankieSelectField}-tag`,
+    supportingText: `${FrankieSelectField}-supportingText`,
+    closeCta: `${FrankieSelectField}-closeCta`,
+    option: `${FrankieSelectField}-option`,
+};
+const FrankieTextField = `${BCK}-frankie-text-field-qa`;
+export const frankieTextFieldQa = {
+    container: `${FrankieTextField}-container`,
+    input: `${FrankieTextField}-input`,
+    label: `${FrankieTextField}-label`,
+    tag: `${FrankieTextField}-tag`,
+    helperText: `${FrankieTextField}-supportingText`,
+    closeCta: `${FrankieTextField}-closeCta`,
+    option: `${FrankieTextField}-option`,
+    actionBtn: `${FrankieTextField}-action-btn`,
+    showPassword: `${FrankieTextField}-show-password`,
+    counter: `${FrankieTextField}-counter`,
+};
+const SharedSelectField = `${BCK}-shared-select-field-qa`;
+export const sharedSelectFieldQa = {
+    container: `${SharedSelectField}-container`,
+    input: `${SharedSelectField}-input`,
+    label: `${SharedSelectField}-label`,
+    tag: `${SharedSelectField}-tag`,
+    supportingText: `${SharedSelectField}-supportingText`,
+    closeCta: `${SharedSelectField}-closeCta`,
+    option: `${SharedSelectField}-option`,
+};
+const SharedTextArea = `${BCK}-frankie-text-area-qa`;
+export const sharedTextAreaQa = {
+    container: `${SharedTextArea}-container`,
+    input: `${SharedTextArea}-input`,
+    label: `${SharedTextArea}-label`,
+    tag: `${SharedTextArea}-tag`,
+    supportingText: `${SharedTextArea}-supportingText`,
+    closeCta: `${SharedTextArea}-closeCta`,
+    option: `${SharedTextArea}-option`,
+    actionBtn: `${SharedTextArea}-action-btn`,
+};
+const sharedInput = `${BCK}-shared-input-qa`;
+export const sharedInputQa = {
+    container: `${sharedInput}-container`,
+    input: `${sharedInput}-input`,
+    label: `${sharedInput}-label`,
+    tag: `${sharedInput}-tag`,
+    helperText: `${sharedInput}-supportingText`,
+    closeCta: `${sharedInput}-closeCta`,
+    option: `${sharedInput}-option`,
+    showPassword: `${sharedInput}-show-password`,
+};
+//# sourceMappingURL=base.qa.js.map

package/dist/esm/modules/form/vendors/react/components/base/qa/base.qa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.qa.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/base/qa/base.qa.ts"],"names":[],"mappings":"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"}

package/dist/esm/modules/form/vendors/react/components/view/ActionFormField/ActionFormField.d.ts

@@ -0,0 +1,13 @@
+import type { FrankieActionFieldProps } from '../../base/FrankieActionField/FrankieActionField';
+import type { InputProps } from '../../base/SharedInput/Input';
+import type { SelectProps } from '../../base/SharedSelect/Select';
+import type { FrankieAddressProps } from '../FrankieAddress/FrankieAddress';
+import type { FieldValues } from 'react-hook-form';
+type ControlType<CType extends FieldTypes, FValues extends FieldValues> = (CType extends 'input' ? Omit<InputProps<FValues>, 'options'> : NonNullable<unknown>) & (CType extends 'select' ? SelectProps<FValues, string> : NonNullable<unknown>) & (CType extends 'address' ? FrankieAddressProps<FValues> : NonNullable<unknown>);
+type FieldTypes = 'input' | 'select' | 'address';
+export type ActionFormFieldProps<FValues extends FieldValues, FType extends FieldTypes = FieldTypes> = {
+    config: FrankieActionFieldProps<boolean>;
+} & ControlType<FType, FValues>;
+declare const ActionFormField: <FValues extends FieldValues>({ config, ...restProps }: ActionFormFieldProps<FValues>) => import("react/jsx-runtime").JSX.Element;
+export default ActionFormField;
+//# sourceMappingURL=ActionFormField.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/ActionFormField/ActionFormField.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionFormField.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/ActionFormField/ActionFormField.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,kDAAkD,CAAC;AAChG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,kCAAkC,CAAC;AAE5E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,KAAK,WAAW,CACd,KAAK,SAAS,UAAU,EACxB,OAAO,SAAS,WAAW,IACzB,CAAC,KAAK,SAAS,OAAO,GACtB,IAAI,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE,SAAS,CAAC,GACpC,WAAW,CAAC,OAAO,CAAC,CAAC,GACvB,CAAC,KAAK,SAAS,QAAQ,GACnB,WAAW,CAAC,OAAO,EAAE,MAAM,CAAC,GAC5B,WAAW,CAAC,OAAO,CAAC,CAAC,GACzB,CAAC,KAAK,SAAS,SAAS,GACpB,mBAAmB,CAAC,OAAO,CAAC,GAC5B,WAAW,CAAC,OAAO,CAAC,CAAC,CAAC;AAE5B,KAAK,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAEjD,MAAM,MAAM,oBAAoB,CAC9B,OAAO,SAAS,WAAW,EAC3B,KAAK,SAAS,UAAU,GAAG,UAAU,IACnC;IACF,MAAM,EAAE,uBAAuB,CAAC,OAAO,CAAC,CAAC;CAC1C,GAAG,WAAW,CAAC,KAAK,EAAE,OAAO,CAAC,CAAC;AAEhC,QAAA,MAAM,eAAe,0DAGlB,qBAAqB,OAAO,CAAC,4CAgD/B,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/ActionFormField/ActionFormField.js

@@ -0,0 +1,42 @@
+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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useController } from 'react-hook-form';
+import FrankieActionField from '../../base/FrankieActionField/FrankieActionField.js';
+import Input from '../../base/SharedInput/Input.js';
+import { SelectFormField } from '../../base/SharedSelect/Select.js';
+import FrankieAddress from '../FrankieAddress/FrankieAddress.js';
+const ActionFormField = (_a) => {
+    var _b;
+    var { config } = _a, restProps = __rest(_a, ["config"]);
+    const { field, fieldState } = useController({
+        control: config === null || config === void 0 ? void 0 : config['control'],
+        name: `${config === null || config === void 0 ? void 0 : config['name']}ShowToggle`,
+        defaultValue: null,
+        rules: {
+            required: 'Please let us know if you have any middle names',
+        },
+    });
+    const handleSelectValue = (value) => {
+        field.onChange(field.value === value ? null : value);
+    };
+    const fields = {
+        input: (_jsx(Input, Object.assign({}, config, restProps))),
+        address: (_jsx(FrankieAddress, Object.assign({}, config, restProps))),
+        select: (_jsx(SelectFormField, Object.assign({}, config, restProps))),
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(FrankieActionField, Object.assign({}, config, { onChange: handleSelectValue, currentValue: field.value, 
+                // error={fieldState === null ? config.error : null}
+                error: (_b = fieldState.error) === null || _b === void 0 ? void 0 : _b.message })), field.value && _jsx(_Fragment, { children: fields[config === null || config === void 0 ? void 0 : config['fieldType']] })] }));
+};
+export default ActionFormField;
+//# sourceMappingURL=ActionFormField.js.map

package/dist/esm/modules/form/vendors/react/components/view/ActionFormField/ActionFormField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionFormField.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/ActionFormField/ActionFormField.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,kBAAkB,MAAM,kDAAkD,CAAC;AAClF,OAAO,KAAK,MAAM,8BAA8B,CAAC;AACjD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AACjE,OAAO,cAAc,MAAM,kCAAkC,CAAC;AA+B9D,MAAM,eAAe,GAAG,CAA8B,EAGtB,EAAE,EAAE;;QAHkB,EACpD,MAAM,OAEwB,EAD3B,SAAS,cAFwC,UAGrD,CADa;IAEZ,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,aAAa,CAAC;QAC1C,OAAO,EAAE,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,SAAS,CAAC;QAC5B,IAAI,EAAE,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,MAAM,CAAC,YAAY;QACrC,YAAY,EAAE,IAAI;QAClB,KAAK,EAAE;YACL,QAAQ,EAAE,iDAAiD;SAC5D;KACF,CAAC,CAAC;IAEH,MAAM,iBAAiB,GAAG,CAAC,KAAc,EAAE,EAAE;QAC3C,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC;IACvD,CAAC,CAAC;IAEF,MAAM,MAAM,GAAkC;QAC5C,KAAK,EAAE,CACL,KAAC,KAAK,oBACC,MAAyC,EACzC,SAAiC,EACtC,CACH;QACD,OAAO,EAAE,CACP,KAAC,cAAc,oBACT,MAAM,EACL,SAAqD,EAC1D,CACH;QACD,MAAM,EAAE,CACN,KAAC,eAAe,oBACT,MAAkD,EAClD,SAAqD,EAC1D,CACH;KACF,CAAC;IAEF,OAAO,CACL,8BACE,KAAC,kBAAkB,oBACb,MAAM,IACV,QAAQ,EAAE,iBAAiB,EAC3B,YAAY,EAAE,KAAK,CAAC,KAAK;gBACzB,oDAAoD;gBACpD,KAAK,EAAE,MAAA,UAAU,CAAC,KAAK,0CAAE,OAAO,IAChC,EAED,KAAK,CAAC,KAAK,IAAI,4BAAG,MAAM,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,WAAW,CAAC,CAAC,GAAI,IACnD,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.d.ts

@@ -0,0 +1,13 @@
+import type { ManualAddressControlName } from "../ManualAddress/ManualAddress";
+import type { Control, FieldValues, Path, RegisterOptions } from "react-hook-form";
+export type FrankieAddressProps<AType extends FieldValues> = {
+    control: Control<AType>;
+    name: Path<AType>;
+    manualAddressConfig: ManualAddressControlName<AType>;
+    label: string;
+    isManual?: boolean;
+    rules?: RegisterOptions<AType, Path<AType>>;
+};
+declare const FrankieAddress: <AType extends FieldValues>({ control, name, manualAddressConfig, isManual, label, }: FrankieAddressProps<AType>) => import("react/jsx-runtime").JSX.Element;
+export default FrankieAddress;
+//# sourceMappingURL=FrankieAddress.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieAddress.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/E,OAAO,KAAK,EACV,OAAO,EACP,WAAW,EACX,IAAI,EACJ,eAAe,EAChB,MAAM,iBAAiB,CAAC;AAEzB,MAAM,MAAM,mBAAmB,CAAC,KAAK,SAAS,WAAW,IAAI;IAC3D,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;IAClB,mBAAmB,EAAE,wBAAwB,CAAC,KAAK,CAAC,CAAC;IACrD,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,eAAe,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;CAC7C,CAAC;AAEF,QAAA,MAAM,cAAc,wFAMjB,oBAAoB,KAAK,CAAC,4CAmC5B,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useEffect } from "react";
+import ManualAddress from "../ManualAddress/ManualAddress.js";
+import SearchableAddress from "../SearchableAddress/SearchableAddress.js";
+const FrankieAddress = ({ control, name, manualAddressConfig, isManual, label, }) => {
+    const [manual, setIsManual] = React.useState(false);
+    useEffect(() => {
+        setIsManual(isManual);
+    }, [isManual]);
+    // a flag to determine which format (auto/manual) to submit
+    useEffect(() => {
+        control._formValues.address.isAddedByCustomer = manual;
+    }, [manual]);
+    return (_jsx(_Fragment, { children: !manual
+            ? (_jsx(SearchableAddress, { label: label, onActionChange: setIsManual, control: control, isManual: manual, name: name, autoSuggestShowAfter: 3, autoSuggestion: true }))
+            : (_jsx(ManualAddress, { control: control, config: manualAddressConfig, onActionChange: setIsManual })) }));
+};
+export default FrankieAddress;
+//# sourceMappingURL=FrankieAddress.js.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieAddress.js","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieAddress/FrankieAddress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,aAAa,MAAM,gCAAgC,CAAC;AAC3D,OAAO,iBAAiB,MAAM,wCAAwC,CAAC;AAmBvE,MAAM,cAAc,GAAG,CAA4B,EACjD,OAAO,EACP,IAAI,EACJ,mBAAmB,EACnB,QAAQ,EACR,KAAK,GACsB,EAAE,EAAE;IAC/B,MAAM,CAAC,MAAM,EAAE,WAAW,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,QAAQ,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,2DAA2D;IAC3D,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,iBAAiB,GAAG,MAAM,CAAC;IACzD,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,OAAO,CACL,4BACG,CAAC,MAAM;YACN,CAAC,CAAC,CACA,KAAC,iBAAiB,IAChB,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,WAAW,EAC3B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,MAAM,EAChB,IAAI,EAAE,IAAI,EACV,oBAAoB,EAAE,CAAC,EACvB,cAAc,SACd,CACH;YACD,CAAC,CAAC,CACA,KAAC,aAAa,IACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,mBAAmB,EAC3B,cAAc,EAAE,WAAW,GAC3B,CACH,GACF,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieCardList/FrankieCardList.d.ts

@@ -0,0 +1,11 @@
+import type { Content, IDocuments, Styles } from '../../../appConfig.type';
+interface IdSelectionProps {
+    content: IDocuments[];
+    onSelect?: (instruction: IDocuments) => void;
+    subtitle?: Content;
+    style?: Styles;
+    testId?: string;
+}
+declare const FrankieCardList: ({ content, subtitle, onSelect, style, testId, }: IdSelectionProps) => import("react/jsx-runtime").JSX.Element;
+export default FrankieCardList;
+//# sourceMappingURL=FrankieCardList.d.ts.map

package/dist/esm/modules/form/vendors/react/components/view/FrankieCardList/FrankieCardList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FrankieCardList.d.ts","sourceRoot":"","sources":["../../../../../../../../../modules/form/vendors/react/components/view/FrankieCardList/FrankieCardList.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAC3E,UAAU,gBAAgB;IACxB,OAAO,EAAE,UAAU,EAAE,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,WAAW,EAAE,UAAU,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,QAAA,MAAM,eAAe,oDAMlB,gBAAgB,4CAkHlB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/esm/modules/form/vendors/react/components/view/FrankieCardList/FrankieCardList.js

@@ -0,0 +1,20 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import clsx from 'clsx';
+import DOMPurify from 'dompurify';
+import { useCallback } from 'react';
+import { ConfigCSSKeys } from '../../../appConfig.type.js';
+import { icons } from '../../../constants/icons.js';
+const FrankieCardList = ({ content, subtitle, onSelect, style, testId, }) => {
+    var _a, _b;
+    const frankieCard = useCallback((instruction, index) => {
+        var _a, _b;
+        return (_jsxs("div", { "data-testid": `${testId}-${index}`, className: clsx('f1-flex', 'f1-justify-between', 'f1-items-center', 'f1-px-4', 'f1-h-[73px]', 'f1-cursor-pointer', 'f1-rounded-[6px]', 'f1-border-solid', 'f1-border-[1px]', 'f1-text-tertiary-grey-700', 'hover:f1-bg-tertiary-grey-100', 'f1-border-tertiary-grey-200', 'focus:f1-bg-[#E7F0FF]', 'focus:f1-border-[3px]', ConfigCSSKeys.documentItem), style: (_a = instruction === null || instruction === void 0 ? void 0 : instruction.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.documentItem], tabIndex: 0, onClick: () => onSelect(instruction), children: [_jsxs("div", { className: clsx('f1-w-auto', 'f1-flex', 'f1-justify-evenly', 'f1-items-center', 'f1-h-full', 'f1-gap-2'), children: [(instruction === null || instruction === void 0 ? void 0 : instruction.icon) && _jsx("img", { src: instruction === null || instruction === void 0 ? void 0 : instruction.icon }), _jsxs("div", { className: clsx('f1-h-full', 'f1-flex', 'f1-flex-col', 'f1-justify-center', 'f1-gap-1'), children: [_jsx("h5", { className: clsx('f1-text-md', 'f1-m-0', 'f1-p-0', 'f1-text-tertiary-grey-700'), children: instruction.label }), (instruction === null || instruction === void 0 ? void 0 : instruction.subtitle) && (_jsx("p", { className: clsx('f1-font-semibold', 'f1-text-xs', 'f1-m-0', 'f1-p-0', 'f1-text-tertiary-grey-500', 'hover:f1-text-tertiary-grey-600'), children: instruction === null || instruction === void 0 ? void 0 : instruction.subtitle }))] })] }), _jsx("div", { className: clsx('my-auto'), children: _jsx("img", { src: (_b = instruction === null || instruction === void 0 ? void 0 : instruction.postIcon) !== null && _b !== void 0 ? _b : icons.rightArrowIcon }) })] }, `instructions-list-${index}`));
+    }, [content]);
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: clsx('f1-flex', 'f1-gap-6', 'f1-flex-col', 'f1-justify-between', 'f1-my-6', ConfigCSSKeys.documents), style: style === null || style === void 0 ? void 0 : style[ConfigCSSKeys.documents], children: content === null || content === void 0 ? void 0 : content.map(frankieCard) }), (subtitle === null || subtitle === void 0 ? void 0 : subtitle.label) && (_jsx("p", { className: clsx('f1-text-sm', 'f1-text-tertiary-grey-500', ConfigCSSKeys.subtitle), style: (_a = subtitle === null || subtitle === void 0 ? void 0 : subtitle.style) === null || _a === void 0 ? void 0 : _a[ConfigCSSKeys.subtitle], dangerouslySetInnerHTML: {
+                    __html: DOMPurify.sanitize((_b = subtitle === null || subtitle === void 0 ? void 0 : subtitle.label) !== null && _b !== void 0 ? _b : '', {
+                        sanitize: true,
+                    }),
+                } }))] }));
+};
+export default FrankieCardList;
+//# sourceMappingURL=FrankieCardList.js.map