@builder.io/sdk-react 0.2.3-2 → 0.2.3-4

package/dist/react/cjs/blocks/custom-code/custom-code.js

@@ -1,53 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-function CustomCode(props) {
-    const elem = (0, react_1.useRef)(null);
-    const [scriptsInserted, setScriptsInserted] = (0, react_1.useState)(() => []);
-    const [scriptsRun, setScriptsRun] = (0, react_1.useState)(() => []);
-    function findAndRunScripts() {
-        // TODO: Move this function to standalone one in '@builder.io/utils'
-        if (elem.current &&
-            elem.current.getElementsByTagName &&
-            typeof window !== "undefined") {
-            const scripts = elem.current.getElementsByTagName("script");
-            for (let i = 0; i < scripts.length; i++) {
-                const script = scripts[i];
-                if (script.src) {
-                    if (scriptsInserted.includes(script.src)) {
-                        continue;
-                    }
-                    scriptsInserted.push(script.src);
-                    const newScript = document.createElement("script");
-                    newScript.async = true;
-                    newScript.src = script.src;
-                    document.head.appendChild(newScript);
-                }
-                else if (!script.type ||
-                    [
-                        "text/javascript",
-                        "application/javascript",
-                        "application/ecmascript",
-                    ].includes(script.type)) {
-                    if (scriptsRun.includes(script.innerText)) {
-                        continue;
-                    }
-                    try {
-                        scriptsRun.push(script.innerText);
-                        new Function(script.innerText)();
-                    }
-                    catch (error) {
-                        console.warn("`CustomCode`: Error running script:", error);
-                    }
-                }
-            }
-        }
-    }
-    (0, react_1.useEffect)(() => {
-        findAndRunScripts();
-    }, []);
-    return (React.createElement("div", { ref: elem, className: "builder-custom-code" + (props.replaceNodes ? " replace-nodes" : ""), dangerouslySetInnerHTML: { __html: props.code } }));
-}
-exports.default = CustomCode;

package/dist/react/cjs/blocks/embed/component-info.d.ts

@@ -1,22 +0,0 @@
-export namespace componentInfo {
-    export const name: string;
-    const _static: boolean;
-    export { _static as static };
-    export const inputs: ({
-        name: string;
-        type: string;
-        required: boolean;
-        defaultValue: string;
-        helperText: string;
-        onChange: string;
-        hideFromUI?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        hideFromUI: boolean;
-        required?: undefined;
-        helperText?: undefined;
-        onChange?: undefined;
-    })[];
-}

package/dist/react/cjs/blocks/embed/component-info.js

@@ -1,46 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const util_js_1 = require("../util.js");
-const componentInfo = {
-    name: "Embed",
-    static: true,
-    inputs: [
-        {
-            name: "url",
-            type: "url",
-            required: true,
-            defaultValue: "",
-            helperText: "e.g. enter a youtube url, google map, etc",
-            onChange: (0, util_js_1.serializeFn)((options) => {
-                const url = options.get("url");
-                if (url) {
-                    options.set("content", "Loading...");
-                    const apiKey = "ae0e60e78201a3f2b0de4b";
-                    return fetch(`https://iframe.ly/api/iframely?url=${url}&api_key=${apiKey}`).then((res) => res.json()).then((data) => {
-                        if (options.get("url") === url) {
-                            if (data.html) {
-                                options.set("content", data.html);
-                            }
-                            else {
-                                options.set("content", "Invalid url, please try another");
-                            }
-                        }
-                    }).catch((_err) => {
-                        options.set("content", "There was an error embedding this URL, please try again or another URL");
-                    });
-                }
-                else {
-                    options.delete("content");
-                }
-            })
-        },
-        {
-            name: "content",
-            type: "html",
-            defaultValue: '<div style="padding: 20px; text-align: center">(Choose an embed URL)<div>',
-            hideFromUI: true
-        }
-    ]
-};
-exports.componentInfo = componentInfo;

package/dist/react/cjs/blocks/embed/embed.d.ts

@@ -1,2 +0,0 @@
-export default Embed;
-declare function Embed(props: any): JSX.Element;

package/dist/react/cjs/blocks/embed/embed.js

