@designcrowd/fe-shared-lib 1.8.7 → 1.8.9-ai-switch

package/.storybook-static/assets/PaymentConfigList.stories-DgQ5DKoI.js

@@ -0,0 +1,130 @@
+import{a as D}from"./index-Bz4la0P9.js";import{M as R}from"./index-_aBqSnL8.js";import{L as H}from"./Loader-w-8rPZZr.js";import{B as J}from"./Button-CkyYO9sU.js";import{M as Ee}from"./Modal-DKAacz7P.js";import{y as x,x as u,a as p,o as s,e as t,n as Te,h as f,c,P as O,f as C,F as B,r as z,D as Oe,A as De,b as F,t as m,C as Ae,z as K}from"./iframe-ndUd-rmt.js";import{_ as W}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{I as Ce}from"./Icon-B_xzgi_Q.js";import{g as Ie}from"./_commonjsHelpers-D6-XlEtG.js";import{a as Ne,D as Le}from"./DropdownItem-B-sUYaug.js";import{P as Me}from"./Pill-40wjWWYr.js";import"./ButtonPrimary-LDY_rMmo.js";let be;const Be=e=>{be=e},Q=()=>be||D,Re=async e=>{try{const n=await Q().get(`/maker/api/brand-pages/${e}/payment-configs`);return n.status===200?n.data:null}catch{return null}},$e=async()=>{try{const e=await Q().get("/maker/api/brand-pages/payment-configs/currency-list");return e.status===200?e.data:null}catch{return null}},Ue=async(e,n)=>{try{const d=await Q().delete(`/maker/api/brand-pages/${e}/payment-configs`,{data:{PaymentConfigId:n}});return d.status===200?d.data:null}catch{return null}},Z={setBrandPageApiClientAxios:Be,getPaymentConfigsByBrandPageToken:Re,deletePaymentConfigByBrandPageTokenAndConfigId:Ue,getPaymentConfigCurrencyListByBrandPageTokenAsync:$e},he={components:{Modal:Ee,Button:J,Loader:H},props:{paymentConfig:{type:Object,required:!0,default:()=>({})},brandPageToken:{type:String,required:!1,default:()=>{}}},emits:["close-modal","on-delete"],data:()=>({isLoading:!1}),methods:{onCloseModal(){this.$emit("close-modal")},async onConfirmDelete(){const e=this.paymentConfig.id;if(this.brandPageToken&&e)try{this.isLoading=!0,await Z.deletePaymentConfigByBrandPageTokenAndConfigId(this.brandPageToken,e)&&this.$emit("on-delete",e)}finally{this.isLoading=!1}}}},Ge={class:"tw-text-center tw-w-full tw-border-0 tw-border-solid tw-border-grayscale-400 tw-border-t tw-p-4"},Fe={key:0,class:"tw-flex tw-justify-center"},Ve={key:1};function Ye(e,n,d,_,E,i){const k=p("Loader"),w=p("Button"),b=p("Modal");return s(),x(b,{"full-screen-breakpoint":"sm",classes:"publish-bp--modal tw-px-2 md:tw-px-8","close-on-esc":"",visible:!0,"hide-scrollbar":!1,onCloseModal:i.onCloseModal},{header:u(()=>n[0]||(n[0]=[t("div",{class:"tw-text-center tw-font-bold tw-mb-4 tw-mt-8 tw-text-2xl"},[t("span",null,"Delete Payment Provider")],-1)])),default:u(()=>[t("div",Ge,[e.isLoading?(s(),c("div",Fe,[f(k)])):(s(),c("div",Ve,n[1]||(n[1]=[t("div",{class:"tw-text-center tw-w-full"},[t("p",{class:"tw-text-grayscale-600"},"Are you sure you want to delete this payment provider?"),t("p",{class:"tw-text-grayscale-600"}," Once deleted, your site will no longer show any payment options to visitors. You won’t be able to accept payments unless you set up a new provider. ")],-1)])))])]),footer:u(()=>[t("div",{class:"tw-font-sans tw-text-center tw-flex tw-gap-2 tw-justify-center tw-mt-4 tw-border-0 tw-border-solid tw-border-grayscale-400 tw-border-t",style:Te(e.isMobile?"padding-left: 1.5rem; padding-right: 1.5rem;":"")},[f(w,{label:"Cancel",size:"medium",variant:"outline",class:"tw-my-4",onOnClick:i.onCloseModal},null,8,["onOnClick"]),f(w,{label:"Delete Provider",variant:"primary",size:"medium",class:"tw-my-4",onOnClick:i.onConfirmDelete},null,8,["onOnClick"])],4)]),_:1},8,["onCloseModal"])}const je=W(he,[["render",Ye]]);he.__docgenInfo={exportName:"default",displayName:"PaymentConfigDeleteConfigModal",description:"",tags:{},props:[{name:"paymentConfig",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"{}"}},{name:"brandPageToken",type:{name:"string"},required:!1,defaultValue:{func:!0,value:"() => undefined"}}],events:[{name:"close-modal"},{name:"on-delete",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/PaymentConfigList/PaymentConfigDeleteConfigModal.vue"]};var G={exports:{}},qe=G.exports,ae;function ze(){return ae||(ae=1,(function(e,n){(function(d,_){e.exports=_()})(qe,function(){var d="__v-click-outside",_=typeof window<"u",E=typeof navigator<"u",i=_&&("ontouchstart"in window||E&&navigator.msMaxTouchPoints>0)?["touchstart"]:["click"],k=function(o){var r=o.event,a=o.handler;(0,o.middleware)(r)&&a(r)},w=function(o,r){var a=(function(l){var g=typeof l=="function";if(!g&&typeof l!="object")throw new Error("v-click-outside: Binding value must be a function or an object");return{handler:g?l:l.handler,middleware:l.middleware||function(P){return P},events:l.events||i,isActive:l.isActive!==!1,detectIframe:l.detectIframe!==!1,capture:!!l.capture}})(r.value),y=a.handler,ne=a.middleware,Se=a.detectIframe,j=a.capture;if(a.isActive){if(o[d]=a.events.map(function(l){return{event:l,srcTarget:document.documentElement,handler:function(g){return(function(P){var T=P.el,S=P.event,q=P.handler,A=P.middleware,te=S.path||S.composedPath&&S.composedPath();(te?te.indexOf(T)<0:!T.contains(S.target))&&k({event:S,handler:q,middleware:A})})({el:o,event:g,handler:y,middleware:ne})},capture:j}}),Se){var xe={event:"blur",srcTarget:window,handler:function(l){return(function(g){var P=g.el,T=g.event,S=g.handler,q=g.middleware;setTimeout(function(){var A=document.activeElement;A&&A.tagName==="IFRAME"&&!P.contains(A)&&k({event:T,handler:S,middleware:q})},0)})({el:o,event:l,handler:y,middleware:ne})},capture:j};o[d]=[].concat(o[d],[xe])}o[d].forEach(function(l){var g=l.event,P=l.srcTarget,T=l.handler;return setTimeout(function(){o[d]&&P.addEventListener(g,T,j)},0)})}},b=function(o){(o[d]||[]).forEach(function(r){return r.srcTarget.removeEventListener(r.event,r.handler,r.capture)}),delete o[d]},v=_?{beforeMount:w,updated:function(o,r){var a=r.value,y=r.oldValue;JSON.stringify(a)!==JSON.stringify(y)&&(b(o),w(o,{value:a}))},unmounted:b}:{};return{install:function(o){o.directive("click-outside",v)},directive:v}})})(G)),G.exports}var Ke=ze();const Ze=Ie(Ke),h=Object.freeze({active:"Active",pendingPreOnboarding:"PendingPreOnboarding",pendingPostOnboarding:"PendingPostOnboarding",unactivatedByCustomer:"UnactivatedByCustomer"}),ke={props:{brandPageToken:{type:String,required:!1},showPaymentProviderExternalId:{type:Boolean,required:!1,default:!0},statusFilters:{type:Array,required:!1,default:void 0}},directives:{clickOutside:Ze},data:()=>({isLoading:!0,paymentConfigs:[],currencies:[],selectedPaymentConfig:{},isStripeOptionActionVisible:!1}),computed:{selectedCurrency(){return this.currencies.find(e=>{var n;return e.iso4127Code===((n=this.selectedPaymentConfig)==null?void 0:n.defaultCurrency)})}},methods:{getPaymentConfigStatusDisplayText(e){switch(e){case h.pendingPreOnboarding:return O("onboardingIncomplete");case h.pendingPostOnboarding:return O("pendingVerification");case h.active:return O("connected");case h.unactivatedByCustomer:return O("inactive");default:return null}},getPaymentConfigStatusDisplayClasses(e){switch(e){case h.pendingPreOnboarding:case h.pendingPostOnboarding:return"tw-bg-warning-500";case h.active:return"tw-bg-success-500";case h.unactivatedByCustomer:return"tw-bg-grayscale-600";default:return null}},async updatePaymentConfigs(){if(this.brandPageToken)try{this.isLoading=!0;const e=await Z.getPaymentConfigsByBrandPageToken(this.brandPageToken);e&&(this.paymentConfigs=Array.isArray(this.statusFilters)?e.filter(n=>this.statusFilters.some(d=>n.status===d)):e,this.$emit("on-load",this.paymentConfigs))}finally{this.isLoading=!1}},async getCurrentListAsync(){try{const e=await Z.getPaymentConfigCurrencyListByBrandPageTokenAsync();e&&(this.currencies=(e==null?void 0:e.currencies)||[])}catch{}}}},ve={components:{Loader:H,Button:J,Icon:Ce,PaymentConfigDeleteConfigModal:je},mixins:[ke],emits:["on-load"],data(){return{activeStripeOptionIndex:null,showDeleteConfirmationModal:!1}},methods:{sharedPaymentConfigTr:O,onClickStripeOptions(e){this.activeStripeOptionIndex=this.activeStripeOptionIndex===e?null:e},onClickDeleteConfirmation(e){this.selectedPaymentConfig=this.paymentConfigs.find(n=>n.id===e),this.showDeleteConfirmationModal=!0},onCloseModal(){this.showDeleteConfirmationModal=!1},onClickOutsideStripeOptions(){this.activeStripeOptionIndex=null},onLoadPaymentConfigs(e){this.showDeleteConfirmationModal=!1,this.paymentConfigs=this.paymentConfigs.filter(n=>n.id!==e),this.$emit("on-load",this.paymentConfigs)}},async mounted(){await this.updatePaymentConfigs()}},He={key:0,class:"tw-w-full tw-flex tw-justify-center tw-p-2"},Je={key:1},We=["src"],Qe={class:"tw-flex tw-gap-4 tw-w-full tw-items-center"},Xe={class:"tw-flex status-alignment tw-justify-between tw-gap-2 tw-w-full"},en={class:"tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col"},nn={class:"stripe-acct"},tn={key:0,class:"tw-absolute tw-right-0 top-class tw-list-none tw-bg-white tw-rounded tw-border tw-border-solid tw-border-grayscale-500 tw-shadow-md tw-py-3 tw-z-30 tw-text-left"},an=["onClick"],on={class:"tw-whitespace-nowrap tw-flex tw-gap-2"};function sn(e,n,d,_,E,i){const k=p("Loader"),w=p("Button"),b=p("Icon"),v=p("PaymentConfigDeleteConfigModal"),o=Oe("click-outside");return s(),c(B,null,[t("div",null,[e.isLoading?(s(),c("div",He,[f(k)])):(s(),c("div",Je,[(s(!0),c(B,null,z(e.paymentConfigs,(r,a)=>De((s(),c("div",{key:r.id,class:"tw-relative"},[t("div",{class:F(["tw-w-full tw-flex tw-font-sans tw-text-sm tw-items-center tw-p-3 tw-gap-2 tw-rounded tw-bg-white tw-border tw-border-solid tw-border-grayscale-500 tw-text-secondary-500 hover:tw-bg-grayscale-200",{"tw-mb-2":a!==e.paymentConfigs.length-1}])},[t("img",{class:"tw-h-6",src:r.paymentProviderImageUrl,alt:"Payment provider's logo"},null,8,We),t("div",Qe,[t("div",Xe,[t("span",en,[t("span",null,m(r.name),1),t("small",nn,"("+m(r.paymentProviderExternalId)+")",1)]),t("p",{class:F(["tw-flex tw-items-center tw-h-fit tw-w-fit tw-text-xs tw-rounded-full tw-py-0.5 tw-my-0 tw-text-white tw-px-4 tw-outline-none tw-uppercase",e.getPaymentConfigStatusDisplayClasses(r.status)])},m(e.getPaymentConfigStatusDisplayText(r.status)),3)]),f(w,{icon:"other",variant:"no-border","icon-size":"sm",size:"sm",onOnClick:Ae(y=>i.onClickStripeOptions(a),["stop"])},null,8,["onOnClick"])])],2),E.activeStripeOptionIndex===a?(s(),c("ul",tn,[t("li",{class:"tw-py-2 tw-px-3 tw-cursor-pointer tw-text-sm hover:tw-bg-grayscale-200",onClick:y=>i.onClickDeleteConfirmation(r.id)},[t("span",on,[f(b,{name:"delete",size:"sm"}),K(m(i.sharedPaymentConfigTr("deletePaymentMethod")),1)])],8,an)])):C("",!0)])),[[o,i.onClickOutsideStripeOptions]])),128))]))]),E.showDeleteConfirmationModal?(s(),x(v,{key:0,"payment-config":e.selectedPaymentConfig,"brand-page-token":e.brandPageToken,onCloseModal:i.onCloseModal,onOnDelete:i.onLoadPaymentConfigs},null,8,["payment-config","brand-page-token","onCloseModal","onOnDelete"])):C("",!0)],64)}const X=W(ve,[["render",sn]]);ve.__docgenInfo={exportName:"default",displayName:"PaymentConfigList",description:"",tags:{},props:[{name:"brandPageToken",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{name:"string"},required:!1},{name:"showPaymentProviderExternalId",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"statusFilters",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{name:"array"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"on-load",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js","/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/PaymentConfigList/PaymentConfigList.vue"]};const _e={components:{Button:J,Dropdown:Le,DropdownItem:Ne,Loader:H,Pill:Me,Icon:Ce},mixins:[ke],props:{showAddPaymentProvider:{type:Boolean,default:!0},paymentConfigId:{type:String,required:!1,default:void 0}},data:()=>({isAddPaymentProviderButtonVisible:!1,selectedPaymentConfig:void 0}),watch:{paymentConfig(e){this.selectedPaymentConfig=e}},async mounted(){if(this.getCurrentListAsync(),this.brandPageToken){if(await this.updatePaymentConfigs(),!this.selectedPaymentConfig&&this.paymentConfigs.length===0){this.isAddPaymentProviderButtonVisible=!0;return}const e=this.paymentConfigs.find(n=>n.id===this.paymentConfigId);if(e)this.setSelectedPaymentConfig(e);else if(this.paymentConfigs.length>0){const n=this.paymentConfigs.find(d=>d.status===h.active);this.setSelectedPaymentConfig(n||this.paymentConfigs[0])}}else this.isLoading=!1,this.isAddPaymentProviderButtonVisible=!0},methods:{sharedPaymentConfigTr:O,onAddPaymentProviderButtonClick(){this.$emit("on-add-payment-provider-click")},onPaymentConfigClick(e){this.setSelectedPaymentConfig(e),this.$refs.dropdown.hideMenu()},setSelectedPaymentConfig(e){this.selectedPaymentConfig=e,this.$emit("on-payment-config-selected",this.selectedPaymentConfig)},onCurrencyClick(e){this.$refs.dropdownCurrency.hideMenu(),this.$emit("on-currency-selected",e)}}},rn={key:0,class:"tw-w-full tw-flex tw-justify-center tw-p-2"},dn={key:2},ln={key:0,class:"tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer"},cn={class:"tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col"},mn={class:"stripe-acct"},pn={class:"tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col"},un={class:"stripe-acct"},fn={class:"tw-mt-6 tw-mb-2 tw-text-sm tw-font-bold"},yn={key:0,class:"tw-flex tw-items-center tw-px-2 tw-py-2 drop-down-item tw-cursor-pointer"},gn={class:"tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col"},wn={class:"tw-text-sm tw-grow tw-select-none tw-flex tw-flex-col"};function Pn(e,n,d,_,E,i){const k=p("Loader"),w=p("Button"),b=p("Pill"),v=p("DropdownItem"),o=p("Dropdown"),r=p("Icon");return s(),c("div",null,[e.isLoading?(s(),c("div",rn,[f(k)])):C("",!0),e.isAddPaymentProviderButtonVisible?(s(),x(w,{key:1,label:i.sharedPaymentConfigTr("addPaymentProvider"),size:"small",variant:"outline",onOnClick:i.onAddPaymentProviderButtonClick},null,8,["label","onOnClick"])):C("",!0),!e.isLoading&&!e.isAddPaymentProviderButtonVisible?(s(),c("div",dn,[f(o,{ref:"dropdown"},{title:u(()=>[e.selectedPaymentConfig?(s(),c("div",ln,[t("span",cn,[t("span",null,m(e.selectedPaymentConfig.name),1),t("small",mn,"("+m(e.selectedPaymentConfig.paymentProviderExternalId)+")",1)]),f(b,{class:F(["tw-text-white",e.getPaymentConfigStatusDisplayClasses(e.selectedPaymentConfig.status)])},{default:u(()=>[K(m(e.getPaymentConfigStatusDisplayText(e.selectedPaymentConfig.status)),1)]),_:1},8,["class"])])):C("",!0)]),default:u(()=>[(s(!0),c(B,null,z(e.paymentConfigs,a=>(s(),x(v,{key:`payment-config-${a.id}`,onClick:y=>i.onPaymentConfigClick(a)},{default:u(()=>[t("span",pn,[t("span",null,m(a.name),1),t("small",un,"("+m(a.paymentProviderExternalId)+")",1)]),f(b,{class:F(["tw-text-white",e.getPaymentConfigStatusDisplayClasses(a.status)])},{default:u(()=>[K(m(e.getPaymentConfigStatusDisplayText(a.status)),1)]),_:2},1032,["class"])]),_:2},1032,["onClick"]))),128)),d.showAddPaymentProvider?(s(),x(v,{key:0,class:"tw-border-t-2",onClick:i.onAddPaymentProviderButtonClick},{default:u(()=>[f(w,{"full-width":!0,label:i.sharedPaymentConfigTr("addPaymentProvider"),size:"small",variant:"outline",onOnClick:i.onAddPaymentProviderButtonClick},null,8,["label","onOnClick"])]),_:1},8,["onClick"])):C("",!0)]),_:1},512),e.currencies&&e.currencies.length>0?(s(),c(B,{key:0},[t("h4",fn,m(i.sharedPaymentConfigTr("currencyLabel")),1),f(o,{ref:"dropdownCurrency","menu-element-classes":"tw-w-full"},{title:u(()=>[e.selectedCurrency?(s(),c("div",yn,[t("span",gn,[t("span",null,m(e.selectedCurrency.iso4127Code)+" ("+m(e.selectedCurrency.symbol)+")",1)])])):C("",!0)]),default:u(()=>[(s(!0),c(B,null,z(e.currencies,a=>(s(),x(v,{key:`currency-${a.id}`,onClick:y=>i.onCurrencyClick(a)},{default:u(()=>{var y;return[t("span",wn,[t("span",null,m(a.iso4127Code)+" ("+m(a.symbol)+")",1)]),((y=e.selectedCurrency)==null?void 0:y.id)===a.id?(s(),x(r,{key:0,name:"check-thin"})):C("",!0)]}),_:2},1032,["onClick"]))),128))]),_:1},512)],64)):C("",!0)])):C("",!0)])}const ee=W(_e,[["render",Pn]]);_e.__docgenInfo={exportName:"default",displayName:"PaymentConfigDropdown",description:"",tags:{},props:[{name:"brandPageToken",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{name:"string"},required:!1},{name:"showPaymentProviderExternalId",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"statusFilters",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{name:"array"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"showAddPaymentProvider",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"paymentConfigId",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"undefined"}}],events:[{name:"on-load",mixin:{name:"PaymentConfig.mixin",path:"PaymentConfig.mixin.js"},type:{names:["undefined"]}},{name:"on-add-payment-provider-click"},{name:"on-payment-config-selected",type:{names:["undefined"]}},{name:"on-currency-selected",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/PaymentConfigList/PaymentConfig.mixin.js","/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/PaymentConfigList/PaymentConfigDropdown.vue"]};const An={title:"Components/PaymentConfigList",component:X},$=2e3,V=[{id:"32e1c01c-6276-4edb-821d-16f9d8a5e16b",name:"Stripe AUD",paymentProviderExternalId:"acct_123456789abcdefg",paymentProviderImageUrl:"https://staging.bcassetcdn.com/assets/brand-page/payment-providers/stripe_wordmark_purple.svg",paymentProviderName:"Stripe",defaultCurrency:"USD",dashboardUrl:"https://dashboard.stripe.com",status:"PendingPreOnboarding"},{id:"ea1a0933-f3a5-486a-8943-3cea44d4c7ee",name:"Stripe USD",paymentProviderImageUrl:"https://staging.bcassetcdn.com/assets/brand-page/payment-providers/stripe_wordmark_purple.svg",paymentProviderExternalId:"acct_123456789abcdefg",paymentProviderName:"Stripe",defaultCurrency:"USD",dashboardUrl:"https://dashboard.stripe.com",status:"PendingPostOnboarding"},{id:"87dea6c0-68de-4172-984c-ff443c93413c",name:"Stripe GBP",paymentProviderExternalId:"acct_123456789abcdefg",paymentProviderImageUrl:"https://staging.bcassetcdn.com/assets/brand-page/payment-providers/stripe_wordmark_purple.svg",paymentProviderName:"Stripe",defaultCurrency:"AUD",dashboardUrl:"https://dashboard.stripe.com",status:"UnactivatedByCustomer"},{id:"450507c3-ac55-449d-b944-6daa1adba3f1",name:"Stripe EUR",paymentProviderExternalId:"acct_123456789abcdefg",paymentProviderImageUrl:"https://staging.bcassetcdn.com/assets/brand-page/payment-providers/stripe_wordmark_purple.svg",paymentProviderName:"Stripe",defaultCurrency:"GBP",dashboardUrl:"https://dashboard.stripe.com",status:"Active"}],Y={currencies:[{id:"9dce1a02-f415-433b-8ea8-0144c651e236",name:"United State Dollar",iso4127Code:"USD",iso31662Code:"US",symbol:"$",isSymbolPlacedBeforePrice:!0,created:"2023-06-21T01:04:12.961Z"},{id:"38dc53a9-a66f-4c6d-b14c-cf987d7f779b",name:"Australian Dollar",iso4127Code:"AUD",iso31662Code:"AU",symbol:"$",isSymbolPlacedBeforePrice:!0,created:"2023-06-21T01:04:12.961Z"},{id:"02c5a9f3-39f1-4764-bd91-a76982dd949a",name:"British Pound Sterling",iso4127Code:"GBP",iso31662Code:"UK",symbol:"£",isSymbolPlacedBeforePrice:!0,created:"2023-06-21T01:04:12.961Z"},{id:"2b26857d-0525-4bf0-b37c-e020847e0bd2",name:"Euro",iso4127Code:"EUR",iso31662Code:"EU",symbol:"€",isSymbolPlacedBeforePrice:!0,created:"2023-06-21T01:04:12.961Z"}]},U=()=>{const e=new R(D,{delayResponse:$}),n="6bc3885c-7e5c-4c9e-9b54-21dcd06ca647";return e.onGet(`/maker/api/brand-pages/${n}/payment-configs`).reply(200,V),e.onGet("/maker/api/brand-pages/payment-configs/currency-list").reply(200,Y),{components:{PaymentConfigList:X},data(){return{brandPageToken:n}},template:`
+      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigList :brand-page-token="brandPageToken"/>
+      </div>
+    `}},I=()=>{const e=new R(D,{delayResponse:$}),n="6bc3885c-7e5c-4c9e-9b54-21dcd06ca647";return e.onGet(`/maker/api/brand-pages/${n}/payment-configs`).reply(200,V),e.onGet("/maker/api/brand-pages/payment-configs/currency-list").reply(200,Y),{components:{PaymentConfigList:X},data(){return{brandPageToken:n}},template:`
+      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigList :brand-page-token="brandPageToken" :show-payment-provider-external-id="false"/>
+      </div>
+    `}};I.story={name:"Sample Stripe (Hidden External Id)"};const N=()=>{const e=new R(D,{delayResponse:$}),n="6bc3885c-7e5c-4c9e-9b54-21dcd06ca647";return e.onGet(`/maker/api/brand-pages/${n}/payment-configs`).reply(200,V),e.onGet("/maker/api/brand-pages/payment-configs/currency-list").reply(200,Y),{components:{PaymentConfigDropdown:ee},data(){return{brandPageToken:n}},template:`
+      <div class="tw-w-1/3 tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigDropdown :brand-page-token="brandPageToken"/>
+      </div>
+    `}};N.story={name:"Dropdown Stripe"};const L=()=>{const e=new R(D,{delayResponse:$}),n="6bc3885c-7e5c-4c9e-9b54-21dcd06ca647";return e.onGet(`/maker/api/brand-pages/${n}/payment-configs`).reply(200,V),e.onGet("/maker/api/brand-pages/payment-configs/currency-list").reply(200,Y),{components:{PaymentConfigDropdown:ee},data(){return{brandPageToken:n}},template:`
+      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigDropdown :brand-page-token="brandPageToken" :status-filters="['Active']"/>
+      </div>
+    `}};L.story={name:"Dropdown Stripe with filter"};const M=()=>{const e=new R(D,{delayResponse:$}),n="00000000-0000-0000-0000-000000000000";return e.onGet(`/maker/api/brand-pages/${n}/payment-configs`).reply(200,[]),{components:{PaymentConfigDropdown:ee},data(){return{brandPageToken:n}},template:`
+      <div class="tw-w-1/3 tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigDropdown :brand-page-token="brandPageToken"/>
+      </div>
+    `}};M.SampleDropdownEmpty={name:"Dropdown Empty"};var oe,se,re;U.parameters={...U.parameters,docs:{...(oe=U.parameters)==null?void 0:oe.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
+  mock.onGet(\`/maker/api/brand-pages/\${brandPageToken}/payment-configs\`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(\`/maker/api/brand-pages/payment-configs/currency-list\`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
+  return {
+    components: {
+      PaymentConfigList
+    },
+    data() {
+      return {
+        brandPageToken
+      };
+    },
+    template: \`
+      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigList :brand-page-token="brandPageToken"/>
+      </div>
+    \`
+  };
+}`,...(re=(se=U.parameters)==null?void 0:se.docs)==null?void 0:re.source}}};var ie,de,le;I.parameters={...I.parameters,docs:{...(ie=I.parameters)==null?void 0:ie.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
+  mock.onGet(\`/maker/api/brand-pages/\${brandPageToken}/payment-configs\`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(\`/maker/api/brand-pages/payment-configs/currency-list\`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
+  return {
+    components: {
+      PaymentConfigList
+    },
+    data() {
+      return {
+        brandPageToken
+      };
+    },
+    template: \`
+      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigList :brand-page-token="brandPageToken" :show-payment-provider-external-id="false"/>
+      </div>
+    \`
+  };
+}`,...(le=(de=I.parameters)==null?void 0:de.docs)==null?void 0:le.source}}};var ce,me,pe;N.parameters={...N.parameters,docs:{...(ce=N.parameters)==null?void 0:ce.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
+  mock.onGet(\`/maker/api/brand-pages/\${brandPageToken}/payment-configs\`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(\`/maker/api/brand-pages/payment-configs/currency-list\`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
+  return {
+    components: {
+      PaymentConfigDropdown
+    },
+    data() {
+      return {
+        brandPageToken
+      };
+    },
+    template: \`
+      <div class="tw-w-1/3 tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigDropdown :brand-page-token="brandPageToken"/>
+      </div>
+    \`
+  };
+}`,...(pe=(me=N.parameters)==null?void 0:me.docs)==null?void 0:pe.source}}};var ue,fe,ye;L.parameters={...L.parameters,docs:{...(ue=L.parameters)==null?void 0:ue.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  const brandPageToken = '6bc3885c-7e5c-4c9e-9b54-21dcd06ca647';
+  mock.onGet(\`/maker/api/brand-pages/\${brandPageToken}/payment-configs\`).reply(200, PAYMENT_CONFIGS_RESPONSE);
+  mock.onGet(\`/maker/api/brand-pages/payment-configs/currency-list\`).reply(200, PAYMENT_CONFIGS_CURRENCY_LIST_RESPONSE);
+  return {
+    components: {
+      PaymentConfigDropdown
+    },
+    data() {
+      return {
+        brandPageToken
+      };
+    },
+    template: \`
+      <div class="tw-w-full tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigDropdown :brand-page-token="brandPageToken" :status-filters="['Active']"/>
+      </div>
+    \`
+  };
+}`,...(ye=(fe=L.parameters)==null?void 0:fe.docs)==null?void 0:ye.source}}};var ge,we,Pe;M.parameters={...M.parameters,docs:{...(ge=M.parameters)==null?void 0:ge.docs,source:{originalSource:`() => {
+  const mock = new MockAdapter(axios, {
+    delayResponse: MOCK_RESPONSE_DELAY
+  });
+  const brandPageToken = '00000000-0000-0000-0000-000000000000';
+  mock.onGet(\`/maker/api/brand-pages/\${brandPageToken}/payment-configs\`).reply(200, []);
+  return {
+    components: {
+      PaymentConfigDropdown
+    },
+    data() {
+      return {
+        brandPageToken
+      };
+    },
+    template: \`
+      <div class="tw-w-1/3 tw-p-4" style="background: #f4f4f4">
+      <PaymentConfigDropdown :brand-page-token="brandPageToken"/>
+      </div>
+    \`
+  };
+}`,...(Pe=(we=M.parameters)==null?void 0:we.docs)==null?void 0:Pe.source}}};const In=["SampleStripe","SampleStripeHideExternalId","SampleDropdownStripe","SampleDropdownStripeWithFilter","SampleDropdownEmpty"];export{M as SampleDropdownEmpty,N as SampleDropdownStripe,L as SampleDropdownStripeWithFilter,U as SampleStripe,I as SampleStripeHideExternalId,In as __namedExportsOrder,An as default};

