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

package/dist/react/cjs/helpers/sessionId.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setSessionId = exports.getSessionId = exports.createSessionId = void 0;
+var __async = (__this, __arguments, generator) => {
+    return new Promise((resolve, reject) => {
+        var fulfilled = (value) => {
+            try {
+                step(generator.next(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var rejected = (value) => {
+            try {
+                step(generator.throw(value));
+            }
+            catch (e) {
+                reject(e);
+            }
+        };
+        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+        step((generator = generator.apply(__this, __arguments)).next());
+    });
+};
+const cookie_js_1 = require("./cookie.js");
+const nullable_js_1 = require("./nullable.js");
+const uuid_js_1 = require("./uuid.js");
+const SESSION_LOCAL_STORAGE_KEY = "builderSessionId";
+const getSessionId = (_0) => __async(void 0, [_0], function* ({ canTrack }) {
+    if (!canTrack) {
+        return void 0;
+    }
+    const sessionId = yield (0, cookie_js_1.getCookie)({
+        name: SESSION_LOCAL_STORAGE_KEY,
+        canTrack
+    });
+    if ((0, nullable_js_1.checkIsDefined)(sessionId)) {
+        return sessionId;
+    }
+    else {
+        const newSessionId = createSessionId();
+        setSessionId({ id: newSessionId, canTrack });
+        return newSessionId;
+    }
+});
+exports.getSessionId = getSessionId;
+const createSessionId = () => (0, uuid_js_1.uuid)();
+exports.createSessionId = createSessionId;
+const setSessionId = ({ id, canTrack }) => (0, cookie_js_1.setCookie)({ name: SESSION_LOCAL_STORAGE_KEY, value: id, canTrack });
+exports.setSessionId = setSessionId;

package/dist/react/cjs/helpers/time.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getCurrentDatePlusMinutes = void 0;
+const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
+const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
+exports.getCurrentDatePlusMinutes = getCurrentDatePlusMinutes;

package/dist/react/cjs/helpers/url.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTopLevelDomain = void 0;
+const getTopLevelDomain = (host) => {
+    if (host === "localhost" || host === "127.0.0.1") {
+        return host;
+    }
+    const parts = host.split(".");
+    if (parts.length > 2) {
+        return parts.slice(1).join(".");
+    }
+    return host;
+};
+exports.getTopLevelDomain = getTopLevelDomain;

package/dist/react/cjs/helpers/url.test.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const url_js_1 = require("./url.js");
+describe("getTopLevelDomain", () => {
+    test("handles root domain", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("example.com");
+        expect(output).toBe("example.com");
+    });
+    test("handles subdomain", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("wwww.example.com");
+        expect(output).toBe("example.com");
+    });
+    test("handles subdomain with long suffix", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("www.example.co.uk");
+        expect(output).toBe("example.co.uk");
+    });
+    test("handles localhost", () => {
+        const output = (0, url_js_1.getTopLevelDomain)("localhost");
+        expect(output).toBe("localhost");
+        const output2 = (0, url_js_1.getTopLevelDomain)("127.0.0.1");
+        expect(output2).toBe("127.0.0.1");
+    });
+});

package/dist/react/cjs/helpers/uuid.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.uuidv4 = exports.uuid = void 0;
+function uuidv4() {
+    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
+        const r = Math.random() * 16 | 0, v = c == "x" ? r : r & 3 | 8;
+        return v.toString(16);
+    });
+}
+exports.uuidv4 = uuidv4;
+function uuid() {
+    return uuidv4().replace(/-/g, "");
+}
+exports.uuid = uuid;

