@builder.io/sdk-react-native 0.1.2 → 0.1.4

package/dist/components/render-content/components/render-styles.js

@@ -0,0 +1,91 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const render_inlined_styles_1 = __importDefault(require("../../render-inlined-styles"));
+function RenderContentStyles(props) {
+    function getCssFromFont(font) {
+        var _a, _b;
+        // TODO: compute what font sizes are used and only load those.......
+        const family = font.family +
+            (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
+        const name = family.split(",")[0];
+        const url = (_a = font.fileUrl) !== null && _a !== void 0 ? _a : (_b = font === null || font === void 0 ? void 0 : font.files) === null || _b === void 0 ? void 0 : _b.regular;
+        let str = "";
+        if (url && family && name) {
+            str += `
+@font-face {
+  font-family: "${family}";
+  src: local("${name}"), url('${url}') format('woff2');
+  font-display: fallback;
+  font-weight: 400;
+}
+        `.trim();
+        }
+        if (font.files) {
+            for (const weight in font.files) {
+                const isNumber = String(Number(weight)) === weight;
+                if (!isNumber) {
+                    continue;
+                }
+                // TODO: maybe limit number loaded
+                const weightUrl = font.files[weight];
+                if (weightUrl && weightUrl !== url) {
+                    str += `
+@font-face {
+  font-family: "${family}";
+  src: url('${weightUrl}') format('woff2');
+  font-display: fallback;
+  font-weight: ${weight};
+}
+          `.trim();
+                }
+            }
+        }
+        return str;
+    }
+    function getFontCss({ customFonts }) {
+        var _a;
+        // TODO: flag for this
+        // if (!builder.allowCustomFonts) {
+        //   return '';
+        // }
+        // TODO: separate internal data from external
+        return ((_a = customFonts === null || customFonts === void 0 ? void 0 : customFonts.map((font) => getCssFromFont(font))) === null || _a === void 0 ? void 0 : _a.join(" ")) || "";
+    }
+    function injectedStyles() {
+        return `
+${props.cssCode || ""}
+${getFontCss({
+            customFonts: props.customFonts,
+        })}`;
+    }
+    return React.createElement(render_inlined_styles_1.default, { styles: injectedStyles() });
+}
+exports.default = RenderContentStyles;

package/dist/components/render-content/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const render_content_1 = __importDefault(require("./render-content"));
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return render_content_1.default; } });

package/dist/components/render-content/render-content.js

