@uniformdev/canvas-vue 14.2.0 → 14.2.1-alpha.119

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.esm.js CHANGED
@@ -1 +1 @@
1
- import{v4 as I}from"uuid";var S="Composition",D="SlotContent";var g={watch:{"$route.query"(){this.reevaluateSignals()}},mounted(){this.$nextTick(()=>{this.reevaluateSignals()})},methods:{reevaluateSignals(){this.$uniformOptimizeContext&&(this.$uniformOptimizeContext.trackerInitializing||this.$uniformOptimizeContext.tracker.reevaluateSignals())}}};var k={name:S,inheritAttrs:!1,props:{composition:{type:Object,required:!0},pageMeta:{type:Object},wrapper:{type:[String,Object],default:"div"}},mixins:[g],provide(){var t;return{$__uniformData__:(t=this.$props.composition)==null?void 0:t.slots}},computed:{slots(){return!this.$props.composition||!this.$props.composition.slots?{}:this.$props.composition.slots},pageMetaData(){var t,o,e;if(!!this.$props.pageMeta)return Object.keys(this.$props.pageMeta).length?{id:(t=this.$props.pageMeta)==null?void 0:t.id,name:(o=this.$props.pageMeta)==null?void 0:o.name,slug:(e=this.$props.pageMeta)==null?void 0:e.slug}:{}},parameters(){var t;return!this.$props.composition||!((t=this.$props.composition)==null?void 0:t.parameters)?{}:this.$props.composition.parameters},componentKey(){return`uniform-composition-${I()}`}},render(t){return Object.keys(this.slots).length&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):Object.keys(this.slots).length===0&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$slots.default)}};var _={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},v={margin:"0 0 1rem"},E={name:"default-not-implemented-component",inheritAttrs:!1,props:{component:{type:Object,required:!0}},render(t){var e;let o=(e=this.component)==null?void 0:e.type;return t("div",{key:"content",style:{..._}},[t("h2",{style:{...v}},`Component: ${o}`),t("p",[t("strong",`${o} has no Vue implementation. It may need to be added to your `),t("code",{},"resolveRenderer() function.")]),t("details",{},[t("summary",{},"props"),t("pre",{style:{overflowX:"auto"}},`${JSON.stringify(this.$props)}`)])])}};import{pascalCase as N}from"pascal-case";import{CANVAS_PERSONALIZE_TYPE as x,CANVAS_TEST_TYPE as M,mapSlotToPersonalizedVariations as w}from"@uniformdev/canvas";import{Personalize as R,Test as b}from"@uniformdev/optimize-tracker-vue";import{pascalCase as $}from"pascal-case";var T=(t,o)=>t.find(e=>e.name===o),C=t=>{let o=[];for(let e in t)o.push({name:e,components:t[e]});return o},J=t=>{let o=e=>(delete e.parameters.intentTag,e);return t.components.map(e=>{var r;return{component:$(e.type),intentTag:((r=e.parameters.intentTag)==null?void 0:r.value)||{intents:{}},...o(e)}})},X=t=>{let o=e=>e;return t.components.map(e=>({component:$(e.type),...o(e)}))};var A={name:D,inheritAttrs:!1,props:{uniformData:{type:Object},slotName:{type:String,required:!0},wrapper:{type:[String,Object],default:"div"}},inject:["$__uniformData__"],computed:{slotItems(){return this.uniformData?C(this.uniformData):C(this.$__uniformData__)}},render(t){if(this.slotItems){if(this.slotName){let o=T(this.slotItems,this.slotName),e=o==null?void 0:o.components.map((r,p)=>{let n={uniformData:r};if(r.type===M)return O(t,n,`${r.type}-${p}`);if(r.type===x)return V(t,n,`${r.type}-${p}`);let s=N(r.type);return t(s,{props:n,attrs:{...this.$attrs},key:`${s}-${p}`})});return t(this.wrapper,{key:this.slotName,props:{...this.$props},attrs:{...this.$attrs}},e)}if(!this.slotName){let o=this.slotItems.map((e,r)=>{let p=e==null?void 0:e.components.map((n,s)=>{let i={uniformData:n};if(n.type===M)return O(t,i,`${n.type}-${s}`);if(n.type===x)return V(t,i,`${n.type}-${s}`);let m=N(n.type);return t(m,{props:i,attrs:{...this.$attrs},key:`${m}-${s}`})});return t(this.wrapper,{key:`${e.name}-${r}`},p)});return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},o)}}return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},this.$slots.default)}};function z(t){if(typeof(t==null?void 0:t.value)=="string")return t.value}function V(t,o,e){var s,i,m,d,c;let r=o.uniformData,p=r==null?void 0:r.parameters,n=w((s=r==null?void 0:r.slots)==null?void 0:s.pz);return t(R,{props:{variations:n,count:Number((m=(i=p==null?void 0:p.count)==null?void 0:i.value)!=null?m:1),trackingEventName:(d=p==null?void 0:p.trackingEventName)==null?void 0:d.value,matchFilter:(c=p==null?void 0:p.matchFilter)==null?void 0:c.value},key:e,scopedSlots:{default:f=>f.variations.map((a,y)=>t(a.type,{props:{uniformData:a},key:`${a.type}-${y}`}))}})}function O(t,o,e){var s,i,m,d,c,f;let r=(m=(i=(s=o.uniformData)==null?void 0:s.slots)==null?void 0:i.test)!=null?m:[],p=((f=(c=(d=o.uniformData)==null?void 0:d.parameters)==null?void 0:c.test)==null?void 0:f.value)||"Untitled Test",n=r.map((a,y)=>{var h,P;return{...a,id:(P=z((h=a.parameters)==null?void 0:h.testId))!=null?P:`variation-${y+1}-${a.type}`}});return t(b,{props:{variations:n,name:p},key:e,scopedSlots:{default:({variant:a})=>t(a.type,{key:`${a.type}-${e}`,props:{uniformData:a}})}})}export{S as CANVAS_COMPOSITION_TYPE,D as CANVAS_SLOT_CONTENT_TYPE,k as Composition,E as DefaultNotImplementedComponent,A as SlotContent,T as getDataForSlot,J as mapPzSlotToVariants,C as mapSlotsData,X as mapTestSlotToVariants};
1
+ import{v4 as I}from"uuid";var S="Composition",D="SlotContent";var g={watch:{"$route.query"(){this.reevaluateSignals()}},mounted(){this.$nextTick(()=>{this.reevaluateSignals()})},methods:{reevaluateSignals(){this.$uniformOptimizeContext&&(this.$uniformOptimizeContext.trackerInitializing||this.$uniformOptimizeContext.tracker.reevaluateSignals())}}};var k={name:S,inheritAttrs:!1,props:{composition:{type:Object,required:!0},pageMeta:{type:Object},wrapper:{type:[String,Object],default:"div"}},mixins:[g],provide(){var t;return{$__uniformData__:(t=this.$props.composition)==null?void 0:t.slots}},computed:{slots(){return!this.$props.composition||!this.$props.composition.slots?{}:this.$props.composition.slots},pageMetaData(){var t,o,e;if(!!this.$props.pageMeta)return Object.keys(this.$props.pageMeta).length?{id:(t=this.$props.pageMeta)==null?void 0:t.id,name:(o=this.$props.pageMeta)==null?void 0:o.name,slug:(e=this.$props.pageMeta)==null?void 0:e.slug}:{}},parameters(){var t;return!this.$props.composition||!((t=this.$props.composition)!=null&&t.parameters)?{}:this.$props.composition.parameters},componentKey(){return`uniform-composition-${I()}`}},render(t){return Object.keys(this.slots).length&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):Object.keys(this.slots).length===0&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$slots.default)}};var _={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},v={margin:"0 0 1rem"},E={name:"default-not-implemented-component",inheritAttrs:!1,props:{component:{type:Object,required:!0}},render(t){var e;let o=(e=this.component)==null?void 0:e.type;return t("div",{key:"content",style:{..._}},[t("h2",{style:{...v}},`Component: ${o}`),t("p",[t("strong",`${o} has no Vue implementation. It may need to be added to your `),t("code",{},"resolveRenderer() function.")]),t("details",{},[t("summary",{},"props"),t("pre",{style:{overflowX:"auto"}},`${JSON.stringify(this.$props)}`)])])}};import{pascalCase as N}from"pascal-case";import{CANVAS_PERSONALIZE_TYPE as x,CANVAS_TEST_TYPE as M,mapSlotToPersonalizedVariations as w}from"@uniformdev/canvas";import{Personalize as R,Test as b}from"@uniformdev/optimize-tracker-vue";import{pascalCase as $}from"pascal-case";var T=(t,o)=>t.find(e=>e.name===o),C=t=>{let o=[];for(let e in t)o.push({name:e,components:t[e]});return o},J=t=>{let o=e=>(delete e.parameters.intentTag,e);return t.components.map(e=>{var r;return{component:$(e.type),intentTag:((r=e.parameters.intentTag)==null?void 0:r.value)||{intents:{}},...o(e)}})},X=t=>{let o=e=>e;return t.components.map(e=>({component:$(e.type),...o(e)}))};var A={name:D,inheritAttrs:!1,props:{uniformData:{type:Object},slotName:{type:String,required:!0},wrapper:{type:[String,Object],default:"div"}},inject:["$__uniformData__"],computed:{slotItems(){return this.uniformData?C(this.uniformData):C(this.$__uniformData__)}},render(t){if(this.slotItems){if(this.slotName){let o=T(this.slotItems,this.slotName),e=o==null?void 0:o.components.map((r,p)=>{let n={uniformData:r};if(r.type===M)return O(t,n,`${r.type}-${p}`);if(r.type===x)return V(t,n,`${r.type}-${p}`);let s=N(r.type);return t(s,{props:n,attrs:{...this.$attrs},key:`${s}-${p}`})});return t(this.wrapper,{key:this.slotName,props:{...this.$props},attrs:{...this.$attrs}},e)}if(!this.slotName){let o=this.slotItems.map((e,r)=>{let p=e==null?void 0:e.components.map((n,s)=>{let i={uniformData:n};if(n.type===M)return O(t,i,`${n.type}-${s}`);if(n.type===x)return V(t,i,`${n.type}-${s}`);let m=N(n.type);return t(m,{props:i,attrs:{...this.$attrs},key:`${m}-${s}`})});return t(this.wrapper,{key:`${e.name}-${r}`},p)});return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},o)}}return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},this.$slots.default)}};function z(t){if(typeof(t==null?void 0:t.value)=="string")return t.value}function V(t,o,e){var s,i,m,d,c;let r=o.uniformData,p=r==null?void 0:r.parameters,n=w((s=r==null?void 0:r.slots)==null?void 0:s.pz);return t(R,{props:{variations:n,count:Number((m=(i=p==null?void 0:p.count)==null?void 0:i.value)!=null?m:1),trackingEventName:(d=p==null?void 0:p.trackingEventName)==null?void 0:d.value,matchFilter:(c=p==null?void 0:p.matchFilter)==null?void 0:c.value},key:e,scopedSlots:{default:f=>f.variations.map((a,y)=>t(a.type,{props:{uniformData:a},key:`${a.type}-${y}`}))}})}function O(t,o,e){var s,i,m,d,c,f;let r=(m=(i=(s=o.uniformData)==null?void 0:s.slots)==null?void 0:i.test)!=null?m:[],p=((f=(c=(d=o.uniformData)==null?void 0:d.parameters)==null?void 0:c.test)==null?void 0:f.value)||"Untitled Test",n=r.map((a,y)=>{var h,P;return{...a,id:(P=z((h=a.parameters)==null?void 0:h.testId))!=null?P:`variation-${y+1}-${a.type}`}});return t(b,{props:{variations:n,name:p},key:e,scopedSlots:{default:({variant:a})=>t(a.type,{key:`${a.type}-${e}`,props:{uniformData:a}})}})}export{S as CANVAS_COMPOSITION_TYPE,D as CANVAS_SLOT_CONTENT_TYPE,k as Composition,E as DefaultNotImplementedComponent,A as SlotContent,T as getDataForSlot,J as mapPzSlotToVariants,C as mapSlotsData,X as mapTestSlotToVariants};
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- var P=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var b=t=>P(t,"__esModule",{value:!0});var A=(t,o)=>{for(var e in o)P(t,e,{get:o[e],enumerable:!0})},z=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of w(o))!R.call(t,p)&&(e||p!=="default")&&P(t,p,{get:()=>o[p],enumerable:!(r=E(o,p))||r.enumerable});return t};var j=(t=>(o,e)=>t&&t.get(o)||(e=z(b({}),o,1),t&&t.set(o,e),e))(typeof WeakMap!="undefined"?new WeakMap:0);var K={};A(K,{CANVAS_COMPOSITION_TYPE:()=>S,CANVAS_SLOT_CONTENT_TYPE:()=>D,Composition:()=>O,DefaultNotImplementedComponent:()=>I,SlotContent:()=>k,getDataForSlot:()=>$,mapPzSlotToVariants:()=>L,mapSlotsData:()=>y,mapTestSlotToVariants:()=>q});var V=require("uuid");var S="Composition",D="SlotContent";var M={watch:{"$route.query"(){this.reevaluateSignals()}},mounted(){this.$nextTick(()=>{this.reevaluateSignals()})},methods:{reevaluateSignals(){this.$uniformOptimizeContext&&(this.$uniformOptimizeContext.trackerInitializing||this.$uniformOptimizeContext.tracker.reevaluateSignals())}}};var O={name:S,inheritAttrs:!1,props:{composition:{type:Object,required:!0},pageMeta:{type:Object},wrapper:{type:[String,Object],default:"div"}},mixins:[M],provide(){var t;return{$__uniformData__:(t=this.$props.composition)==null?void 0:t.slots}},computed:{slots(){return!this.$props.composition||!this.$props.composition.slots?{}:this.$props.composition.slots},pageMetaData(){var t,o,e;if(!!this.$props.pageMeta)return Object.keys(this.$props.pageMeta).length?{id:(t=this.$props.pageMeta)==null?void 0:t.id,name:(o=this.$props.pageMeta)==null?void 0:o.name,slug:(e=this.$props.pageMeta)==null?void 0:e.slug}:{}},parameters(){var t;return!this.$props.composition||!((t=this.$props.composition)==null?void 0:t.parameters)?{}:this.$props.composition.parameters},componentKey(){return`uniform-composition-${(0,V.v4)()}`}},render(t){return Object.keys(this.slots).length&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):Object.keys(this.slots).length===0&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$slots.default)}};var W={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},Y={margin:"0 0 1rem"},I={name:"default-not-implemented-component",inheritAttrs:!1,props:{component:{type:Object,required:!0}},render(t){var e;let o=(e=this.component)==null?void 0:e.type;return t("div",{key:"content",style:{...W}},[t("h2",{style:{...Y}},`Component: ${o}`),t("p",[t("strong",`${o} has no Vue implementation. It may need to be added to your `),t("code",{},"resolveRenderer() function.")]),t("details",{},[t("summary",{},"props"),t("pre",{style:{overflowX:"auto"}},`${JSON.stringify(this.$props)}`)])])}};var T=require("pascal-case"),u=require("@uniformdev/canvas"),C=require("@uniformdev/optimize-tracker-vue");var g=require("pascal-case"),$=(t,o)=>t.find(e=>e.name===o),y=t=>{let o=[];for(let e in t)o.push({name:e,components:t[e]});return o},L=t=>{let o=e=>(delete e.parameters.intentTag,e);return t.components.map(e=>{var r;return{component:(0,g.pascalCase)(e.type),intentTag:((r=e.parameters.intentTag)==null?void 0:r.value)||{intents:{}},...o(e)}})},q=t=>{let o=e=>e;return t.components.map(e=>({component:(0,g.pascalCase)(e.type),...o(e)}))};var k={name:D,inheritAttrs:!1,props:{uniformData:{type:Object},slotName:{type:String,required:!0},wrapper:{type:[String,Object],default:"div"}},inject:["$__uniformData__"],computed:{slotItems(){return this.uniformData?y(this.uniformData):y(this.$__uniformData__)}},render(t){if(this.slotItems){if(this.slotName){let o=$(this.slotItems,this.slotName),e=o==null?void 0:o.components.map((r,p)=>{let n={uniformData:r};if(r.type===u.CANVAS_TEST_TYPE)return v(t,n,`${r.type}-${p}`);if(r.type===u.CANVAS_PERSONALIZE_TYPE)return _(t,n,`${r.type}-${p}`);let s=(0,T.pascalCase)(r.type);return t(s,{props:n,attrs:{...this.$attrs},key:`${s}-${p}`})});return t(this.wrapper,{key:this.slotName,props:{...this.$props},attrs:{...this.$attrs}},e)}if(!this.slotName){let o=this.slotItems.map((e,r)=>{let p=e==null?void 0:e.components.map((n,s)=>{let i={uniformData:n};if(n.type===u.CANVAS_TEST_TYPE)return v(t,i,`${n.type}-${s}`);if(n.type===u.CANVAS_PERSONALIZE_TYPE)return _(t,i,`${n.type}-${s}`);let m=(0,T.pascalCase)(n.type);return t(m,{props:i,attrs:{...this.$attrs},key:`${m}-${s}`})});return t(this.wrapper,{key:`${e.name}-${r}`},p)});return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},o)}}return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},this.$slots.default)}};function F(t){if(typeof(t==null?void 0:t.value)=="string")return t.value}function _(t,o,e){var s,i,m,d,c;let r=o.uniformData,p=r==null?void 0:r.parameters,n=(0,u.mapSlotToPersonalizedVariations)((s=r==null?void 0:r.slots)==null?void 0:s.pz);return t(C.Personalize,{props:{variations:n,count:Number((m=(i=p==null?void 0:p.count)==null?void 0:i.value)!=null?m:1),trackingEventName:(d=p==null?void 0:p.trackingEventName)==null?void 0:d.value,matchFilter:(c=p==null?void 0:p.matchFilter)==null?void 0:c.value},key:e,scopedSlots:{default:f=>f.variations.map((a,h)=>t(a.type,{props:{uniformData:a},key:`${a.type}-${h}`}))}})}function v(t,o,e){var s,i,m,d,c,f;let r=(m=(i=(s=o.uniformData)==null?void 0:s.slots)==null?void 0:i.test)!=null?m:[],p=((f=(c=(d=o.uniformData)==null?void 0:d.parameters)==null?void 0:c.test)==null?void 0:f.value)||"Untitled Test",n=r.map((a,h)=>{var N,x;return{...a,id:(x=F((N=a.parameters)==null?void 0:N.testId))!=null?x:`variation-${h+1}-${a.type}`}});return t(C.Test,{props:{variations:n,name:p},key:e,scopedSlots:{default:({variant:a})=>t(a.type,{key:`${a.type}-${e}`,props:{uniformData:a}})}})}module.exports=j(K);0&&(module.exports={CANVAS_COMPOSITION_TYPE,CANVAS_SLOT_CONTENT_TYPE,Composition,DefaultNotImplementedComponent,SlotContent,getDataForSlot,mapPzSlotToVariants,mapSlotsData,mapTestSlotToVariants});
1
+ var P=Object.defineProperty;var E=Object.getOwnPropertyDescriptor;var w=Object.getOwnPropertyNames;var R=Object.prototype.hasOwnProperty;var b=t=>P(t,"__esModule",{value:!0});var A=(t,o)=>{for(var e in o)P(t,e,{get:o[e],enumerable:!0})},z=(t,o,e,r)=>{if(o&&typeof o=="object"||typeof o=="function")for(let p of w(o))!R.call(t,p)&&(e||p!=="default")&&P(t,p,{get:()=>o[p],enumerable:!(r=E(o,p))||r.enumerable});return t};var j=(t=>(o,e)=>t&&t.get(o)||(e=z(b({}),o,1),t&&t.set(o,e),e))(typeof WeakMap!="undefined"?new WeakMap:0);var K={};A(K,{CANVAS_COMPOSITION_TYPE:()=>S,CANVAS_SLOT_CONTENT_TYPE:()=>D,Composition:()=>O,DefaultNotImplementedComponent:()=>I,SlotContent:()=>v,getDataForSlot:()=>$,mapPzSlotToVariants:()=>L,mapSlotsData:()=>y,mapTestSlotToVariants:()=>q});var V=require("uuid");var S="Composition",D="SlotContent";var M={watch:{"$route.query"(){this.reevaluateSignals()}},mounted(){this.$nextTick(()=>{this.reevaluateSignals()})},methods:{reevaluateSignals(){this.$uniformOptimizeContext&&(this.$uniformOptimizeContext.trackerInitializing||this.$uniformOptimizeContext.tracker.reevaluateSignals())}}};var O={name:S,inheritAttrs:!1,props:{composition:{type:Object,required:!0},pageMeta:{type:Object},wrapper:{type:[String,Object],default:"div"}},mixins:[M],provide(){var t;return{$__uniformData__:(t=this.$props.composition)==null?void 0:t.slots}},computed:{slots(){return!this.$props.composition||!this.$props.composition.slots?{}:this.$props.composition.slots},pageMetaData(){var t,o,e;if(!!this.$props.pageMeta)return Object.keys(this.$props.pageMeta).length?{id:(t=this.$props.pageMeta)==null?void 0:t.id,name:(o=this.$props.pageMeta)==null?void 0:o.name,slug:(e=this.$props.pageMeta)==null?void 0:e.slug}:{}},parameters(){var t;return!this.$props.composition||!((t=this.$props.composition)!=null&&t.parameters)?{}:this.$props.composition.parameters},componentKey(){return`uniform-composition-${(0,V.v4)()}`}},render(t){return Object.keys(this.slots).length&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):Object.keys(this.slots).length===0&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$slots.default)}};var W={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},Y={margin:"0 0 1rem"},I={name:"default-not-implemented-component",inheritAttrs:!1,props:{component:{type:Object,required:!0}},render(t){var e;let o=(e=this.component)==null?void 0:e.type;return t("div",{key:"content",style:{...W}},[t("h2",{style:{...Y}},`Component: ${o}`),t("p",[t("strong",`${o} has no Vue implementation. It may need to be added to your `),t("code",{},"resolveRenderer() function.")]),t("details",{},[t("summary",{},"props"),t("pre",{style:{overflowX:"auto"}},`${JSON.stringify(this.$props)}`)])])}};var T=require("pascal-case"),u=require("@uniformdev/canvas"),C=require("@uniformdev/optimize-tracker-vue");var g=require("pascal-case"),$=(t,o)=>t.find(e=>e.name===o),y=t=>{let o=[];for(let e in t)o.push({name:e,components:t[e]});return o},L=t=>{let o=e=>(delete e.parameters.intentTag,e);return t.components.map(e=>{var r;return{component:(0,g.pascalCase)(e.type),intentTag:((r=e.parameters.intentTag)==null?void 0:r.value)||{intents:{}},...o(e)}})},q=t=>{let o=e=>e;return t.components.map(e=>({component:(0,g.pascalCase)(e.type),...o(e)}))};var v={name:D,inheritAttrs:!1,props:{uniformData:{type:Object},slotName:{type:String,required:!0},wrapper:{type:[String,Object],default:"div"}},inject:["$__uniformData__"],computed:{slotItems(){return this.uniformData?y(this.uniformData):y(this.$__uniformData__)}},render(t){if(this.slotItems){if(this.slotName){let o=$(this.slotItems,this.slotName),e=o==null?void 0:o.components.map((r,p)=>{let n={uniformData:r};if(r.type===u.CANVAS_TEST_TYPE)return _(t,n,`${r.type}-${p}`);if(r.type===u.CANVAS_PERSONALIZE_TYPE)return k(t,n,`${r.type}-${p}`);let s=(0,T.pascalCase)(r.type);return t(s,{props:n,attrs:{...this.$attrs},key:`${s}-${p}`})});return t(this.wrapper,{key:this.slotName,props:{...this.$props},attrs:{...this.$attrs}},e)}if(!this.slotName){let o=this.slotItems.map((e,r)=>{let p=e==null?void 0:e.components.map((n,s)=>{let i={uniformData:n};if(n.type===u.CANVAS_TEST_TYPE)return _(t,i,`${n.type}-${s}`);if(n.type===u.CANVAS_PERSONALIZE_TYPE)return k(t,i,`${n.type}-${s}`);let m=(0,T.pascalCase)(n.type);return t(m,{props:i,attrs:{...this.$attrs},key:`${m}-${s}`})});return t(this.wrapper,{key:`${e.name}-${r}`},p)});return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},o)}}return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},this.$slots.default)}};function F(t){if(typeof(t==null?void 0:t.value)=="string")return t.value}function k(t,o,e){var s,i,m,d,c;let r=o.uniformData,p=r==null?void 0:r.parameters,n=(0,u.mapSlotToPersonalizedVariations)((s=r==null?void 0:r.slots)==null?void 0:s.pz);return t(C.Personalize,{props:{variations:n,count:Number((m=(i=p==null?void 0:p.count)==null?void 0:i.value)!=null?m:1),trackingEventName:(d=p==null?void 0:p.trackingEventName)==null?void 0:d.value,matchFilter:(c=p==null?void 0:p.matchFilter)==null?void 0:c.value},key:e,scopedSlots:{default:f=>f.variations.map((a,h)=>t(a.type,{props:{uniformData:a},key:`${a.type}-${h}`}))}})}function _(t,o,e){var s,i,m,d,c,f;let r=(m=(i=(s=o.uniformData)==null?void 0:s.slots)==null?void 0:i.test)!=null?m:[],p=((f=(c=(d=o.uniformData)==null?void 0:d.parameters)==null?void 0:c.test)==null?void 0:f.value)||"Untitled Test",n=r.map((a,h)=>{var N,x;return{...a,id:(x=F((N=a.parameters)==null?void 0:N.testId))!=null?x:`variation-${h+1}-${a.type}`}});return t(C.Test,{props:{variations:n,name:p},key:e,scopedSlots:{default:({variant:a})=>t(a.type,{key:`${a.type}-${e}`,props:{uniformData:a}})}})}module.exports=j(K);0&&(module.exports={CANVAS_COMPOSITION_TYPE,CANVAS_SLOT_CONTENT_TYPE,Composition,DefaultNotImplementedComponent,SlotContent,getDataForSlot,mapPzSlotToVariants,mapSlotsData,mapTestSlotToVariants});
package/dist/index.mjs CHANGED
@@ -1 +1 @@
1
- import{v4 as I}from"uuid";var S="Composition",D="SlotContent";var g={watch:{"$route.query"(){this.reevaluateSignals()}},mounted(){this.$nextTick(()=>{this.reevaluateSignals()})},methods:{reevaluateSignals(){this.$uniformOptimizeContext&&(this.$uniformOptimizeContext.trackerInitializing||this.$uniformOptimizeContext.tracker.reevaluateSignals())}}};var k={name:S,inheritAttrs:!1,props:{composition:{type:Object,required:!0},pageMeta:{type:Object},wrapper:{type:[String,Object],default:"div"}},mixins:[g],provide(){var t;return{$__uniformData__:(t=this.$props.composition)==null?void 0:t.slots}},computed:{slots(){return!this.$props.composition||!this.$props.composition.slots?{}:this.$props.composition.slots},pageMetaData(){var t,o,e;if(!!this.$props.pageMeta)return Object.keys(this.$props.pageMeta).length?{id:(t=this.$props.pageMeta)==null?void 0:t.id,name:(o=this.$props.pageMeta)==null?void 0:o.name,slug:(e=this.$props.pageMeta)==null?void 0:e.slug}:{}},parameters(){var t;return!this.$props.composition||!((t=this.$props.composition)==null?void 0:t.parameters)?{}:this.$props.composition.parameters},componentKey(){return`uniform-composition-${I()}`}},render(t){return Object.keys(this.slots).length&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):Object.keys(this.slots).length===0&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$slots.default)}};var _={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},v={margin:"0 0 1rem"},E={name:"default-not-implemented-component",inheritAttrs:!1,props:{component:{type:Object,required:!0}},render(t){var e;let o=(e=this.component)==null?void 0:e.type;return t("div",{key:"content",style:{..._}},[t("h2",{style:{...v}},`Component: ${o}`),t("p",[t("strong",`${o} has no Vue implementation. It may need to be added to your `),t("code",{},"resolveRenderer() function.")]),t("details",{},[t("summary",{},"props"),t("pre",{style:{overflowX:"auto"}},`${JSON.stringify(this.$props)}`)])])}};import{pascalCase as N}from"pascal-case";import{CANVAS_PERSONALIZE_TYPE as x,CANVAS_TEST_TYPE as M,mapSlotToPersonalizedVariations as w}from"@uniformdev/canvas";import{Personalize as R,Test as b}from"@uniformdev/optimize-tracker-vue";import{pascalCase as $}from"pascal-case";var T=(t,o)=>t.find(e=>e.name===o),C=t=>{let o=[];for(let e in t)o.push({name:e,components:t[e]});return o},J=t=>{let o=e=>(delete e.parameters.intentTag,e);return t.components.map(e=>{var r;return{component:$(e.type),intentTag:((r=e.parameters.intentTag)==null?void 0:r.value)||{intents:{}},...o(e)}})},X=t=>{let o=e=>e;return t.components.map(e=>({component:$(e.type),...o(e)}))};var A={name:D,inheritAttrs:!1,props:{uniformData:{type:Object},slotName:{type:String,required:!0},wrapper:{type:[String,Object],default:"div"}},inject:["$__uniformData__"],computed:{slotItems(){return this.uniformData?C(this.uniformData):C(this.$__uniformData__)}},render(t){if(this.slotItems){if(this.slotName){let o=T(this.slotItems,this.slotName),e=o==null?void 0:o.components.map((r,p)=>{let n={uniformData:r};if(r.type===M)return O(t,n,`${r.type}-${p}`);if(r.type===x)return V(t,n,`${r.type}-${p}`);let s=N(r.type);return t(s,{props:n,attrs:{...this.$attrs},key:`${s}-${p}`})});return t(this.wrapper,{key:this.slotName,props:{...this.$props},attrs:{...this.$attrs}},e)}if(!this.slotName){let o=this.slotItems.map((e,r)=>{let p=e==null?void 0:e.components.map((n,s)=>{let i={uniformData:n};if(n.type===M)return O(t,i,`${n.type}-${s}`);if(n.type===x)return V(t,i,`${n.type}-${s}`);let m=N(n.type);return t(m,{props:i,attrs:{...this.$attrs},key:`${m}-${s}`})});return t(this.wrapper,{key:`${e.name}-${r}`},p)});return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},o)}}return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},this.$slots.default)}};function z(t){if(typeof(t==null?void 0:t.value)=="string")return t.value}function V(t,o,e){var s,i,m,d,c;let r=o.uniformData,p=r==null?void 0:r.parameters,n=w((s=r==null?void 0:r.slots)==null?void 0:s.pz);return t(R,{props:{variations:n,count:Number((m=(i=p==null?void 0:p.count)==null?void 0:i.value)!=null?m:1),trackingEventName:(d=p==null?void 0:p.trackingEventName)==null?void 0:d.value,matchFilter:(c=p==null?void 0:p.matchFilter)==null?void 0:c.value},key:e,scopedSlots:{default:f=>f.variations.map((a,y)=>t(a.type,{props:{uniformData:a},key:`${a.type}-${y}`}))}})}function O(t,o,e){var s,i,m,d,c,f;let r=(m=(i=(s=o.uniformData)==null?void 0:s.slots)==null?void 0:i.test)!=null?m:[],p=((f=(c=(d=o.uniformData)==null?void 0:d.parameters)==null?void 0:c.test)==null?void 0:f.value)||"Untitled Test",n=r.map((a,y)=>{var h,P;return{...a,id:(P=z((h=a.parameters)==null?void 0:h.testId))!=null?P:`variation-${y+1}-${a.type}`}});return t(b,{props:{variations:n,name:p},key:e,scopedSlots:{default:({variant:a})=>t(a.type,{key:`${a.type}-${e}`,props:{uniformData:a}})}})}export{S as CANVAS_COMPOSITION_TYPE,D as CANVAS_SLOT_CONTENT_TYPE,k as Composition,E as DefaultNotImplementedComponent,A as SlotContent,T as getDataForSlot,J as mapPzSlotToVariants,C as mapSlotsData,X as mapTestSlotToVariants};
1
+ import{v4 as I}from"uuid";var S="Composition",D="SlotContent";var g={watch:{"$route.query"(){this.reevaluateSignals()}},mounted(){this.$nextTick(()=>{this.reevaluateSignals()})},methods:{reevaluateSignals(){this.$uniformOptimizeContext&&(this.$uniformOptimizeContext.trackerInitializing||this.$uniformOptimizeContext.tracker.reevaluateSignals())}}};var k={name:S,inheritAttrs:!1,props:{composition:{type:Object,required:!0},pageMeta:{type:Object},wrapper:{type:[String,Object],default:"div"}},mixins:[g],provide(){var t;return{$__uniformData__:(t=this.$props.composition)==null?void 0:t.slots}},computed:{slots(){return!this.$props.composition||!this.$props.composition.slots?{}:this.$props.composition.slots},pageMetaData(){var t,o,e;if(!!this.$props.pageMeta)return Object.keys(this.$props.pageMeta).length?{id:(t=this.$props.pageMeta)==null?void 0:t.id,name:(o=this.$props.pageMeta)==null?void 0:o.name,slug:(e=this.$props.pageMeta)==null?void 0:e.slug}:{}},parameters(){var t;return!this.$props.composition||!((t=this.$props.composition)!=null&&t.parameters)?{}:this.$props.composition.parameters},componentKey(){return`uniform-composition-${I()}`}},render(t){return Object.keys(this.slots).length&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):Object.keys(this.slots).length===0&&this.$scopedSlots.default?t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$scopedSlots.default({slots:this.slots,parameters:this.parameters})):t(this.wrapper,{key:this.componentKey,attrs:{...this.$attrs}},this.$slots.default)}};var _={borderLeft:"10px solid #e42535",background:"rgba(122, 215, 218, 0.3)",color:"#1d3557",padding:"1rem",textAlign:"left",margin:"1rem 5vw"},v={margin:"0 0 1rem"},E={name:"default-not-implemented-component",inheritAttrs:!1,props:{component:{type:Object,required:!0}},render(t){var e;let o=(e=this.component)==null?void 0:e.type;return t("div",{key:"content",style:{..._}},[t("h2",{style:{...v}},`Component: ${o}`),t("p",[t("strong",`${o} has no Vue implementation. It may need to be added to your `),t("code",{},"resolveRenderer() function.")]),t("details",{},[t("summary",{},"props"),t("pre",{style:{overflowX:"auto"}},`${JSON.stringify(this.$props)}`)])])}};import{pascalCase as N}from"pascal-case";import{CANVAS_PERSONALIZE_TYPE as x,CANVAS_TEST_TYPE as M,mapSlotToPersonalizedVariations as w}from"@uniformdev/canvas";import{Personalize as R,Test as b}from"@uniformdev/optimize-tracker-vue";import{pascalCase as $}from"pascal-case";var T=(t,o)=>t.find(e=>e.name===o),C=t=>{let o=[];for(let e in t)o.push({name:e,components:t[e]});return o},J=t=>{let o=e=>(delete e.parameters.intentTag,e);return t.components.map(e=>{var r;return{component:$(e.type),intentTag:((r=e.parameters.intentTag)==null?void 0:r.value)||{intents:{}},...o(e)}})},X=t=>{let o=e=>e;return t.components.map(e=>({component:$(e.type),...o(e)}))};var A={name:D,inheritAttrs:!1,props:{uniformData:{type:Object},slotName:{type:String,required:!0},wrapper:{type:[String,Object],default:"div"}},inject:["$__uniformData__"],computed:{slotItems(){return this.uniformData?C(this.uniformData):C(this.$__uniformData__)}},render(t){if(this.slotItems){if(this.slotName){let o=T(this.slotItems,this.slotName),e=o==null?void 0:o.components.map((r,p)=>{let n={uniformData:r};if(r.type===M)return O(t,n,`${r.type}-${p}`);if(r.type===x)return V(t,n,`${r.type}-${p}`);let s=N(r.type);return t(s,{props:n,attrs:{...this.$attrs},key:`${s}-${p}`})});return t(this.wrapper,{key:this.slotName,props:{...this.$props},attrs:{...this.$attrs}},e)}if(!this.slotName){let o=this.slotItems.map((e,r)=>{let p=e==null?void 0:e.components.map((n,s)=>{let i={uniformData:n};if(n.type===M)return O(t,i,`${n.type}-${s}`);if(n.type===x)return V(t,i,`${n.type}-${s}`);let m=N(n.type);return t(m,{props:i,attrs:{...this.$attrs},key:`${m}-${s}`})});return t(this.wrapper,{key:`${e.name}-${r}`},p)});return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},o)}}return t(this.wrapper,{key:"slot-content",props:{...this.$props},attrs:{...this.$attrs}},this.$slots.default)}};function z(t){if(typeof(t==null?void 0:t.value)=="string")return t.value}function V(t,o,e){var s,i,m,d,c;let r=o.uniformData,p=r==null?void 0:r.parameters,n=w((s=r==null?void 0:r.slots)==null?void 0:s.pz);return t(R,{props:{variations:n,count:Number((m=(i=p==null?void 0:p.count)==null?void 0:i.value)!=null?m:1),trackingEventName:(d=p==null?void 0:p.trackingEventName)==null?void 0:d.value,matchFilter:(c=p==null?void 0:p.matchFilter)==null?void 0:c.value},key:e,scopedSlots:{default:f=>f.variations.map((a,y)=>t(a.type,{props:{uniformData:a},key:`${a.type}-${y}`}))}})}function O(t,o,e){var s,i,m,d,c,f;let r=(m=(i=(s=o.uniformData)==null?void 0:s.slots)==null?void 0:i.test)!=null?m:[],p=((f=(c=(d=o.uniformData)==null?void 0:d.parameters)==null?void 0:c.test)==null?void 0:f.value)||"Untitled Test",n=r.map((a,y)=>{var h,P;return{...a,id:(P=z((h=a.parameters)==null?void 0:h.testId))!=null?P:`variation-${y+1}-${a.type}`}});return t(b,{props:{variations:n,name:p},key:e,scopedSlots:{default:({variant:a})=>t(a.type,{key:`${a.type}-${e}`,props:{uniformData:a}})}})}export{S as CANVAS_COMPOSITION_TYPE,D as CANVAS_SLOT_CONTENT_TYPE,k as Composition,E as DefaultNotImplementedComponent,A as SlotContent,T as getDataForSlot,J as mapPzSlotToVariants,C as mapSlotsData,X as mapTestSlotToVariants};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@uniformdev/canvas-vue",
3
- "version": "14.2.0",
3
+ "version": "14.2.1-alpha.119+b726f7c20",
4
4
  "description": "Vue SDK for Uniform Canvas",
