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

package/lib/edge/commonjs/components/content-variants/content-variants.js.flow

@@ -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/lib/edge/commonjs/components/content-variants/helpers.js.flow

@@ -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/lib/edge/commonjs/components/inlined-script.js.flow

@@ -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/lib/edge/commonjs/components/inlined-styles.js.flow

@@ -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/lib/edge/commonjs/constants/builder-registered-components.js.flow

@@ -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/lib/edge/commonjs/constants/device-sizes.js.flow

@@ -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/lib/edge/commonjs/constants/sdk-version.js.flow

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

package/lib/edge/commonjs/constants/target.js.flow

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

package/lib/edge/commonjs/context/builder.context.js.flow

@@ -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/lib/edge/commonjs/context/components.context.js.flow

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

package/lib/edge/commonjs/functions/apply-patch-with-mutation.js.flow

@@ -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/lib/edge/commonjs/functions/camel-to-kebab-case.js.flow

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

package/lib/edge/commonjs/functions/deopt.js.flow

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

package/lib/edge/commonjs/functions/evaluate/browser-runtime/browser.js.flow

@@ -1,40 +0,0 @@
-import { getFunctionArguments } from "../helpers.js";
-const runInBrowser = ({
-  code,
-  builder,
-  context,
-  event,
-  localState,
-  rootSetState,
-  rootState
-}) => {
-  const functionArgs = getFunctionArguments({
-    builder,
-    context,
-    event,
-    state: flattenState(rootState, localState, rootSetState)
-  });
-  return new Function(...functionArgs.map(([name]) => name), code)(...functionArgs.map(([, value]) => value));
-};
-function flattenState(rootState, localState, rootSetState) {
-  if (rootState === localState) {
-    throw new Error("rootState === localState");
-  }
-  return new Proxy(rootState, {
-    get: (_, prop) => {
-      if (localState && prop in localState) {
-        return localState[prop];
-      }
-      return rootState[prop];
-    },
-    set: (_, prop, value) => {
-      if (localState && prop in localState) {
-        throw new Error("Writing to local state is not allowed as it is read-only.");
-      }
-      rootState[prop] = value;
-      rootSetState == null ? void 0 : rootSetState(rootState);
-      return true;
-    }
-  });
-}
-export { flattenState, runInBrowser }

package/lib/edge/commonjs/functions/evaluate/browser-runtime/index.js.flow

@@ -1,2 +0,0 @@
-import { runInBrowser } from "./browser.js";
-export { runInBrowser as evaluator }

package/lib/edge/commonjs/functions/evaluate/choose-eval.js.flow

@@ -1,5 +0,0 @@
-import { runInBrowser } from "./browser-runtime/browser.js";
-import { isBrowser } from "../is-browser.js";
-import { evaluator } from "placeholder-runtime";
-const chooseBrowserOrServerEval = args => isBrowser() ? runInBrowser(args) : evaluator(args);
-export { chooseBrowserOrServerEval }