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

package/dist/functions/get-processed-block.test.js

@@ -22,7 +22,9 @@ test("Can process bindings", () => {
     const processed = (0, get_processed_block_js_1.getProcessedBlock)({
         block,
         context: {},
-        rootState: { test: "hello" },
+        rootState: {
+            test: "hello"
+        },
         rootSetState: void 0,
         localState: void 0,
         shouldEvaluateBindings: true

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

@@ -5,7 +5,12 @@ 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 __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))

package/dist/functions/is-non-node-server.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isNonNodeServer = void 0;
+const is_browser_1 = require("./is-browser");
+function isNonNodeServer() {
+    const hasNode = () => {
+        var _a;
+        return typeof process !== "undefined" && ((_a = process == null ? void 0 : process.versions) == null ? void 0 : _a.node);
+    };
+    return !(0, is_browser_1.isBrowser)() && !hasNode();
+}
+exports.isNonNodeServer = isNonNodeServer;

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

@@ -3,19 +3,29 @@ 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);
+    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);
+    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);
+    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

@@ -1,13 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.registerComponent = exports.createRegisterComponentMessage = exports.components = void 0;
+exports.serializeComponentInfo = 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 __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))
@@ -32,34 +37,34 @@ var __objRest = (source, exclude) => {
         }
     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));
+    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)
-    };
-};
+const createRegisterComponentMessage = info => ({
+    type: "builder.registerComponent",
+    data: 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"
-    ]);
+const serializeFn = fnValue => {
+    const fnStr = fnValue.toString().trim();
+    const appendFunction = !fnStr.startsWith("function") && !fnStr.startsWith("(");
+    return `return (${appendFunction ? "function " : ""}${fnStr}).apply(this, arguments)`;
+};
+const serializeValue = value => typeof value === "function" ? serializeFn(value) : (0, fast_clone_js_1.fastClone)(value);
+const serializeComponentInfo = _a => {
+    var _b = _a, { inputs } = _b, info = __objRest(_b, ["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), {
+        inputs: inputs == null ? void 0 : inputs.map(input => Object.entries(input).reduce((acc, [key, value]) => __spreadProps(__spreadValues({}, acc), {
             [key]: serializeValue(value)
         }), {}))
     });
 };
+exports.serializeComponentInfo = serializeComponentInfo;

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

@@ -7,7 +7,12 @@ 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))
@@ -23,7 +28,7 @@ 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) => {
+const normalizeNumber = value => {
     if (Number.isNaN(value)) {
         return void 0;
     }
@@ -34,7 +39,7 @@ const normalizeNumber = (value) => {
         return value;
     }
 };
-const sanitizeReactNativeBlockStyles = (styles) => {
+const sanitizeReactNativeBlockStyles = styles => {
     return Object.keys(styles).reduce((acc, key) => {
         const propertyValue = styles[key];
         if (key === "display" && !displayValues.has(propertyValue)) {
@@ -55,17 +60,23 @@ const sanitizeReactNativeBlockStyles = (styles) => {
                 const newValue = parseFloat(propertyValue);
                 const normalizedValue = normalizeNumber(newValue);
                 if (normalizedValue) {
-                    return __spreadProps(__spreadValues({}, acc), { [key]: 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]: 0
+                });
             }
         }
-        return __spreadProps(__spreadValues({}, acc), { [key]: propertyValue });
+        return __spreadProps(__spreadValues({}, acc), {
+            [key]: propertyValue
+        });
     }, {});
 };
 exports.sanitizeReactNativeBlockStyles = sanitizeReactNativeBlockStyles;

package/dist/functions/set.test.js

@@ -2,17 +2,23 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const set_js_1 = require("./set.js");
 test("can shallow set a property", () => {
-    const obj = { foo: "bar" };
+    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" };
+    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" };
+    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

@@ -1,13 +1,13 @@
 "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 target_js_1 = require("../../constants/target.js");
+const is_browser_js_1 = require("../is-browser.js");
 const getLocation = () => {
-    if (target_1.TARGET === "reactNative") {
+    if (target_js_1.TARGET === "reactNative") {
         return null;
     }
-    else if ((0, is_browser_1.isBrowser)()) {
+    else if ((0, is_browser_js_1.isBrowser)()) {
         const parsedLocation = new URL(location.href);
         if (parsedLocation.pathname === "") {
             parsedLocation.pathname = "/";
@@ -39,7 +39,7 @@ const getUserAttributes = () => {
             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";
+            return isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows() || target_js_1.TARGET === "reactNative";
         }
     };
     const isTablet = userAgent.match(/Tablet|iPad/i);

package/dist/functions/track/index.js

@@ -7,7 +7,12 @@ 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))
@@ -34,7 +39,7 @@ var __objRest = (source, exclude) => {
 };
 var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
+        var fulfilled = value => {
             try {
                 step(generator.next(value));
             }
@@ -42,7 +47,7 @@ var __async = (__this, __arguments, generator) => {
                 reject(e);
             }
         };
-        var rejected = (value) => {
+        var rejected = value => {
             try {
                 step(generator.throw(value));
             }
@@ -50,7 +55,7 @@ var __async = (__this, __arguments, generator) => {
                 reject(e);
             }
         };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+        var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
@@ -61,31 +66,35 @@ 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 }) {
+const getTrackingEventData = _0 => __async(void 0, [_0], function* ({ canTrack }) {
     if (!canTrack) {
-        return { visitorId: void 0, sessionId: void 0 };
+        return {
+            visitorId: void 0,
+            sessionId: void 0
+        };
     }
-    const sessionId = yield (0, sessionId_js_1.getSessionId)({ canTrack });
-    const visitorId = (0, visitorId_js_1.getVisitorId)({ canTrack });
+    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"
-    ]);
+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 })), {
+        }), yield getTrackingEventData({
+            canTrack
+        })), {
             userAttributes: (0, helpers_js_1.getUserAttributes)(),
             ownerId: apiKey
         })
