@builder.io/sdk-qwik 0.17.6 → 0.17.7

package/lib/browser/components/blocks/blocks-wrapper.qwik.cjs

@@ -41,8 +41,9 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     const [props2] = qwik.useLexicalScope();
     if (!props2.path)
       return void 0;
+    const thisPrefix = "this.";
     const pathPrefix = "component.options.";
-    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+    return props2.path.startsWith(thisPrefix) ? props2.path.replace(thisPrefix, "") : props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
   }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
     props
   ]));

package/lib/browser/components/blocks/blocks-wrapper.qwik.mjs

@@ -39,8 +39,9 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     const [props2] = useLexicalScope();
     if (!props2.path)
       return void 0;
+    const thisPrefix = "this.";
     const pathPrefix = "component.options.";
-    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+    return props2.path.startsWith(thisPrefix) ? props2.path.replace(thisPrefix, "") : props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
   }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
     props
   ]));

package/lib/browser/constants/builder-registered-components.qwik.cjs

@@ -10,6 +10,11 @@ const componentInfo$2 = require("../blocks/fragment/component-info.qwik.cjs");
 const fragment = require("../blocks/fragment/fragment.qwik.cjs");
 const componentInfo$3 = require("../blocks/image/component-info.qwik.cjs");
 const image = require("../blocks/image/image.qwik.cjs");
+require("@builder.io/qwik");
+require("@builder.io/qwik/jsx-runtime");
+require("../context/builder.context.qwik.cjs");
+require("../context/components.context.qwik.cjs");
+require("@builder.io/qwik/build");
 const componentInfo$4 = require("../blocks/section/component-info.qwik.cjs");
 const section = require("../blocks/section/section.qwik.cjs");
 const componentInfo$5 = require("../blocks/slot/component-info.qwik.cjs");
@@ -54,6 +59,7 @@ const getDefaultRegisteredComponents = () => [
     component: text.Text,
     ...componentInfo$7.componentInfo
   },
+  ...[],
   ...[
     {
       component: tabs.Tabs,

package/lib/browser/constants/builder-registered-components.qwik.mjs

@@ -8,6 +8,11 @@ import { componentInfo as componentInfo$2 } from "../blocks/fragment/component-i
 import { FragmentComponent } from "../blocks/fragment/fragment.qwik.mjs";
 import { componentInfo as componentInfo$3 } from "../blocks/image/component-info.qwik.mjs";
 import { Image } from "../blocks/image/image.qwik.mjs";
+import "@builder.io/qwik";
+import "@builder.io/qwik/jsx-runtime";
+import "../context/builder.context.qwik.mjs";
+import "../context/components.context.qwik.mjs";
+import "@builder.io/qwik/build";
 import { componentInfo as componentInfo$4 } from "../blocks/section/component-info.qwik.mjs";
 import { SectionComponent } from "../blocks/section/section.qwik.mjs";
 import { componentInfo as componentInfo$5 } from "../blocks/slot/component-info.qwik.mjs";
@@ -52,6 +57,7 @@ const getDefaultRegisteredComponents = () => [
     component: Text,
     ...componentInfo$7
   },
+  ...[],
   ...[
     {
       component: Tabs,

package/lib/browser/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.6";
+const SDK_VERSION = "0.17.7";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/browser/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.6";
+const SDK_VERSION = "0.17.7";
 export {
   SDK_VERSION
 };

package/lib/browser/helpers/canTrack.qwik.cjs

@@ -1,5 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nullable = require("./nullable.qwik.cjs");
-const getDefaultCanTrack = (canTrack) => nullable.checkIsDefined(canTrack) ? canTrack : true;
+const userAttributes = require("./user-attributes.qwik.cjs");
+const getDefaultCanTrack = (canTrack) => {
+  const result = nullable.checkIsDefined(canTrack) ? canTrack : true;
+  userAttributes.userAttributesService.setCanTrack(result);
+  return result;
+};
 exports.getDefaultCanTrack = getDefaultCanTrack;

package/lib/browser/helpers/canTrack.qwik.mjs

@@ -1,5 +1,10 @@
 import { checkIsDefined } from "./nullable.qwik.mjs";
-const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
+import { userAttributesService } from "./user-attributes.qwik.mjs";
+const getDefaultCanTrack = (canTrack) => {
+  const result = checkIsDefined(canTrack) ? canTrack : true;
+  userAttributesService.setCanTrack(result);
+  return result;
+};
 export {
   getDefaultCanTrack
 };

package/lib/browser/helpers/user-attributes.qwik.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("../functions/is-browser.qwik.cjs");
+const cookie = require("./cookie.qwik.cjs");
+const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(newAttrs) {
+      if (!isBrowser.isBrowser())
+        return;
+      const userAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      cookie.setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach((callback) => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser.isBrowser())
+        return {};
+      return JSON.parse(cookie.getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || "{}");
+    },
+    subscribeOnUserAttributesChange(callback) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value) {
+      canTrack = value;
+    }
+  };
+}
+const userAttributesService = createUserAttributesService();
+const setClientUserAttributes = (attributes) => {
+  userAttributesService.setUserAttributes(attributes);
+};
+exports.USER_ATTRIBUTES_COOKIE_NAME = USER_ATTRIBUTES_COOKIE_NAME;
+exports.createUserAttributesService = createUserAttributesService;
+exports.setClientUserAttributes = setClientUserAttributes;
+exports.userAttributesService = userAttributesService;

package/lib/browser/helpers/user-attributes.qwik.mjs

@@ -0,0 +1,50 @@
+import { isBrowser } from "../functions/is-browser.qwik.mjs";
+import { setCookie, getCookieSync } from "./cookie.qwik.mjs";
+const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(newAttrs) {
+      if (!isBrowser())
+        return;
+      const userAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach((callback) => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser())
+        return {};
+      return JSON.parse(getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || "{}");
+    },
+    subscribeOnUserAttributesChange(callback) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value) {
+      canTrack = value;
+    }
+  };
+}
+const userAttributesService = createUserAttributesService();
+const setClientUserAttributes = (attributes) => {
+  userAttributesService.setUserAttributes(attributes);
+};
+export {
+  USER_ATTRIBUTES_COOKIE_NAME,
+  createUserAttributesService,
+  setClientUserAttributes,
+  userAttributesService
+};