@@ -1,44 +0,0 @@
-"use strict";
-"use client";
-Object.defineProperty(exports, "__esModule", { value: true });
-const React = require("react");
-const react_1 = require("react");
-const helpers_js_1 = require("./helpers.js");
-function Embed(props) {
-    const elem = (0, react_1.useRef)(null);
-    const [scriptsInserted, setScriptsInserted] = (0, react_1.useState)(() => []);
-    const [scriptsRun, setScriptsRun] = (0, react_1.useState)(() => []);
-    const [ranInitFn, setRanInitFn] = (0, react_1.useState)(() => false);
-    function findAndRunScripts() {
-        if (!elem.current || !elem.current.getElementsByTagName)
-            return;
-        const scripts = elem.current.getElementsByTagName("script");
-        for (let i = 0; i < scripts.length; i++) {
-            const script = scripts[i];
-            if (script.src && !scriptsInserted.includes(script.src)) {
-                scriptsInserted.push(script.src);
-                const newScript = document.createElement("script");
-                newScript.async = true;
-                newScript.src = script.src;
-                document.head.appendChild(newScript);
-            }
-            else if ((0, helpers_js_1.isJsScript)(script) && !scriptsRun.includes(script.innerText)) {
-                try {
-                    scriptsRun.push(script.innerText);
-                    new Function(script.innerText)();
-                }
-                catch (error) {
-                    console.warn("`Embed`: Error running script:", error);
-                }
-            }
-        }
-    }
-    (0, react_1.useEffect)(() => {
-        if (elem.current && !ranInitFn) {
-            setRanInitFn(true);
-            findAndRunScripts();
-        }
-    }, [elem.current, ranInitFn]);
-    return (React.createElement("div", { className: "builder-embed", ref: elem, dangerouslySetInnerHTML: { __html: props.content } }));
-}
-exports.default = Embed;

package/dist/react/cjs/blocks/embed/helpers.d.ts

@@ -1 +0,0 @@
-export function isJsScript(script: any): boolean;

package/dist/react/cjs/blocks/embed/helpers.js

@@ -1,10 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isJsScript = void 0;
-const SCRIPT_MIME_TYPES = [
-    "text/javascript",
-    "application/javascript",
-    "application/ecmascript"
-];
-const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-exports.isJsScript = isJsScript;

package/dist/react/cjs/blocks/form/component-info.d.ts

@@ -1,235 +0,0 @@
-export namespace componentInfo {
-    const name: string;
-    namespace defaults {
-        namespace responsiveStyles {
-            namespace large {
-                const marginTop: string;
-                const paddingBottom: string;
-            }
-        }
-    }
-    const image: string;
-    const inputs: ({
-        name: string;
-        type: string;
-        enum: {
-            label: string;
-            value: string;
-            helperText: string;
-        }[];
-        defaultValue: string;
-        required?: undefined;
-        showIf?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        required: boolean;
-        defaultValue: string;
-        showIf: string;
-        enum?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        helperText: string;
-        defaultValue: boolean;
-        showIf: string;
-        enum?: undefined;
-        required?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        enum?: undefined;
-        required?: undefined;
-        showIf?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        helperText: string;
-        showIf: string;
-        enum?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: string;
-        advanced: boolean;
-        enum: string[];
-        showIf: string;
-        required?: undefined;
-        helperText?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        showIf: string;
-        defaultValue: string;
-        advanced: boolean;
-        enum?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        enum: string[];
-        defaultValue: string;
-        helperText: string;
-        showIf: string;
-        required?: undefined;
-        advanced?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        showIf: string;
-        advanced: boolean;
-        enum?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        hideFromUI: boolean;
-        defaultValue: {
-            "@type": string;
-            responsiveStyles: {
-                large: {
-                    marginTop: string;
-                };
-            };
-            component: {
-                name: string;
-                options: {
-                    text: string;
-                };
-            };
-        }[];
-        enum?: undefined;
-        required?: undefined;
-        showIf?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        defaultValue: boolean;
-        advanced: boolean;
-        enum?: undefined;
-        required?: undefined;
-        showIf?: undefined;
-        helperText?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        advanced: boolean;
-        helperText: string;
-        enum?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        showIf?: undefined;
-        hideFromUI?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        hideFromUI: boolean;
-        defaultValue: {
-            "@type": string;
-            responsiveStyles: {
-                large: {
-                    marginTop: string;
-                };
-            };
-            bindings: {
-                "component.options.text": string;
-            };
-            component: {
-                name: string;
-                options: {
-                    text: string;
-                };
-            };
-        }[];
-        enum?: undefined;
-        required?: undefined;
-        showIf?: undefined;
-        helperText?: undefined;
-        advanced?: undefined;
-        valueType?: undefined;
-    } | {
-        name: string;
-        type: string;
-        valueType: {
-            type: string;
-        };
-        advanced: boolean;
-        showIf: string;
-        enum?: undefined;
-        defaultValue?: undefined;
-        required?: undefined;
-        helperText?: undefined;
-        hideFromUI?: undefined;
-    })[];
-    const noWrap: boolean;
-    const canHaveChildren: boolean;
-    const defaultChildren: ({
-        "@type": string;
-        responsiveStyles: {
-            large: {
-                marginTop: string;
-            };
-        };
-        component: {
-            name: string;
-            options: {
-                text: string;
-                name?: undefined;
-                placeholder?: undefined;
-            };
-        };
-    } | {
-        "@type": string;
-        responsiveStyles: {
-            large: {
-                marginTop: string;
-            };
-        };
-        component: {
-            name: string;
-            options: {
-                name: string;
-                placeholder: string;
-                text?: undefined;
-            };
-        };
-    })[];
-}

