@builder.io/sdk-react-native 0.7.1-1 → 0.7.2

package/lib/edge/commonjs/helpers/sessionId.js.flow

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

package/lib/edge/commonjs/helpers/time.js.flow

@@ -1,3 +0,0 @@
-const MINUTE_TO_MILLESECONDS_MULTIPLIER = 6e4;
-const getCurrentDatePlusMinutes = (minutes = 30) => new Date(Date.now() + minutes * MINUTE_TO_MILLESECONDS_MULTIPLIER);
-export { getCurrentDatePlusMinutes }

package/lib/edge/commonjs/helpers/url.js.flow

@@ -1,11 +0,0 @@
-const getTopLevelDomain = host => {
-  if (host === "localhost" || host === "127.0.0.1") {
-    return host;
-  }
-  const parts = host.split(".");
-  if (parts.length > 2) {
-    return parts.slice(1).join(".");
-  }
-  return host;
-};
-export { getTopLevelDomain }

package/lib/edge/commonjs/helpers/uuid.js.flow

@@ -1,11 +0,0 @@
-function uuidv4() {
-  return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g, function (c) {
-    const r = Math.random() * 16 | 0,
-      v = c == "x" ? r : r & 3 | 8;
-    return v.toString(16);
-  });
-}
-function uuid() {
-  return uuidv4().replace(/-/g, "");
-}
-export { uuid, uuidv4 }

package/lib/edge/commonjs/helpers/visitorId.js.flow

@@ -1,35 +0,0 @@
-import { getLocalStorageItem, setLocalStorageItem } from "./localStorage.js";
-import { checkIsDefined } from "./nullable.js";
-import { uuid } from "./uuid.js";
-const VISITOR_LOCAL_STORAGE_KEY = "builderVisitorId";
-const getVisitorId = ({
-  canTrack
-}) => {
-  if (!canTrack) {
-    return void 0;
-  }
-  const visitorId = getLocalStorageItem({
-    key: VISITOR_LOCAL_STORAGE_KEY,
-    canTrack
-  });
-  if (checkIsDefined(visitorId)) {
-    return visitorId;
-  } else {
-    const newVisitorId = createVisitorId();
-    setVisitorId({
-      id: newVisitorId,
-      canTrack
-    });
-    return newVisitorId;
-  }
-};
-const createVisitorId = () => uuid();
-const setVisitorId = ({
-  id,
-  canTrack
-}) => setLocalStorageItem({
-  key: VISITOR_LOCAL_STORAGE_KEY,
-  value: id,
-  canTrack
-});
-export { createVisitorId, getVisitorId, setVisitorId }

package/lib/edge/commonjs/index-helpers/blocks-exports.js.flow

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

package/lib/edge/commonjs/index-helpers/top-of-file.js.flow

@@ -1 +0,0 @@
-import "react-native-url-polyfill/auto";

package/lib/edge/commonjs/index.js.flow

@@ -1,3 +0,0 @@
-export * from "./index-helpers/top-of-file.js";
-export * from "./index-helpers/blocks-exports.js";
-export * from "./server-index.js"

package/lib/edge/commonjs/scripts/init-editing.js.flow

@@ -1,109 +0,0 @@
-import { SDK_VERSION } from "../constants/sdk-version.js";
-import { TARGET } from "../constants/target.js";
-import { isBrowser } from "../functions/is-browser.js";
-import { register } from "../functions/register.js";
-const registerInsertMenu = () => {
-  register("insertMenu", {
-    name: "_default",
-    default: true,
-    items: [{
-      name: "Box"
-    }, {
-      name: "Text"
-    }, {
-      name: "Image"
-    }, {
-      name: "Columns"
-    }, ...(TARGET === "reactNative" ? [] : [{
-      name: "Core:Section"
-    }, {
-      name: "Core:Button"
-    }, {
-      name: "Embed"
-    }, {
-      name: "Custom Code"
-    }])]
-  });
-};
-let isSetupForEditing = false;
-const setupBrowserForEditing = (options = {}) => {
-  var _a, _b;
-  if (isSetupForEditing) {
-    return;
-  }
-  isSetupForEditing = true;
-  if (isBrowser()) {
-    (_a = window.parent) == null ? void 0 : _a.postMessage({
-      type: "builder.sdkInfo",
-      data: {
-        target: TARGET,
-        version: SDK_VERSION,
-        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;
-          }
-      }
-    });
-  }
-};
-export { registerInsertMenu, setupBrowserForEditing }

package/lib/edge/commonjs/server-index.js.flow

