@uniformdev/canvas-vue 17.3.1-alpha.146 → 17.4.0

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import * as vue_demi from 'vue-demi';
 import { ConcreteComponent, PropType, Ref } from 'vue-demi';
-import { ComponentInstance, ComponentParameter, SubscribeToCompositionOptions, UpdateCompositionMessage, RootComponentInstance } from '@uniformdev/canvas';
+import { ComponentInstance, ComponentParameter, SubscribeToCompositionOptions } from '@uniformdev/canvas';
 
 interface TestComponent {
     slots?: {
@@ -63,7 +63,7 @@ declare const Composition: vue_demi.DefineComponent<{
     [key: string]: any;
 }>) | (() => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
     [key: string]: any;
-}>[] | undefined), unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+}>[] | undefined), unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, Record<string, any>, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     data: {
         type: PropType<ComponentInstance>;
         required: true;
@@ -103,9 +103,7 @@ declare const SlotContent: vue_demi.DefineComponent<{
     };
 }, () => (ConcreteComponent<any, any, any, vue_demi.ComputedOptions, vue_demi.MethodOptions> | vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
     [key: string]: any;
-}> | vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
-    [key: string]: any;
-}>[])[], unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+}>[])[], unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, Record<string, any>, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     name: {
         type: PropType<string | undefined>;
     };