package/dist/react/cjs/blocks/form/component-info.js

@@ -1,262 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Form:Form",
-    defaults: {
-        responsiveStyles: {
-            large: {
-                marginTop: "15px",
-                paddingBottom: "15px"
-            }
-        }
-    },
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Fef36d2a846134910b64b88e6d18c5ca5",
-    inputs: [
-        {
-            name: "sendSubmissionsTo",
-            type: "string",
-            enum: [
-                {
-                    label: "Send to email",
-                    value: "email",
-                    helperText: "Send form submissions to the email address of your choosing"
-                },
-                {
-                    label: "Custom",
-                    value: "custom",
-                    helperText: "Handle where the form requests go manually with a little code, e.g. to your own custom backend"
-                }
-            ],
-            defaultValue: "email"
-        },
-        {
-            name: "sendSubmissionsToEmail",
-            type: "string",
-            required: true,
-            defaultValue: "your@email.com",
-            showIf: 'options.get("sendSubmissionsTo") === "email"'
-        },
-        {
-            name: "sendWithJs",
-            type: "boolean",
-            helperText: "Set to false to use basic html form action",
-            defaultValue: true,
-            showIf: 'options.get("sendSubmissionsTo") === "custom"'
-        },
-        {
-            name: "name",
-            type: "string",
-            defaultValue: "My form"
-        },
-        {
-            name: "action",
-            type: "string",
-            helperText: "URL to send the form data to",
-            showIf: 'options.get("sendSubmissionsTo") === "custom"'
-        },
-        {
-            name: "contentType",
-            type: "string",
-            defaultValue: "application/json",
-            advanced: true,
-            enum: [
-                "application/json",
-                "multipart/form-data",
-                "application/x-www-form-urlencoded"
-            ],
-            showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
-        },
-        {
-            name: "method",
-            type: "string",
-            showIf: 'options.get("sendSubmissionsTo") === "custom"',
-            defaultValue: "POST",
-            advanced: true
-        },
-        {
-            name: "previewState",
-            type: "string",
-            enum: ["unsubmitted", "sending", "success", "error"],
-            defaultValue: "unsubmitted",
-            helperText: 'Choose a state to edit, e.g. choose "success" to show what users see on success and edit the message',
-            showIf: 'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'
-        },
-        {
-            name: "successUrl",
-            type: "url",
-            helperText: "Optional URL to redirect the user to on form submission success",
-            showIf: 'options.get("sendSubmissionsTo") !== "zapier" && options.get("sendWithJs") === true'
-        },
-        {
-            name: "resetFormOnSubmit",
-            type: "boolean",
-            showIf: "options.get('sendSubmissionsTo') === 'custom' && options.get('sendWithJs') === true",
-            advanced: true
-        },
-        {
-            name: "successMessage",
-            type: "uiBlocks",
-            hideFromUI: true,
-            defaultValue: [
-                {
-                    "@type": "@builder.io/sdk:Element",
-                    responsiveStyles: {
-                        large: {
-                            marginTop: "10px"
-                        }
-                    },
-                    component: {
-                        name: "Text",
-                        options: {
-                            text: "<span>Thanks!</span>"
-                        }
-                    }
-                }
-            ]
-        },
-        {
-            name: "validate",
-            type: "boolean",
-            defaultValue: true,
-            advanced: true
-        },
-        {
-            name: "errorMessagePath",
-            type: "text",
-            advanced: true,
-            helperText: 'Path to where to get the error message from in a JSON response to display to the user, e.g. "error.message" for a response like { "error": { "message": "this username is taken" }}'
-        },
-        {
-            name: "errorMessage",
-            type: "uiBlocks",
-            hideFromUI: true,
-            defaultValue: [
-                {
-                    "@type": "@builder.io/sdk:Element",
-                    responsiveStyles: {
-                        large: {
-                            marginTop: "10px"
-                        }
-                    },
-                    bindings: {
-                        "component.options.text": "state.formErrorMessage || block.component.options.text"
-                    },
-                    component: {
-                        name: "Text",
-                        options: {
-                            text: "<span>Form submission error :( Please check your answers and try again</span>"
-                        }
-                    }
-                }
-            ]
-        },
-        {
-            name: "sendingMessage",
-            type: "uiBlocks",
-            hideFromUI: true,
-            defaultValue: [
-                {
-                    "@type": "@builder.io/sdk:Element",
-                    responsiveStyles: {
-                        large: {
-                            marginTop: "10px"
-                        }
-                    },
-                    component: {
-                        name: "Text",
-                        options: {
-                            text: "<span>Sending...</span>"
-                        }
-                    }
-                }
-            ]
-        },
-        {
-            name: "customHeaders",
-            type: "map",
-            valueType: {
-                type: "string"
-            },
-            advanced: true,
-            showIf: 'options.get("sendSubmissionsTo") === "custom" && options.get("sendWithJs") === true'
-        }
-    ],
-    noWrap: true,
-    canHaveChildren: true,
-    defaultChildren: [
-        {
-            "@type": "@builder.io/sdk:Element",
-            responsiveStyles: {
-                large: {
-                    marginTop: "10px"
-                }
-            },
-            component: {
-                name: "Text",
-                options: {
-                    text: "<span>Enter your name</span>"
-                }
-            }
-        },
-        {
-            "@type": "@builder.io/sdk:Element",
-            responsiveStyles: {
-                large: {
-                    marginTop: "10px"
-                }
-            },
-            component: {
-                name: "Form:Input",
-                options: {
-                    name: "name",
-                    placeholder: "Jane Doe"
-                }
-            }
-        },
-        {
-            "@type": "@builder.io/sdk:Element",
-            responsiveStyles: {
-                large: {
-                    marginTop: "10px"
-                }
-            },
-            component: {
-                name: "Text",
-                options: {
-                    text: "<span>Enter your email</span>"
-                }
-            }
-        },
-        {
-            "@type": "@builder.io/sdk:Element",
-            responsiveStyles: {
-                large: {
-                    marginTop: "10px"
-                }
-            },
-            component: {
-                name: "Form:Input",
-                options: {
-                    name: "email",
-                    placeholder: "jane@doe.com"
-                }
-            }
-        },
-        {
-            "@type": "@builder.io/sdk:Element",
-            responsiveStyles: {
-                large: {
-                    marginTop: "10px"
-                }
-            },
-            component: {
-                name: "Form:SubmitButton",
-                options: {
-                    text: "Submit"
-                }
-            }
-        }
-    ]
-};
-exports.componentInfo = componentInfo;

package/dist/react/cjs/blocks/form/form.d.ts

@@ -1,2 +0,0 @@
-export default FormComponent;
-declare function FormComponent(props: any): JSX.Element;