@builder.io/react 5.0.2-2 → 5.0.2-20

package/dist/lib/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@builder.io/react",
-    "version": "5.0.2-1",
+    "version": "5.0.2-19",
     "description": "",
     "keywords": [],
     "main": "dist/builder-react.cjs.js",

package/dist/lib/src/blocks/PersonalizationContainer.js

@@ -14,19 +14,19 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.filterWithCustomTargeting = void 0;
+exports.PersonalizationContainer = void 0;
 var react_1 = __importDefault(require("react"));
 var sdk_1 = require("@builder.io/sdk");
 var react_2 = require("react");
 var builder_blocks_component_1 = require("../components/builder-blocks.component");
+var filter_with_custom_targeting_1 = require("../functions/filter-with-custom-targeting");
 function PersonalizationContainer(props) {
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
-    var _k = (0, react_2.useState)(false), isClient = _k[0], setIsClient = _k[1];
-    var _l = (0, react_2.useState)(0), update = _l[0], setUpdate = _l[1];
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v;
+    var isBeingHydrated = Boolean(sdk_1.Builder.isBrowser && ((_a = window.__hydrated) === null || _a === void 0 ? void 0 : _a[(_b = props.builderBlock) === null || _b === void 0 ? void 0 : _b.id]));
+    var _w = (0, react_2.useState)(isBeingHydrated), isClient = _w[0], setIsClient = _w[1];
+    var _x = (0, react_2.useState)(0), update = _x[0], setUpdate = _x[1];
     (0, react_2.useEffect)(function () {
         setIsClient(true);
-    }, []);
-    (0, react_2.useEffect)(function () {
         var subscriber = sdk_1.builder.userAttributesChanged.subscribe(function () {
             setUpdate(update + 1);
         });
@@ -34,101 +34,41 @@ function PersonalizationContainer(props) {
             subscriber.unsubscribe();
         };
     }, []);
-    var filteredVariants = (props.variants || []).filter(function (variant) {
-        return filterWithCustomTargeting(sdk_1.builder.getUserAttributes(), variant.query, variant.startDate, variant.endDate);
-    });
-    return (react_1.default.createElement("div", __assign({ style: __assign({ opacity: isClient ? 1 : 0, transition: 'opacity 0.2s ease-in-out' }, props.attributes) }, props.attributes, { className: "builder-personalization-container ".concat(props.attributes.className, " ").concat(isClient ? '' : 'builder-personalization-container-loading') }), sdk_1.Builder.isEditing &&
-        typeof props.previewingIndex === 'number' &&
-        props.previewingIndex < (((_a = props.variants) === null || _a === void 0 ? void 0 : _a.length) || 0) ? (react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_c = (_b = props.variants) === null || _b === void 0 ? void 0 : _b[props.previewingIndex]) === null || _c === void 0 ? void 0 : _c.blocks, parentElementId: (_d = props.builderBlock) === null || _d === void 0 ? void 0 : _d.id, dataPath: "component.options.variants.".concat(props.previewingIndex, ".blocks"), child: true })) : // If editing the default or we're on the server and there are no matching variants show the default
-        (sdk_1.Builder.isEditing && typeof props.previewingIndex !== 'number') ||
-            !isClient ||
-            !filteredVariants.length ? (react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_e = props.builderBlock) === null || _e === void 0 ? void 0 : _e.children, parentElementId: (_f = props.builderBlock) === null || _f === void 0 ? void 0 : _f.id, dataPath: "this.children", child: true })) : (
-        // Show the variant matching the current user attributes
-        react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_g = filteredVariants[0]) === null || _g === void 0 ? void 0 : _g.blocks, parentElementId: (_h = props.builderBlock) === null || _h === void 0 ? void 0 : _h.id, dataPath: "component.options.variants.".concat((_j = props.variants) === null || _j === void 0 ? void 0 : _j.indexOf(filteredVariants[0]), ".blocks"), child: true }))));
-}
-exports.default = PersonalizationContainer;
-function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
-    var item = {
-        query: query,
-        startDate: startDate,
-        endDate: endDate,
-    };
-    var now = (userAttributes.date && new Date(userAttributes.date)) || new Date();
-    if (item.startDate && new Date(item.startDate) > now) {
-        return false;
-    }
-    else if (item.endDate && new Date(item.endDate) < now) {
-        return false;
+    if (sdk_1.Builder.isServer) {
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement("div", __assign({}, props.attributes, { 
+                // same as the client side styles for hydration matching
+                style: __assign({ opacity: 1, transition: 'opacity 0.2s ease-in-out' }, (_c = props.attributes) === null || _c === void 0 ? void 0 : _c.style), className: "builder-personalization-container ".concat(props.attributes.className) }), (_d = props.variants) === null || _d === void 0 ? void 0 :
+                _d.map(function (variant, index) {
+                    var _a, _b;
+                    return (react_1.default.createElement("template", { key: index, "data-variant-id": ((_a = props.builderBlock) === null || _a === void 0 ? void 0 : _a.id) + index },
+                        react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: variant.blocks, parentElementId: (_b = props.builderBlock) === null || _b === void 0 ? void 0 : _b.id, dataPath: "component.options.variants.".concat(index, ".blocks"), child: true })));
+                }),
+                react_1.default.createElement("script", { id: "variants-script-".concat((_e = props.builderBlock) === null || _e === void 0 ? void 0 : _e.id), dangerouslySetInnerHTML: {
+                        __html: getPersonalizationScript(props.variants, (_f = props.builderBlock) === null || _f === void 0 ? void 0 : _f.id),
+                    } }),
+                react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_g = props.builderBlock) === null || _g === void 0 ? void 0 : _g.children, parentElementId: (_h = props.builderBlock) === null || _h === void 0 ? void 0 : _h.id, dataPath: "this.children", child: true })),
+            react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                    __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat((_j = props.builderBlock) === null || _j === void 0 ? void 0 : _j.id, "'] = true;\n        ").replace(/\s+/g, ' '),
+                } })));
     }
