eddev 2.2.7 → 2.2.8

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

@@ -0,0 +1,288 @@
+import { useEffect, useMemo, useReducer, useState } from "react";
+import { getBuiltinType } from "./field-types.js";
+const reducer = (state, action) => {
+    switch (action.type) {
+        case "field":
+            return {
+                ...state,
+                errors: {
+                    ...state.errors,
+                    [action.id]: undefined,
+                },
+                values: {
+                    ...state.values,
+                    [action.id]: action.value,
+                },
+            };
+        case "submitting":
+            return {
+                ...state,
+                errors: {},
+                validity: {},
+                hasErrors: false,
+                submitting: true,
+            };
+        case "success":
+            return {
+                ...state,
+                submitting: false,
+                complete: true,
+                errors: {},
+                validity: {},
+                hasErrors: false,
+                successMessage: action.message,
+            };
+        case "mainError":
+            return {
+                ...state,
+                submitting: false,
+                hasErrors: true,
+                mainError: action.message,
+            };
+        case "errors":
+            return {
+                ...state,
+                submitting: false,
+                hasErrors: true,
+                errors: action.errors,
+            };
+        case "clearError":
+            return {
+                ...state,
+                submitting: false,
+                errors: {
+                    ...state.errors,
+                    [action.id]: undefined,
+                },
+            };
+        case "goToPage":
+            return {
+                ...state,
+                page: action.number,
+            };
+        default:
+            throw new Error(`Unknown GravityForms action ${JSON.stringify(action)}`);
+    }
+    return state;
+};
+const initializer = (form) => {
+    const initialValues = {};
+    return {
+        submitting: false,
+        mainError: null,
+        complete: false,
+        page: 0,
+        pages: form?.pagination
+            ? form.pagination.pages.map((title, i) => ({
+                number: i,
+                title,
+            }))
+            : [],
+        successMessage: null,
+        hasErrors: false,
+        values: initialValues,
+        errors: {},
+        validity: {},
+        submitLabel: form.button?.text || "Submit",
+    };
+};
+function optionsForField(field) {
+    return getBuiltinType(field.type)?.getOptions(field) || {};
+}
+export function useGravityForm(opts) {
+    const { form } = opts;
+    useMemo(() => {
+        for (const field of form.fields) {
+            field.descriptionPlacement = field.descriptionPlacement || form.descriptionPlacement || "below";
+        }
+    }, [form]);
+    const [state, dispatch] = useReducer(reducer, form, initializer);
+    const fields = useMemo(() => form.fields.map((field) => ({
+        ...field,
+        value: state.values[field.id],
+        error: state.errors[field.id],
+        set: (value) => {
+            dispatch({ type: "field", id: field.id, value });
+        },
+        ...optionsForField(field),
+        showLabel: field.labelPlacement !== "hidden_label",
+    })), [state, form.fields]);
+    const fieldsLayout = useMemo(() => {
+        const layout = [];
+        const fieldGroups = new Map();
+        for (const field of fields) {
+            if (field.type === "hidden")
+                continue;
+            if (field.visibility === "administrative")
+                continue;
+            if (field.visibility === "hidden")
+                continue;
+            if (field.type === "page")
+                continue;
+            if (field.pageNumber !== state.page + 1)
+                continue;
+            if (field.type === "section") {
+                layout.push({
+                    type: "heading",
+                    text: field.label || "",
+                    className: field.cssClass || undefined,
+                });
+            }
+            else {
+                if (field.layoutGroupId) {
+                    let group = fieldGroups.get(field.layoutGroupId);
+                    if (!group) {
+                        group = { type: "fields", fields: [] };
+                        fieldGroups.set(field.layoutGroupId, group);
+                        layout.push(group);
+                    }
+                    group.fields.push(field);
+                }
+            }
+        }
+        return layout;
+    }, [fields, state.page]);
+    useEffect(() => {
+        const vals = {
+            ...opts.prepopulate,
+        };
+        if (vals) {
+            for (const field of fields) {
+                if (field.inputName in vals) {
+                    field.set(vals[field.inputName]);
+                }
+            }
+        }
+    }, [JSON.stringify([opts.prepopulate])]);
+    const [submitter, setSubmitter] = useState(null);
+    useEffect(() => {
+        let cancelled = false;
+        setSubmitter({
+            submit: (state) => {
+                dispatch({ type: "submitting" });
+                submit(form, state).then((result) => {
+                    if (cancelled)
+                        return;
+                    if (result.success) {
+                        dispatch({ type: "success", message: result.successMessage || "" });
+                    }
+                    else if (result.errors) {
+                        dispatch({ type: "errors", errors: result.errors });
+                    }
+                    else if (result.mainError) {
+                        dispatch({ type: "mainError", message: result.mainError });
+                    }
+                });
+            },
+        });
+        return () => {
+            cancelled = true;
+        };
+    }, []);
+    useEffect(() => {
+        let firstErrorPage = Infinity;
+        for (const fieldId in state.errors) {
+            const field = fields.find((f) => f.id === parseInt(fieldId));
+            if (field && field.pageNumber !== undefined && field.pageNumber - 1 < firstErrorPage) {
+                firstErrorPage = field.pageNumber - 1;
+            }
+        }
+        if (firstErrorPage < Infinity && firstErrorPage !== state.page) {
+            dispatch({ type: "goToPage", number: firstErrorPage });
+        }
+    }, [JSON.stringify(state.errors)]);
+    return {
+        ...state,
+        submitLabel: state.page < state.pages.length - 1 ? "Next" : state.submitLabel || "Submit",
+        pageInfo: state.complete ? null : state.pages[state.page],
+        canGoBack: state.page > 0 && !state.complete,
+        canGoForward: state.page < state.pages.length - 1,
+        goBack: state.page > 0 ? () => dispatch({ type: "goToPage", number: state.page - 1 }) : null,
+        goForward: state.page < state.pages.length - 1 ? () => dispatch({ type: "goToPage", number: state.page + 1 }) : null,
+        goToPage: (num) => dispatch({ type: "goToPage", number: num }),
+        fields,
+        layout: (state.complete
+            ? {
+                type: "success",
+            }
+            : {
+                type: "page",
+                page: state.page,
+                title: state.pages[state.page]?.title,
+                items: fieldsLayout,
+            }),
+        submit() {
+            if (state.page === form.pagination?.pages.length - 1 || !form.pagination?.pages.length) {
+                submitter?.submit(state);
+            }
+            else {
+                dispatch({ type: "goToPage", number: state.page + 1 });
+            }
+        },
+        updateField(id, value) {
+            dispatch({ type: "field", id, value });
+        },
+    };
+}
+function prepareValuesPayload(form, state, data) {
+    for (const field of form.fields) {
+        const value = state.values[field.id];
+        const defaultKey = "input_" + field.id;
+        const type = getBuiltinType(field.type);
+        if (type?.appendData) {
+            type.appendData(data, field, value, defaultKey);
+        }
+        else {
+            if (value === undefined || value === null) {
+                data.append(defaultKey, "");
+            }
+            else {
+                data.append(defaultKey, value);
+            }
+        }
+    }
+}
+async function submit(form, state) {
+    try {
+        let url = env.serverless ? `/_data/submit-gf` : `/wp-json/ed/v1/gf/submit/`;
+        const data = new FormData();
+        data.append("formID", String(form.id));
+        prepareValuesPayload(form, state, data);
+        const result = await fetch(url, {
+            method: "POST",
+            headers: {
+            // "Content-type": "application/json",
+            },
+            credentials: "include",
+            body: data,
+        });
+        const payload = await result.json();
+        if (!payload.is_valid) {
+            return {
+                ...payload,
+                success: false,
+                errors: payload.validation_messages,
+            };
+        }
+        else if (payload.is_valid) {
+            return {
+                ...payload,
+                success: true,
+                successMessage: payload.confirmation_message,
+            };
+        }
+        else {
+            console.error("Not sure what to do with GF response", payload);
+            return {
+                ...payload,
+            };
+        }
+    }
+    catch (err) {
+        console.error(err);
+        return {
+            success: false,
+            mainError: "An error occurred while submitting this form. Please contact us directly if the issue persists.",
+        };
+    }
+}