@@ -115,11 +124,13 @@ function _track(eventProps) {
                 "content-type": "application/json"
             },
             mode: "cors"
-        }).catch((err) => {
+        }).catch(err => {
             console.error("Failed to track: ", err);
         });
     });
 }
 exports._track = _track;
-const track = (args) => _track(__spreadProps(__spreadValues({}, args), { canTrack: true }));
+const track = args => _track(__spreadProps(__spreadValues({}, args), {
+    canTrack: true
+}));
 exports.track = track;

package/dist/functions/track/interaction.js

@@ -20,7 +20,7 @@ const findParentElement = (target, callback, checkElement = true) => {
     } while (parent = parent.parentElement);
     return null;
 };
-const findBuilderParent = (target) => findParentElement(target, (el) => {
+const findBuilderParent = target => findParentElement(target, el => {
     const id = el.getAttribute("builder-id") || el.id;
     return Boolean((id == null ? void 0 : id.indexOf("builder-")) === 0);
 });
@@ -35,15 +35,21 @@ const computeOffset = ({ event, target }) => {
         y: yRatio
     };
 };
-const getInteractionPropertiesForEvent = (event) => {
+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,
+            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
         }
     };

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

@@ -4,6 +4,8 @@ exports.transformBlockProperties = void 0;
 const is_editing_js_1 = require("./is-editing.js");
 const react_dom_1 = require("react-dom");
 function transformBlockProperties(block) {
+    block.className = block.class;
+    delete block.class;
     block.ref = (ref) => {
         if ((0, is_editing_js_1.isEditing)()) {
             const el = (0, react_dom_1.findDOMNode)(ref);

package/dist/helpers/ab-tests.js

@@ -5,7 +5,12 @@ 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 __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))
@@ -19,7 +24,7 @@ var __spreadValues = (a, b) => {
 };
 var __async = (__this, __arguments, generator) => {
     return new Promise((resolve, reject) => {
-        var fulfilled = (value) => {
+        var fulfilled = value => {
             try {
                 step(generator.next(value));
             }
@@ -27,7 +32,7 @@ var __async = (__this, __arguments, generator) => {
                 reject(e);
             }
         };
-        var rejected = (value) => {
+        var rejected = value => {
             try {
                 step(generator.throw(value));
             }
@@ -35,19 +40,30 @@ var __async = (__this, __arguments, generator) => {
                 reject(e);
             }
         };
-        var step = (x) => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
+        var step = x => x.done ? resolve(x.value) : Promise.resolve(x.value).then(fulfilled, rejected);
         step((generator = generator.apply(__this, __arguments)).next());
     });
 };
 const cookie_js_1 = require("./cookie.js");
 const nullable_js_1 = require("../helpers/nullable.js");
 const logger_js_1 = require("./logger.js");
+const target_js_1 = require("../constants/target.js");
 const BUILDER_STORE_PREFIX = "builder.tests";
-const getContentTestKey = (id) => `${BUILDER_STORE_PREFIX}.${id}`;
-const getContentVariationCookie = ({ contentId }) => (0, cookie_js_1.getCookie)({ name: getContentTestKey(contentId), canTrack: true });
-const getContentVariationCookieSync = ({ contentId }) => (0, cookie_js_1.getCookieSync)({ name: getContentTestKey(contentId), canTrack: true });
-const setContentVariationCookie = ({ contentId, value }) => (0, cookie_js_1.setCookie)({ name: getContentTestKey(contentId), value, canTrack: true });
-const checkIsBuilderContentWithVariations = (item) => (0, nullable_js_1.checkIsDefined)(item.id) && (0, nullable_js_1.checkIsDefined)(item.variations) && Object.keys(item.variations).length > 0;
+const getContentTestKey = id => `${BUILDER_STORE_PREFIX}.${id}`;
+const getContentVariationCookie = ({ contentId }) => (0, cookie_js_1.getCookie)({
+    name: getContentTestKey(contentId),
+    canTrack: true
+});
+const getContentVariationCookieSync = ({ contentId }) => (0, cookie_js_1.getCookieSync)({
+    name: getContentTestKey(contentId),
+    canTrack: true
+});
+const setContentVariationCookie = ({ contentId, value }) => (0, cookie_js_1.setCookie)({
+    name: getContentTestKey(contentId),
+    value,
+    canTrack: true
+});
+const checkIsBuilderContentWithVariations = item => (0, nullable_js_1.checkIsDefined)(item.id) && (0, nullable_js_1.checkIsDefined)(item.variations) && Object.keys(item.variations).length > 0;
 const getRandomVariationId = ({ id, variations }) => {
     var _a;
     let n = 0;
@@ -61,12 +77,12 @@ const getRandomVariationId = ({ id, variations }) => {
     }
     return id;
 };
-const getAndSetVariantId = (args) => {
+const getAndSetVariantId = args => {
     const randomVariationId = getRandomVariationId(args);
     setContentVariationCookie({
         contentId: args.id,
         value: randomVariationId
-    }).catch((err) => {
+    }).catch(err => {
         logger_js_1.logger.error("could not store A/B test variation: ", err);
     });
     return randomVariationId;
@@ -88,6 +104,8 @@ const getTestFields = ({ item, testGroupId }) => {
     }
 };
 const handleABTestingSync = ({ item, canTrack }) => {
+    if (target_js_1.TARGET === "reactNative")
+        return item;
     if (!canTrack) {
         return item;
     }
@@ -103,11 +121,14 @@ const handleABTestingSync = ({ item, canTrack }) => {
         variations: item.variations,
         id: item.id
     });
-    const variationValue = getTestFields({ item, testGroupId });
+    const variationValue = getTestFields({
+        item,
+        testGroupId
+    });
     return __spreadValues(__spreadValues({}, item), variationValue);
 };
 exports.handleABTestingSync = handleABTestingSync;
-const handleABTesting = (_0) => __async(void 0, [_0], function* ({ item, canTrack }) {
+const handleABTesting = _0 => __async(void 0, [_0], function* ({ item, canTrack }) {
     if (!canTrack) {
         return item;
     }
@@ -121,7 +142,10 @@ const handleABTesting = (_0) => __async(void 0, [_0], function* ({ item, canTrac
         variations: item.variations,
         id: item.id
     });
-    const variationValue = getTestFields({ item, testGroupId });
+    const variationValue = getTestFields({
+        item,
+        testGroupId
+    });
     return __spreadValues(__spreadValues({}, item), variationValue);
 });
 exports.handleABTesting = handleABTesting;

package/dist/helpers/canTrack.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDefaultCanTrack = void 0;
-const nullable_1 = require("./nullable");
-const getDefaultCanTrack = (canTrack) => (0, nullable_1.checkIsDefined)(canTrack) ? canTrack : true;
+const nullable_js_1 = require("./nullable.js");
+const getDefaultCanTrack = canTrack => (0, nullable_js_1.checkIsDefined)(canTrack) ? canTrack : true;
 exports.getDefaultCanTrack = getDefaultCanTrack;

package/dist/helpers/css.js

@@ -3,7 +3,7 @@ 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 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};`;
@@ -15,7 +15,7 @@ const convertStyleMapToCSSArray = (style) => {
     return cssProps.filter(nullable_js_1.checkIsDefined);
 };
 exports.convertStyleMapToCSSArray = convertStyleMapToCSSArray;
-const convertStyleMapToCSS = (style) => convertStyleMapToCSSArray(style).join("\n");
+const convertStyleMapToCSS = style => convertStyleMapToCSSArray(style).join("\n");
 exports.convertStyleMapToCSS = convertStyleMapToCSS;
 const createCssClass = ({ mediaQuery, className, styles }) => {
     const cssClass = `.${className} {

package/dist/helpers/flatten.js

@@ -7,7 +7,12 @@ 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))
@@ -24,12 +29,10 @@ 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 });
+        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/helpers/nullable.js

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

package/dist/helpers/preview-lru-cache/get.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getPreviewContent = void 0;
+const helpers_1 = require("./helpers");
+const init_1 = require("./init");
+function getPreviewContent(searchParams) {
+    (0, init_1.init)();
+    const id = (0, helpers_1.getIdFromSearchParams)(searchParams);
+    return typeof id === "string" ? globalThis._BUILDER_PREVIEW_LRU_CACHE.get(id) : void 0;
+}
+exports.getPreviewContent = getPreviewContent;

package/dist/helpers/preview-lru-cache/helpers.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getIdFromSearchParams = void 0;
+const logger_1 = require("../logger");
+const getIdFromSearchParams = searchParams => {
+    const previewedModel = searchParams.get("preview");
+    const previewedId = searchParams.get("overrides." + previewedModel);
+    if (!previewedId) {
+        logger_1.logger.warn("No previewed ID found in search params.");
+    }
+    return previewedId;
+};
+exports.getIdFromSearchParams = getIdFromSearchParams;

package/dist/helpers/preview-lru-cache/init.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.init = void 0;
+const lru_cache_1 = require("lru-cache");
+function init() {
+    if (!globalThis._BUILDER_PREVIEW_LRU_CACHE) {
+        globalThis._BUILDER_PREVIEW_LRU_CACHE = new lru_cache_1.LRUCache({
+            max: 500,
+            ttl: 1e3 * 60 * 5
+        });
+    }
+}
+exports.init = init;