@builder.io/sdk-react-native 0.5.9 → 0.6.0

package/dist/blocks/submit-button/submit-button.js

@@ -1,38 +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 __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 BaseText_1 = __importDefault(require("../BaseText"));
-("use client");
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const helpers_js_1 = require("../helpers.js");
-function SubmitButton(props) {
-    return (React.createElement(react_native_1.View, { type: "submit", ...{}, ...props.attributes },
-        React.createElement(BaseText_1.default, null, props.text)));
-}
-exports.default = SubmitButton;

package/dist/blocks/symbol/component-info.js

@@ -1,38 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Symbol",
-    noWrap: true,
-    static: true,
-    isRSC: true,
-    inputs: [{
-            name: "symbol",
-            type: "uiSymbol"
-        }, {
-            name: "dataOnly",
-            helperText: "Make this a data symbol that doesn't display any UI",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true,
-            hideFromUI: true
-        }, {
-            name: "inheritState",
-            helperText: "Inherit the parent component state and data",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true
-        }, {
-            name: "renderToLiquid",
-            helperText: "Render this symbols contents to liquid. Turn off to fetch with javascript and use custom targeting",
-            type: "boolean",
-            defaultValue: false,
-            advanced: true,
-            hideFromUI: true
-        }, {
-            name: "useChildren",
-            hideFromUI: true,
-            type: "boolean"
-        }]
-};
-exports.componentInfo = componentInfo;

package/dist/blocks/symbol/symbol.helpers.js

@@ -1,66 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.fetchSymbolContent = 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;
-};
-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 logger_js_1 = require("../../helpers/logger.js");
-const index_js_1 = require("../../index.js");
-const fetchSymbolContent = _0 => __async(void 0, [_0], function* ({ builderContextValue, symbol }) {
-    if ((symbol == null ? void 0 : symbol.model) && (builderContextValue == null ? void 0 : builderContextValue.apiKey)) {
-        return (0, index_js_1.fetchOneEntry)(__spreadValues({
-            model: symbol.model,
-            apiKey: builderContextValue.apiKey,
-            apiVersion: builderContextValue.apiVersion
-        }, (symbol == null ? void 0 : symbol.entry) && {
-            query: {
-                id: symbol.entry
-            }
-        })).catch(err => {
-            logger_js_1.logger.error("Could not fetch symbol content: ", err);
-            return void 0;
-        });
-    }
-    return void 0;
-});
-exports.fetchSymbolContent = fetchSymbolContent;

package/dist/blocks/symbol/symbol.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 content_variants_1 = __importDefault(require("../../components/content-variants/content-variants"));
-const helpers_js_1 = require("../helpers.js");
-const symbol_helpers_js_1 = require("./symbol.helpers.js");
-function Symbol(props) {
-    var _a, _b, _c;
-    function className() {
-        var _a, _b;
-        return [
-            ...[],
-            "builder-symbol",
-            ((_a = props.symbol) === null || _a === void 0 ? void 0 : _a.inline) ? "builder-inline-symbol" : undefined,
-            ((_b = props.symbol) === null || _b === void 0 ? void 0 : _b.dynamic) || props.dynamic
-                ? "builder-dynamic-symbol"
-                : undefined,
-        ]
-            .filter(Boolean)
-            .join(" ");
-    }
-    const [contentToUse, setContentToUse] = (0, react_1.useState)(() => { var _a; return (_a = props.symbol) === null || _a === void 0 ? void 0 : _a.content; });
-    function setContent() {
-        if (contentToUse)
-            return;
-        (0, symbol_helpers_js_1.fetchSymbolContent)({
-            symbol: props.symbol,
-            builderContextValue: props.builderContext,
-        }).then((newContent) => {
-            if (newContent) {
-                setContentToUse(newContent);
-            }
-        });
-    }
-    (0, react_1.useEffect)(() => {
-        setContent();
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setContent();
-    }, [props.symbol]);
-    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, ...{
-            dataSet: {
-                class: className(),
-            },
-        } },
-        React.createElement(content_variants_1.default, { __isNestedRender: true, apiVersion: props.builderContext.apiVersion, apiKey: props.builderContext.apiKey, context: props.builderContext.context, customComponents: Object.values(props.builderComponents), data: {
-                ...(_a = props.symbol) === null || _a === void 0 ? void 0 : _a.data,
-                ...props.builderContext.localState,
-                ...(_b = contentToUse === null || contentToUse === void 0 ? void 0 : contentToUse.data) === null || _b === void 0 ? void 0 : _b.state,
-            }, model: (_c = props.symbol) === null || _c === void 0 ? void 0 : _c.model, content: contentToUse })));
-}
-exports.default = Symbol;

package/dist/blocks/text/component-info.js