5
5
  "license": "SEE LICENSE IN LICENSE.txt",
6
6
  "main": "./dist/index.js",
@@ -15,17 +15,15 @@
15
15
  "types": "./dist/index.d.ts",
16
16
  "sideEffects": false,
17
17
  "scripts": {
18
- "build": "tsup",
18
+ "build": "tsup --minify",
19
19
  "dev": "tsup --watch",
20
20
  "clean": "rimraf dist",
21
21
  "test": "jest --maxWorkers=1 --passWithNoTests",
22
22
  "lint": "eslint \"src/**/*.{js,ts,tsx}\"",
23
- "format": "prettier --write \"src/**/*.{js,ts,tsx}\"",
24
- "ci:verify": "run-p lint test",
25
- "ci:build": "tsup --minify --clean"
23
+ "format": "prettier --write \"src/**/*.{js,ts,tsx}\""
26
24
  },
27
25
  "dependencies": {
28
- "@uniformdev/canvas": "^14.2.0",
26
+ "@uniformdev/canvas": "^14.2.1-alpha.119+b726f7c20",
29
27
  "@uniformdev/optimize-common": "^14.2.0",
30
28
  "@uniformdev/optimize-tracker-browser": "^14.2.0",
31
29
  "@uniformdev/optimize-tracker-common": "^14.2.0",
@@ -38,16 +36,8 @@
38
36
  "vue": ">=2.6 <3.0"
39
37
  },
40
38
  "devDependencies": {
41
- "@testing-library/vue": "5.8.2",
42
- "@types/jest": "27.4.1",
43
- "@types/node": "16.11.25",
39
+ "@testing-library/vue": "6.5.1",
44
40
  "@vue/server-test-utils": "1.3.0",
45
- "eslint": "8.9.0",
46
- "jest": "27.5.1",
47
- "npm-run-all": "4.1.5",
48
- "rimraf": "3.0.2",
49
- "ts-jest": "27.1.3",
50
- "tsup": "5.11.13",
51
41
  "vue": "2.6.14",
52
42
  "vue-server-renderer": "2.6.14",
53
43
  "vue-template-compiler": "2.6.14"
@@ -69,5 +59,5 @@
69
59
  "last 2 versions",
70
60
  "not dead"
71
61
  ],
72
- "gitHead": "9325a6f4078d55da8dcc0314344fe6838b380288"
62
+ "gitHead": "b726f7c2068ba5527031277697f09965afad3e7a"
73
63
  }