package/.storybook-static/assets/Picture-C-f6m6ze.js

@@ -0,0 +1 @@
+import{c as s,e as f,F as o,r as m,n as c,b as g,o as l}from"./iframe-ndUd-rmt.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";const d={props:{classes:{type:[String,Object],default:""},defaultImageUrl:{type:String,required:!0},alt:{type:String,default:void 0},sources:{type:Array,default:()=>[]},dataAttribute:{type:String,default:void 0},lazyLoad:{type:Boolean,default:!0},width:{type:String,default:void 0},height:{type:String,default:void 0},styles:{type:Object,default:void 0}},data(){return{imageTagRef:"js-image-tag"}},computed:{isLazyLoading(){return this.lazyLoad?"lazy":!1}},mounted(){this.dataAttribute&&this.$refs[this.imageTagRef].setAttribute(this.dataAttribute,"")},methods:{onContextMenu(n){this.$emit("contextmenu",n)},onImgLoad(n){this.$emit("onImgLoad",n)}}},h=["srcset","media"],p=["loading","src","alt","width","height"];function b(n,u,e,L,i,a){return l(),s("picture",null,[(l(!0),s(o,null,m(e.sources,(t,r)=>(l(),s("source",{key:r,srcset:t.srcset,media:t.mediaQuery},null,8,h))),128)),f("img",{ref:i.imageTagRef,class:g(["tw-block tw-w-full",e.classes]),loading:a.isLazyLoading,src:e.defaultImageUrl,alt:e.alt,width:e.width,height:e.height,style:c(e.styles),onContextmenu:u[0]||(u[0]=(...t)=>a.onContextMenu&&a.onContextMenu(...t)),onLoad:u[1]||(u[1]=(...t)=>a.onImgLoad&&a.onImgLoad(...t))},null,46,p)])}const x=y(d,[["render",b]]);d.__docgenInfo={exportName:"default",displayName:"Picture",description:"",tags:{},props:[{name:"classes",type:{name:"string|object"},defaultValue:{func:!1,value:"''"}},{name:"defaultImageUrl",type:{name:"string"},required:!0},{name:"alt",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"sources",type:{name:"array"},defaultValue:{func:!1,value:"[]"}},{name:"dataAttribute",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"lazyLoad",type:{name:"boolean"},defaultValue:{func:!1,value:"true"}},{name:"width",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"height",type:{name:"string"},defaultValue:{func:!1,value:"undefined"}},{name:"styles",type:{name:"object"},defaultValue:{func:!1,value:"undefined"}}],events:[{name:"contextmenu",type:{names:["undefined"]}},{name:"onImgLoad",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/atoms/components/Picture/Picture.vue"]};export{x as P};

package/.storybook-static/assets/Picture.stories-CDN0TmGy.js

@@ -0,0 +1,119 @@
+import{P as s}from"./Picture-C-f6m6ze.js";import"./iframe-ndUd-rmt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const a={standard:{defaultImageUrl:"https://bcassetcdn.com/assets/images/web/features/features-facebook-cover@2x.png",alt:"Facebook cover",sources:[{srcset:"https://bcassetcdn.com/assets/images/web/features/features-facebook-cover.png",mediaQuery:"(min-width: 1024px)"}]},logoSearchResultsGrid:{defaultImageUrl:"https://via.placeholder.com/600x480",alt:"Logo search result thumbnail",sources:[{srcset:"https://via.placeholder.com/300x240, https://via.placeholder.com/600x480 2x"}]},designSearchResultsGrid:{defaultImageUrl:"https://via.placeholder.com/800x304",alt:"Logo search result thumbnail",sources:[{srcset:"https://via.placeholder.com/480x182, https://via.placeholder.com/960x364 2x",mediaQuery:"(max-width: 767px)"},{srcset:"https://via.placeholder.com/400x152, https://via.placeholder.com/800x304 2x",mediaQuery:"(min-width: 768px)"}]}},v={title:"Components/Picture",component:s},t=()=>({components:{Picture:s},data(){return{picture:a.standard}},template:`
+      <Picture
+        :default-image-url="picture.defaultImageUrl"
+        :sources="picture.sources"
+        :alt="picture.alt"
+        data-attribute="data-test-preview"
+      />
+    `}),e=()=>({components:{Picture:s},data(){return{picture:a.logoSearchResultsGrid}},template:`
+      <div class="tw-container tw-max-w-300 tw-mx-auto tw-px-2 lg:tw-px-2.5 tw-mb-4">
+        <div class="tw-grid md:tw-grid-cols-3 tw-gap-5 tw-pt-8 tw-mb-12 lg:tw-grid-cols-4 tw-grid-cols-2 tw-px-2.5">
+          <div
+            v-for="index in 30"
+            :key="index"
+            class="tw-border tw-border-solid tw-border-grayscale-400"
+          >
+            <Picture
+              classes="tw-object-cover tw-w-full tw-object-top"
+              :default-image-url="picture.defaultImageUrl"
+              :sources="picture.sources"
+              :alt="picture.alt"
+            />
+          </div>
+        </div>
+      </div>
+    `}),r=()=>({components:{Picture:s},data(){return{picture:a.designSearchResultsGrid}},template:`
+      <div class="tw-container tw-max-w-300 tw-mx-auto tw-px-2 lg:tw-px-2.5 tw-mb-4">
+        <div class="tw-grid md:tw-grid-cols-3 tw-gap-5 tw-pt-8 tw-mb-12 lg:tw-grid-cols-3 tw-grid-cols-1 tw-px-2.5">
+          <div
+            v-for="index in 30"
+            :key="index"
+            class="tw-border tw-border-solid tw-border-grayscale-400"
+          >
+            <Picture
+              classes="tw-object-cover tw-w-full tw-object-top"
+              :default-image-url="picture.defaultImageUrl"
+              :sources="picture.sources"
+              :alt="picture.alt"
+            />
+          </div>
+        </div>
+      </div>
+    `});var c,o,i;t.parameters={...t.parameters,docs:{...(c=t.parameters)==null?void 0:c.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Picture
+    },
+    data() {
+      return {
+        picture: pictureFixtures.standard
+      };
+    },
+    template: \`
+      <Picture
+        :default-image-url="picture.defaultImageUrl"
+        :sources="picture.sources"
+        :alt="picture.alt"
+        data-attribute="data-test-preview"
+      />
+    \`
+  };
+}`,...(i=(o=t.parameters)==null?void 0:o.docs)==null?void 0:i.source}}};var n,d,l;e.parameters={...e.parameters,docs:{...(n=e.parameters)==null?void 0:n.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Picture
+    },
+    data() {
+      return {
+        picture: pictureFixtures.logoSearchResultsGrid
+      };
+    },
+    template: \`
+      <div class="tw-container tw-max-w-300 tw-mx-auto tw-px-2 lg:tw-px-2.5 tw-mb-4">
+        <div class="tw-grid md:tw-grid-cols-3 tw-gap-5 tw-pt-8 tw-mb-12 lg:tw-grid-cols-4 tw-grid-cols-2 tw-px-2.5">
+          <div
+            v-for="index in 30"
+            :key="index"
+            class="tw-border tw-border-solid tw-border-grayscale-400"
+          >
+            <Picture
+              classes="tw-object-cover tw-w-full tw-object-top"
+              :default-image-url="picture.defaultImageUrl"
+              :sources="picture.sources"
+              :alt="picture.alt"
+            />
+          </div>
+        </div>
+      </div>
+    \`
+  };
+}`,...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source}}};var u,p,w;r.parameters={...r.parameters,docs:{...(u=r.parameters)==null?void 0:u.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Picture
+    },
+    data() {
+      return {
+        picture: pictureFixtures.designSearchResultsGrid
+      };
+    },
+    template: \`
+      <div class="tw-container tw-max-w-300 tw-mx-auto tw-px-2 lg:tw-px-2.5 tw-mb-4">
+        <div class="tw-grid md:tw-grid-cols-3 tw-gap-5 tw-pt-8 tw-mb-12 lg:tw-grid-cols-3 tw-grid-cols-1 tw-px-2.5">
+          <div
+            v-for="index in 30"
+            :key="index"
+            class="tw-border tw-border-solid tw-border-grayscale-400"
+          >
+            <Picture
+              classes="tw-object-cover tw-w-full tw-object-top"
+              :default-image-url="picture.defaultImageUrl"
+              :sources="picture.sources"
+              :alt="picture.alt"
+            />
+          </div>
+        </div>
+      </div>
+    \`
+  };
+}`,...(w=(p=r.parameters)==null?void 0:p.docs)==null?void 0:w.source}}};const b=["Standard","LogoSearchResultsGrid","DesignSearchResultsGrid"];export{r as DesignSearchResultsGrid,e as LogoSearchResultsGrid,t as Standard,b as __namedExportsOrder,v as default};