@@ -0,0 +1,325 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const react_1 = require("react");
+const builder_registered_components_js_1 = require("../../constants/builder-registered-components.js");
+const target_js_1 = require("../../constants/target.js");
+const evaluate_js_1 = require("../../functions/evaluate.js");
+const index_js_1 = require("../../functions/get-content/index.js");
+const get_fetch_js_1 = require("../../functions/get-fetch.js");
+const is_browser_js_1 = require("../../functions/is-browser.js");
+const is_editing_js_1 = require("../../functions/is-editing.js");
+const is_previewing_js_1 = require("../../functions/is-previewing.js");
+const register_component_js_1 = require("../../functions/register-component.js");
+const index_js_2 = require("../../functions/track/index.js");
+const render_blocks_1 = __importDefault(require("../render-blocks"));
+const render_styles_1 = __importDefault(require("./components/render-styles"));
+const builder_context_js_1 = __importDefault(require("../../context/builder.context.js"));
+const init_editing_js_1 = require("../../scripts/init-editing.js");
+const nullable_js_1 = require("../../helpers/nullable.js");
+const interaction_js_1 = require("../../functions/track/interaction.js");
+function RenderContent(props) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
+    const elementRef = (0, react_1.useRef)(null);
+    const [forceReRenderCount, setForceReRenderCount] = (0, react_1.useState)(() => 0);
+    const [overrideContent, setOverrideContent] = (0, react_1.useState)(() => null);
+    function useContent() {
+        var _a, _b, _c, _d, _e;
+        if (!props.content && !overrideContent) {
+            return undefined;
+        }
+        return {
+            ...props.content,
+            ...overrideContent,
+            data: {
+                ...(_a = props.content) === null || _a === void 0 ? void 0 : _a.data,
+                ...props.data,
+                ...overrideContent === null || overrideContent === void 0 ? void 0 : overrideContent.data,
+            },
+            meta: {
+                ...(_b = props.content) === null || _b === void 0 ? void 0 : _b.meta,
+                ...overrideContent === null || overrideContent === void 0 ? void 0 : overrideContent.meta,
+                breakpoints: useBreakpoints ||
+                    ((_c = overrideContent === null || overrideContent === void 0 ? void 0 : overrideContent.meta) === null || _c === void 0 ? void 0 : _c.breakpoints) ||
+                    ((_e = (_d = props.content) === null || _d === void 0 ? void 0 : _d.meta) === null || _e === void 0 ? void 0 : _e.breakpoints),
+            },
+        };
+    }
+    const [update, setUpdate] = (0, react_1.useState)(() => 0);
+    const [useBreakpoints, setUseBreakpoints] = (0, react_1.useState)(() => null);
+    const [canTrackToUse, setCanTrackToUse] = (0, react_1.useState)(() => (0, nullable_js_1.checkIsDefined)(props.canTrack) ? props.canTrack : true);
+    const [overrideState, setOverrideState] = (0, react_1.useState)(() => ({}));
+    function contentState() {
+        var _a, _b;
+        return {
+            ...(_b = (_a = props.content) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.state,
+            ...props.data,
+            ...(props.locale
+                ? {
+                    locale: props.locale,
+                }
+                : {}),
+            ...overrideState,
+        };
+    }
+    const [contextContext, setContextContext] = (0, react_1.useState)(() => props.context || {});
+    const [allRegisteredComponents, setAllRegisteredComponents] = (0, react_1.useState)(() => [
+        ...(0, builder_registered_components_js_1.getDefaultRegisteredComponents)(),
+        // While this `components` object is deprecated, we must maintain support for it.
+        // Since users are able to override our default components, we need to make sure that we do not break such
+        // existing usage.
+        // This is why we spread `components` after the default Builder.io components, but before the `props.customComponents`,
+        // which is the new standard way of providing custom components, and must therefore take precedence.
+        ...register_component_js_1.components,
+        ...(props.customComponents || []),
+    ].reduce((acc, curr) => ({
+        ...acc,
+        [curr.name]: curr,
+    }), {}));
+    function processMessage(event) {
+        var _a;
+        const { data } = event;
+        if (data) {
+            switch (data.type) {
+                case "builder.configureSdk": {
+                    const messageContent = data.data;
+                    const { breakpoints, contentId } = messageContent;
+                    if (!contentId || contentId !== ((_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.id)) {
+                        return;
+                    }
+                    setUseBreakpoints(breakpoints);
+                    setForceReRenderCount(forceReRenderCount + 1); // This is a hack to force Qwik to re-render.
+                    break;
+                }
+                case "builder.contentUpdate": {
+                    const messageContent = data.data;
+                    const key = messageContent.key ||
+                        messageContent.alias ||
+                        messageContent.entry ||
+                        messageContent.modelName;
+                    const contentData = messageContent.data;
+                    if (key === props.model) {
+                        setOverrideContent(contentData);
+                        setForceReRenderCount(forceReRenderCount + 1); // This is a hack to force Qwik to re-render.
+                    }
+                    break;
+                }
+                case "builder.patchUpdates": {
+                    // TODO
+                    break;
+                }
+            }
+        }
+    }
+    function evaluateJsCode() {
+        var _a, _b;
+        // run any dynamic JS code attached to content
+        const jsCode = (_b = (_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.jsCode;
+        if (jsCode) {
+            (0, evaluate_js_1.evaluate)({
+                code: jsCode,
+                context: contextContext,
+                state: contentState(),
+            });
+        }
+    }
+    const [httpReqsData, setHttpReqsData] = (0, react_1.useState)(() => ({}));
+    const [clicked, setClicked] = (0, react_1.useState)(() => false);
+    function onClick(event) {
+        var _a, _b;
+        if (useContent()) {
+            const variationId = (_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.testVariationId;
+            const contentId = (_b = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _b === void 0 ? void 0 : _b.id;
+            (0, index_js_2._track)({
+                type: "click",
+                canTrack: canTrackToUse,
+                contentId,
+                apiKey: props.apiKey,
+                variationId: variationId !== contentId ? variationId : undefined,
+                ...(0, interaction_js_1.getInteractionPropertiesForEvent)(event),
+                unique: !clicked,
+            });
+        }
+        if (!clicked) {
+            setClicked(true);
+        }
+    }
+    function evalExpression(expression) {
+        return expression.replace(/{{([^}]+)}}/g, (_match, group) => (0, evaluate_js_1.evaluate)({
+            code: group,
+            context: contextContext,
+            state: contentState(),
+        }));
+    }
+    function handleRequest({ url, key }) {
+        (0, get_fetch_js_1.fetch)(url)
+            .then((response) => response.json())
+            .then((json) => {
+            const newOverrideState = {
+                ...overrideState,
+                [key]: json,
+            };
+            setOverrideState(newOverrideState);
+        })
+            .catch((err) => {
+            console.log("error fetching dynamic data", url, err);
+        });
+    }
+    function runHttpRequests() {
+        var _a, _b, _c;
+        const requests = (_c = (_b = (_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.httpRequests) !== null && _c !== void 0 ? _c : {};
+        Object.entries(requests).forEach(([key, url]) => {
+            if (url && (!httpReqsData[key] || (0, is_editing_js_1.isEditing)())) {
+                const evaluatedUrl = evalExpression(url);
+                handleRequest({
+                    url: evaluatedUrl,
+                    key,
+                });
+            }
+        });
+    }
+    function emitStateUpdate() {
+        if ((0, is_editing_js_1.isEditing)()) {
+            window.dispatchEvent(new CustomEvent("builder:component:stateChange", {
+                detail: {
+                    state: contentState(),
+                    ref: {
+                        name: props.model,
+                    },
+                },
+            }));
+        }
+    }
+    function shouldRenderContentStyles() {
+        var _a, _b, _c, _d, _e;
+        return Boolean((((_b = (_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.cssCode) ||
+            ((_e = (_d = (_c = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.customFonts) === null || _e === void 0 ? void 0 : _e.length)) &&
+            target_js_1.TARGET !== "reactNative");
+    }
+    (0, react_1.useEffect)(() => {
+        var _a, _b;
+        if (!props.apiKey) {
+            console.error("[Builder.io]: No API key provided to `RenderContent` component. This can cause issues. Please provide an API key using the `apiKey` prop.");
+        }
+        if ((0, is_browser_js_1.isBrowser)()) {
+            if ((0, is_editing_js_1.isEditing)()) {
+                setForceReRenderCount(forceReRenderCount + 1);
+                (0, init_editing_js_1.registerInsertMenu)();
+                (0, init_editing_js_1.setupBrowserForEditing)({
+                    ...(props.locale
+                        ? {
+                            locale: props.locale,
+                        }
+                        : {}),
+                    ...(props.includeRefs
+                        ? {
+                            includeRefs: props.includeRefs,
+                        }
+                        : {}),
+                });
+                Object.values(allRegisteredComponents).forEach((registeredComponent) => {
+                    var _a;
+                    const message = (0, register_component_js_1.createRegisterComponentMessage)(registeredComponent);
+                    (_a = window.parent) === null || _a === void 0 ? void 0 : _a.postMessage(message, "*");
+                });
+                window.addEventListener("message", processMessage);
+                window.addEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate);
+            }
+            if (useContent()) {
+                const variationId = (_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.testVariationId;
+                const contentId = (_b = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _b === void 0 ? void 0 : _b.id;
+                (0, index_js_2._track)({
+                    type: "impression",
+                    canTrack: canTrackToUse,
+                    contentId,
+                    apiKey: props.apiKey,
+                    variationId: variationId !== contentId ? variationId : undefined,
+                });
+            }
+            // override normal content in preview mode
+            if ((0, is_previewing_js_1.isPreviewing)()) {
+                const searchParams = new URL(location.href).searchParams;
+                const searchParamPreview = searchParams.get("builder.preview");
+                const previewApiKey = searchParams.get("apiKey") || searchParams.get("builder.space");
+                /**
+                 * Make sure that:
+                 * - the preview model name is the same as the one we're rendering, since there can be multiple models rendered    *  at the same time, e.g. header/page/footer.    * - the API key is the same, since we don't want to preview content from other organizations.
+                 *
+                 * TO-DO: should we check that the preview item ID is the same as the initial one being rendered? Or would
+                 * this break scenarios where the item is not published yet?
+                 *
+                 * TO-DO: should we only update the state when there is a change?
+                 **/
+                if (searchParamPreview === props.model &&
+                    previewApiKey === props.apiKey) {
+                    (0, index_js_1.getContent)({
+                        model: props.model,
+                        apiKey: props.apiKey,
+                    }).then((content) => {
+                        if (content) {
+                            setOverrideContent(content);
+                        }
+                    });
+                }
+            }
+            evaluateJsCode();
+            runHttpRequests();
+            emitStateUpdate();
+        }
+    }, []);
+    (0, react_1.useEffect)(() => {
+        evaluateJsCode();
+    }, [(_b = (_a = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.jsCode, contentState()]);
+    (0, react_1.useEffect)(() => {
+        runHttpRequests();
+    }, [(_d = (_c = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.httpRequests]);
+    (0, react_1.useEffect)(() => {
+        emitStateUpdate();
+    }, [contentState()]);
+    (0, react_1.useEffect)(() => {
+        return () => {
+            if ((0, is_browser_js_1.isBrowser)()) {
+                window.removeEventListener("message", processMessage);
+                window.removeEventListener("builder:component:stateChangeListenerActivated", emitStateUpdate);
+            }
+        };
+    }, []);
+    return (React.createElement(builder_context_js_1.default.Provider, { value: {
+            content: useContent(),
+            state: contentState(),
+            context: contextContext,
+            apiKey: props.apiKey,
+            registeredComponents: allRegisteredComponents,
+        } }, useContent() ? (React.createElement(React.Fragment, null,
+        React.createElement(react_native_1.View, { ref: elementRef, onClick: (event) => onClick(event), "builder-content-id": (_e = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _e === void 0 ? void 0 : _e.id, "builder-model": props.model },
+            shouldRenderContentStyles() ? (React.createElement(render_styles_1.default, { cssCode: (_g = (_f = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.cssCode, customFonts: (_j = (_h = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _h === void 0 ? void 0 : _h.data) === null || _j === void 0 ? void 0 : _j.customFonts })) : null,
+            React.createElement(render_blocks_1.default, { blocks: (_l = (_k = useContent === null || useContent === void 0 ? void 0 : useContent()) === null || _k === void 0 ? void 0 : _k.data) === null || _l === void 0 ? void 0 : _l.blocks, key: forceReRenderCount })))) : null));
+}
+exports.default = RenderContent;

package/dist/components/render-inlined-styles.js

@@ -0,0 +1,42 @@
+"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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const react_native_1 = require("react-native");
+const target_js_1 = require("../constants/target.js");
+function RenderInlinedStyles(props) {
+    function injectedStyleScript() {
+        return `<${tag()}>${props.styles}</${tag()}>`;
+    }
+    function tag() {
+        // NOTE: we have to obfusctate the name of the tag due to a limitation in the svelte-preprocessor plugin.
+        // https://github.com/sveltejs/vite-plugin-svelte/issues/315#issuecomment-1109000027
+        return "sty" + "le";
+    }
+    return (React.createElement(React.Fragment, null, target_js_1.TARGET === "svelte" || target_js_1.TARGET === "qwik" ? (React.createElement(React.Fragment, null,
+        React.createElement(react_native_1.View, { dangerouslySetInnerHTML: { __html: props.styles } }))) : (React.createElement(react_native_1.View, null,
+        React.createElement(react_native_1.Text, null, props.styles)))));
+}
+exports.default = RenderInlinedStyles;

package/dist/constants/builder-registered-components.js

@@ -0,0 +1,46 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDefaultRegisteredComponents = void 0;
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+    for (var prop in b || (b = {}))
+        if (__hasOwnProp.call(b, prop))
+            __defNormalProp(a, prop, b[prop]);
+    if (__getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(b)) {
+            if (__propIsEnum.call(b, prop))
+                __defNormalProp(a, prop, b[prop]);
+        }
+    return a;
+};
+const button_1 = __importDefault(require("../blocks/button/button"));
+const component_info_1 = require("../blocks/button/component-info");
+const columns_1 = __importDefault(require("../blocks/columns/columns"));
+const component_info_2 = require("../blocks/columns/component-info");
+const component_info_3 = require("../blocks/fragment/component-info");
+const fragment_1 = __importDefault(require("../blocks/fragment/fragment"));
+const component_info_4 = require("../blocks/image/component-info");
+const image_1 = __importDefault(require("../blocks/image/image"));
+const component_info_5 = require("../blocks/section/component-info");
+const section_1 = __importDefault(require("../blocks/section/section"));
+const component_info_6 = require("../blocks/symbol/component-info");
+const symbol_1 = __importDefault(require("../blocks/symbol/symbol"));
+const component_info_7 = require("../blocks/text/component-info");
+const text_1 = __importDefault(require("../blocks/text/text"));
+const getDefaultRegisteredComponents = () => [
+    __spreadValues({ component: columns_1.default }, component_info_2.componentInfo),
+    __spreadValues({ component: image_1.default }, component_info_4.componentInfo),
+    __spreadValues({ component: text_1.default }, component_info_7.componentInfo),
+    __spreadValues({ component: symbol_1.default }, component_info_6.componentInfo),
+    __spreadValues({ component: button_1.default }, component_info_1.componentInfo),
+    __spreadValues({ component: section_1.default }, component_info_5.componentInfo),
+    __spreadValues({ component: fragment_1.default }, component_info_3.componentInfo)
+];
+exports.getDefaultRegisteredComponents = getDefaultRegisteredComponents;

package/dist/constants/device-sizes.js

@@ -0,0 +1,49 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getSizesForBreakpoints = exports.getMaxWidthQueryForSize = void 0;
+const fast_clone_1 = require("../functions/fast-clone");
+const SIZES = {
+    small: {
+        min: 320,
+        default: 321,
+        max: 640
+    },
+    medium: {
+        min: 641,
+        default: 642,
+        max: 991
+    },
+    large: {
+        min: 990,
+        default: 991,
+        max: 1200
+    }
+};
+const getMaxWidthQueryForSize = (size, sizeValues = SIZES) => `@media (max-width: ${sizeValues[size].max}px)`;
+exports.getMaxWidthQueryForSize = getMaxWidthQueryForSize;
+const getSizesForBreakpoints = ({ small, medium }) => {
+    const newSizes = (0, fast_clone_1.fastClone)(SIZES);
+    if (!small || !medium) {
+        return newSizes;
+    }
+    const smallMin = Math.floor(small / 2);
+    newSizes.small = {
+        max: small,
+        min: smallMin,
+        default: smallMin + 1
+    };
+    const mediumMin = newSizes.small.max + 1;
+    newSizes.medium = {
+        max: medium,
+        min: mediumMin,
+        default: mediumMin + 1
+    };
+    const largeMin = newSizes.medium.max + 1;
+    newSizes.large = {
+        max: 2e3,
+        min: largeMin,
+        default: largeMin + 1
+    };
+    return newSizes;
+};
+exports.getSizesForBreakpoints = getSizesForBreakpoints;

package/dist/constants/target.js

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

package/dist/context/builder.context.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+const react_1 = require("react");
+var stdin_default = (0, react_1.createContext)({
+    content: null,
+    context: {},
+    state: {},
+    apiKey: null,
+    registeredComponents: {},
+    inheritedStyles: {}
+});
+exports.default = stdin_default;

package/dist/context/types.js

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

package/dist/functions/camel-to-kebab-case.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.camelToKebabCase = void 0;
+const camelToKebabCase = (string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+exports.camelToKebabCase = camelToKebabCase;

package/dist/functions/evaluate.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.evaluate = void 0;
+const is_browser_js_1 = require("./is-browser.js");
+const is_editing_js_1 = require("./is-editing.js");
+function evaluate({ code, context, state, event, isExpression = true }) {
+    if (code === "") {
+        console.warn("Skipping evaluation of empty code block.");
+        return;
+    }
+    const builder = {
+        isEditing: (0, is_editing_js_1.isEditing)(),
+        isBrowser: (0, is_browser_js_1.isBrowser)(),
+        isServer: !(0, is_browser_js_1.isBrowser)()
+    };
+    const useReturn = isExpression && !(code.includes(";") || code.includes(" return ") || code.trim().startsWith("return "));
+    const useCode = useReturn ? `return (${code});` : code;
+    try {
+        return new Function("builder", "Builder", "state", "context", "event", useCode)(builder, builder, state, context, event);
+    }
+    catch (e) {
+        console.warn("Builder custom code error: \n While Evaluating: \n ", useCode, "\n", e);
+    }
+}
+exports.evaluate = evaluate;

package/dist/functions/event-handler-name.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getEventHandlerName = void 0;
+function capitalizeFirstLetter(string) {
+    return string.charAt(0).toUpperCase() + string.slice(1);
+}
+const getEventHandlerName = (key) => `on${capitalizeFirstLetter(key)}`;
+exports.getEventHandlerName = getEventHandlerName;

package/dist/functions/extract-text-styles.js

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.extractTextStyles = void 0;
+const TEXT_STYLE_KEYS = [
+    "color",
+    "whiteSpace",
+    "direction",
+    "hyphens",
+    "overflowWrap"
+];
+const isTextStyle = (key) => {
+    return TEXT_STYLE_KEYS.includes(key) || key.startsWith("font") || key.startsWith("text") || key.startsWith("letter") || key.startsWith("line") || key.startsWith("word") || key.startsWith("writing");
+};
+const extractTextStyles = (styles) => {
+    const textStyles = {};
+    Object.entries(styles).forEach(([key, value]) => {
+        if (isTextStyle(key)) {
+            textStyles[key] = value;
+        }
+    });
+    return textStyles;
+};
+exports.extractTextStyles = extractTextStyles;

package/dist/functions/fast-clone.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fastClone = void 0;
+const fastClone = (obj) => JSON.parse(JSON.stringify(obj));
+exports.fastClone = fastClone;