package/dist/react/cjs/helpers/visitorId.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setVisitorId = exports.getVisitorId = exports.createVisitorId = void 0;
+const localStorage_js_1 = require("./localStorage.js");
+const nullable_js_1 = require("./nullable.js");
+const uuid_js_1 = require("./uuid.js");
+const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
+const getVisitorId = ({ canTrack }) => {
+    if (!canTrack) {
+        return void 0;
+    }
+    const visitorId = (0, localStorage_js_1.getLocalStorageItem)({
+        key: VISITOR_LOCAL_STORAGE_KEY,
+        canTrack
+    });
+    if ((0, nullable_js_1.checkIsDefined)(visitorId)) {
+        return visitorId;
+    }
+    else {
+        const newVisitorId = createVisitorId();
+        setVisitorId({ id: newVisitorId, canTrack });
+        return newVisitorId;
+    }
+};
+exports.getVisitorId = getVisitorId;
+const createVisitorId = () => (0, uuid_js_1.uuid)();
+exports.createVisitorId = createVisitorId;
+const setVisitorId = ({ id, canTrack }) => (0, localStorage_js_1.setLocalStorageItem)({
+    key: VISITOR_LOCAL_STORAGE_KEY,
+    value: id,
+    canTrack
+});
+exports.setVisitorId = setVisitorId;

package/dist/react/cjs/index-helpers/blocks-exports.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Video = exports.Text = exports.Symbol = exports.Section = exports.RenderContent = exports.RenderBlocks = exports.Image = exports.Fragment = exports.Columns = exports.Button = void 0;
+const button_1 = require("../blocks/button/button");
+Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return button_1.default; } });
+const columns_1 = require("../blocks/columns/columns");
+Object.defineProperty(exports, "Columns", { enumerable: true, get: function () { return columns_1.default; } });
+const fragment_1 = require("../blocks/fragment/fragment");
+Object.defineProperty(exports, "Fragment", { enumerable: true, get: function () { return fragment_1.default; } });
+const image_1 = require("../blocks/image/image");
+Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return image_1.default; } });
+const render_blocks_1 = require("../components/render-blocks");
+Object.defineProperty(exports, "RenderBlocks", { enumerable: true, get: function () { return render_blocks_1.default; } });
+const render_content_1 = require("../components/render-content/render-content");
+Object.defineProperty(exports, "RenderContent", { enumerable: true, get: function () { return render_content_1.default; } });
+const section_1 = require("../blocks/section/section");
+Object.defineProperty(exports, "Section", { enumerable: true, get: function () { return section_1.default; } });
+const symbol_1 = require("../blocks/symbol/symbol");
+Object.defineProperty(exports, "Symbol", { enumerable: true, get: function () { return symbol_1.default; } });
+const text_1 = require("../blocks/text/text");
+Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return text_1.default; } });
+const video_1 = require("../blocks/video/video");
+Object.defineProperty(exports, "Video", { enumerable: true, get: function () { return video_1.default; } });

package/dist/react/cjs/index-helpers/top-of-file.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+var stdin_default = void 0;
+exports.default = stdin_default;

package/dist/react/cjs/index.js

@@ -0,0 +1,28 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = void 0;
+__exportStar(require("./index-helpers/top-of-file.js"), exports);
+__exportStar(require("./index-helpers/blocks-exports.js"), exports);
+__exportStar(require("./functions/is-editing.js"), exports);
+__exportStar(require("./functions/is-previewing.js"), exports);
+__exportStar(require("./functions/register-component.js"), exports);
+__exportStar(require("./functions/register.js"), exports);
+__exportStar(require("./functions/set-editor-settings.js"), exports);
+__exportStar(require("./functions/get-content/index.js"), exports);
+__exportStar(require("./functions/get-builder-search-params/index.js"), exports);
+const index_js_1 = require("./functions/track/index.js");
+Object.defineProperty(exports, "track", { enumerable: true, get: function () { return index_js_1.track; } });

package/dist/react/cjs/scripts/init-editing.js

