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

package/dist/react/cjs/helpers/visitorId.d.ts

@@ -1,8 +0,0 @@
-export function createVisitorId(): string;
-export function getVisitorId({ canTrack }: {
-    canTrack: any;
-}): string | null | undefined;
-export function setVisitorId({ id, canTrack }: {
-    id: any;
-    canTrack: any;
-}): void;

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

@@ -1,33 +0,0 @@
-"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.d.ts

@@ -1,11 +0,0 @@
-import { default as default2 } from "../blocks/button/button";
-import { default as default3 } from "../blocks/columns/columns";
-import { default as default4 } from "../blocks/fragment/fragment";
-import { default as default5 } from "../blocks/image/image";
-import { default as default6 } from "../components/render-blocks";
-import { default as default7 } from "../components/render-content/render-content";
-import { default as default8 } from "../blocks/section/section";
-import { default as default9 } from "../blocks/symbol/symbol";
-import { default as default10 } from "../blocks/text/text";
-import { default as default11 } from "../blocks/video/video";
-export { default2 as Button, default3 as Columns, default4 as Fragment, default5 as Image, default6 as RenderBlocks, default7 as RenderContent, default8 as Section, default9 as Symbol, default10 as Text, default11 as Video };

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

@@ -1,23 +0,0 @@
-"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.d.ts

@@ -1,2 +0,0 @@
-export { stdin_default as default };
-declare var stdin_default: undefined;

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

@@ -1,5 +0,0 @@
-"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.cjs

@@ -1,28 +0,0 @@
-"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/index.d.ts

@@ -1,11 +0,0 @@
-export * from "./index-helpers/top-of-file.js";
-export * from "./index-helpers/blocks-exports.js";
-export * from "./functions/is-editing.js";
-export * from "./functions/is-previewing.js";
-export * from "./functions/register-component.js";
-export * from "./functions/register.js";
-export * from "./functions/set-editor-settings.js";
-export * from "./functions/get-content/index.js";
-export * from "./functions/get-builder-search-params/index.js";
-export { track };
-import { track } from "./functions/track/index.js";

package/dist/react/cjs/index.js

@@ -1,28 +0,0 @@
-"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.d.ts

@@ -1,2 +0,0 @@
-export function registerInsertMenu(): void;
-export function setupBrowserForEditing(options?: {}): void;

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

@@ -1,97 +0,0 @@
-"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.d.ts

@@ -1 +0,0 @@
-export const DEFAULT_API_VERSION: "v3";

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

@@ -1,5 +0,0 @@
-"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/cjs/types/builder-block.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/builder-content.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/can-track.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/components.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/deep-partial.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/element.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/input.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/targets.js

@@ -1 +0,0 @@
-"use strict";

package/dist/react/cjs/types/typescript.js

@@ -1 +0,0 @@
-"use strict";

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

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

package/dist/react/esm/blocks/BaseText.js

@@ -1,9 +0,0 @@
-"use client";
-import * as React from "react";
-import { useContext } from "react";
-import BuilderContext from "../context/builder.context.js";
-function BaseText(props) {
-    const builderContext = useContext(BuilderContext);
-    return React.createElement("span", { style: builderContext.inheritedStyles }, props.text);
-}
-export default BaseText;

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

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

package/dist/react/esm/blocks/button/button.js

@@ -1,13 +0,0 @@
-"use client";
-import * as React from "react";
-function Button(props) {
-    return (React.createElement(React.Fragment, null,
-        props.link ? (React.createElement(React.Fragment, null,
-            React.createElement("a", { role: "button", ...props.attributes, href: props.link, target: props.openLinkInNewTab ? "_blank" : undefined }, props.text))) : (React.createElement("button", { className: 
-            /** * We have to explicitly provide `class` so that Mitosis knows to merge it with `css`. */
-            props.attributes.class + " button-5050ef15", ...props.attributes }, props.text)),
-        React.createElement("style", null, `.button-5050ef15 {
-all: unset;
-}`)));
-}
-export default Button;

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

@@ -1,38 +0,0 @@
-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/button/component-info.js

@@ -1,38 +0,0 @@
-const componentInfo = {
-    name: "Core:Button",
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2F81a15681c3e74df09677dfc57a615b13",
-    defaultStyles: {
-        appearance: "none",
-        paddingTop: "15px",
-        paddingBottom: "15px",
-        paddingLeft: "25px",
-        paddingRight: "25px",
-        backgroundColor: "#000000",
-        color: "white",
-        borderRadius: "4px",
-        textAlign: "center",
-        cursor: "pointer"
-    },
-    inputs: [
-        {
-            name: "text",
-            type: "text",
-            defaultValue: "Click me!",
-            bubble: true
-        },
-        {
-            name: "link",
-            type: "url",
-            bubble: true
-        },
-        {
-            name: "openLinkInNewTab",
-            type: "boolean",
-            defaultValue: false,
-            friendlyName: "Open link in new tab"
-        }
-    ],
-    static: true,
-    noWrap: true
-};
-export { componentInfo };

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

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

package/dist/react/esm/blocks/columns/columns.js

