@builder.io/sdk-qwik 0.18.12 → 0.18.13

package/lib/edge/components/content-variants/content-variants.qwik.cjs

@@ -2,6 +2,7 @@
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
 const qwik = require("@builder.io/qwik");
 const jsxRuntime = require("@builder.io/qwik/jsx-runtime");
+const helpers$1 = require("../../blocks/personalization-container/helpers.qwik.cjs");
 const target = require("../../constants/target.qwik.cjs");
 const abTests = require("../../helpers/ab-tests.qwik.cjs");
 const canTrack = require("../../helpers/canTrack.qwik.cjs");
@@ -49,22 +50,42 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
   ]));
   return /* @__PURE__ */ qwik._jsxC(qwik.Fragment, {
     children: [
-      !props.isNestedRender && target.TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
-        id: "builderio-init-variants-fns",
-        get scriptStr() {
-          return helpers.getInitVariantsFnsScriptString();
-        },
-        get nonce() {
-          return props.nonce || "";
-        },
-        [qwik._IMMUTABLE]: {
-          id: qwik._IMMUTABLE,
-          nonce: qwik._fnSignal((p0) => p0.nonce || "", [
-            props
-          ], 'p0.nonce||""'),
-          scriptStr: qwik._IMMUTABLE
-        }
-      }, 3, "XM_0") : null,
+      !props.isNestedRender && target.TARGET !== "reactNative" ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
+        children: [
+          /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
+            id: "builderio-init-variants-fns",
+            get scriptStr() {
+              return helpers.getInitVariantsFnsScriptString();
+            },
+            get nonce() {
+              return props.nonce || "";
+            },
+            [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
+              nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
+              scriptStr: qwik._IMMUTABLE
+            }
+          }, 3, "XM_0"),
+          helpers$1.SDKS_SUPPORTING_PERSONALIZATION.includes(target.TARGET) ? /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
+            id: "builderio-init-personalization-variants-fns",
+            get nonce() {
+              return props.nonce || "";
+            },
+            get scriptStr() {
+              return helpers$1.getInitPersonalizationVariantsFnsScriptString();
+            },
+            [qwik._IMMUTABLE]: {
+              id: qwik._IMMUTABLE,
+              nonce: qwik._fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
+              scriptStr: qwik._IMMUTABLE
+            }
+          }, 3, "XM_1") : null
+        ]
+      }, 1, "XM_2") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ qwik._jsxC(jsxRuntime.Fragment, {
         children: [
           /* @__PURE__ */ qwik._jsxC(inlinedStyles.InlinedStyles, {
@@ -84,7 +105,7 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
                 hideVariantsStyleString
               ], "p0.value")
             }
-          }, 3, "XM_1"),
+          }, 3, "XM_3"),
           /* @__PURE__ */ qwik._jsxC(inlinedScript.InlinedScript, {
             id: "builderio-variants-visibility",
             get scriptStr() {
@@ -102,7 +123,7 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
                 updateCookieAndStylesScriptStr
               ], "p0.value")
             }
-          }, 3, "XM_2"),
+          }, 3, "XM_4"),
           (helpers.getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ qwik._jsxC(content.ContentComponent, {
               get apiHost() {
@@ -227,7 +248,7 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
             }, 3, variant.testVariationId);
           })
         ]
-      }, 1, "XM_3") : null,
+      }, 1, "XM_5") : null,
       /* @__PURE__ */ qwik._jsxC(content.ContentComponent, {
         get apiHost() {
           return props.apiHost;
@@ -353,9 +374,9 @@ const ContentVariants = /* @__PURE__ */ qwik.componentQrl(/* @__PURE__ */ qwik.i
             props
           ], "p0.trustedHosts")
         }
-      }, 3, "XM_4")
+      }, 3, "XM_6")
     ]
