@uniformdev/context-vue 17.7.1-alpha.34 → 18.0.1-alpha.3

package/dist/index.mjs

@@ -1 +1,554 @@
-import{defineComponent as ue,h as de}from"vue-demi";import{parse as J}from"cookie-es";import{getCurrentInstance as K,inject as Q,provide as $}from"vue-demi";var d=typeof window=="undefined";var l="uniformContextInjectionKey",g=({context:e,outputType:t="standard",trackRouteOnRender:o=!0,vueAppInstance:r})=>{let i={context:e,outputType:t};r?r.provide(l,i):$(l,i),o&&I(e)};function I(e){d||e==null||e.update({url:new URL(window.location.href),cookies:J(document.cookie)})}var n=()=>{let e=Q(l);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=K())==null?void 0:t.appContext.provides[l])}import{EdgeNodeTagName as T,ScriptType as C}from"@uniformdev/context";import{defineComponent as W,h as c}from"vue-demi";var X=W({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()=>[c(T,{"data-type":C.ListStart,innerHTML:JSON.stringify(t)}),e.variations.map(r=>[c(T,{"data-type":C.ListItemSettings,innerHTML:JSON.stringify({id:r.id,pz:r.pz||null}),key:`LIS-${r.id}`}),c(T,{"data-type":C.ListItem,key:`LI-${r.id}`},c(e.component,{personalizationResult:{variation:r,personalizationOccurred:!1},...r}))]),c(T,{"data-type":C.ListEnd})]}}),b=X;import{defineComponent as ae,h as w,ref as se,toRaw as k,watch as pe}from"vue-demi";import{dequal as Y}from"dequal/lite";import{ref as Z,watchEffect as ee}from"vue-demi";var S=()=>{let{context:e}=n(),t=Z(e.scores);return ee(()=>{let o=i=>t.value=i,r=e.scores;return Y(t.value,r)||(t.value=r),e.events.on("scoresUpdated",o),()=>{e.events.off("scoresUpdated",o)}}),t};import{defineComponent as re,h as ne}from"vue-demi";import{inject as te,provide as oe}from"vue-demi";var V=Symbol("uniformIsPersonalized"),U=e=>{oe(V,e)},f=()=>te(V,!1);var ie=re({name:"PersonalizeProvider",inheritAttrs:!1,props:{personalized:Boolean},setup(e,t){return U(e.personalized),()=>ne(t.slots.default,{...e})}}),q=ie;var me=ae({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=S(),r=()=>{var a;return t.personalize({name:k(e.name),variations:k(e.variations),take:(a=k(e.count))!=null?a:1})},i=se(r());return pe([o,()=>e.name,()=>e.variations,()=>e.count],()=>{i.value=r()}),()=>w(q,{personalized:!0},()=>{var a;return(a=i.value)==null?void 0:a.variations.map(s=>{var u;return w(e.component,{key:s.id,personalizationResult:{variation:s,personalizationOccurred:(u=i.value)==null?void 0:u.personalized},...s})})})}}),L=me;var le=ue({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()=>de(!d||t==="standard"?L:b,{...e})}}),ce=le;import{defineComponent as ve,h as H}from"vue-demi";import{EdgeNodeTagName as v,ScriptType as h}from"@uniformdev/context";import{defineComponent as fe,h as y}from"vue-demi";var ye=fe({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()=>[y(v,{"data-type":h.TestStart,innerHTML:JSON.stringify(t)}),e.variations.map(o=>[y(v,{"data-type":h.ListItemSettings,key:`LIS-${o.id}`,innerHTML:JSON.stringify({id:o.id})}),y(v,{"data-type":h.ListItem,key:`LI-${o.id}`},y(e.component,{...o}))]),y(v,{"data-type":h.TestEnd})]}}),N=ye;import{defineComponent as Pe,h as Te,toRaw as R}from"vue-demi";var Ce=Pe({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:R(e.name),variations:R(e.variations)});return o?()=>Te(e.component,{...o}):()=>null}}),j=Ce;var he=ve({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"?H(j,{...e}):H(N,{...e})}}),xe=he;import{defineComponent as ze,h as ge,ref as x,toRaw as be,watchEffect as D}from"vue-demi";var Se=ze({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=x(""),s=x(!1),u=x(),p=x();return D(()=>{a.value!==o&&(a.value=o,s.value=!1)}),D(()=>{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:be(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)}}),()=>ge(e.tagName,{ref:u,...t.attrs},t.slots.default())}}),Ue=Se;import{defineComponent as ke,h as Ee,ref as _,toRaw as Ae,watchEffect as B}from"vue-demi";var Oe=ke({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=_(),s=_(!1);return B(()=>{a.value!==o&&(a.value=o,s.value=!1)}),B(()=>{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:Ae(E)}),s.value=!0})()}),()=>Ee(t.slots.default,{...t.attrs})}}),Ie=Oe;import{SERVER_STATE_ID as Ve}from"@uniformdev/context";import{defineComponent as qe,h as F}from"vue-demi";var we=qe({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),()=>[F(t.slots.default),Ne(e.context)]}}),Le=we;function Ne(e){let t=e.getServerToClientTransitionState();return()=>F("script",{id:Ve,type:"application/json",innerHTML:JSON.stringify(t)})}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{ce as Personalize,b as PersonalizeEdge,xe as Test,Ue as Track,Ie as TrackSlot,Le as UniformContextProvider,G as isUsingUniformContext,I as onRouteChange,U as provideIsPersonalized,g as provideUniformContext,l as uniformContextInjectionKey,f as useIsPersonalized,He as useQuirks,S as useScores,n as useUniformContext};
+// src/components/personalize/Personalize.ts
+import { defineComponent as defineComponent4, h as h4 } from "vue-demi";
+
+// src/providers/useUniformContext.ts
+import { parse as parseCookie } from "cookie-es";
+import { getCurrentInstance, inject, provide } from "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 {
+    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() {
+  var _a;
+  const isUniformContextProvided = Boolean(
+    (_a = getCurrentInstance()) == null ? void 0 : _a.appContext.provides[uniformContextInjectionKey]
+  );
+  return isUniformContextProvided;
+}
+
+// src/components/personalize/PersonalizeEdge.ts
+import { EdgeNodeTagName, ScriptType } from "@uniformdev/context";
+import { defineComponent, h } from "vue-demi";
+var PersonalizeStandard = 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 () => [
+      h(EdgeNodeTagName, { "data-type": ScriptType.ListStart, innerHTML: JSON.stringify(options) }),
+      props.variations.map((variant) => {
+        return [
+          h(EdgeNodeTagName, {
+            "data-type": ScriptType.ListItemSettings,
+            innerHTML: JSON.stringify({ id: variant.id, pz: variant.pz || null }),
+            key: `LIS-${variant.id}`
+          }),
+          h(
+            EdgeNodeTagName,
+            { "data-type": ScriptType.ListItem, key: `LI-${variant.id}` },
+            h(props.component, {
+              personalizationResult: { variation: variant, personalizationOccurred: false },
+              ...variant
+            })
+          )
+        ];
+      }),
+      h(EdgeNodeTagName, { "data-type": ScriptType.ListEnd })
+    ];
+  }
+});
+var PersonalizeEdge_default = PersonalizeStandard;
+
+// src/components/personalize/PersonalizeStandard.ts
+import { defineComponent as defineComponent3, h as h3, ref as ref2, toRaw, watch } from "vue-demi";
+
+// src/providers/useScores.ts
+import { dequal } from "dequal/lite";
+import { ref, watchEffect } from "vue-demi";
+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 defineComponent2, h as h2 } from "vue-demi";
+
+// src/providers/useIsPersonalized.ts
+import { inject as inject2, provide as provide2 } 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 = defineComponent2({
+  name: "PersonalizeProvider",
+  inheritAttrs: false,
+  props: {
+    personalized: Boolean
+  },
+  setup(props, context) {
+    provideIsPersonalized(props.personalized);
+    return () => h2(context.slots.default, {
+      ...props
+    });
+  }
+});
+var PersonalizeProvider_default = PersonalizeProvider;
+
+// src/components/personalize/PersonalizeStandard.ts
+var PersonalizeStandard2 = defineComponent3({
+  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: toRaw(props.name),
+        variations: toRaw(props.variations),
+        take: (_a = toRaw(props.count)) != null ? _a : 1
+      });
+    };
+    const personalizedResult = ref2(personalize());
+    watch([scores, () => props.name, () => props.variations, () => props.count], () => {
+      personalizedResult.value = personalize();
+    });
+    return () => h3(
+      PersonalizeProvider_default,
+      { personalized: true },
+      () => {
+        var _a;
+        return (_a = personalizedResult.value) == null ? void 0 : _a.variations.map((variation) => {
+          var _a2;
+          return h3(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 = defineComponent4({
+  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 () => h4(!isServer || outputType === "standard" ? PersonalizeStandard_default : PersonalizeEdge_default, { ...props });
+  }
+});
+var Personalize_default = Personalize;
+
+// src/components/Test/Test.ts
+import { defineComponent as defineComponent7, h as h7 } from "vue-demi";
+
+// src/components/Test/TestEdge.ts
+import { EdgeNodeTagName as EdgeNodeTagName2, ScriptType as ScriptType2 } from "@uniformdev/context";
+import { defineComponent as defineComponent5, h as h5 } from "vue-demi";
+var TestEdge = defineComponent5({
+  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 () => [
+      h5(EdgeNodeTagName2, { "data-type": ScriptType2.TestStart, innerHTML: JSON.stringify(options) }),
+      props.variations.map((variation) => {
+        return [
+          h5(EdgeNodeTagName2, {
+            "data-type": ScriptType2.ListItemSettings,
+            key: `LIS-${variation.id}`,
+            innerHTML: JSON.stringify({ id: variation.id })
+          }),
+          h5(
+            EdgeNodeTagName2,
+            { "data-type": ScriptType2.ListItem, key: `LI-${variation.id}` },
+            h5(props.component, { ...variation })
+          )
+        ];
+      }),
+      h5(EdgeNodeTagName2, { "data-type": ScriptType2.TestEnd })
+    ];
+  }
+});
+var TestEdge_default = TestEdge;
+
+// src/components/Test/TestStandard.ts
+import { defineComponent as defineComponent6, h as h6, toRaw as toRaw2 } from "vue-demi";
+var TestStandard = defineComponent6({
+  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: toRaw2(props.name),
+      variations: toRaw2(props.variations)
+    });
+    if (!result) {
+      return () => null;
+    }
+    return () => h6(props.component, { ...result });
+  }
+});
+var TestStandard_default = TestStandard;
+
+// src/components/Test/Test.ts
+var Test = defineComponent7({
+  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" ? h7(TestStandard_default, { ...props }) : h7(TestEdge_default, { ...props });
+  }
+});
+var Test_default = Test;
+
+// src/components/track/Track.ts
+import { defineComponent as defineComponent8, h as h8, ref as ref3, toRaw as toRaw3, watchEffect as watchEffect2 } from "vue-demi";
+var Track = defineComponent8({
+  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 () => h8(props.tagName, { ref: wrapperEl, ...context.attrs }, context.slots.default());
+  }
+});
+var Track_default = Track;
+
+// src/components/track/TrackSlot.ts
+import { defineComponent as defineComponent9, h as h9, ref as ref4, toRaw as toRaw4, watchEffect as watchEffect3 } from "vue-demi";
+var TrackSlot = defineComponent9({
+  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 () => h9(context.slots.default, { ...context.attrs });
+  }
+});
+var TrackSlot_default = TrackSlot;
+
+// src/components/UniformContextProvider.ts
+import { SERVER_STATE_ID } from "@uniformdev/context";
+import { defineComponent as defineComponent10, h as h10 } from "vue-demi";
+var UniformContextProvider = defineComponent10({
+  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 () => [h10(context.slots.default), TransferState(props.context)];
+  }
+});
+var UniformContextProvider_default = UniformContextProvider;
+function TransferState(context) {
+  const state = context.getServerToClientTransitionState();
+  return () => h10("script", { id: SERVER_STATE_ID, type: "application/json", innerHTML: JSON.stringify(state) });
+}
+
+// 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": "17.7.1-alpha.34+084da3172",
+  "version": "18.0.1-alpha.3+2267c1ac6",
   "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": "^17.7.1-alpha.34+084da3172",
+    "@uniformdev/context": "18.0.1-alpha.3+2267c1ac6",
     "cookie-es": "^0.5.0",
     "dequal": "^2.0.2",
     "uuid": "9.0.0",
@@ -39,9 +39,9 @@
   },
   "devDependencies": {
     "@testing-library/vue": "6.6.1",
-    "@types/uuid": "8.3.4",
+    "@types/uuid": "9.0.0",
     "@vue/server-test-utils": "1.3.0",
-    "@vue/test-utils": "2.2.6",
+    "@vue/test-utils": "2.2.7",
     "vue": "3.2.45",
     "vue-server-renderer": "2.7.14",
     "vue-template-compiler": "2.7.14"
@@ -63,5 +63,5 @@
     "last 2 versions",
     "not dead"
   ],
-  "gitHead": "084da31729798e2c1a1f26ba38c764caabebc958"
+  "gitHead": "2267c1ac6f5f6929be6b12d0099905ab46848d0c"
 }