@builder.io/sdk-react-native 0.1.1 → 0.1.3

package/dist/functions/on-change.test.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const on_change_js_1 = require("./on-change.js");
+test("onChange can observe a shallow change", () => {
+    let changeHappend = false;
+    const obj = (0, on_change_js_1.onChange)({ foo: "hi" }, () => changeHappend = true);
+    obj.foo = "yo";
+    expect(changeHappend).toBe(true);
+});
+test("onChange can observe a deep change", () => {
+    let changeHappend = false;
+    const obj = (0, on_change_js_1.onChange)({ foo: { bar: "hi" } }, () => changeHappend = true);
+    obj.foo.bar = "yo";
+    expect(changeHappend).toBe(true);
+});
+test("Smoke test: callback is not fired if no properties updated", () => {
+    let changeHappend = false;
+    const obj = (0, on_change_js_1.onChange)({ foo: { bar: "hi" } }, () => changeHappend = true);
+    obj.foo.bar;
+    expect(changeHappend).toBe(false);
+});

package/dist/functions/register-component.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerComponent = exports.createRegisterComponentMessage = exports.components = 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));
+var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+        if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+            target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(source)) {
+            if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+                target[prop] = source[prop];
+        }
+    return target;
+};
+const util_js_1 = require("../blocks/util.js");
+const fast_clone_js_1 = require("./fast-clone.js");
+const components = [];
+exports.components = components;
+function registerComponent(component, info) {
+    components.push(__spreadValues({ component }, info));
+    console.warn("registerComponent is deprecated. Use the `customComponents` prop in RenderContent instead to provide your custom components to the builder SDK.");
+    return component;
+}
+exports.registerComponent = registerComponent;
+const createRegisterComponentMessage = (_a) => {
+    var _b = _a, { component: _ } = _b, info = __objRest(_b, [
+        "component"
+    ]);
+    return {
+        type: "builder.registerComponent",
+        data: prepareComponentInfoToSend(info)
+    };
+};
+exports.createRegisterComponentMessage = createRegisterComponentMessage;
+const serializeValue = (value) => typeof value === "function" ? (0, util_js_1.serializeFn)(value) : (0, fast_clone_js_1.fastClone)(value);
+const prepareComponentInfoToSend = (_c) => {
+    var _d = _c, { inputs } = _d, info = __objRest(_d, [
+        "inputs"
+    ]);
+    return __spreadProps(__spreadValues({}, (0, fast_clone_js_1.fastClone)(info)), {
+        inputs: inputs == null ? void 0 : inputs.map((input) => Object.entries(input).reduce((acc, [key, value]) => __spreadProps(__spreadValues({}, acc), {
+            [key]: serializeValue(value)
+        }), {}))
+    });
+};

package/dist/functions/register.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.register = void 0;
+const is_browser_js_1 = require("./is-browser.js");
+const registry = {};
+function register(type, info) {
+    let typeList = registry[type];
+    if (!typeList) {
+        typeList = registry[type] = [];
+    }
+    typeList.push(info);
+    if ((0, is_browser_js_1.isBrowser)()) {
+        const message = {
+            type: "builder.register",
+            data: {
+                type,
+                info
+            }
+        };
+        try {
+            parent.postMessage(message, "*");
+            if (parent !== window) {
+                window.postMessage(message, "*");
+            }
+        }
+        catch (err) {
+            console.debug("Could not postmessage", err);
+        }
+    }
+}
+exports.register = register;

package/dist/functions/sanitize-react-native-block-styles.js

@@ -0,0 +1,71 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.sanitizeReactNativeBlockStyles = 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 propertiesThatMustBeNumber = new Set(["lineHeight"]);
+const displayValues = new Set(["flex", "none"]);
+const SHOW_WARNINGS = false;
+const normalizeNumber = (value) => {
+    if (Number.isNaN(value)) {
+        return void 0;
+    }
+    else if (value < 0) {
+        return 0;
+    }
+    else {
+        return value;
+    }
+};
+const sanitizeReactNativeBlockStyles = (styles) => {
+    return Object.keys(styles).reduce((acc, key) => {
+        const propertyValue = styles[key];
+        if (key === "display" && !displayValues.has(propertyValue)) {
+            if (SHOW_WARNINGS) {
+                console.warn(`Style value for key "display" must be "flex" or "none" but had ${propertyValue}`);
+            }
+            return acc;
+        }
+        if (propertiesThatMustBeNumber.has(key) && typeof propertyValue !== "number") {
+            if (SHOW_WARNINGS) {
+                console.warn(`Style key ${key} must be a number, but had value \`${styles[key]}\``);
+            }
+            return acc;
+        }
+        if (typeof propertyValue === "string") {
+            const isPixelUnit = propertyValue.match(/^-?(\d*)(\.?)(\d*)*px$/);
+            if (isPixelUnit) {
+                const newValue = parseFloat(propertyValue);
+                const normalizedValue = normalizeNumber(newValue);
+                if (normalizedValue) {
+                    return __spreadProps(__spreadValues({}, acc), { [key]: normalizedValue });
+                }
+                else {
+                    return acc;
+                }
+            }
+            else if (propertyValue === "0") {
+                return __spreadProps(__spreadValues({}, acc), { [key]: 0 });
+            }
+        }
+        return __spreadProps(__spreadValues({}, acc), { [key]: propertyValue });
+    }, {});
+};
+exports.sanitizeReactNativeBlockStyles = sanitizeReactNativeBlockStyles;