-  }, 1, "XM_5");
+  }, 1, "XM_7");
 }, "ContentVariants_component_4tFRiQMMEfM"));
 exports.ContentVariants = ContentVariants;
 exports.default = ContentVariants;

package/lib/edge/components/content-variants/content-variants.qwik.mjs

@@ -1,5 +1,6 @@
 import { componentQrl, inlinedQrl, _jsxBranch, useStore, useComputedQrl, useLexicalScope, _jsxC, Fragment, _IMMUTABLE, _fnSignal } from "@builder.io/qwik";
 import { Fragment as Fragment$1 } from "@builder.io/qwik/jsx-runtime";
+import { SDKS_SUPPORTING_PERSONALIZATION, getInitPersonalizationVariantsFnsScriptString } from "../../blocks/personalization-container/helpers.qwik.mjs";
 import { TARGET } from "../../constants/target.qwik.mjs";
 import { handleABTestingSync } from "../../helpers/ab-tests.qwik.mjs";
 import { getDefaultCanTrack } from "../../helpers/canTrack.qwik.mjs";
@@ -47,22 +48,42 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
   ]));
   return /* @__PURE__ */ _jsxC(Fragment, {
     children: [
-      !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(InlinedScript, {
-        id: "builderio-init-variants-fns",
-        get scriptStr() {
-          return getInitVariantsFnsScriptString();
-        },
-        get nonce() {
-          return props.nonce || "";
-        },
-        [_IMMUTABLE]: {
-          id: _IMMUTABLE,
-          nonce: _fnSignal((p0) => p0.nonce || "", [
-            props
-          ], 'p0.nonce||""'),
-          scriptStr: _IMMUTABLE
-        }
-      }, 3, "XM_0") : null,
+      !props.isNestedRender && TARGET !== "reactNative" ? /* @__PURE__ */ _jsxC(Fragment$1, {
+        children: [
+          /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-init-variants-fns",
+            get scriptStr() {
+              return getInitVariantsFnsScriptString();
+            },
+            get nonce() {
+              return props.nonce || "";
+            },
+            [_IMMUTABLE]: {
+              id: _IMMUTABLE,
+              nonce: _fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
+              scriptStr: _IMMUTABLE
+            }
+          }, 3, "XM_0"),
+          SDKS_SUPPORTING_PERSONALIZATION.includes(TARGET) ? /* @__PURE__ */ _jsxC(InlinedScript, {
+            id: "builderio-init-personalization-variants-fns",
+            get nonce() {
+              return props.nonce || "";
+            },
+            get scriptStr() {
+              return getInitPersonalizationVariantsFnsScriptString();
+            },
+            [_IMMUTABLE]: {
+              id: _IMMUTABLE,
+              nonce: _fnSignal((p0) => p0.nonce || "", [
+                props
+              ], 'p0.nonce||""'),
+              scriptStr: _IMMUTABLE
+            }
+          }, 3, "XM_1") : null
+        ]
+      }, 1, "XM_2") : null,
       state.shouldRenderVariants ? /* @__PURE__ */ _jsxC(Fragment$1, {
         children: [
           /* @__PURE__ */ _jsxC(InlinedStyles, {
@@ -82,7 +103,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 hideVariantsStyleString
               ], "p0.value")
             }
-          }, 3, "XM_1"),
+          }, 3, "XM_3"),
           /* @__PURE__ */ _jsxC(InlinedScript, {
             id: "builderio-variants-visibility",
             get scriptStr() {
@@ -100,7 +121,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
                 updateCookieAndStylesScriptStr
               ], "p0.value")
             }
-          }, 3, "XM_2"),
+          }, 3, "XM_4"),
           (getVariants(props.content) || []).map((variant) => {
             return /* @__PURE__ */ _jsxC(ContentComponent, {
               get apiHost() {
@@ -225,7 +246,7 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
             }, 3, variant.testVariationId);
           })
         ]