@@ -0,0 +1,97 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setupBrowserForEditing = exports.registerInsertMenu = void 0;
+const target_js_1 = require("../constants/target.js");
+const is_browser_js_1 = require("../functions/is-browser.js");
+const register_js_1 = require("../functions/register.js");
+const registerInsertMenu = () => {
+    (0, register_js_1.register)("insertMenu", {
+        name: "_default",
+        default: true,
+        items: [
+            { name: "Box" },
+            { name: "Text" },
+            { name: "Image" },
+            { name: "Columns" },
+            ...target_js_1.TARGET === "reactNative" ? [] : [
+                { name: "Core:Section" },
+                { name: "Core:Button" },
+                { name: "Embed" },
+                { name: "Custom Code" }
+            ]
+        ]
+    });
+};
+exports.registerInsertMenu = registerInsertMenu;
+let isSetupForEditing = false;
+const setupBrowserForEditing = (options = {}) => {
+    var _a, _b;
+    if (isSetupForEditing) {
+        return;
+    }
+    isSetupForEditing = true;
+    if ((0, is_browser_js_1.isBrowser)()) {
+        (_a = window.parent) == null ? void 0 : _a.postMessage({
+            type: "builder.sdkInfo",
+            data: {
+                target: target_js_1.TARGET,
+                supportsPatchUpdates: false,
+                supportsAddBlockScoping: true,
+                supportsCustomBreakpoints: true
+            }
+        }, "*");
+        (_b = window.parent) == null ? void 0 : _b.postMessage({
+            type: "builder.updateContent",
+            data: {
+                options
+            }
+        }, "*");
+        window.addEventListener("message", ({ data }) => {
+            var _a2, _b2;
+            if (!(data == null ? void 0 : data.type)) {
+                return;
+            }
+            switch (data.type) {
+                case "builder.evaluate": {
+                    const text = data.data.text;
+                    const args = data.data.arguments || [];
+                    const id = data.data.id;
+                    const fn = new Function(text);
+                    let result;
+                    let error = null;
+                    try {
+                        result = fn.apply(null, args);
+                    }
+                    catch (err) {
+                        error = err;
+                    }
+                    if (error) {
+                        (_a2 = window.parent) == null ? void 0 : _a2.postMessage({
+                            type: "builder.evaluateError",
+                            data: { id, error: error.message }
+                        }, "*");
+                    }
+                    else {
+                        if (result && typeof result.then === "function") {
+                            result.then((finalResult) => {
+                                var _a3;
+                                (_a3 = window.parent) == null ? void 0 : _a3.postMessage({
+                                    type: "builder.evaluateResult",
+                                    data: { id, result: finalResult }
+                                }, "*");
+                            }).catch(console.error);
+                        }
+                        else {
+                            (_b2 = window.parent) == null ? void 0 : _b2.postMessage({
+                                type: "builder.evaluateResult",
+                                data: { result, id }
+                            }, "*");
+                        }
+                    }
+                    break;
+                }
+            }
+        });
+    }
+};
+exports.setupBrowserForEditing = setupBrowserForEditing;

package/dist/react/cjs/types/api-version.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DEFAULT_API_VERSION = void 0;
+const DEFAULT_API_VERSION = "v3";
+exports.DEFAULT_API_VERSION = DEFAULT_API_VERSION;

package/dist/react/esm/blocks/BaseText.d.ts

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

package/dist/react/esm/blocks/button/button.d.ts

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

package/dist/react/esm/blocks/button/component-info.d.ts

@@ -0,0 +1,38 @@
+export namespace componentInfo {
+    export const name: string;
+    export const image: string;
+    export namespace defaultStyles {
+        const appearance: string;
+        const paddingTop: string;
+        const paddingBottom: string;
+        const paddingLeft: string;
+        const paddingRight: string;
+        const backgroundColor: string;
+        const color: string;
+        const borderRadius: string;
+        const textAlign: string;
+        const cursor: string;
+    }
+    export const inputs: ({
+        name: string;
+        type: string;
+        defaultValue: string;
+        bubble: boolean;
+        friendlyName?: undefined;
+    } | {
+        name: string;
+        type: string;
+        bubble: boolean;
+        defaultValue?: undefined;
+        friendlyName?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: boolean;
+        friendlyName: string;
+        bubble?: undefined;
+    })[];
+    const _static: boolean;
+    export { _static as static };
+    export const noWrap: boolean;
+}

package/dist/react/esm/blocks/columns/columns.d.ts

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

package/dist/react/esm/blocks/columns/component-info.d.ts