@@ -1,23 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Text",
-    static: true,
-    isRSC: true,
-    image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-text_fields-24px%20(1).svg?alt=media&token=12177b73-0ee3-42ca-98c6-0dd003de1929",
-    inputs: [{
-            name: "text",
-            type: "html",
-            required: true,
-            autoFocus: true,
-            bubble: true,
-            defaultValue: "Enter some text..."
-        }],
-    defaultStyles: {
-        lineHeight: "normal",
-        height: "auto",
-        textAlign: "center"
-    }
-};
-exports.componentInfo = componentInfo;

package/dist/blocks/text/text.js

@@ -1,112 +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 __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_render_html_1 = __importDefault(require("react-native-render-html"));
-const builder_context_1 = __importDefault(require("../../context/builder.context"));
-/**
- * @typedef {{}} BuilderBlock
- */
-/**
- *
- * @param {string} string
- * @returns {string}
- */
-function camelToKebabCase(string) {
-    return string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, '$1-$2').toLowerCase();
-}
-/**
- *
- * @param {object} object
- * @param {string[]} keys
- * @returns {object}
- */
-function pick(object, keys) {
-    return keys.reduce((obj, key) => {
-        // eslint-disable-next-line no-prototype-builtins
-        if (object && object.hasOwnProperty(key)) {
-            obj[key] = object[key];
-        }
-        return obj;
-    }, {});
-}
-const PICK_STYLES = ['textAlign'];
-/**
- * @param {BuilderBlock} block
- * @returns
- */
-function getBlockStyles(block) {
-    var _a, _b, _c;
-    // TODO: responsive CSS using react native viewport width hooks
-    const styles = {
-        ...(_a = block.responsiveStyles) === null || _a === void 0 ? void 0 : _a.large,
-        ...(block).styles,
-    };
-    if ((_b = block.responsiveStyles) === null || _b === void 0 ? void 0 : _b.medium) {
-        Object.assign(styles, block.responsiveStyles.medium);
-    }
-    if ((_c = block.responsiveStyles) === null || _c === void 0 ? void 0 : _c.small) {
-        Object.assign(styles, block.responsiveStyles.small);
-    }
-    return styles;
-}
-/**
- *
- * @param {BuilderBlock} block
- * @param {any} inheritedStyles
- * @returns
- */
-function getCss(block, inheritedStyles) {
-    const styleObject = {
-        ...inheritedStyles,
-        ...pick(getBlockStyles(block), PICK_STYLES)
-    };
-    if (!styleObject) {
-        return '';
-    }
-    let str = ``;
-    for (const key in styleObject) {
-        const value = styleObject[key];
-        if (typeof value === 'string') {
-            str += `${camelToKebabCase(key)}: ${value};`;
-        }
-    }
-    return str;
-}
-/**
- *
- * @param {{ text: string; builderBlock: BuilderBlock}} props
- * @returns
- */
-function Text(props) {
-    const builderContext = React.useContext(builder_context_1.default);
-    return (React.createElement(react_native_render_html_1.default, { source: {
-            html: `<div style="${getCss(props.builderBlock, builderContext.inheritedStyles)}">${props.text || ''}</div>`,
-        } }));
-}
-exports.default = Text;

package/dist/blocks/textarea/component-info.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Form:TextArea",
-    image: "https://cdn.builder.io/api/v1/image/assets%2FIsxPKMo2gPRRKeakUztj1D6uqed2%2Ff74a2f3de58c4c3e939204e5b6b8f6c3",
-    inputs: [{
-            advanced: true,
-            name: "value",
-            type: "string"
-        }, {
-            name: "name",
-            type: "string",
-            required: true,
-            helperText: 'Every input in a form needs a unique name describing what it gets, e.g. "email"'
-        }, {
-            name: "defaultValue",
-            type: "string"
-        }, {
-            name: "placeholder",
-            type: "string",
-            defaultValue: "Hello there"
-        }, {
-            name: "required",
-            type: "boolean",
-            defaultValue: false
-        }],
-    defaultStyles: {
-        paddingTop: "10px",
-        paddingBottom: "10px",
-        paddingLeft: "10px",
-        paddingRight: "10px",
-        borderRadius: "3px",
-        borderWidth: "1px",
-        borderStyle: "solid",
-        borderColor: "#ccc"
-    },
-    static: true,
-    noWrap: true
-};
-exports.componentInfo = componentInfo;

package/dist/blocks/textarea/textarea.js

@@ -1,33 +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 helpers_js_1 = require("../helpers.js");
-function Textarea(props) {
-    return (React.createElement(react_native_1.View, { ...{}, ...props.attributes, placeholder: props.placeholder, name: props.name, value: props.value, defaultValue: props.defaultValue }));
-}
-exports.default = Textarea;

package/dist/blocks/video/component-info.js