package/lib/browser/index.qwik.cjs

@@ -11,6 +11,7 @@ const video = require("./blocks/video/video.qwik.cjs");
 const blocks = require("./components/blocks/blocks.qwik.cjs");
 const contentVariants = require("./components/content-variants/content-variants.qwik.cjs");
 const builder_context = require("./context/builder.context.qwik.cjs");
+const userAttributes = require("./helpers/user-attributes.qwik.cjs");
 const isEditing = require("./functions/is-editing.qwik.cjs");
 const isPreviewing = require("./functions/is-previewing.qwik.cjs");
 const registerComponent = require("./functions/register-component.qwik.cjs");
@@ -32,6 +33,7 @@ exports.Video = video.Video;
 exports.Blocks = blocks.Blocks;
 exports.Content = contentVariants.ContentVariants;
 exports.BuilderContext = builder_context;
+exports.setClientUserAttributes = userAttributes.setClientUserAttributes;
 exports.isEditing = isEditing.isEditing;
 exports.isPreviewing = isPreviewing.isPreviewing;
 exports.createRegisterComponentMessage = registerComponent.createRegisterComponentMessage;

package/lib/browser/index.qwik.mjs

@@ -9,6 +9,7 @@ import { Video } from "./blocks/video/video.qwik.mjs";
 import { Blocks } from "./components/blocks/blocks.qwik.mjs";
 import { ContentVariants } from "./components/content-variants/content-variants.qwik.mjs";
 import { default as default2 } from "./context/builder.context.qwik.mjs";
+import { setClientUserAttributes } from "./helpers/user-attributes.qwik.mjs";
 import { isEditing } from "./functions/is-editing.qwik.mjs";
 import { isPreviewing } from "./functions/is-previewing.qwik.mjs";
 import { createRegisterComponentMessage } from "./functions/register-component.qwik.mjs";
@@ -40,6 +41,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,
   track

package/lib/browser/scripts/init-editing.qwik.cjs

@@ -55,7 +55,8 @@ const setupBrowserForEditing = (options = {}) => {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, "*");
     (_b = window.parent) == null ? void 0 : _b.postMessage({

package/lib/browser/scripts/init-editing.qwik.mjs

@@ -53,7 +53,8 @@ const setupBrowserForEditing = (options = {}) => {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, "*");
     (_b = window.parent) == null ? void 0 : _b.postMessage({

package/lib/edge/components/blocks/blocks-wrapper.qwik.cjs

@@ -41,8 +41,9 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     const [props2] = qwik.useLexicalScope();
     if (!props2.path)
       return void 0;
+    const thisPrefix = "this.";
     const pathPrefix = "component.options.";
-    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+    return props2.path.startsWith(thisPrefix) ? props2.path.replace(thisPrefix, "") : props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
   }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
     props
   ]));

