@designcrowd/fe-shared-lib 1.5.21-BestLogoIcons-3 → 1.5.21

package/.storybook-static/assets/UploadYourLogoDropzone.stories-BHYeu4gz.js

@@ -0,0 +1,55 @@
+import{E as a}from"./event-constants-CMO9VQVu.js";import{U as t}from"./UploadYourLogoDropzone-DouZtNvi.js";import"./iframe-C86bI_2U.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const v={title:"Components/UploadYourLogoDropzone",component:t},e=()=>(window.addEventListener(a.BeginUploadLogoExperience,o=>{console.log("BEGIN_UPLOAD_LOGO_EXPERIENCE",o)}),{components:{UploadYourLogoDropzone:t},template:`
+      <UploadYourLogoDropzone />
+    `}),n=()=>(window.addEventListener(a.BeginUploadLogoExperience,o=>{console.log("BEGIN_UPLOAD_LOGO_EXPERIENCE",o)}),{components:{UploadYourLogoDropzone:t},template:`
+      <div>
+        <UploadYourLogoDropzone
+          :should-open-upload-when-mounted="true" />
+      </div>
+    `}),r=()=>(window.addEventListener(a.BeginUploadLogoExperience,o=>{console.log("BEGIN_UPLOAD_LOGO_EXPERIENCE",o)}),{components:{UploadYourLogoDropzone:t},template:`
+      <div>
+        <UploadYourLogoDropzone
+          :should-use-compact-layout="true" />
+      </div>
+    `});var p,s,d;e.parameters={...e.parameters,docs:{...(p=e.parameters)==null?void 0:p.docs,source:{originalSource:`() => {
+  window.addEventListener(Events.BeginUploadLogoExperience, e => {
+    console.log('BEGIN_UPLOAD_LOGO_EXPERIENCE', e);
+  });
+  return {
+    components: {
+      UploadYourLogoDropzone
+    },
+    template: \`
+      <UploadYourLogoDropzone />
+    \`
+  };
+}`,...(d=(s=e.parameters)==null?void 0:s.docs)==null?void 0:d.source}}};var l,E,c;n.parameters={...n.parameters,docs:{...(l=n.parameters)==null?void 0:l.docs,source:{originalSource:`() => {
+  window.addEventListener(Events.BeginUploadLogoExperience, e => {
+    console.log('BEGIN_UPLOAD_LOGO_EXPERIENCE', e);
+  });
+  return {
+    components: {
+      UploadYourLogoDropzone
+    },
+    template: \`
+      <div>
+        <UploadYourLogoDropzone
+          :should-open-upload-when-mounted="true" />
+      </div>
+    \`
+  };
+}`,...(c=(E=n.parameters)==null?void 0:E.docs)==null?void 0:c.source}}};var i,u,m;r.parameters={...r.parameters,docs:{...(i=r.parameters)==null?void 0:i.docs,source:{originalSource:`() => {
+  window.addEventListener(Events.BeginUploadLogoExperience, e => {
+    console.log('BEGIN_UPLOAD_LOGO_EXPERIENCE', e);
+  });
+  return {
+    components: {
+      UploadYourLogoDropzone
+    },
+    template: \`
+      <div>
+        <UploadYourLogoDropzone
+          :should-use-compact-layout="true" />
+      </div>
+    \`
+  };
+}`,...(m=(u=r.parameters)==null?void 0:u.docs)==null?void 0:m.source}}};const O=["Sample","SampleExternallyInvoked","SampleSearchbar"];export{e as Sample,n as SampleExternallyInvoked,r as SampleSearchbar,O as __namedExportsOrder,v as default};

package/.storybook-static/assets/UploadedLogoSearchResultCard.stories-D1KR63O4.js