@@ -1,86 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.componentInfo = void 0;
-const componentInfo = {
-    name: "Video",
-    canHaveChildren: true,
-    defaultStyles: {
-        minHeight: "20px",
-        minWidth: "20px"
-    },
-    image: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/images%2Fbaseline-videocam-24px%20(1).svg?alt=media&token=49a84e4a-b20e-4977-a650-047f986874bb",
-    inputs: [{
-            name: "video",
-            type: "file",
-            allowedFileTypes: ["mp4"],
-            bubble: true,
-            defaultValue: "https://firebasestorage.googleapis.com/v0/b/builder-3b0a2.appspot.com/o/assets%2FKQlEmWDxA0coC3PK6UvkrjwkIGI2%2F28cb070609f546cdbe5efa20e931aa4b?alt=media&token=912e9551-7a7c-4dfb-86b6-3da1537d1a7f",
-            required: true
-        }, {
-            name: "posterImage",
-            type: "file",
-            allowedFileTypes: ["jpeg", "png"],
-            helperText: "Image to show before the video plays"
-        }, {
-            name: "autoPlay",
-            type: "boolean",
-            defaultValue: true
-        }, {
-            name: "controls",
-            type: "boolean",
-            defaultValue: false
-        }, {
-            name: "muted",
-            type: "boolean",
-            defaultValue: true
-        }, {
-            name: "loop",
-            type: "boolean",
-            defaultValue: true
-        }, {
-            name: "playsInline",
-            type: "boolean",
-            defaultValue: true
-        }, {
-            name: "fit",
-            type: "text",
-            defaultValue: "cover",
-            enum: ["contain", "cover", "fill", "auto"]
-        }, {
-            name: "preload",
-            type: "text",
-            defaultValue: "metadata",
-            enum: ["auto", "metadata", "none"]
-        }, {
-            name: "fitContent",
-            type: "boolean",
-            helperText: "When child blocks are provided, fit to them instead of using the aspect ratio",
-            defaultValue: true,
-            advanced: true
-        }, {
-            name: "position",
-            type: "text",
-            defaultValue: "center",
-            enum: ["center", "top", "left", "right", "bottom", "top left", "top right", "bottom left", "bottom right"]
-        }, {
-            name: "height",
-            type: "number",
-            advanced: true
-        }, {
-            name: "width",
-            type: "number",
-            advanced: true
-        }, {
-            name: "aspectRatio",
-            type: "number",
-            advanced: true,
-            defaultValue: 0.7004048582995948
-        }, {
-            name: "lazyLoad",
-            type: "boolean",
-            helperText: 'Load this video "lazily" - as in only when a user scrolls near the video. Recommended for optmized performance and bandwidth consumption',
-            defaultValue: true,
-            advanced: true
-        }]
-};
-exports.componentInfo = componentInfo;

package/dist/blocks/video/video.js

@@ -1,81 +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 __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 });
-// TO-DO: This file breaks due to this issue:
-// https://github.com/expo/web-examples/issues/73
-// For now, we do not import it elsewhere to avoid crashing Expo servers on web when importing the SDK.
-const React = __importStar(require("react"));
-const react_native_1 = require("react-native");
-const react_native_video_1 = __importDefault(require("react-native-video"));
-// Subset of Image props, many are irrelevant for native (such as altText, etc)
-/**
- *
- * @typedef {{
- *   attributes?: any;
- *   video?: string;
- *   autoPlay?: boolean;
- *   controls?: boolean;
- *   muted?: boolean;
- *   loop?: boolean;
- *   playsInline?: boolean;
- *   aspectRatio?: number;
- *   fit?: 'contain' | 'cover' | 'stretch';
- *   position?:
- *     | 'center'
- *     | 'top'
- *     | 'left'
- *     | 'right'
- *     | 'bottom'
- *     | 'top left'
- *     | 'top right'
- *     | 'bottom left'
- *     | 'bottom right';
- *   posterImage?: string;
- *   children?: any;
- * }} VideoProps
- */
-// TODO: support children by wrapping in a View
-/**
- * @param {VideoProps} props
- */
-function Video(props) {
-    return (React.createElement(react_native_1.View, { style: { position: 'relative' } },
-        React.createElement(react_native_video_1.default, { paused: !props.autoPlay, controls: props.controls, muted: props.muted, repeat: props.loop, poster: props.posterImage, posterResizeMode: props.fit || 'contain', resizeMode: props.fit || ('contain'), style: {
-                position: 'absolute',
-                top: 0,
-                bottom: 0,
-                left: 0,
-                right: 0,
-                zIndex: 1,
-            }, source: { uri: props.video } }),
-        React.createElement(react_native_1.View, { style: {
-                width: '100%',
-                paddingTop: `${props.aspectRatio * 100}%`,
-            } })));
-}
-exports.default = Video;