@@ -124,7 +122,7 @@ declare const DefaultNotImplementedComponent: vue_demi.DefineComponent<{
     };
 }, () => vue_demi.VNode<vue_demi.RendererNode, vue_demi.RendererElement, {
     [key: string]: any;
-}>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, {}, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
+}>, unknown, {}, {}, vue_demi.ComponentOptionsMixin, vue_demi.ComponentOptionsMixin, Record<string, any>, string, vue_demi.VNodeProps & vue_demi.AllowedComponentProps & vue_demi.ComponentCustomProps, Readonly<vue_demi.ExtractPropTypes<{
     component: {
         type: PropType<ComponentInstance>;
         required: true;
@@ -147,150 +145,6 @@ declare type UseCompositionEventEffectOptions = Omit<Partial<SubscribeToComposit
 /** A composable to manage a subscription to a realtime event on a composition */
 declare function useCompositionEventEffect({ enabled, projectId, compositionIdRef, effect, }: UseCompositionEventEffectOptions): Promise<void>;
 
-declare const createApiEnhancer: ({ apiUrl }: {
-    apiUrl: string;
-}) => (message: UpdateCompositionMessage) => Promise<{
-    type: string;
-    parameters?: {
-        [key: string]: {
-            value: unknown;
-            type: string;
-            connectedData?: {
-                pointer: string;
-                syntax: "jptr";
-                required?: boolean | undefined;
-            } | undefined;
-        };
-    } | undefined;
-    variant?: string | undefined;
-    slots?: {
-        [key: string]: {
-            type: string;
-            parameters?: {
-                [key: string]: {
-                    value: unknown;
-                    type: string;
-                    connectedData?: {
-                        pointer: string;
-                        syntax: "jptr";
-                        required?: boolean | undefined;
-                    } | undefined;
-                };
-            } | undefined;
-            variant?: string | undefined;
-            slots?: {
-                [key: string]: any[];
-            } | undefined;
-            _id?: string | undefined;
-            _pattern?: string | undefined;
-            _dataResources?: {
-                [key: string]: {
-                    type: string;
-                    isPatternParameter?: boolean | undefined;
-                    variables?: {
-                        [key: string]: string;
-                    } | undefined;
-                };
-            } | undefined;
-            _patternDataResources?: {
-                [key: string]: {
-                    type: string;
-                    isPatternParameter?: boolean | undefined;
-                    variables?: {
-                        [key: string]: string;
-                    } | undefined;
-                };
-            } | undefined;
-            _patternError?: "NOTFOUND" | "CYCLIC" | undefined;
-        }[];
-    } | undefined;
-    _id: string;
-    _slug?: string | null | undefined;
-    _name: string;
-    _dataResources?: {
-        [key: string]: {
-            type: string;
-            isPatternParameter?: boolean | undefined;
-            variables?: {
-                [key: string]: string;
-            } | undefined;
-        };
-    } | undefined;
-}>;
-declare const useCompositionInstance: ({ composition, enhance, }: {
-    composition: RootComponentInstance;
-    enhance?: ((composition: UpdateCompositionMessage) => RootComponentInstance | Promise<RootComponentInstance>) | undefined;
-}) => {
-    composition: vue_demi.Ref<{
-        type: string;
-        parameters?: {
-            [key: string]: {
-                value: unknown;
-                type: string;
-                connectedData?: {
-                    pointer: string;
-                    syntax: "jptr";
-                    required?: boolean | undefined;
-                } | undefined;
-            };
-        } | undefined;
-        variant?: string | undefined;
-        slots?: {
-            [key: string]: {
-                type: string;
-                parameters?: {
-                    [key: string]: {
-                        value: unknown;
-                        type: string;
-                        connectedData?: {
-                            pointer: string;
-                            syntax: "jptr";
-                            required?: boolean | undefined;
-                        } | undefined;
-                    };
-                } | undefined;
-                variant?: string | undefined;
-                slots?: {
-                    [key: string]: any[];
-                } | undefined;
-                _id?: string | undefined;
-                _pattern?: string | undefined;
-                _dataResources?: {
-                    [key: string]: {
-                        type: string;
-                        isPatternParameter?: boolean | undefined;
-                        variables?: {
-                            [key: string]: string;
-                        } | undefined;
-                    };
-                } | undefined;
-                _patternDataResources?: {
-                    [key: string]: {
-                        type: string;
-                        isPatternParameter?: boolean | undefined;
-                        variables?: {
-                            [key: string]: string;
-                        } | undefined;
-                    };
-                } | undefined;
-                _patternError?: "NOTFOUND" | "CYCLIC" | undefined;
-            }[];
-        } | undefined;
-        _id: string;
-        _slug?: string | null | undefined;
-        _name: string;
-        _dataResources?: {
-            [key: string]: {
-                type: string;
-                isPatternParameter?: boolean | undefined;
-                variables?: {
-                    [key: string]: string;
-                } | undefined;
-            };
-        } | undefined;
-    }>;
-};
-
 /** Public ID of Canvas composition component type */
 declare const CANVAS_COMPOSITION_TYPE = "Composition";
 /** Public ID of Canvas slot component component type */
@@ -298,4 +152,4 @@ declare const CANVAS_SLOT_CONTENT_TYPE = "SlotContent";
 declare const compositionInjectionKey = "uniformComposition";
 declare const resolveRendererInjectionKey = "uniformResolveRenderer";
 
-export { CANVAS_COMPOSITION_TYPE, CANVAS_SLOT_CONTENT_TYPE, ComponentProps, Composition, CompositionProps, DefaultNotImplementedComponent, DefaultNotImplementedComponentProps, PersonalizeComponent, ResolveRenderer, SlotComponentProps, SlotContent, TestComponent, UseCompositionEventEffectOptions, compositionInjectionKey, convertComponentToProps, createApiEnhancer, resolveRendererInjectionKey, useCompositionEventEffect, useCompositionInstance };
+export { CANVAS_COMPOSITION_TYPE, CANVAS_SLOT_CONTENT_TYPE, ComponentProps, Composition, CompositionProps, DefaultNotImplementedComponent, DefaultNotImplementedComponentProps, PersonalizeComponent, ResolveRenderer, SlotComponentProps, SlotContent, TestComponent, UseCompositionEventEffectOptions, compositionInjectionKey, convertComponentToProps, resolveRendererInjectionKey, useCompositionEventEffect };

package/dist/index.esm.js

@@ -1 +1 @@
-import{defineComponent as _,computed as T,h as O,provide as I,inject as b,resolveComponent as k}from"vue-demi";var h="Composition",P="SlotContent",v="uniformComposition",y="uniformResolveRenderer";import{CANVAS_ENRICHMENT_TAG_PARAM as U}from"@uniformdev/canvas";import{Track as V,TrackSlot as j,isUsingUniformContext as M}from"@uniformdev/context-vue";var S=_({name:h,inheritAttrs:!1,props:{data:{type:Object,required:!0},resolveRenderer:{type:Function,default:()=>({type:e})=>k(e)},behaviorTracking:{type:String,default:"onView"}},setup(e,t){var c,d,f;let o=T(()=>{var a,l;return(l=e.data)!=null?l:(a=b(v))==null?void 0:a.value}),n=(c=e.resolveRenderer)!=null?c:b(y);I(v,o),I(y,n);let s=T(()=>{var a,l;return(l=(a=o.value)==null?void 0:a.slots)!=null?l:{}}),r=T(()=>{var a,l;return(l=(a=o.value)==null?void 0:a.parameters)!=null?l:{}}),m=T(()=>JSON.stringify(o.value)),i=(f=(d=o.value.parameters)==null?void 0:d[U])==null?void 0:f.value,p=()=>{var a,l;return(l=(a=t.slots).default)==null?void 0:l.call(a,{slots:s.value,parameters:r.value})};if(M()){let a=e.behaviorTracking==="onLoad"?j:V;return()=>O(a,{behavior:i,key:m.value},p)}return p}});import{defineComponent as $,computed as K,h as C,inject as E}from"vue-demi";import{CANVAS_PERSONALIZE_TYPE as L,CANVAS_TEST_TYPE as Y,mapSlotToPersonalizedVariations as B,mapSlotToTestVariations as D}from"@uniformdev/canvas";import{Personalize as F,Test as J}from"@uniformdev/context-vue";function w(e){var s;let t=(s=e.parameters)!=null?s:{};return{...Object.entries(t).reduce((r,[m,{value:i}])=>({...r,[z(m)]:i}),{}),...e.data,component:e}}function z(e){return e.replace("$","")}var be=$({name:P,inheritAttrs:!1,props:{name:{type:String},resolveRenderer:{type:Function}},setup(e,t){var m;let o=E(v),n=(m=e.resolveRenderer)!=null?m:E(y);if(!o||!n)throw new Error("<SlotContent /> can only be used inside a <Composition />");let s=K(()=>{var i,p,c;return e.name?(p=(i=o==null?void 0:o.value.slots)==null?void 0:i[e.name])!=null?p:[]:Object.values((c=o==null?void 0:o.value.slots)!=null?c:{}).flat()}),r=s.value.flatMap((i,p)=>{var f,a;let c=R({component:i,resolveRenderer:n}),d=t.slots.default?t.slots.default({child:c,component:i}):c;if(i._id){let l=C("script",{"data-role":"component-start","data-component-id":i._id,"data-slot-name":name,"data-component-index":p,"data-total-components":s.value.length,"data-component-name":i.type,"data-component-title":(a=(f=i.parameters)==null?void 0:f.title)==null?void 0:a.value,key:`open-${p}`}),A=C("script",{"data-role":"component-end",key:`close-${p}`});return[l,d,A]}return[d]});return()=>r}});function q(e,t){var r,m,i,p,c,d;let o=e==null?void 0:e.parameters,n=B((r=e.slots)==null?void 0:r.pz),s=(p=(i=(m=e.parameters)==null?void 0:m.trackingEventName)==null?void 0:i.value)!=null?p:"Untitled Personalization";return C(F,{name:s,component:f=>t(f),variations:n,count:Number((d=(c=o==null?void 0:o.count)==null?void 0:c.value)!=null?d:1)})}function G(e,t){var r,m,i,p,c;let o=(m=(r=e==null?void 0:e.slots)==null?void 0:r.test)!=null?m:[],n=(c=(p=(i=e==null?void 0:e.parameters)==null?void 0:i.test)==null?void 0:p.value)!=null?c:"Untitled Test",s=D(o);return C(J,{variations:s,name:n,component:d=>t(d)})}function R({component:e,resolveRenderer:t}){if(e.type===Y)return G(e,n=>R({component:n,resolveRenderer:t}));if(e.type===L)return q(e,n=>R({component:n,resolveRenderer:t}));let o=t==null?void 0:t(e);if(o){let n=w(e);return C(S,{data:e,resolveRenderer:t},()=>C(o,n))}return console.warn(`[canvas] found component of type '${e.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.`,e),C("")}import{defineComponent as X,h as u}from"vue-demi";var H={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},Q={margin:"0 0 1rem"},Ee=X({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(e,{attrs:t}){var n;let o=(n=e.component)==null?void 0:n.type;return()=>u("div",{key:"content",style:{...H}},[u("h2",{style:{...Q}},`Component: ${o}`),u("p",[u("strong",`${o} has no Vue implementation. It may need to be added to your `),u("code",{},"resolveRenderer()"),u("strong",{}," function.")]),u("details",{},[u("summary",{},"props/attributes"),u("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});import{CANVAS_DRAFT_STATE as Z,createEventBus as W,subscribeToComposition as ee}from"@uniformdev/canvas";import{watch as oe}from"vue-demi";async function Ae({enabled:e,projectId:t,compositionIdRef:o,effect:n}){let s;oe([()=>e,()=>o.value,()=>t],async()=>{if(s==null||s(),!e||!o.value||!t)return;let r=await W();r&&(s=ee({eventBus:r,compositionId:o.value,compositionState:Z,projectId:t,callback:n,event:"updated"}))},{immediate:!0})}import{createCanvasChannel as te,isUpdateCompositionMessage as ne,IN_CONTEXT_EDITOR_QUERY_STRING_PARAM as re}from"@uniformdev/canvas";import{ref as se,computed as ie,watch as g,onMounted as ae}from"vue-demi";var x="uniform-canvas-preview-script",je=({apiUrl:e})=>async t=>{let o=await fetch(e,{method:"post",body:JSON.stringify({composition:t.composition,hash:t.hash}),headers:{"Content-Type":"application/json"}}),n=await o.json();if(!o.ok)throw new Error("Error reading enhanced composition");return n.composition},Me=({composition:e,enhance:t=o=>o.composition})=>{let o=se(e);g([()=>e,o],()=>{e._id!==o.value._id&&(o.value=e)},{immediate:!0});let n=ie(()=>{var r;return N()?te({broadcastTo:[(r=window.opener)!=null?r:window.top],listenTo:[window]}):void 0});return g([n,()=>t],()=>{if(!n.value)return;let s=n.value.on("update-composition",async r=>{if(ne(r)){let m=await t(r);o.value=m}});return()=>{s()}},{immediate:!0}),ae(()=>{if(!N()||document.getElementById(x))return;let r=document.createElement("script");r.id=x,r.src=pe(),r.async=!0,document.head.appendChild(r)}),{composition:o}};function pe(){return`${window.document.referrer}files/canvas-in-context-embed/index.js`}function N(){if(typeof window=="undefined")return!1;let e=new URLSearchParams(window.location.search).has(re),t=Boolean(window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));return e&&t}export{h as CANVAS_COMPOSITION_TYPE,P as CANVAS_SLOT_CONTENT_TYPE,S as Composition,Ee as DefaultNotImplementedComponent,be as SlotContent,v as compositionInjectionKey,w as convertComponentToProps,je as createApiEnhancer,y as resolveRendererInjectionKey,Ae as useCompositionEventEffect,Me as useCompositionInstance};
+import{defineComponent as x,computed as T,h as A,provide as b,inject as I,resolveComponent as g}from"vue-demi";var R="Composition",S="SlotContent",f="uniformComposition",C="uniformResolveRenderer";import{CANVAS_ENRICHMENT_TAG_PARAM as O}from"@uniformdev/canvas";import{Track as _,TrackSlot as k,isUsingUniformContext as w}from"@uniformdev/context-vue";var E=x({name:R,inheritAttrs:!1,props:{data:{type:Object,required:!0},resolveRenderer:{type:Function,default:()=>({type:e})=>g(e)},behaviorTracking:{type:String,default:"onView"}},setup(e,t){var l,d,y;let o=T(()=>{var i,c;return(c=e.data)!=null?c:(i=I(f))==null?void 0:i.value}),n=(l=e.resolveRenderer)!=null?l:I(C);b(f,o),b(C,n);let s=T(()=>{var i,c;return(c=(i=o.value)==null?void 0:i.slots)!=null?c:{}}),p=T(()=>{var i,c;return(c=(i=o.value)==null?void 0:i.parameters)!=null?c:{}}),m=T(()=>JSON.stringify(o.value)),r=(y=(d=o.value.parameters)==null?void 0:d[O])==null?void 0:y.value,a=()=>{var i,c;return(c=(i=t.slots).default)==null?void 0:c.call(i,{slots:s.value,parameters:p.value})};if(w()){let i=e.behaviorTracking==="onLoad"?k:_;return()=>A(i,{behavior:r,key:m.value},a)}return a}});import{defineComponent as j,computed as z,h as v,inject as N}from"vue-demi";import{CANVAS_PERSONALIZE_TYPE as U,CANVAS_TEST_TYPE as K,mapSlotToPersonalizedVariations as L,mapSlotToTestVariations as Y}from"@uniformdev/canvas";import{Personalize as $,Test as D}from"@uniformdev/context-vue";function h(e){var s;let t=(s=e.parameters)!=null?s:{};return{...Object.entries(t).reduce((p,[m,{value:r}])=>({...p,[V(m)]:r}),{}),...e.data,component:e}}function V(e){return e.replace("$","")}var de=j({name:S,inheritAttrs:!1,props:{name:{type:String},resolveRenderer:{type:Function}},setup(e,t){var m;let o=N(f),n=(m=e.resolveRenderer)!=null?m:N(C);if(!o||!n)throw new Error("<SlotContent /> can only be used inside a <Composition />");let p=z(()=>{var r,a,l;return e.name?(a=(r=o==null?void 0:o.value.slots)==null?void 0:r[e.name])!=null?a:[]:Object.values((l=o==null?void 0:o.value.slots)!=null?l:{}).flat()}).value.map(r=>{let a=P({component:r,resolveRenderer:n});return t.slots.default?t.slots.default({child:a,component:r}):a});return()=>p}});function M(e,t){var p,m,r,a,l,d;let o=e==null?void 0:e.parameters,n=L((p=e.slots)==null?void 0:p.pz),s=(a=(r=(m=e.parameters)==null?void 0:m.trackingEventName)==null?void 0:r.value)!=null?a:"Untitled Personalization";return v($,{name:s,component:y=>t(y),variations:n,count:Number((d=(l=o==null?void 0:o.count)==null?void 0:l.value)!=null?d:1)})}function F(e,t){var p,m,r,a,l;let o=(m=(p=e==null?void 0:e.slots)==null?void 0:p.test)!=null?m:[],n=(l=(a=(r=e==null?void 0:e.parameters)==null?void 0:r.test)==null?void 0:a.value)!=null?l:"Untitled Test",s=Y(o);return v(D,{variations:s,name:n,component:d=>t(d)})}function P({component:e,resolveRenderer:t}){if(e.type===K)return F(e,n=>P({component:n,resolveRenderer:t}));if(e.type===U)return M(e,n=>P({component:n,resolveRenderer:t}));let o=t==null?void 0:t(e);if(o){let n=h(e);return v(E,{data:e,resolveRenderer:t},()=>v(o,n))}return console.warn(`[canvas] found component of type '${e.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.`,e),v("")}import{defineComponent as q,h as u}from"vue-demi";var B={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},J={margin:"0 0 1rem"},ve=q({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(e,{attrs:t}){var n;let o=(n=e.component)==null?void 0:n.type;return()=>u("div",{key:"content",style:{...B}},[u("h2",{style:{...J}},`Component: ${o}`),u("p",[u("strong",`${o} has no Vue implementation. It may need to be added to your `),u("code",{},"resolveRenderer()"),u("strong",{}," function.")]),u("details",{},[u("summary",{},"props/attributes"),u("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});import{CANVAS_DRAFT_STATE as G,createEventBus as H,subscribeToComposition as X}from"@uniformdev/canvas";import{watch as Z}from"vue-demi";async function Q({enabled:e,projectId:t,compositionIdRef:o,effect:n}){let s;Z([()=>e,()=>o.value,()=>t],async()=>{if(s==null||s(),!e||!o.value||!t)return;let p=await H();p&&(s=X({eventBus:p,compositionId:o.value,compositionState:G,projectId:t,callback:n,event:"updated"}))},{immediate:!0})}export{R as CANVAS_COMPOSITION_TYPE,S as CANVAS_SLOT_CONTENT_TYPE,E as Composition,ve as DefaultNotImplementedComponent,de as SlotContent,f as compositionInjectionKey,h as convertComponentToProps,C as resolveRendererInjectionKey,Q as useCompositionEventEffect};

package/dist/index.js

@@ -1 +1 @@
-"use strict";var w=Object.defineProperty;var j=Object.getOwnPropertyDescriptor;var M=Object.getOwnPropertyNames;var z=Object.prototype.hasOwnProperty;var $=(e,t)=>{for(var o in t)w(e,o,{get:t[o],enumerable:!0})},K=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of M(t))!z.call(e,r)&&r!==o&&w(e,r,{get:()=>t[r],enumerable:!(n=j(t,r))||n.enumerable});return e};var L=e=>K(w({},"__esModule",{value:!0}),e);var W={};$(W,{CANVAS_COMPOSITION_TYPE:()=>E,CANVAS_SLOT_CONTENT_TYPE:()=>g,Composition:()=>x,DefaultNotImplementedComponent:()=>G,SlotContent:()=>B,compositionInjectionKey:()=>R,convertComponentToProps:()=>N,createApiEnhancer:()=>H,resolveRendererInjectionKey:()=>h,useCompositionEventEffect:()=>X,useCompositionInstance:()=>Q});module.exports=L(W);var a=require("vue-demi");var E="Composition",g="SlotContent",R="uniformComposition",h="uniformResolveRenderer";var _=require("@uniformdev/canvas"),P=require("@uniformdev/context-vue");var x=(0,a.defineComponent)({name:E,inheritAttrs:!1,props:{data:{type:Object,required:!0},resolveRenderer:{type:Function,default:()=>({type:e})=>(0,a.resolveComponent)(e)},behaviorTracking:{type:String,default:"onView"}},setup(e,t){var d,C,T;let o=(0,a.computed)(()=>{var p,u;return(u=e.data)!=null?u:(p=(0,a.inject)(R))==null?void 0:p.value}),n=(d=e.resolveRenderer)!=null?d:(0,a.inject)(h);(0,a.provide)(R,o),(0,a.provide)(h,n);let r=(0,a.computed)(()=>{var p,u;return(u=(p=o.value)==null?void 0:p.slots)!=null?u:{}}),s=(0,a.computed)(()=>{var p,u;return(u=(p=o.value)==null?void 0:p.parameters)!=null?u:{}}),l=(0,a.computed)(()=>JSON.stringify(o.value)),i=(T=(C=o.value.parameters)==null?void 0:C[_.CANVAS_ENRICHMENT_TAG_PARAM])==null?void 0:T.value,m=()=>{var p,u;return(u=(p=t.slots).default)==null?void 0:u.call(p,{slots:r.value,parameters:s.value})};if((0,P.isUsingUniformContext)()){let p=e.behaviorTracking==="onLoad"?P.TrackSlot:P.Track;return()=>(0,a.h)(p,{behavior:i,key:l.value},m)}return m}});var c=require("vue-demi"),y=require("@uniformdev/canvas"),S=require("@uniformdev/context-vue");function N(e){var r;let t=(r=e.parameters)!=null?r:{};return{...Object.entries(t).reduce((s,[l,{value:i}])=>({...s,[Y(l)]:i}),{}),...e.data,component:e}}function Y(e){return e.replace("$","")}var B=(0,c.defineComponent)({name:g,inheritAttrs:!1,props:{name:{type:String},resolveRenderer:{type:Function}},setup(e,t){var l;let o=(0,c.inject)(R),n=(l=e.resolveRenderer)!=null?l:(0,c.inject)(h);if(!o||!n)throw new Error("<SlotContent /> can only be used inside a <Composition />");let r=(0,c.computed)(()=>{var i,m,d;return e.name?(m=(i=o==null?void 0:o.value.slots)==null?void 0:i[e.name])!=null?m:[]:Object.values((d=o==null?void 0:o.value.slots)!=null?d:{}).flat()}),s=r.value.flatMap((i,m)=>{var T,p;let d=A({component:i,resolveRenderer:n}),C=t.slots.default?t.slots.default({child:d,component:i}):d;if(i._id){let u=(0,c.h)("script",{"data-role":"component-start","data-component-id":i._id,"data-slot-name":name,"data-component-index":m,"data-total-components":r.value.length,"data-component-name":i.type,"data-component-title":(p=(T=i.parameters)==null?void 0:T.title)==null?void 0:p.value,key:`open-${m}`}),V=(0,c.h)("script",{"data-role":"component-end",key:`close-${m}`});return[u,C,V]}return[C]});return()=>s}});function D(e,t){var s,l,i,m,d,C;let o=e==null?void 0:e.parameters,n=(0,y.mapSlotToPersonalizedVariations)((s=e.slots)==null?void 0:s.pz),r=(m=(i=(l=e.parameters)==null?void 0:l.trackingEventName)==null?void 0:i.value)!=null?m:"Untitled Personalization";return(0,c.h)(S.Personalize,{name:r,component:T=>t(T),variations:n,count:Number((C=(d=o==null?void 0:o.count)==null?void 0:d.value)!=null?C:1)})}function F(e,t){var s,l,i,m,d;let o=(l=(s=e==null?void 0:e.slots)==null?void 0:s.test)!=null?l:[],n=(d=(m=(i=e==null?void 0:e.parameters)==null?void 0:i.test)==null?void 0:m.value)!=null?d:"Untitled Test",r=(0,y.mapSlotToTestVariations)(o);return(0,c.h)(S.Test,{variations:r,name:n,component:C=>t(C)})}function A({component:e,resolveRenderer:t}){if(e.type===y.CANVAS_TEST_TYPE)return F(e,n=>A({component:n,resolveRenderer:t}));if(e.type===y.CANVAS_PERSONALIZE_TYPE)return D(e,n=>A({component:n,resolveRenderer:t}));let o=t==null?void 0:t(e);if(o){let n=N(e);return(0,c.h)(x,{data:e,resolveRenderer:t},()=>(0,c.h)(o,n))}return console.warn(`[canvas] found component of type '${e.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.`,e),(0,c.h)("")}var f=require("vue-demi"),J={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},q={margin:"0 0 1rem"},G=(0,f.defineComponent)({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(e,{attrs:t}){var n;let o=(n=e.component)==null?void 0:n.type;return()=>(0,f.h)("div",{key:"content",style:{...J}},[(0,f.h)("h2",{style:{...q}},`Component: ${o}`),(0,f.h)("p",[(0,f.h)("strong",`${o} has no Vue implementation. It may need to be added to your `),(0,f.h)("code",{},"resolveRenderer()"),(0,f.h)("strong",{}," function.")]),(0,f.h)("details",{},[(0,f.h)("summary",{},"props/attributes"),(0,f.h)("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});var I=require("@uniformdev/canvas"),O=require("vue-demi");async function X({enabled:e,projectId:t,compositionIdRef:o,effect:n}){let r;(0,O.watch)([()=>e,()=>o.value,()=>t],async()=>{if(r==null||r(),!e||!o.value||!t)return;let s=await(0,I.createEventBus)();s&&(r=(0,I.subscribeToComposition)({eventBus:s,compositionId:o.value,compositionState:I.CANVAS_DRAFT_STATE,projectId:t,callback:n,event:"updated"}))},{immediate:!0})}var b=require("@uniformdev/canvas"),v=require("vue-demi"),k="uniform-canvas-preview-script",H=({apiUrl:e})=>async t=>{let o=await fetch(e,{method:"post",body:JSON.stringify({composition:t.composition,hash:t.hash}),headers:{"Content-Type":"application/json"}}),n=await o.json();if(!o.ok)throw new Error("Error reading enhanced composition");return n.composition},Q=({composition:e,enhance:t=o=>o.composition})=>{let o=(0,v.ref)(e);(0,v.watch)([()=>e,o],()=>{e._id!==o.value._id&&(o.value=e)},{immediate:!0});let n=(0,v.computed)(()=>{var s;return U()?(0,b.createCanvasChannel)({broadcastTo:[(s=window.opener)!=null?s:window.top],listenTo:[window]}):void 0});return(0,v.watch)([n,()=>t],()=>{if(!n.value)return;let r=n.value.on("update-composition",async s=>{if((0,b.isUpdateCompositionMessage)(s)){let l=await t(s);o.value=l}});return()=>{r()}},{immediate:!0}),(0,v.onMounted)(()=>{if(!U()||document.getElementById(k))return;let s=document.createElement("script");s.id=k,s.src=Z(),s.async=!0,document.head.appendChild(s)}),{composition:o}};function Z(){return`${window.document.referrer}files/canvas-in-context-embed/index.js`}function U(){if(typeof window=="undefined")return!1;let e=new URLSearchParams(window.location.search).has(b.IN_CONTEXT_EDITOR_QUERY_STRING_PARAM),t=Boolean(window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));return e&&t}0&&(module.exports={CANVAS_COMPOSITION_TYPE,CANVAS_SLOT_CONTENT_TYPE,Composition,DefaultNotImplementedComponent,SlotContent,compositionInjectionKey,convertComponentToProps,createApiEnhancer,resolveRendererInjectionKey,useCompositionEventEffect,useCompositionInstance});
+"use strict";var I=Object.defineProperty;var k=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var V=Object.prototype.hasOwnProperty;var j=(e,t)=>{for(var o in t)I(e,o,{get:t[o],enumerable:!0})},z=(e,t,o,n)=>{if(t&&typeof t=="object"||typeof t=="function")for(let r of w(t))!V.call(e,r)&&r!==o&&I(e,r,{get:()=>t[r],enumerable:!(n=k(t,r))||n.enumerable});return e};var U=e=>z(I({},"__esModule",{value:!0}),e);var q={};j(q,{CANVAS_COMPOSITION_TYPE:()=>E,CANVAS_SLOT_CONTENT_TYPE:()=>h,Composition:()=>N,DefaultNotImplementedComponent:()=>F,SlotContent:()=>L,compositionInjectionKey:()=>y,convertComponentToProps:()=>x,resolveRendererInjectionKey:()=>T,useCompositionEventEffect:()=>_});module.exports=U(q);var s=require("vue-demi");var E="Composition",h="SlotContent",y="uniformComposition",T="uniformResolveRenderer";var g=require("@uniformdev/canvas"),P=require("@uniformdev/context-vue");var N=(0,s.defineComponent)({name:E,inheritAttrs:!1,props:{data:{type:Object,required:!0},resolveRenderer:{type:Function,default:()=>({type:e})=>(0,s.resolveComponent)(e)},behaviorTracking:{type:String,default:"onView"}},setup(e,t){var d,v,S;let o=(0,s.computed)(()=>{var m,f;return(f=e.data)!=null?f:(m=(0,s.inject)(y))==null?void 0:m.value}),n=(d=e.resolveRenderer)!=null?d:(0,s.inject)(T);(0,s.provide)(y,o),(0,s.provide)(T,n);let r=(0,s.computed)(()=>{var m,f;return(f=(m=o.value)==null?void 0:m.slots)!=null?f:{}}),a=(0,s.computed)(()=>{var m,f;return(f=(m=o.value)==null?void 0:m.parameters)!=null?f:{}}),c=(0,s.computed)(()=>JSON.stringify(o.value)),p=(S=(v=o.value.parameters)==null?void 0:v[g.CANVAS_ENRICHMENT_TAG_PARAM])==null?void 0:S.value,i=()=>{var m,f;return(f=(m=t.slots).default)==null?void 0:f.call(m,{slots:r.value,parameters:a.value})};if((0,P.isUsingUniformContext)()){let m=e.behaviorTracking==="onLoad"?P.TrackSlot:P.Track;return()=>(0,s.h)(m,{behavior:p,key:c.value},i)}return i}});var l=require("vue-demi"),C=require("@uniformdev/canvas"),b=require("@uniformdev/context-vue");function x(e){var r;let t=(r=e.parameters)!=null?r:{};return{...Object.entries(t).reduce((a,[c,{value:p}])=>({...a,[K(c)]:p}),{}),...e.data,component:e}}function K(e){return e.replace("$","")}var L=(0,l.defineComponent)({name:h,inheritAttrs:!1,props:{name:{type:String},resolveRenderer:{type:Function}},setup(e,t){var c;let o=(0,l.inject)(y),n=(c=e.resolveRenderer)!=null?c:(0,l.inject)(T);if(!o||!n)throw new Error("<SlotContent /> can only be used inside a <Composition />");let a=(0,l.computed)(()=>{var p,i,d;return e.name?(i=(p=o==null?void 0:o.value.slots)==null?void 0:p[e.name])!=null?i:[]:Object.values((d=o==null?void 0:o.value.slots)!=null?d:{}).flat()}).value.map(p=>{let i=A({component:p,resolveRenderer:n});return t.slots.default?t.slots.default({child:i,component:p}):i});return()=>a}});function Y(e,t){var a,c,p,i,d,v;let o=e==null?void 0:e.parameters,n=(0,C.mapSlotToPersonalizedVariations)((a=e.slots)==null?void 0:a.pz),r=(i=(p=(c=e.parameters)==null?void 0:c.trackingEventName)==null?void 0:p.value)!=null?i:"Untitled Personalization";return(0,l.h)(b.Personalize,{name:r,component:S=>t(S),variations:n,count:Number((v=(d=o==null?void 0:o.count)==null?void 0:d.value)!=null?v:1)})}function $(e,t){var a,c,p,i,d;let o=(c=(a=e==null?void 0:e.slots)==null?void 0:a.test)!=null?c:[],n=(d=(i=(p=e==null?void 0:e.parameters)==null?void 0:p.test)==null?void 0:i.value)!=null?d:"Untitled Test",r=(0,C.mapSlotToTestVariations)(o);return(0,l.h)(b.Test,{variations:r,name:n,component:v=>t(v)})}function A({component:e,resolveRenderer:t}){if(e.type===C.CANVAS_TEST_TYPE)return $(e,n=>A({component:n,resolveRenderer:t}));if(e.type===C.CANVAS_PERSONALIZE_TYPE)return Y(e,n=>A({component:n,resolveRenderer:t}));let o=t==null?void 0:t(e);if(o){let n=x(e);return(0,l.h)(N,{data:e,resolveRenderer:t},()=>(0,l.h)(o,n))}return console.warn(`[canvas] found component of type '${e.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.`,e),(0,l.h)("")}var u=require("vue-demi"),D={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},M={margin:"0 0 1rem"},F=(0,u.defineComponent)({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(e,{attrs:t}){var n;let o=(n=e.component)==null?void 0:n.type;return()=>(0,u.h)("div",{key:"content",style:{...D}},[(0,u.h)("h2",{style:{...M}},`Component: ${o}`),(0,u.h)("p",[(0,u.h)("strong",`${o} has no Vue implementation. It may need to be added to your `),(0,u.h)("code",{},"resolveRenderer()"),(0,u.h)("strong",{}," function.")]),(0,u.h)("details",{},[(0,u.h)("summary",{},"props/attributes"),(0,u.h)("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});var R=require("@uniformdev/canvas"),O=require("vue-demi");async function _({enabled:e,projectId:t,compositionIdRef:o,effect:n}){let r;(0,O.watch)([()=>e,()=>o.value,()=>t],async()=>{if(r==null||r(),!e||!o.value||!t)return;let a=await(0,R.createEventBus)();a&&(r=(0,R.subscribeToComposition)({eventBus:a,compositionId:o.value,compositionState:R.CANVAS_DRAFT_STATE,projectId:t,callback:n,event:"updated"}))},{immediate:!0})}0&&(module.exports={CANVAS_COMPOSITION_TYPE,CANVAS_SLOT_CONTENT_TYPE,Composition,DefaultNotImplementedComponent,SlotContent,compositionInjectionKey,convertComponentToProps,resolveRendererInjectionKey,useCompositionEventEffect});

package/dist/index.mjs

@@ -1 +1 @@
-import{defineComponent as _,computed as T,h as O,provide as I,inject as b,resolveComponent as k}from"vue-demi";var h="Composition",P="SlotContent",v="uniformComposition",y="uniformResolveRenderer";import{CANVAS_ENRICHMENT_TAG_PARAM as U}from"@uniformdev/canvas";import{Track as V,TrackSlot as j,isUsingUniformContext as M}from"@uniformdev/context-vue";var S=_({name:h,inheritAttrs:!1,props:{data:{type:Object,required:!0},resolveRenderer:{type:Function,default:()=>({type:e})=>k(e)},behaviorTracking:{type:String,default:"onView"}},setup(e,t){var c,d,f;let o=T(()=>{var a,l;return(l=e.data)!=null?l:(a=b(v))==null?void 0:a.value}),n=(c=e.resolveRenderer)!=null?c:b(y);I(v,o),I(y,n);let s=T(()=>{var a,l;return(l=(a=o.value)==null?void 0:a.slots)!=null?l:{}}),r=T(()=>{var a,l;return(l=(a=o.value)==null?void 0:a.parameters)!=null?l:{}}),m=T(()=>JSON.stringify(o.value)),i=(f=(d=o.value.parameters)==null?void 0:d[U])==null?void 0:f.value,p=()=>{var a,l;return(l=(a=t.slots).default)==null?void 0:l.call(a,{slots:s.value,parameters:r.value})};if(M()){let a=e.behaviorTracking==="onLoad"?j:V;return()=>O(a,{behavior:i,key:m.value},p)}return p}});import{defineComponent as $,computed as K,h as C,inject as E}from"vue-demi";import{CANVAS_PERSONALIZE_TYPE as L,CANVAS_TEST_TYPE as Y,mapSlotToPersonalizedVariations as B,mapSlotToTestVariations as D}from"@uniformdev/canvas";import{Personalize as F,Test as J}from"@uniformdev/context-vue";function w(e){var s;let t=(s=e.parameters)!=null?s:{};return{...Object.entries(t).reduce((r,[m,{value:i}])=>({...r,[z(m)]:i}),{}),...e.data,component:e}}function z(e){return e.replace("$","")}var be=$({name:P,inheritAttrs:!1,props:{name:{type:String},resolveRenderer:{type:Function}},setup(e,t){var m;let o=E(v),n=(m=e.resolveRenderer)!=null?m:E(y);if(!o||!n)throw new Error("<SlotContent /> can only be used inside a <Composition />");let s=K(()=>{var i,p,c;return e.name?(p=(i=o==null?void 0:o.value.slots)==null?void 0:i[e.name])!=null?p:[]:Object.values((c=o==null?void 0:o.value.slots)!=null?c:{}).flat()}),r=s.value.flatMap((i,p)=>{var f,a;let c=R({component:i,resolveRenderer:n}),d=t.slots.default?t.slots.default({child:c,component:i}):c;if(i._id){let l=C("script",{"data-role":"component-start","data-component-id":i._id,"data-slot-name":name,"data-component-index":p,"data-total-components":s.value.length,"data-component-name":i.type,"data-component-title":(a=(f=i.parameters)==null?void 0:f.title)==null?void 0:a.value,key:`open-${p}`}),A=C("script",{"data-role":"component-end",key:`close-${p}`});return[l,d,A]}return[d]});return()=>r}});function q(e,t){var r,m,i,p,c,d;let o=e==null?void 0:e.parameters,n=B((r=e.slots)==null?void 0:r.pz),s=(p=(i=(m=e.parameters)==null?void 0:m.trackingEventName)==null?void 0:i.value)!=null?p:"Untitled Personalization";return C(F,{name:s,component:f=>t(f),variations:n,count:Number((d=(c=o==null?void 0:o.count)==null?void 0:c.value)!=null?d:1)})}function G(e,t){var r,m,i,p,c;let o=(m=(r=e==null?void 0:e.slots)==null?void 0:r.test)!=null?m:[],n=(c=(p=(i=e==null?void 0:e.parameters)==null?void 0:i.test)==null?void 0:p.value)!=null?c:"Untitled Test",s=D(o);return C(J,{variations:s,name:n,component:d=>t(d)})}function R({component:e,resolveRenderer:t}){if(e.type===Y)return G(e,n=>R({component:n,resolveRenderer:t}));if(e.type===L)return q(e,n=>R({component:n,resolveRenderer:t}));let o=t==null?void 0:t(e);if(o){let n=w(e);return C(S,{data:e,resolveRenderer:t},()=>C(o,n))}return console.warn(`[canvas] found component of type '${e.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.`,e),C("")}import{defineComponent as X,h as u}from"vue-demi";var H={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},Q={margin:"0 0 1rem"},Ee=X({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(e,{attrs:t}){var n;let o=(n=e.component)==null?void 0:n.type;return()=>u("div",{key:"content",style:{...H}},[u("h2",{style:{...Q}},`Component: ${o}`),u("p",[u("strong",`${o} has no Vue implementation. It may need to be added to your `),u("code",{},"resolveRenderer()"),u("strong",{}," function.")]),u("details",{},[u("summary",{},"props/attributes"),u("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});import{CANVAS_DRAFT_STATE as Z,createEventBus as W,subscribeToComposition as ee}from"@uniformdev/canvas";import{watch as oe}from"vue-demi";async function Ae({enabled:e,projectId:t,compositionIdRef:o,effect:n}){let s;oe([()=>e,()=>o.value,()=>t],async()=>{if(s==null||s(),!e||!o.value||!t)return;let r=await W();r&&(s=ee({eventBus:r,compositionId:o.value,compositionState:Z,projectId:t,callback:n,event:"updated"}))},{immediate:!0})}import{createCanvasChannel as te,isUpdateCompositionMessage as ne,IN_CONTEXT_EDITOR_QUERY_STRING_PARAM as re}from"@uniformdev/canvas";import{ref as se,computed as ie,watch as g,onMounted as ae}from"vue-demi";var x="uniform-canvas-preview-script",je=({apiUrl:e})=>async t=>{let o=await fetch(e,{method:"post",body:JSON.stringify({composition:t.composition,hash:t.hash}),headers:{"Content-Type":"application/json"}}),n=await o.json();if(!o.ok)throw new Error("Error reading enhanced composition");return n.composition},Me=({composition:e,enhance:t=o=>o.composition})=>{let o=se(e);g([()=>e,o],()=>{e._id!==o.value._id&&(o.value=e)},{immediate:!0});let n=ie(()=>{var r;return N()?te({broadcastTo:[(r=window.opener)!=null?r:window.top],listenTo:[window]}):void 0});return g([n,()=>t],()=>{if(!n.value)return;let s=n.value.on("update-composition",async r=>{if(ne(r)){let m=await t(r);o.value=m}});return()=>{s()}},{immediate:!0}),ae(()=>{if(!N()||document.getElementById(x))return;let r=document.createElement("script");r.id=x,r.src=pe(),r.async=!0,document.head.appendChild(r)}),{composition:o}};function pe(){return`${window.document.referrer}files/canvas-in-context-embed/index.js`}function N(){if(typeof window=="undefined")return!1;let e=new URLSearchParams(window.location.search).has(re),t=Boolean(window.document.referrer.match(/(^https:\/\/|\.)(uniform.app|uniform.wtf|localhost:\d{4})\//));return e&&t}export{h as CANVAS_COMPOSITION_TYPE,P as CANVAS_SLOT_CONTENT_TYPE,S as Composition,Ee as DefaultNotImplementedComponent,be as SlotContent,v as compositionInjectionKey,w as convertComponentToProps,je as createApiEnhancer,y as resolveRendererInjectionKey,Ae as useCompositionEventEffect,Me as useCompositionInstance};
+import{defineComponent as x,computed as T,h as A,provide as b,inject as I,resolveComponent as g}from"vue-demi";var R="Composition",S="SlotContent",f="uniformComposition",C="uniformResolveRenderer";import{CANVAS_ENRICHMENT_TAG_PARAM as O}from"@uniformdev/canvas";import{Track as _,TrackSlot as k,isUsingUniformContext as w}from"@uniformdev/context-vue";var E=x({name:R,inheritAttrs:!1,props:{data:{type:Object,required:!0},resolveRenderer:{type:Function,default:()=>({type:e})=>g(e)},behaviorTracking:{type:String,default:"onView"}},setup(e,t){var l,d,y;let o=T(()=>{var i,c;return(c=e.data)!=null?c:(i=I(f))==null?void 0:i.value}),n=(l=e.resolveRenderer)!=null?l:I(C);b(f,o),b(C,n);let s=T(()=>{var i,c;return(c=(i=o.value)==null?void 0:i.slots)!=null?c:{}}),p=T(()=>{var i,c;return(c=(i=o.value)==null?void 0:i.parameters)!=null?c:{}}),m=T(()=>JSON.stringify(o.value)),r=(y=(d=o.value.parameters)==null?void 0:d[O])==null?void 0:y.value,a=()=>{var i,c;return(c=(i=t.slots).default)==null?void 0:c.call(i,{slots:s.value,parameters:p.value})};if(w()){let i=e.behaviorTracking==="onLoad"?k:_;return()=>A(i,{behavior:r,key:m.value},a)}return a}});import{defineComponent as j,computed as z,h as v,inject as N}from"vue-demi";import{CANVAS_PERSONALIZE_TYPE as U,CANVAS_TEST_TYPE as K,mapSlotToPersonalizedVariations as L,mapSlotToTestVariations as Y}from"@uniformdev/canvas";import{Personalize as $,Test as D}from"@uniformdev/context-vue";function h(e){var s;let t=(s=e.parameters)!=null?s:{};return{...Object.entries(t).reduce((p,[m,{value:r}])=>({...p,[V(m)]:r}),{}),...e.data,component:e}}function V(e){return e.replace("$","")}var de=j({name:S,inheritAttrs:!1,props:{name:{type:String},resolveRenderer:{type:Function}},setup(e,t){var m;let o=N(f),n=(m=e.resolveRenderer)!=null?m:N(C);if(!o||!n)throw new Error("<SlotContent /> can only be used inside a <Composition />");let p=z(()=>{var r,a,l;return e.name?(a=(r=o==null?void 0:o.value.slots)==null?void 0:r[e.name])!=null?a:[]:Object.values((l=o==null?void 0:o.value.slots)!=null?l:{}).flat()}).value.map(r=>{let a=P({component:r,resolveRenderer:n});return t.slots.default?t.slots.default({child:a,component:r}):a});return()=>p}});function M(e,t){var p,m,r,a,l,d;let o=e==null?void 0:e.parameters,n=L((p=e.slots)==null?void 0:p.pz),s=(a=(r=(m=e.parameters)==null?void 0:m.trackingEventName)==null?void 0:r.value)!=null?a:"Untitled Personalization";return v($,{name:s,component:y=>t(y),variations:n,count:Number((d=(l=o==null?void 0:o.count)==null?void 0:l.value)!=null?d:1)})}function F(e,t){var p,m,r,a,l;let o=(m=(p=e==null?void 0:e.slots)==null?void 0:p.test)!=null?m:[],n=(l=(a=(r=e==null?void 0:e.parameters)==null?void 0:r.test)==null?void 0:a.value)!=null?l:"Untitled Test",s=Y(o);return v(D,{variations:s,name:n,component:d=>t(d)})}function P({component:e,resolveRenderer:t}){if(e.type===K)return F(e,n=>P({component:n,resolveRenderer:t}));if(e.type===U)return M(e,n=>P({component:n,resolveRenderer:t}));let o=t==null?void 0:t(e);if(o){let n=h(e);return v(E,{data:e,resolveRenderer:t},()=>v(o,n))}return console.warn(`[canvas] found component of type '${e.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.`,e),v("")}import{defineComponent as q,h as u}from"vue-demi";var B={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},J={margin:"0 0 1rem"},ve=q({name:"DefaultNotImplementedComponent",props:{component:{type:Object,required:!0}},setup(e,{attrs:t}){var n;let o=(n=e.component)==null?void 0:n.type;return()=>u("div",{key:"content",style:{...B}},[u("h2",{style:{...J}},`Component: ${o}`),u("p",[u("strong",`${o} has no Vue implementation. It may need to be added to your `),u("code",{},"resolveRenderer()"),u("strong",{}," function.")]),u("details",{},[u("summary",{},"props/attributes"),u("pre",{style:{overflowX:"auto"}},`${JSON.stringify(t)}`)])])}});import{CANVAS_DRAFT_STATE as G,createEventBus as H,subscribeToComposition as X}from"@uniformdev/canvas";import{watch as Z}from"vue-demi";async function Q({enabled:e,projectId:t,compositionIdRef:o,effect:n}){let s;Z([()=>e,()=>o.value,()=>t],async()=>{if(s==null||s(),!e||!o.value||!t)return;let p=await H();p&&(s=X({eventBus:p,compositionId:o.value,compositionState:G,projectId:t,callback:n,event:"updated"}))},{immediate:!0})}export{R as CANVAS_COMPOSITION_TYPE,S as CANVAS_SLOT_CONTENT_TYPE,E as Composition,ve as DefaultNotImplementedComponent,de as SlotContent,f as compositionInjectionKey,h as convertComponentToProps,C as resolveRendererInjectionKey,Q as useCompositionEventEffect};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uniformdev/canvas-vue",
-  "version": "17.3.1-alpha.146+33ba1d5c7",
+  "version": "17.4.0",
   "description": "Vue SDK for Uniform Canvas",
   "license": "SEE LICENSE IN LICENSE.txt",
   "main": "./dist/index.js",
@@ -22,12 +22,12 @@
     "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
   },
   "dependencies": {
-    "@uniformdev/canvas": "^17.3.1-alpha.146+33ba1d5c7",
+    "@uniformdev/canvas": "^17.4.0",
     "@vue/test-utils": "2.1.0",
     "vue-demi": "^0.13.0"
   },
   "peerDependencies": {
-    "@uniformdev/context-vue": "^17.3.0",
+    "@uniformdev/context-vue": "^17.4.0",
     "@vue/composition-api": "^1.0.0-rc.1",
     "vue": "^2.0.0 || >=3.0.0"
   },
@@ -39,9 +39,9 @@
   "devDependencies": {
     "@testing-library/vue": "6.6.1",
     "@types/uuid": "8.3.4",
-    "@uniformdev/context-vue": "^17.3.1-alpha.146+33ba1d5c7",
+    "@uniformdev/context-vue": "^17.4.0",
     "@vue/server-test-utils": "1.3.0",
-    "vue": "3.2.39",
+    "vue": "3.2.37",
     "vue-server-renderer": "2.7.13",
     "vue-template-compiler": "2.7.13"
   },
@@ -62,5 +62,5 @@
     "last 2 versions",
     "not dead"
   ],
-  "gitHead": "33ba1d5c7cf8aca1d9d5c7c14e0d97c0805f6840"
+  "gitHead": "77580d40fbad3c838310f09824d29c067686fa64"
 }