@builder.io/sdk-react-native 0.5.0 → 0.5.2

package/dist/components/blocks/blocks.js

@@ -29,13 +29,19 @@ var __importDefault = (this && this.__importDefault) || function (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 block_styles_1 = __importDefault(require("../block/components/block-styles"));
 const block_1 = __importDefault(require("../block/block"));
 const blocks_wrapper_1 = __importDefault(require("./blocks-wrapper"));
+const builder_context_1 = __importDefault(require("../../context/builder.context"));
+const components_context_1 = __importDefault(require("../../context/components.context"));
 function Blocks(props) {
     var _a, _b;
+    const builderContext = (0, react_1.useContext)(builder_context_1.default);
+    const componentsContext = (0, react_1.useContext)(components_context_1.default);
     return (React.createElement(blocks_wrapper_1.default, { blocks: props.blocks, parent: props.parent, path: props.path, styleProp: props.styleProp },
-        props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(block_1.default, { key: "render-block-" + block.id, block: block, context: props.context, registeredComponents: props.registeredComponents }))))) : null,
-        props.blocks ? (React.createElement(React.Fragment, null, (_b = props.blocks) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(block_styles_1.default, { key: "block-style-" + block.id, block: block, context: props.context }))))) : null));
+        props.blocks ? (React.createElement(React.Fragment, null, (_a = props.blocks) === null || _a === void 0 ? void 0 : _a.map((block) => (React.createElement(block_1.default, { key: "render-block-" + block.id, block: block, context: props.context || builderContext, registeredComponents: props.registeredComponents ||
+                componentsContext.registeredComponents }))))) : null,
+        props.blocks ? (React.createElement(React.Fragment, null, (_b = props.blocks) === null || _b === void 0 ? void 0 : _b.map((block) => (React.createElement(block_styles_1.default, { key: "block-style-" + block.id, block: block, context: props.context || builderContext }))))) : null));
 }
 exports.default = Blocks;

package/dist/components/content/content.js

@@ -40,6 +40,7 @@ const helpers_js_1 = require("../content-variants/helpers.js");
 const enable_editor_1 = __importDefault(require("./components/enable-editor"));
 const inlined_script_1 = __importDefault(require("../inlined-script"));
 const wrap_component_ref_js_1 = require("./wrap-component-ref.js");
+const components_context_1 = __importDefault(require("../../context/components.context"));
 function ContentComponent(props) {
     var _a, _b, _c, _d, _e, _f, _g;
     const [scriptStr, setScriptStr] = (0, react_1.useState)(() => {
@@ -100,11 +101,14 @@ function ContentComponent(props) {
         }), {}),
         inheritedStyles: {},
     }));
-    return (React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
-        props.isSsrAbTest ? (React.createElement(React.Fragment, null,
-            React.createElement(inlined_script_1.default, { scriptStr: scriptStr }))) : null,
-        target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
-            React.createElement(styles_1.default, { contentId: (_a = builderContextSignal.content) === null || _a === void 0 ? void 0 : _a.id, cssCode: (_c = (_b = builderContextSignal.content) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.cssCode, customFonts: (_e = (_d = builderContextSignal.content) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.customFonts }))) : null,
-        React.createElement(blocks_1.default, { blocks: (_g = (_f = builderContextSignal.content) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.blocks, context: builderContextSignal, registeredComponents: registeredComponents })));
+    return (React.createElement(components_context_1.default.Provider, { value: {
+            registeredComponents: registeredComponents,
+        } },
+        React.createElement(enable_editor_1.default, { content: props.content, model: props.model, context: props.context, apiKey: props.apiKey, canTrack: props.canTrack, locale: props.locale, includeRefs: props.includeRefs, enrich: props.enrich, classNameProp: props.classNameProp, showContent: props.showContent, builderContextSignal: builderContextSignal, setBuilderContextSignal: setBuilderContextSignal },
+            props.isSsrAbTest ? (React.createElement(React.Fragment, null,
+                React.createElement(inlined_script_1.default, { scriptStr: scriptStr }))) : null,
+            target_js_1.TARGET !== "reactNative" ? (React.createElement(React.Fragment, null,
+                React.createElement(styles_1.default, { contentId: (_a = builderContextSignal.content) === null || _a === void 0 ? void 0 : _a.id, cssCode: (_c = (_b = builderContextSignal.content) === null || _b === void 0 ? void 0 : _b.data) === null || _c === void 0 ? void 0 : _c.cssCode, customFonts: (_e = (_d = builderContextSignal.content) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.customFonts }))) : null,
+            React.createElement(blocks_1.default, { blocks: (_g = (_f = builderContextSignal.content) === null || _f === void 0 ? void 0 : _f.data) === null || _g === void 0 ? void 0 : _g.blocks, context: builderContextSignal, registeredComponents: registeredComponents }))));
 }
 exports.default = ContentComponent;

