@uniformdev/context-react - npm Package Compare versions

Comparing version 12.2.1-alpha.184 to 13.0.1-alpha.96

dist/index.d.ts

@@ -1,2 +0,2 @@
-import { Context, Quirks, ScoreVector, PersonalizedVariant, TestVariant, EnrichmentData, TaggedContent } from '@uniformdev/context';
+import { Context, Quirks, ScoreVector, PersonalizedVariant, TestVariant, EnrichmentData } from '@uniformdev/context';
 import * as react from 'react';
@@ -98,7 +98,17 @@ import react__default, { ReactNode, ReactElement, HTMLAttributes } from 'react';
 
-declare type TrackProps = HTMLAttributes<HTMLElement> & {
+declare type TrackFragmentProps = {
     /** Behavior that will be pushed when tracking occurs. */
-    behavior: EnrichmentData | EnrichmentData[] | TaggedContent | undefined;
+    behavior: EnrichmentData | EnrichmentData[] | undefined;
     /** Nested elements that are related to the behavior specified. */
     children: ReactNode;
+};
+/**
+ * Tracks visitor behavior by adding enrichment score when they are shown a route with this component on it.
+ *
+ * NOTE: if you wish to track on the visitor seeing the content in the browser viewport instead,
+ * use Track instead of TrackFragment.
+ */
+declare const TrackFragment: ({ behavior, children }: TrackFragmentProps) => JSX.Element;
+
+declare type TrackProps = TrackFragmentProps & HTMLAttributes<HTMLElement> & {
     /**
@@ -123,2 +133,12 @@ * Element tag that will be used for tracking.
 };
+/**
+ * Tracks visitor behavior by adding enrichment score when they view content wrapped in this component.
+ * When the Track component is sufficiently in the viewport, it will trigger the enrichment values specified
+ * in `behavior` to the current visitor. If the browser does not support IntersectionObserver, the behavior will
+ * be triggered immediately on page load instead.
+ *
+ * NOTE: this component necessarily renders a wrapping tag to attach the IntersectionObserver to; this can result
+ * in DOM changes when personalization is added. If that's undesirable use TrackFragment instead which tracks
+ * only on page load, but does not render a wrapping tag.
+ */
 declare const Track: ({ behavior, children, tagName, threshold, disableVisibilityTrigger, ...rest }: TrackProps) => react.DOMElement<{
@@ -383,2 +403,2 @@ ref: react.RefObject<HTMLElement>;
 
-export { Personalize, PersonalizeComponentProps, PersonalizeWrapperComponent, PersonalizedVariationComponent, Test, TestComponentProps, Track, TrackProps, UniformContext, UniformContextProps$1 as UniformContextProps, VariantOutputType, useQuirks, useScores, useUniformContext };
+export { Personalize, PersonalizeComponentProps, PersonalizeWrapperComponent, PersonalizedVariationComponent, Test, TestComponentProps, Track, TrackFragment, TrackFragmentProps, TrackProps, UniformContext, UniformContextProps$1 as UniformContextProps, VariantOutputType, useQuirks, useScores, useUniformContext };

dist/index.esm.js

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

dist/index.js

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

package.json

 {
   "name": "@uniformdev/context-react",
-  "version": "12.2.1-alpha.184+70191f06",
+  "version": "13.0.1-alpha.96+63b9d6697",
   "description": "Uniform Context React integration package",
@@ -18,3 +18,3 @@ "license": "SEE LICENSE IN LICENSE.txt",
   "scripts": {
-    "build": "tsup",
+    "build": "tsup --minify",
     "dev": "tsup --watch",
@@ -24,21 +24,11 @@ "clean": "rimraf dist",
     "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
-    "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
-    "ci:verify": "run-p lint test",
-    "ci:build": "tsup --minify --clean"
+    "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "devDependencies": {
-    "@types/jest": "27.4.0",
-    "@types/node": "16.11.12",
-    "eslint": "8.7.0",
-    "eslint-plugin-react": "7.28.0",
-    "eslint-plugin-react-hooks": "4.3.0",
-    "jest": "27.4.7",
-    "npm-run-all": "4.1.5",
-    "react": "17.0.2",
-    "rimraf": "3.0.2",
-    "ts-jest": "27.1.3",
-    "tsup": "5.11.11"
+    "@types/cookie": "^0.4.1",
+    "@types/react": "^17.0.43",
+    "react": "17.0.2"
   },
   "dependencies": {
-    "@uniformdev/context": "^12.2.1-alpha.184+70191f06",
+    "@uniformdev/context": "^13.0.1-alpha.96+63b9d6697",
     "cookie": "^0.4.1",
@@ -53,3 +43,6 @@ "dequal": "^2.0.2"
   ],
-  "gitHead": "70191f06d59e536ded0bf3dc451400d59fa8bcad"
+  "publishConfig": {
+    "access": "public"
+  },
+  "gitHead": "63b9d66978bcf803b186efd292f08101a7c66d66"
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Manifest confusion

Supply chain risk

This package has inconsistent metadata. This could be malicious or caused by an error when publishing the package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

41672

increased by7.11%

Dev dependency count

3

decreased by-72.73%

Lines of code

460

increased by5.99%

Dependency changes

• + Added@uniformdev/context@13.0.1-alpha.311(transitive)

• + Addedjs-cookie@3.0.1(transitive)

• - Removed@uniformdev/context@12.2.1-alpha.184(transitive)

• - Removedansi-styles@4.3.0(transitive)

• - Removedchalk@4.1.2(transitive)

• - Removedcolor-convert@2.0.1(transitive)

• - Removedcolor-name@1.1.4(transitive)

• - Removedhas-flag@4.0.0(transitive)

• - Removedsupports-color@7.2.0(transitive)

• Updated@uniformdev/context@^13.0.1-alpha.96+63b9d6697