eddev 2.0.0-beta.21 → 2.0.0-beta.211

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

@@ -0,0 +1,295 @@
+import { useEffect } from "react";
+import { useState } from "react";
+import { useReducer } from "react";
+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,
+                },
+            };
+        default:
+            throw new Error(`Unknown GravityForms action ${JSON.stringify(action)}`);
+    }
+    return state;
+};
+const initializer = (form) => {
+    const initialValues = {};
+    return {
+        submitting: false,
+        mainError: null,
+        complete: false,
+        successMessage: null,
+        hasErrors: false,
+        values: initialValues,
+        errors: {},
+        validity: {},
+    };
+};
+function optionsForField(field) {
+    if (field.type === "fileupload") {
+        return {
+            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,
+        };
+    }
+    else if (field.type === "address") {
+        const 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"),
+            },
+        };
+    }
+    else if (field.type === "name") {
+        const 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"),
+            },
+        };
+    }
+    return {};
+}
+export function useGravityForm(opts) {
+    const { form } = opts;
+    const [state, dispatch] = useReducer(reducer, form, initializer);
+    const fields = 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",
+    }));
+    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;
+        };
+    }, []);
+    return {
+        ...state,
+        fields,
+        submit() {
+            submitter?.submit(state);
+        },
+        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];
+        let key = "input_" + field.id;
+        if (field.type === "checkbox") {
+            field.choices.forEach((choice, i) => {
+                data.append(`${key}.${i + 1}`, value?.includes(choice.value) ? choice.value : "");
+            });
+        }
+        else if (field.type === "multi_choice" && field.choiceLimit !== "single") {
+            field.choices.forEach((choice, i) => {
+                data.append(`${key}.${i + 1}`, value?.includes(choice.value) ? choice.value : "");
+            });
+        }
+        else if (field.type === "image_choice" && field.choiceLimit !== "single") {
+            field.choices.forEach((choice, i) => {
+                data.append(`${key}.${i + 1}`, value?.includes(choice.value) ? choice.value : "");
+            });
+        }
+        else if (field.type === "consent") {
+            data.append(`${key}.1`, value ? "1" : "");
+            data.append(`${key}.2`, field?.consentText ?? field?.checkboxLabel ?? "");
+            // data.append(`${key}.3`, String(form.revisionId ?? "5"))
+        }
+        else if (field.type === "name") {
+            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 ?? "");
+        }
+        else if (field.type === "address") {
+            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 ?? "");
+        }
+        else if (field.type === "captcha") {
+            data.append("g-recaptcha-response", value);
+        }
+        else if (field.type === "fileupload") {
+            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);
+            }
+        }
+        else {
+            if (value === undefined || value === null) {
+                data.append(key, "");
+            }
+            else {
+                data.append(key, 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

@@ -2,3 +2,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";
+//# 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

@@ -2,3 +2,4 @@ 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

@@ -7,3 +7,4 @@ 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/read-admin-manifest.d.ts

@@ -17,3 +17,4 @@ type AdminManifestStore = {
 };
 export declare const adminManifestReader: AdminManifestStore;
 export {};
+//# sourceMappingURL=read-admin-manifest.d.ts.map

package/dist/app/lib/internal/read-admin-manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-admin-manifest.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/internal/read-admin-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAA;AAEvD;;;GAGG;AAEH,KAAK,aAAa,GAAG;IACnB,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC,mBAAmB,CAAC,GAAG,CAAC,CAAC,CAAC,CAAA;IAC/D,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,OAAO,CAAC;QAAE,SAAS,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAA;KAAE,CAAC,CAAC,CAAA;CAC9E,CAAA;AAED,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,aAAa,CAAA;IACpB,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,MAAM,IAAI,CAAA;IACzD,GAAG,CAAC,KAAK,EAAE,aAAa,GAAG,IAAI,CAAA;CAChC,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,kBAejC,CAAA"}

package/dist/app/lib/internal/read-block-manifest.d.ts

@@ -10,6 +10,8 @@ type BlockManifestStore = {
     info: PublicBlockManifest;
     subscribe(cb: (value: BlockManifest) => void): () => void;
     set(value: BlockManifest, info: PublicBlockManifest): void;
+    preloadAll(): Promise<void>;
 };
 export declare const blockManifestReader: BlockManifestStore;
 export {};
+//# sourceMappingURL=read-block-manifest.d.ts.map

package/dist/app/lib/internal/read-block-manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-block-manifest.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/internal/read-block-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C;;;GAGG;AAEH,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAC3D,KAAK,mBAAmB,GAAG,MAAM,CAAC,MAAM,EAAE,eAAe,CAAC,CAAA;AAE1D,KAAK,kBAAkB,GAAG;IACxB,KAAK,EAAE,aAAa,CAAA;IACpB,IAAI,EAAE,mBAAmB,CAAA;IACzB,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,GAAG,MAAM,IAAI,CAAA;IACzD,GAAG,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,EAAE,mBAAmB,GAAG,IAAI,CAAA;IAC1D,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,mBAAmB,EAAE,kBAuBjC,CAAA"}

package/dist/app/lib/internal/read-block-manifest.js

@@ -13,4 +13,11 @@ export const blockManifestReader = {
         this.info = info;
         subscribers.forEach((cb) => cb(value));
     },
+    async preloadAll() {
+        await Promise.allSettled(Object.entries(blockManifestReader.value).map(async ([key, value]) => {
+            if ("preload" in value && typeof value.preload === "function") {
+                await value.preload();
+            }
+        }));
+    },
 };

package/dist/app/lib/internal/read-view-manifest.d.ts

@@ -3,10 +3,13 @@ import type { FunctionComponent } from "react";
  * This file exists simply to prevent circular dependencies.
  * The manifest itself sets the value of this object directly.
  */
-type ViewManifest = {
-    [K: string]: FunctionComponent<any>;
-};
-export declare const viewManifestReader: {
+type ViewManifest = Record<string, FunctionComponent<any>>;
+type ViewManifestStore = {
     value: ViewManifest;
+    subscribe(cb: (value: ViewManifest) => void): () => void;
+    set(value: ViewManifest): void;
+    preloadAll(): Promise<void>;
 };
+export declare const viewManifestReader: ViewManifestStore;
 export {};
+//# sourceMappingURL=read-view-manifest.d.ts.map

package/dist/app/lib/internal/read-view-manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"read-view-manifest.d.ts","sourceRoot":"","sources":["../../../../src/app/lib/internal/read-view-manifest.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAE9C;;;GAGG;AAEH,KAAK,YAAY,GAAG,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAE1D,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,YAAY,CAAA;IACnB,SAAS,CAAC,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,MAAM,IAAI,CAAA;IACxD,GAAG,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAA;IAC9B,UAAU,IAAI,OAAO,CAAC,IAAI,CAAC,CAAA;CAC5B,CAAA;AAGD,eAAO,MAAM,kBAAkB,EAAE,iBAqBhC,CAAA"}

package/dist/app/lib/internal/read-view-manifest.js

@@ -1,3 +1,21 @@
+let subscribers = new Set();
 export const viewManifestReader = {
     value: {},
+    subscribe(cb) {
+        subscribers.add(cb);
+        return () => {
+            subscribers.delete(cb);
+        };
+    },
+    set(value) {
+        this.value = value;
+        subscribers.forEach((cb) => cb(value));
+    },
+    async preloadAll() {
+        await Promise.allSettled(Object.entries(viewManifestReader.value).map(async ([key, value]) => {
+            if ("preload" in value && typeof value.preload === "function") {
+                await value.preload();
+            }
+        }));
+    },
 };