-    if (!item.query || !item.query.length) {
-        return true;
-    }
-    return item.query.every(function (filter) {
-        if (filter &&
-            filter.property === 'urlPath' &&
-            filter.value &&
-            typeof filter.value === 'string' &&
-            filter.value !== '/' &&
-            filter.value.endsWith('/')) {
-            filter.value = filter.value.slice(0, -1);
-        }
-        return objectMatchesQuery(userAttributes, filter);
+    var filteredVariants = (props.variants || []).filter(function (variant) {
+        return (0, filter_with_custom_targeting_1.filterWithCustomTargeting)(sdk_1.builder.getUserAttributes(), variant.query, variant.startDate, variant.endDate);
     });
-    function isNumber(val) {
-        return typeof val === 'number';
-    }
-    function isString(val) {
-        return typeof val === 'string';
-    }
-    function objectMatchesQuery(userattr, query) {
-        var result = (function () {
-            var property = query.property;
-            var operator = query.operator;
-            var testValue = query.value;
-            // Check is query property is present in userAttributes. Proceed only if it is present.
-            if (!(property && operator)) {
-                return true;
-            }
-            if (Array.isArray(testValue)) {
-                if (operator === 'isNot') {
-                    return testValue.every(function (val) {
-                        return objectMatchesQuery(userattr, { property: property, operator: operator, value: val });
-                    });
-                }
-                return !!testValue.find(function (val) {
-                    return objectMatchesQuery(userattr, { property: property, operator: operator, value: val });
-                });
-            }
-            var value = userattr[property];
-            if (Array.isArray(value)) {
-                return value.includes(testValue);
-            }
-            switch (operator) {
-                case 'is':
-                    return value === testValue;
-                case 'isNot':
-                    return value !== testValue;
-                case 'contains':
-                    return (isString(value) || Array.isArray(value)) && value.includes(testValue);
-                case 'startsWith':
-                    return isString(value) && value.startsWith(testValue);
-                case 'endsWith':
-                    return isString(value) && value.endsWith(testValue);
-                case 'greaterThan':
-                    return isNumber(value) && isNumber(testValue) && value > testValue;
-                case 'lessThan':
-                    return isNumber(value) && isNumber(testValue) && value < testValue;
-                case 'greaterThanOrEqualTo':
-                    return isNumber(value) && isNumber(testValue) && value >= testValue;
-                case 'lessThanOrEqualTo':
-                    return isNumber(value) && isNumber(testValue) && value <= testValue;
-            }
-            return false;
-        })();
-        return result;
-    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement("div", __assign({}, props.attributes, { style: __assign({ opacity: isClient ? 1 : 0, transition: 'opacity 0.2s ease-in-out' }, (_k = props.attributes) === null || _k === void 0 ? void 0 : _k.style), className: "builder-personalization-container ".concat(props.attributes.className, " ").concat(isClient ? '' : 'builder-personalization-container-loading') }), sdk_1.Builder.isEditing &&
+            typeof props.previewingIndex === 'number' &&
+            props.previewingIndex < (((_l = props.variants) === null || _l === void 0 ? void 0 : _l.length) || 0) ? (react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_o = (_m = props.variants) === null || _m === void 0 ? void 0 : _m[props.previewingIndex]) === null || _o === void 0 ? void 0 : _o.blocks, parentElementId: (_p = props.builderBlock) === null || _p === void 0 ? void 0 : _p.id, dataPath: "component.options.variants.".concat(props.previewingIndex, ".blocks"), child: true })) : // If editing the default or we're on the server and there are no matching variants show the default
+            (sdk_1.Builder.isEditing && typeof props.previewingIndex !== 'number') ||
+                !isClient ||
+                !filteredVariants.length ? (react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_q = props.builderBlock) === null || _q === void 0 ? void 0 : _q.children, parentElementId: (_r = props.builderBlock) === null || _r === void 0 ? void 0 : _r.id, dataPath: "this.children", child: true })) : (
+            // Show the variant matching the current user attributes
+            react_1.default.createElement(builder_blocks_component_1.BuilderBlocks, { blocks: (_s = filteredVariants[0]) === null || _s === void 0 ? void 0 : _s.blocks, parentElementId: (_t = props.builderBlock) === null || _t === void 0 ? void 0 : _t.id, dataPath: "component.options.variants.".concat((_u = props.variants) === null || _u === void 0 ? void 0 : _u.indexOf(filteredVariants[0]), ".blocks"), child: true }))),
+        react_1.default.createElement("script", { dangerouslySetInnerHTML: {
+                __html: "\n         window.__hydrated = window.__hydrated || {};\n         window.__hydrated['".concat((_v = props.builderBlock) === null || _v === void 0 ? void 0 : _v.id, "'] = true;\n        ").replace(/\s+/g, ' '),
+            } })));
 }