package/dist/constants/sdk-version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = "0.5.0";
+exports.SDK_VERSION = "0.5.2";

package/dist/context/components.context.js

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@builder.io/sdk-react-native",
   "description": "Builder.io SDK for React Native",
-  "version": "0.5.0",
+  "version": "0.5.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,7 +13,8 @@
     "dist"
   ],
   "scripts": {
-    "build": "tsc"
+    "clean": "rimraf dist",
+    "build": "yarn clean && tsc"
   },
   "dependencies": {
     "@react-native-async-storage/async-storage": "^1.17.10",
@@ -29,6 +30,7 @@
     "@tsconfig/react-native": "^2.0.3",
     "@types/react-native-video": "^5.0.9",
     "react-native-url-polyfill": "^1.3.0",
+    "rimraf": "^3.0.2",
     "typescript": "^5.1.6"
   }
 }

package/src/components/blocks/blocks.jsx

@@ -8,11 +8,18 @@ import {
   Image,
   Text,
 } from "react-native";
+import { useContext } from "react";
 import BlockStyles from "../block/components/block-styles";
 import Block from "../block/block";
 import BlocksWrapper from "./blocks-wrapper";
+import BuilderContext from "../../context/builder.context";
+import ComponentsContext from "../../context/components.context";
 
 function Blocks(props) {
+  const builderContext = useContext(BuilderContext);
+
+  const componentsContext = useContext(ComponentsContext);
+
   return (
     <BlocksWrapper
       blocks={props.blocks}
@@ -26,8 +33,11 @@ function Blocks(props) {
             <Block
               key={"render-block-" + block.id}
               block={block}
-              context={props.context}
-              registeredComponents={props.registeredComponents}
+              context={props.context || builderContext}
+              registeredComponents={
+                props.registeredComponents ||
+                componentsContext.registeredComponents
+              }
             />
           ))}
         </>
@@ -39,7 +49,7 @@ function Blocks(props) {
             <BlockStyles
               key={"block-style-" + block.id}
               block={block}
-              context={props.context}
+              context={props.context || builderContext}
             />
           ))}
         </>

package/src/components/content/content.jsx

@@ -8,7 +8,7 @@ import {
   Image,
   Text,
 } from "react-native";
