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

package/src/components/{render-content-variants/render-content-variants.jsx → content-variants/content-variants.jsx}

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import * as React from "react";
 import {
   FlatList,
@@ -14,15 +14,15 @@ import {
   getScriptString,
   getVariants,
   getVariantsScriptString,
-} from "./helpers";
-import RenderContent from "../render-content/render-content";
-import { getDefaultCanTrack } from "../../helpers/canTrack";
+} 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";
+import { handleABTestingSync } from "../../helpers/ab-tests.js";
 import InlinedScript from "../inlined-script";
-import { TARGET } from "../../constants/target";
+import { TARGET } from "../../constants/target.js";
 
-function RenderContentVariants(props) {
+function ContentVariants(props) {
   const [shouldRenderVariants, setShouldRenderVariants] = useState(() =>
     checkShouldRunVariants({
       canTrack: getDefaultCanTrack(props.canTrack),
@@ -30,29 +30,26 @@ function RenderContentVariants(props) {
     })
   );
 
-  const [variantScriptStr, setVariantScriptStr] = useState(() =>
-    getVariantsScriptString(
+  function variantScriptStr() {
+    return getVariantsScriptString(
       getVariants(props.content).map((value) => ({
         id: value.testVariationId,
         testRatio: value.testRatio,
       })),
       props.content?.id || ""
-    )
-  );
+    );
+  }
 
-  const [hideVariantsStyleString, setHideVariantsStyleString] = useState(() =>
-    getVariants(props.content)
+  function hideVariantsStyleString() {
+    return getVariants(props.content)
       .map((value) => `.variant-${value.testVariationId} { display: none; } `)
-      .join("")
-  );
+      .join("");
+  }
 
   useEffect(() => {
     /**
      * We unmount the non-winning variants post-hydration in Vue.
      */
-    if (TARGET === "vue2" || TARGET === "vue3") {
-      setShouldRenderVariants(false);
-    }
   }, []);
 
   return (
@@ -67,11 +64,11 @@ function RenderContentVariants(props) {
         <>
           <InlinedStyles
             id={`variants-styles-${props.content?.id}`}
-            styles={hideVariantsStyleString}
+            styles={hideVariantsStyleString()}
           />
-          <InlinedScript scriptStr={variantScriptStr} />
+          <InlinedScript scriptStr={variantScriptStr()} />
           {getVariants(props.content)?.map((variant) => (
-            <RenderContent
+            <ContentComponent
               key={variant.testVariationId}
               content={variant}
               showContent={false}
@@ -92,7 +89,7 @@ function RenderContentVariants(props) {
         </>
       ) : null}
 
-      <RenderContent
+      <ContentComponent
         {...{}}
         content={
           shouldRenderVariants
@@ -120,4 +117,4 @@ function RenderContentVariants(props) {
   );
 }
 
-export default RenderContentVariants;
+export default ContentVariants;

package/src/components/{render-content-variants → content-variants}/helpers.js

@@ -4,22 +4,23 @@ 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 __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]);
-    }
+  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";
-import { isBrowser } from "../../functions/is-browser";
-const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {}).map((variant) => __spreadProps(__spreadValues({}, variant), {
+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
 }));
@@ -28,16 +29,11 @@ const checkShouldRunVariants = ({
   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;
+  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) {
@@ -57,16 +53,14 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
       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);
+        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);
+    const availableIDs = variants.map(vr => vr.id).concat(contentId);
     if (variantInCookie && availableIDs.includes(variantInCookie)) {
       return variantInCookie;
     }
@@ -91,7 +85,9 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
     const thisScriptEl = document.currentScript;
     thisScriptEl == null ? void 0 : thisScriptEl.remove();
   } else {
-    const newStyleStr = variants.concat({ id: contentId }).filter((variant) => variant.id !== winningVariantId).map((value) => {
+    const newStyleStr = variants.concat({
+      id: contentId
+    }).filter(variant => variant.id !== winningVariantId).map(value => {
       return `.variant-${value.id} {  display: none; }
         `;
     }).join("");
@@ -108,10 +104,8 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
     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);
+      while (c.charAt(0) === " ") c = c.substring(1, c.length);
+      if (c.indexOf(nameEQ) === 0) return c.substring(nameEQ.length, c.length);
     }
     return null;
   }
@@ -138,7 +132,7 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
   }
   return;
 }
-const getIsHydrationTarget = (target) => target === "react" || target === "reactNative";
+const getIsHydrationTarget = target => target === "react" || target === "reactNative";
 const isHydrationTarget = getIsHydrationTarget(TARGET);
 const AB_TEST_FN_NAME = "builderIoAbTest";
 const CONTENT_FN_NAME = "builderIoRenderContent";
@@ -161,10 +155,4 @@ const getRenderContentScriptString = ({
   return `
   window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
 };
-export {
-  checkShouldRunVariants,
-  getRenderContentScriptString,
-  getScriptString,
-  getVariants,
-  getVariantsScriptString
-};
+export { checkShouldRunVariants, getRenderContentScriptString, getScriptString, getVariants, getVariantsScriptString }

package/src/components/inlined-script.jsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import * as React from "react";
 import {
   FlatList,

package/src/components/inlined-styles.jsx

@@ -1,4 +1,4 @@
-'use client';
+"use client";
 import * as React from "react";
 import {
   FlatList,

package/src/constants/device-sizes.js

@@ -1,4 +1,4 @@
-import { fastClone } from "../functions/fast-clone";
+import { fastClone } from "../functions/fast-clone.js";
 const SIZES = {
   small: {
     min: 320,
@@ -17,7 +17,10 @@ const SIZES = {
   }
 };
 const getMaxWidthQueryForSize = (size, sizeValues = SIZES) => `@media (max-width: ${sizeValues[size].max}px)`;
-const getSizesForBreakpoints = ({ small, medium }) => {
+const getSizesForBreakpoints = ({
+  small,
+  medium
+}) => {
   const newSizes = fastClone(SIZES);
   if (!small || !medium) {
     return newSizes;
@@ -42,7 +45,4 @@ const getSizesForBreakpoints = ({ small, medium }) => {
   };
   return newSizes;
 };
-export {
-  getMaxWidthQueryForSize,
-  getSizesForBreakpoints
-};
+export { getMaxWidthQueryForSize, getSizesForBreakpoints }

package/src/constants/sdk-version.js

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

package/src/context/builder.context.js

@@ -8,7 +8,7 @@ var stdin_default = createContext({
   rootState: {},
   apiKey: null,
   apiVersion: void 0,
-  registeredComponents: {},
+  componentInfos: {},
   inheritedStyles: {}
 });
 export {

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

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