package/lib/edge/components/blocks/blocks-wrapper.qwik.mjs

@@ -39,8 +39,9 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     const [props2] = useLexicalScope();
     if (!props2.path)
       return void 0;
+    const thisPrefix = "this.";
     const pathPrefix = "component.options.";
-    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+    return props2.path.startsWith(thisPrefix) ? props2.path.replace(thisPrefix, "") : props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
   }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
     props
   ]));

package/lib/edge/constants/builder-registered-components.qwik.cjs

@@ -10,6 +10,12 @@ const componentInfo$2 = require("../blocks/fragment/component-info.qwik.cjs");
 const fragment = require("../blocks/fragment/fragment.qwik.cjs");
 const componentInfo$3 = require("../blocks/image/component-info.qwik.cjs");
 const image = require("../blocks/image/image.qwik.cjs");
+require("@builder.io/qwik");
+require("@builder.io/qwik/jsx-runtime");
+require("../context/builder.context.qwik.cjs");
+require("../context/components.context.qwik.cjs");
+require("@builder.io/qwik/build");
+require("../functions/evaluate/edge-runtime/edge-runtime.qwik.cjs");
 const componentInfo$4 = require("../blocks/section/component-info.qwik.cjs");
 const section = require("../blocks/section/section.qwik.cjs");
 const componentInfo$5 = require("../blocks/slot/component-info.qwik.cjs");
@@ -54,6 +60,7 @@ const getDefaultRegisteredComponents = () => [
     component: text.Text,
     ...componentInfo$7.componentInfo
   },
+  ...[],
   ...[
     {
       component: tabs.Tabs,

package/lib/edge/constants/builder-registered-components.qwik.mjs

@@ -8,6 +8,12 @@ import { componentInfo as componentInfo$2 } from "../blocks/fragment/component-i
 import { FragmentComponent } from "../blocks/fragment/fragment.qwik.mjs";
 import { componentInfo as componentInfo$3 } from "../blocks/image/component-info.qwik.mjs";
 import { Image } from "../blocks/image/image.qwik.mjs";
+import "@builder.io/qwik";
+import "@builder.io/qwik/jsx-runtime";
+import "../context/builder.context.qwik.mjs";
+import "../context/components.context.qwik.mjs";
+import "@builder.io/qwik/build";
+import "../functions/evaluate/edge-runtime/edge-runtime.qwik.mjs";
 import { componentInfo as componentInfo$4 } from "../blocks/section/component-info.qwik.mjs";
 import { SectionComponent } from "../blocks/section/section.qwik.mjs";
 import { componentInfo as componentInfo$5 } from "../blocks/slot/component-info.qwik.mjs";
@@ -52,6 +58,7 @@ const getDefaultRegisteredComponents = () => [
     component: Text,
     ...componentInfo$7
   },
+  ...[],
   ...[
     {
       component: Tabs,

package/lib/edge/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.6";
+const SDK_VERSION = "0.17.7";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/edge/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.6";
+const SDK_VERSION = "0.17.7";
 export {
   SDK_VERSION
 };

package/lib/edge/helpers/canTrack.qwik.cjs

@@ -1,5 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nullable = require("./nullable.qwik.cjs");
-const getDefaultCanTrack = (canTrack) => nullable.checkIsDefined(canTrack) ? canTrack : true;
+const userAttributes = require("./user-attributes.qwik.cjs");
+const getDefaultCanTrack = (canTrack) => {
+  const result = nullable.checkIsDefined(canTrack) ? canTrack : true;
+  userAttributes.userAttributesService.setCanTrack(result);
+  return result;
+};
 exports.getDefaultCanTrack = getDefaultCanTrack;

package/lib/edge/helpers/canTrack.qwik.mjs

@@ -1,5 +1,10 @@
 import { checkIsDefined } from "./nullable.qwik.mjs";
-const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
+import { userAttributesService } from "./user-attributes.qwik.mjs";
+const getDefaultCanTrack = (canTrack) => {
+  const result = checkIsDefined(canTrack) ? canTrack : true;
+  userAttributesService.setCanTrack(result);
+  return result;
+};
 export {
   getDefaultCanTrack
 };

package/lib/edge/helpers/user-attributes.qwik.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("../functions/is-browser.qwik.cjs");
+const cookie = require("./cookie.qwik.cjs");
+const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(newAttrs) {
+      if (!isBrowser.isBrowser())
+        return;
+      const userAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      cookie.setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach((callback) => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser.isBrowser())
+        return {};
+      return JSON.parse(cookie.getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || "{}");
+    },
+    subscribeOnUserAttributesChange(callback) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value) {
+      canTrack = value;
+    }
+  };
+}
+const userAttributesService = createUserAttributesService();
+const setClientUserAttributes = (attributes) => {
+  userAttributesService.setUserAttributes(attributes);
+};
+exports.USER_ATTRIBUTES_COOKIE_NAME = USER_ATTRIBUTES_COOKIE_NAME;
+exports.createUserAttributesService = createUserAttributesService;
+exports.setClientUserAttributes = setClientUserAttributes;
+exports.userAttributesService = userAttributesService;

package/lib/edge/helpers/user-attributes.qwik.mjs

@@ -0,0 +1,50 @@
+import { isBrowser } from "../functions/is-browser.qwik.mjs";
+import { setCookie, getCookieSync } from "./cookie.qwik.mjs";
+const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(newAttrs) {
+      if (!isBrowser())
+        return;
+      const userAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach((callback) => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser())
+        return {};
+      return JSON.parse(getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || "{}");
+    },
+    subscribeOnUserAttributesChange(callback) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value) {
+      canTrack = value;
+    }
+  };
+}
+const userAttributesService = createUserAttributesService();
+const setClientUserAttributes = (attributes) => {
+  userAttributesService.setUserAttributes(attributes);
+};
+export {
+  USER_ATTRIBUTES_COOKIE_NAME,
+  createUserAttributesService,
+  setClientUserAttributes,
+  userAttributesService
+};