-      }, 1, "XM_3") : null,
+      }, 1, "XM_5") : null,
       /* @__PURE__ */ _jsxC(ContentComponent, {
         get apiHost() {
           return props.apiHost;
@@ -351,9 +372,9 @@ const ContentVariants = /* @__PURE__ */ componentQrl(/* @__PURE__ */ inlinedQrl(
             props
           ], "p0.trustedHosts")
         }
-      }, 3, "XM_4")
+      }, 3, "XM_6")
     ]
-  }, 1, "XM_5");
+  }, 1, "XM_7");
 }, "ContentVariants_component_4tFRiQMMEfM"));
 export {
   ContentVariants,

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

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const componentInfo$9 = require("../blocks/accordion/component-info.qwik.cjs");
+const componentInfo$a = require("../blocks/accordion/component-info.qwik.cjs");
 const accordion = require("../blocks/accordion/accordion.qwik.cjs");
 const componentInfo = require("../blocks/button/component-info.qwik.cjs");
 const button = require("../blocks/button/button.qwik.cjs");
@@ -10,23 +10,21 @@ 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$8 = require("../blocks/personalization-container/component-info.qwik.cjs");
+const helpers = require("../blocks/personalization-container/helpers.qwik.cjs");
+const personalizationContainer = require("../blocks/personalization-container/personalization-container.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");
 const slot = require("../blocks/slot/slot.qwik.cjs");
 const componentInfo$6 = require("../blocks/symbol/component-info.qwik.cjs");
 const symbol = require("../blocks/symbol/symbol.qwik.cjs");
-const componentInfo$8 = require("../blocks/tabs/component-info.qwik.cjs");
+const componentInfo$9 = require("../blocks/tabs/component-info.qwik.cjs");
 const tabs = require("../blocks/tabs/tabs.qwik.cjs");
 const componentInfo$7 = require("../blocks/text/component-info.qwik.cjs");
 const text = require("../blocks/text/text.qwik.cjs");
 const extraComponents = require("./extra-components.qwik.cjs");
+const target = require("./target.qwik.cjs");
 const getDefaultRegisteredComponents = () => [
   {
     component: button.Button,
@@ -60,15 +58,20 @@ const getDefaultRegisteredComponents = () => [
     component: text.Text,
     ...componentInfo$7.componentInfo
   },
-  ...[],
+  ...helpers.SDKS_SUPPORTING_PERSONALIZATION.includes(target.TARGET) ? [
+    {
+      component: personalizationContainer.PersonalizationContainer,
+      ...componentInfo$8.componentInfo
+    }
+  ] : [],
   ...[
     {
       component: tabs.Tabs,
-      ...componentInfo$8.componentInfo
+      ...componentInfo$9.componentInfo
     },
     {
       component: accordion.Accordion,
-      ...componentInfo$9.componentInfo
+      ...componentInfo$a.componentInfo
     }
   ],
   ...extraComponents.getExtraComponents()

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

@@ -1,4 +1,4 @@
-import { componentInfo as componentInfo$9 } from "../blocks/accordion/component-info.qwik.mjs";
+import { componentInfo as componentInfo$a } from "../blocks/accordion/component-info.qwik.mjs";
 import { Accordion } from "../blocks/accordion/accordion.qwik.mjs";
 import { componentInfo } from "../blocks/button/component-info.qwik.mjs";
 import { Button } from "../blocks/button/button.qwik.mjs";
@@ -8,23 +8,21 @@ 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$8 } from "../blocks/personalization-container/component-info.qwik.mjs";
+import { SDKS_SUPPORTING_PERSONALIZATION } from "../blocks/personalization-container/helpers.qwik.mjs";
+import { PersonalizationContainer } from "../blocks/personalization-container/personalization-container.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";
 import { Slot } from "../blocks/slot/slot.qwik.mjs";
 import { componentInfo as componentInfo$6 } from "../blocks/symbol/component-info.qwik.mjs";
 import { Symbol as Symbol$1 } from "../blocks/symbol/symbol.qwik.mjs";
-import { componentInfo as componentInfo$8 } from "../blocks/tabs/component-info.qwik.mjs";
+import { componentInfo as componentInfo$9 } from "../blocks/tabs/component-info.qwik.mjs";
 import { Tabs } from "../blocks/tabs/tabs.qwik.mjs";
 import { componentInfo as componentInfo$7 } from "../blocks/text/component-info.qwik.mjs";
 import { Text } from "../blocks/text/text.qwik.mjs";
 import { getExtraComponents } from "./extra-components.qwik.mjs";
+import { TARGET } from "./target.qwik.mjs";
 const getDefaultRegisteredComponents = () => [
   {
     component: Button,
@@ -58,15 +56,20 @@ const getDefaultRegisteredComponents = () => [
     component: Text,
     ...componentInfo$7
   },
-  ...[],
+  ...SDKS_SUPPORTING_PERSONALIZATION.includes(TARGET) ? [
+    {
+      component: PersonalizationContainer,
+      ...componentInfo$8
+    }
+  ] : [],
   ...[
     {
       component: Tabs,
-      ...componentInfo$8
+      ...componentInfo$9
     },
     {
       component: Accordion,
-      ...componentInfo$9
+      ...componentInfo$a
     }
   ],
   ...getExtraComponents()

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.18.12";
+const SDK_VERSION = "0.18.13";
 exports.SDK_VERSION = SDK_VERSION;

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

@@ -1,4 +1,4 @@
-const SDK_VERSION = "0.18.12";
+const SDK_VERSION = "0.18.13";
 export {
   SDK_VERSION
 };

package/lib/node/blocks/personalization-container/component-info.qwik.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const componentInfo = {
+  name: "PersonalizationContainer",
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true
+  },
+  noWrap: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",
+  canHaveChildren: true,
+  inputs: [
+    {
+      name: "variants",
+      defaultValue: [],
+      behavior: "personalizationVariantList",
+      type: "list",
+      subFields: [
+        {
+          name: "name",
+          type: "text"
+        },
+        {
+          name: "query",
+          friendlyName: "Targeting rules",
+          type: "BuilderQuery",
+          defaultValue: []
+        },
+        {
+          name: "startDate",
+          type: "date"
+        },
+        {
+          name: "endDate",
+          type: "date"
+        },
+        {
+          name: "blocks",
+          type: "uiBlocks",
+          hideFromUI: true,
+          defaultValue: []
+        }
+      ]
+    }
+  ]
+};
+exports.componentInfo = componentInfo;

package/lib/node/blocks/personalization-container/component-info.qwik.mjs

@@ -0,0 +1,48 @@
+const componentInfo = {
+  name: "PersonalizationContainer",
+  shouldReceiveBuilderProps: {
+    builderBlock: true,
+    builderContext: true,
+    builderComponents: true
+  },
+  noWrap: true,
+  image: "https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F37229ed30d8c41dfb10b8cca1992053a",
+  canHaveChildren: true,
+  inputs: [
+    {
+      name: "variants",
+      defaultValue: [],
+      behavior: "personalizationVariantList",
+      type: "list",
+      subFields: [
+        {
+          name: "name",
+          type: "text"
+        },
+        {
+          name: "query",
+          friendlyName: "Targeting rules",
+          type: "BuilderQuery",
+          defaultValue: []
+        },
+        {
+          name: "startDate",
+          type: "date"
+        },
+        {
+          name: "endDate",
+          type: "date"
+        },
+        {
+          name: "blocks",
+          type: "uiBlocks",
+          hideFromUI: true,
+          defaultValue: []
+        }
+      ]
+    }
+  ]
+};
+export {
+  componentInfo
+};

package/lib/node/blocks/personalization-container/helpers/inlined-fns.qwik.cjs

@@ -0,0 +1,82 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+  function isString(val) {
+    return typeof val === "string";
+  }
+  function isNumber(val) {
+    return typeof val === "number";
+  }
+  function objectMatchesQuery(userattr, query2) {
+    const result = (() => {
+      const property = query2.property;
+      const operator = query2.operator;
+      let testValue = query2.value;
+      if (query2 && query2.property === "urlPath" && query2.value && typeof query2.value === "string" && query2.value !== "/" && query2.value.endsWith("/"))
+        testValue = query2.value.slice(0, -1);
+      if (!(property && operator))
+        return true;
+      if (Array.isArray(testValue)) {
+        if (operator === "isNot")
+          return testValue.every((val) => objectMatchesQuery(userattr, {
+            property,
+            operator,
+            value: val
+          }));
+        return !!testValue.find((val) => objectMatchesQuery(userattr, {
+          property,
+          operator,
+          value: val
+        }));
+      }
+      const 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;
+        default:
+          return false;
+      }
+    })();
+    return result;
+  }
+  const item = {
+    query,
+    startDate,
+    endDate
+  };
+  const now = userAttributes.date && new Date(userAttributes.date) || /* @__PURE__ */ 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((filter) => {
+    return objectMatchesQuery(userAttributes, filter);
+  });
+}
+const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, isHydrationTarget, 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  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const parentDiv = document.currentScript?.parentElement;\n  const variantId = parentDiv?.getAttribute('data-variant-id');\n  const isDefaultVariant = variantId === `${blockId}-default`;\n  const isWinningVariant = winningVariantIndex !== -1 && variantId === `${blockId}-${winningVariantIndex}` || winningVariantIndex === -1 && isDefaultVariant;\n  if (isWinningVariant && !isDefaultVariant) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultVariant) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      const itsStyleEl = parentDiv?.previousElementSibling;\n      if (itsStyleEl) {\n        itsStyleEl.remove();\n      }\n      parentDiv?.remove();\n    }\n    const thisScript = document.currentScript;\n    if (thisScript) {\n      thisScript.remove();\n    }\n  }\n}";
+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}";
+const UPDATE_VISIBILITY_STYLES_SCRIPT = "function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {\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  const visibilityStylesEl = document.currentScript?.previousElementSibling;\n  if (!visibilityStylesEl) {\n    return;\n  }\n  if (isHydrationTarget) {\n    visibilityStylesEl.remove();\n    const currentScript = document.currentScript;\n    if (currentScript) {\n      currentScript.remove();\n    }\n  } else {\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 window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n    });\n    if (winningVariantIndex !== -1) {\n      let newStyleStr = variants?.map((_, index) => {\n        if (index === winningVariantIndex) return '';\n        return `div[data-variant-id=\"${blockId}-${index}\"] { display: none !important; } `;\n      }).join('') || '';\n      newStyleStr += `div[data-variant-id=\"${blockId}-default\"] { display: none !important; } `;\n      visibilityStylesEl.innerHTML = newStyleStr;\n    }\n  }\n}";
+exports.FILTER_WITH_CUSTOM_TARGETING_SCRIPT = FILTER_WITH_CUSTOM_TARGETING_SCRIPT;
+exports.PERSONALIZATION_SCRIPT = PERSONALIZATION_SCRIPT;
+exports.UPDATE_VISIBILITY_STYLES_SCRIPT = UPDATE_VISIBILITY_STYLES_SCRIPT;
+exports.filterWithCustomTargeting = filterWithCustomTargeting;

