eddev 2.2.7 → 2.2.9

package/dist/app/lib/integrations/gravityforms/field-types.js

@@ -0,0 +1,489 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef } from "react";
+// export type GFFieldTypes = {
+//   text: string
+//   textarea: string
+//   select: string
+//   number: number
+//   checkbox: string[]
+//   radio: string
+//   multi_choice: string | string[]
+//   image_choice: string | string[]
+//   name: GFNameData
+//   date: string
+//   time: string
+//   phone: string
+//   address: GFAddressData
+//   website: string
+//   email: string
+//   fileupload: File | FileList | File[]
+//   multiselect: string[]
+//   consent: boolean
+//   captcha: any
+//   html: void
+//   section: void
+// }
+function defineType(spec) {
+    return spec;
+}
+export const GF_BUILTIN_FIELDS = {
+    text: defineType({
+        getInitialValue: () => "",
+        getOptions: (field) => ({
+            placeholder: field.placeholder || "",
+            size: field.size || "large",
+        }),
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { id: id, type: "text", required: props.isRequired, name: `field_${props.id}`, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: props.value || "", onChange: (e) => props.set(e.currentTarget.value) }) }));
+        },
+    }),
+    textarea: defineType({
+        getInitialValue: () => "",
+        getOptions: (field) => ({
+            placeholder: field.placeholder || "",
+            size: field.size || "large",
+        }),
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx("textarea", { id: id, required: props.isRequired, name: `field_${props.id}`, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: props.value || "", onChange: (e) => props.set(e.currentTarget.value), rows: props.size === "small" ? 2 : props.size === "medium" ? 4 : 8 }) }));
+        },
+    }),
+    select: defineType({
+        getInitialValue: (field) => field.choices.find((choice) => choice.isSelected)?.value,
+        getOptions: (field) => ({
+            choices: field.choices || [],
+            placeholder: field.placeholder || "",
+        }),
+        defaultComponent(props) {
+            const id = useId();
+            const isPlaceholder = props.value === "" || props.value == null || props.value === undefined;
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Select, { id: id, name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, value: props.value || "", onChange: (e) => props.set(e.target.value), "data-is-placeholder": isPlaceholder ? "" : undefined, placeholder: isPlaceholder ? (props.placeholder ?? "") : undefined, choices: props.choices }) }));
+        },
+    }),
+    number: defineType({
+        getInitialValue: (field) => undefined,
+        getOptions: (field) => ({
+            rangeMin: field.rangeMin ? Number(field.rangeMin) : undefined,
+            rangeMax: field.rangeMax ? Number(field.rangeMax) : undefined,
+            numberFormat: field.numberFormat || "decimal_dot",
+            placeholder: field.placeholder || "",
+            size: field.size || "large",
+        }),
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { id: id, type: "number", required: props.isRequired, name: `field_${props.id}`, disabled: props.disabled, placeholder: props.placeholder || "", value: props.value !== undefined && props.value !== null ? props.value : "", min: props.rangeMin, max: props.rangeMax, onChange: (e) => {
+                        const number = parseFloat(e.currentTarget.value);
+                        props.set(String(number) === e.currentTarget.value ? number : e.currentTarget.value);
+                    } }) }));
+        },
+    }),
+    checkbox: defineType({
+        getInitialValue: (field) => field.choices.filter((choice) => choice.isSelected).map((choice) => choice.value) ?? [],
+        getOptions: (field) => ({
+            choices: field.choices || [],
+            enableOtherChoice: field.enableOtherChoice || false,
+            columns: field.columns ? Number(field.columns) : undefined,
+        }),
+        appendData(data, field, value, key) {
+            field.choices.forEach((choice, i) => {
+                let fieldKey = field.inputs[i].id;
+                data.append(`input_${fieldKey.toString()}`, value?.includes(choice.value) ? choice.value : "");
+            });
+        },
+        defaultComponent(props) {
+            return (_jsx(props.Wrapper, { children: _jsx("ul", { children: props.choices.map((choice, index) => (_jsx("li", { children: _jsxs("label", { children: [_jsx(props.formComponents.Input, { type: "checkbox", name: `field_${props.id}[]`, value: choice.value, disabled: props.disabled, checked: props.value?.includes(choice.value), onChange: (e) => {
+                                        if (e.target.checked) {
+                                            props.set([...(props.value || []), choice.value]);
+                                        }
+                                        else {
+                                            props.set((props.value || []).filter((v) => v !== choice.value));
+                                        }
+                                    } }), choice.text] }) }, index))) }) }));
+        },
+    }),
+    radio: defineType({
+        getInitialValue: (field) => field.choices.filter((choice) => choice.isSelected).map((choice) => choice.value) ?? [],
+        getOptions: (field) => ({
+            choices: field.choices || [],
+            enableOtherChoice: field.enableOtherChoice || false,
+            columns: field.columns ? Number(field.columns) : undefined,
+        }),
+        defaultComponent(props) {
+            return (_jsx(props.Wrapper, { children: _jsx("ul", { children: props.choices.map((choice, index) => (_jsx("li", { children: _jsxs("label", { children: [_jsx(props.formComponents.Input, { type: "radio", name: `field_${props.id}`, value: choice.value, disabled: props.disabled, checked: props.value === choice.value, onChange: (e) => {
+                                        props.set(choice.value);
+                                    } }), _jsx("span", { children: choice.text })] }) }, index))) }) }));
+        },
+    }),
+    multi_choice: defineType({
+        getInitialValue: () => undefined,
+        getOptions(field) {
+            return {
+                choices: field.choices || [],
+                placeholder: field.placeholder || "",
+            };
+        },
+        appendData(data, field, value, key) {
+            if (field.choiceLimit !== "single") {
+                field.choices.forEach((choice, i) => {
+                    let fieldKey = field.inputs[i].id;
+                    data.append(`input_${fieldKey}`, value?.includes(choice.value) ? choice.value : "");
+                });
+            }
+            else {
+                data.append(key, value ? String(value) : "");
+            }
+        },
+    }),
+    image_choice: defineType({
+        getInitialValue: () => undefined,
+        getOptions(field) {
+            return {
+                choices: field.choices || [],
+                placeholder: field.placeholder || "",
+            };
+        },
+        appendData(data, field, value, key) {
+            if (field.choiceLimit !== "single") {
+                field.choices.forEach((choice, i) => {
+                    let fieldKey = field.inputs[i].id;
+                    data.append(`input_${fieldKey}`, value?.includes(choice.value) ? choice.value : "");
+                });
+            }
+            else {
+                data.append(key, value ? String(value) : "");
+            }
+        },
+    }),
+    name: defineType({
+        getInitialValue: () => ({
+            prefix: "",
+            first: "",
+            middle: "",
+            last: "",
+            suffix: "",
+        }),
+        getOptions(field) {
+            function subfield(id, name) {
+                const item = field.inputs.find((input) => String(input.id).endsWith("." + id));
+                return {
+                    name: name,
+                    visible: !item?.isHidden,
+                    placeholder: item?.placeholder,
+                    label: item?.customLabel ?? item?.label,
+                    autocomplete: item?.autocompleteAttribute,
+                    choices: item?.choices,
+                };
+            }
+            return {
+                subfields: {
+                    prefix: subfield(2, "prefix"),
+                    first: subfield(3, "first"),
+                    middle: subfield(4, "middle"),
+                    last: subfield(6, "last"),
+                    suffix: subfield(8, "suffix"),
+                },
+            };
+        },
+        appendData(data, field, value, key) {
+            data.append(`${key}_2`, value?.prefix ?? "");
+            data.append(`${key}_3`, value?.first ?? "");
+            data.append(`${key}_4`, value?.middle ?? "");
+            data.append(`${key}_6`, value?.last ?? "");
+            data.append(`${key}_8`, value?.suffix ?? "");
+        },
+        defaultComponent(props) {
+            const id = useId();
+            const fields = [];
+            for (const subfield of Object.values(props.subfields)) {
+                if (!subfield.visible)
+                    continue;
+                fields.push(_jsx(props.formComponents.SubFieldWrapper, { label: subfield.label, labelId: id + subfield.name, children: subfield.choices?.length ? (_jsx(props.formComponents.Select, { id: id + subfield.name, name: `field_${props.id}_${subfield.name}`, disabled: props.disabled, value: props.value?.[subfield.name] || "", onChange: (e) => {
+                            props.set({
+                                ...(props.value || {}),
+                                [subfield.name]: e.target.value,
+                            });
+                        }, placeholder: subfield.placeholder || "", choices: subfield.choices })) : (_jsx(props.formComponents.Input, { id: id + subfield.name, type: "text", name: `field_${props.id}_${subfield.name}`, disabled: props.disabled, placeholder: subfield.placeholder, value: props.value?.[subfield.name] || "", autoComplete: subfield.autocomplete, onChange: (e) => {
+                            props.set({
+                                ...(props.value || {}),
+                                [subfield.name]: e.currentTarget.value,
+                            });
+                        } }, subfield.name)) }, subfield.name));
+            }
+            return (_jsx(props.Wrapper, { labelElement: null, children: _jsx(props.formComponents.SubFieldRow, { children: fields }) }));
+        },
+    }),
+    date: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { type: "date", id: id, name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: props.value || "", onChange: (e) => props.set(e.currentTarget.value) }) }));
+        },
+    }),
+    time: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { type: "time", id: id, name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: props.value || "", onChange: (e) => props.set(e.currentTarget.value) }) }));
+        },
+    }),
+    phone: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { type: "tel", id: id, name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: props.value || "", onChange: (e) => props.set(e.currentTarget.value) }) }));
+        },
+    }),
+    address: defineType({
+        getInitialValue: () => ({
+            address1: "",
+            address2: "",
+            city: "",
+            state: "",
+            zip: "",
+            country: "",
+        }),
+        getOptions(field) {
+            function subfield(id, name) {
+                const item = field.inputs.find((input) => String(input.id).endsWith("." + id));
+                return {
+                    name: name,
+                    visible: !item?.isHidden,
+                    placeholder: item?.placeholder,
+                    label: item?.customLabel ?? item?.label,
+                    autocomplete: item?.autocompleteAttribute,
+                };
+            }
+            return {
+                addressType: field.addressType,
+                defaultCountry: field.defaultCountry,
+                defaultState: field.defaultState,
+                subfields: {
+                    address1: subfield(1, "address1"),
+                    address2: subfield(2, "address2"),
+                    city: subfield(3, "city"),
+                    state: subfield(4, "state"),
+                    zip: subfield(5, "zip"),
+                    country: subfield(6, "country"),
+                },
+            };
+        },
+        appendData(data, field, value, key) {
+            data.append(`${key}_1`, value?.address1 ?? "");
+            data.append(`${key}_2`, value?.address2 ?? "");
+            data.append(`${key}_3`, value?.city ?? "");
+            data.append(`${key}_4`, value?.state ?? "");
+            data.append(`${key}_5`, value?.zip ?? "");
+            data.append(`${key}_6`, value?.country ?? "");
+        },
+        defaultComponent(props) {
+            const id = useId();
+            const fields = {};
+            for (const subfield of Object.values(props.subfields)) {
+                if (!subfield.visible)
+                    continue;
+                fields[subfield.name] = (_jsx(props.formComponents.SubFieldWrapper, { label: subfield.label, labelId: id + subfield.name, children: _jsx(props.formComponents.Input, { id: id + subfield.name, type: "text", name: `field_${props.id}_${subfield.name}`, disabled: props.disabled, placeholder: subfield.placeholder, autoComplete: subfield.autocomplete, value: props.value?.[subfield.name] || "", "data-address-component": subfield.name, onChange: (e) => {
+                            props.set({
+                                ...(props.value || {}),
+                                [subfield.name]: e.currentTarget.value,
+                            });
+                        } }) }, subfield.name));
+            }
+            const rows = [[fields.address1], [fields.address2], [fields.city, fields.zip], [fields.state], [fields.country]];
+            return (_jsx(props.Wrapper, { children: _jsx(props.formComponents.SubFieldStack, { children: rows
+                        .map((row) => row.filter(Boolean))
+                        .filter(Boolean)
+                        .map((row) => (_jsx(props.formComponents.SubFieldRow, { children: row }))) }) }));
+        },
+    }),
+    website: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { id: id, type: "url", name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: props.value || "", onChange: (e) => props.set(e.currentTarget.value) }) }));
+        },
+    }),
+    email: defineType({
+        getInitialValue: (field) => undefined,
+        getOptions: (field) => ({
+            confirmation: field.emailConfirmEnabled
+                ? {
+                    enabled: true,
+                    emailLabel: field.inputs?.[0]?.label || "Enter Email",
+                    emailPlaceholder: field.inputs?.[0]?.placeholder || "Enter Email",
+                    confirmLabel: field.inputs?.[1]?.label || "Enter Email",
+                    confirmPlaceholder: field.inputs?.[1]?.placeholder || "Enter Email",
+                    labelPlacement: field.subLabelPlacement || "above",
+                }
+                : { enabled: false },
+            placeholder: field.placeholder || "",
+            size: field.size || "large",
+        }),
+        appendData(data, field, value, key) {
+            if (field.emailConfirmEnabled) {
+                data.append(key, typeof value === "object" ? value.email : value || "");
+                data.append(key + "_2", typeof value === "object" ? value.confirmEmail : value || "");
+            }
+            else {
+                data.append(key, typeof value === "object" ? value.email : value || "");
+            }
+        },
+        defaultComponent(props) {
+            const id = useId();
+            if (props.confirmation.enabled) {
+                const value = typeof props.value === "object" ? props.value : { email: props.value || "", confirmEmail: "" };
+                return (_jsx(props.Wrapper, { children: _jsxs(props.formComponents.SubFieldRow, { children: [_jsx(props.formComponents.SubFieldWrapper, { label: props.confirmation.emailLabel || "Email", labelId: id + "_email", children: _jsx(props.formComponents.Input, { type: "email", id: id + "_email", required: props.isRequired, name: `field_${props.id}_email`, disabled: props.disabled, placeholder: props.confirmation.emailPlaceholder || "", value: typeof props.value === "object" ? props.value.email : props.value || "", onChange: (e) => {
+                                        props.set({
+                                            email: e.currentTarget.value,
+                                            confirmEmail: value.confirmEmail,
+                                        });
+                                    } }) }), _jsx(props.formComponents.SubFieldWrapper, { label: props.confirmation.confirmLabel || "Confirm Email", labelId: id + "_confirm", children: _jsx(props.formComponents.Input, { type: "email", id: id + "_confirm", required: props.isRequired, name: `field_${props.id}_email`, disabled: props.disabled, placeholder: props.confirmation.confirmPlaceholder || "", value: typeof props.value === "object" ? props.value.confirmEmail : props.value || "", onChange: (e) => {
+                                        props.set({
+                                            email: value.email,
+                                            confirmEmail: e.currentTarget.value,
+                                        });
+                                    } }) })] }) }));
+            }
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { type: "email", id: id, name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, placeholder: props.options?.placeholder || "", value: typeof props.value === "object" ? props.value.email : props.value || "", onChange: (e) => props.set(e.currentTarget.value) }) }));
+        },
+    }),
+    fileupload: defineType({
+        getInitialValue: () => undefined,
+        getOptions: (field) => ({
+            allowedExtensions: field.allowedExtensions?.split(/\s*,\s*/g) ?? [],
+            maxFileSize: field.maxFileSize ? parseFloat(field.maxFileSize) : undefined,
+            multiple: field.multipleFiles ? true : false,
+            maxFiles: field.maxFiles ? parseInt(field.maxFiles) : undefined,
+        }),
+        appendData(data, field, value, key) {
+            const keyName = field.maxFiles > 1 || field.multipleFiles ? `${key}[]` : key;
+            if (Array.isArray(value)) {
+                value.forEach((file) => {
+                    data.append(keyName, file);
+                });
+            }
+            else if (value instanceof FileList) {
+                for (let i = 0; i < value.length; i++) {
+                    data.append(keyName, value.item(i));
+                }
+            }
+            else if (value) {
+                data.append(keyName, value);
+            }
+        },
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { labelId: id, children: _jsx(props.formComponents.Input, { type: "file", id: id, name: `field_${props.id}${props.multiple ? "[]" : ""}`, required: props.isRequired, disabled: props.disabled, multiple: props.multiple, accept: props.allowedExtensions?.map((ext) => `.${ext}`).join(","), onChange: (e) => {
+                        if (props.multiple) {
+                            props.set(e.currentTarget.files ?? undefined);
+                        }
+                        else {
+                            props.set(e.currentTarget.files ? e.currentTarget.files[0] : undefined);
+                        }
+                    } }) }));
+        },
+    }),
+    multiselect: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+    }),
+    consent: defineType({
+        getInitialValue: () => undefined,
+        getOptions(field) {
+            const text = field.consentText || field.description || "";
+            return {
+                checkboxLabel: field.checkboxLabel || "",
+                description: text,
+            };
+        },
+        appendData(data, field, value, key) {
+            data.append(`${key}.1`, value ? "1" : "");
+            data.append(`${key}.2`, field?.consentText ?? field?.checkboxLabel ?? "");
+        },
+        defaultComponent(props) {
+            const id = useId();
+            return (_jsx(props.Wrapper, { descriptionElement: null, showLabel: false, children: _jsxs("div", { className: "edgf-consent-field", children: [_jsx(props.formComponents.Input, { type: "checkbox", name: `field_${props.id}`, required: props.isRequired, disabled: props.disabled, checked: props.value || false, onChange: (e) => props.set(e.target.checked), id: id }), _jsx("label", { htmlFor: id, className: "edgf-consent-label", dangerouslySetInnerHTML: { __html: props.checkboxLabel || "I Agree" } }), !!props.description && (_jsx("div", { className: "edgf-consent-agreement", dangerouslySetInnerHTML: { __html: props.description || "" } }))] }) }));
+        },
+    }),
+    captcha: defineType({
+        getInitialValue: () => undefined,
+        getOptions(field) {
+            return {
+                captchaSiteKey: field.captchaSiteKey || "",
+                captchaType: field.captchaType || "",
+                captchaTheme: field.captchaTheme || "light",
+            };
+        },
+        appendData(data, field, value, key) {
+            data.append("g-recaptcha-response", value);
+        },
+        defaultComponent(props) {
+            const ref = useRef(null);
+            useEffect(() => {
+                loadRecaptcha().then((recaptcha) => {
+                    recaptcha.render(ref.current, {
+                        sitekey: props.captchaSiteKey,
+                        theme: props.captchaTheme,
+                        callback: (token) => {
+                            props.set(token);
+                        },
+                    });
+                });
+            }, []);
+            return (_jsx(props.Wrapper, { children: _jsx("div", { ref: ref }) }));
+        },
+    }),
+    html: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+        defaultComponent(props) {
+            return _jsx("div", { dangerouslySetInnerHTML: { __html: props.content || "" } });
+        },
+    }),
+    section: defineType({
+        getInitialValue: () => undefined,
+        getOptions() {
+            return {};
+        },
+    }),
+};
+let recaptchaPromise = null;
+async function loadRecaptcha() {
+    if (!recaptchaPromise) {
+        recaptchaPromise = new Promise((resolve) => {
+            const script = document.createElement("script");
+            script.id = "recaptcha-script";
+            script.src = "https://www.google.com/recaptcha/api.js?render=explicit";
+            script.async = true;
+            script.defer = true;
+            script.onload = () => {
+                // @ts-ignore
+                window.grecaptcha.ready(() => {
+                    // @ts-ignore
+                    resolve(window.grecaptcha);
+                });
+            };
+            document.body.appendChild(script);
+        });
+    }
+    return recaptchaPromise;
+}
+export function getBuiltinType(type) {
+    return GF_BUILTIN_FIELDS[type];
+}