package/lib/edge/index.qwik.cjs

@@ -11,6 +11,7 @@ const video = require("./blocks/video/video.qwik.cjs");
 const blocks = require("./components/blocks/blocks.qwik.cjs");
 const contentVariants = require("./components/content-variants/content-variants.qwik.cjs");
 const builder_context = require("./context/builder.context.qwik.cjs");
+const userAttributes = require("./helpers/user-attributes.qwik.cjs");
 const isEditing = require("./functions/is-editing.qwik.cjs");
 const isPreviewing = require("./functions/is-previewing.qwik.cjs");
 const registerComponent = require("./functions/register-component.qwik.cjs");
@@ -32,6 +33,7 @@ exports.Video = video.Video;
 exports.Blocks = blocks.Blocks;
 exports.Content = contentVariants.ContentVariants;
 exports.BuilderContext = builder_context;
+exports.setClientUserAttributes = userAttributes.setClientUserAttributes;
 exports.isEditing = isEditing.isEditing;
 exports.isPreviewing = isPreviewing.isPreviewing;
 exports.createRegisterComponentMessage = registerComponent.createRegisterComponentMessage;

package/lib/edge/index.qwik.mjs

@@ -9,6 +9,7 @@ import { Video } from "./blocks/video/video.qwik.mjs";
 import { Blocks } from "./components/blocks/blocks.qwik.mjs";
 import { ContentVariants } from "./components/content-variants/content-variants.qwik.mjs";
 import { default as default2 } from "./context/builder.context.qwik.mjs";
+import { setClientUserAttributes } from "./helpers/user-attributes.qwik.mjs";
 import { isEditing } from "./functions/is-editing.qwik.mjs";
 import { isPreviewing } from "./functions/is-previewing.qwik.mjs";
 import { createRegisterComponentMessage } from "./functions/register-component.qwik.mjs";
@@ -40,6 +41,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,
   track

package/lib/edge/scripts/init-editing.qwik.cjs

@@ -55,7 +55,8 @@ const setupBrowserForEditing = (options = {}) => {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, "*");
     (_b = window.parent) == null ? void 0 : _b.postMessage({

package/lib/edge/scripts/init-editing.qwik.mjs

@@ -53,7 +53,8 @@ const setupBrowserForEditing = (options = {}) => {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, "*");
     (_b = window.parent) == null ? void 0 : _b.postMessage({

package/lib/node/components/blocks/blocks-wrapper.qwik.cjs

@@ -41,8 +41,9 @@ const BlocksWrapper = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.inl
     const [props2] = qwik.useLexicalScope();
     if (!props2.path)
       return void 0;
+    const thisPrefix = "this.";
     const pathPrefix = "component.options.";
-    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+    return props2.path.startsWith(thisPrefix) ? props2.path.replace(thisPrefix, "") : props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
   }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
     props
   ]));

package/lib/node/components/blocks/blocks-wrapper.qwik.mjs

