@builder.io/sdk-react-native 0.7.1-0 → 0.7.1

package/src/components/content/content.jsx

@@ -1,147 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { useState, useContext } from "react";
-import { getDefaultRegisteredComponents } from "../../constants/builder-registered-components.js";
-import {
-  components,
-  serializeComponentInfo,
-} from "../../functions/register-component.js";
-import Blocks from "../blocks/blocks";
-import ContentStyles from "./components/styles";
-import {
-  getContentInitialValue,
-  getContextStateInitialValue,
-} from "./content.helpers.js";
-import { TARGET } from "../../constants/target.js";
-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.js";
-
-function ContentComponent(props) {
-  const [scriptStr, setScriptStr] = useState(() =>
-    getRenderContentScriptString({
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      variationId: props.content?.testVariationId,
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion, @typescript-eslint/no-non-null-asserted-optional-chain
-      contentId: props.content?.id,
-    })
-  );
-
-  function contentSetState(newRootState) {
-    builderContextSignal.rootState = newRootState;
-  }
-
-  const [registeredComponents, setRegisteredComponents] = useState(() =>
-    [
-      ...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.
-      ...components,
-      ...(props.customComponents || []),
-    ].reduce(
-      (acc, { component, ...info }) => ({
-        ...acc,
-        [info.name]: {
-          component: component,
-          ...serializeComponentInfo(info),
-        },
-      }),
-      {}
-    )
-  );
-
-  const [builderContextSignal, setBuilderContextSignal] = useState(() => ({
-    content: getContentInitialValue({
-      content: props.content,
-      data: props.data,
-    }),
-    localState: undefined,
-    rootState: getContextStateInitialValue({
-      content: props.content,
-      data: props.data,
-      locale: props.locale,
-    }),
-    rootSetState: contentSetState,
-    context: props.context || {},
-    apiKey: props.apiKey,
-    apiVersion: props.apiVersion,
-    componentInfos: [
-      ...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.
-      ...components,
-      ...(props.customComponents || []),
-    ].reduce(
-      (acc, { component: _, ...info }) => ({
-        ...acc,
-        [info.name]: serializeComponentInfo(info),
-      }),
-      {}
-    ),
-    inheritedStyles: {},
-  }));
-
-  return (
-    <ComponentsContext.Provider
-      value={{
-        registeredComponents: registeredComponents,
-      }}
-    >
-      <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}
-
-        <Blocks
-          blocks={builderContextSignal.content?.data?.blocks}
-          context={builderContextSignal}
-          registeredComponents={registeredComponents}
-        />
-      </EnableEditor>
-    </ComponentsContext.Provider>
-  );
-}
-
-export default ContentComponent;

package/src/components/content/index.js

@@ -1,2 +0,0 @@
-import { default as default2 } from "./content";
-export { default2 as default }

package/src/components/content/wrap-component-ref.js

@@ -1,2 +0,0 @@
-const wrapComponentRef = component => component;
-export { wrapComponentRef }

package/src/components/content-variants/content-variants.jsx

