@uniformdev/context-react 16.0.1-alpha.164 → 16.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1 +1 @@
1
- import{useContext as G}from"react";import{createContext as N}from"react";var U=N(void 0),S=N({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=G(U);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as K,useState as Y}from"react";function zt(){let{context:t}=s(),[e,o]=Y(t.storage.data.quirks),r=n=>{o(n)};return K(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as Z,useState as $}from"react";import{dequal as tt}from"dequal/lite";function H(){let{context:t}=s(),[e,o]=$(t.scores);return Z(()=>{let r=p=>{o(p)},n=t.scores;return tt(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import F from"react";import y,{useMemo as et}from"react";function M({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:p}=s(),i=H(),{variations:f,personalized:x}=et(()=>p.personalize({name:r,variations:t,take:n}),[i,p,n,r,t]),T=o!=null?o:({children:l})=>y.createElement(y.Fragment,null,l),E=e;return y.createElement(S.Provider,{value:{personalized:!0}},f.length?y.createElement(T,{personalizationOccurred:x},f.map(l=>y.createElement(E,{key:l.id,personalizationResult:{variation:l,personalizationOccurred:x},...l}))):null)}import{ScriptType as h}from"@uniformdev/context";import C,{Fragment as nt}from"react";import{EdgeNodeTagName as ot}from"@uniformdev/context";import{createElement as rt}from"react";var d=t=>rt(ot,t);function A(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},p=r;return C.createElement(C.Fragment,null,C.createElement(d,{"data-type":h.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>C.createElement(nt,{key:i.id},C.createElement(d,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),C.createElement(d,{"data-type":h.ListItem},C.createElement(p,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),C.createElement(d,{"data-type":h.ListEnd}))}var g=typeof window=="undefined";function Zt(t){let{outputType:e}=s();return!g||e==="standard"?F.createElement(M,{...t}):e==="edge"?F.createElement(A,{...t}):null}import q from"react";import{ScriptType as k}from"@uniformdev/context";import P,{Fragment as it}from"react";function R(t){let{name:e,variations:o,component:r}=t,n={name:e},p=r;return P.createElement(P.Fragment,null,P.createElement(d,{"data-type":k.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,f)=>P.createElement(it,{key:i.id},P.createElement(d,{"data-type":k.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),P.createElement(d,{"data-type":k.ListItem},P.createElement(p,{key:f,...i})))),P.createElement(d,{"data-type":k.TestEnd}))}import st from"react";var D=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?st.createElement(o,{...n}):null};var Ce=t=>{let{outputType:e}=s();return!g||e==="standard"?q.createElement(D,{...t}):e==="edge"?q.createElement(R,{...t}):null};import L,{useEffect as at}from"react";import{SERVER_STATE_ID as mt}from"@uniformdev/context";import pt from"cookie";var he=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(at(()=>{g||!r||t.update({url:new URL(window.location.href),cookies:pt.parse(document.cookie)})}),L.createElement(U.Provider,{value:{context:t,outputType:o}},e,g?L.createElement(ft,null):null));function ft(){let{context:t}=s(),e={quirks:t.storage.data.quirks,tests:t.storage.data.tests,ssv:t.scores};return L.createElement("script",{id:mt,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ct,useEffect as J,useRef as b,useState as B}from"react";import{useContext as ut}from"react";var O=t=>{let{personalized:e}=ut(S);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var He=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...p})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:f}=s(),x=O(),[T,E]=B(),[l,V]=B(!1),v=b(null),u=b();return J(()=>{T!==i&&(V(!1),E(i))},[i,T]),J(()=>{var I;let _=!t||Array.isArray(t)&&!t.length;if(x||_||!v.current)return;let X=Array.isArray(t)?t:[t],w=()=>{var c;l||(f.update({enrichments:X}),V(!0),(c=u.current)==null||c.call(u))};if(n)w();else{(I=u.current)==null||I.call(u);let c=new IntersectionObserver(([z])=>{z.isIntersecting&&w()},{threshold:r});c.observe(v.current),u.current=()=>{var z;return(z=c.disconnect)==null?void 0:z.call(c)}}return()=>{var c;(c=u.current)==null||c.call(u)}},[f,t,n,r,x,T,i,l]),ct(o,{...p,ref:v},e)};import Q from"react";import{useEffect as W,useState as j}from"react";var Je=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=O(),[p,i]=j(),[f,x]=j(!1);return W(()=>{p!==o&&(x(!1),i(o))},[o,p]),W(()=>{let T=!t||Array.isArray(t)&&!t.length;if(n||T)return;(()=>{if(f)return;let V=Array.isArray(t)?t:[t];r.update({enrichments:V}),x(!0)})()},[r,t,n,f]),Q.createElement(Q.Fragment,null,e)};export{Zt as Personalize,Ce as Test,He as Track,Je as TrackFragment,he as UniformContext,zt as useQuirks,H as useScores,s as useUniformContext};
1
+ import{useContext as G}from"react";import{createContext as N}from"react";var U=N(void 0),S=N({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=G(U);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as K,useState as Y}from"react";function zt(){let{context:t}=s(),[e,o]=Y(t.quirks),r=n=>{o(n)};return K(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as Z,useState as $}from"react";import{dequal as tt}from"dequal/lite";function H(){let{context:t}=s(),[e,o]=$(t.scores);return Z(()=>{let r=p=>{o(p)},n=t.scores;return tt(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import F from"react";import y,{useMemo as et}from"react";function M({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:p}=s(),i=H(),{variations:f,personalized:x}=et(()=>p.personalize({name:r,variations:t,take:n}),[i,p,n,r,t]),T=o!=null?o:({children:l})=>y.createElement(y.Fragment,null,l),E=e;return y.createElement(S.Provider,{value:{personalized:!0}},f.length?y.createElement(T,{personalizationOccurred:x},f.map(l=>y.createElement(E,{key:l.id,personalizationResult:{variation:l,personalizationOccurred:x},...l}))):null)}import{ScriptType as h}from"@uniformdev/context";import C,{Fragment as nt}from"react";import{EdgeNodeTagName as ot}from"@uniformdev/context";import{createElement as rt}from"react";var d=t=>rt(ot,t);function A(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},p=r;return C.createElement(C.Fragment,null,C.createElement(d,{"data-type":h.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>C.createElement(nt,{key:i.id},C.createElement(d,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),C.createElement(d,{"data-type":h.ListItem},C.createElement(p,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),C.createElement(d,{"data-type":h.ListEnd}))}var g=typeof window=="undefined";function Zt(t){let{outputType:e}=s();return!g||e==="standard"?F.createElement(M,{...t}):e==="edge"?F.createElement(A,{...t}):null}import q from"react";import{ScriptType as k}from"@uniformdev/context";import P,{Fragment as it}from"react";function R(t){let{name:e,variations:o,component:r}=t,n={name:e},p=r;return P.createElement(P.Fragment,null,P.createElement(d,{"data-type":k.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,f)=>P.createElement(it,{key:i.id},P.createElement(d,{"data-type":k.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),P.createElement(d,{"data-type":k.ListItem},P.createElement(p,{key:f,...i})))),P.createElement(d,{"data-type":k.TestEnd}))}import st from"react";var D=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?st.createElement(o,{...n}):null};var Ce=t=>{let{outputType:e}=s();return!g||e==="standard"?q.createElement(D,{...t}):e==="edge"?q.createElement(R,{...t}):null};import L,{useEffect as at}from"react";import{SERVER_STATE_ID as mt}from"@uniformdev/context";import pt from"cookie";var he=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(at(()=>{g||!r||t.update({url:new URL(window.location.href),cookies:pt.parse(document.cookie)})}),L.createElement(U.Provider,{value:{context:t,outputType:o}},e,g?L.createElement(ft,null):null));function ft(){let{context:t}=s(),e={quirks:t.storage.data.quirks,tests:t.storage.data.tests,ssv:t.scores};return L.createElement("script",{id:mt,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ct,useEffect as J,useRef as b,useState as B}from"react";import{useContext as ut}from"react";var O=t=>{let{personalized:e}=ut(S);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var He=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...p})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:f}=s(),x=O(),[T,E]=B(),[l,V]=B(!1),v=b(null),u=b();return J(()=>{T!==i&&(V(!1),E(i))},[i,T]),J(()=>{var I;let _=!t||Array.isArray(t)&&!t.length;if(x||_||!v.current)return;let X=Array.isArray(t)?t:[t],w=()=>{var c;l||(f.update({enrichments:X}),V(!0),(c=u.current)==null||c.call(u))};if(n)w();else{(I=u.current)==null||I.call(u);let c=new IntersectionObserver(([z])=>{z.isIntersecting&&w()},{threshold:r});c.observe(v.current),u.current=()=>{var z;return(z=c.disconnect)==null?void 0:z.call(c)}}return()=>{var c;(c=u.current)==null||c.call(u)}},[f,t,n,r,x,T,i,l]),ct(o,{...p,ref:v},e)};import Q from"react";import{useEffect as W,useState as j}from"react";var Je=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=O(),[p,i]=j(),[f,x]=j(!1);return W(()=>{p!==o&&(x(!1),i(o))},[o,p]),W(()=>{let T=!t||Array.isArray(t)&&!t.length;if(n||T)return;(()=>{if(f)return;let V=Array.isArray(t)?t:[t];r.update({enrichments:V}),x(!0)})()},[r,t,n,f]),Q.createElement(Q.Fragment,null,e)};export{Zt as Personalize,Ce as Test,He as Track,Je as TrackFragment,he as UniformContext,zt as useQuirks,H as useScores,s as useUniformContext};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var nt=Object.create;var v=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,mt=Object.prototype.hasOwnProperty;var pt=(t,e)=>{for(var o in e)v(t,o,{get:e[o],enumerable:!0})},B=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of st(e))!mt.call(t,r)&&r!==o&&v(t,r,{get:()=>e[r],enumerable:!(n=it(e,r))||n.enumerable});return t};var C=(t,e,o)=>(o=t!=null?nt(at(t)):{},B(e||!t||!t.__esModule?v(o,"default",{value:t,enumerable:!0}):o,t)),ft=t=>B(v({},"__esModule",{value:!0}),t);var Pt={};pt(Pt,{Personalize:()=>ct,Test:()=>dt,Track:()=>Tt,TrackFragment:()=>Ct,UniformContext:()=>lt,useQuirks:()=>ut,useScores:()=>A,useUniformContext:()=>s});module.exports=ft(Pt);var Q=require("react");var M=require("react"),L=(0,M.createContext)(void 0),_=(0,M.createContext)({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=(0,Q.useContext)(L);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}var w=require("react");function ut(){let{context:t}=s(),[e,o]=(0,w.useState)(t.storage.data.quirks),n=r=>{o(r)};return(0,w.useEffect)(()=>(t.events.on("quirksUpdated",n),()=>{t.events.off("quirksUpdated",n)}),[t]),e}var I=require("react");var W=require("dequal/lite");function A(){let{context:t}=s(),[e,o]=(0,I.useState)(t.scores);return(0,I.useEffect)(()=>{let n=m=>{o(m)},r=t.scores;return(0,W.dequal)(e,r)||o(r),t.events.on("scoresUpdated",n),()=>{t.events.off("scoresUpdated",n)}},[t]),e}var F=C(require("react"));var y=C(require("react"));function j({variations:t,component:e,wrapperComponent:o,name:n,count:r=1}){let{context:m}=s(),i=A(),{variations:c,personalized:P}=(0,y.useMemo)(()=>m.personalize({name:n,variations:t,take:r}),[i,m,r,n,t]),g=o!=null?o:({children:T})=>y.default.createElement(y.default.Fragment,null,T),h=e;return y.default.createElement(_.Provider,{value:{personalized:!0}},c.length?y.default.createElement(g,{personalizationOccurred:P},c.map(T=>y.default.createElement(h,{key:T.id,personalizationResult:{variation:T,personalizationOccurred:P},...T}))):null)}var U=require("@uniformdev/context"),p=C(require("react"));var X=require("@uniformdev/context"),G=require("react"),x=t=>(0,G.createElement)(X.EdgeNodeTagName,t);function K(t){let{variations:e,count:o,component:n}=t,r={count:o!=null?o:1},m=n;return p.default.createElement(p.default.Fragment,null,p.default.createElement(x,{"data-type":U.ScriptType.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),e.map(i=>p.default.createElement(p.Fragment,{key:i.id},p.default.createElement(x,{"data-type":U.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),p.default.createElement(x,{"data-type":U.ScriptType.ListItem},p.default.createElement(m,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),p.default.createElement(x,{"data-type":U.ScriptType.ListEnd}))}var E=typeof window=="undefined";function ct(t){let{outputType:e}=s();return!E||e==="standard"?F.default.createElement(j,{...t}):e==="edge"?F.default.createElement(K,{...t}):null}var R=C(require("react"));var S=require("@uniformdev/context"),f=C(require("react"));function Y(t){let{name:e,variations:o,component:n}=t,r={name:e},m=n;return f.default.createElement(f.default.Fragment,null,f.default.createElement(x,{"data-type":S.ScriptType.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),o.map((i,c)=>f.default.createElement(f.Fragment,{key:i.id},f.default.createElement(x,{"data-type":S.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),f.default.createElement(x,{"data-type":S.ScriptType.ListItem},f.default.createElement(m,{key:c,...i})))),f.default.createElement(x,{"data-type":S.ScriptType.TestEnd}))}var Z=C(require("react"));var $=({name:t,variations:e,component:o})=>{let{context:n}=s(),{result:r}=n.test({name:t,variations:e});return r?Z.default.createElement(o,{...r}):null};var dt=t=>{let{outputType:e}=s();return!E||e==="standard"?R.default.createElement($,{...t}):e==="edge"?R.default.createElement(Y,{...t}):null};var V=C(require("react")),tt=require("@uniformdev/context");var et=C(require("cookie")),lt=({context:t,children:e,outputType:o="standard",trackRouteOnRender:n=!0})=>((0,V.useEffect)(()=>{E||!n||t.update({url:new URL(window.location.href),cookies:et.default.parse(document.cookie)})}),V.default.createElement(L.Provider,{value:{context:t,outputType:o}},e,E?V.default.createElement(xt,null):null));function xt(){let{context:t}=s(),e={quirks:t.storage.data.quirks,tests:t.storage.data.tests,ssv:t.scores};return V.default.createElement("script",{id:tt.SERVER_STATE_ID,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}var u=require("react");var ot=require("react");var N=t=>{let{personalized:e}=(0,ot.useContext)(_);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var Tt=({behavior:t,children:e,tagName:o="div",threshold:n=.5,disableVisibilityTrigger:r=typeof window=="undefined"||!("IntersectionObserver"in window),...m})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:c}=s(),P=N(),[g,h]=(0,u.useState)(),[T,k]=(0,u.useState)(!1),H=(0,u.useRef)(null),d=(0,u.useRef)();return(0,u.useEffect)(()=>{g!==i&&(k(!1),h(i))},[i,g]),(0,u.useEffect)(()=>{var b;let q=!t||Array.isArray(t)&&!t.length;if(P||q||!H.current)return;let rt=Array.isArray(t)?t:[t],J=()=>{var l;T||(c.update({enrichments:rt}),k(!0),(l=d.current)==null||l.call(d))};if(r)J();else{(b=d.current)==null||b.call(d);let l=new IntersectionObserver(([O])=>{O.isIntersecting&&J()},{threshold:n});l.observe(H.current),d.current=()=>{var O;return(O=l.disconnect)==null?void 0:O.call(l)}}return()=>{var l;(l=d.current)==null||l.call(d)}},[c,t,r,n,P,g,i,T]),(0,u.createElement)(o,{...m,ref:H},e)};var D=C(require("react")),z=require("react");var Ct=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:n}=s(),r=N(),[m,i]=(0,z.useState)(),[c,P]=(0,z.useState)(!1);return(0,z.useEffect)(()=>{m!==o&&(P(!1),i(o))},[o,m]),(0,z.useEffect)(()=>{let g=!t||Array.isArray(t)&&!t.length;if(r||g)return;(()=>{if(c)return;let k=Array.isArray(t)?t:[t];n.update({enrichments:k}),P(!0)})()},[n,t,r,c]),D.default.createElement(D.default.Fragment,null,e)};0&&(module.exports={Personalize,Test,Track,TrackFragment,UniformContext,useQuirks,useScores,useUniformContext});
1
+ var nt=Object.create;var v=Object.defineProperty;var it=Object.getOwnPropertyDescriptor;var st=Object.getOwnPropertyNames;var at=Object.getPrototypeOf,mt=Object.prototype.hasOwnProperty;var pt=(t,e)=>{for(var o in e)v(t,o,{get:e[o],enumerable:!0})},B=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of st(e))!mt.call(t,r)&&r!==o&&v(t,r,{get:()=>e[r],enumerable:!(n=it(e,r))||n.enumerable});return t};var C=(t,e,o)=>(o=t!=null?nt(at(t)):{},B(e||!t||!t.__esModule?v(o,"default",{value:t,enumerable:!0}):o,t)),ft=t=>B(v({},"__esModule",{value:!0}),t);var Pt={};pt(Pt,{Personalize:()=>ct,Test:()=>dt,Track:()=>Tt,TrackFragment:()=>Ct,UniformContext:()=>lt,useQuirks:()=>ut,useScores:()=>A,useUniformContext:()=>s});module.exports=ft(Pt);var Q=require("react");var M=require("react"),L=(0,M.createContext)(void 0),_=(0,M.createContext)({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=(0,Q.useContext)(L);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}var w=require("react");function ut(){let{context:t}=s(),[e,o]=(0,w.useState)(t.quirks),n=r=>{o(r)};return(0,w.useEffect)(()=>(t.events.on("quirksUpdated",n),()=>{t.events.off("quirksUpdated",n)}),[t]),e}var I=require("react");var W=require("dequal/lite");function A(){let{context:t}=s(),[e,o]=(0,I.useState)(t.scores);return(0,I.useEffect)(()=>{let n=m=>{o(m)},r=t.scores;return(0,W.dequal)(e,r)||o(r),t.events.on("scoresUpdated",n),()=>{t.events.off("scoresUpdated",n)}},[t]),e}var F=C(require("react"));var y=C(require("react"));function j({variations:t,component:e,wrapperComponent:o,name:n,count:r=1}){let{context:m}=s(),i=A(),{variations:c,personalized:P}=(0,y.useMemo)(()=>m.personalize({name:n,variations:t,take:r}),[i,m,r,n,t]),g=o!=null?o:({children:T})=>y.default.createElement(y.default.Fragment,null,T),h=e;return y.default.createElement(_.Provider,{value:{personalized:!0}},c.length?y.default.createElement(g,{personalizationOccurred:P},c.map(T=>y.default.createElement(h,{key:T.id,personalizationResult:{variation:T,personalizationOccurred:P},...T}))):null)}var U=require("@uniformdev/context"),p=C(require("react"));var X=require("@uniformdev/context"),G=require("react"),x=t=>(0,G.createElement)(X.EdgeNodeTagName,t);function K(t){let{variations:e,count:o,component:n}=t,r={count:o!=null?o:1},m=n;return p.default.createElement(p.default.Fragment,null,p.default.createElement(x,{"data-type":U.ScriptType.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),e.map(i=>p.default.createElement(p.Fragment,{key:i.id},p.default.createElement(x,{"data-type":U.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),p.default.createElement(x,{"data-type":U.ScriptType.ListItem},p.default.createElement(m,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),p.default.createElement(x,{"data-type":U.ScriptType.ListEnd}))}var E=typeof window=="undefined";function ct(t){let{outputType:e}=s();return!E||e==="standard"?F.default.createElement(j,{...t}):e==="edge"?F.default.createElement(K,{...t}):null}var R=C(require("react"));var S=require("@uniformdev/context"),f=C(require("react"));function Y(t){let{name:e,variations:o,component:n}=t,r={name:e},m=n;return f.default.createElement(f.default.Fragment,null,f.default.createElement(x,{"data-type":S.ScriptType.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(r)}}),o.map((i,c)=>f.default.createElement(f.Fragment,{key:i.id},f.default.createElement(x,{"data-type":S.ScriptType.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),f.default.createElement(x,{"data-type":S.ScriptType.ListItem},f.default.createElement(m,{key:c,...i})))),f.default.createElement(x,{"data-type":S.ScriptType.TestEnd}))}var Z=C(require("react"));var $=({name:t,variations:e,component:o})=>{let{context:n}=s(),{result:r}=n.test({name:t,variations:e});return r?Z.default.createElement(o,{...r}):null};var dt=t=>{let{outputType:e}=s();return!E||e==="standard"?R.default.createElement($,{...t}):e==="edge"?R.default.createElement(Y,{...t}):null};var V=C(require("react")),tt=require("@uniformdev/context");var et=C(require("cookie")),lt=({context:t,children:e,outputType:o="standard",trackRouteOnRender:n=!0})=>((0,V.useEffect)(()=>{E||!n||t.update({url:new URL(window.location.href),cookies:et.default.parse(document.cookie)})}),V.default.createElement(L.Provider,{value:{context:t,outputType:o}},e,E?V.default.createElement(xt,null):null));function xt(){let{context:t}=s(),e={quirks:t.storage.data.quirks,tests:t.storage.data.tests,ssv:t.scores};return V.default.createElement("script",{id:tt.SERVER_STATE_ID,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}var u=require("react");var ot=require("react");var N=t=>{let{personalized:e}=(0,ot.useContext)(_);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var Tt=({behavior:t,children:e,tagName:o="div",threshold:n=.5,disableVisibilityTrigger:r=typeof window=="undefined"||!("IntersectionObserver"in window),...m})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:c}=s(),P=N(),[g,h]=(0,u.useState)(),[T,k]=(0,u.useState)(!1),H=(0,u.useRef)(null),d=(0,u.useRef)();return(0,u.useEffect)(()=>{g!==i&&(k(!1),h(i))},[i,g]),(0,u.useEffect)(()=>{var b;let q=!t||Array.isArray(t)&&!t.length;if(P||q||!H.current)return;let rt=Array.isArray(t)?t:[t],J=()=>{var l;T||(c.update({enrichments:rt}),k(!0),(l=d.current)==null||l.call(d))};if(r)J();else{(b=d.current)==null||b.call(d);let l=new IntersectionObserver(([O])=>{O.isIntersecting&&J()},{threshold:n});l.observe(H.current),d.current=()=>{var O;return(O=l.disconnect)==null?void 0:O.call(l)}}return()=>{var l;(l=d.current)==null||l.call(d)}},[c,t,r,n,P,g,i,T]),(0,u.createElement)(o,{...m,ref:H},e)};var D=C(require("react")),z=require("react");var Ct=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:n}=s(),r=N(),[m,i]=(0,z.useState)(),[c,P]=(0,z.useState)(!1);return(0,z.useEffect)(()=>{m!==o&&(P(!1),i(o))},[o,m]),(0,z.useEffect)(()=>{let g=!t||Array.isArray(t)&&!t.length;if(r||g)return;(()=>{if(c)return;let k=Array.isArray(t)?t:[t];n.update({enrichments:k}),P(!0)})()},[n,t,r,c]),D.default.createElement(D.default.Fragment,null,e)};0&&(module.exports={Personalize,Test,Track,TrackFragment,UniformContext,useQuirks,useScores,useUniformContext});
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{useContext as G}from"react";import{createContext as N}from"react";var U=N(void 0),S=N({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=G(U);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as K,useState as Y}from"react";function zt(){let{context:t}=s(),[e,o]=Y(t.storage.data.quirks),r=n=>{o(n)};return K(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as Z,useState as $}from"react";import{dequal as tt}from"dequal/lite";function H(){let{context:t}=s(),[e,o]=$(t.scores);return Z(()=>{let r=p=>{o(p)},n=t.scores;return tt(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import F from"react";import y,{useMemo as et}from"react";function M({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:p}=s(),i=H(),{variations:f,personalized:x}=et(()=>p.personalize({name:r,variations:t,take:n}),[i,p,n,r,t]),T=o!=null?o:({children:l})=>y.createElement(y.Fragment,null,l),E=e;return y.createElement(S.Provider,{value:{personalized:!0}},f.length?y.createElement(T,{personalizationOccurred:x},f.map(l=>y.createElement(E,{key:l.id,personalizationResult:{variation:l,personalizationOccurred:x},...l}))):null)}import{ScriptType as h}from"@uniformdev/context";import C,{Fragment as nt}from"react";import{EdgeNodeTagName as ot}from"@uniformdev/context";import{createElement as rt}from"react";var d=t=>rt(ot,t);function A(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},p=r;return C.createElement(C.Fragment,null,C.createElement(d,{"data-type":h.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>C.createElement(nt,{key:i.id},C.createElement(d,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),C.createElement(d,{"data-type":h.ListItem},C.createElement(p,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),C.createElement(d,{"data-type":h.ListEnd}))}var g=typeof window=="undefined";function Zt(t){let{outputType:e}=s();return!g||e==="standard"?F.createElement(M,{...t}):e==="edge"?F.createElement(A,{...t}):null}import q from"react";import{ScriptType as k}from"@uniformdev/context";import P,{Fragment as it}from"react";function R(t){let{name:e,variations:o,component:r}=t,n={name:e},p=r;return P.createElement(P.Fragment,null,P.createElement(d,{"data-type":k.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,f)=>P.createElement(it,{key:i.id},P.createElement(d,{"data-type":k.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),P.createElement(d,{"data-type":k.ListItem},P.createElement(p,{key:f,...i})))),P.createElement(d,{"data-type":k.TestEnd}))}import st from"react";var D=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?st.createElement(o,{...n}):null};var Ce=t=>{let{outputType:e}=s();return!g||e==="standard"?q.createElement(D,{...t}):e==="edge"?q.createElement(R,{...t}):null};import L,{useEffect as at}from"react";import{SERVER_STATE_ID as mt}from"@uniformdev/context";import pt from"cookie";var he=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(at(()=>{g||!r||t.update({url:new URL(window.location.href),cookies:pt.parse(document.cookie)})}),L.createElement(U.Provider,{value:{context:t,outputType:o}},e,g?L.createElement(ft,null):null));function ft(){let{context:t}=s(),e={quirks:t.storage.data.quirks,tests:t.storage.data.tests,ssv:t.scores};return L.createElement("script",{id:mt,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ct,useEffect as J,useRef as b,useState as B}from"react";import{useContext as ut}from"react";var O=t=>{let{personalized:e}=ut(S);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var He=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...p})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:f}=s(),x=O(),[T,E]=B(),[l,V]=B(!1),v=b(null),u=b();return J(()=>{T!==i&&(V(!1),E(i))},[i,T]),J(()=>{var I;let _=!t||Array.isArray(t)&&!t.length;if(x||_||!v.current)return;let X=Array.isArray(t)?t:[t],w=()=>{var c;l||(f.update({enrichments:X}),V(!0),(c=u.current)==null||c.call(u))};if(n)w();else{(I=u.current)==null||I.call(u);let c=new IntersectionObserver(([z])=>{z.isIntersecting&&w()},{threshold:r});c.observe(v.current),u.current=()=>{var z;return(z=c.disconnect)==null?void 0:z.call(c)}}return()=>{var c;(c=u.current)==null||c.call(u)}},[f,t,n,r,x,T,i,l]),ct(o,{...p,ref:v},e)};import Q from"react";import{useEffect as W,useState as j}from"react";var Je=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=O(),[p,i]=j(),[f,x]=j(!1);return W(()=>{p!==o&&(x(!1),i(o))},[o,p]),W(()=>{let T=!t||Array.isArray(t)&&!t.length;if(n||T)return;(()=>{if(f)return;let V=Array.isArray(t)?t:[t];r.update({enrichments:V}),x(!0)})()},[r,t,n,f]),Q.createElement(Q.Fragment,null,e)};export{Zt as Personalize,Ce as Test,He as Track,Je as TrackFragment,he as UniformContext,zt as useQuirks,H as useScores,s as useUniformContext};
1
+ import{useContext as G}from"react";import{createContext as N}from"react";var U=N(void 0),S=N({});function s(t={}){let{throwOnMissingProvider:e=!0}=t,o=G(U);if(e){if(o===void 0)throw new Error("useUniformContext must be used within a <UniformContext> provider");return o}return o}import{useEffect as K,useState as Y}from"react";function zt(){let{context:t}=s(),[e,o]=Y(t.quirks),r=n=>{o(n)};return K(()=>(t.events.on("quirksUpdated",r),()=>{t.events.off("quirksUpdated",r)}),[t]),e}import{useEffect as Z,useState as $}from"react";import{dequal as tt}from"dequal/lite";function H(){let{context:t}=s(),[e,o]=$(t.scores);return Z(()=>{let r=p=>{o(p)},n=t.scores;return tt(e,n)||o(n),t.events.on("scoresUpdated",r),()=>{t.events.off("scoresUpdated",r)}},[t]),e}import F from"react";import y,{useMemo as et}from"react";function M({variations:t,component:e,wrapperComponent:o,name:r,count:n=1}){let{context:p}=s(),i=H(),{variations:f,personalized:x}=et(()=>p.personalize({name:r,variations:t,take:n}),[i,p,n,r,t]),T=o!=null?o:({children:l})=>y.createElement(y.Fragment,null,l),E=e;return y.createElement(S.Provider,{value:{personalized:!0}},f.length?y.createElement(T,{personalizationOccurred:x},f.map(l=>y.createElement(E,{key:l.id,personalizationResult:{variation:l,personalizationOccurred:x},...l}))):null)}import{ScriptType as h}from"@uniformdev/context";import C,{Fragment as nt}from"react";import{EdgeNodeTagName as ot}from"@uniformdev/context";import{createElement as rt}from"react";var d=t=>rt(ot,t);function A(t){let{variations:e,count:o,component:r}=t,n={count:o!=null?o:1},p=r;return C.createElement(C.Fragment,null,C.createElement(d,{"data-type":h.ListStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),e.map(i=>C.createElement(nt,{key:i.id},C.createElement(d,{"data-type":h.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id,pz:i.pz||null})}}),C.createElement(d,{"data-type":h.ListItem},C.createElement(p,{key:i.id,personalizationResult:{variation:i,personalizationOccurred:!1},...i})))),C.createElement(d,{"data-type":h.ListEnd}))}var g=typeof window=="undefined";function Zt(t){let{outputType:e}=s();return!g||e==="standard"?F.createElement(M,{...t}):e==="edge"?F.createElement(A,{...t}):null}import q from"react";import{ScriptType as k}from"@uniformdev/context";import P,{Fragment as it}from"react";function R(t){let{name:e,variations:o,component:r}=t,n={name:e},p=r;return P.createElement(P.Fragment,null,P.createElement(d,{"data-type":k.TestStart,dangerouslySetInnerHTML:{__html:JSON.stringify(n)}}),o.map((i,f)=>P.createElement(it,{key:i.id},P.createElement(d,{"data-type":k.ListItemSettings,dangerouslySetInnerHTML:{__html:JSON.stringify({id:i.id})}}),P.createElement(d,{"data-type":k.ListItem},P.createElement(p,{key:f,...i})))),P.createElement(d,{"data-type":k.TestEnd}))}import st from"react";var D=({name:t,variations:e,component:o})=>{let{context:r}=s(),{result:n}=r.test({name:t,variations:e});return n?st.createElement(o,{...n}):null};var Ce=t=>{let{outputType:e}=s();return!g||e==="standard"?q.createElement(D,{...t}):e==="edge"?q.createElement(R,{...t}):null};import L,{useEffect as at}from"react";import{SERVER_STATE_ID as mt}from"@uniformdev/context";import pt from"cookie";var he=({context:t,children:e,outputType:o="standard",trackRouteOnRender:r=!0})=>(at(()=>{g||!r||t.update({url:new URL(window.location.href),cookies:pt.parse(document.cookie)})}),L.createElement(U.Provider,{value:{context:t,outputType:o}},e,g?L.createElement(ft,null):null));function ft(){let{context:t}=s(),e={quirks:t.storage.data.quirks,tests:t.storage.data.tests,ssv:t.scores};return L.createElement("script",{id:mt,type:"application/json",dangerouslySetInnerHTML:{__html:JSON.stringify(e)}})}import{createElement as ct,useEffect as J,useRef as b,useState as B}from"react";import{useContext as ut}from"react";var O=t=>{let{personalized:e}=ut(S);return typeof e!="undefined"?e:typeof(t==null?void 0:t.personalized)!="undefined"?t.personalized:!1};var He=({behavior:t,children:e,tagName:o="div",threshold:r=.5,disableVisibilityTrigger:n=typeof window=="undefined"||!("IntersectionObserver"in window),...p})=>{let i=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:f}=s(),x=O(),[T,E]=B(),[l,V]=B(!1),v=b(null),u=b();return J(()=>{T!==i&&(V(!1),E(i))},[i,T]),J(()=>{var I;let _=!t||Array.isArray(t)&&!t.length;if(x||_||!v.current)return;let X=Array.isArray(t)?t:[t],w=()=>{var c;l||(f.update({enrichments:X}),V(!0),(c=u.current)==null||c.call(u))};if(n)w();else{(I=u.current)==null||I.call(u);let c=new IntersectionObserver(([z])=>{z.isIntersecting&&w()},{threshold:r});c.observe(v.current),u.current=()=>{var z;return(z=c.disconnect)==null?void 0:z.call(c)}}return()=>{var c;(c=u.current)==null||c.call(u)}},[f,t,n,r,x,T,i,l]),ct(o,{...p,ref:v},e)};import Q from"react";import{useEffect as W,useState as j}from"react";var Je=({behavior:t,children:e})=>{let o=typeof document=="undefined"?"__uniform_ssr_url":document.location.href,{context:r}=s(),n=O(),[p,i]=j(),[f,x]=j(!1);return W(()=>{p!==o&&(x(!1),i(o))},[o,p]),W(()=>{let T=!t||Array.isArray(t)&&!t.length;if(n||T)return;(()=>{if(f)return;let V=Array.isArray(t)?t:[t];r.update({enrichments:V}),x(!0)})()},[r,t,n,f]),Q.createElement(Q.Fragment,null,e)};export{Zt as Personalize,Ce as Test,He as Track,Je as TrackFragment,he as UniformContext,zt as useQuirks,H as useScores,s as useUniformContext};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/context-react",
3
- "version": "16.0.1-alpha.164+c3b15fc3f",
3
+ "version": "16.1.0",
4
4
  "description": "Uniform Context React integration package",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -29,7 +29,7 @@
29
29
  "react-dom": "18.1.0"
30
30
  },
31
31
  "dependencies": {
32
- "@uniformdev/context": "^16.0.1-alpha.164+c3b15fc3f",
32
+ "@uniformdev/context": "^16.1.0",
33
33
  "cookie": "0.5.0",
34
34
  "dequal": "2.0.2"
35
35
  },
@@ -43,5 +43,5 @@
43
43
  "publishConfig": {
44
44
  "access": "public"
45
45
  },
46
- "gitHead": "c3b15fc3f3101dd990d7adfe84cb7e0bad77899d"
46
+ "gitHead": "18a24d68a80d079bfdf74b52ccf352fc2f8a2821"
47
47
  }