@@ -39,8 +39,9 @@ const BlocksWrapper = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl((p
     const [props2] = useLexicalScope();
     if (!props2.path)
       return void 0;
+    const thisPrefix = "this.";
     const pathPrefix = "component.options.";
-    return props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
+    return props2.path.startsWith(thisPrefix) ? props2.path.replace(thisPrefix, "") : props2.path.startsWith(pathPrefix) ? props2.path : `${pathPrefix}${props2.path || ""}`;
   }, "BlocksWrapper_component_dataPath_useComputed_csBNeJbWH7k", [
     props
   ]));

package/lib/node/constants/builder-registered-components.qwik.cjs

@@ -10,6 +10,12 @@ const componentInfo$2 = require("../blocks/fragment/component-info.qwik.cjs");
 const fragment = require("../blocks/fragment/fragment.qwik.cjs");
 const componentInfo$3 = require("../blocks/image/component-info.qwik.cjs");
 const image = require("../blocks/image/image.qwik.cjs");
+require("@builder.io/qwik");
+require("@builder.io/qwik/jsx-runtime");
+require("../context/builder.context.qwik.cjs");
+require("../context/components.context.qwik.cjs");
+require("@builder.io/qwik/build");
+require("../functions/evaluate/node-runtime/safeDynamicRequire.qwik.cjs");
 const componentInfo$4 = require("../blocks/section/component-info.qwik.cjs");
 const section = require("../blocks/section/section.qwik.cjs");
 const componentInfo$5 = require("../blocks/slot/component-info.qwik.cjs");
@@ -54,6 +60,7 @@ const getDefaultRegisteredComponents = () => [
     component: text.Text,
     ...componentInfo$7.componentInfo
   },