package/.storybook-static/assets/Pill-40wjWWYr.js

@@ -0,0 +1 @@
+import{c as s,g as o,o as n}from"./iframe-ndUd-rmt.js";import{_ as r}from"./_plugin-vue_export-helper-DlAUqK2U.js";const e={},l={class:"tw-rounded-full tw-outline-none tw-uppercase tw-py-0.5 tw-px-4 tw-select-none tw-text-center tw-text-xs"};function a(t,c,i,p,d,f){return n(),s("div",l,[o(t.$slots,"default")])}const m=r(e,[["render",a]]);e.__docgenInfo={exportName:"default",displayName:"Pill",description:"",tags:{},slots:[{name:"default"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/atoms/components/Pill/Pill.vue"]};export{m as P};

package/.storybook-static/assets/Pill.stories-DlxPmQuw.js

@@ -0,0 +1,18 @@
+import{P as n}from"./Pill-40wjWWYr.js";import"./iframe-ndUd-rmt.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const i={title:"Components/Pill",component:n},t=()=>({components:{Pill:n},template:`
+      <div class="tw-font-sans">
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'blue' }">Blue</Pill>
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'red' }">Red</Pill>
+      </div>
+    `});var e,l,s;t.parameters={...t.parameters,docs:{...(e=t.parameters)==null?void 0:e.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      Pill
+    },
+    template: \`
+      <div class="tw-font-sans">
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'blue' }">Blue</Pill>
+        <Pill class="tw-text-white tw-my-2 tw-w-8" :style="{ background: 'red' }">Red</Pill>
+      </div>
+    \`
+  };
+}`,...(s=(l=t.parameters)==null?void 0:l.docs)==null?void 0:s.source}}};const c=["Sample"];export{t as Sample,c as __namedExportsOrder,i as default};