package/dist/functions/set-editor-settings.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setEditorSettings = void 0;
+const is_browser_js_1 = require("./is-browser.js");
+const settings = {};
+function setEditorSettings(newSettings) {
+    if ((0, is_browser_js_1.isBrowser)()) {
+        Object.assign(settings, newSettings);
+        const message = {
+            type: "builder.settingsChange",
+            data: settings
+        };
+        parent.postMessage(message, "*");
+    }
+}
+exports.setEditorSettings = setEditorSettings;

package/dist/functions/set.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.set = void 0;
+const set = (obj, _path, value) => {
+    if (Object(obj) !== obj) {
+        return obj;
+    }
+    const path = Array.isArray(_path) ? _path : _path.toString().match(/[^.[\]]+/g);
+    path.slice(0, -1).reduce((a, c, i) => Object(a[c]) === a[c] ? a[c] : a[c] = Math.abs(Number(path[i + 1])) >> 0 === +path[i + 1] ? [] : {}, obj)[path[path.length - 1]] = value;
+    return obj;
+};
+exports.set = set;

package/dist/functions/set.test.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const set_js_1 = require("./set.js");
+test("can shallow set a property", () => {
+    const obj = { foo: "bar" };
+    (0, set_js_1.set)(obj, "foo", "baz");
+    expect(obj.foo).toBe("baz");
+});
+test("can deeply set a property", () => {
+    const obj = { foo: "bar" };
+    (0, set_js_1.set)(obj, "foo.bar", "baz");
+    expect(obj.foo.bar).toBe("baz");
+});
+test("can deeply create arrays", () => {
+    const obj = { foo: "bar" };
+    (0, set_js_1.set)(obj, "foo.bar.0", "hi");
+    expect(obj.foo.bar).toEqual(["hi"]);
+});

package/dist/functions/track/helpers.js

@@ -0,0 +1,53 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getUserAttributes = void 0;
+const target_1 = require("../../constants/target");
+const is_browser_1 = require("../is-browser");
+const getLocation = () => {
+    if (target_1.TARGET === "reactNative") {
+        return null;
+    }
+    else if ((0, is_browser_1.isBrowser)()) {
+        const parsedLocation = new URL(location.href);
+        if (parsedLocation.pathname === "") {
+            parsedLocation.pathname = "/";
+        }
+        return parsedLocation;
+    }
+    else {
+        console.warn("Cannot get location for tracking in non-browser environment");
+        return null;
+    }
+};
+const getUserAgent = () => typeof navigator === "object" && navigator.userAgent || "";
+const getUserAttributes = () => {
+    const userAgent = getUserAgent();
+    const isMobile = {
+        Android() {
+            return userAgent.match(/Android/i);
+        },
+        BlackBerry() {
+            return userAgent.match(/BlackBerry/i);
+        },
+        iOS() {
+            return userAgent.match(/iPhone|iPod/i);
+        },
+        Opera() {
+            return userAgent.match(/Opera Mini/i);
+        },
+        Windows() {
+            return userAgent.match(/IEMobile/i) || userAgent.match(/WPDesktop/i);
+        },
+        any() {
+            return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || target_1.TARGET === "reactNative";
+        }
+    };
+    const isTablet = userAgent.match(/Tablet|iPad/i);
+    const url = getLocation();
+    return {
+        urlPath: url == null ? void 0 : url.pathname,
+        host: (url == null ? void 0 : url.host) || (url == null ? void 0 : url.hostname),
+        device: isTablet ? "tablet" : isMobile.any() ? "mobile" : "desktop"
+    };
+};
+exports.getUserAttributes = getUserAttributes;

package/dist/functions/track/index.js