@@ -0,0 +1,176 @@
+export namespace componentInfo {
+    const name: string;
+    const inputs: ({
+        name: string;
+        type: string;
+        broadcast: boolean;
+        subFields: ({
+            name: string;
+            type: string;
+            hideFromUI: boolean;
+            defaultValue: ({
+                "@type": string;
+                responsiveStyles: {
+                    large: {
+                        display: string;
+                        flexDirection: string;
+                        alignItems: string;
+                        flexShrink: string;
+                        position: string;
+                        marginTop: string;
+                        textAlign: string;
+                        lineHeight: string;
+                        height: string;
+                        minHeight: string;
+                        minWidth: string;
+                        overflow: string;
+                    };
+                };
+                component: {
+                    name: string;
+                    options: {
+                        image: string;
+                        backgroundPosition: string;
+                        backgroundSize: string;
+                        aspectRatio: number;
+                        text?: undefined;
+                    };
+                };
+            } | {
+                "@type": string;
+                responsiveStyles: {
+                    large: {
+                        display: string;
+                        flexDirection: string;
+                        alignItems: string;
+                        flexShrink: string;
+                        position: string;
+                        marginTop: string;
+                        textAlign: string;
+                        lineHeight: string;
+                        height: string;
+                        minHeight?: undefined;
+                        minWidth?: undefined;
+                        overflow?: undefined;
+                    };
+                };
+                component: {
+                    name: string;
+                    options: {
+                        text: string;
+                        image?: undefined;
+                        backgroundPosition?: undefined;
+                        backgroundSize?: undefined;
+                        aspectRatio?: undefined;
+                    };
+                };
+            })[];
+            helperText?: undefined;
+        } | {
+            name: string;
+            type: string;
+            hideFromUI: boolean;
+            helperText: string;
+            defaultValue?: undefined;
+        } | {
+            name: string;
+            type: string;
+            helperText: string;
+            hideFromUI?: undefined;
+            defaultValue?: undefined;
+        })[];
+        defaultValue: {
+            blocks: ({
+                "@type": string;
+                responsiveStyles: {
+                    large: {
+                        display: string;
+                        flexDirection: string;
+                        alignItems: string;
+                        flexShrink: string;
+                        position: string;
+                        marginTop: string;
+                        textAlign: string;
+                        lineHeight: string;
+                        height: string;
+                        minHeight: string;
+                        minWidth: string;
+                        overflow: string;
+                    };
+                };
+                component: {
+                    name: string;
+                    options: {
+                        image: string;
+                        backgroundPosition: string;
+                        backgroundSize: string;
+                        aspectRatio: number;
+                        text?: undefined;
+                    };
+                };
+            } | {
+                "@type": string;
+                responsiveStyles: {
+                    large: {
+                        display: string;
+                        flexDirection: string;
+                        alignItems: string;
+                        flexShrink: string;
+                        position: string;
+                        marginTop: string;
+                        textAlign: string;
+                        lineHeight: string;
+                        height: string;
+                        minHeight?: undefined;
+                        minWidth?: undefined;
+                        overflow?: undefined;
+                    };
+                };
+                component: {
+                    name: string;
+                    options: {
+                        text: string;
+                        image?: undefined;
+                        backgroundPosition?: undefined;
+                        backgroundSize?: undefined;
+                        aspectRatio?: undefined;
+                    };
+                };
+            })[];
+        }[];
+        onChange: string;
+        helperText?: undefined;
+        advanced?: undefined;
+        enum?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: number;
+        helperText: string;
+        advanced: boolean;
+        broadcast?: undefined;
+        subFields?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: string;
+        helperText: string;
+        enum: string[];
+        advanced: boolean;
+        broadcast?: undefined;
+        subFields?: undefined;
+        onChange?: undefined;
+    } | {
+        name: string;
+        type: string;
+        defaultValue: boolean;
+        helperText: string;
+        advanced: boolean;
+        broadcast?: undefined;
+        subFields?: undefined;
+        onChange?: undefined;
+        enum?: undefined;
+    })[];
+}

package/dist/react/esm/blocks/custom-code/component-info.d.ts

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

package/dist/react/esm/blocks/custom-code/custom-code.d.ts

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

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

@@ -0,0 +1,22 @@
+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/esm/blocks/embed/embed.d.ts

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

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

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