@uniformdev/context-react 16.2.1-alpha.60 → 16.2.1-nuxt.249

package/dist/index.d.ts

@@ -88,7 +88,8 @@ declare type PersonalizeComponentProps<TVariation extends PersonalizedVariant> =
 };
 declare function Personalize<TVariation extends PersonalizedVariant>(props: PersonalizeComponentProps<TVariation>): ReactElement | null;
 
-declare type TestComponentProps<TVariation extends TestVariant> = {
+declare type TVariation = TestVariant;
+interface TestComponentProps<TVariation extends TestVariant> {
     /** Name of the test that is running. */
     name: string;
     /** Variation list that this test will selected from. */
@@ -102,8 +103,8 @@ declare type TestComponentProps<TVariation extends TestVariant> = {
     loadingMode?: 'default' | 'none' | react__default.ComponentType;
     /** A React component to use to render the test variant. */
     component: react__default.ComponentType<TVariation>;
-};
-declare const Test: <TVariation extends TestVariant>(props: TestComponentProps<TVariation>) => ReactElement | null;
+}
+declare const Test: <TVariation_1 extends TestVariant>(props: TestComponentProps<TVariation_1>) => ReactElement | null;
 
 declare type TrackFragmentProps = {
     /** Behavior that will be pushed when tracking occurs. */
@@ -408,4 +409,4 @@ declare const Track: ({ behavior, children, tagName, threshold, disableVisibilit
     onTransitionEndCapture?: react.TransitionEventHandler<HTMLElement> | undefined;
 }, HTMLElement>;
 
-export { Personalize, PersonalizeComponentProps, PersonalizeWrapperComponent, PersonalizedVariationComponent, Test, TestComponentProps, Track, TrackFragment, TrackFragmentProps, TrackProps, UniformContext, UniformContextProps$1 as UniformContextProps, VariantOutputType, useQuirks, useScores, useUniformContext };
+export { Personalize, PersonalizeComponentProps, PersonalizeWrapperComponent, PersonalizedVariationComponent, TVariation, Test, TestComponentProps, Track, TrackFragment, TrackFragmentProps, TrackProps, UniformContext, UniformContextProps$1 as UniformContextProps, VariantOutputType, useQuirks, useScores, useUniformContext };

package/dist/index.esm.js

@@ -1 +1 @@
-import{useContext as j}from"react";import{createContext as w}from"react";var V=w(void 0),z=w({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=j(V);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as X,useState as G}from"react";function Et(){let{context:t}=s(),[e,o]=G(t.quirks),r=n=>{o(n)};return X(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as K,useState as Y}from"react";import{dequal as Z}from"dequal/lite";function I(){let{context:t}=s(),[e,o]=Y(t.scores);return K(()=>{let r=a=>{o(a)},n=t.scores;return Z(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import M from"react";import P,{useMemo as $}from"react";function N({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:a}=s(),i=I(),{variations:m,personalized:d}=$(()=>a.personalize({name:r,variations:t,take:n}),[i,a,n,r,t]),l=o!=null?o:({children:c})=>P.createElement(P.Fragment,null,c),g=e;return P.createElement(z.Provider,{value:{personalized:!0}},m.length?P.createElement(l,{personalizationOccurred:d},m.map(c=>P.createElement(g,{key:c.id,personalizationResult:{variation:c,personalizationOccurred:d},...c}))):null)}import{ScriptType as U}from"@uniformdev/context";import x,{Fragment as ot}from"react";import{EdgeNodeTagName as tt}from"@uniformdev/context";import{createElement as et}from"react";var u=t=>et(tt,t);function H(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},a=r;return x.createElement(x.Fragment,null,x.createElement(u,{"data-type":U.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>x.createElement(ot,{key:i.id},x.createElement(u,{"data-type":U.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),x.createElement(u,{"data-type":U.ListItem},x.createElement(a,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),x.createElement(u,{"data-type":U.ListEnd}))}var C=typeof window=="undefined";function Kt(t){let{outputType:e}=s();return!C||e==="standard"?M.createElement(N,{...t}):e==="edge"?M.createElement(H,{...t}):null}import R from"react";import{ScriptType as h}from"@uniformdev/context";import T,{Fragment as rt}from"react";function A(t){let{name:e,variations:o,component:r}=t,n={name:e},a=r;return T.createElement(T.Fragment,null,T.createElement(u,{"data-type":h.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,m)=>T.createElement(rt,{key:i.id},T.createElement(u,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),T.createElement(u,{"data-type":h.ListItem},T.createElement(a,{key:m,...i})))),T.createElement(u,{"data-type":h.TestEnd}))}import nt from"react";var F=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?nt.createElement(o,{...n}):null};var xe=t=>{let{outputType:e}=s();return!C||e==="standard"?R.createElement(F,{...t}):e==="edge"?R.createElement(A,{...t}):null};import O,{useEffect as it}from"react";import{SERVER_STATE_ID as st}from"@uniformdev/context";import at from"cookie";var Ue=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(it(()=>{C||!r||t.update({url:new URL(window.location.href),cookies:at.parse(document.cookie)})}),O.createElement(V.Provider,{value:{context:t,outputType:o}},e,C?O.createElement(mt,null):null));function mt(){let{context:t}=s(),e=t.getServerToClientTransitionState();return O.createElement("script",{id:st,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ft,useEffect as D,useRef as q,useState as J}from"react";import{useContext as pt}from"react";var S=t=>{let{personalized:e}=pt(z);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var Ie=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...a})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:m}=s(),d=S(),[l,g]=J(),[c,y]=J(!1),k=q(null),p=q();return D(()=>{l!==i&&(y(!1),g(i))},[i,l]),D(()=>{var v;let L=!t||Array.isArray(t)&&!t.length;if(d||L||!k.current)return;let W=Array.isArray(t)?t:[t],_=()=>{var f;c||(m.update({enrichments:W}),y(!0),(f=p.current)==null||f.call(p))};if(n)_();else{(v=p.current)==null||v.call(p);let f=new IntersectionObserver(([E])=>{E.isIntersecting&&_()},{threshold:r});f.observe(k.current),p.current=()=>{var E;return(E=f.disconnect)==null?void 0:E.call(f)}}return()=>{var f;(f=p.current)==null||f.call(p)}},[m,t,n,r,d,l,i,c]),ft(o,{...a,ref:k},e)};import b from"react";import{useEffect as B,useState as Q}from"react";var De=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=S(),[a,i]=Q(),[m,d]=Q(!1);return B(()=>{a!==o&&(d(!1),i(o))},[o,a]),B(()=>{let l=!t||Array.isArray(t)&&!t.length;if(n||l)return;(()=>{if(m)return;let y=Array.isArray(t)?t:[t];r.update({enrichments:y}),d(!0)})()},[r,t,n,m]),b.createElement(b.Fragment,null,e)};export{Kt as Personalize,xe as Test,Ie as Track,De as TrackFragment,Ue as UniformContext,Et as useQuirks,I as useScores,s as useUniformContext};
+import{useContext as j}from"react";import{createContext as w}from"react";var E=w(void 0),z=w({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=j(E);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as X,useState as G}from"react";function Vt(){let{context:t}=s(),[e,o]=G(t.quirks),r=n=>{o(n)};return X(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as K,useState as Y}from"react";import{dequal as Z}from"dequal/lite";function I(){let{context:t}=s(),[e,o]=Y(t.scores);return K(()=>{let r=a=>{o(a)},n=t.scores;return Z(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import M from"react";import P,{useMemo as $}from"react";function N({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:a}=s(),i=I(),{variations:m,personalized:d}=$(()=>a.personalize({name:r,variations:t,take:n}),[i,a,n,r,t]),l=o!=null?o:({children:c})=>P.createElement(P.Fragment,null,c),g=e;return P.createElement(z.Provider,{value:{personalized:!0}},m.length?P.createElement(l,{personalizationOccurred:d},m.map(c=>P.createElement(g,{key:c.id,personalizationResult:{variation:c,personalizationOccurred:d},...c}))):null)}import{ScriptType as U}from"@uniformdev/context";import x,{Fragment as ot}from"react";import{EdgeNodeTagName as tt}from"@uniformdev/context";import{createElement as et}from"react";var u=t=>et(tt,t);function H(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},a=r;return x.createElement(x.Fragment,null,x.createElement(u,{"data-type":U.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>x.createElement(ot,{key:i.id},x.createElement(u,{"data-type":U.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),x.createElement(u,{"data-type":U.ListItem},x.createElement(a,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),x.createElement(u,{"data-type":U.ListEnd}))}var C=typeof window=="undefined";function Kt(t){let{outputType:e}=s();return!C||e==="standard"?M.createElement(N,{...t}):e==="edge"?M.createElement(H,{...t}):null}import R from"react";import{ScriptType as h}from"@uniformdev/context";import T,{Fragment as rt}from"react";function A(t){let{name:e,variations:o,component:r}=t,n={name:e},a=r;return T.createElement(T.Fragment,null,T.createElement(u,{"data-type":h.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,m)=>T.createElement(rt,{key:i.id},T.createElement(u,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),T.createElement(u,{"data-type":h.ListItem},T.createElement(a,{key:m,...i})))),T.createElement(u,{"data-type":h.TestEnd}))}import nt from"react";var F=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?nt.createElement(o,{...n}):null};var xe=t=>{let{outputType:e}=s();return!C||e==="standard"?R.createElement(F,{...t}):e==="edge"?R.createElement(A,{...t}):null};import O,{useEffect as it}from"react";import{SERVER_STATE_ID as st}from"@uniformdev/context";import at from"cookie";var Ue=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(it(()=>{C||!r||t.update({url:new URL(window.location.href),cookies:at.parse(document.cookie)})}),O.createElement(E.Provider,{value:{context:t,outputType:o}},e,C?O.createElement(mt,null):null));function mt(){let{context:t}=s(),e=t.getServerToClientTransitionState();return O.createElement("script",{id:st,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ft,useEffect as D,useRef as q,useState as J}from"react";import{useContext as pt}from"react";var S=t=>{let{personalized:e}=pt(z);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var Ie=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...a})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:m}=s(),d=S(),[l,g]=J(),[c,y]=J(!1),k=q(null),p=q();return D(()=>{l!==i&&(y(!1),g(i))},[i,l]),D(()=>{var v;let L=!t||Array.isArray(t)&&!t.length;if(d||L||!k.current)return;let W=Array.isArray(t)?t:[t],_=()=>{var f;c||(m.update({enrichments:W}),y(!0),(f=p.current)==null||f.call(p))};if(n)_();else{(v=p.current)==null||v.call(p);let f=new IntersectionObserver(([V])=>{V.isIntersecting&&_()},{threshold:r});f.observe(k.current),p.current=()=>{var V;return(V=f.disconnect)==null?void 0:V.call(f)}}return()=>{var f;(f=p.current)==null||f.call(p)}},[m,t,n,r,d,l,i,c]),ft(o,{...a,ref:k},e)};import b from"react";import{useEffect as B,useState as Q}from"react";var De=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=S(),[a,i]=Q(),[m,d]=Q(!1);return B(()=>{a!==o&&(d(!1),i(o))},[o,a]),B(()=>{let l=!t||Array.isArray(t)&&!t.length;if(n||l)return;(()=>{if(m)return;let y=Array.isArray(t)?t:[t];r.update({enrichments:y}),d(!0)})()},[r,t,n,m]),b.createElement(b.Fragment,null,e)};export{Kt as Personalize,xe as Test,Ie as Track,De as TrackFragment,Ue as UniformContext,Vt as useQuirks,I as useScores,s as useUniformContext};

package/dist/index.js

@@ -1 +1 @@
-"use strict";var rt=Object.create;var O=Object.defineProperty;var nt=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var st=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty;var mt=(t,e)=>{for(var o in e)O(t,o,{get:e[o],enumerable:!0})},b=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of it(e))!at.call(t,r)&&r!==o&&O(t,r,{get:()=>e[r],enumerable:!(n=nt(e,r))||n.enumerable});return t};var T=(t,e,o)=>(o=t!=null?rt(st(t)):{},b(e||!t||!t.__esModule?O(o,"default",{value:t,enumerable:!0}):o,t)),pt=t=>b(O({},"__esModule",{value:!0}),t);var Ct={};mt(Ct,{Personalize:()=>ut,Test:()=>ct,Track:()=>xt,TrackFragment:()=>Tt,UniformContext:()=>dt,useQuirks:()=>ft,useScores:()=>M,useUniformContext:()=>s});module.exports=pt(Ct);var B=require("react");var H=require("react"),L=(0,H.createContext)(void 0),_=(0,H.createContext)({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=(0,B.useContext)(L);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}var v=require("react");function ft(){let{context:t}=s(),[e,o]=(0,v.useState)(t.quirks),n=r=>{o(r)};return(0,v.useEffect)(()=>(t.events.on("quirksUpdated",n),()=>{t.events.off("quirksUpdated",n)}),[t]),e}var w=require("react");var Q=require("dequal/lite");function M(){let{context:t}=s(),[e,o]=(0,w.useState)(t.scores);return(0,w.useEffect)(()=>{let n=a=>{o(a)},r=t.scores;return(0,Q.dequal)(e,r)||o(r),t.events.on("scoresUpdated",n),()=>{t.events.off("scoresUpdated",n)}},[t]),e}var A=T(require("react"));var g=T(require("react"));function W({variations:t,component:e,wrapperComponent:o,name:n,count:r=1}){let{context:a}=s(),i=M(),{variations:u,personalized:C}=(0,g.useMemo)(()=>a.personalize({name:n,variations:t,take:r}),[i,a,r,n,t]),P=o!=null?o:({children:x})=>g.default.createElement(g.default.Fragment,null,x),h=e;return g.default.createElement(_.Provider,{value:{personalized:!0}},u.length?g.default.createElement(P,{personalizationOccurred:C},u.map(x=>g.default.createElement(h,{key:x.id,personalizationResult:{variation:x,personalizationOccurred:C},...x}))):null)}var z=require("@uniformdev/context"),m=T(require("react"));var j=require("@uniformdev/context"),X=require("react"),l=t=>(0,X.createElement)(j.EdgeNodeTagName,t);function G(t){let{variations:e,count:o,component:n}=t,r={count:o!=null?o:1},a=n;return m.default.createElement(m.default.Fragment,null,m.default.createElement(l,{"data-type":z.ScriptType.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),e.map(i=>m.default.createElement(m.Fragment,{key:i.id},m.default.createElement(l,{"data-type":z.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),m.default.createElement(l,{"data-type":z.ScriptType.ListItem},m.default.createElement(a,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),m.default.createElement(l,{"data-type":z.ScriptType.ListEnd}))}var y=typeof window=="undefined";function ut(t){let{outputType:e}=s();return!y||e==="standard"?A.default.createElement(W,{...t}):e==="edge"?A.default.createElement(G,{...t}):null}var F=T(require("react"));var U=require("@uniformdev/context"),p=T(require("react"));function K(t){let{name:e,variations:o,component:n}=t,r={name:e},a=n;return p.default.createElement(p.default.Fragment,null,p.default.createElement(l,{"data-type":U.ScriptType.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),o.map((i,u)=>p.default.createElement(p.Fragment,{key:i.id},p.default.createElement(l,{"data-type":U.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),p.default.createElement(l,{"data-type":U.ScriptType.ListItem},p.default.createElement(a,{key:u,...i})))),p.default.createElement(l,{"data-type":U.ScriptType.TestEnd}))}var Y=T(require("react"));var Z=({name:t,variations:e,component:o})=>{let{context:n}=s(),{result:r}=n.test({name:t,variations:e});return r?Y.default.createElement(o,{...r}):null};var ct=t=>{let{outputType:e}=s();return!y||e==="standard"?F.default.createElement(Z,{...t}):e==="edge"?F.default.createElement(K,{...t}):null};var E=T(require("react")),$=require("@uniformdev/context");var tt=T(require("cookie")),dt=({context:t,children:e,outputType:o="standard",trackRouteOnRender:n=!0})=>((0,E.useEffect)(()=>{y||!n||t.update({url:new URL(window.location.href),cookies:tt.default.parse(document.cookie)})}),E.default.createElement(L.Provider,{value:{context:t,outputType:o}},e,y?E.default.createElement(lt,null):null));function lt(){let{context:t}=s(),e=t.getServerToClientTransitionState();return E.default.createElement("script",{id:$.SERVER_STATE_ID,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}var f=require("react");var et=require("react");var I=t=>{let{personalized:e}=(0,et.useContext)(_);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var xt=({behavior:t,children:e,tagName:o="div",threshold:n=.5,disableVisibilityTrigger:r=typeof window=="undefined"||!("IntersectionObserver"in window),...a})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:u}=s(),C=I(),[P,h]=(0,f.useState)(),[x,S]=(0,f.useState)(!1),N=(0,f.useRef)(null),c=(0,f.useRef)();return(0,f.useEffect)(()=>{P!==i&&(S(!1),h(i))},[i,P]),(0,f.useEffect)(()=>{var J;let D=!t||Array.isArray(t)&&!t.length;if(C||D||!N.current)return;let ot=Array.isArray(t)?t:[t],q=()=>{var d;x||(u.update({enrichments:ot}),S(!0),(d=c.current)==null||d.call(c))};if(r)q();else{(J=c.current)==null||J.call(c);let d=new IntersectionObserver(([k])=>{k.isIntersecting&&q()},{threshold:n});d.observe(N.current),c.current=()=>{var k;return(k=d.disconnect)==null?void 0:k.call(d)}}return()=>{var d;(d=c.current)==null||d.call(c)}},[u,t,r,n,C,P,i,x]),(0,f.createElement)(o,{...a,ref:N},e)};var R=T(require("react")),V=require("react");var Tt=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:n}=s(),r=I(),[a,i]=(0,V.useState)(),[u,C]=(0,V.useState)(!1);return(0,V.useEffect)(()=>{a!==o&&(C(!1),i(o))},[o,a]),(0,V.useEffect)(()=>{let P=!t||Array.isArray(t)&&!t.length;if(r||P)return;(()=>{if(u)return;let S=Array.isArray(t)?t:[t];n.update({enrichments:S}),C(!0)})()},[n,t,r,u]),R.default.createElement(R.default.Fragment,null,e)};0&&(module.exports={Personalize,Test,Track,TrackFragment,UniformContext,useQuirks,useScores,useUniformContext});
+"use strict";var rt=Object.create;var O=Object.defineProperty;var nt=Object.getOwnPropertyDescriptor;var it=Object.getOwnPropertyNames;var st=Object.getPrototypeOf,at=Object.prototype.hasOwnProperty;var mt=(t,e)=>{for(var o in e)O(t,o,{get:e[o],enumerable:!0})},b=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of it(e))!at.call(t,r)&&r!==o&&O(t,r,{get:()=>e[r],enumerable:!(n=nt(e,r))||n.enumerable});return t};var T=(t,e,o)=>(o=t!=null?rt(st(t)):{},b(e||!t||!t.__esModule?O(o,"default",{value:t,enumerable:!0}):o,t)),pt=t=>b(O({},"__esModule",{value:!0}),t);var Ct={};mt(Ct,{Personalize:()=>ut,Test:()=>ct,Track:()=>xt,TrackFragment:()=>Tt,UniformContext:()=>dt,useQuirks:()=>ft,useScores:()=>M,useUniformContext:()=>s});module.exports=pt(Ct);var B=require("react");var H=require("react"),L=(0,H.createContext)(void 0),_=(0,H.createContext)({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=(0,B.useContext)(L);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}var v=require("react");function ft(){let{context:t}=s(),[e,o]=(0,v.useState)(t.quirks),n=r=>{o(r)};return(0,v.useEffect)(()=>(t.events.on("quirksUpdated",n),()=>{t.events.off("quirksUpdated",n)}),[t]),e}var w=require("react");var Q=require("dequal/lite");function M(){let{context:t}=s(),[e,o]=(0,w.useState)(t.scores);return(0,w.useEffect)(()=>{let n=a=>{o(a)},r=t.scores;return(0,Q.dequal)(e,r)||o(r),t.events.on("scoresUpdated",n),()=>{t.events.off("scoresUpdated",n)}},[t]),e}var A=T(require("react"));var g=T(require("react"));function W({variations:t,component:e,wrapperComponent:o,name:n,count:r=1}){let{context:a}=s(),i=M(),{variations:u,personalized:C}=(0,g.useMemo)(()=>a.personalize({name:n,variations:t,take:r}),[i,a,r,n,t]),P=o!=null?o:({children:x})=>g.default.createElement(g.default.Fragment,null,x),h=e;return g.default.createElement(_.Provider,{value:{personalized:!0}},u.length?g.default.createElement(P,{personalizationOccurred:C},u.map(x=>g.default.createElement(h,{key:x.id,personalizationResult:{variation:x,personalizationOccurred:C},...x}))):null)}var z=require("@uniformdev/context"),m=T(require("react"));var j=require("@uniformdev/context"),X=require("react"),l=t=>(0,X.createElement)(j.EdgeNodeTagName,t);function G(t){let{variations:e,count:o,component:n}=t,r={count:o!=null?o:1},a=n;return m.default.createElement(m.default.Fragment,null,m.default.createElement(l,{"data-type":z.ScriptType.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),e.map(i=>m.default.createElement(m.Fragment,{key:i.id},m.default.createElement(l,{"data-type":z.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),m.default.createElement(l,{"data-type":z.ScriptType.ListItem},m.default.createElement(a,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),m.default.createElement(l,{"data-type":z.ScriptType.ListEnd}))}var y=typeof window=="undefined";function ut(t){let{outputType:e}=s();return!y||e==="standard"?A.default.createElement(W,{...t}):e==="edge"?A.default.createElement(G,{...t}):null}var F=T(require("react"));var U=require("@uniformdev/context"),p=T(require("react"));function K(t){let{name:e,variations:o,component:n}=t,r={name:e},a=n;return p.default.createElement(p.default.Fragment,null,p.default.createElement(l,{"data-type":U.ScriptType.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),o.map((i,u)=>p.default.createElement(p.Fragment,{key:i.id},p.default.createElement(l,{"data-type":U.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),p.default.createElement(l,{"data-type":U.ScriptType.ListItem},p.default.createElement(a,{key:u,...i})))),p.default.createElement(l,{"data-type":U.ScriptType.TestEnd}))}var Y=T(require("react"));var Z=({name:t,variations:e,component:o})=>{let{context:n}=s(),{result:r}=n.test({name:t,variations:e});return r?Y.default.createElement(o,{...r}):null};var ct=t=>{let{outputType:e}=s();return!y||e==="standard"?F.default.createElement(Z,{...t}):e==="edge"?F.default.createElement(K,{...t}):null};var V=T(require("react")),$=require("@uniformdev/context");var tt=T(require("cookie")),dt=({context:t,children:e,outputType:o="standard",trackRouteOnRender:n=!0})=>((0,V.useEffect)(()=>{y||!n||t.update({url:new URL(window.location.href),cookies:tt.default.parse(document.cookie)})}),V.default.createElement(L.Provider,{value:{context:t,outputType:o}},e,y?V.default.createElement(lt,null):null));function lt(){let{context:t}=s(),e=t.getServerToClientTransitionState();return V.default.createElement("script",{id:$.SERVER_STATE_ID,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}var f=require("react");var et=require("react");var I=t=>{let{personalized:e}=(0,et.useContext)(_);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var xt=({behavior:t,children:e,tagName:o="div",threshold:n=.5,disableVisibilityTrigger:r=typeof window=="undefined"||!("IntersectionObserver"in window),...a})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:u}=s(),C=I(),[P,h]=(0,f.useState)(),[x,S]=(0,f.useState)(!1),N=(0,f.useRef)(null),c=(0,f.useRef)();return(0,f.useEffect)(()=>{P!==i&&(S(!1),h(i))},[i,P]),(0,f.useEffect)(()=>{var J;let D=!t||Array.isArray(t)&&!t.length;if(C||D||!N.current)return;let ot=Array.isArray(t)?t:[t],q=()=>{var d;x||(u.update({enrichments:ot}),S(!0),(d=c.current)==null||d.call(c))};if(r)q();else{(J=c.current)==null||J.call(c);let d=new IntersectionObserver(([k])=>{k.isIntersecting&&q()},{threshold:n});d.observe(N.current),c.current=()=>{var k;return(k=d.disconnect)==null?void 0:k.call(d)}}return()=>{var d;(d=c.current)==null||d.call(c)}},[u,t,r,n,C,P,i,x]),(0,f.createElement)(o,{...a,ref:N},e)};var R=T(require("react")),E=require("react");var Tt=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:n}=s(),r=I(),[a,i]=(0,E.useState)(),[u,C]=(0,E.useState)(!1);return(0,E.useEffect)(()=>{a!==o&&(C(!1),i(o))},[o,a]),(0,E.useEffect)(()=>{let P=!t||Array.isArray(t)&&!t.length;if(r||P)return;(()=>{if(u)return;let S=Array.isArray(t)?t:[t];n.update({enrichments:S}),C(!0)})()},[n,t,r,u]),R.default.createElement(R.default.Fragment,null,e)};0&&(module.exports={Personalize,Test,Track,TrackFragment,UniformContext,useQuirks,useScores,useUniformContext});

package/dist/index.mjs

@@ -1 +1 @@
-import{useContext as j}from"react";import{createContext as w}from"react";var V=w(void 0),z=w({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=j(V);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as X,useState as G}from"react";function Et(){let{context:t}=s(),[e,o]=G(t.quirks),r=n=>{o(n)};return X(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as K,useState as Y}from"react";import{dequal as Z}from"dequal/lite";function I(){let{context:t}=s(),[e,o]=Y(t.scores);return K(()=>{let r=a=>{o(a)},n=t.scores;return Z(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import M from"react";import P,{useMemo as $}from"react";function N({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:a}=s(),i=I(),{variations:m,personalized:d}=$(()=>a.personalize({name:r,variations:t,take:n}),[i,a,n,r,t]),l=o!=null?o:({children:c})=>P.createElement(P.Fragment,null,c),g=e;return P.createElement(z.Provider,{value:{personalized:!0}},m.length?P.createElement(l,{personalizationOccurred:d},m.map(c=>P.createElement(g,{key:c.id,personalizationResult:{variation:c,personalizationOccurred:d},...c}))):null)}import{ScriptType as U}from"@uniformdev/context";import x,{Fragment as ot}from"react";import{EdgeNodeTagName as tt}from"@uniformdev/context";import{createElement as et}from"react";var u=t=>et(tt,t);function H(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},a=r;return x.createElement(x.Fragment,null,x.createElement(u,{"data-type":U.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>x.createElement(ot,{key:i.id},x.createElement(u,{"data-type":U.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),x.createElement(u,{"data-type":U.ListItem},x.createElement(a,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),x.createElement(u,{"data-type":U.ListEnd}))}var C=typeof window=="undefined";function Kt(t){let{outputType:e}=s();return!C||e==="standard"?M.createElement(N,{...t}):e==="edge"?M.createElement(H,{...t}):null}import R from"react";import{ScriptType as h}from"@uniformdev/context";import T,{Fragment as rt}from"react";function A(t){let{name:e,variations:o,component:r}=t,n={name:e},a=r;return T.createElement(T.Fragment,null,T.createElement(u,{"data-type":h.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,m)=>T.createElement(rt,{key:i.id},T.createElement(u,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),T.createElement(u,{"data-type":h.ListItem},T.createElement(a,{key:m,...i})))),T.createElement(u,{"data-type":h.TestEnd}))}import nt from"react";var F=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?nt.createElement(o,{...n}):null};var xe=t=>{let{outputType:e}=s();return!C||e==="standard"?R.createElement(F,{...t}):e==="edge"?R.createElement(A,{...t}):null};import O,{useEffect as it}from"react";import{SERVER_STATE_ID as st}from"@uniformdev/context";import at from"cookie";var Ue=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(it(()=>{C||!r||t.update({url:new URL(window.location.href),cookies:at.parse(document.cookie)})}),O.createElement(V.Provider,{value:{context:t,outputType:o}},e,C?O.createElement(mt,null):null));function mt(){let{context:t}=s(),e=t.getServerToClientTransitionState();return O.createElement("script",{id:st,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ft,useEffect as D,useRef as q,useState as J}from"react";import{useContext as pt}from"react";var S=t=>{let{personalized:e}=pt(z);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var Ie=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...a})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:m}=s(),d=S(),[l,g]=J(),[c,y]=J(!1),k=q(null),p=q();return D(()=>{l!==i&&(y(!1),g(i))},[i,l]),D(()=>{var v;let L=!t||Array.isArray(t)&&!t.length;if(d||L||!k.current)return;let W=Array.isArray(t)?t:[t],_=()=>{var f;c||(m.update({enrichments:W}),y(!0),(f=p.current)==null||f.call(p))};if(n)_();else{(v=p.current)==null||v.call(p);let f=new IntersectionObserver(([E])=>{E.isIntersecting&&_()},{threshold:r});f.observe(k.current),p.current=()=>{var E;return(E=f.disconnect)==null?void 0:E.call(f)}}return()=>{var f;(f=p.current)==null||f.call(p)}},[m,t,n,r,d,l,i,c]),ft(o,{...a,ref:k},e)};import b from"react";import{useEffect as B,useState as Q}from"react";var De=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=S(),[a,i]=Q(),[m,d]=Q(!1);return B(()=>{a!==o&&(d(!1),i(o))},[o,a]),B(()=>{let l=!t||Array.isArray(t)&&!t.length;if(n||l)return;(()=>{if(m)return;let y=Array.isArray(t)?t:[t];r.update({enrichments:y}),d(!0)})()},[r,t,n,m]),b.createElement(b.Fragment,null,e)};export{Kt as Personalize,xe as Test,Ie as Track,De as TrackFragment,Ue as UniformContext,Et as useQuirks,I as useScores,s as useUniformContext};
+import{useContext as j}from"react";import{createContext as w}from"react";var E=w(void 0),z=w({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=j(E);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as X,useState as G}from"react";function Vt(){let{context:t}=s(),[e,o]=G(t.quirks),r=n=>{o(n)};return X(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as K,useState as Y}from"react";import{dequal as Z}from"dequal/lite";function I(){let{context:t}=s(),[e,o]=Y(t.scores);return K(()=>{let r=a=>{o(a)},n=t.scores;return Z(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import M from"react";import P,{useMemo as $}from"react";function N({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:a}=s(),i=I(),{variations:m,personalized:d}=$(()=>a.personalize({name:r,variations:t,take:n}),[i,a,n,r,t]),l=o!=null?o:({children:c})=>P.createElement(P.Fragment,null,c),g=e;return P.createElement(z.Provider,{value:{personalized:!0}},m.length?P.createElement(l,{personalizationOccurred:d},m.map(c=>P.createElement(g,{key:c.id,personalizationResult:{variation:c,personalizationOccurred:d},...c}))):null)}import{ScriptType as U}from"@uniformdev/context";import x,{Fragment as ot}from"react";import{EdgeNodeTagName as tt}from"@uniformdev/context";import{createElement as et}from"react";var u=t=>et(tt,t);function H(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},a=r;return x.createElement(x.Fragment,null,x.createElement(u,{"data-type":U.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>x.createElement(ot,{key:i.id},x.createElement(u,{"data-type":U.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),x.createElement(u,{"data-type":U.ListItem},x.createElement(a,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),x.createElement(u,{"data-type":U.ListEnd}))}var C=typeof window=="undefined";function Kt(t){let{outputType:e}=s();return!C||e==="standard"?M.createElement(N,{...t}):e==="edge"?M.createElement(H,{...t}):null}import R from"react";import{ScriptType as h}from"@uniformdev/context";import T,{Fragment as rt}from"react";function A(t){let{name:e,variations:o,component:r}=t,n={name:e},a=r;return T.createElement(T.Fragment,null,T.createElement(u,{"data-type":h.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,m)=>T.createElement(rt,{key:i.id},T.createElement(u,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),T.createElement(u,{"data-type":h.ListItem},T.createElement(a,{key:m,...i})))),T.createElement(u,{"data-type":h.TestEnd}))}import nt from"react";var F=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?nt.createElement(o,{...n}):null};var xe=t=>{let{outputType:e}=s();return!C||e==="standard"?R.createElement(F,{...t}):e==="edge"?R.createElement(A,{...t}):null};import O,{useEffect as it}from"react";import{SERVER_STATE_ID as st}from"@uniformdev/context";import at from"cookie";var Ue=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(it(()=>{C||!r||t.update({url:new URL(window.location.href),cookies:at.parse(document.cookie)})}),O.createElement(E.Provider,{value:{context:t,outputType:o}},e,C?O.createElement(mt,null):null));function mt(){let{context:t}=s(),e=t.getServerToClientTransitionState();return O.createElement("script",{id:st,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ft,useEffect as D,useRef as q,useState as J}from"react";import{useContext as pt}from"react";var S=t=>{let{personalized:e}=pt(z);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var Ie=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...a})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:m}=s(),d=S(),[l,g]=J(),[c,y]=J(!1),k=q(null),p=q();return D(()=>{l!==i&&(y(!1),g(i))},[i,l]),D(()=>{var v;let L=!t||Array.isArray(t)&&!t.length;if(d||L||!k.current)return;let W=Array.isArray(t)?t:[t],_=()=>{var f;c||(m.update({enrichments:W}),y(!0),(f=p.current)==null||f.call(p))};if(n)_();else{(v=p.current)==null||v.call(p);let f=new IntersectionObserver(([V])=>{V.isIntersecting&&_()},{threshold:r});f.observe(k.current),p.current=()=>{var V;return(V=f.disconnect)==null?void 0:V.call(f)}}return()=>{var f;(f=p.current)==null||f.call(p)}},[m,t,n,r,d,l,i,c]),ft(o,{...a,ref:k},e)};import b from"react";import{useEffect as B,useState as Q}from"react";var De=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=S(),[a,i]=Q(),[m,d]=Q(!1);return B(()=>{a!==o&&(d(!1),i(o))},[o,a]),B(()=>{let l=!t||Array.isArray(t)&&!t.length;if(n||l)return;(()=>{if(m)return;let y=Array.isArray(t)?t:[t];r.update({enrichments:y}),d(!0)})()},[r,t,n,m]),b.createElement(b.Fragment,null,e)};export{Kt as Personalize,xe as Test,Ie as Track,De as TrackFragment,Ue as UniformContext,Vt as useQuirks,I as useScores,s as useUniformContext};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/context-react",
-  "version": "16.2.1-alpha.60+4d040ee77",
+  "version": "16.2.1-nuxt.249+6d2287689",
   "description": "Uniform Context React integration package",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -24,14 +24,14 @@
   },
   "devDependencies": {
     "@types/cookie": "0.5.1",
-    "@types/react": "18.0.14",
+    "@types/react": "18.0.15",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
   "dependencies": {
-    "@uniformdev/context": "^16.2.1-alpha.60+4d040ee77",
+    "@uniformdev/context": "^16.2.1-nuxt.249+6d2287689",
     "cookie": "0.5.0",
-    "dequal": "2.0.2"
+    "dequal": "2.0.3"
   },
   "peerDependencies": {
     "react": ">=16.13.1",
@@ -43,5 +43,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4d040ee77ebb1baf10bc23fff43b367100350e44"
+  "gitHead": "6d2287689097cb256d17483ea3726d4bb87b2fa6"
 }