@uniformdev/context-vue 16.2.1-nuxt.249 → 16.2.1-nuxt.325

package/dist/index.mjs

@@ -1 +1,612 @@
-import{defineComponent as te,h as L}from"vue-demi";var d=typeof window=="undefined";import{defineComponent as W,h as X,toRaw as V}from"vue-demi";import{inject as J,provide as K,getCurrentInstance as Q}from"vue-demi";import{parse as $}from"cookie-es";var c="uniformContextInjectionKey",g=({context:e,outputType:t="standard",trackRouteOnRender:o=!0,vueAppInstance:r})=>{let i={context:e,outputType:t};r?r.provide(c,i):K(c,i),!d&&o&&I(e)};function I(e){e==null||e.update({url:new URL(window.location.href),cookies:$(document.cookie)})}var n=()=>{let e=J(c);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 G(){var t;return Boolean((t=Q())==null?void 0:t.appContext.provides[c])}var Y=W({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}=n(),{result:o}=t.test({name:V(e.name),variations:V(e.variations)});return o?()=>X(e.component,{...o}):()=>null}}),q=Y;import{defineComponent as Z,h as l}from"vue-demi";import{ScriptType as T,EdgeNodeTagName as C}from"@uniformdev/context";var ee=Z({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()=>[l(C,{"data-type":T.TestStart,innerHTML:JSON.stringify(t)}),e.variations.map(o=>[l(C,{"data-type":T.ListItemSettings,key:`LIS-${o.id}`,innerHTML:JSON.stringify({id:o.id})}),l(C,{"data-type":T.ListItem,key:`LI-${o.id}`},l(e.component,{...o}))]),l(C,{"data-type":T.TestEnd})]}}),w=ee;var oe=te({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}=n();return()=>!d||t==="standard"?L(q,{...e}):L(w,{...e})}}),re=oe;import{defineComponent as ne,h as N}from"vue-demi";import{SERVER_STATE_ID as ie}from"@uniformdev/context";var ae=ne({name:"UniformContextProvider",inheritAttrs:!1,props:{context:{type:Object,required:!0},outputType:{type:String,default:"standard"},trackRouteOnRender:{type:Boolean,default:!0}},setup(e,t){return g(e),()=>[N(t.slots.default),pe(e.context)]}}),se=ae;function pe(e){let t=e.getServerToClientTransitionState();return()=>N("script",{id:ie,type:"application/json",innerHTML:JSON.stringify(t)})}import{defineComponent as ge,h as be}from"vue-demi";import{defineComponent as Te,ref as Ce,watch as ve,h as H,toRaw as U}from"vue-demi";import{ref as me,watchEffect as ue}from"vue-demi";import{dequal as de}from"dequal/lite";var b=()=>{let{context:e}=n(),t=me(e.scores);return ue(()=>{let o=i=>t.value=i,r=e.scores;return de(t.value,r)||(t.value=r),e.events.on("scoresUpdated",o),()=>{e.events.off("scoresUpdated",o)}}),t};import{defineComponent as fe,h as ye}from"vue-demi";import{provide as ce,inject as le}from"vue-demi";var R=Symbol("uniformIsPersonalized"),S=e=>{ce(R,e)},f=()=>le(R,!1);var Pe=fe({name:"PersonalizeProvider",inheritAttrs:!1,props:{personalized:Boolean},setup(e,t){return S(e.personalized),()=>ye(t.slots.default,{...e})}}),j=Pe;var xe=Te({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}=n(),o=b(),r=()=>{var a;return t.personalize({name:U(e.name),variations:U(e.variations),take:(a=U(e.count))!=null?a:1})},i=Ce(r());return ve([o,()=>e.name,()=>e.variations,()=>e.count],()=>{i.value=r()}),()=>H(j,{personalized:!0},()=>{var a;return(a=i.value)==null?void 0:a.variations.map(s=>{var u;return H(e.component,{key:s.id,personalizationResult:{variation:s,personalizationOccurred:(u=i.value)==null?void 0:u.personalized},...s})})})}}),D=xe;import{EdgeNodeTagName as v,ScriptType as x}from"@uniformdev/context";import{defineComponent as he,h as y}from"vue-demi";var ze=he({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={count:(o=e.count)!=null?o:1};return()=>[y(v,{"data-type":x.ListStart,innerHTML:JSON.stringify(t)}),e.variations.map(r=>[y(v,{"data-type":x.ListItemSettings,innerHTML:JSON.stringify({id:r.id,pz:r.pz||null}),key:`LIS-${r.id}`}),y(v,{"data-type":x.ListItem,key:`LI-${r.id}`},y(e.component,{personalizationResult:{variation:r,personalizationOccurred:!1},...r}))]),y(v,{"data-type":x.ListEnd})]}}),k=ze;var Se=ge({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}=n();return()=>be(!d||t==="standard"?D:k,{...e})}}),Ue=Se;import{defineComponent as ke,watchEffect as _,ref as h,h as Ee,toRaw as Ae}from"vue-demi";var Oe=ke({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}=n(),i=f(),a=h(""),s=h(!1),u=h(),p=h();return _(()=>{a.value!==o&&(a.value=o,s.value=!1)}),_(()=>{var O;let z=!e.behavior||Array.isArray(e.behavior)&&!e.behavior.length;if(i||z||!u.value)return;let M=Array.isArray(e.behavior)?e.behavior:[e.behavior],A=()=>{var m;s.value||(r==null||r.update({enrichments:Ae(M)}),s.value=!1,(m=p.value)==null||m.call(p))};if(e.disableVisibilityTrigger)A();else{(O=p.value)==null||O.call(p);let m=new IntersectionObserver(([P])=>{P.isIntersecting&&A()},{threshold:e.threshold});m.observe(u.value),p.value=()=>{var P;return(P=m.disconnect)==null?void 0:P.call(m)}}return()=>{var m;(m=p.value)==null||m.call(p)}}),()=>Ee(e.tagName,{ref:u,...t.attrs},t.slots.default())}}),Ie=Oe;import{defineComponent as Ve,ref as B,watchEffect as F,h as qe,toRaw as we}from"vue-demi";var Le=Ve({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}=n(),i=f(),a=B(),s=B(!1);return F(()=>{a.value!==o&&(a.value=o,s.value=!1)}),F(()=>{let u=!e.behavior||Array.isArray(e.behavior)&&!e.behavior.length;if(i||u)return;(()=>{if(s.value)return;let E=Array.isArray(e.behavior)?e.behavior:[e.behavior];r==null||r.update({enrichments:we(E)}),s.value=!0})()}),()=>qe(t.slots.default,{...t.attrs})}}),Ne=Le;import{ref as Re,watch as je}from"vue-demi";var He=()=>{let{context:e}=n(),t=Re(e.quirks),o=r=>{t.value=r};return je(e,()=>(e.events.on("quirksUpdated",o),()=>{e.events.off("quirksUpdated",o)})),t};export{Ue as Personalize,k as PersonalizeEdge,re as Test,Ie as Track,Ne as TrackSlot,se as UniformContextProvider,G as isUsingUniformContext,I as onRouteChange,S as provideIsPersonalized,g as provideUniformContext,c as uniformContextInjectionKey,f as useIsPersonalized,He as useQuirks,b as useScores,n as useUniformContext};
+// src/components/Test/Test.ts
+import { defineComponent as defineComponent3 } from "vue-demi";
+
+// ../canvas-vue/src/utils/vue-demi-h.ts
+import { isVue3, h as vueH } from "vue-demi";
+var RESERVED_PROP_NAMES = ["key", "ref", "slot", "class", "style"];
+var DOM_PROP_NAMES = ["innerHTML"];
+var h = (...args) => {
+  if (isVue3) {
+    return vueH(...args);
+  }
+  const [type, propsOrChildren, children] = args;
+  const isChildrenOnly = Array.isArray(propsOrChildren) || typeof propsOrChildren !== "object";
+  if (isChildrenOnly) {
+    return vueH(...args);
+  }
+  const propsAndFriends = propsOrChildren;
+  const groupedProps = groupPropsAndFriends(type, propsAndFriends);
+  console.log("groupedProps", groupedProps);
+  const scopedSlots = getScopedSlots(children);
+  return vueH(type, { ...groupedProps, scopedSlots }, children);
+};
+function groupPropsAndFriends(type, propsAndFriends) {
+  const groupedProps = Object.entries(propsAndFriends).reduce((object, [key, value]) => {
+    if (isReserved(key)) {
+      object[key] = value;
+    } else if (isProp(type, key)) {
+      object.props[key] = value;
+    } else if (isDomProp(key)) {
+      object.domProps[key] = value;
+    } else if (isEvent(key)) {
+      object.on[getEventName(key)] = value;
+    } else {
+      object.attrs[key] = value;
+    }
+    return object;
+  }, {
+    props: {},
+    attrs: {},
+    on: {},
+    domProps: {},
+    key: void 0,
+    class: void 0,
+    style: void 0,
+    ref: void 0,
+    slot: void 0
+  });
+  return groupedProps;
+}
+function isProp(type, propName) {
+  const isNativeElement = typeof type === "string";
+  if (isNativeElement) {
+    return false;
+  }
+  return Boolean(type.props[propName]);
+}
+function isDomProp(propName) {
+  return DOM_PROP_NAMES.includes(propName);
+}
+function isEvent(propName) {
+  return /^on[A-Z]/.test(propName);
+}
+function getEventName(propName) {
+  return propName.replace(/^on/, "").toLowerCase();
+}
+function isReserved(propName) {
+  return RESERVED_PROP_NAMES.includes(propName);
+}
+function getScopedSlots(children) {
+  if (typeof children === "function") {
+    return { default: children };
+  }
+  if (typeof children === "object" && !Array.isArray(children)) {
+    return children;
+  }
+  return void 0;
+}
+
+// src/utils/constants.ts
+var isServer = typeof window === "undefined";
+
+// src/components/Test/TestStandard.ts
+import { defineComponent, toRaw } from "vue-demi";
+
+// src/providers/useUniformContext.ts
+import { inject, provide } from "vue-demi";
+import { parse as parseCookie } from "cookie-es";
+var uniformContextInjectionKey = "uniformContextInjectionKey";
+var provideUniformContext = ({
+  context,
+  outputType = "standard",
+  trackRouteOnRender = true,
+  vueAppInstance
+}) => {
+  const payload = {
+    context,
+    outputType
+  };
+  if (vueAppInstance) {
+    vueAppInstance.provide(uniformContextInjectionKey, payload);
+  } else {
+    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: parseCookie(document.cookie)
+  });
+}
+var useUniformContext = () => {
+  const contextData = 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() {
+  try {
+    return Boolean(inject(uniformContextInjectionKey, null));
+  } catch (e) {
+    return false;
+  }
+}
+
+// src/components/Test/TestStandard.ts
+var TestStandard = 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: toRaw(props.name),
+      variations: toRaw(props.variations)
+    });
+    if (!result) {
+      return () => null;
+    }
+    return () => h(props.component, { ...result });
+  }
+});
+var TestStandard_default = TestStandard;
+
+// src/components/Test/TestEdge.ts
+import { defineComponent as defineComponent2 } from "vue-demi";
+import { ScriptType, EdgeNodeTagName } from "@uniformdev/context";
+var TestEdge = defineComponent2({
+  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 () => [
+      h(EdgeNodeTagName, { "data-type": ScriptType.TestStart, innerHTML: JSON.stringify(options) }),
+      props.variations.map((variation) => {
+        return [
+          h(EdgeNodeTagName, {
+            "data-type": ScriptType.ListItemSettings,
+            key: `LIS-${variation.id}`,
+            innerHTML: JSON.stringify({ id: variation.id })
+          }),
+          h(EdgeNodeTagName, { "data-type": ScriptType.ListItem, key: `LI-${variation.id}` }, h(props.component, { ...variation }))
+        ];
+      }),
+      h(EdgeNodeTagName, { "data-type": ScriptType.TestEnd })
+    ];
+  }
+});
+var TestEdge_default = TestEdge;
+
+// src/components/Test/Test.ts
+var Test = defineComponent3({
+  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" ? h(TestStandard_default, { ...props }) : h(TestEdge_default, { ...props });
+  }
+});
+var Test_default = Test;
+
+// src/components/UniformContextProvider.ts
+import { defineComponent as defineComponent4 } from "vue-demi";
+import { SERVER_STATE_ID } from "@uniformdev/context";
+var UniformContextProvider = defineComponent4({
+  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 () => h("article", [context.slots.default(), TransferState(props.context)]);
+  }
+});
+var UniformContextProvider_default = UniformContextProvider;
+function TransferState(context) {
+  const state = context.getServerToClientTransitionState();
+  return h("script", { id: SERVER_STATE_ID, type: "application/json", innerHTML: JSON.stringify(state) });
+}
+
+// src/components/personalize/Personalize.ts
+import { defineComponent as defineComponent8 } from "vue-demi";
+
+// src/components/personalize/PersonalizeStandard.ts
+import { defineComponent as defineComponent6, ref as ref2, watch, toRaw as toRaw2 } from "vue-demi";
+
+// src/providers/useScores.ts
+import { ref, watchEffect } from "vue-demi";
+import { dequal } from "dequal/lite";
+var useScores = () => {
+  const { context } = useUniformContext();
+  const scores = ref(context.scores);
+  watchEffect(() => {
+    const scoringChangeListener = (updatedScores) => scores.value = updatedScores;
+    const currentScores = context.scores;
+    if (!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
+import { defineComponent as defineComponent5 } from "vue-demi";
+
+// src/providers/useIsPersonalized.ts
+import { provide as provide2, inject as inject2 } from "vue-demi";
+var isPersonalizedSymbol = Symbol("uniformIsPersonalized");
+var provideIsPersonalized = (isPersonalized) => {
+  provide2(isPersonalizedSymbol, isPersonalized);
+};
+var useIsPersonalized = () => {
+  return inject2(isPersonalizedSymbol, false);
+};
+
+// src/components/personalize/PersonalizeProvider.ts
+var PersonalizeProvider = defineComponent5({
+  name: "PersonalizeProvider",
+  inheritAttrs: false,
+  props: {
+    personalized: Boolean
+  },
+  setup(props, context) {
+    console.log("PersonalizeProvider props", JSON.stringify(props, null, 2));
+    console.log("PersonalizeProvider context", JSON.stringify(context, null, 2));
+    provideIsPersonalized(true);
+    return () => h(context.slots.default, {
+      ...props
+    });
+  }
+});
+var PersonalizeProvider_default = PersonalizeProvider;
+
+// src/components/personalize/PersonalizeStandard.ts
+var PersonalizeStandard = defineComponent6({
+  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: toRaw2(props.name),
+        variations: toRaw2(props.variations),
+        take: (_a = toRaw2(props.count)) != null ? _a : 1
+      });
+    };
+    const personalizedResult = ref2(personalize());
+    watch([scores, () => props.name, () => props.variations, () => props.count], () => {
+      personalizedResult.value = personalize();
+    });
+    return () => h(PersonalizeProvider_default, { personalized: true }, () => {
+      var _a;
+      return (_a = personalizedResult.value) == null ? void 0 : _a.variations.map((variation) => {
+        return h(props.component, {
+          key: variation.id,
+          personalizationResult: {
+            variation,
+            personalizationOccurred: true
+          },
+          ...variation
+        });
+      });
+    });
+  }
+});
+var PersonalizeStandard_default = PersonalizeStandard;
+
+// src/components/personalize/PersonalizeEdge.ts
+import { EdgeNodeTagName as EdgeNodeTagName2, ScriptType as ScriptType2 } from "@uniformdev/context";
+import { defineComponent as defineComponent7 } from "vue-demi";
+var PersonalizeStandard2 = defineComponent7({
+  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 = {
+      count: (_a = props.count) != null ? _a : 1
+    };
+    return () => [
+      h(EdgeNodeTagName2, { "data-type": ScriptType2.ListStart, innerHTML: JSON.stringify(options) }),
+      props.variations.map((variant) => {
+        return [
+          h(EdgeNodeTagName2, {
+            "data-type": ScriptType2.ListItemSettings,
+            innerHTML: JSON.stringify({ id: variant.id, pz: variant.pz || null }),
+            key: `LIS-${variant.id}`
+          }),
+          h(EdgeNodeTagName2, { "data-type": ScriptType2.ListItem, key: `LI-${variant.id}` }, h(props.component, {
+            personalizationResult: { variation: variant, personalizationOccurred: false },
+            ...variant
+          }))
+        ];
+      }),
+      h(EdgeNodeTagName2, { "data-type": ScriptType2.ListEnd })
+    ];
+  }
+});
+var PersonalizeEdge_default = PersonalizeStandard2;
+
+// src/components/personalize/Personalize.ts
+var Personalize = defineComponent8({
+  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 () => h(!isServer || outputType === "standard" ? PersonalizeStandard_default : PersonalizeEdge_default, { ...props });
+  }
+});
+var Personalize_default = Personalize;
+
+// src/components/track/Track.ts
+import { defineComponent as defineComponent9, watchEffect as watchEffect2, ref as ref3, toRaw as toRaw3 } from "vue-demi";
+var Track = defineComponent9({
+  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 = ref3("");
+    const hasTracked = ref3(false);
+    const wrapperEl = ref3();
+    const disconnect = ref3();
+    watchEffect2(() => {
+      const urlHasChanged = lastUrl.value !== currentUrl;
+      if (urlHasChanged) {
+        lastUrl.value = currentUrl;
+        hasTracked.value = false;
+      }
+    });
+    watchEffect2(() => {
+      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: toRaw3(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 () => h(props.tagName, { ref: wrapperEl, ...context.attrs }, context.slots.default());
+  }
+});
+var Track_default = Track;
+
+// src/components/track/TrackSlot.ts
+import { defineComponent as defineComponent10, ref as ref4, watchEffect as watchEffect3, toRaw as toRaw4 } from "vue-demi";
+var TrackSlot = defineComponent10({
+  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 = ref4();
+    const hasTracked = ref4(false);
+    watchEffect3(() => {
+      const urlHasChanged = lastUrl.value !== currentUrl;
+      if (urlHasChanged) {
+        lastUrl.value = currentUrl;
+        hasTracked.value = false;
+      }
+    });
+    watchEffect3(() => {
+      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: toRaw4(enrichments)
+        });
+        hasTracked.value = true;
+      };
+      pushBehaviorEnrichment();
+    });
+    return () => h(context.slots.default, { ...context.attrs });
+  }
+});
+var TrackSlot_default = TrackSlot;
+
+// src/providers/useQuirks.ts
+import { ref as ref5, watch as watch2 } from "vue-demi";
+var useQuirks = () => {
+  const { context } = useUniformContext();
+  const quirks = ref5(context.quirks);
+  const quirkChangeListener = (updateQuirks) => {
+    quirks.value = updateQuirks;
+  };
+  watch2(context, () => {
+    context.events.on("quirksUpdated", quirkChangeListener);
+    return () => {
+      context.events.off("quirksUpdated", quirkChangeListener);
+    };
+  });
+  return quirks;
+};
+export {
+  Personalize_default as Personalize,
+  PersonalizeEdge_default as PersonalizeEdge,
+  Test_default as Test,
+  Track_default as Track,
+  TrackSlot_default as TrackSlot,
+  UniformContextProvider_default as UniformContextProvider,
+  isUsingUniformContext,
+  onRouteChange,
+  provideIsPersonalized,
+  provideUniformContext,
+  uniformContextInjectionKey,
+  useIsPersonalized,
+  useQuirks,
+  useScores,
+  useUniformContext
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-vue",
-  "version": "16.2.1-nuxt.249+6d2287689",
+  "version": "16.2.1-nuxt.325+c1c2247c8",
   "description": "Vue SDK for Uniform Context",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -14,7 +14,7 @@
   "types": "./dist/index.d.ts",
   "sideEffects": false,
   "scripts": {
-    "build": "tsup --minify",
+    "build": "tsup",
     "dev": "tsup --watch",
     "clean": "rimraf dist",
     "test": "jest --maxWorkers=1 --passWithNoTests",
@@ -22,7 +22,7 @@
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "dependencies": {
-    "@uniformdev/context": "^16.2.1-nuxt.249+6d2287689",
+    "@uniformdev/context": "^16.2.1-nuxt.325+c1c2247c8",
     "cookie-es": "^0.5.0",
     "dequal": "^2.0.2",
     "uuid": "8.3.2",
@@ -38,13 +38,13 @@
     }
   },
   "devDependencies": {
-    "@testing-library/vue": "6.5.1",
+    "@testing-library/vue": "6.6.1",
     "@types/uuid": "8.3.4",
     "@vue/server-test-utils": "1.3.0",
     "@vue/test-utils": "2.0.2",
     "vue": "3.2.37",
-    "vue-server-renderer": "2.6.14",
-    "vue-template-compiler": "2.6.14"
+    "vue-server-renderer": "2.7.7",
+    "vue-template-compiler": "2.7.7"
   },
   "files": [
     "dist",
@@ -63,5 +63,5 @@
     "last 2 versions",
     "not dead"
   ],
-  "gitHead": "6d2287689097cb256d17483ea3726d4bb87b2fa6"
+  "gitHead": "c1c2247c820522de8ca9707a76e5697b0e3df334"
 }