-import { useState } from "react";
+import { useState, useContext } from "react";
 import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
 import {
   components,
@@ -25,6 +25,7 @@ import { getRenderContentScriptString } from "../content-variants/helpers.js";
 import EnableEditor from "./components/enable-editor";
 import InlinedScript from "../inlined-script";
 import { wrapComponentRef } from "./wrap-component-ref.js";
+import ComponentsContext from "../../context/components.context";
 
 function ContentComponent(props) {
   const [scriptStr, setScriptStr] = useState(() =>
@@ -97,44 +98,50 @@ function ContentComponent(props) {
   }));
 
   return (
-    <EnableEditor
-      content={props.content}
-      model={props.model}
-      context={props.context}
-      apiKey={props.apiKey}
-      canTrack={props.canTrack}
-      locale={props.locale}
-      includeRefs={props.includeRefs}
-      enrich={props.enrich}
-      classNameProp={props.classNameProp}
-      showContent={props.showContent}
-      builderContextSignal={builderContextSignal}
-      {...{
-        setBuilderContextSignal: setBuilderContextSignal,
+    <ComponentsContext.Provider
+      value={{
+        registeredComponents: registeredComponents,
       }}
     >
-      {props.isSsrAbTest ? (
-        <>
-          <InlinedScript scriptStr={scriptStr} />
-        </>
-      ) : null}
+      <EnableEditor
+        content={props.content}
+        model={props.model}
+        context={props.context}
+        apiKey={props.apiKey}
+        canTrack={props.canTrack}
+        locale={props.locale}
+        includeRefs={props.includeRefs}
+        enrich={props.enrich}
+        classNameProp={props.classNameProp}
+        showContent={props.showContent}
+        builderContextSignal={builderContextSignal}
+        {...{
+          setBuilderContextSignal: setBuilderContextSignal,
+        }}
+      >
+        {props.isSsrAbTest ? (
+          <>
+            <InlinedScript scriptStr={scriptStr} />
+          </>
+        ) : null}
 
-      {TARGET !== "reactNative" ? (
-        <>
-          <ContentStyles
-            contentId={builderContextSignal.content?.id}
-            cssCode={builderContextSignal.content?.data?.cssCode}
-            customFonts={builderContextSignal.content?.data?.customFonts}
-          />
-        </>
-      ) : null}
+        {TARGET !== "reactNative" ? (
+          <>
+            <ContentStyles
+              contentId={builderContextSignal.content?.id}
+              cssCode={builderContextSignal.content?.data?.cssCode}
+              customFonts={builderContextSignal.content?.data?.customFonts}
+            />
+          </>
+        ) : null}
 
-      <Blocks
-        blocks={builderContextSignal.content?.data?.blocks}
-        context={builderContextSignal}
-        registeredComponents={registeredComponents}
-      />
-    </EnableEditor>
+        <Blocks
+          blocks={builderContextSignal.content?.data?.blocks}
+          context={builderContextSignal}
+          registeredComponents={registeredComponents}
+        />
+      </EnableEditor>
+    </ComponentsContext.Provider>
   );
 }
 

package/src/constants/sdk-version.js

@@ -1 +1 @@
-export const SDK_VERSION = "0.5.0"
+export const SDK_VERSION = "0.5.2"

package/src/context/components.context.js

@@ -0,0 +1,5 @@
+import { createContext } from "react";
+var stdin_default = createContext({ registeredComponents: {} });
+export {
+  stdin_default as default
+};

package/dist/blocks/util.js

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.serializeFn = void 0;
-const serializeFn = (fnValue) => {
-    const fnStr = fnValue.toString().trim();
-    const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
-    return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
-};
-exports.serializeFn = serializeFn;

package/dist/components/block/components/block-wrapper/block-wrapper.js

@@ -1,41 +0,0 @@
-"use strict";
-'use client';
-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 interactive_element_helpers_js_1 = require("../interactive-element/interactive-element.helpers.js");
-function BlockWrapper(props) {
-    return (React.createElement(React.Fragment, null, props.hasChildren ? (React.createElement(React.Fragment, null,
-        React.createElement(props.Wrapper, { ...(0, interactive_element_helpers_js_1.getBlockProps)({
-                block: props.block,
-                contextValue: props.context,
-            }) }, props.children))) : (React.createElement(React.Fragment, null,
-        React.createElement(props.Wrapper, { ...(0, interactive_element_helpers_js_1.getBlockProps)({
-                block: props.block,
-                contextValue: props.context,
-            }) })))));
-}
-exports.default = BlockWrapper;

package/dist/components/block/components/component-ref.js

@@ -1,81 +0,0 @@
-"use strict";
-'use client';
-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 block_styles_1 = __importDefault(require("./block-styles"));
-const block_1 = __importDefault(require("../block"));
-const get_block_properties_js_1 = require("../../../functions/get-block-properties.js");
-const block_wrapper_1 = __importDefault(require("./block-wrapper"));
-const builder_context_js_1 = __importDefault(require("../../../context/builder.context.js"));
-function ComponentRef(props) {
-    var _a, _b;
-    const [Wrapper, setWrapper] = (0, react_1.useState)(() => props.isRSC ? props.componentRef : block_wrapper_1.default);
-    function wrapperProps() {
-        const blockWrapperProps = {
-            Wrapper: props.componentRef,
-            block: props.builderBlock,
-            context: props.context,
-            wrapperProps: props.componentOptions,
-            shouldNestAttributes: true,
-        };
-        return props.isRSC
-            ? {
-                ...props.componentOptions,
-                /**
-                 * If `noWrap` is set to `true`, then the block's props/attributes are provided to the  * component itself directly. Otherwise, they are provided to the wrapper element.  */ ...(props.includeBlockProps
-                    ? {
-                        attributes: (0, get_block_properties_js_1.getBlockProperties)({
-                            block: props.builderBlock,
-                            context: props.context,
-                        }),
-                    }
-                    : {}),
-            }
-            : blockWrapperProps;
-    }
-    return (React.createElement(builder_context_js_1.default.Provider, { value: {
-            content: props.context.content,
-            rootState: props.context.rootState,
-            localState: props.context.localState,
-            context: props.context.context,
-            apiKey: props.context.apiKey,
-            componentInfos: props.context.componentInfos,
-            inheritedStyles: props.context.inheritedStyles,
-            apiVersion: props.context.apiVersion,
-        } },
-        React.createElement(Wrapper, { ...wrapperProps() },
-            " ", (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
-            _a.map((child) => (React.createElement(block_1.default, { key: "block-" + child.id, block: child, context: props.context, registeredComponents: props.registeredComponents }))),
-            " ", (_b = props.blockChildren) === null || _b === void 0 ? void 0 :
-            _b.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: props.context }))),
-            " ")));
-}
-exports.default = ComponentRef;

package/dist/components/block/components/component.js

