@uniformdev/canvas-react 16.0.1-alpha.194 → 16.1.1-alpha.139

package/dist/index.esm.js

@@ -1 +1 @@
-import{Track as g,TrackFragment as w,useUniformContext as b}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as A}from"@uniformdev/canvas";import S,{createContext as k,useContext as V}from"react";function v(o){var n;let e=(n=o.parameters)!=null?n:{};return{...Object.keys(e).reduce((t,s)=>(t[s]=e[s].value,t),{}),...o.data,component:o}}var h=k(void 0);function T(){return V(h)}function N({data:o,resolveRenderer:e,children:r,behaviorTracking:n}){var p,a,f;let t=T(),s=b({throwOnMissingProvider:!1})!==void 0;if(!o)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let i={composition:o,resolveRenderer:e!=null?e:t==null?void 0:t.resolveRenderer,behaviorTracking:(p=n!=null?n:t==null?void 0:t.behaviorTracking)!=null?p:"onView"},d=(f=(a=o.parameters)==null?void 0:a[A])==null?void 0:f.value,l=i.behaviorTracking==="onLoad"?w:g,m=typeof r=="function"?r(v(o)):r;return S.createElement(h.Provider,{value:i},s?S.createElement(l,{behavior:d},m):m)}import y from"react";import{CANVAS_PERSONALIZE_TYPE as D,CANVAS_TEST_TYPE as F}from"@uniformdev/canvas";import{Personalize as O,Test as _}from"@uniformdev/context-react";import{mapSlotToPersonalizedVariations as I,mapSlotToTestVariations as z}from"@uniformdev/canvas";import*as P from"react";var R={test:(o,e,r)=>{var d,l,m,p;let n=o,t=(l=(d=n.slots)==null?void 0:d.test)!=null?l:[],s=(p=(m=n.parameters.test)==null?void 0:m.value)!=null?p:"Untitled Test",i=z(t);return P.createElement(_,{key:e,variations:i,name:s,component:a=>r(a,e)})},personalization:(o,e,r)=>{var s,i,d,l,m,p,a;let n=o,t=I((s=n==null?void 0:n.slots)==null?void 0:s.pz);return P.createElement(O,{key:e,variations:t,count:Number((l=(d=(i=n.parameters)==null?void 0:i.count)==null?void 0:d.value)!=null?l:1),name:(a=(p=(m=n.parameters)==null?void 0:m.trackingEventName)==null?void 0:p.value)!=null?a:"Untitled Personalization",component:f=>r(f,0)})}};function po({name:o,resolveRenderer:e,children:r}){var p;let n=T();if(!(n!=null&&n.composition))throw new Error("Slot must be rendered within a Composition");let{composition:t,resolveRenderer:s}=n;if(!t)throw new Error("Cannot use Slot without a Composition wrapper.");let i=(p=t.slots)==null?void 0:p[o];if(!i||!Array.isArray(i))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${o}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,t),null;let d=e!=null?e:s,l=R,m=i.map((a,f)=>{let x=E({component:a,resolveRenderer:d,resolveSystem:l,key:f});return r?r({child:x,component:a,key:f}):x});return y.createElement(y.Fragment,void 0,m)}function E({component:o,resolveRenderer:e,resolveSystem:r,key:n=0}){let t=e==null?void 0:e(o);if(o.type===F)return r.test(o,n,(s,i)=>E({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(o.type===D)return r.personalization(o,n,(s,i)=>E({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(t){let s=v(o);return y.createElement(N,{key:n,data:o,resolveRenderer:e},y.createElement(t,{...s}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${o.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,o);return null}import c from"react";function lo(o){var r;let e=(r=o.component)==null?void 0:r.type;return e?c.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},c.createElement("h2",null,"Component: ",e),c.createElement("p",null,c.createElement("strong",null,e)," has no React implementation. It may need to be added to your"," ",c.createElement("code",null,"resolveRenderer()")," function."),c.createElement("details",null,c.createElement("summary",null,"Props"),c.createElement("pre",null,JSON.stringify(o,null,2)))):null}import{CANVAS_DRAFT_STATE as J,createEventBus as U,subscribeToComposition as X}from"@uniformdev/canvas";import{useEffect as K}from"react";function vo({enabled:o,projectId:e,compositionId:r,effect:n}){K(()=>{if(!o||!r||!e)return;let t;return(async()=>{let i=await U();i&&(t=X({eventBus:i,compositionId:r,compositionState:J,projectId:e,callback:n,event:"updated"}))})(),()=>{t&&t()}},[r,o,e,n])}export{N as Composition,lo as DefaultNotImplementedComponent,po as Slot,T as useComposition,vo as useCompositionEventEffect};
+import{Track as N,TrackFragment as R,useUniformContext as g}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as w}from"@uniformdev/canvas";import E,{createContext as b,useContext as A}from"react";function C(o){var n;let e=(n=o.parameters)!=null?n:{};return{...Object.keys(e).reduce((t,s)=>(t[s]=e[s].value,t),{}),...o.data,component:o}}var x=b(void 0);function v(){return A(x)}function S({data:o,resolveRenderer:e,children:r,behaviorTracking:n}){var p,a,f;let t=v(),s=g({throwOnMissingProvider:!1})!==void 0;if(!o)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let i={composition:o,resolveRenderer:e!=null?e:t==null?void 0:t.resolveRenderer,behaviorTracking:(p=n!=null?n:t==null?void 0:t.behaviorTracking)!=null?p:"onView"},d=(f=(a=o.parameters)==null?void 0:a[w])==null?void 0:f.value,l=i.behaviorTracking==="onLoad"?R:N,m=typeof r=="function"?r(C(o)):r;return E.createElement(x.Provider,{value:i},s?E.createElement(l,{behavior:d},m):m)}import u from"react";import{CANVAS_PERSONALIZE_TYPE as I,CANVAS_TEST_TYPE as z}from"@uniformdev/canvas";import{Personalize as k,Test as V}from"@uniformdev/context-react";import{mapSlotToPersonalizedVariations as O,mapSlotToTestVariations as _}from"@uniformdev/canvas";import*as y from"react";var h={test:(o,e,r)=>{var d,l,m,p;let n=o,t=(l=(d=n.slots)==null?void 0:d.test)!=null?l:[],s=(p=(m=n.parameters.test)==null?void 0:m.value)!=null?p:"Untitled Test",i=_(t);return y.createElement(V,{key:e,variations:i,name:s,component:a=>r(a,e)})},personalization:(o,e,r)=>{var s,i,d,l,m,p,a;let n=o,t=O((s=n==null?void 0:n.slots)==null?void 0:s.pz);return y.createElement(k,{key:e,variations:t,count:Number((l=(d=(i=n.parameters)==null?void 0:i.count)==null?void 0:d.value)!=null?l:1),name:(a=(p=(m=n.parameters)==null?void 0:m.trackingEventName)==null?void 0:p.value)!=null?a:"Untitled Personalization",component:f=>r(f,0)})}};function so({name:o,resolveRenderer:e,children:r}){var p;let n=v();if(!(n!=null&&n.composition))throw new Error("Slot must be rendered within a Composition");let{composition:t,resolveRenderer:s}=n;if(!t)throw new Error("Cannot use Slot without a Composition wrapper.");let i=(p=t.slots)==null?void 0:p[o];if(!i||!Array.isArray(i))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${o}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,t),null;let d=e!=null?e:s,l=h,m=i.map((a,f)=>{let P=T({component:a,resolveRenderer:d,resolveSystem:l,key:f});return r?r({child:P,component:a,key:f}):P});return u.createElement(u.Fragment,void 0,m)}function T({component:o,resolveRenderer:e,resolveSystem:r,key:n=0}){let t=e==null?void 0:e(o);if(o.type===z)return r.test(o,n,(s,i)=>T({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(o.type===I)return r.personalization(o,n,(s,i)=>T({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(t){let s=C(o);return u.createElement(S,{key:n,data:o,resolveRenderer:e},u.createElement(t,{...s}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${o.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,o);return null}import c from"react";function mo(o){var r;let e=(r=o.component)==null?void 0:r.type;return e?c.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},c.createElement("h2",null,"Component: ",e),c.createElement("p",null,c.createElement("strong",null,e)," has no React implementation. It may need to be added to your"," ",c.createElement("code",null,"resolveRenderer()")," function."),c.createElement("details",null,c.createElement("summary",null,"Props"),c.createElement("pre",null,JSON.stringify(o,null,2)))):null}import{CANVAS_DRAFT_STATE as D,createEventBus as F,subscribeToComposition as J}from"@uniformdev/canvas";import{useEffect as U}from"react";function Co({enabled:o,projectId:e,compositionId:r,effect:n}){U(()=>{if(!o||!r||!e)return;let t;return(async()=>{let i=await F();i&&(t=J({eventBus:i,compositionId:r,compositionState:D,projectId:e,callback:n,event:"updated"}))})(),()=>{t&&t()}},[r,o,e,n])}export{S as Composition,mo as DefaultNotImplementedComponent,so as Slot,v as useComposition,Co as useCompositionEventEffect};

package/dist/index.js

@@ -1 +1 @@
-var z=Object.create;var P=Object.defineProperty;var D=Object.getOwnPropertyDescriptor;var F=Object.getOwnPropertyNames;var J=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var X=(o,e)=>{for(var n in e)P(o,n,{get:e[n],enumerable:!0})},k=(o,e,n,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of F(e))!U.call(o,r)&&r!==n&&P(o,r,{get:()=>e[r],enumerable:!(t=D(e,r))||t.enumerable});return o};var E=(o,e,n)=>(n=o!=null?z(J(o)):{},k(e||!o||!o.__esModule?P(n,"default",{value:o,enumerable:!0}):n,o)),K=o=>k(P({},"__esModule",{value:!0}),o);var Y={};X(Y,{Composition:()=>g,DefaultNotImplementedComponent:()=>B,Slot:()=>M,useComposition:()=>S,useCompositionEventEffect:()=>L});module.exports=K(Y);var v=require("@uniformdev/context-react"),V=require("@uniformdev/canvas"),C=E(require("react"));function x(o){var t;let e=(t=o.parameters)!=null?t:{};return{...Object.keys(e).reduce((r,s)=>(r[s]=e[s].value,r),{}),...o.data,component:o}}var O=(0,C.createContext)(void 0);function S(){return(0,C.useContext)(O)}function g({data:o,resolveRenderer:e,children:n,behaviorTracking:t}){var p,a,f;let r=S(),s=(0,v.useUniformContext)({throwOnMissingProvider:!1})!==void 0;if(!o)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let i={composition:o,resolveRenderer:e!=null?e:r==null?void 0:r.resolveRenderer,behaviorTracking:(p=t!=null?t:r==null?void 0:r.behaviorTracking)!=null?p:"onView"},d=(f=(a=o.parameters)==null?void 0:a[V.CANVAS_ENRICHMENT_TAG_PARAM])==null?void 0:f.value,l=i.behaviorTracking==="onLoad"?v.TrackFragment:v.Track,m=typeof n=="function"?n(x(o)):n;return C.default.createElement(O.Provider,{value:i},s?C.default.createElement(l,{behavior:d},m):m)}var T=E(require("react"));var R=require("@uniformdev/canvas");var h=require("@uniformdev/context-react"),N=require("@uniformdev/canvas"),w=E(require("react")),_={test:(o,e,n)=>{var d,l,m,p;let t=o,r=(l=(d=t.slots)==null?void 0:d.test)!=null?l:[],s=(p=(m=t.parameters.test)==null?void 0:m.value)!=null?p:"Untitled Test",i=(0,N.mapSlotToTestVariations)(r);return w.createElement(h.Test,{key:e,variations:i,name:s,component:a=>n(a,e)})},personalization:(o,e,n)=>{var s,i,d,l,m,p,a;let t=o,r=(0,N.mapSlotToPersonalizedVariations)((s=t==null?void 0:t.slots)==null?void 0:s.pz);return w.createElement(h.Personalize,{key:e,variations:r,count:Number((l=(d=(i=t.parameters)==null?void 0:i.count)==null?void 0:d.value)!=null?l:1),name:(a=(p=(m=t.parameters)==null?void 0:m.trackingEventName)==null?void 0:p.value)!=null?a:"Untitled Personalization",component:f=>n(f,0)})}};function M({name:o,resolveRenderer:e,children:n}){var p;let t=S();if(!(t!=null&&t.composition))throw new Error("Slot must be rendered within a Composition");let{composition:r,resolveRenderer:s}=t;if(!r)throw new Error("Cannot use Slot without a Composition wrapper.");let i=(p=r.slots)==null?void 0:p[o];if(!i||!Array.isArray(i))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${o}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,r),null;let d=e!=null?e:s,l=_,m=i.map((a,f)=>{let A=b({component:a,resolveRenderer:d,resolveSystem:l,key:f});return n?n({child:A,component:a,key:f}):A});return T.default.createElement(T.default.Fragment,void 0,m)}function b({component:o,resolveRenderer:e,resolveSystem:n,key:t=0}){let r=e==null?void 0:e(o);if(o.type===R.CANVAS_TEST_TYPE)return n.test(o,t,(s,i)=>b({component:s,resolveRenderer:e,resolveSystem:n,key:i}));if(o.type===R.CANVAS_PERSONALIZE_TYPE)return n.personalization(o,t,(s,i)=>b({component:s,resolveRenderer:e,resolveSystem:n,key:i}));if(r){let s=x(o);return T.default.createElement(g,{key:t,data:o,resolveRenderer:e},T.default.createElement(r,{...s}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${o.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,o);return null}var c=E(require("react"));function B(o){var n;let e=(n=o.component)==null?void 0:n.type;return e?c.default.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},c.default.createElement("h2",null,"Component: ",e),c.default.createElement("p",null,c.default.createElement("strong",null,e)," has no React implementation. It may need to be added to your"," ",c.default.createElement("code",null,"resolveRenderer()")," function."),c.default.createElement("details",null,c.default.createElement("summary",null,"Props"),c.default.createElement("pre",null,JSON.stringify(o,null,2)))):null}var y=require("@uniformdev/canvas"),I=require("react");function L({enabled:o,projectId:e,compositionId:n,effect:t}){(0,I.useEffect)(()=>{if(!o||!n||!e)return;let r;return(async()=>{let i=await(0,y.createEventBus)();i&&(r=(0,y.subscribeToComposition)({eventBus:i,compositionId:n,compositionState:y.CANVAS_DRAFT_STATE,projectId:e,callback:t,event:"updated"}))})(),()=>{r&&r()}},[n,o,e,t])}0&&(module.exports={Composition,DefaultNotImplementedComponent,Slot,useComposition,useCompositionEventEffect});
+var I=Object.create;var T=Object.defineProperty;var z=Object.getOwnPropertyDescriptor;var D=Object.getOwnPropertyNames;var F=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var U=(o,e)=>{for(var n in e)T(o,n,{get:e[n],enumerable:!0})},A=(o,e,n,t)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of D(e))!J.call(o,r)&&r!==n&&T(o,r,{get:()=>e[r],enumerable:!(t=z(e,r))||t.enumerable});return o};var P=(o,e,n)=>(n=o!=null?I(F(o)):{},A(e||!o||!o.__esModule?T(n,"default",{value:o,enumerable:!0}):n,o)),X=o=>A(T({},"__esModule",{value:!0}),o);var L={};U(L,{Composition:()=>R,DefaultNotImplementedComponent:()=>M,Slot:()=>K,useComposition:()=>x,useCompositionEventEffect:()=>B});module.exports=X(L);var u=require("@uniformdev/context-react"),k=require("@uniformdev/canvas"),C=P(require("react"));function E(o){var t;let e=(t=o.parameters)!=null?t:{};return{...Object.keys(e).reduce((r,s)=>(r[s]=e[s].value,r),{}),...o.data,component:o}}var V=(0,C.createContext)(void 0);function x(){return(0,C.useContext)(V)}function R({data:o,resolveRenderer:e,children:n,behaviorTracking:t}){var p,a,f;let r=x(),s=(0,u.useUniformContext)({throwOnMissingProvider:!1})!==void 0;if(!o)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let i={composition:o,resolveRenderer:e!=null?e:r==null?void 0:r.resolveRenderer,behaviorTracking:(p=t!=null?t:r==null?void 0:r.behaviorTracking)!=null?p:"onView"},d=(f=(a=o.parameters)==null?void 0:a[k.CANVAS_ENRICHMENT_TAG_PARAM])==null?void 0:f.value,l=i.behaviorTracking==="onLoad"?u.TrackFragment:u.Track,m=typeof n=="function"?n(E(o)):n;return C.default.createElement(V.Provider,{value:i},s?C.default.createElement(l,{behavior:d},m):m)}var y=P(require("react"));var N=require("@uniformdev/canvas");var S=require("@uniformdev/context-react"),h=require("@uniformdev/canvas"),g=P(require("react")),O={test:(o,e,n)=>{var d,l,m,p;let t=o,r=(l=(d=t.slots)==null?void 0:d.test)!=null?l:[],s=(p=(m=t.parameters.test)==null?void 0:m.value)!=null?p:"Untitled Test",i=(0,h.mapSlotToTestVariations)(r);return g.createElement(S.Test,{key:e,variations:i,name:s,component:a=>n(a,e)})},personalization:(o,e,n)=>{var s,i,d,l,m,p,a;let t=o,r=(0,h.mapSlotToPersonalizedVariations)((s=t==null?void 0:t.slots)==null?void 0:s.pz);return g.createElement(S.Personalize,{key:e,variations:r,count:Number((l=(d=(i=t.parameters)==null?void 0:i.count)==null?void 0:d.value)!=null?l:1),name:(a=(p=(m=t.parameters)==null?void 0:m.trackingEventName)==null?void 0:p.value)!=null?a:"Untitled Personalization",component:f=>n(f,0)})}};function K({name:o,resolveRenderer:e,children:n}){var p;let t=x();if(!(t!=null&&t.composition))throw new Error("Slot must be rendered within a Composition");let{composition:r,resolveRenderer:s}=t;if(!r)throw new Error("Cannot use Slot without a Composition wrapper.");let i=(p=r.slots)==null?void 0:p[o];if(!i||!Array.isArray(i))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${o}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,r),null;let d=e!=null?e:s,l=O,m=i.map((a,f)=>{let b=w({component:a,resolveRenderer:d,resolveSystem:l,key:f});return n?n({child:b,component:a,key:f}):b});return y.default.createElement(y.default.Fragment,void 0,m)}function w({component:o,resolveRenderer:e,resolveSystem:n,key:t=0}){let r=e==null?void 0:e(o);if(o.type===N.CANVAS_TEST_TYPE)return n.test(o,t,(s,i)=>w({component:s,resolveRenderer:e,resolveSystem:n,key:i}));if(o.type===N.CANVAS_PERSONALIZE_TYPE)return n.personalization(o,t,(s,i)=>w({component:s,resolveRenderer:e,resolveSystem:n,key:i}));if(r){let s=E(o);return y.default.createElement(R,{key:t,data:o,resolveRenderer:e},y.default.createElement(r,{...s}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${o.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,o);return null}var c=P(require("react"));function M(o){var n;let e=(n=o.component)==null?void 0:n.type;return e?c.default.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},c.default.createElement("h2",null,"Component: ",e),c.default.createElement("p",null,c.default.createElement("strong",null,e)," has no React implementation. It may need to be added to your"," ",c.default.createElement("code",null,"resolveRenderer()")," function."),c.default.createElement("details",null,c.default.createElement("summary",null,"Props"),c.default.createElement("pre",null,JSON.stringify(o,null,2)))):null}var v=require("@uniformdev/canvas"),_=require("react");function B({enabled:o,projectId:e,compositionId:n,effect:t}){(0,_.useEffect)(()=>{if(!o||!n||!e)return;let r;return(async()=>{let i=await(0,v.createEventBus)();i&&(r=(0,v.subscribeToComposition)({eventBus:i,compositionId:n,compositionState:v.CANVAS_DRAFT_STATE,projectId:e,callback:t,event:"updated"}))})(),()=>{r&&r()}},[n,o,e,t])}0&&(module.exports={Composition,DefaultNotImplementedComponent,Slot,useComposition,useCompositionEventEffect});

package/dist/index.mjs

@@ -1 +1 @@
-import{Track as g,TrackFragment as w,useUniformContext as b}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as A}from"@uniformdev/canvas";import S,{createContext as k,useContext as V}from"react";function v(o){var n;let e=(n=o.parameters)!=null?n:{};return{...Object.keys(e).reduce((t,s)=>(t[s]=e[s].value,t),{}),...o.data,component:o}}var h=k(void 0);function T(){return V(h)}function N({data:o,resolveRenderer:e,children:r,behaviorTracking:n}){var p,a,f;let t=T(),s=b({throwOnMissingProvider:!1})!==void 0;if(!o)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let i={composition:o,resolveRenderer:e!=null?e:t==null?void 0:t.resolveRenderer,behaviorTracking:(p=n!=null?n:t==null?void 0:t.behaviorTracking)!=null?p:"onView"},d=(f=(a=o.parameters)==null?void 0:a[A])==null?void 0:f.value,l=i.behaviorTracking==="onLoad"?w:g,m=typeof r=="function"?r(v(o)):r;return S.createElement(h.Provider,{value:i},s?S.createElement(l,{behavior:d},m):m)}import y from"react";import{CANVAS_PERSONALIZE_TYPE as D,CANVAS_TEST_TYPE as F}from"@uniformdev/canvas";import{Personalize as O,Test as _}from"@uniformdev/context-react";import{mapSlotToPersonalizedVariations as I,mapSlotToTestVariations as z}from"@uniformdev/canvas";import*as P from"react";var R={test:(o,e,r)=>{var d,l,m,p;let n=o,t=(l=(d=n.slots)==null?void 0:d.test)!=null?l:[],s=(p=(m=n.parameters.test)==null?void 0:m.value)!=null?p:"Untitled Test",i=z(t);return P.createElement(_,{key:e,variations:i,name:s,component:a=>r(a,e)})},personalization:(o,e,r)=>{var s,i,d,l,m,p,a;let n=o,t=I((s=n==null?void 0:n.slots)==null?void 0:s.pz);return P.createElement(O,{key:e,variations:t,count:Number((l=(d=(i=n.parameters)==null?void 0:i.count)==null?void 0:d.value)!=null?l:1),name:(a=(p=(m=n.parameters)==null?void 0:m.trackingEventName)==null?void 0:p.value)!=null?a:"Untitled Personalization",component:f=>r(f,0)})}};function po({name:o,resolveRenderer:e,children:r}){var p;let n=T();if(!(n!=null&&n.composition))throw new Error("Slot must be rendered within a Composition");let{composition:t,resolveRenderer:s}=n;if(!t)throw new Error("Cannot use Slot without a Composition wrapper.");let i=(p=t.slots)==null?void 0:p[o];if(!i||!Array.isArray(i))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${o}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,t),null;let d=e!=null?e:s,l=R,m=i.map((a,f)=>{let x=E({component:a,resolveRenderer:d,resolveSystem:l,key:f});return r?r({child:x,component:a,key:f}):x});return y.createElement(y.Fragment,void 0,m)}function E({component:o,resolveRenderer:e,resolveSystem:r,key:n=0}){let t=e==null?void 0:e(o);if(o.type===F)return r.test(o,n,(s,i)=>E({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(o.type===D)return r.personalization(o,n,(s,i)=>E({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(t){let s=v(o);return y.createElement(N,{key:n,data:o,resolveRenderer:e},y.createElement(t,{...s}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${o.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,o);return null}import c from"react";function lo(o){var r;let e=(r=o.component)==null?void 0:r.type;return e?c.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},c.createElement("h2",null,"Component: ",e),c.createElement("p",null,c.createElement("strong",null,e)," has no React implementation. It may need to be added to your"," ",c.createElement("code",null,"resolveRenderer()")," function."),c.createElement("details",null,c.createElement("summary",null,"Props"),c.createElement("pre",null,JSON.stringify(o,null,2)))):null}import{CANVAS_DRAFT_STATE as J,createEventBus as U,subscribeToComposition as X}from"@uniformdev/canvas";import{useEffect as K}from"react";function vo({enabled:o,projectId:e,compositionId:r,effect:n}){K(()=>{if(!o||!r||!e)return;let t;return(async()=>{let i=await U();i&&(t=X({eventBus:i,compositionId:r,compositionState:J,projectId:e,callback:n,event:"updated"}))})(),()=>{t&&t()}},[r,o,e,n])}export{N as Composition,lo as DefaultNotImplementedComponent,po as Slot,T as useComposition,vo as useCompositionEventEffect};
+import{Track as N,TrackFragment as R,useUniformContext as g}from"@uniformdev/context-react";import{CANVAS_ENRICHMENT_TAG_PARAM as w}from"@uniformdev/canvas";import E,{createContext as b,useContext as A}from"react";function C(o){var n;let e=(n=o.parameters)!=null?n:{};return{...Object.keys(e).reduce((t,s)=>(t[s]=e[s].value,t),{}),...o.data,component:o}}var x=b(void 0);function v(){return A(x)}function S({data:o,resolveRenderer:e,children:r,behaviorTracking:n}){var p,a,f;let t=v(),s=g({throwOnMissingProvider:!1})!==void 0;if(!o)return process.env.NODE_ENV==="development"&&console.warn("[canvas-dev] Composition was rendered with no data, nothing will be output."),null;let i={composition:o,resolveRenderer:e!=null?e:t==null?void 0:t.resolveRenderer,behaviorTracking:(p=n!=null?n:t==null?void 0:t.behaviorTracking)!=null?p:"onView"},d=(f=(a=o.parameters)==null?void 0:a[w])==null?void 0:f.value,l=i.behaviorTracking==="onLoad"?R:N,m=typeof r=="function"?r(C(o)):r;return E.createElement(x.Provider,{value:i},s?E.createElement(l,{behavior:d},m):m)}import u from"react";import{CANVAS_PERSONALIZE_TYPE as I,CANVAS_TEST_TYPE as z}from"@uniformdev/canvas";import{Personalize as k,Test as V}from"@uniformdev/context-react";import{mapSlotToPersonalizedVariations as O,mapSlotToTestVariations as _}from"@uniformdev/canvas";import*as y from"react";var h={test:(o,e,r)=>{var d,l,m,p;let n=o,t=(l=(d=n.slots)==null?void 0:d.test)!=null?l:[],s=(p=(m=n.parameters.test)==null?void 0:m.value)!=null?p:"Untitled Test",i=_(t);return y.createElement(V,{key:e,variations:i,name:s,component:a=>r(a,e)})},personalization:(o,e,r)=>{var s,i,d,l,m,p,a;let n=o,t=O((s=n==null?void 0:n.slots)==null?void 0:s.pz);return y.createElement(k,{key:e,variations:t,count:Number((l=(d=(i=n.parameters)==null?void 0:i.count)==null?void 0:d.value)!=null?l:1),name:(a=(p=(m=n.parameters)==null?void 0:m.trackingEventName)==null?void 0:p.value)!=null?a:"Untitled Personalization",component:f=>r(f,0)})}};function so({name:o,resolveRenderer:e,children:r}){var p;let n=v();if(!(n!=null&&n.composition))throw new Error("Slot must be rendered within a Composition");let{composition:t,resolveRenderer:s}=n;if(!t)throw new Error("Cannot use Slot without a Composition wrapper.");let i=(p=t.slots)==null?void 0:p[o];if(!i||!Array.isArray(i))return process.env.NODE_ENV==="development"&&console.warn(`[canvas-dev] slot '${o}' was rendered, but it was not defined on its component. This is expected if the slot is optional, otherwise it may indicate a typo. Component:`,t),null;let d=e!=null?e:s,l=h,m=i.map((a,f)=>{let P=T({component:a,resolveRenderer:d,resolveSystem:l,key:f});return r?r({child:P,component:a,key:f}):P});return u.createElement(u.Fragment,void 0,m)}function T({component:o,resolveRenderer:e,resolveSystem:r,key:n=0}){let t=e==null?void 0:e(o);if(o.type===z)return r.test(o,n,(s,i)=>T({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(o.type===I)return r.personalization(o,n,(s,i)=>T({component:s,resolveRenderer:e,resolveSystem:r,key:i}));if(t){let s=C(o);return u.createElement(S,{key:n,data:o,resolveRenderer:e},u.createElement(t,{...s}))}else process.env.NODE_ENV!=="production"&&console.warn(`[canvas] found component of type '${o.type}' which the resolveRenderer prop returned no component for. Nothing will be rendered. The resolveRenderer function may need to be extended to handle the new type.`,o);return null}import c from"react";function mo(o){var r;let e=(r=o.component)==null?void 0:r.type;return e?c.createElement("div",{style:{borderLeft:"10px solid #e42535!important",padding:"0.01em 16px 16px",borderRadius:"16px",backgroundColor:"rgba(122, 215, 218, 0.3)",color:"#1d3557"}},c.createElement("h2",null,"Component: ",e),c.createElement("p",null,c.createElement("strong",null,e)," has no React implementation. It may need to be added to your"," ",c.createElement("code",null,"resolveRenderer()")," function."),c.createElement("details",null,c.createElement("summary",null,"Props"),c.createElement("pre",null,JSON.stringify(o,null,2)))):null}import{CANVAS_DRAFT_STATE as D,createEventBus as F,subscribeToComposition as J}from"@uniformdev/canvas";import{useEffect as U}from"react";function Co({enabled:o,projectId:e,compositionId:r,effect:n}){U(()=>{if(!o||!r||!e)return;let t;return(async()=>{let i=await F();i&&(t=J({eventBus:i,compositionId:r,compositionState:D,projectId:e,callback:n,event:"updated"}))})(),()=>{t&&t()}},[r,o,e,n])}export{S as Composition,mo as DefaultNotImplementedComponent,so as Slot,v as useComposition,Co as useCompositionEventEffect};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "16.0.1-alpha.194+4ec8d4fea",
+  "version": "16.1.1-alpha.139+190bc76f4",
   "description": "React SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -23,16 +23,16 @@
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "dependencies": {
-    "@uniformdev/canvas": "^16.0.1-alpha.194+4ec8d4fea",
-    "@uniformdev/context": "^16.0.1-alpha.194+4ec8d4fea",
-    "@uniformdev/context-react": "^16.0.1-alpha.194+4ec8d4fea"
+    "@uniformdev/canvas": "^16.1.1-alpha.139+190bc76f4",
+    "@uniformdev/context": "^16.1.1-alpha.139+190bc76f4",
+    "@uniformdev/context-react": "^16.1.1-alpha.139+190bc76f4"
   },
   "peerDependencies": {
     "react": ">= 16",
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@types/react": "18.0.9",
+    "@types/react": "18.0.12",
     "react": "18.1.0",
     "react-dom": "18.1.0"
   },
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "4ec8d4feac57ef54a0c53203a938611900385c3a"
+  "gitHead": "190bc76f4f0d6e3c1a61fbbd8e9abe8a0571f85a"
 }