@uniformdev/context-vue 17.7.0 → 17.7.1-alpha.167

package/dist/index.js

@@ -1 +1,595 @@
-"use strict";var N=Object.defineProperty;var re=Object.getOwnPropertyDescriptor;var ne=Object.getOwnPropertyNames;var ie=Object.prototype.hasOwnProperty;var ae=(e,t)=>{for(var o in t)N(e,o,{get:t[o],enumerable:!0})},se=(e,t,o,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let n of ne(t))!ie.call(e,n)&&n!==o&&N(e,n,{get:()=>t[n],enumerable:!(r=re(t,n))||r.enumerable});return e};var pe=e=>se(N({},"__esModule",{value:!0}),e);var he={};ae(he,{Personalize:()=>Q,PersonalizeEdge:()=>k,Test:()=>W,Track:()=>X,TrackSlot:()=>Y,UniformContextProvider:()=>ee,isUsingUniformContext:()=>B,onRouteChange:()=>R,provideIsPersonalized:()=>I,provideUniformContext:()=>U,uniformContextInjectionKey:()=>h,useIsPersonalized:()=>z,useQuirks:()=>te,useScores:()=>A,useUniformContext:()=>i});module.exports=pe(he);var q=require("vue-demi");var _=require("cookie-es"),x=require("vue-demi");var v=typeof window=="undefined";var h="uniformContextInjectionKey",U=({context:e,outputType:t="standard",trackRouteOnRender:o=!0,vueAppInstance:r})=>{let n={context:e,outputType:t};r?r.provide(h,n):(0,x.provide)(h,n),o&&R(e)};function R(e){v||e==null||e.update({url:new URL(window.location.href),cookies:(0,_.parse)(document.cookie)})}var i=()=>{let e=(0,x.inject)(h);if(!e)throw Error("Could not inject Uniform's Context, make sure you're using <UniformContextProvider /> or the Uniform Nuxt module with a valid manifest.");return e};function B(){var t;return Boolean((t=(0,x.getCurrentInstance)())==null?void 0:t.appContext.provides[h])}var c=require("@uniformdev/context"),P=require("vue-demi"),me=(0,P.defineComponent)({name:"PersonalizeStandard",inheritAttrs:!1,props:{name:{type:String,required:!0},variations:{type:Array,required:!0},component:{type:[Function,Object],required:!0},count:{type:Number,default:1}},setup(e){var o;let t={name:e.name,count:(o=e.count)!=null?o:1};return()=>[(0,P.h)(c.EdgeNodeTagName,{"data-type":c.ScriptType.ListStart,innerHTML:JSON.stringify(t)}),e.variations.map(r=>[(0,P.h)(c.EdgeNodeTagName,{"data-type":c.ScriptType.ListItemSettings,innerHTML:JSON.stringify({id:r.id,pz:r.pz||null}),key:`LIS-${r.id}`}),(0,P.h)(c.EdgeNodeTagName,{"data-type":c.ScriptType.ListItem,key:`LI-${r.id}`},(0,P.h)(e.component,{personalizationResult:{variation:r,personalizationOccurred:!1},...r}))]),(0,P.h)(c.EdgeNodeTagName,{"data-type":c.ScriptType.ListEnd})]}}),k=me;var s=require("vue-demi");var F=require("dequal/lite"),E=require("vue-demi");var A=()=>{let{context:e}=i(),t=(0,E.ref)(e.scores);return(0,E.watchEffect)(()=>{let o=n=>t.value=n,r=e.scores;return(0,F.dequal)(t.value,r)||(t.value=r),e.events.on("scoresUpdated",o),()=>{e.events.off("scoresUpdated",o)}}),t};var V=require("vue-demi");var O=require("vue-demi"),M=Symbol("uniformIsPersonalized"),I=e=>{(0,O.provide)(M,e)},z=()=>(0,O.inject)(M,!1);var ue=(0,V.defineComponent)({name:"PersonalizeProvider",inheritAttrs:!1,props:{personalized:Boolean},setup(e,t){return I(e.personalized),()=>(0,V.h)(t.slots.default,{...e})}}),J=ue;var de=(0,s.defineComponent)({name:"PersonalizeStandard",inheritAttrs:!1,props:{name:{type:String,required:!0},variations:{type:Array,required:!0},component:{type:[Function,Object],required:!0},count:{type:Number,default:1}},setup(e){let{context:t}=i(),o=A(),r=()=>{var m;return t.personalize({name:(0,s.toRaw)(e.name),variations:(0,s.toRaw)(e.variations),take:(m=(0,s.toRaw)(e.count))!=null?m:1})},n=(0,s.ref)(r());return(0,s.watch)([o,()=>e.name,()=>e.variations,()=>e.count],()=>{n.value=r()}),()=>(0,s.h)(J,{personalized:!0},()=>{var m;return(m=n.value)==null?void 0:m.variations.map(u=>{var y;return(0,s.h)(e.component,{key:u.id,personalizationResult:{variation:u,personalizationOccurred:(y=n.value)==null?void 0:y.personalized},...u})})})}}),K=de;var le=(0,q.defineComponent)({name:"Personalize",inheritAttrs:!1,props:{name:{type:String,required:!0},variations:{type:Array,required:!0},component:{type:[Function,Object],required:!0},count:{type:Number,default:1}},setup(e){let{outputType:t}=i();return()=>(0,q.h)(!v||t==="standard"?K:k,{...e})}}),Q=le;var g=require("vue-demi");var f=require("@uniformdev/context"),T=require("vue-demi"),ce=(0,T.defineComponent)({name:"TestEdge",inheritAttrs:!1,props:{name:{type:String,required:!0},variations:{type:Array,required:!0},component:{type:[Object,Function],required:!0}},setup(e){let t={name:e.name};return()=>[(0,T.h)(f.EdgeNodeTagName,{"data-type":f.ScriptType.TestStart,innerHTML:JSON.stringify(t)}),e.variations.map(o=>[(0,T.h)(f.EdgeNodeTagName,{"data-type":f.ScriptType.ListItemSettings,key:`LIS-${o.id}`,innerHTML:JSON.stringify({id:o.id})}),(0,T.h)(f.EdgeNodeTagName,{"data-type":f.ScriptType.ListItem,key:`LI-${o.id}`},(0,T.h)(e.component,{...o}))]),(0,T.h)(f.EdgeNodeTagName,{"data-type":f.ScriptType.TestEnd})]}}),$=ce;var C=require("vue-demi");var fe=(0,C.defineComponent)({name:"TestStandard",inheritAttrs:!1,props:{name:{type:String,required:!0},variations:{type:Array,required:!0},component:{type:[Object,Function],required:!0}},setup(e){let{context:t}=i(),{result:o}=t.test({name:(0,C.toRaw)(e.name),variations:(0,C.toRaw)(e.variations)});return o?()=>(0,C.h)(e.component,{...o}):()=>null}}),G=fe;var ye=(0,g.defineComponent)({name:"Test",inheritAttrs:!1,props:{name:{type:String,required:!0},variations:{type:Array,required:!0},component:{type:[Object,Function],required:!0}},setup(e){let{outputType:t}=i();return()=>!v||t==="standard"?(0,g.h)(G,{...e}):(0,g.h)($,{...e})}}),W=ye;var a=require("vue-demi");var Pe=(0,a.defineComponent)({name:"Track",inheritAttrs:!1,props:{behavior:{type:[Object,Array]},tagName:{type:String,default:"div"},disableVisibilityTrigger:{type:Boolean,default:typeof window=="undefined"||!("IntersectionObserver"in window)},threshold:{type:[Number,Array],default:.5}},setup(e,t){let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=i(),n=z(),m=(0,a.ref)(""),u=(0,a.ref)(!1),y=(0,a.ref)(),d=(0,a.ref)();return(0,a.watchEffect)(()=>{m.value!==o&&(m.value=o,u.value=!1)}),(0,a.watchEffect)(()=>{var D;let L=!e.behavior||Array.isArray(e.behavior)&&!e.behavior.length;if(n||L||!y.value)return;let oe=Array.isArray(e.behavior)?e.behavior:[e.behavior],H=()=>{var l;u.value||(r==null||r.update({enrichments:(0,a.toRaw)(oe)}),u.value=!1,(l=d.value)==null||l.call(d))};if(e.disableVisibilityTrigger)H();else{(D=d.value)==null||D.call(d);let l=new IntersectionObserver(([S])=>{S.isIntersecting&&H()},{threshold:e.threshold});l.observe(y.value),d.value=()=>{var S;return(S=l.disconnect)==null?void 0:S.call(l)}}return()=>{var l;(l=d.value)==null||l.call(d)}}),()=>(0,a.h)(e.tagName,{ref:y,...t.attrs},t.slots.default())}}),X=Pe;var p=require("vue-demi");var Te=(0,p.defineComponent)({name:"TrackSlot",inheritAttrs:!1,props:{behavior:{type:[Object,Array]}},setup(e,t){let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=i(),n=z(),m=(0,p.ref)(),u=(0,p.ref)(!1);return(0,p.watchEffect)(()=>{m.value!==o&&(m.value=o,u.value=!1)}),(0,p.watchEffect)(()=>{let y=!e.behavior||Array.isArray(e.behavior)&&!e.behavior.length;if(n||y)return;(()=>{if(u.value)return;let j=Array.isArray(e.behavior)?e.behavior:[e.behavior];r==null||r.update({enrichments:(0,p.toRaw)(j)}),u.value=!0})()}),()=>(0,p.h)(t.slots.default,{...t.attrs})}}),Y=Te;var Z=require("@uniformdev/context"),b=require("vue-demi");var Ce=(0,b.defineComponent)({name:"UniformContextProvider",inheritAttrs:!1,props:{context:{type:Object,required:!0},outputType:{type:String,default:"standard"},trackRouteOnRender:{type:Boolean,default:!0}},setup(e,t){return U(e),()=>[(0,b.h)(t.slots.default),ve(e.context)]}}),ee=Ce;function ve(e){let t=e.getServerToClientTransitionState();return()=>(0,b.h)("script",{id:Z.SERVER_STATE_ID,type:"application/json",innerHTML:JSON.stringify(t)})}var w=require("vue-demi");var te=()=>{let{context:e}=i(),t=(0,w.ref)(e.quirks),o=r=>{t.value=r};return(0,w.watch)(e,()=>(e.events.on("quirksUpdated",o),()=>{e.events.off("quirksUpdated",o)})),t};0&&(module.exports={Personalize,PersonalizeEdge,Test,Track,TrackSlot,UniformContextProvider,isUsingUniformContext,onRouteChange,provideIsPersonalized,provideUniformContext,uniformContextInjectionKey,useIsPersonalized,useQuirks,useScores,useUniformContext});
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  Personalize: () => Personalize_default,
+  PersonalizeEdge: () => PersonalizeEdge_default,
+  Test: () => Test_default,
+  Track: () => Track_default,
+  TrackSlot: () => TrackSlot_default,
+  UniformContextProvider: () => UniformContextProvider_default,
+  isUsingUniformContext: () => isUsingUniformContext,
+  onRouteChange: () => onRouteChange,
+  provideIsPersonalized: () => provideIsPersonalized,
+  provideUniformContext: () => provideUniformContext,
+  uniformContextInjectionKey: () => uniformContextInjectionKey,
+  useIsPersonalized: () => useIsPersonalized,
+  useQuirks: () => useQuirks,
+  useScores: () => useScores,
+  useUniformContext: () => useUniformContext
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/personalize/Personalize.ts
+var import_vue_demi7 = require("vue-demi");
+
+// src/providers/useUniformContext.ts
+var import_cookie_es = require("cookie-es");
+var import_vue_demi = require("vue-demi");
+
+// src/utils/constants.ts
+var isServer = typeof window === "undefined";
+
+// src/providers/useUniformContext.ts
+var uniformContextInjectionKey = "uniformContextInjectionKey";
+var provideUniformContext = ({
+  context,
+  outputType = "standard",
+  trackRouteOnRender = true,
+  vueAppInstance
+}) => {
+  const payload = {
+    context,
+    outputType
+  };
+  if (vueAppInstance) {
+    vueAppInstance.provide(uniformContextInjectionKey, payload);
+  } else {
+    (0, import_vue_demi.provide)(uniformContextInjectionKey, payload);
+  }
+  if (trackRouteOnRender) {
+    onRouteChange(context);
+  }
+};
+function onRouteChange(context) {
+  if (isServer) {
+    return;
+  }
+  context == null ? void 0 : context.update({
+    url: new URL(window.location.href),
+    cookies: (0, import_cookie_es.parse)(document.cookie)
+  });
+}
+var useUniformContext = () => {
+  const contextData = (0, import_vue_demi.inject)(uniformContextInjectionKey);
+  if (!contextData) {
+    throw Error(
+      `Could not inject Uniform's Context, make sure you're using <UniformContextProvider /> or the Uniform Nuxt module with a valid manifest.`
+    );
+  }
+  return contextData;
+};
+function isUsingUniformContext() {
+  var _a;
+  const isUniformContextProvided = Boolean(
+    (_a = (0, import_vue_demi.getCurrentInstance)()) == null ? void 0 : _a.appContext.provides[uniformContextInjectionKey]
+  );
+  return isUniformContextProvided;
+}
+
+// src/components/personalize/PersonalizeEdge.ts
+var import_context = require("@uniformdev/context");
+var import_vue_demi2 = require("vue-demi");
+var PersonalizeStandard = (0, import_vue_demi2.defineComponent)({
+  name: "PersonalizeStandard",
+  inheritAttrs: false,
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    variations: {
+      type: Array,
+      required: true
+    },
+    component: {
+      type: [Function, Object],
+      required: true
+    },
+    count: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(props) {
+    var _a;
+    const options = {
+      name: props.name,
+      count: (_a = props.count) != null ? _a : 1
+    };
+    return () => [
+      (0, import_vue_demi2.h)(import_context.EdgeNodeTagName, { "data-type": import_context.ScriptType.ListStart, innerHTML: JSON.stringify(options) }),
+      props.variations.map((variant) => {
+        return [
+          (0, import_vue_demi2.h)(import_context.EdgeNodeTagName, {
+            "data-type": import_context.ScriptType.ListItemSettings,
+            innerHTML: JSON.stringify({ id: variant.id, pz: variant.pz || null }),
+            key: `LIS-${variant.id}`
+          }),
+          (0, import_vue_demi2.h)(
+            import_context.EdgeNodeTagName,
+            { "data-type": import_context.ScriptType.ListItem, key: `LI-${variant.id}` },
+            (0, import_vue_demi2.h)(props.component, {
+              personalizationResult: { variation: variant, personalizationOccurred: false },
+              ...variant
+            })
+          )
+        ];
+      }),
+      (0, import_vue_demi2.h)(import_context.EdgeNodeTagName, { "data-type": import_context.ScriptType.ListEnd })
+    ];
+  }
+});
+var PersonalizeEdge_default = PersonalizeStandard;
+
+// src/components/personalize/PersonalizeStandard.ts
+var import_vue_demi6 = require("vue-demi");
+
+// src/providers/useScores.ts
+var import_lite = require("dequal/lite");
+var import_vue_demi3 = require("vue-demi");
+var useScores = () => {
+  const { context } = useUniformContext();
+  const scores = (0, import_vue_demi3.ref)(context.scores);
+  (0, import_vue_demi3.watchEffect)(() => {
+    const scoringChangeListener = (updatedScores) => scores.value = updatedScores;
+    const currentScores = context.scores;
+    if (!(0, import_lite.dequal)(scores.value, currentScores)) {
+      scores.value = currentScores;
+    }
+    context.events.on("scoresUpdated", scoringChangeListener);
+    return () => {
+      context.events.off("scoresUpdated", scoringChangeListener);
+    };
+  });
+  return scores;
+};
+
+// src/components/personalize/PersonalizeProvider.ts
+var import_vue_demi5 = require("vue-demi");
+
+// src/providers/useIsPersonalized.ts
+var import_vue_demi4 = require("vue-demi");
+var isPersonalizedSymbol = Symbol("uniformIsPersonalized");
+var provideIsPersonalized = (isPersonalized) => {
+  (0, import_vue_demi4.provide)(isPersonalizedSymbol, isPersonalized);
+};
+var useIsPersonalized = () => {
+  return (0, import_vue_demi4.inject)(isPersonalizedSymbol, false);
+};
+
+// src/components/personalize/PersonalizeProvider.ts
+var PersonalizeProvider = (0, import_vue_demi5.defineComponent)({
+  name: "PersonalizeProvider",
+  inheritAttrs: false,
+  props: {
+    personalized: Boolean
+  },
+  setup(props, context) {
+    provideIsPersonalized(props.personalized);
+    return () => (0, import_vue_demi5.h)(context.slots.default, {
+      ...props
+    });
+  }
+});
+var PersonalizeProvider_default = PersonalizeProvider;
+
+// src/components/personalize/PersonalizeStandard.ts
+var PersonalizeStandard2 = (0, import_vue_demi6.defineComponent)({
+  name: "PersonalizeStandard",
+  inheritAttrs: false,
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    variations: {
+      type: Array,
+      required: true
+    },
+    component: {
+      type: [Function, Object],
+      required: true
+    },
+    count: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(props) {
+    const { context: uniformContext } = useUniformContext();
+    const scores = useScores();
+    const personalize = () => {
+      var _a;
+      return uniformContext.personalize({
+        name: (0, import_vue_demi6.toRaw)(props.name),
+        variations: (0, import_vue_demi6.toRaw)(props.variations),
+        take: (_a = (0, import_vue_demi6.toRaw)(props.count)) != null ? _a : 1
+      });
+    };
+    const personalizedResult = (0, import_vue_demi6.ref)(personalize());
+    (0, import_vue_demi6.watch)([scores, () => props.name, () => props.variations, () => props.count], () => {
+      personalizedResult.value = personalize();
+    });
+    return () => (0, import_vue_demi6.h)(
+      PersonalizeProvider_default,
+      { personalized: true },
+      () => {
+        var _a;
+        return (_a = personalizedResult.value) == null ? void 0 : _a.variations.map((variation) => {
+          var _a2;
+          return (0, import_vue_demi6.h)(props.component, {
+            key: variation.id,
+            personalizationResult: {
+              variation,
+              personalizationOccurred: (_a2 = personalizedResult.value) == null ? void 0 : _a2.personalized
+            },
+            ...variation
+          });
+        });
+      }
+    );
+  }
+});
+var PersonalizeStandard_default = PersonalizeStandard2;
+
+// src/components/personalize/Personalize.ts
+var Personalize = (0, import_vue_demi7.defineComponent)({
+  name: "Personalize",
+  inheritAttrs: false,
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    variations: {
+      type: Array,
+      required: true
+    },
+    component: {
+      type: [Function, Object],
+      required: true
+    },
+    count: {
+      type: Number,
+      default: 1
+    }
+  },
+  setup(props) {
+    const { outputType } = useUniformContext();
+    return () => (0, import_vue_demi7.h)(!isServer || outputType === "standard" ? PersonalizeStandard_default : PersonalizeEdge_default, { ...props });
+  }
+});
+var Personalize_default = Personalize;
+
+// src/components/Test/Test.ts
+var import_vue_demi10 = require("vue-demi");
+
+// src/components/Test/TestEdge.ts
+var import_context2 = require("@uniformdev/context");
+var import_vue_demi8 = require("vue-demi");
+var TestEdge = (0, import_vue_demi8.defineComponent)({
+  name: "TestEdge",
+  inheritAttrs: false,
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    variations: {
+      type: Array,
+      required: true
+    },
+    component: {
+      type: [Object, Function],
+      required: true
+    }
+  },
+  setup(props) {
+    const options = {
+      name: props.name
+    };
+    return () => [
+      (0, import_vue_demi8.h)(import_context2.EdgeNodeTagName, { "data-type": import_context2.ScriptType.TestStart, innerHTML: JSON.stringify(options) }),
+      props.variations.map((variation) => {
+        return [
+          (0, import_vue_demi8.h)(import_context2.EdgeNodeTagName, {
+            "data-type": import_context2.ScriptType.ListItemSettings,
+            key: `LIS-${variation.id}`,
+            innerHTML: JSON.stringify({ id: variation.id })
+          }),
+          (0, import_vue_demi8.h)(
+            import_context2.EdgeNodeTagName,
+            { "data-type": import_context2.ScriptType.ListItem, key: `LI-${variation.id}` },
+            (0, import_vue_demi8.h)(props.component, { ...variation })
+          )
+        ];
+      }),
+      (0, import_vue_demi8.h)(import_context2.EdgeNodeTagName, { "data-type": import_context2.ScriptType.TestEnd })
+    ];
+  }
+});
+var TestEdge_default = TestEdge;
+
+// src/components/Test/TestStandard.ts
+var import_vue_demi9 = require("vue-demi");
+var TestStandard = (0, import_vue_demi9.defineComponent)({
+  name: "TestStandard",
+  inheritAttrs: false,
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    variations: {
+      type: Array,
+      required: true
+    },
+    component: {
+      type: [Object, Function],
+      required: true
+    }
+  },
+  setup(props) {
+    const { context: uniformContext } = useUniformContext();
+    const { result } = uniformContext.test({
+      name: (0, import_vue_demi9.toRaw)(props.name),
+      variations: (0, import_vue_demi9.toRaw)(props.variations)
+    });
+    if (!result) {
+      return () => null;
+    }
+    return () => (0, import_vue_demi9.h)(props.component, { ...result });
+  }
+});
+var TestStandard_default = TestStandard;
+
+// src/components/Test/Test.ts
+var Test = (0, import_vue_demi10.defineComponent)({
+  name: "Test",
+  inheritAttrs: false,
+  props: {
+    name: {
+      type: String,
+      required: true
+    },
+    variations: {
+      type: Array,
+      required: true
+    },
+    component: {
+      type: [Object, Function],
+      required: true
+    }
+  },
+  setup(props) {
+    const { outputType } = useUniformContext();
+    return () => !isServer || outputType === "standard" ? (0, import_vue_demi10.h)(TestStandard_default, { ...props }) : (0, import_vue_demi10.h)(TestEdge_default, { ...props });
+  }
+});
+var Test_default = Test;
+
+// src/components/track/Track.ts
+var import_vue_demi11 = require("vue-demi");
+var Track = (0, import_vue_demi11.defineComponent)({
+  name: "Track",
+  inheritAttrs: false,
+  props: {
+    behavior: {
+      type: [Object, Array]
+    },
+    tagName: {
+      type: String,
+      default: "div"
+    },
+    disableVisibilityTrigger: {
+      type: Boolean,
+      default: typeof window === "undefined" || !("IntersectionObserver" in window)
+    },
+    threshold: {
+      type: [Number, Array],
+      default: 0.5
+    }
+  },
+  setup(props, context) {
+    const currentUrl = typeof document === "undefined" ? "__uniform_ssr_url" : document.location.href;
+    const { context: uniformContext } = useUniformContext();
+    const insidePersonalizeComponent = useIsPersonalized();
+    const lastUrl = (0, import_vue_demi11.ref)("");
+    const hasTracked = (0, import_vue_demi11.ref)(false);
+    const wrapperEl = (0, import_vue_demi11.ref)();
+    const disconnect = (0, import_vue_demi11.ref)();
+    (0, import_vue_demi11.watchEffect)(() => {
+      const urlHasChanged = lastUrl.value !== currentUrl;
+      if (urlHasChanged) {
+        lastUrl.value = currentUrl;
+        hasTracked.value = false;
+      }
+    });
+    (0, import_vue_demi11.watchEffect)(() => {
+      var _a;
+      const hasNoBehaviorValue = !props.behavior || Array.isArray(props.behavior) && !props.behavior.length;
+      const cannotTrack = insidePersonalizeComponent || hasNoBehaviorValue;
+      if (cannotTrack || !wrapperEl.value) {
+        return;
+      }
+      const enrichments = Array.isArray(props.behavior) ? props.behavior : [props.behavior];
+      const pushBehaviorEnrichment = () => {
+        var _a2;
+        if (hasTracked.value) {
+          return;
+        }
+        uniformContext == null ? void 0 : uniformContext.update({
+          enrichments: (0, import_vue_demi11.toRaw)(enrichments)
+        });
+        hasTracked.value = false;
+        (_a2 = disconnect.value) == null ? void 0 : _a2.call(disconnect);
+      };
+      if (props.disableVisibilityTrigger) {
+        pushBehaviorEnrichment();
+      } else {
+        (_a = disconnect.value) == null ? void 0 : _a.call(disconnect);
+        const instance = new IntersectionObserver(
+          ([entry]) => {
+            if (entry.isIntersecting) {
+              pushBehaviorEnrichment();
+            }
+          },
+          {
+            threshold: props.threshold
+          }
+        );
+        instance.observe(wrapperEl.value);
+        disconnect.value = () => {
+          var _a2;
+          return (_a2 = instance.disconnect) == null ? void 0 : _a2.call(instance);
+        };
+      }
+      return () => {
+        var _a2;
+        (_a2 = disconnect.value) == null ? void 0 : _a2.call(disconnect);
+      };
+    });
+    return () => (0, import_vue_demi11.h)(props.tagName, { ref: wrapperEl, ...context.attrs }, context.slots.default());
+  }
+});
+var Track_default = Track;
+
+// src/components/track/TrackSlot.ts
+var import_vue_demi12 = require("vue-demi");
+var TrackSlot = (0, import_vue_demi12.defineComponent)({
+  name: "TrackSlot",
+  inheritAttrs: false,
+  props: {
+    behavior: {
+      type: [Object, Array]
+    }
+  },
+  setup(props, context) {
+    const currentUrl = typeof document === "undefined" ? "__uniform_ssr_url" : document.location.href;
+    const { context: uniformContext } = useUniformContext();
+    const insidePersonalizeComponent = useIsPersonalized();
+    const lastUrl = (0, import_vue_demi12.ref)();
+    const hasTracked = (0, import_vue_demi12.ref)(false);
+    (0, import_vue_demi12.watchEffect)(() => {
+      const urlHasChanged = lastUrl.value !== currentUrl;
+      if (urlHasChanged) {
+        lastUrl.value = currentUrl;
+        hasTracked.value = false;
+      }
+    });
+    (0, import_vue_demi12.watchEffect)(() => {
+      const hasNoBehaviorValue = !props.behavior || Array.isArray(props.behavior) && !props.behavior.length;
+      const cannotTrack = insidePersonalizeComponent || hasNoBehaviorValue;
+      if (cannotTrack)
+        return;
+      const pushBehaviorEnrichment = () => {
+        if (hasTracked.value) {
+          return;
+        }
+        const enrichments = Array.isArray(props.behavior) ? props.behavior : [props.behavior];
+        uniformContext == null ? void 0 : uniformContext.update({
+          enrichments: (0, import_vue_demi12.toRaw)(enrichments)
+        });
+        hasTracked.value = true;
+      };
+      pushBehaviorEnrichment();
+    });
+    return () => (0, import_vue_demi12.h)(context.slots.default, { ...context.attrs });
+  }
+});
+var TrackSlot_default = TrackSlot;
+
+// src/components/UniformContextProvider.ts
+var import_context3 = require("@uniformdev/context");
+var import_vue_demi13 = require("vue-demi");
+var UniformContextProvider = (0, import_vue_demi13.defineComponent)({
+  name: "UniformContextProvider",
+  inheritAttrs: false,
+  props: {
+    context: {
+      type: Object,
+      required: true
+    },
+    outputType: {
+      type: String,
+      default: "standard"
+    },
+    trackRouteOnRender: {
+      type: Boolean,
+      default: true
+    }
+  },
+  setup(props, context) {
+    provideUniformContext(props);
+    return () => [(0, import_vue_demi13.h)(context.slots.default), TransferState(props.context)];
+  }
+});
+var UniformContextProvider_default = UniformContextProvider;
+function TransferState(context) {
+  const state = context.getServerToClientTransitionState();
+  return () => (0, import_vue_demi13.h)("script", { id: import_context3.SERVER_STATE_ID, type: "application/json", innerHTML: JSON.stringify(state) });
+}
+
+// src/providers/useQuirks.ts
+var import_vue_demi14 = require("vue-demi");
+var useQuirks = () => {
+  const { context } = useUniformContext();
+  const quirks = (0, import_vue_demi14.ref)(context.quirks);
+  const quirkChangeListener = (updateQuirks) => {
+    quirks.value = updateQuirks;
+  };
+  (0, import_vue_demi14.watch)(context, () => {
+    context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  });
+  return quirks;
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Personalize,
+  PersonalizeEdge,
+  Test,
+  Track,
+  TrackSlot,
+  UniformContextProvider,
+  isUsingUniformContext,
+  onRouteChange,
+  provideIsPersonalized,
+  provideUniformContext,
+  uniformContextInjectionKey,
+  useIsPersonalized,
+  useQuirks,
+  useScores,
+  useUniformContext
+});