package/.storybook-static/assets/PillBar-os4mJV3M.css

@@ -0,0 +1 @@
+.carousel-filter__category{white-space:nowrap}.carousel-filter__category:not(:last-child){margin-right:.75rem}

package/.storybook-static/assets/PillBar.stories-DuJpicaI.js

@@ -0,0 +1,41 @@
+import{B as k}from"./Button-CkyYO9sU.js";import{c as n,F as w,r as U,a as x,o as i,h as D}from"./iframe-ndUd-rmt.js";import{_ as N}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-LDY_rMmo.js";import"./Icon-B_xzgi_Q.js";const p={components:{Button:k},props:{categories:{type:Array,required:!0,default:()=>[]},initialCategory:{type:String,required:!1,default:"Popular"},isDarkMode:{type:Boolean,default:!1}},data(){return{selectedCategory:null}},created(){this.selectedCategory=this.initialCategory},methods:{onSelectCategory(r){this.selectedCategory=r.name,this.$emit("on-click-category",r)}}},P={class:"tw-list-none tw-flex tw-overflow-y-hidden tw-overflow-x-auto tw-m-0 tw-p-0"};function I(r,v,o,B,y,b){const h=x("Button");return i(),n("ul",P,[(i(!0),n(w,null,U(o.categories,e=>(i(),n("li",{key:e.name,class:"carousel-filter__category"},[D(h,{label:e.name,variant:o.isDarkMode?"dark-mode-pill":"pill",active:e.name===y.selectedCategory,onOnClick:S=>b.onSelectCategory(e)},null,8,["label","variant","active","onOnClick"])]))),128))])}const s=N(p,[["render",I]]);p.__docgenInfo={exportName:"default",displayName:"PillBar",description:"",tags:{},props:[{name:"categories",type:{name:"array"},required:!0,defaultValue:{func:!1,value:"[]"}},{name:"initialCategory",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"'Popular'"}},{name:"isDarkMode",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}}],events:[{name:"on-click-category",type:{names:["undefined"]}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/atoms/components/PillBar/PillBar.vue"]};const f=[{name:"Popular",templateTypes:[{name:"Logo Designs",category:"Brand Identity",editorUrl:"logo-design-modal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-logo-design@2x.png",carouselImageUrl:null,dimensions:"1280 x 1024",description:"View and edit your logo",height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Logo Designs",pluralName:"Logo Designs",token:"b0349875-33ac-4b93-a581-42f93255f461"},{name:"Business Card",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20horizontal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card@2x.png",carouselImageUrl:null,dimensions:"3.5 x 2 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Business Cards",token:"4b6158b3-c992-4799-a838-d060565c32e7"},{name:"Facebook cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-facebook@2x.png",carouselImageUrl:null,dimensions:"820 x 312 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Cover",pluralName:"Facebook Covers",token:"fd5a796f-4f74-46a4-b5eb-cf5e478cd095"},{name:"Instagram post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-instagram@2x.png",carouselImageUrl:null,dimensions:"1080 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Post",pluralName:"Instagram Posts",token:"bce84983-7d85-499e-8b82-3474b625867e"},{name:"Brand Page",category:"Website",editorUrl:"/maker/brand-page/manage/create?logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card-vertical@2x.png",carouselImageUrl:null,dimensions:"Default",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Web Page",pluralName:"Web Pages",token:"88102dd6-2601-48b2-b6a3-1ab6f5600ce7"},{name:"Facebook post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook@2x.png",carouselImageUrl:null,dimensions:"940 x 788 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Post",pluralName:"Facebook Posts",token:"f6ecd7bd-ed25-4e9e-b500-a1452defb15e"},{name:"YouTube cover (channel art)",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20cover%20(channel%20art)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-youtube@2x.png",carouselImageUrl:null,dimensions:"2560 x 1440 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Banner",pluralName:"YouTube Banners",token:"b5f801a9-625f-45df-bf31-af2ccf594018"}]},{name:"Social Media Covers",templateTypes:[{name:"Facebook cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-facebook@2x.png",carouselImageUrl:null,dimensions:"820 x 312 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Cover",pluralName:"Facebook Covers",token:"fd5a796f-4f74-46a4-b5eb-cf5e478cd095"},{name:"YouTube cover (channel art)",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20cover%20(channel%20art)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-youtube@2x.png",carouselImageUrl:null,dimensions:"2560 x 1440 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Banner",pluralName:"YouTube Banners",token:"b5f801a9-625f-45df-bf31-af2ccf594018"},{name:"Twitch banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitch%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-tiwtch@2x.png",carouselImageUrl:null,dimensions:"1920 x 480 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitch Banner",pluralName:"Twitch Banners",token:"73529324-07c5-4306-b230-89a200f30f76"},{name:"LinkedIn banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/linkedin%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-linkedin@2x.png",carouselImageUrl:null,dimensions:"1584 x 396 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"LinkedIn Banner",pluralName:"LinkedIn Banners",token:"47b661fe-05f7-4d75-ae79-7c1b2d582978"},{name:"Facebook event cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20event%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-facebook-event@2x.png",carouselImageUrl:null,dimensions:"1920 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Event Cover",pluralName:"Facebook Event Covers",token:"b239cf78-9c34-492f-a9ff-e66e3e1b40e7"},{name:"SoundCloud banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/soundcloud%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-soundcloud@2x.png",carouselImageUrl:null,dimensions:"2480 x 520 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"SoundCloud Banner",pluralName:"SoundCloud Banners",token:"7344e35c-e6ba-4f20-8957-9fb3bc02d190"},{name:"Tumblr banner",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/tumblr%20banner",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-tumblr@2x.png",carouselImageUrl:null,dimensions:"3000 x 1055 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Tumblr Banner",pluralName:"Tumblr Banners",token:"709b5da5-9cd3-469d-9ed0-b93649b0803e"},{name:"Twitter header (cover)",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitter%20header%20(cover)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-twitter@2x.png",carouselImageUrl:null,dimensions:"1500 x 500 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitter Header",pluralName:"Twitter Headers",token:"f99d0426-fd9e-4d59-a38c-b3160949a089"},{name:"Pinterest board cover",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/pinterest%20board%20cover",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-pinterest@2x.png",carouselImageUrl:null,dimensions:"222 x 150 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Pinterest Covers",pluralName:"Pinterest Board Covers",token:"c4b8232c-cb16-4126-9a01-2312d70e1e88"},{name:"Zoom background",category:"Social Media Covers",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/zoom%20background",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-cover-zoom@2x.png",carouselImageUrl:null,dimensions:"1280 x 720 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Zoom Background",pluralName:"Zoom Backgrounds",token:"c08e1a37-0472-444b-95a2-f37a663c0f5f"}]},{name:"Social Media Posts",templateTypes:[{name:"Instagram post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-instagram@2x.png",carouselImageUrl:null,dimensions:"1080 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Post",pluralName:"Instagram Posts",token:"bce84983-7d85-499e-8b82-3474b625867e"},{name:"Instagram story",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20story",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-instagram-story@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Story",pluralName:"Instagram Stories",token:"606e1476-be7e-40d1-b41e-fd656bf7d7df"},{name:"Facebook post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook@2x.png",carouselImageUrl:null,dimensions:"940 x 788 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Post",pluralName:"Facebook Posts",token:"f6ecd7bd-ed25-4e9e-b500-a1452defb15e"},{name:"Tumblr post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/tumblr%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-tumblr@2x.png",carouselImageUrl:null,dimensions:"500 x 750 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Tumblr Post",pluralName:"Tumblr Posts",token:"cce321b7-3fa9-4b9b-b588-0bce143b92e5"},{name:"Facebook story",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20story",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook-story@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Story",pluralName:"Facebook Stories",token:"b9500b5e-a010-4654-a1d1-572e8465ecbe"},{name:"Whatsapp story",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/whatsapp%20story",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-whatsapp@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Whatsapp Story",pluralName:"Whatsapp Stories",token:"a7b11991-2fb2-4e99-82b2-ac6303f3b0e1"},{name:"YouTube thumbnail (on videos)",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20thumbnail%20(on%20videos)",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-youtube-thumbnail@2x.png",carouselImageUrl:null,dimensions:"1280 x 720 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Thumbnail",pluralName:"YouTube Thumbnails",token:"f414305c-eda8-4af0-a7a3-8de64f696c01"},{name:"Facebook ad",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20ad",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-facebook-ad@2x.png",carouselImageUrl:null,dimensions:"1200 x 628 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Ad",pluralName:"Facebook Ads",token:"a5c8754a-ebe3-4074-8a57-a0b70f1e47b9"},{name:"Twitter post",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitter%20post",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-twitter@2x.png",carouselImageUrl:null,dimensions:"1024 x 512 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitter Post",pluralName:"Twitter Posts",token:"e5dc0278-7e12-48dc-813f-f212bbbc747e"},{name:"Snapchat geofilters, ads and lenses",category:"Social Media Posts",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/snapchat%20geofilters,%20ads%20and%20lenses",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-social-media-post-snapchat@2x.png",carouselImageUrl:null,dimensions:"1080 x 1920 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Snapchat Design",pluralName:"Snapchat Designs",token:"16680a40-3922-4e52-9787-ba0ecbd05ea9"}]},{name:"Profile Pictures",templateTypes:[{name:"Facebook profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/facebook%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-facebook@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Facebook Profile Picture",pluralName:"Facebook Profile Pictures",token:"de3f1998-4daa-4f00-94f1-805d44909ca9"},{name:"Instagram profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/instagram%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-instagram@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Instagram Profile Picture",pluralName:"Instagram Profile Pictures",token:"c935053f-449a-4c15-8c66-73f7899d8de7"},{name:"Twitch profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitch%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-twitch@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitch Profile Picture",pluralName:"Twitch Profile Pictures",token:"590a763d-0c35-4ec8-ad43-cd20a06f40e8"},{name:"LinkedIn profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/linkedin%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-linkedin@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"LinkedIn Profile Picture",pluralName:"LinkedIn Profile Pictures",token:"9e372479-f436-4349-8ed1-911ea2f914c7"},{name:"YouTube channel icon",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/youtube%20channel%20icon",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-youtube@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"YouTube Channel Icon",pluralName:"YouTube Channel Icons",token:"4a2314ac-927f-466e-97eb-36d84fb67a44"},{name:"Twitter profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/twitter%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-twitter@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Twitter Profile Picture",pluralName:"Twitter Profile Pictures",token:"11e94819-27dc-44b8-b6ff-6d2961a25f84"},{name:"SoundCloud profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/soundcloud%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-soundcloud@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"SoundCloud Profile Picture",pluralName:"SoundCloud Profile Pictures",token:"5d9756fa-1e59-4e53-b4b1-e44bfad6f83f"},{name:"Pinterest profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/pinterest%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-pinterest@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Pinterest Profile Picture",pluralName:"Pinterest Profile Pictures",token:"40d1de23-89c5-4806-83d5-6dd653bd07e1"},{name:"Tumblr profile picture",category:"Profile Pictures",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/tumblr%20profile%20picture",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-profile-pic-tumblr@2x.png",carouselImageUrl:null,dimensions:"1000 x 1000 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Tumblr Profile Picture",pluralName:"Tumblr Profile Pictures",token:"3a892cea-41b0-422b-bea3-29bb3497ba6c"}]},{name:"Brand Identity",templateTypes:[{name:"Business card horizontal",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20horizontal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card@2x.png",carouselImageUrl:null,dimensions:"3.5 x 2 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Business Card",pluralName:"Business cards horizontal",token:"4b6158b3-c992-4799-a838-d060565c32e7"},{name:"Business card square",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20square",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card-square@2x.png",carouselImageUrl:null,dimensions:"2.5 x 2.5 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Business Card",pluralName:"Business cards square",token:"0707e6b7-f460-4b11-808f-24a9178e304f"},{name:"Business card vertical",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/business%20card%20vertical",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-business-card-vertical@2x.png",carouselImageUrl:null,dimensions:"2 x 3.5 in",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Business Card",pluralName:"Business cards vertical",token:"1e42a0e3-3c5a-4226-b884-3e3bcaa5d3f4"},{name:"Email Signature",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/email%20signature",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-email-signature@2x.png",carouselImageUrl:null,dimensions:"600 x 200 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Email Signature",pluralName:"Email Signatures",token:"ef11f0d4-5549-4c26-9e3f-ccac8c91e4a2"},{name:"Letterhead",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/letterhead",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-letterhead@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Letterhead",pluralName:"Letterheads",token:"eef6343e-4d4e-49e5-b4ae-ea73418daf3e"},{name:"Favicon",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/favicon",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-favicon@2x.png",carouselImageUrl:null,dimensions:"32 x 32 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Favicon",pluralName:"Favicons",token:"c83da9fb-e514-450c-995b-240f6b68966d"},{name:"Poster",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/poster",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-poster@2x.png",carouselImageUrl:null,dimensions:"598 x 845 mm (A1)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Poster",pluralName:"Posters",token:"ff5b1fe0-ac40-4ad2-9ca1-99eae9daad7f"},{name:"Flyer",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/flyer",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-flyer@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Flyer",pluralName:"Flyers",token:"c34f4e0b-ea57-4d5d-9a64-ac410fd647d2"},{name:"Invoice",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/invoice",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-invoice@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Invoice",pluralName:"Invoices",token:"60456c4c-158e-4c90-a3cc-1d0d20ae2eb6"},{name:"Menu",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/menu",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-menu@2x.png",carouselImageUrl:null,dimensions:"21 x 29.7 cm (A4)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Menu",pluralName:"Menus",token:"ab7d3c84-63b6-4ac5-8b76-11190c220869"},{name:"Postcard",category:"Brand Identity",editorUrl:"/maker/mydesigns/new/32e0c206-edc5-4452-9925-2ab43ffd947c/postcard",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-postcard@2x.png",carouselImageUrl:null,dimensions:"151 x 108 mm (A6)",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Postcard",pluralName:"Postcards",token:"581e5ddd-b180-4789-b573-b1f2330b9a0f"},{name:"Logo Designs",category:"Brand Identity",editorUrl:"logo-design-modal",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-brand-identity-logo-design@2x.png",carouselImageUrl:null,dimensions:"1280 x 1024",description:"View and edit your logo",height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:"Logo Designs",pluralName:"Logo Designs",token:"b0349875-33ac-4b93-a581-42f93255f461"}]},{name:"Custom Design",templateTypes:[{name:"Square",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=1080&w=1080&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-square.png",carouselImageUrl:null,dimensions:"1080 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Square",token:"00000000-0000-0000-0000-000000000000"},{name:"Portrait",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=1080&w=720&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-portrait.png",carouselImageUrl:null,dimensions:"1080 x 720 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Portrait",token:"00000000-0000-0000-0000-000000000000"},{name:"Landscape",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=720&w=1080&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-landscape.png",carouselImageUrl:null,dimensions:"720 x 1080 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Landscape",token:"00000000-0000-0000-0000-000000000000"},{name:"Tall",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=1280&w=640&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-tall.png",carouselImageUrl:null,dimensions:"1280 x 640 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Tall",token:"00000000-0000-0000-0000-000000000000"},{name:"Wide",category:null,editorUrl:"/maker/mydesigns/new/customdesign?h=640&w=1280&logoDraftToken=32e0c206-edc5-4452-9925-2ab43ffd947c",imageUrl:"https://localhost:8101/images/brandcrowd/maker/maker-generic-custom-wide.png",carouselImageUrl:null,dimensions:"640 x 1280 px",description:null,height:null,width:null,smallDisplay:0,largeDisplay:0,slug:null,friendlyName:null,pluralName:"Wide",token:"00000000-0000-0000-0000-000000000000"}]}],L={title:"Components/PillBar",component:s},l=()=>({components:{PillBar:s},data(){return{categories:f}},template:`
+      <div class="tw-max-w-300">
+        <PillBar :categories="categories" />
+      </div>
+    `}),a=()=>({components:{PillBar:s},data(){return{categories:f}},template:`
+      <div class="tw-max-w-300 tw-bg-black tw-p-8">
+        <PillBar :categories="categories" is-dark-mode />
+      </div>
+    `});var t,c,d;l.parameters={...l.parameters,docs:{...(t=l.parameters)==null?void 0:t.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PillBar
+    },
+    data() {
+      return {
+        categories
+      };
+    },
+    template: \`
+      <div class="tw-max-w-300">
+        <PillBar :categories="categories" />
+      </div>
+    \`
+  };
+}`,...(d=(c=l.parameters)==null?void 0:c.docs)==null?void 0:d.source}}};var m,u,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      PillBar
+    },
+    data() {
+      return {
+        categories
+      };
+    },
+    template: \`
+      <div class="tw-max-w-300 tw-bg-black tw-p-8">
+        <PillBar :categories="categories" is-dark-mode />
+      </div>
+    \`
+  };
+}`,...(g=(u=a.parameters)==null?void 0:u.docs)==null?void 0:g.source}}};const Y=["Sample","SampleDarkMode"];export{l as Sample,a as SampleDarkMode,Y as __namedExportsOrder,L as default};