@@ -1,131 +0,0 @@
-"use client";
-import * as React from "react";
-import { useState, useContext } from "react";
-import RenderBlocks from "../../components/render-blocks";
-import { getSizesForBreakpoints } from "../../constants/device-sizes";
-import RenderInlinedStyles from "../../components/render-inlined-styles";
-import { TARGET } from "../../constants/target.js";
-import BuilderContext from "../../context/builder.context.js";
-function Columns(props) {
-    const [gutterSize, setGutterSize] = useState(() => typeof props.space === "number" ? props.space || 0 : 20);
-    const [cols, setCols] = useState(() => props.columns || []);
-    const [stackAt, setStackAt] = useState(() => props.stackColumnsAt || "tablet");
-    function getWidth(index) {
-        return cols[index]?.width || 100 / cols.length;
-    }
-    function getColumnCssWidth(index) {
-        const subtractWidth = (gutterSize * (cols.length - 1)) / cols.length;
-        return `calc(${getWidth(index)}% - ${subtractWidth}px)`;
-    }
-    function getTabletStyle({ stackedStyle, desktopStyle }) {
-        return stackAt === "tablet" ? stackedStyle : desktopStyle;
-    }
-    function getMobileStyle({ stackedStyle, desktopStyle }) {
-        return stackAt === "never" ? desktopStyle : stackedStyle;
-    }
-    const [flexDir, setFlexDir] = useState(() => props.stackColumnsAt === "never"
-        ? "row"
-        : props.reverseColumnsWhenStacked
-            ? "column-reverse"
-            : "column");
-    function columnsCssVars() {
-        if (TARGET === "reactNative") {
-            return {
-                flexDirection: flexDir,
-            };
-        }
-        return {
-            "--flex-dir": flexDir,
-            "--flex-dir-tablet": getTabletStyle({
-                stackedStyle: flexDir,
-                desktopStyle: "row",
-            }),
-        };
-    }
-    function columnCssVars(index) {
-        const gutter = index === 0 ? 0 : gutterSize;
-        if (TARGET === "reactNative") {
-            return {
-                marginLeft: props.stackColumnsAt === "never" ? gutter : 0,
-            };
-        }
-        const width = getColumnCssWidth(index);
-        const gutterPixels = `${gutterSize}px`;
-        const mobileWidth = "100%";
-        const mobileMarginLeft = 0;
-        return {
-            width,
-            "margin-left": gutterPixels,
-            "--column-width-mobile": getMobileStyle({
-                stackedStyle: mobileWidth,
-                desktopStyle: width,
-            }),
-            "--column-margin-left-mobile": getMobileStyle({
-                stackedStyle: mobileMarginLeft,
-                desktopStyle: gutterPixels,
-            }),
-            "--column-width-tablet": getTabletStyle({
-                stackedStyle: mobileWidth,
-                desktopStyle: width,
-            }),
-            "--column-margin-left-tablet": getTabletStyle({
-                stackedStyle: mobileMarginLeft,
-                desktopStyle: gutterPixels,
-            }),
-        };
-    }
-    function getWidthForBreakpointSize(size) {
-        const breakpointSizes = getSizesForBreakpoints(builderContext.content?.meta?.breakpoints || {});
-        return breakpointSizes[size].max;
-    }
-    function columnsStyles() {
-        return `
-    @media (max-width: ${getWidthForBreakpointSize("medium")}px) {
-      .${props.builderBlock.id}-breakpoints {
-        flex-direction: var(--flex-dir-tablet);
-        align-items: stretch;
-      }
-
-      .${props.builderBlock.id}-breakpoints > .builder-column {
-        width: var(--column-width-tablet) !important;
-        margin-left: var(--column-margin-left-tablet) !important;
-      }
-    }
-
-    @media (max-width: ${getWidthForBreakpointSize("small")}px) {
-      .${props.builderBlock.id}-breakpoints {
-        flex-direction: var(--flex-dir);
-        align-items: stretch;
-      }
-
-      .${props.builderBlock.id}-breakpoints > .builder-column {
-        width: var(--column-width-mobile) !important;
-        margin-left: var(--column-margin-left-mobile) !important;
-      }
-    },
-  `;
-    }
-    const builderContext = useContext(BuilderContext);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `builder-columns ${props.builderBlock.id}-breakpoints` +
-                " div-f0aded1c", style: columnsCssVars(), dataSet: {
-                "builder-block-name": "builder-columns",
-            } },
-            TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
-                React.createElement(RenderInlinedStyles, { styles: columnsStyles() }))) : null,
-            props.columns?.map((column, index) => (React.createElement("div", { className: "builder-column div-f0aded1c-2", style: columnCssVars(index), dataSet: {
-                    "builder-block-name": "builder-column",
-                }, key: index },
-                React.createElement(RenderBlocks, { blocks: column.blocks, path: `component.options.columns.${index}.blocks`, parent: props.builderBlock.id, styleProp: {
-                        flexGrow: "1",
-                    } }))))),
-        React.createElement("style", null, `.div-f0aded1c {
-display: flex;
-line-height: normal;
-}.div-f0aded1c-2 {
-display: flex;
-flex-direction: column;
-align-items: stretch;
-}`)));
-}
-export default Columns;