@@ -1,41 +0,0 @@
-"use strict";
-'use client';
-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 block_styles_1 = __importDefault(require("./block-styles"));
-const block_1 = __importDefault(require("../block"));
-function Component(props) {
-    var _a, _b;
-    return (React.createElement(React.Fragment, null, props.componentRef ? (React.createElement(React.Fragment, null,
-        React.createElement(props.componentRef, { ...props.componentOptions }, (_a = props.blockChildren) === null || _a === void 0 ? void 0 :
-            _a.map((child) => (React.createElement(block_1.default, { key: "render-block-" + child.id, block: child, context: props.context, components: props.components }))), (_b = props.blockChildren) === null || _b === void 0 ? void 0 :
-            _b.map((child) => (React.createElement(block_styles_1.default, { key: "block-style-" + child.id, block: child, context: props.context })))))) : null));
-}
-exports.default = Component;

package/dist/components/block/components/interactive-element/interactive-element.helpers.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBlockProps = 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 get_block_actions_1 = require("../../../../functions/get-block-actions");
-const get_block_properties_1 = require("../../../../functions/get-block-properties");
-const getBlockProps = ({ block, contextValue }) => {
-    const blockProps = __spreadValues(__spreadValues({}, (0, get_block_properties_1.getBlockProperties)({
-        block,
-        context: contextValue
-    })), (0, get_block_actions_1.getBlockActions)({
-        block,
-        rootState: contextValue.rootState,
-        rootSetState: contextValue.rootSetState,
-        localState: contextValue.localState,
-        context: contextValue.context
-    }));
-    return blockProps;
-};
-exports.getBlockProps = getBlockProps;

package/dist/components/block/components/interactive-element/interactive-element.js

@@ -1,36 +0,0 @@
-"use strict";
-'use client';
-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 interactive_element_helpers_js_1 = require("./interactive-element.helpers.js");
-function InteractiveElement(props) {
-    return (React.createElement(props.Wrapper, { ...props.wrapperProps, attributes: (0, interactive_element_helpers_js_1.getBlockProps)({
-            block: props.block,
-            contextValue: props.context,
-        }) }, props.children));
-}
-exports.default = InteractiveElement;

package/dist/components/content/builder-editing.js

@@ -1,32 +0,0 @@
-"use strict";
-'use client';
-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");
-function BuilderEditing(props) {
-    return React.createElement(react_native_1.View, null);
-}
-exports.default = BuilderEditing;

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

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getFontCss = exports.getCss = void 0;
-const getCssFromFont = (font) => {
-    var _a, _b;
-    const family = font.family + (font.kind && !font.kind.includes("#") ? ", " + font.kind : "");
-    const name = family.split(",")[0];
-    const url = (_b = font.fileUrl) != null ? _b : (_a = font == null ? void 0 : font.files) == null ? void 0 : _a.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;
-            }
-            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;
-};
-const getFontCss = ({ customFonts }) => {
-    var _a;
-    return ((_a = customFonts == null ? void 0 : customFonts.map((font) => getCssFromFont(font))) == null ? void 0 : _a.join(" ")) || "";
-};
-exports.getFontCss = getFontCss;
-const getCss = ({ cssCode, contentId }) => {
-    if (!cssCode) {
-        return "";
-    }
-    if (!contentId) {
-        return cssCode;
-    }
-    return (cssCode == null ? void 0 : cssCode.replace(/&/g, `div[builder-content-id="${contentId}"]`)) || "";
-};
-exports.getCss = getCss;

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

@@ -1,61 +0,0 @@
-"use strict";
-'use client';
-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 inlined_styles_1 = __importDefault(require("../../inlined-styles"));
-const content_styles_helpers_1 = require("./content-styles.helpers");
-const content_styles_helpers_2 = require("./content-styles.helpers");
-function ContentStyles(props) {
-    const [injectedStyles, setInjectedStyles] = (0, react_1.useState)(() => `
-${(0, content_styles_helpers_1.getCss)({
-        cssCode: props.cssCode,
-        contentId: props.contentId,
-    })}
-${(0, content_styles_helpers_2.getFontCss)({
-        customFonts: props.customFonts,
-    })}
-
-.builder-text > p:first-of-type, .builder-text > .builder-paragraph:first-of-type {
-  margin: 0;
-}
-.builder-text > p, .builder-text > .builder-paragraph {
-  color: inherit;
-  line-height: inherit;
-  letter-spacing: inherit;
-  font-weight: inherit;
-  font-size: inherit;
-  text-align: inherit;
-  font-family: inherit;
-}
-`.trim());
-    return React.createElement(inlined_styles_1.default, { styles: injectedStyles });
-}
-exports.default = ContentStyles;