package/.storybook-static/assets/Price-DmIyQdA3.js

@@ -0,0 +1 @@
+import{L as u,M as s,c as o,t as a,o as f}from"./iframe-ndUd-rmt.js";import{_ as c}from"./_plugin-vue_export-helper-DlAUqK2U.js";const l={props:{amount:{type:[Number,String],required:!1,default:null},alwaysShowFraction:{type:Boolean,required:!1,default:!0},currency:{type:Object,required:!1,default:null},locale:{type:String,required:!1,default:null},fraction:{type:[Number,String],required:!1,default:0},showAbbreviation:{type:Boolean,required:!1,default:!1},wrapInParentheses:{type:Boolean,requred:!1,default:!1},suffix:{type:String,required:!1,default:""},isDomainCredit:{type:Boolean,required:!1,default:!1}},data(){return{domainCreditUsed:s("domainCreditUsed")??"Domain credit used",free:s("free")??"Free"}},computed:{amountFormatted(){if(this.isDomainCredit)return this.domainCreditUsed;if(!this.amount||this.amount===0)return this.free;const e=Number.parseFloat(this.amount),r=e%1!==0,n=!r&&!this.alwaysShowFraction?0:this.fraction;if(this.locale!=null){const i=u(this.amount,this.locale,this.currency,n,this.showAbbreviation);if(i)return i}return Number.isNaN(e)?this.amount:!r&&!this.alwaysShowFraction?e.toFixed(0):e.toFixed(this.fraction)},currencyAbbreviation(){var e,r;return this.showAbbreviation&&this.amount&&!this.locale?(r=(e=this.currency)==null?void 0:e.abbreviation)==null?void 0:r.trim():""},currencySymbol(){var e,r;return!this.amount||this.amount===0||this.locale?"":((r=(e=this.currency)==null?void 0:e.symbol)==null?void 0:r.trim())??"$"},isSymbolPlacedBeforePrice(){var e,r;return((e=this.currency)==null?void 0:e.isSymbolPlacedBeforePrice)==null?!0:((r=this.currency)==null?void 0:r.isSymbolPlacedBeforePrice)===!0},currencySymbolBefore(){return this.isSymbolPlacedBeforePrice?this.currencySymbol:""},currencySymbolAfter(){return this.isSymbolPlacedBeforePrice?"":this.currencySymbol},optionalLeftParenthesis(){return this.wrapInParentheses?"(":""},optionalRightParenthesis(){return this.wrapInParentheses?")":""}}},m={class:"notranslate"};function d(e,r,n,i,y,t){return f(),o("span",m,a(t.optionalLeftParenthesis)+a(t.currencyAbbreviation)+a(t.currencySymbolBefore)+a(t.amountFormatted)+a(t.currencySymbolAfter)+a(t.optionalRightParenthesis)+a(n.suffix),1)}const b=c(l,[["render",d]]);l.__docgenInfo={exportName:"default",displayName:"Price",description:"",tags:{},props:[{name:"amount",type:{name:"number|string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"alwaysShowFraction",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"currency",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"locale",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"fraction",type:{name:"number|string"},required:!1,defaultValue:{func:!1,value:"0"}},{name:"showAbbreviation",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"wrapInParentheses",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"suffix",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"''"}},{name:"isDomainCredit",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/atoms/components/Price/Price.vue"]};export{b as P};