package/dist/app/lib/integrations/gravityforms/index.d.ts

@@ -0,0 +1,5 @@
+export * from "./useGravityForm.js";
+export * from "./types.js";
+export * from "./createGravityFormComponent.js";
+export * from "./field-types.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/lib/integrations/gravityforms/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/integrations/gravityforms/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,YAAY,CAAA;AAC1B,cAAc,iCAAiC,CAAA;AAC/C,cAAc,kBAAkB,CAAA"}

package/dist/app/lib/integrations/gravityforms/index.js

@@ -0,0 +1,4 @@
+export * from "./useGravityForm.js";
+export * from "./types.js";
+export * from "./createGravityFormComponent.js";
+export * from "./field-types.js";

package/dist/app/lib/integrations/gravityforms/types.d.ts

@@ -0,0 +1,64 @@
+import type { ComponentProps, ComponentType, ReactNode } from "react";
+import type { GravityFormsFieldState } from "./useGravityForm.js";
+import { FormComponents } from "./createGravityFormComponent.js";
+import { GFBuiltins, GFFieldTypeName } from "./field-types.js";
+export type GravityFormsField = {
+    type: string;
+    id: number;
+    label: string;
+    isRequired: boolean;
+    description: string;
+    showLabel: boolean;
+    visibility: "hidden" | "visible" | "administrative";
+    labelPlacement?: "hidden_label" | "above" | "below" | "left" | "right";
+    descriptionPlacement?: "above" | "below";
+    layoutGridColumnSpan: number;
+    disabled: boolean;
+    className?: string;
+} & {
+    [key: string]: any;
+};
+export type GravityFormData = {
+    id: number;
+    fields: GravityFormsField[];
+    title: string;
+    description?: string;
+    descriptionPlacement?: "above" | "below";
+    revisionId: number;
+    pagination?: {
+        pages: string[];
+        type: string;
+        progressbar_complete_text?: string;
+    };
+    button: {
+        text: string;
+    };
+};
+export type GFFieldTypes = {
+    [K in keyof GFBuiltins]: GFBuiltins[K] extends GFFieldTypeSpec<infer TValue, any> ? TValue : never;
+};
+export type GFFieldOptions = {
+    [K in keyof GFBuiltins]: GFBuiltins[K] extends GFFieldTypeSpec<any, infer TOptions> ? TOptions : never;
+};
+export type GFFieldProps<TData, TOptions> = GravityFormsFieldState<TData, TOptions> & {
+    formComponents: FormComponents;
+    Wrapper: (props: Partial<ComponentProps<FormComponents["FieldWrapper"]>> & {
+        labelId?: string;
+    }) => ReactNode;
+};
+export type GFFieldComponent<TData, TOptions> = (props: GFFieldProps<TData, TOptions>) => ReactNode;
+export type GFFieldTypeSpec<TData, TOptions> = {
+    getInitialValue(field: GravityFormsField): TData | undefined;
+    getOptions(field: GravityFormsField): TOptions;
+    defaultComponent?: NoInfer<GFFieldComponent<TData, TOptions>>;
+    appendData?(formData: FormData, field: GravityFormsField, value: TData, key: string): void;
+};
+export type GFFieldComponentProps<K extends GFFieldTypeName> = GravityFormsFieldState<GFValue<K>, GFOptions<K>>;
+/** Resolves the data type of a Gravity Form field type */
+export type GFValue<TypeName extends GFFieldTypeName> = TypeName extends keyof GFFieldTypes ? GFFieldTypes[TypeName] : any;
+/** Resolves the options of a Gravity Form field type */
+export type GFOptions<TypeName extends GFFieldTypeName> = TypeName extends keyof GFFieldOptions ? GFFieldOptions[TypeName] : {};
+export type GFFieldComponentSet = {
+    [TypeName in GFFieldTypeName]?: ComponentType<GravityFormsFieldState<GFValue<TypeName>, TypeName extends keyof GFFieldOptions ? GFFieldOptions[TypeName] : {}>>;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/app/lib/integrations/gravityforms/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/integrations/gravityforms/types.ts"],"names":[],"mappings":"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"}

package/dist/app/lib/integrations/gravityforms/types.js

@@ -0,0 +1 @@
+export {};

package/dist/app/lib/integrations/gravityforms/useGravityForm.d.ts

@@ -0,0 +1,75 @@
+import { GravityFormData, GravityFormsField } from "./types.js";
+type Options = {
+    form: GravityFormData;
+    prepopulate?: {
+        [key: string]: any;
+    };
+};
+export type UseGravityFormResult = ReturnType<typeof useGravityForm>;
+export type GravityFormsFieldState<T = any, TExtra = {}> = GravityFormsField & {
+    value: T | undefined;
+    error: string | undefined;
+    set(value: T | undefined): void;
+} & TExtra;
+export type GFLayoutFieldsItem = {
+    type: "fields";
+    fields: GravityFormsFieldState[];
+};
+export type GFLayoutHeadingItem = {
+    type: "heading";
+    text: string;
+    className?: string;
+};
+export type GFLayoutItem = {
+    type: "fields";
+    fields: GravityFormsFieldState[];
+} | {
+    type: "heading";
+    text: string;
+    className?: string;
+};
+export type GFLayoutType = {
+    type: "page";
+    page: number;
+    title?: string;
+    items: GFLayoutItem[];
+} | {
+    type: "success";
+    message: string;
+};
+export declare function useGravityForm(opts: Options): {
+    submitLabel: string;
+    pageInfo: {
+        title?: string;
+    } | null;
+    canGoBack: boolean;
+    canGoForward: boolean;
+    goBack: (() => void) | null;
+    goForward: (() => void) | null;
+    goToPage: (num: number) => void;
+    fields: GravityFormsFieldState<any, {}>[];
+    layout: GFLayoutType;
+    submit(): void;
+    updateField(id: number, value: any): void;
+    submitting: boolean;
+    complete: boolean;
+    successMessage: string | null;
+    mainError: string | null;
+    hasErrors: boolean;
+    page: number;
+    pages: {
+        title?: string;
+    }[];
+    values: {
+        [key: number]: any;
+    };
+    errors: {
+        [key: number]: string | undefined;
+    };
+    validity: {
+        [key: number]: boolean;
+    };
+};
+export type GravityFormState = ReturnType<typeof useGravityForm>;
+export {};
+//# sourceMappingURL=useGravityForm.d.ts.map

package/dist/app/lib/integrations/gravityforms/useGravityForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGravityForm.d.ts","sourceRoot":"","sources":["../../../../../src/app/lib/integrations/gravityforms/useGravityForm.ts"],"names":[],"mappings":"AAEA,OAAO,EAAkB,eAAe,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAA;AAE/E,KAAK,OAAO,GAAG;IACb,IAAI,EAAE,eAAe,CAAA;IACrB,WAAW,CAAC,EAAE;QACZ,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KACnB,CAAA;CACF,CAAA;AAsBD,MAAM,MAAM,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA;AAEpE,MAAM,MAAM,sBAAsB,CAAC,CAAC,GAAG,GAAG,EAAE,MAAM,GAAG,EAAE,IAAI,iBAAiB,GAAG;IAC7E,KAAK,EAAE,CAAC,GAAG,SAAS,CAAA;IACpB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;IACzB,GAAG,CAAC,KAAK,EAAE,CAAC,GAAG,SAAS,GAAG,IAAI,CAAA;CAChC,GAAG,MAAM,CAAA;AAEV,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,EAAE,sBAAsB,EAAE,CAAA;CACjC,CAAA;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,QAAQ,CAAA;IACd,MAAM,EAAE,sBAAsB,EAAE,CAAA;CACjC,GACD;IACE,IAAI,EAAE,SAAS,CAAA;IACf,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB,CAAA;AAEL,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,EAAE,YAAY,EAAE,CAAA;CACtB,GACD;IACE,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,EAAE,MAAM,CAAA;CAChB,CAAA;AA4HL,wBAAgB,cAAc,CAAC,IAAI,EAAE,OAAO;;;gBAhLhC,MAAM;;;;;;oBAqSE,MAAM;;YAWZ,YAAY;;oBAQN,MAAM,SAAS,GAAG;gBA/TxB,OAAO;cACT,OAAO;oBACD,MAAM,GAAG,IAAI;eAClB,MAAM,GAAG,IAAI;eACb,OAAO;UACZ,MAAM;WACL;QACL,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,EAAE;YACK;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;KAAE;YACtB;QACN,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAA;KAClC;cACS;QACR,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;KACvB;EAoTF;AAED,MAAM,MAAM,gBAAgB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAA"}