+  ...[],
   ...[
     {
       component: tabs.Tabs,

package/lib/node/constants/builder-registered-components.qwik.mjs

@@ -8,6 +8,12 @@ import { componentInfo as componentInfo$2 } from "../blocks/fragment/component-i
 import { FragmentComponent } from "../blocks/fragment/fragment.qwik.mjs";
 import { componentInfo as componentInfo$3 } from "../blocks/image/component-info.qwik.mjs";
 import { Image } from "../blocks/image/image.qwik.mjs";
+import "@builder.io/qwik";
+import "@builder.io/qwik/jsx-runtime";
+import "../context/builder.context.qwik.mjs";
+import "../context/components.context.qwik.mjs";
+import "@builder.io/qwik/build";
+import "../functions/evaluate/node-runtime/safeDynamicRequire.qwik.mjs";
 import { componentInfo as componentInfo$4 } from "../blocks/section/component-info.qwik.mjs";
 import { SectionComponent } from "../blocks/section/section.qwik.mjs";
 import { componentInfo as componentInfo$5 } from "../blocks/slot/component-info.qwik.mjs";
@@ -52,6 +58,7 @@ const getDefaultRegisteredComponents = () => [
     component: Text,
     ...componentInfo$7
   },
+  ...[],
   ...[
     {
       component: Tabs,

package/lib/node/constants/sdk-version.qwik.cjs

@@ -1,4 +1,4 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const SDK_VERSION = "0.17.6";
+const SDK_VERSION = "0.17.7";
 exports.SDK_VERSION = SDK_VERSION;

package/lib/node/constants/sdk-version.qwik.mjs

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.17.6";
+const SDK_VERSION = "0.17.7";
 export {
   SDK_VERSION
 };

package/lib/node/helpers/canTrack.qwik.cjs

@@ -1,5 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const nullable = require("./nullable.qwik.cjs");
-const getDefaultCanTrack = (canTrack) => nullable.checkIsDefined(canTrack) ? canTrack : true;
+const userAttributes = require("./user-attributes.qwik.cjs");
+const getDefaultCanTrack = (canTrack) => {
+  const result = nullable.checkIsDefined(canTrack) ? canTrack : true;
+  userAttributes.userAttributesService.setCanTrack(result);
+  return result;
+};
 exports.getDefaultCanTrack = getDefaultCanTrack;

package/lib/node/helpers/canTrack.qwik.mjs

@@ -1,5 +1,10 @@
 import { checkIsDefined } from "./nullable.qwik.mjs";
-const getDefaultCanTrack = (canTrack) => checkIsDefined(canTrack) ? canTrack : true;
+import { userAttributesService } from "./user-attributes.qwik.mjs";
+const getDefaultCanTrack = (canTrack) => {
+  const result = checkIsDefined(canTrack) ? canTrack : true;
+  userAttributesService.setCanTrack(result);
+  return result;
+};
 export {
   getDefaultCanTrack
 };

package/lib/node/helpers/user-attributes.qwik.cjs

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isBrowser = require("../functions/is-browser.qwik.cjs");
+const cookie = require("./cookie.qwik.cjs");
+const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(newAttrs) {
+      if (!isBrowser.isBrowser())
+        return;
+      const userAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      cookie.setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach((callback) => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser.isBrowser())
+        return {};
+      return JSON.parse(cookie.getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || "{}");
+    },
+    subscribeOnUserAttributesChange(callback) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value) {
+      canTrack = value;
+    }
+  };
+}
+const userAttributesService = createUserAttributesService();
+const setClientUserAttributes = (attributes) => {
+  userAttributesService.setUserAttributes(attributes);
+};
+exports.USER_ATTRIBUTES_COOKIE_NAME = USER_ATTRIBUTES_COOKIE_NAME;
+exports.createUserAttributesService = createUserAttributesService;
+exports.setClientUserAttributes = setClientUserAttributes;
+exports.userAttributesService = userAttributesService;

package/lib/node/helpers/user-attributes.qwik.mjs

@@ -0,0 +1,50 @@
+import { isBrowser } from "../functions/is-browser.qwik.mjs";
+import { setCookie, getCookieSync } from "./cookie.qwik.mjs";
+const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+function createUserAttributesService() {
+  let canTrack = true;
+  const subscribers = /* @__PURE__ */ new Set();
+  return {
+    setUserAttributes(newAttrs) {
+      if (!isBrowser())
+        return;
+      const userAttributes = {
+        ...this.getUserAttributes(),
+        ...newAttrs
+      };
+      setCookie({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        value: JSON.stringify(userAttributes),
+        canTrack
+      });
+      subscribers.forEach((callback) => callback(userAttributes));
+    },
+    getUserAttributes() {
+      if (!isBrowser())
+        return {};
+      return JSON.parse(getCookieSync({
+        name: USER_ATTRIBUTES_COOKIE_NAME,
+        canTrack
+      }) || "{}");
+    },
+    subscribeOnUserAttributesChange(callback) {
+      subscribers.add(callback);
+      return () => {
+        subscribers.delete(callback);
+      };
+    },
+    setCanTrack(value) {
+      canTrack = value;
+    }
+  };
+}
+const userAttributesService = createUserAttributesService();
+const setClientUserAttributes = (attributes) => {
+  userAttributesService.setUserAttributes(attributes);
+};
+export {
+  USER_ATTRIBUTES_COOKIE_NAME,
+  createUserAttributesService,
+  setClientUserAttributes,
+  userAttributesService
+};

package/lib/node/index.qwik.cjs

@@ -11,6 +11,7 @@ const video = require("./blocks/video/video.qwik.cjs");
 const blocks = require("./components/blocks/blocks.qwik.cjs");
 const contentVariants = require("./components/content-variants/content-variants.qwik.cjs");
 const builder_context = require("./context/builder.context.qwik.cjs");
+const userAttributes = require("./helpers/user-attributes.qwik.cjs");
 const isEditing = require("./functions/is-editing.qwik.cjs");
 const isPreviewing = require("./functions/is-previewing.qwik.cjs");
 const registerComponent = require("./functions/register-component.qwik.cjs");
@@ -32,6 +33,7 @@ exports.Video = video.Video;
 exports.Blocks = blocks.Blocks;
 exports.Content = contentVariants.ContentVariants;
 exports.BuilderContext = builder_context;
+exports.setClientUserAttributes = userAttributes.setClientUserAttributes;
 exports.isEditing = isEditing.isEditing;
 exports.isPreviewing = isPreviewing.isPreviewing;
 exports.createRegisterComponentMessage = registerComponent.createRegisterComponentMessage;

package/lib/node/index.qwik.mjs

@@ -9,6 +9,7 @@ import { Video } from "./blocks/video/video.qwik.mjs";
 import { Blocks } from "./components/blocks/blocks.qwik.mjs";
 import { ContentVariants } from "./components/content-variants/content-variants.qwik.mjs";
 import { default as default2 } from "./context/builder.context.qwik.mjs";
+import { setClientUserAttributes } from "./helpers/user-attributes.qwik.mjs";
 import { isEditing } from "./functions/is-editing.qwik.mjs";
 import { isPreviewing } from "./functions/is-previewing.qwik.mjs";
 import { createRegisterComponentMessage } from "./functions/register-component.qwik.mjs";
@@ -40,6 +41,7 @@ export {
   isEditing,
   isPreviewing,
   register,
+  setClientUserAttributes,
   setEditorSettings,
   subscribeToEditor,
   track

package/lib/node/scripts/init-editing.qwik.cjs

@@ -55,7 +55,8 @@ const setupBrowserForEditing = (options = {}) => {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, "*");
     (_b = window.parent) == null ? void 0 : _b.postMessage({

package/lib/node/scripts/init-editing.qwik.mjs

@@ -53,7 +53,8 @@ const setupBrowserForEditing = (options = {}) => {
         // Supports builder-model="..." attribute which is needed to
         // scope our '+ add block' button styling
         supportsAddBlockScoping: true,
-        supportsCustomBreakpoints: true
+        supportsCustomBreakpoints: true,
+        blockLevelPersonalization: true
       }
     }, "*");
     (_b = window.parent) == null ? void 0 : _b.postMessage({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@builder.io/sdk-qwik",
-  "version": "0.17.6",
+  "version": "0.17.7",
   "homepage": "https://github.com/BuilderIO/builder/tree/main/packages/sdks/output/qwik",
   "repository": {
     "type": "git",

package/types/src/blocks/personalization-container/component-info.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentInfo } from '../../types/components';
+export declare const componentInfo: ComponentInfo;

package/types/src/blocks/personalization-container/helpers/inlined-fns.d.ts

@@ -0,0 +1,8 @@
+/**
+ * WARNING: This file contains functions that get stringified and inlined into the HTML at build-time.
+ * They cannot import anything.
+ */
+import type { Query, UserAttributes } from '../helpers';
+export declare function filterWithCustomTargeting(userAttributes: UserAttributes, query: Query[], startDate?: string, endDate?: string): boolean;
+export declare const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, locale) {\n  if (!navigator.cookieEnabled) {\n    return;\n  }\n  function getCookie(name) {\n    const nameEQ = name + '=';\n    const ca = document.cookie.split(';');\n    for (let i = 0; i < ca.length; i++) {\n      let 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 (_, index) {\n      document.querySelector('template[data-variant-id=\"' + blockId + '-' + index + '\"]')?.remove();\n    });\n    document.querySelector('script[data-id=\"variants-script-' + blockId + '\"]')?.remove();\n    document.querySelector('style[data-id=\"variants-styles-' + blockId + '\"]')?.remove();\n  }\n  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const isDebug = location.href.includes('builder.debug=true');\n  if (isDebug) {\n    console.debug('PersonalizationContainer', {\n      attributes,\n      variants,\n      winningVariantIndex\n    });\n  }\n  if (winningVariantIndex !== -1) {\n    const winningVariant = document.querySelector('template[data-variant-id=\"' + blockId + '-' + winningVariantIndex + '\"]');\n    if (winningVariant) {\n      const parentNode = winningVariant.parentNode;\n      if (parentNode) {\n        const newParent = parentNode.cloneNode(false);\n        newParent.appendChild(winningVariant.content.firstChild);\n        newParent.appendChild(winningVariant.content.lastChild);\n        parentNode.parentNode?.replaceChild(newParent, parentNode);\n      }\n      if (isDebug) {\n        console.debug('PersonalizationContainer', 'Winning variant Replaced:', winningVariant);\n      }\n    }\n  } else if (variants && variants.length > 0) {\n    removeVariants();\n  }\n}";
+export declare const FILTER_WITH_CUSTOM_TARGETING_SCRIPT = "function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {\n  function isString(val) {\n    return typeof val === 'string';\n  }\n  function isNumber(val) {\n    return typeof val === 'number';\n  }\n  function objectMatchesQuery(userattr, query) {\n    const result = (() => {\n      const property = query.property;\n      const operator = query.operator;\n      let testValue = query.value;\n      if (query && query.property === 'urlPath' && query.value && typeof query.value === 'string' && query.value !== '/' && query.value.endsWith('/')) {\n        testValue = query.value.slice(0, -1);\n      }\n      if (!(property && operator)) {\n        return true;\n      }\n      if (Array.isArray(testValue)) {\n        if (operator === 'isNot') {\n          return testValue.every(val => objectMatchesQuery(userattr, {\n            property,\n            operator,\n            value: val\n          }));\n        }\n        return !!testValue.find(val => objectMatchesQuery(userattr, {\n          property,\n          operator,\n          value: val\n        }));\n      }\n      const value = userattr[property];\n      if (Array.isArray(value)) {\n        return value.includes(testValue);\n      }\n      switch (operator) {\n        case 'is':\n          return value === testValue;\n        case 'isNot':\n          return value !== testValue;\n        case 'contains':\n          return (isString(value) || Array.isArray(value)) && value.includes(String(testValue));\n        case 'startsWith':\n          return isString(value) && value.startsWith(String(testValue));\n        case 'endsWith':\n          return isString(value) && value.endsWith(String(testValue));\n        case 'greaterThan':\n          return isNumber(value) && isNumber(testValue) && value > testValue;\n        case 'lessThan':\n          return isNumber(value) && isNumber(testValue) && value < testValue;\n        case 'greaterThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value >= testValue;\n        case 'lessThanOrEqualTo':\n          return isNumber(value) && isNumber(testValue) && value <= testValue;\n        default:\n          return false;\n      }\n    })();\n    return result;\n  }\n  const item = {\n    query,\n    startDate,\n    endDate\n  };\n  const now = userAttributes.date && new Date(userAttributes.date) || new Date();\n  if (item.startDate && new Date(item.startDate) > now) {\n    return false;\n  } else if (item.endDate && new Date(item.endDate) < now) {\n    return false;\n  }\n  if (!item.query || !item.query.length) {\n    return true;\n  }\n  return item.query.every(filter => {\n    return objectMatchesQuery(userAttributes, filter);\n  });\n}";

package/types/src/blocks/personalization-container/helpers.d.ts

@@ -0,0 +1,27 @@
+import type { BuilderBlock } from '../../types/builder-block';
+import type { PersonalizationContainerProps } from './personalization-container.types';
+export 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 function checkShouldRenderVariants(variants: PersonalizationContainerProps['variants'], canTrack: boolean): boolean;
+export declare function getBlocksToRender({ variants, previewingIndex, isHydrated, filteredVariants, fallbackBlocks }: {
+    variants: PersonalizationContainerProps['variants'];
+    previewingIndex?: number | null;
+    isHydrated: boolean;
+    filteredVariants: PersonalizationContainerProps['variants'];
+    fallbackBlocks?: BuilderBlock[];
+}): {
+    blocks: BuilderBlock[];
+    path: string | undefined;
+};
+export declare const getPersonalizationScript: (variants: PersonalizationContainerProps["variants"], blockId: string, locale?: string) => string;
+export { filterWithCustomTargeting } from './helpers/inlined-fns';

package/types/src/blocks/personalization-container/index.d.ts

@@ -0,0 +1 @@
+export { default } from './personalization-container.jsx';

package/types/src/blocks/personalization-container/personalization-container.d.ts

@@ -0,0 +1,3 @@
+import { PersonalizationContainerProps } from "./personalization-container.types";
+export declare const PersonalizationContainer: import("@builder.io/qwik").Component<PersonalizationContainerProps>;
+export default PersonalizationContainer;

package/types/src/blocks/personalization-container/personalization-container.types.d.ts

@@ -0,0 +1,14 @@
+import type { BuilderBlock } from '../../types/builder-block';
+import type { BuilderDataProps } from '../../types/builder-props';
+import type { Query } from './helpers';
+export type PersonalizationContainerProps = {
+    children?: any;
+    attributes?: any;
+    previewingIndex?: number | null;
+    variants?: Array<{
+        blocks: BuilderBlock[];
+        query: Query[];
+        startDate?: string;
+        endDate?: string;
+    }>;
+} & BuilderDataProps;

package/types/src/constants/sdk-version.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "0.17.6";
+export declare const SDK_VERSION = "0.17.7";

package/types/src/helpers/user-attributes.d.ts

@@ -0,0 +1,17 @@
+export interface UserAttributes {
+    [key: string]: any;
+}
+export declare const USER_ATTRIBUTES_COOKIE_NAME = "builder.userAttributes";
+export declare function createUserAttributesService(): {
+    setUserAttributes(newAttrs: UserAttributes): void;
+    getUserAttributes(): any;
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void): () => void;
+    setCanTrack(value: boolean): void;
+};
+export declare const userAttributesService: {
+    setUserAttributes(newAttrs: UserAttributes): void;
+    getUserAttributes(): any;
+    subscribeOnUserAttributesChange(callback: (attrs: UserAttributes) => void): () => void;
+    setCanTrack(value: boolean): void;
+};
+export declare const setClientUserAttributes: (attributes: UserAttributes) => void;

package/types/src/index-helpers/blocks-exports.d.ts

@@ -12,3 +12,4 @@ export { default as Content } from '../components/content-variants/index';
  * Builder Context
  */
 export { BuilderContext } from '../context/index';
+export { setClientUserAttributes } from '../helpers/user-attributes';

package/types/src/types/input.d.ts

@@ -124,6 +124,7 @@ export interface Input {
      * Use optionally with inputs of type `reference`. Restricts the content entry picker to a specific model by name.
      */
     model?: string;
+    behavior?: string;
     valueType?: {
         type?: string;
     };