package/lib/node/blocks/personalization-container/helpers/inlined-fns.qwik.mjs

@@ -0,0 +1,82 @@
+function filterWithCustomTargeting(userAttributes, query, startDate, endDate) {
+  function isString(val) {
+    return typeof val === "string";
+  }
+  function isNumber(val) {
+    return typeof val === "number";
+  }
+  function objectMatchesQuery(userattr, query2) {
+    const result = (() => {
+      const property = query2.property;
+      const operator = query2.operator;
+      let testValue = query2.value;
+      if (query2 && query2.property === "urlPath" && query2.value && typeof query2.value === "string" && query2.value !== "/" && query2.value.endsWith("/"))
+        testValue = query2.value.slice(0, -1);
+      if (!(property && operator))
+        return true;
+      if (Array.isArray(testValue)) {
+        if (operator === "isNot")
+          return testValue.every((val) => objectMatchesQuery(userattr, {
+            property,
+            operator,
+            value: val
+          }));
+        return !!testValue.find((val) => objectMatchesQuery(userattr, {
+          property,
+          operator,
+          value: val
+        }));
+      }
+      const 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;
+        default:
+          return false;
+      }
+    })();
+    return result;
+  }
+  const item = {
+    query,
+    startDate,
+    endDate
+  };
+  const now = userAttributes.date && new Date(userAttributes.date) || /* @__PURE__ */ 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((filter) => {
+    return objectMatchesQuery(userAttributes, filter);
+  });
+}
+const PERSONALIZATION_SCRIPT = "function getPersonalizedVariant(variants, blockId, isHydrationTarget, 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  const attributes = JSON.parse(getCookie('builder.userAttributes') || '{}');\n  if (locale) {\n    attributes.locale = locale;\n  }\n  const winningVariantIndex = variants?.findIndex(function (variant) {\n    return window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n  });\n  const parentDiv = document.currentScript?.parentElement;\n  const variantId = parentDiv?.getAttribute('data-variant-id');\n  const isDefaultVariant = variantId === `${blockId}-default`;\n  const isWinningVariant = winningVariantIndex !== -1 && variantId === `${blockId}-${winningVariantIndex}` || winningVariantIndex === -1 && isDefaultVariant;\n  if (isWinningVariant && !isDefaultVariant) {\n    parentDiv?.removeAttribute('hidden');\n    parentDiv?.removeAttribute('aria-hidden');\n  } else if (!isWinningVariant && isDefaultVariant) {\n    parentDiv?.setAttribute('hidden', 'true');\n    parentDiv?.setAttribute('aria-hidden', 'true');\n  }\n  if (isHydrationTarget) {\n    if (!isWinningVariant) {\n      const itsStyleEl = parentDiv?.previousElementSibling;\n      if (itsStyleEl) {\n        itsStyleEl.remove();\n      }\n      parentDiv?.remove();\n    }\n    const thisScript = document.currentScript;\n    if (thisScript) {\n      thisScript.remove();\n    }\n  }\n}";
+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}";
+const UPDATE_VISIBILITY_STYLES_SCRIPT = "function updateVisibilityStylesScript(variants, blockId, isHydrationTarget, locale) {\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  const visibilityStylesEl = document.currentScript?.previousElementSibling;\n  if (!visibilityStylesEl) {\n    return;\n  }\n  if (isHydrationTarget) {\n    visibilityStylesEl.remove();\n    const currentScript = document.currentScript;\n    if (currentScript) {\n      currentScript.remove();\n    }\n  } else {\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 window.filterWithCustomTargeting(attributes, variant.query, variant.startDate, variant.endDate);\n    });\n    if (winningVariantIndex !== -1) {\n      let newStyleStr = variants?.map((_, index) => {\n        if (index === winningVariantIndex) return '';\n        return `div[data-variant-id=\"${blockId}-${index}\"] { display: none !important; } `;\n      }).join('') || '';\n      newStyleStr += `div[data-variant-id=\"${blockId}-default\"] { display: none !important; } `;\n      visibilityStylesEl.innerHTML = newStyleStr;\n    }\n  }\n}";
+export {
+  FILTER_WITH_CUSTOM_TARGETING_SCRIPT,
+  PERSONALIZATION_SCRIPT,
+  UPDATE_VISIBILITY_STYLES_SCRIPT,
+  filterWithCustomTargeting
+};