@@ -1,124 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-import { useState, useEffect } from "react";
-import {
-  checkShouldRunVariants,
-  getScriptString,
-  getVariants,
-  getVariantsScriptString,
-} from "./helpers.js";
-import ContentComponent from "../content/content";
-import { getDefaultCanTrack } from "../../helpers/canTrack.js";
-import InlinedStyles from "../inlined-styles";
-import { handleABTestingSync } from "../../helpers/ab-tests.js";
-import InlinedScript from "../inlined-script";
-import { TARGET } from "../../constants/target.js";
-
-function ContentVariants(props) {
-  const [shouldRenderVariants, setShouldRenderVariants] = useState(() =>
-    checkShouldRunVariants({
-      canTrack: getDefaultCanTrack(props.canTrack),
-      content: props.content,
-    })
-  );
-
-  function variantScriptStr() {
-    return getVariantsScriptString(
-      getVariants(props.content).map((value) => ({
-        id: value.testVariationId,
-        testRatio: value.testRatio,
-      })),
-      props.content?.id || ""
-    );
-  }
-
-  function hideVariantsStyleString() {
-    return getVariants(props.content)
-      .map((value) => `.variant-${value.testVariationId} { display: none; } `)
-      .join("");
-  }
-
-  function defaultContent() {
-    return shouldRenderVariants
-      ? {
-          ...props.content,
-          testVariationId: props.content?.id,
-        }
-      : handleABTestingSync({
-          item: props.content,
-          canTrack: getDefaultCanTrack(props.canTrack),
-        });
-  }
-
-  useEffect(() => {
-    /**
-     * We unmount the non-winning variants post-hydration in Vue.
-     */
-  }, []);
-
-  return (
-    <>
-      {!props.__isNestedRender && TARGET !== "reactNative" ? (
-        <>
-          <InlinedScript scriptStr={getScriptString()} />
-        </>
-      ) : null}
-
-      {shouldRenderVariants ? (
-        <>
-          <InlinedStyles
-            id={`variants-styles-${props.content?.id}`}
-            styles={hideVariantsStyleString()}
-          />
-          <InlinedScript scriptStr={variantScriptStr()} />
-          {getVariants(props.content)?.map((variant) => (
-            <ContentComponent
-              key={variant.testVariationId}
-              content={variant}
-              showContent={false}
-              classNameProp={undefined}
-              model={props.model}
-              data={props.data}
-              context={props.context}
-              apiKey={props.apiKey}
-              apiVersion={props.apiVersion}
-              customComponents={props.customComponents}
-              canTrack={props.canTrack}
-              locale={props.locale}
-              includeRefs={props.includeRefs}
-              enrich={props.enrich}
-              isSsrAbTest={shouldRenderVariants}
-            />
-          ))}
-        </>
-      ) : null}
-
-      <ContentComponent
-        {...{}}
-        content={defaultContent()}
-        classNameProp={`variant-${props.content?.id}`}
-        showContent={true}
-        model={props.model}
-        data={props.data}
-        context={props.context}
-        apiKey={props.apiKey}
-        apiVersion={props.apiVersion}
-        customComponents={props.customComponents}
-        canTrack={props.canTrack}
-        locale={props.locale}
-        includeRefs={props.includeRefs}
-        enrich={props.enrich}
-        isSsrAbTest={shouldRenderVariants}
-      />
-    </>
-  );
-}
-
-export default ContentVariants;

package/src/components/content-variants/helpers.js