package/dist/app/lib/internal/finalize-rpc.d.ts

@@ -0,0 +1,18 @@
+import type { AnyTRPCMutationProcedure, AnyTRPCProcedure, AnyTRPCQueryProcedure, AnyTRPCSubscriptionProcedure, inferProcedureInput, inferProcedureOutput } from "@trpc/server";
+type RouterTable = Record<string, Record<string, AnyTRPCProcedure> | AnyTRPCProcedure>;
+type RouterEntry<T extends RouterTable, U extends AnyTRPCProcedure, P extends string = ""> = {
+    [K in keyof T]: K extends string ? T[K] extends U ? {
+        key: `${P}${K}`;
+        input: inferProcedureInput<T[K]>;
+        output: inferProcedureOutput<T[K]>;
+        procedure: T[K] extends AnyTRPCProcedure ? T[K] : never;
+    } : T[K] extends Record<string, AnyTRPCProcedure> ? RouterEntry<T[K], U, `${K}.`> : never : never;
+}[keyof T];
+type RouterTypes<T extends RouterTable> = {
+    queries: RouterEntry<T, AnyTRPCQueryProcedure>;
+    mutations: RouterEntry<T, AnyTRPCMutationProcedure>;
+    subscriptions: RouterEntry<T, AnyTRPCSubscriptionProcedure>;
+};
+export declare function finalizeRPCRouter<T extends RouterTable>(router: T): RouterTypes<T>;
+export {};
+//# sourceMappingURL=finalize-rpc.d.ts.map

