@designcrowd/fe-shared-lib 1.2.0 → 1.2.1-ml-input-changes

package/.storybook-static/assets/UploadYourLogoDropzone.stories-X-I5FYLu.js

@@ -0,0 +1,35 @@
+import{E}from"./event-constants-6ydiL1p5.js";import{U as r}from"./UploadYourLogoDropzone-Cxgdqo37.js";import"./vue.esm-bundler-C7QvyiW1.js";import"./_plugin-vue_export-helper-DlAUqK2U.js";const L={title:"Components/UploadYourLogoDropzone",component:r},o=()=>(window.addEventListener(E.BeginUploadLogoExperience,n=>{console.log("BEGIN_UPLOAD_LOGO_EXPERIENCE",n)}),{components:{UploadYourLogoDropzone:r},template:`
+      <UploadYourLogoDropzone />
+    `}),e=()=>(window.addEventListener(E.BeginUploadLogoExperience,n=>{console.log("BEGIN_UPLOAD_LOGO_EXPERIENCE",n)}),{components:{UploadYourLogoDropzone:r},template:`
+      <div>
+        <UploadYourLogoDropzone
+          :should-open-upload-when-mounted="true" />
+      </div>
+    `});var p,t,a;o.parameters={...o.parameters,docs:{...(p=o.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 />
+    \`
+  };
+}`,...(a=(t=o.parameters)==null?void 0:t.docs)==null?void 0:a.source}}};var d,s,l;e.parameters={...e.parameters,docs:{...(d=e.parameters)==null?void 0:d.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>
+    \`
+  };
+}`,...(l=(s=e.parameters)==null?void 0:s.docs)==null?void 0:l.source}}};const g=["Sample","SampleExternallyInvoked"];export{o as Sample,e as SampleExternallyInvoked,g as __namedExportsOrder,L as default};

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

@@ -0,0 +1,79 @@
+import{a as B}from"./axios-dxcvQi4N.js";import{B as j}from"./Button-IgCxbLvL.js";import{E as c}from"./event-constants-6ydiL1p5.js";import{A as g}from"./api-lSJGRrF2.js";import{t as f}from"./tracking-ATsLLehC.js";import{c as u,a as t,h as E,n as o,j as k,i as M,t as T,g as I,o as w}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as q}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-Ce51KkgM.js";import"./Icon-B8lXgcc0.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,d,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,[k(" Replace logo "),t("input",{id:"replace-logo-file",ref:"fileInput",type:"file",accept:".jpg,.jpeg,.png,.svg,.eps",onChange:d[0]||(d[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:d[1]||(d[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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue"]};const $={title:"Components/UploadedLogoSearchResultCard",component:m},r=()=>({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>
+    `});r.story={name:"Horizontal (16x9)"};const 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://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>
+    `});s.story={name:"Square (1:1)"};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-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>
+    `});i.story={name:"Vertical (65:111)"};var x,L,b;r.parameters={...r.parameters,docs:{...(x=r.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=r.parameters)==null?void 0:L.docs)==null?void 0:b.source}}};var h,v,y;s.parameters={...s.parameters,docs:{...(h=s.parameters)==null?void 0:h.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=(v=s.parameters)==null?void 0:v.docs)==null?void 0:y.source}}};var C,U,_;i.parameters={...i.parameters,docs:{...(C=i.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=i.parameters)==null?void 0:U.docs)==null?void 0:_.source}}};const ee=["SampleHorizontal","SampleSquare","SampleVertical"];export{r as SampleHorizontal,s as SampleSquare,i as SampleVertical,ee as __namedExportsOrder,$ as default};

package/.storybook-static/assets/WithTooltip-Y7J54OF7-DkTQ6h6H.js

@@ -0,0 +1 @@
+import{W as e,W as h,b as l}from"./DocsRenderer-K4EAMTCU-BflUCOHA.js";import"./iframe-B6RguKdJ.js";import"../sb-preview/runtime.js";import"./index-BwDkhjyp.js";import"./_commonjsHelpers-BosuxZz1.js";import"./index-D-8MO0q_.js";import"./index-DK28puIS.js";import"./index-DrFu-skq.js";export{e as WithToolTipState,h as WithTooltip,l as WithTooltipPure};

package/.storybook-static/assets/_commonjsHelpers-BosuxZz1.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(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};