@@ -1,158 +0,0 @@
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-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 __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-import { TARGET } from "../../constants/target.js";
-import { isBrowser } from "../../functions/is-browser.js";
-const getVariants = content => Object.values((content == null ? void 0 : content.variations) || {}).map(variant => __spreadProps(__spreadValues({}, variant), {
-  testVariationId: variant.id,
-  id: content == null ? void 0 : content.id
-}));
-const checkShouldRunVariants = ({
-  canTrack,
-  content
-}) => {
-  const hasVariants = getVariants(content).length > 0;
-  if (TARGET === "reactNative") return false;
-  if (!hasVariants) return false;
-  if (!canTrack) return false;
-  if (TARGET === "vue2" || TARGET === "vue3") return true;
-  if (isBrowser()) return false;
-  return true;
-};
-function bldrAbTest(contentId, variants, isHydrationTarget2) {
-  var _a;
-  function getAndSetVariantId() {
-    function setCookie(name, value, days) {
-      let expires = "";
-      if (days) {
-        const date = new Date();
-        date.setTime(date.getTime() + days * 24 * 60 * 60 * 1e3);
-        expires = "; expires=" + date.toUTCString();
-      }
-      document.cookie = name + "=" + (value || "") + expires + "; path=/; Secure; SameSite=None";
-    }
-    function getCookie(name) {
-      const nameEQ = name + "=";
-      const ca = document.cookie.split(";");
-      for (let i = 0; i < ca.length; i++) {
-        let c = ca[i];
-        while (c.charAt(0) === " ") c = c.substring(1, c.length);
-        if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-      }
-      return null;
-    }
-    const cookieName = `builder.tests.${contentId}`;
-    const variantInCookie = getCookie(cookieName);
-    const availableIDs = variants.map(vr => vr.id).concat(contentId);
-    if (variantInCookie && availableIDs.includes(variantInCookie)) {
-      return variantInCookie;
-    }
-    let n = 0;
-    const random = Math.random();
-    for (let i = 0; i < variants.length; i++) {
-      const variant = variants[i];
-      const testRatio = variant.testRatio;
-      n += testRatio;
-      if (random < n) {
-        setCookie(cookieName, variant.id);
-        return variant.id;
-      }
-    }
-    setCookie(cookieName, contentId);
-    return contentId;
-  }
-  const winningVariantId = getAndSetVariantId();
-  const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
-  if (isHydrationTarget2) {
-    styleEl.remove();
-    const thisScriptEl = document.currentScript;
-    thisScriptEl == null ? void 0 : thisScriptEl.remove();
-  } else {
-    const newStyleStr = variants.concat({
-      id: contentId
-    }).filter(variant => variant.id !== winningVariantId).map(value => {
-      return `.variant-${value.id} {  display: none; }
-        `;
-    }).join("");
-    styleEl.innerHTML = newStyleStr;
-  }
-}
-function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
-  var _a;
-  if (!navigator.cookieEnabled) {
-    return;
-  }
-  function getCookie(name) {
-    const nameEQ = name + "=";
-    const ca = document.cookie.split(";");
-    for (let i = 0; i < ca.length; i++) {
-      let c = ca[i];
-      while (c.charAt(0) === " ") c = c.substring(1, c.length);
-      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
-    }
-    return null;
-  }
-  const cookieName = `builder.tests.${defaultContentId}`;
-  const variantId = getCookie(cookieName);
-  const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
-  const variantIsDefaultContent = variantContentId === defaultContentId;
-  if (variantId === variantContentId) {
-    if (variantIsDefaultContent) {
-      return;
-    }
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("hidden");
-    parentDiv == null ? void 0 : parentDiv.removeAttribute("aria-hidden");
-  } else {
-    if (variantIsDefaultContent) {
-      if (isHydrationTarget2) {
-        parentDiv == null ? void 0 : parentDiv.remove();
-      } else {
-        parentDiv == null ? void 0 : parentDiv.setAttribute("hidden", "true");
-        parentDiv == null ? void 0 : parentDiv.setAttribute("aria-hidden", "true");
-      }
-    }
-    return;
-  }
-  return;
-}
-const getIsHydrationTarget = target => target === "react" || target === "reactNative";
-const isHydrationTarget = getIsHydrationTarget(TARGET);
-const AB_TEST_FN_NAME = "builderIoAbTest";
-const CONTENT_FN_NAME = "builderIoRenderContent";
-const getScriptString = () => {
-  const fnStr = bldrAbTest.toString().replace(/\s+/g, " ");
-  const fnStr2 = bldrCntntScrpt.toString().replace(/\s+/g, " ");
-  return `
-  window.${AB_TEST_FN_NAME} = ${fnStr}
-  window.${CONTENT_FN_NAME} = ${fnStr2}
-  `;
-};
-const getVariantsScriptString = (variants, contentId) => {
-  return `
-  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
-};
-const getRenderContentScriptString = ({
-  contentId,
-  variationId
-}) => {
-  return `
-  window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
-};
-export { checkShouldRunVariants, getRenderContentScriptString, getScriptString, getVariants, getVariantsScriptString }

package/src/components/inlined-script.jsx

@@ -1,17 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-
-function InlinedScript(props) {
-  return (
-    <View dangerouslySetInnerHTML={{ __html: props.scriptStr }} id={props.id} />
-  );
-}
-
-export default InlinedScript;

package/src/components/inlined-styles.jsx

@@ -1,17 +0,0 @@
-import * as React from "react";
-import {
-  FlatList,
-  ScrollView,
-  View,
-  StyleSheet,
-  Image,
-  Text,
-} from "react-native";
-
-function InlinedStyles(props) {
-  return (
-    <View dangerouslySetInnerHTML={{ __html: props.styles }} id={props.id} />
-  );
-}
-
-export default InlinedStyles;

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