@@ -0,0 +1,124 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = exports._track = 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));
+var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+        if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+            target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(source)) {
+            if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+                target[prop] = source[prop];
+        }
+    return target;
+};
+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());
+    });
+};
+const target_js_1 = require("../../constants/target.js");
+const sessionId_js_1 = require("../../helpers/sessionId.js");
+const visitorId_js_1 = require("../../helpers/visitorId.js");
+const is_browser_js_1 = require("../is-browser.js");
+const is_editing_js_1 = require("../is-editing.js");
+const helpers_js_1 = require("./helpers.js");
+const getTrackingEventData = (_0) => __async(void 0, [_0], function* ({ canTrack }) {
+    if (!canTrack) {
+        return { visitorId: void 0, sessionId: void 0 };
+    }
+    const sessionId = yield (0, sessionId_js_1.getSessionId)({ canTrack });
+    const visitorId = (0, visitorId_js_1.getVisitorId)({ canTrack });
+    return {
+        sessionId,
+        visitorId
+    };
+});
+const createEvent = (_a) => __async(void 0, null, function* () {
+    var _b = _a, { type: eventType, canTrack, apiKey, metadata } = _b, properties = __objRest(_b, [
+        "type",
+        "canTrack",
+        "apiKey",
+        "metadata"
+    ]);
+    return {
+        type: eventType,
+        data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, properties), {
+            metadata: __spreadValues({
+                url: location.href
+            }, metadata)
+        }), yield getTrackingEventData({ canTrack })), {
+            userAttributes: (0, helpers_js_1.getUserAttributes)(),
+            ownerId: apiKey
+        })
+    };
+});
+function _track(eventProps) {
+    return __async(this, null, function* () {
+        if (!eventProps.apiKey) {
+            console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+            return;
+        }
+        if (!eventProps.canTrack) {
+            return;
+        }
+        if ((0, is_editing_js_1.isEditing)()) {
+            return;
+        }
+        if (!((0, is_browser_js_1.isBrowser)() || target_js_1.TARGET === "reactNative")) {
+            return;
+        }
+        return fetch(`https://builder.io/api/v1/track`, {
+            method: "POST",
+            body: JSON.stringify({
+                events: [yield createEvent(eventProps)]
+            }),
+            headers: {
+                "content-type": "application/json"
+            },
+            mode: "cors"
+        }).catch((err) => {
+            console.error("Failed to track: ", err);
+        });
+    });
+}
+exports._track = _track;
+const track = (args) => _track(__spreadProps(__spreadValues({}, args), { canTrack: true }));
+exports.track = track;

package/dist/functions/track/interaction.js

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getInteractionPropertiesForEvent = void 0;
+function round(num) {
+    return Math.round(num * 1e3) / 1e3;
+}
+const findParentElement = (target, callback, checkElement = true) => {
+    if (!(target instanceof HTMLElement)) {
+        return null;
+    }
+    let parent = checkElement ? target : target.parentElement;
+    do {
+        if (!parent) {
+            return null;
+        }
+        const matches = callback(parent);
+        if (matches) {
+            return parent;
+        }
+    } while (parent = parent.parentElement);
+    return null;
+};
+const findBuilderParent = (target) => findParentElement(target, (el) => {
+    const id = el.getAttribute("builder-id") || el.id;
+    return Boolean((id == null ? void 0 : id.indexOf("builder-")) === 0);
+});
+const computeOffset = ({ event, target }) => {
+    const targetRect = target.getBoundingClientRect();
+    const xOffset = event.clientX - targetRect.left;
+    const yOffset = event.clientY - targetRect.top;
+    const xRatio = round(xOffset / targetRect.width);
+    const yRatio = round(yOffset / targetRect.height);
+    return {
+        x: xRatio,
+        y: yRatio
+    };
+};
+const getInteractionPropertiesForEvent = (event) => {
+    const target = event.target;
+    const targetBuilderElement = target && findBuilderParent(target);
+    const builderId = (targetBuilderElement == null ? void 0 : targetBuilderElement.getAttribute("builder-id")) || (targetBuilderElement == null ? void 0 : targetBuilderElement.id);
+    return {
+        targetBuilderElement: builderId || void 0,
+        metadata: {
+            targetOffset: target ? computeOffset({ event, target }) : void 0,
+            builderTargetOffset: targetBuilderElement ? computeOffset({ event, target: targetBuilderElement }) : void 0,
+            builderElementIndex: targetBuilderElement && builderId ? [].slice.call(document.getElementsByClassName(builderId)).indexOf(targetBuilderElement) : void 0
+        }
+    };
+};
+exports.getInteractionPropertiesForEvent = getInteractionPropertiesForEvent;

