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

package/dist/rsc/blocks/embed/component-info.js

@@ -1,43 +0,0 @@
-import { serializeFn } from "../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: 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
-        }
-    ]
-};
-export { componentInfo };

package/dist/rsc/blocks/embed/embed.d.ts

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

package/dist/rsc/blocks/embed/embed.js

@@ -1,37 +0,0 @@
-import * as React from "react";
-import { isJsScript } from "./helpers.js";
-function Embed(props) {
-    const _context = { ...props["_context"] };
-    const state = {
-        scriptsInserted: [],
-        scriptsRun: [],
-        ranInitFn: false,
-        findAndRunScripts() {
-            if (!elem || !elem.getElementsByTagName)
-                return;
-            const scripts = elem.getElementsByTagName("script");
-            for (let i = 0; i < scripts.length; i++) {
-                const script = scripts[i];
-                if (script.src && !state.scriptsInserted.includes(script.src)) {
-                    state.scriptsInserted.push(script.src);
-                    const newScript = document.createElement("script");
-                    newScript.async = true;
-                    newScript.src = script.src;
-                    document.head.appendChild(newScript);
-                }
-                else if (isJsScript(script) &&
-                    !state.scriptsRun.includes(script.innerText)) {
-                    try {
-                        state.scriptsRun.push(script.innerText);
-                        new Function(script.innerText)();
-                    }
-                    catch (error) {
-                        console.warn("`Embed`: Error running script:", error);
-                    }
-                }
-            }
-        },
-    };
-    return (React.createElement("div", { className: "builder-embed", dangerouslySetInnerHTML: { __html: props.content } }));
-}
-export default Embed;

package/dist/rsc/blocks/embed/helpers.d.ts

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

package/dist/rsc/blocks/embed/helpers.js

@@ -1,7 +0,0 @@
-const SCRIPT_MIME_TYPES = [
-    "text/javascript",
-    "application/javascript",
-    "application/ecmascript"
-];
-const isJsScript = (script) => SCRIPT_MIME_TYPES.includes(script.type);
-export { isJsScript };

package/dist/rsc/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/rsc/blocks/form/component-info.js

@@ -1,259 +0,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"
-                }
-            }
-        }
-    ]
-};
-export { componentInfo };

package/dist/rsc/blocks/form/form.d.ts

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