@@ -0,0 +1,79 @@
+import{a as B}from"./index-Bw-gCGc_.js";import{B as j}from"./Button-DtVlr_q3.js";import{E as c}from"./event-constants-CMO9VQVu.js";import{A as g}from"./api-lSJGRrF2.js";import{t as f}from"./tracking-ATsLLehC.js";import{c as u,e as t,n as E,b as o,z as k,h as M,t as T,a as I,o as w}from"./iframe-C86bI_2U.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-DG9wNod9.js";import"./Icon-8mZGP41G.js";const R={components:{Button:j},props:{logoImageUrl:{type:String,required:!0},aspectRatio:{type:Number,required:!0},eventCategory:{type:String,required:!0},useLandscapeTile:{type:Boolean,required:!1,default:!1},alternativeLayout:{type:Boolean,required:!1,default:!1}},data(){return{extraWideLandscape:this.useLandscapeTile&&this.aspectRatio<=30}},computed:{replaceButtonLabel(){return this.alternativeLayout?"Replace":"Replace Logo"},deleteButtonLabel(){return this.alternativeLayout?"Delete":"Delete Logo"}},methods:{onDeleteButtonClick(){this.isRunning||(this.isRunning=!0,f({eventCategory:this.eventCategory,eventAction:"deleteLogo",eventLabel:"Clicked_Delete_Logo_Search",event:"click"}),B({method:"post",url:g.BYO_LOGO_API_URL+g.BYO_LOGO_API_DELETE_LOGO_ENDPOINT}).then(a=>{a.status===200?this.$emit("on-delete-success",a):this.$emit("on-delete-error",a),this.isRunning=!1}).catch(a=>{this.$emit("on-delete-error",a),this.isRunning=!1}))},onReplaceButtonClick(a){a.preventDefault(),this.$refs.fileInput.click(),f({eventCategory:this.eventCategory,eventAction:"replaceLogo",eventLabel:"Clicked_Replace_Logo_Search",event:"click"})},onReplaceFileChange(a){a.target.files.length&&window.dispatchEvent(new CustomEvent(c.BeginUploadLogoExperience,{detail:{file:a.target.files[0]}}))}}},W={key:0},H={class:"tw-absolute tw-top-0 tw-left-0 tw-object-cover tw-h-full tw-w-full tw-object-top tw-flex tw-justify-center"},D={class:"tw-flex tw-items-center tw-justify-center tw-h-full tw-w-full"},O=["src"],z=["src"],N={for:"replace-logo-file",class:"tw-sr-only"};function Y(a,r,e,A,n,l){const S=I("Button");return w(),u("div",{class:o(["tw-flex tw-flex-col tw-bg-white tw-border tw-border-solid tw-border-grayscale-400 tw-p-4",{"md:tw-grid md:tw-grid-cols-2 md:tw-gap-2 md:tw-items-center md:tw-justify-center md:tw-p-3":e.useLandscapeTile&&!n.extraWideLandscape,"md:tw-items-center md:tw-justify-center md:tw-p-6":e.alternativeLayout&&!n.extraWideLandscape,"md:tw-flex md:tw-flex-row md:tw-justify-start md:tw-items-center md:tw-p-2":n.extraWideLandscape}])},[e.alternativeLayout?(w(),u("div",{key:1,class:o({"md:tw-w-full md:tw-flex md:tw-items-end":e.alternativeLayout&&!e.useLandscapeTile,"md:tw-flex md:tw-justify-start md:tw-w-auto":n.extraWideLandscape})},[t("figure",{class:o(["tw-max-h-full tw-mb-4 tw-pb-0",{"md:tw-h-full md:tw-mb-0":e.useLandscapeTile,"md:tw-w-full":e.alternativeLayout&&!n.extraWideLandscape,"md:tw-flex md:tw-items-start md:tw-w-auto":n.extraWideLandscape}])},[t("div",{class:o(["tw-object-cover",{"md:tw-object-contain":n.extraWideLandscape}])},[t("div",{class:o(["tw-flex tw-items-center tw-justify-center tw-h-full tw-w-full",{"md:tw-h-20":n.extraWideLandscape}])},[t("img",{src:e.logoImageUrl,class:"tw-block tw-max-h-full",alt:"logo"},null,8,z)],2)],2)],2)],2)):(w(),u("div",W,[t("figure",{class:"tw-relative tw-overflow-visible tw-h-0 tw-mb-4 tw-pb-0",style:E({"padding-bottom":`${e.aspectRatio}%`})},[t("div",H,[t("div",D,[t("img",{src:e.logoImageUrl,class:"tw-block tw-max-h-full",alt:"logo"},null,8,O)])])],4)])),t("div",{class:o(["tw-w-full tw-flex tw-items-center tw-justify-center",{"md:tw-items-start":e.alternativeLayout,"md:tw-justify-start md:tw-ml-4":n.extraWideLandscape}])},[t("label",N,[r[2]||(r[2]=k(" Replace logo ")),t("input",{id:"replace-logo-file",ref:"fileInput",type:"file",accept:".jpg,.jpeg,.png,.svg,.eps",onChange:r[0]||(r[0]=(...p)=>l.onReplaceFileChange&&l.onReplaceFileChange(...p))},null,544)]),t("div",{class:o(["tw-flex tw-items-center tw-justify-center",{"md:tw-items-center":e.useLandscapeTile,"md:tw-flex-col":e.aspectRatio>30&&e.useLandscapeTile,"md:tw-flex-row":e.aspectRatio<=30&&e.useLandscapeTile,"md:tw-flex-row md:tw-items-center":e.alternativeLayout}])},[M(S,{variant:"outline",size:"small",label:l.replaceButtonLabel,"data-test-replace-logo-btn":"",onOnClick:l.onReplaceButtonClick},null,8,["label","onOnClick"]),t("button",{class:o(["tw-uppercase tw-ml-6 tw-text-xs tw-text-secondary tw-font-sans tw-font-bold",{"md:tw-mt-3":e.useLandscapeTile&&!n.extraWideLandscape,"md:tw-ml-0":e.useLandscapeTile,"md:tw-ml-3":e.alternativeLayout&&!e.useLandscapeTile||n.extraWideLandscape}]),"data-test-delete-logo-btn":"",onClick:r[1]||(r[1]=(...p)=>l.onDeleteButtonClick&&l.onDeleteButtonClick(...p))},T(l.deleteButtonLabel),3)],2)],2)],2)}const m=q(R,[["render",Y]]);R.__docgenInfo={exportName:"default",displayName:"UploadedLogoSearchResultCard",description:"",tags:{},props:[{name:"logoImageUrl",type:{name:"string"},required:!0},{name:"aspectRatio",type:{name:"number"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0},{name:"useLandscapeTile",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"alternativeLayout",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"on-delete-success",type:{names:["undefined"]}},{name:"on-delete-error",type:{names:["undefined"]}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue"]};const $={title:"Components/UploadedLogoSearchResultCard",component:m},s=()=>({components:{UploadedLogoSearchResultCard:m},mounted(){window.addEventListener(c.BeginUploadLogoExperience,()=>{alert("begin upload")})},template:`
+      <div class="tw-grid tw-grid-cols-4 tw-gap-4">
+        <UploadedLogoSearchResultCard
+          logoImageUrl="https://dynamic.brandcrowd.com/template/preview/design/36c5c49c-611d-46f5-8f58-d7b686cc0809/2dcb43a1-7a00-4932-ba5c-5d817a80408b?v=4&size=design-preview-3col"
+          aspect-ratio="58.49609375%"
+        />
+      </div>
+    `});s.story={name:"Horizontal (16x9)"};const i=()=>({components:{UploadedLogoSearchResultCard:m},mounted(){window.addEventListener(c.BeginUploadLogoExperience,()=>{alert("begin upload")})},template:`
+      <div class="tw-grid tw-grid-cols-4 tw-gap-4">
+        <UploadedLogoSearchResultCard
+          logoImageUrl="https://images.unsplash.com/photo-1636355761620-712e88f86ade?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=235&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTYzNjUxMTY5OA&ixlib=rb-1.2.1&q=80&w=325"
+          aspect-ratio="100%"
+        />
+      </div>
+    `});i.story={name:"Square (1:1)"};const d=()=>({components:{UploadedLogoSearchResultCard:m},mounted(){window.addEventListener(c.BeginUploadLogoExperience,()=>{alert("begin upload")})},template:`
+      <div class="tw-grid tw-grid-cols-4 tw-gap-4">
+        <UploadedLogoSearchResultCard
+          logoImageUrl="https://images.unsplash.com/photo-1634737118699-8bbb06e3fa2a?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=555&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTYzNjUxMjIxMA&ixlib=rb-1.2.1&q=80&w=325"
+          aspect-ratio="170%"
+        />
+      </div>
+    `});d.story={name:"Vertical (65:111)"};var x,L,b;s.parameters={...s.parameters,docs:{...(x=s.parameters)==null?void 0:x.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      UploadedLogoSearchResultCard
+    },
+    mounted() {
+      window.addEventListener(Events.BeginUploadLogoExperience, () => {
+        alert('begin upload');
+      });
+    },
+    template: \`
+      <div class="tw-grid tw-grid-cols-4 tw-gap-4">
+        <UploadedLogoSearchResultCard
+          logoImageUrl="https://dynamic.brandcrowd.com/template/preview/design/36c5c49c-611d-46f5-8f58-d7b686cc0809/2dcb43a1-7a00-4932-ba5c-5d817a80408b?v=4&size=design-preview-3col"
+          aspect-ratio="58.49609375%"
+        />
+      </div>
+    \`
+  };
+}`,...(b=(L=s.parameters)==null?void 0:L.docs)==null?void 0:b.source}}};var v,h,y;i.parameters={...i.parameters,docs:{...(v=i.parameters)==null?void 0:v.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      UploadedLogoSearchResultCard
+    },
+    mounted() {
+      window.addEventListener(Events.BeginUploadLogoExperience, () => {
+        alert('begin upload');
+      });
+    },
+    template: \`
+      <div class="tw-grid tw-grid-cols-4 tw-gap-4">
+        <UploadedLogoSearchResultCard
+          logoImageUrl="https://images.unsplash.com/photo-1636355761620-712e88f86ade?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=235&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTYzNjUxMTY5OA&ixlib=rb-1.2.1&q=80&w=325"
+          aspect-ratio="100%"
+        />
+      </div>
+    \`
+  };
+}`,...(y=(h=i.parameters)==null?void 0:h.docs)==null?void 0:y.source}}};var C,U,_;d.parameters={...d.parameters,docs:{...(C=d.parameters)==null?void 0:C.docs,source:{originalSource:`() => {
+  return {
+    components: {
+      UploadedLogoSearchResultCard
+    },
+    mounted() {
+      window.addEventListener(Events.BeginUploadLogoExperience, () => {
+        alert('begin upload');
+      });
+    },
+    template: \`
+      <div class="tw-grid tw-grid-cols-4 tw-gap-4">
+        <UploadedLogoSearchResultCard
+          logoImageUrl="https://images.unsplash.com/photo-1634737118699-8bbb06e3fa2a?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=555&ixid=MnwxfDB8MXxyYW5kb218MHx8fHx8fHx8MTYzNjUxMjIxMA&ixlib=rb-1.2.1&q=80&w=325"
+          aspect-ratio="170%"
+        />
+      </div>
+    \`
+  };
+}`,...(_=(U=d.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};const ee=["SampleHorizontal","SampleSquare","SampleVertical"];export{s as SampleHorizontal,i as SampleSquare,d as SampleVertical,ee as __namedExportsOrder,$ as default};

package/.storybook-static/assets/_commonjsHelpers-D6-XlEtG.js

@@ -0,0 +1 @@
+var u=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function f(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}function l(e){if(Object.prototype.hasOwnProperty.call(e,"__esModule"))return e;var r=e.default;if(typeof r=="function"){var t=function o(){return this instanceof o?Reflect.construct(r,arguments,this.constructor):r.apply(this,arguments)};t.prototype=r.prototype}else t={};return Object.defineProperty(t,"__esModule",{value:!0}),Object.keys(e).forEach(function(o){var n=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(t,o,n.get?n:{enumerable:!0,get:function(){return e[o]}})}),t}export{l as a,u as c,f as g};

package/.storybook-static/assets/_plugin-vue_export-helper-DlAUqK2U.js

@@ -0,0 +1 @@
+const s=(t,r)=>{const o=t.__vccOpts||t;for(const[c,e]of r)o[c]=e;return o};export{s as _};

package/.storybook-static/assets/api-lSJGRrF2.js

@@ -0,0 +1 @@
+const _={BYO_LOGO_API_URL:"/maker/api",BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT:"/user-logos/logo-image",BYO_LOGO_API_SAVE_ENDPOINT:"/user-logos",BYO_LOGO_API_DELETE_LOGO_ENDPOINT:"/user-logos/delete-user-logo",BYO_LOGO_API_LINK_TEMPLATE_ENDPOINT:"/user-logos/link-user-logo-template",DOMAIN_NAME_SEARCH_API_URL:"/maker/api/domain-names/suggest"};export{_ as A};