@builder.io/sdk-react 0.2.3-0 → 0.2.3-2

package/dist/react/cjs/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/react/cjs/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/react/cjs/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/react/cjs/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/react/cjs/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/react/cjs/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/react/cjs/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/react/cjs/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/react/{functions/track.js → cjs/functions/track/index.js}

@@ -1,3 +1,6 @@
+"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;
@@ -51,17 +54,19 @@ var __async = (__this, __arguments, generator) => {
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
-import { TARGET } from "../constants/target.js";
-import { getSessionId } from "../helpers/sessionId.js";
-import { getVisitorId } from "../helpers/visitorId.js";
-import { isBrowser } from "./is-browser.js";
-import { isEditing } from "./is-editing.js";
+const target_js_1 = require("../../constants/target.js");
+const logger_js_1 = require("../../helpers/logger.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 getSessionId({ canTrack });
-    const visitorId = getVisitorId({ canTrack });
+    const sessionId = yield (0, sessionId_js_1.getSessionId)({ canTrack });
+    const visitorId = (0, visitorId_js_1.getVisitorId)({ canTrack });
     return {
         sessionId,
         visitorId
@@ -77,8 +82,11 @@ const createEvent = (_a) => __async(void 0, null, function* () {
     return {
         type: eventType,
         data: __spreadProps(__spreadValues(__spreadProps(__spreadValues({}, properties), {
-            metadata: JSON.stringify(metadata)
+            metadata: __spreadValues({
+                url: location.href
+            }, metadata)
         }), yield getTrackingEventData({ canTrack })), {
+            userAttributes: (0, helpers_js_1.getUserAttributes)(),
             ownerId: apiKey
         })
     };
@@ -86,16 +94,16 @@ const createEvent = (_a) => __async(void 0, null, function* () {
 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.");
+            logger_js_1.logger.error("Missing API key for track call. Please provide your API key.");
             return;
         }
         if (!eventProps.canTrack) {
             return;
         }
-        if (isEditing()) {
+        if ((0, is_editing_js_1.isEditing)()) {
             return;
         }
-        if (!(isBrowser() || TARGET === "reactNative")) {
+        if (!((0, is_browser_js_1.isBrowser)() || target_js_1.TARGET === "reactNative")) {
             return;
         }
         return fetch(`https://builder.io/api/v1/track`, {
@@ -112,5 +120,6 @@ function _track(eventProps) {
         });
     });
 }
+exports._track = _track;
 const track = (args) => _track(__spreadProps(__spreadValues({}, args), { canTrack: true }));
-export { _track, track };
+exports.track = track;

package/dist/react/cjs/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/react/cjs/functions/transform-block-properties.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformBlockProperties = void 0;
+function transformBlockProperties(properties) {
+    return properties;
+}
+exports.transformBlockProperties = transformBlockProperties;

package/dist/react/cjs/functions/transform-block.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.transformBlock = void 0;
+function transformBlock(block) {
+    return block;
+}
+exports.transformBlock = transformBlock;

package/dist/react/cjs/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;

package/dist/react/cjs/helpers/cookie.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setCookie = exports.getCookie = void 0;
+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 is_browser_js_1 = require("../functions/is-browser.js");
+const nullable_js_1 = require("./nullable.js");
+const url_js_1 = require("./url.js");
+const getCookie = (_0) => __async(void 0, [_0], function* ({ name, canTrack }) {
+    var _a;
+    try {
+        if (!canTrack) {
+            return void 0;
+        }
+        return (_a = document.cookie.split("; ").find((row) => row.startsWith(`${name}=`))) == null ? void 0 : _a.split("=")[1];
+    }
+    catch (err) {
+        console.debug("[COOKIE] GET error: ", err);
+        return void 0;
+    }
+});
+exports.getCookie = getCookie;
+const stringifyCookie = (cookie) => cookie.map(([key, value]) => value ? `${key}=${value}` : key).filter(nullable_js_1.checkIsDefined).join("; ");
+const SECURE_CONFIG = [
+    ["secure", ""],
+    ["SameSite", "None"]
+];
+const createCookieString = ({ name, value, expires }) => {
+    const secure = (0, is_browser_js_1.isBrowser)() ? location.protocol === "https:" : true;
+    const secureObj = secure ? SECURE_CONFIG : [[]];
+    const expiresObj = expires ? [["expires", expires.toUTCString()]] : [[]];
+    const cookieValue = [
+        [name, value],
+        ...expiresObj,
+        ["path", "/"],
+        ["domain", (0, url_js_1.getTopLevelDomain)(window.location.hostname)],
+        ...secureObj
+    ];
+    const cookie = stringifyCookie(cookieValue);
+    return cookie;
+};
+const setCookie = (_0) => __async(void 0, [_0], function* ({ name, value, expires, canTrack }) {
+    try {
+        if (!canTrack) {
+            return;
+        }
+        const cookie = createCookieString({ name, value, expires });
+        document.cookie = cookie;
+    }
+    catch (err) {
+        console.warn("[COOKIE] SET error: ", err);
+    }
+});
+exports.setCookie = setCookie;

package/dist/react/cjs/helpers/css.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createCssClass = exports.convertStyleMapToCSSArray = exports.convertStyleMapToCSS = void 0;
+const camel_to_kebab_case_js_1 = require("../functions/camel-to-kebab-case.js");
+const nullable_js_1 = require("./nullable.js");
+const convertStyleMapToCSSArray = (style) => {
+    const cssProps = Object.entries(style).map(([key, value]) => {
+        if (typeof value === "string") {
+            return `${(0, camel_to_kebab_case_js_1.camelToKebabCase)(key)}: ${value};`;
+        }
+        else {
+            return void 0;
+        }
+    });
+    return cssProps.filter(nullable_js_1.checkIsDefined);
+};
+exports.convertStyleMapToCSSArray = convertStyleMapToCSSArray;
+const convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
+exports.convertStyleMapToCSS = convertStyleMapToCSS;
+const createCssClass = ({ mediaQuery, className, styles }) => {
+    const cssClass = `.${className} {
+    ${convertStyleMapToCSS(styles)}
+  }`;
+    if (mediaQuery) {
+        return `${mediaQuery} {
+      ${cssClass}
+    }`;
+    }
+    else {
+        return cssClass;
+    }
+};
+exports.createCssClass = createCssClass;

package/dist/react/cjs/helpers/flatten.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.flatten = 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 flatten(object, path = null, separator = ".") {
+    return Object.keys(object).reduce((acc, key) => {
+        const value = object[key];
+        const newPath = [path, key].filter(Boolean).join(separator);
+        const isObject = [
+            typeof value === "object",
+            value !== null,
+            !(Array.isArray(value) && value.length === 0)
+        ].every(Boolean);
+        return isObject ? __spreadValues(__spreadValues({}, acc), flatten(value, newPath, separator)) : __spreadProps(__spreadValues({}, acc), { [newPath]: value });
+    }, {});
+}
+exports.flatten = flatten;

package/dist/react/cjs/helpers/localStorage.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setLocalStorageItem = exports.getLocalStorageItem = void 0;
+const is_browser_js_1 = require("../functions/is-browser.js");
+const getLocalStorage = () => (0, is_browser_js_1.isBrowser)() && typeof localStorage !== "undefined" ? localStorage : void 0;
+const getLocalStorageItem = ({ key, canTrack }) => {
+    var _a;
+    try {
+        if (canTrack) {
+            return (_a = getLocalStorage()) == null ? void 0 : _a.getItem(key);
+        }
+        return void 0;
+    }
+    catch (err) {
+        console.debug("[LocalStorage] GET error: ", err);
+        return void 0;
+    }
+};
+exports.getLocalStorageItem = getLocalStorageItem;
+const setLocalStorageItem = ({ key, canTrack, value }) => {
+    var _a;
+    try {
+        if (canTrack) {
+            (_a = getLocalStorage()) == null ? void 0 : _a.setItem(key, value);
+        }
+    }
+    catch (err) {
+        console.debug("[LocalStorage] SET error: ", err);
+    }
+};
+exports.setLocalStorageItem = setLocalStorageItem;

package/dist/react/cjs/helpers/logger.js

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.logger = void 0;
+const MSG_PREFIX = "[Builder.io]: ";
+const logger = {
+    log: (...message) => console.log(MSG_PREFIX, ...message),
+    error: (...message) => console.error(MSG_PREFIX, ...message),
+    warn: (...message) => console.warn(MSG_PREFIX, ...message)
+};
+exports.logger = logger;

package/dist/react/cjs/helpers/nullable.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkIsDefined = void 0;
+const checkIsDefined = (maybeT) => maybeT !== null && maybeT !== void 0;
+exports.checkIsDefined = checkIsDefined;