@@ -1,42 +0,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;
-};
-import { default as Button } from "../blocks/button/button";
-import { componentInfo as buttonComponentInfo } from "../blocks/button/component-info";
-import { default as Columns } from "../blocks/columns/columns";
-import { componentInfo as columnsComponentInfo } from "../blocks/columns/component-info";
-import { componentInfo as fragmentComponentInfo } from "../blocks/fragment/component-info";
-import { default as Fragment } from "../blocks/fragment/fragment";
-import { componentInfo as imageComponentInfo } from "../blocks/image/component-info";
-import { default as Image } from "../blocks/image/image";
-import { componentInfo as sectionComponentInfo } from "../blocks/section/component-info";
-import { default as Section } from "../blocks/section/section";
-import { componentInfo as symbolComponentInfo } from "../blocks/symbol/component-info";
-import { default as Symbol } from "../blocks/symbol/symbol";
-import { componentInfo as textComponentInfo } from "../blocks/text/component-info";
-import { default as Text } from "../blocks/text/text";
-const getDefaultRegisteredComponents = () => [
-  __spreadValues({ component: Columns }, columnsComponentInfo),
-  __spreadValues({ component: Image }, imageComponentInfo),
-  __spreadValues({ component: Text }, textComponentInfo),
-  __spreadValues({ component: Symbol }, symbolComponentInfo),
-  __spreadValues({ component: Button }, buttonComponentInfo),
-  __spreadValues({ component: Section }, sectionComponentInfo),
-  __spreadValues({ component: Fragment }, fragmentComponentInfo)
-];
-export {
-  getDefaultRegisteredComponents
-};

package/src/constants/device-sizes.js

@@ -1,48 +0,0 @@
-import { fastClone } from "../functions/fast-clone.js";
-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)`;
-const getSizesForBreakpoints = ({
-  small,
-  medium
-}) => {
-  const newSizes = 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;
-};
-export { getMaxWidthQueryForSize, getSizesForBreakpoints }

package/src/constants/sdk-version.js

@@ -1 +0,0 @@
-export const SDK_VERSION = "0.7.1-0"

package/src/constants/target.js

@@ -1,4 +0,0 @@
-const TARGET = "reactNative";
-export {
-  TARGET
-};

package/src/context/builder.context.js

@@ -1,16 +0,0 @@
-import { createContext } from "react";
-var stdin_default = createContext({
-  content: null,
-  context: {},
-  localState: void 0,
-  rootSetState() {
-  },
-  rootState: {},
-  apiKey: null,
-  apiVersion: void 0,
-  componentInfos: {},
-  inheritedStyles: {}
-});
-export {
-  stdin_default as default
-};

package/src/context/components.context.js

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

package/src/functions/apply-patch-with-mutation.js

@@ -1,66 +0,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 applyPatchWithMinimalMutationChain = (obj, patch, preserveRoot = false) => {
-  if (Object(obj) !== obj) {
-    return obj;
-  }
-  const {
-    path,
-    op,
-    value
-  } = patch;
-  const pathArr = path.split(/\//);
-  if (pathArr[0] === "") {
-    pathArr.shift();
-  }
-  const newObj = preserveRoot ? obj : __spreadValues({}, obj);
-  let objPart = newObj;
-  for (let i = 0; i < pathArr.length; i++) {
-    const isLast = i === pathArr.length - 1;
-    const property = pathArr[i];
-    if (isLast) {
-      if (op === "replace") {
-        objPart[property] = value;
-      } else if (op === "add") {
-        const index = Number(property);
-        if (Array.isArray(objPart)) {
-          if (property === "-") {
-            objPart.push(value);
-          } else {
-            objPart.splice(index, 0, value);
-          }
-        } else {
-          objPart[property] = value;
-        }
-      } else if (op === "remove") {
-        const index = Number(property);
-        if (Array.isArray(objPart)) {
-          objPart.splice(index, 1);
-        } else {
-          delete objPart[property];
-        }
-      }
-    } else {
-      const nextProperty = pathArr[i + 1];
-      const newPart = Object(objPart[property]) === objPart[property] ? objPart[property] : String(Number(nextProperty)) === nextProperty ? [] : {};
-      objPart = objPart[property] = Array.isArray(newPart) ? [...newPart] : __spreadValues({}, newPart);
-    }
-  }
-  return newObj;
-};
-export { applyPatchWithMinimalMutationChain }

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

@@ -1,2 +0,0 @@
-const camelToKebabCase = string => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
-export { camelToKebabCase }

package/src/functions/deopt.js

@@ -1,4 +0,0 @@
-function deoptSignal(value) {
-  return value;
-}
-export { deoptSignal }