-exports.filterWithCustomTargeting = filterWithCustomTargeting;
+exports.PersonalizationContainer = PersonalizationContainer;
 sdk_1.Builder.registerComponent(PersonalizationContainer, {
     name: 'PersonalizationContainer',
     noWrap: true,
@@ -146,7 +86,8 @@ sdk_1.Builder.registerComponent(PersonalizationContainer, {
                     type: 'text',
                 },
                 {
-                    name: 'variants',
+                    name: 'query',
+                    friendlyName: 'Targeting rules',
                     type: 'BuilderQuery',
                     defaultValue: [],
                 },
@@ -168,4 +109,7 @@ sdk_1.Builder.registerComponent(PersonalizationContainer, {
         },
     ],
 });
+function getPersonalizationScript(variants, blockId) {
+    return "\n      (function() {\n        function getCookie(name) {\n          var nameEQ = name + \"=\";\n          var ca = document.cookie.split(';');\n          for(var i=0;i < ca.length;i++) {\n              var c = ca[i];\n              while (c.charAt(0)==' ') c = c.substring(1,c.length);\n              if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);\n          }\n          return null;\n        }\n        function removeVariants() {\n          variants.forEach(function (template, index) {\n            document.querySelector('template[data-variant-id=\"' + \"".concat(blockId, "\" + index + '\"]').remove();\n          });\n          document.getElementById('variants-script-").concat(blockId, "').remove();\n        }\n\n        var attributes = JSON.parse(getCookie(\"").concat(sdk_1.Builder.attributesCookieName, "\") || \"{}\");\n        var variants = ").concat(JSON.stringify(variants === null || variants === void 0 ? void 0 : variants.map(function (v) { return ({ query: v.query, startDate: v.startDate, endDate: v.endDate }); })), ";\n        var winningVariantIndex = variants.findIndex(function(variant) {\n          return filterWithCustomTargeting(\n            attributes,\n            variant.query,\n            variant.startDate,\n            variant.endDate\n          );\n        });\n        var isDebug = location.href.includes('builder.debug=true');\n        if (isDebug) {\n          console.debug('PersonalizationContainer', {\n            attributes: attributes,\n            variants: variants,\n            winningVariantIndex: winningVariantIndex,\n            });\n        }\n        if (winningVariantIndex !== -1) {\n          var winningVariant = document.querySelector('template[data-variant-id=\"' + \"").concat(blockId, "\" + winningVariantIndex + '\"]');\n          if (winningVariant) {\n            var parentNode = winningVariant.parentNode;\n            var newParent = parentNode.cloneNode(false);\n            newParent.appendChild(winningVariant.content.firstChild);\n            parentNode.parentNode.replaceChild(newParent, parentNode);\n            if (isDebug) {\n              console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);\n            }\n          }\n        } else if (variants.length > 0) {\n          removeVariants();\n        }\n        ").concat(filter_with_custom_targeting_1.filterWithCustomTargetingScript, "\n      })();\n    ").replace(/\s+/g, ' ');
+}
 //# sourceMappingURL=PersonalizationContainer.js.map

package/dist/lib/src/blocks/PersonalizationContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"PersonalizationContainer.js","sourceRoot":"","sources":["../../../../src/blocks/PersonalizationContainer.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"PersonalizationContainer.js","sourceRoot":"","sources":["../../../../src/blocks/PersonalizationContainer.tsx"],"names":[],"mappings":"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"}

package/dist/lib/src/builder-react.js

@@ -14,7 +14,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Builder = exports.builder = exports.useIsPreviewing = exports.stringToFunction = exports.RawText = exports.Img = exports.TextArea = exports.FormSelect = exports.Label = exports.FormSubmitButton = exports.FormInput = exports.Form = exports.Mutation = exports.Router = exports.StateProvider = exports.Section = exports.Button = exports.Symbol = exports.Video = exports.getSrcSet = exports.Image = exports.CustomCode = exports.Embed = exports.Columns = exports.Fragment = exports.Dropzone = exports.Text = exports.Content = exports.BuilderComponent = exports.onChange = exports.BuilderPage = exports.noWrap = exports.withChildren = exports.withBuilder = exports.BuilderBlock = exports.BuilderAsyncRequestsContext = exports.BuilderMetaContext = exports.BuilderStoreContext = exports.BuilderContent = exports.BuilderBlockComponent = exports.BuilderBlocks = void 0;
+exports.Builder = exports.builder = exports.useIsPreviewing = exports.stringToFunction = exports.PersonalizationContainer = exports.RawText = exports.Img = exports.TextArea = exports.FormSelect = exports.Label = exports.FormSubmitButton = exports.FormInput = exports.Form = exports.Mutation = exports.Router = exports.StateProvider = exports.Section = exports.Button = exports.Symbol = exports.Video = exports.getSrcSet = exports.Image = exports.CustomCode = exports.Embed = exports.Columns = exports.Fragment = exports.Dropzone = exports.Text = exports.Content = exports.BuilderComponent = exports.onChange = exports.BuilderPage = exports.noWrap = exports.withChildren = exports.withBuilder = exports.BuilderBlock = exports.BuilderAsyncRequestsContext = exports.BuilderMetaContext = exports.BuilderStoreContext = exports.BuilderContent = exports.BuilderBlockComponent = exports.BuilderBlocks = void 0;
 require("./scripts/init-editing");
 var sdk_1 = require("@builder.io/sdk");
 Object.defineProperty(exports, "builder", { enumerable: true, get: function () { return sdk_1.builder; } });
@@ -91,6 +91,8 @@ var Img_1 = require("./blocks/raw/Img");
 Object.defineProperty(exports, "Img", { enumerable: true, get: function () { return Img_1.Img; } });
 var RawText_1 = require("./blocks/raw/RawText");
 Object.defineProperty(exports, "RawText", { enumerable: true, get: function () { return RawText_1.RawText; } });
+var PersonalizationContainer_1 = require("./blocks/PersonalizationContainer");
+Object.defineProperty(exports, "PersonalizationContainer", { enumerable: true, get: function () { return PersonalizationContainer_1.PersonalizationContainer; } });
 var string_to_function_1 = require("./functions/string-to-function");
 Object.defineProperty(exports, "stringToFunction", { enumerable: true, get: function () { return string_to_function_1.stringToFunction; } });
 var useIsPreviewing_1 = require("./hooks/useIsPreviewing");

package/dist/lib/src/builder-react.js.map

@@ -1 +1 @@
-{"version":3,"file":"builder-react.js","sourceRoot":"","sources":["../../../src/builder-react.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAEhC,uCAAmD;AAuD1C,wFAvDA,aAAO,OAuDA;AAAE,wFAvDA,aAAO,OAuDA;AApDzB,aAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AAEvB,kFAAsE;AAA7D,yHAAA,aAAa,OAAA;AACtB,gFAA6F;AAApF,gIAAA,YAAY,OAAyB;AAC9C,oFAAwE;AAA/D,2HAAA,cAAc,OAAA;AACvB,wFAIkD;AAYrB,4FAf3B,8CAAgB,OAesB;AAC/B,iGAhBP,8CAAgB,OAgBO;AACI,wFAjB3B,8CAAgB,OAiBkB;AAFM,yFAdxC,sCAAQ,OAcwC;AAXlD,uDAA0E;AAAjE,oHAAA,mBAAmB,OAAA;AAC5B,qDAA0D;AAAjD,kHAAA,kBAAkB,OAAA;AAC3B,yEAA6E;AAApE,qIAAA,2BAA2B,OAAA;AACpC,gFAAoE;AAA3D,uHAAA,YAAY,OAAA;AAErB,8DAA4C;AAE5C,yDAAuD;AAA9C,2GAAA,WAAW,OAAA;AACpB,2DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,+CAA6C;AAApC,iGAAA,MAAM,OAAA;AAMf,sCAAqC;AAA5B,4FAAA,IAAI,OAAA;AACb,sCAAiD;AAAxC,gGAAA,IAAI,OAAY;AACzB,8CAA6C;AAApC,oGAAA,QAAQ,OAAA;AACjB,4CAA2C;AAAlC,kGAAA,OAAO,OAAA;AAChB,wCAAuC;AAA9B,8FAAA,KAAK,OAAA;AACd,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,wCAAkD;AAAzC,8FAAA,KAAK,OAAA;AAAE,kGAAA,SAAS,OAAA;AACzB,wCAAuC;AAA9B,8FAAA,KAAK,OAAA;AACd,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,4CAA2C;AAAlC,kGAAA,OAAO,OAAA;AAChB,wDAAuD;AAA9C,8GAAA,aAAa,OAAA;AACtB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,8CAA6C;AAApC,oGAAA,QAAQ,OAAA;AAEjB,4CAA2C;AAAlC,4FAAA,IAAI,OAAA;AACb,8CAAiD;AAAxC,kGAAA,SAAS,OAAA;AAClB,gDAAyD;AAAhD,0GAAA,gBAAgB,OAAA;AACzB,8CAA6C,CAAC,YAAY;AAAjD,8FAAA,KAAK,OAAA;AACd,gDAAmD,CAAC,YAAY;AAAvD,oGAAA,UAAU,OAAA;AACnB,oDAAmD;AAA1C,oGAAA,QAAQ,OAAA;AACjB,wCAAuC;AAA9B,0FAAA,GAAG,OAAA;AACZ,gDAA+C;AAAtC,kGAAA,OAAO,OAAA;AAEhB,qEAAkE;AAAzD,sHAAA,gBAAgB,OAAA;AACzB,2DAA0D;AAAjD,kHAAA,eAAe,OAAA;AAGxB,kBAAe,aAAO,CAAC"}
+{"version":3,"file":"builder-react.js","sourceRoot":"","sources":["../../../src/builder-react.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,kCAAgC;AAEhC,uCAAmD;AAwD1C,wFAxDA,aAAO,OAwDA;AAAE,wFAxDA,aAAO,OAwDA;AArDzB,aAAO,CAAC,OAAO,GAAG,IAAI,CAAC;AAEvB,kFAAsE;AAA7D,yHAAA,aAAa,OAAA;AACtB,gFAA6F;AAApF,gIAAA,YAAY,OAAyB;AAC9C,oFAAwE;AAA/D,2HAAA,cAAc,OAAA;AACvB,wFAIkD;AAYrB,4FAf3B,8CAAgB,OAesB;AAC/B,iGAhBP,8CAAgB,OAgBO;AACI,wFAjB3B,8CAAgB,OAiBkB;AAFM,yFAdxC,sCAAQ,OAcwC;AAXlD,uDAA0E;AAAjE,oHAAA,mBAAmB,OAAA;AAC5B,qDAA0D;AAAjD,kHAAA,kBAAkB,OAAA;AAC3B,yEAA6E;AAApE,qIAAA,2BAA2B,OAAA;AACpC,gFAAoE;AAA3D,uHAAA,YAAY,OAAA;AAErB,8DAA4C;AAE5C,yDAAuD;AAA9C,2GAAA,WAAW,OAAA;AACpB,2DAAyD;AAAhD,6GAAA,YAAY,OAAA;AACrB,+CAA6C;AAApC,iGAAA,MAAM,OAAA;AAMf,sCAAqC;AAA5B,4FAAA,IAAI,OAAA;AACb,sCAAiD;AAAxC,gGAAA,IAAI,OAAY;AACzB,8CAA6C;AAApC,oGAAA,QAAQ,OAAA;AACjB,4CAA2C;AAAlC,kGAAA,OAAO,OAAA;AAChB,wCAAuC;AAA9B,8FAAA,KAAK,OAAA;AACd,kDAAiD;AAAxC,wGAAA,UAAU,OAAA;AACnB,wCAAkD;AAAzC,8FAAA,KAAK,OAAA;AAAE,kGAAA,SAAS,OAAA;AACzB,wCAAuC;AAA9B,8FAAA,KAAK,OAAA;AACd,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,4CAA2C;AAAlC,kGAAA,OAAO,OAAA;AAChB,wDAAuD;AAA9C,8GAAA,aAAa,OAAA;AACtB,0CAAyC;AAAhC,gGAAA,MAAM,OAAA;AACf,8CAA6C;AAApC,oGAAA,QAAQ,OAAA;AAEjB,4CAA2C;AAAlC,4FAAA,IAAI,OAAA;AACb,8CAAiD;AAAxC,kGAAA,SAAS,OAAA;AAClB,gDAAyD;AAAhD,0GAAA,gBAAgB,OAAA;AACzB,8CAA6C,CAAC,YAAY;AAAjD,8FAAA,KAAK,OAAA;AACd,gDAAmD,CAAC,YAAY;AAAvD,oGAAA,UAAU,OAAA;AACnB,oDAAmD;AAA1C,oGAAA,QAAQ,OAAA;AACjB,wCAAuC;AAA9B,0FAAA,GAAG,OAAA;AACZ,gDAA+C;AAAtC,kGAAA,OAAO,OAAA;AAChB,8EAA6E;AAApE,oIAAA,wBAAwB,OAAA;AAEjC,qEAAkE;AAAzD,sHAAA,gBAAgB,OAAA;AACzB,2DAA0D;AAAjD,kHAAA,eAAe,OAAA;AAGxB,kBAAe,aAAO,CAAC"}

package/dist/lib/src/functions/filter-with-custom-targeting.js

@@ -0,0 +1,88 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filterWithCustomTargeting = exports.filterWithCustomTargetingScript = void 0;
+// minified version of the function need to be added to the script
+exports.filterWithCustomTargetingScript = "function filterWithCustomTargeting(e,t,n,r){var i={query:t,startDate:n,endDate:r},o=e.date&&new Date(e.date)||new Date;return!(i.startDate&&new Date(i.startDate)>o)&&(!(i.endDate&&new Date(i.endDate)<o)&&(!i.query||!i.query.length||i.query.every((function(t){return objectMatchesQuery(e,t)}))))}function isString(e){return\"string\"==typeof e}function isNumber(e){return\"number\"==typeof e}function objectMatchesQuery(e,t){return function(){var n=t.property,r=t.operator,i=t.value;if(t&&\"urlPath\"===t.property&&t.value&&\"string\"==typeof t.value&&\"/\"!==t.value&&t.value.endsWith(\"/\")&&(i=t.value.slice(0,-1)),!n||!r)return!0;if(Array.isArray(i))return\"isNot\"===r?i.every((function(t){return objectMatchesQuery(e,{property:n,operator:r,value:t})})):!!i.find((function(t){return objectMatchesQuery(e,{property:n,operator:r,value:t})}));var o=e[n];if(Array.isArray(o))return o.includes(i);switch(r){case\"is\":return o===i;case\"isNot\":return o!==i;case\"contains\":return(isString(o)||Array.isArray(o))&&o.includes(String(i));case\"startsWith\":return isString(o)&&o.startsWith(String(i));case\"endsWith\":return isString(o)&&o.endsWith(String(i));case\"greaterThan\":return isNumber(o)&&isNumber(i)&&o>i;case\"lessThan\":return isNumber(o)&&isNumber(i)&&o<i;case\"greaterThanOrEqualTo\":return isNumber(o)&&isNumber(i)&&o>=i;case\"lessThanOrEqualTo\":return isNumber(o)&&isNumber(i)&&o<=i}return!1}()}";
+function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+    var item = {
+        query: query,
+        startDate: startDate,
+        endDate: endDate,
+    };
+    var now = (userAttributes.date && new Date(userAttributes.date)) || new Date();
+    if (item.startDate && new Date(item.startDate) > now) {
+        return false;
+    }
+    else if (item.endDate && new Date(item.endDate) < now) {
+        return false;
+    }
+    if (!item.query || !item.query.length) {
+        return true;
+    }
+    return item.query.every(function (filter) {
+        return objectMatchesQuery(userAttributes, filter);
+    });
+}
+exports.filterWithCustomTargeting = filterWithCustomTargeting;
+function isString(val) {
+    return typeof val === 'string';
+}
+function isNumber(val) {
+    return typeof val === 'number';
+}
+function objectMatchesQuery(userattr, query) {
+    var result = (function () {
+        var property = query.property;
+        var operator = query.operator;
+        var testValue = query.value;
+        if (query &&
+            query.property === 'urlPath' &&
+            query.value &&
+            typeof query.value === 'string' &&
+            query.value !== '/' &&
+            query.value.endsWith('/')) {
+            testValue = query.value.slice(0, -1);
+        }
+        // Check is query property is present in userAttributes. Proceed only if it is present.
+        if (!(property && operator)) {
+            return true;
+        }
+        if (Array.isArray(testValue)) {
+            if (operator === 'isNot') {
+                return testValue.every(function (val) {
+                    return objectMatchesQuery(userattr, { property: property, operator: operator, value: val });
+                });
+            }
+            return !!testValue.find(function (val) {
+                return objectMatchesQuery(userattr, { property: property, operator: operator, value: val });
+            });
+        }
+        var value = userattr[property];
+        if (Array.isArray(value)) {
+            return value.includes(testValue);
+        }
+        switch (operator) {
+            case 'is':
+                return value === testValue;
+            case 'isNot':
+                return value !== testValue;
+            case 'contains':
+                return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));
+            case 'startsWith':
+                return isString(value) && value.startsWith(String(testValue));
+            case 'endsWith':
+                return isString(value) && value.endsWith(String(testValue));
+            case 'greaterThan':
+                return isNumber(value) && isNumber(testValue) && value > testValue;
+            case 'lessThan':
+                return isNumber(value) && isNumber(testValue) && value < testValue;
+            case 'greaterThanOrEqualTo':
+                return isNumber(value) && isNumber(testValue) && value >= testValue;
+            case 'lessThanOrEqualTo':
+                return isNumber(value) && isNumber(testValue) && value <= testValue;
+        }
+        return false;
+    })();
+    return result;
+}
+//# sourceMappingURL=filter-with-custom-targeting.js.map

package/dist/lib/src/functions/filter-with-custom-targeting.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-with-custom-targeting.js","sourceRoot":"","sources":["../../../../src/functions/filter-with-custom-targeting.ts"],"names":[],"mappings":"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"}

package/dist/types/src/blocks/PersonalizationContainer.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import { BuilderElement } from '@builder.io/sdk';
-type UserAttributes = any;
-type Query = any;
+import { Query } from '../functions/filter-with-custom-targeting';
 export type PersonalizationContainerProps = {
     children: React.ReactNode;
     previewingIndex: number | null;
@@ -16,6 +15,4 @@ export type PersonalizationContainerProps = {
     ];
     attributes: any;
 };
-declare function PersonalizationContainer(props: PersonalizationContainerProps): React.JSX.Element;
-export default PersonalizationContainer;
-export declare function filterWithCustomTargeting(userAttributes: UserAttributes, query: Query[], startDate?: string, endDate?: string): boolean;
+export declare function PersonalizationContainer(props: PersonalizationContainerProps): React.JSX.Element;

package/dist/types/src/builder-react.d.ts

@@ -38,6 +38,7 @@ export { FormSelect } from './blocks/forms/Select';
 export { TextArea } from './blocks/forms/TextArea';
 export { Img } from './blocks/raw/Img';
 export { RawText } from './blocks/raw/RawText';
+export { PersonalizationContainer } from './blocks/PersonalizationContainer';
 export { stringToFunction } from './functions/string-to-function';
 export { useIsPreviewing } from './hooks/useIsPreviewing';
 export { builder, Builder };

package/dist/types/src/functions/filter-with-custom-targeting.d.ts

@@ -0,0 +1,15 @@
+type UserAttributes = {
+    date?: string | Date;
+    urlPath?: string;
+    [key: string]: any;
+};
+type QueryOperator = 'is' | 'isNot' | 'contains' | 'startsWith' | 'endsWith' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqualTo' | 'lessThanOrEqualTo';
+type QueryValue = string | number | boolean | Array<string | number | boolean>;
+export type Query = {
+    property: string;
+    operator: QueryOperator;
+    value: QueryValue;
+};
+export declare const filterWithCustomTargetingScript = "function filterWithCustomTargeting(e,t,n,r){var i={query:t,startDate:n,endDate:r},o=e.date&&new Date(e.date)||new Date;return!(i.startDate&&new Date(i.startDate)>o)&&(!(i.endDate&&new Date(i.endDate)<o)&&(!i.query||!i.query.length||i.query.every((function(t){return objectMatchesQuery(e,t)}))))}function isString(e){return\"string\"==typeof e}function isNumber(e){return\"number\"==typeof e}function objectMatchesQuery(e,t){return function(){var n=t.property,r=t.operator,i=t.value;if(t&&\"urlPath\"===t.property&&t.value&&\"string\"==typeof t.value&&\"/\"!==t.value&&t.value.endsWith(\"/\")&&(i=t.value.slice(0,-1)),!n||!r)return!0;if(Array.isArray(i))return\"isNot\"===r?i.every((function(t){return objectMatchesQuery(e,{property:n,operator:r,value:t})})):!!i.find((function(t){return objectMatchesQuery(e,{property:n,operator:r,value:t})}));var o=e[n];if(Array.isArray(o))return o.includes(i);switch(r){case\"is\":return o===i;case\"isNot\":return o!==i;case\"contains\":return(isString(o)||Array.isArray(o))&&o.includes(String(i));case\"startsWith\":return isString(o)&&o.startsWith(String(i));case\"endsWith\":return isString(o)&&o.endsWith(String(i));case\"greaterThan\":return isNumber(o)&&isNumber(i)&&o>i;case\"lessThan\":return isNumber(o)&&isNumber(i)&&o<i;case\"greaterThanOrEqualTo\":return isNumber(o)&&isNumber(i)&&o>=i;case\"lessThanOrEqualTo\":return isNumber(o)&&isNumber(i)&&o<=i}return!1}()}";
+export declare function filterWithCustomTargeting(userAttributes: UserAttributes, query: Query[], startDate?: string, endDate?: string): boolean;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/react",
-  "version": "5.0.2-2",
+  "version": "5.0.2-20",
   "description": "",
   "keywords": [],
   "main": "dist/builder-react.cjs.js",
@@ -98,7 +98,7 @@
     "react-dom": ">=16.8.0"
   },
   "dependencies": {
-    "@builder.io/sdk": "3.0.2-0",
+    "@builder.io/sdk": "3.0.2-2",
     "@emotion/core": "^10.0.17",
     "hash-sum": "^2.0.0",
     "isolated-vm": "^5.0.0",
@@ -107,5 +107,5 @@
   "installConfig": {
     "hoistingLimits": "workspaces"
   },
-  "stableVersion": "5.0.2-1"
+  "stableVersion": "5.0.2-19"
 }