@uniformdev/canvas-react 16.2.4 → 17.0.0

package/dist/index.js

@@ -1 +1 @@
-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});
+"use strict";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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-react",
-  "version": "16.2.4",
+  "version": "17.0.0",
   "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.2.4",
-    "@uniformdev/context": "^16.2.4",
-    "@uniformdev/context-react": "^16.2.4"
+    "@uniformdev/canvas": "^17.0.0",
+    "@uniformdev/context": "^17.0.0",
+    "@uniformdev/context-react": "^17.0.0"
   },
   "peerDependencies": {
     "react": ">= 16",
     "react-dom": ">=16"
   },
   "devDependencies": {
-    "@types/react": "18.0.14",
+    "@types/react": "18.0.15",
     "react": "18.2.0",
     "react-dom": "18.2.0"
   },
@@ -42,5 +42,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b2ed666efec0c0e255c2a1b8561ff7899834a2d5"
+  "gitHead": "d15f59e5cc80184d983b8c1ca67b1ee390158672"
 }