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

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

@@ -1,25 +1,54 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getVariantsScriptString = exports.getVariants = exports.getRenderContentScriptString = exports.checkShouldRunVariants = void 0;
-const target_1 = require("../../constants/target");
-const is_browser_1 = require("../../functions/is-browser");
-const getVariants = (content) => Object.values((content == null ? void 0 : content.variations) || {});
+exports.getVariantsScriptString = exports.getVariants = exports.getScriptString = exports.getRenderContentScriptString = exports.checkShouldRunVariants = void 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));
+const target_js_1 = require("../../constants/target.js");
+const is_browser_js_1 = require("../../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
+}));
 exports.getVariants = getVariants;
 const checkShouldRunVariants = ({ canTrack, content }) => {
     const hasVariants = getVariants(content).length > 0;
-    if (!hasVariants) {
+    if (target_js_1.TARGET === "reactNative")
         return false;
-    }
-    if (!canTrack) {
+    if (!hasVariants)
         return false;
-    }
-    if ((0, is_browser_1.isBrowser)()) {
+    if (!canTrack)
+        return false;
+    if (target_js_1.TARGET === "vue2" || target_js_1.TARGET === "vue3")
+        return true;
+    if ((0, is_browser_js_1.isBrowser)())
         return false;
-    }
     return true;
 };
 exports.checkShouldRunVariants = checkShouldRunVariants;
 function bldrAbTest(contentId, variants, isHydrationTarget2) {
+    var _a;
     function getAndSetVariantId() {
         function setCookie(name, value, days) {
             let expires = "";
@@ -44,7 +73,7 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
         }
         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;
         }
@@ -63,14 +92,16 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
         return contentId;
     }
     const winningVariantId = getAndSetVariantId();
-    const styleEl = document.getElementById(`variants-styles-${contentId}`);
+    const styleEl = (_a = document.currentScript) == null ? void 0 : _a.previousElementSibling;
     if (isHydrationTarget2) {
         styleEl.remove();
-        const thisScriptEl = document.getElementById(`variants-script-${contentId}`);
+        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("");
@@ -78,6 +109,7 @@ function bldrAbTest(contentId, variants, isHydrationTarget2) {
     }
 }
 function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2) {
+    var _a;
     if (!navigator.cookieEnabled) {
         return;
     }
@@ -95,7 +127,7 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
     }
     const cookieName = `builder.tests.${defaultContentId}`;
     const variantId = getCookie(cookieName);
-    const parentDiv = document.querySelector(`[builder-content-id="${variantContentId}"]`);
+    const parentDiv = (_a = document.currentScript) == null ? void 0 : _a.parentElement;
     const variantIsDefaultContent = variantContentId === defaultContentId;
     if (variantId === variantContentId) {
         if (variantIsDefaultContent) {
@@ -118,22 +150,26 @@ function bldrCntntScrpt(variantContentId, defaultContentId, isHydrationTarget2)
     }
     return;
 }