package/dist/functions/track.js

@@ -0,0 +1,120 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.track = exports._track = 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));
+var __objRest = (source, exclude) => {
+    var target = {};
+    for (var prop in source)
+        if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+            target[prop] = source[prop];
+    if (source != null && __getOwnPropSymbols)
+        for (var prop of __getOwnPropSymbols(source)) {
+            if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+                target[prop] = source[prop];
+        }
+    return target;
+};
+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());
+    });
+};
+const target_js_1 = require("../constants/target.js");
+const sessionId_js_1 = require("../helpers/sessionId.js");
+const visitorId_js_1 = require("../helpers/visitorId.js");
+const is_browser_js_1 = require("./is-browser.js");
+const is_editing_js_1 = require("./is-editing.js");
+const getTrackingEventData = (_0) => __async(void 0, [_0], function* ({ canTrack }) {
+    if (!canTrack) {
+        return { visitorId: void 0, sessionId: void 0 };
+    }
+    const sessionId = yield (0, sessionId_js_1.getSessionId)({ canTrack });
+    const visitorId = (0, visitorId_js_1.getVisitorId)({ canTrack });
+    return {
+        sessionId,
+        visitorId
+    };
+});
+const createEvent = (_a) => __async(void 0, null, function* () {
+    var _b = _a, { type: eventType, canTrack, apiKey, metadata } = _b, properties = __objRest(_b, [
+        "type",
+        "canTrack",
+        "apiKey",
+        "metadata"
+    ]);
+    return {
+        type: eventType,
+        data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, properties), {
+            metadata: JSON.stringify(metadata)
+        }), yield getTrackingEventData({ canTrack })), {
+            ownerId: apiKey
+        })
+    };
+});
+function _track(eventProps) {
+    return __async(this, null, function* () {
+        if (!eventProps.apiKey) {
+            console.error("[Builder.io]: Missing API key for track call. Please provide your API key.");
+            return;
+        }
+        if (!eventProps.canTrack) {
+            return;
+        }
+        if ((0, is_editing_js_1.isEditing)()) {
+            return;
+        }
+        if (!((0, is_browser_js_1.isBrowser)() || target_js_1.TARGET === "reactNative")) {
+            return;
+        }
+        return fetch(`https://builder.io/api/v1/track`, {
+            method: "POST",
+            body: JSON.stringify({
+                events: [yield createEvent(eventProps)]
+            }),
+            headers: {
+                "content-type": "application/json"
+            },
+            mode: "cors"
+        }).catch((err) => {
+            console.error("Failed to track: ", err);
+        });
+    });
+}
+exports._track = _track;
+const track = (args) => _track(__spreadProps(__spreadValues({}, args), { canTrack: true }));
+exports.track = track;

package/dist/functions/transform-block-properties.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformBlockProperties = void 0;
+const is_editing_js_1 = require("./is-editing.js");
+const react_dom_1 = require("react-dom");
+function transformBlockProperties(block) {
+    block.ref = (ref) => {
+        if ((0, is_editing_js_1.isEditing)()) {
+            const el = (0, react_dom_1.findDOMNode)(ref);
+            if (el) {
+                el.setAttribute("builder-id", block.id);
+                el.classList.add(block.id);
+            }
+        }
+    };
+    return block;
+}
+exports.transformBlockProperties = transformBlockProperties;

package/dist/functions/transform-block.js

@@ -0,0 +1,38 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformBlock = 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));
+function transformBlock(block) {
+    if (block.id.startsWith("builder-pixel-") && !block.component) {
+        return __spreadProps(__spreadValues({}, block), {
+            component: {
+                name: "Image",
+                options: {
+                    image: block.properties.src,
+                    width: 1,
+                    height: 1
+                }
+            }
+        });
+    }
+    return block;
+}
+exports.transformBlock = transformBlock;

package/dist/helpers/ab-tests.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setContentVariationCookie = exports.getContentVariationCookie = void 0;
+const cookie_js_1 = require("./cookie.js");
+const BUILDER_STORE_PREFIX = "builderio.variations";
+const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
+const getContentVariationCookie = ({ contentId, canTrack }) => (0, cookie_js_1.getCookie)({ name: getContentTestKey(contentId), canTrack });
+exports.getContentVariationCookie = getContentVariationCookie;
+const setContentVariationCookie = ({ contentId, canTrack, value }) => (0, cookie_js_1.setCookie)({ name: getContentTestKey(contentId), value, canTrack });
+exports.setContentVariationCookie = setContentVariationCookie;