@@ -1,11 +0,0 @@
-export * from "./index-helpers/top-of-file.js";
-import { isEditing } from "./functions/is-editing.js";
-import { isPreviewing } from "./functions/is-previewing.js";
-import { createRegisterComponentMessage } from "./functions/register-component.js";
-import { register } from "./functions/register.js";
-import { setEditorSettings } from "./functions/set-editor-settings.js";
-import { fetchEntries, fetchOneEntry, getAllContent, getContent, _processContentResult } from "./functions/get-content/index.js";
-import { getBuilderSearchParams } from "./functions/get-builder-search-params/index.js";
-import { track } from "./functions/track/index.js";
-import { fetchBuilderProps } from "./functions/fetch-builder-props.js";
-export { _processContentResult, createRegisterComponentMessage, fetchBuilderProps, fetchEntries, fetchOneEntry, getAllContent, getBuilderSearchParams, getContent, isEditing, isPreviewing, register, setEditorSettings, track }

package/lib/edge/commonjs/types/api-version.js.flow

@@ -1,2 +0,0 @@
-const DEFAULT_API_VERSION = "v3";
-export { DEFAULT_API_VERSION }

package/lib/node/commonjs/blocks/BaseText.js.flow

@@ -1,17 +0,0 @@
-import * as React from 'react';
-import { Text } from 'react-native';
-import BuilderContext from '../context/builder.context';
-
-/**
- * Implements CSS-like inheritance for `Text` by replacing all calls to `Text` with a custom `BaseText` component that
- * applies the `inheritedStyles` context styles, which contain all styles from all parents that might apply to a `Text`.
- */
-export default function BaseText(props) {
-  const builderContext = React.useContext(BuilderContext);
-  return (
-    <Text
-      {...props}
-      style={{ ...builderContext.inheritedStyles, ...props.style }}
-    />
-  );
-}

package/lib/node/commonjs/blocks/button/button.js.flow

@@ -1,48 +0,0 @@
-import * as React from "react";
-import BaseText from "../BaseText";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { filterAttrs } from "../helpers.js";
-
-function Button(props) {
-  return (
-    <>
-      {props.link ? (
-        <>
-          <View
-            role="button"
-            {...{}}
-            {...props.attributes}
-            href={props.link}
-            target={props.openLinkInNewTab ? "_blank" : undefined}
-          >
-            <BaseText>{props.text}</BaseText>
-          </View>
-        </>
-      ) : (
-        <>
-          <View
-            {...{}}
-            {...props.attributes}
-            style={{
-              ...styles.view1,
-              ...props.attributes.style,
-            }}
-          >
-            <BaseText>{props.text}</BaseText>
-          </View>
-        </>
-      )}
-    </>
-  );
-}
-
-const styles = StyleSheet.create({ view1: { all: "unset" } });
-
-export default Button;

package/lib/node/commonjs/blocks/button/component-info.js.flow

@@ -1,34 +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/lib/node/commonjs/blocks/columns/columns.js.flow

@@ -1,158 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { useState } from "react";
-import Blocks from "../../components/blocks/blocks";
-import { getSizesForBreakpoints } from "../../constants/device-sizes.js";
-import InlinedStyles from "../../components/inlined-styles";
-import { TARGET } from "../../constants/target.js";
-import { deoptSignal } from "../../functions/deopt.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() {
-    return {
-      flexDirection: flexDir,
-    };
-  }
-
-  function columnCssVars(index) {
-    const gutter = index === 0 ? 0 : gutterSize;
-    const width = getColumnCssWidth(index);
-    const gutterPixels = `${gutter}px`;
-    const mobileWidth = "100%";
-    const mobileMarginLeft = 0;
-    const marginLeftKey = "margin-left";
-    return {
-      marginLeft: props.stackColumnsAt === "never" ? gutter : 0,
-    };
-  }
-
-  function getWidthForBreakpointSize(size) {
-    const breakpointSizes = getSizesForBreakpoints(
-      props.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;
-          }
-        },
-      `;
-  }
-
-  return (
-    <View
-      style={{
-        ...styles.view1,
-        ...columnsCssVars(),
-      }}
-      {...{
-        dataSet: {
-          "builder-block-name": "builder-columns",
-        },
-      }}
-    >
-      {TARGET !== "reactNative" ? (
-        <>
-          <InlinedStyles styles={columnsStyles()} />
-        </>
-      ) : null}
-
-      {props.columns?.map((column, index) => (
-        <View
-          style={{
-            ...styles.view2,
-            ...columnCssVars(index),
-          }}
-          {...{
-            dataSet: {
-              "builder-block-name": "builder-column",
-            },
-          }}
-          key={index}
-        >
-          <Blocks
-            path={`component.options.columns.${index}.blocks`}
-            parent={props.builderBlock.id}
-            styleProp={{
-              flexGrow: "1",
-            }}
-            context={props.builderContext}
-            registeredComponents={props.builderComponents}
-            blocks={column.blocks}
-          />
-        </View>
-      ))}
-    </View>
-  );
-}
-
-const styles = StyleSheet.create({
-  view1: { display: "flex" },
-  view2: { display: "flex", flexDirection: "column", alignItems: "stretch" },
-});
-
-export default Columns;