-const getIsHydrationTarget = (target) => target === "react" || target === "reactNative" || target === "vue3" || target === "vue2";
-const isHydrationTarget = getIsHydrationTarget(target_1.TARGET);
-const AB_TEST_FN_NAME = "bldrAbTest";
-const CONTENT_FN_NAME = "bldrCntntScrpt";
-const getVariantsScriptString = (variants, contentId) => {
+const getIsHydrationTarget = target => target === "react" || target === "reactNative";
+const isHydrationTarget = getIsHydrationTarget(target_js_1.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 `
-  const ${AB_TEST_FN_NAME} = ${fnStr}
-  const ${CONTENT_FN_NAME} = ${fnStr2}
-  ${AB_TEST_FN_NAME}("${contentId}", ${JSON.stringify(variants)}, ${isHydrationTarget})
+  window.${AB_TEST_FN_NAME} = ${fnStr}
+  window.${CONTENT_FN_NAME} = ${fnStr2}
   `;
 };
+exports.getScriptString = getScriptString;
+const getVariantsScriptString = (variants, contentId) => {
+    return `
+  window.${AB_TEST_FN_NAME}("${contentId}",${JSON.stringify(variants)}, ${isHydrationTarget})`;
+};
 exports.getVariantsScriptString = getVariantsScriptString;
-const getRenderContentScriptString = ({ parentContentId, contentId }) => {
+const getRenderContentScriptString = ({ contentId, variationId }) => {
     return `
-  ${CONTENT_FN_NAME}("${contentId}", "${parentContentId}", ${isHydrationTarget})`;
+  window.${CONTENT_FN_NAME}("${variationId}", "${contentId}", ${isHydrationTarget})`;
 };
 exports.getRenderContentScriptString = getRenderContentScriptString;

package/dist/components/inlined-script.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);

package/dist/components/inlined-styles.js

@@ -1,5 +1,5 @@
 "use strict";
-'use client';
+"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);

package/dist/constants/device-sizes.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getSizesForBreakpoints = exports.getMaxWidthQueryForSize = void 0;
-const fast_clone_1 = require("../functions/fast-clone");
+const fast_clone_js_1 = require("../functions/fast-clone.js");
 const SIZES = {
     small: {
         min: 320,
@@ -22,7 +22,7 @@ const SIZES = {
 const getMaxWidthQueryForSize = (size, sizeValues = SIZES) => `@media (max-width: ${sizeValues[size].max}px)`;
 exports.getMaxWidthQueryForSize = getMaxWidthQueryForSize;
 const getSizesForBreakpoints = ({ small, medium }) => {
-    const newSizes = (0, fast_clone_1.fastClone)(SIZES);
+    const newSizes = (0, fast_clone_js_1.fastClone)(SIZES);
     if (!small || !medium) {
         return newSizes;
     }

package/dist/constants/sdk-version.js

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = "0.4.5";
+exports.SDK_VERSION = "0.5.0";

package/dist/context/builder.context.js

@@ -11,7 +11,7 @@ var stdin_default = (0, react_1.createContext)({
     rootState: {},
     apiKey: null,
     apiVersion: void 0,
-    registeredComponents: {},
+    componentInfos: {},
     inheritedStyles: {}
 });
 exports.default = stdin_default;

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

@@ -0,0 +1,75 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applyPatchWithMinimalMutationChain = 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;
+};
+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;
+};
+exports.applyPatchWithMinimalMutationChain = applyPatchWithMinimalMutationChain;

package/dist/functions/apply-patch-with-mutation.test.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const apply_patch_with_mutation_js_1 = require("./apply-patch-with-mutation.js");
+describe("applyPatchWithMinimalMutationChain", () => {
+    test("Basic shallow update", () => {
+        const obj = {
+            foo: "bar"
+        };
+        const patch = {
+            op: "replace",
+            path: "/foo",
+            value: "60px"
+        };
+        const applied = (0, apply_patch_with_mutation_js_1.applyPatchWithMinimalMutationChain)(obj, patch);
+        expect(applied.foo).toBe("60px");
+        expect(applied).not.toBe(obj);
+    });
+    test("Deep object updates", () => {
+        const obj = {
+            foo: {
+                bar: true
+            },
+            baz: {}
+        };
+        const patch = {
+            op: "replace",
+            path: "/foo/bar",
+            value: "60px"
+        };
+        const applied = (0, apply_patch_with_mutation_js_1.applyPatchWithMinimalMutationChain)(obj, patch);
+        expect(applied.foo.bar).toBe("60px");
+        expect(applied).not.toBe(obj);
+        expect(applied.foo).not.toBe(obj.foo);
+        expect(applied.baz).toBe(obj.baz);
+    });
+    test("Deep array updates", () => {
+        const obj = {
+            foo: [{
+                    bar: true
+                }],
+            baz: {}
+        };
+        const patch = {
+            op: "replace",
+            path: "/foo/0/bar",
+            value: "60px"
+        };
+        const applied = (0, apply_patch_with_mutation_js_1.applyPatchWithMinimalMutationChain)(obj, patch);
+        expect(applied.foo[0].bar).toBe("60px");
+        expect(applied).not.toBe(obj);
+        expect(applied.foo).not.toBe(obj.foo);
+        expect(applied.foo[0]).not.toBe(obj.foo[0]);
+        expect(applied.baz).toBe(obj.baz);
+    });
+});

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

@@ -1,5 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.camelToKebabCase = void 0;
-const camelToKebabCase = (string) => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
+const camelToKebabCase = string => string.replace(/([a-z0-9]|(?=[A-Z]))([A-Z])/g, "$1-$2").toLowerCase();
 exports.camelToKebabCase = camelToKebabCase;