package/dist/app/lib/internal/finalize-rpc.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"finalize-rpc.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/internal/finalize-rpc.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,wBAAwB,EACxB,gBAAgB,EAChB,qBAAqB,EACrB,4BAA4B,EAC5B,mBAAmB,EACnB,oBAAoB,EACrB,MAAM,cAAc,CAAA;AAErB,KAAK,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAAG,gBAAgB,CAAC,CAAA;AAEtF,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,EAAE,CAAC,SAAS,gBAAgB,EAAE,CAAC,SAAS,MAAM,GAAG,EAAE,IAAI;KAC1F,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,SAAS,MAAM,GAC5B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,GACZ;QACE,GAAG,EAAE,GAAG,CAAC,GAAG,CAAC,EAAE,CAAA;QACf,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAChC,MAAM,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;QAClC,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,gBAAgB,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,KAAK,CAAA;KACxD,GACD,CAAC,CAAC,CAAC,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAAC,GAC7C,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,GAC7B,KAAK,GACP,KAAK;CACV,CAAC,MAAM,CAAC,CAAC,CAAA;AAEV,KAAK,WAAW,CAAC,CAAC,SAAS,WAAW,IAAI;IACxC,OAAO,EAAE,WAAW,CAAC,CAAC,EAAE,qBAAqB,CAAC,CAAA;IAC9C,SAAS,EAAE,WAAW,CAAC,CAAC,EAAE,wBAAwB,CAAC,CAAA;IACnD,aAAa,EAAE,WAAW,CAAC,CAAC,EAAE,4BAA4B,CAAC,CAAA;CAC5D,CAAA;AAED,wBAAgB,iBAAiB,CAAC,CAAC,SAAS,WAAW,EAAE,MAAM,EAAE,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAElF"}

package/dist/app/lib/internal/finalize-rpc.js

@@ -0,0 +1,3 @@
+export function finalizeRPCRouter(router) {
+    return router;
+}

package/dist/app/lib/internal/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./read-block-manifest.js";
+export * from "./read-view-manifest.js";
+export * from "./read-admin-manifest.js";
+export * from "./internal-store.js";
+export * from "./finalize-rpc.js";
+//# sourceMappingURL=index.d.ts.map

package/dist/app/lib/internal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/internal/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAA;AACxC,cAAc,yBAAyB,CAAA;AACvC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA;AACnC,cAAc,mBAAmB,CAAA"}

package/dist/app/lib/internal/index.js

@@ -0,0 +1,5 @@
+export * from "./read-block-manifest.js";
+export * from "./read-view-manifest.js";
+export * from "./read-admin-manifest.js";
+export * from "./internal-store.js";
+export * from "./finalize-rpc.js";

package/dist/app/lib/internal/internal-store.d.ts

@@ -0,0 +1,10 @@
+import { FunctionComponent } from "react";
+type BlockManifest = Record<string, FunctionComponent<any>>;
+type Store = {
+    blocks: BlockManifest;
+};
+export declare const internalStore: Store & {
+    set<K extends keyof Store>(key: K, value: Store[K]): void;
+};
+export {};
+//# sourceMappingURL=internal-store.d.ts.map

package/dist/app/lib/internal/internal-store.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal-store.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/internal/internal-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGzC,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAE3D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,aAAa,CAAA;CACtB,CAAA;AAED,eAAO,MAAM,aAAa;QAAuB,CAAC,SAAS,MAAM,KAAK,OAAO,CAAC,SAAS,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI;CAKpG,CAAA"}

package/dist/app/lib/internal/internal-store.js

@@ -0,0 +1,7 @@
+import { proxy, ref } from "valtio";
+export const internalStore = proxy({
+    blocks: {},
+    set(key, value) {
+        internalStore[key] = (value ? ref(value) : value);
+    },
+});