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

package/.storybook-static/assets/UploadYourLogoDropzone-DjLMXjVf.js

@@ -0,0 +1,24 @@
+import{c as y,f as w,g as R,b as f,o as v,z as x,y as P,x as _,X as F,a as q,e as g,t as z}from"./iframe-ndUd-rmt.js";import{_ as k}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{E as O,T as N}from"./event-constants-CMO9VQVu.js";var b=L;function L(){var s=[].slice.call(arguments),e=!1;typeof s[0]=="boolean"&&(e=s.shift());var t=s[0];if(E(t))throw new Error("extendee must be an object");for(var i=s.slice(1),n=i.length,o=0;o<n;o++){var r=i[o];for(var l in r)if(Object.prototype.hasOwnProperty.call(r,l)){var d=r[l];if(e&&I(d)){var u=Array.isArray(d)?[]:{};t[l]=L(!0,Object.prototype.hasOwnProperty.call(t,l)&&!E(t[l])?t[l]:u,d)}else t[l]=d}}return t}function I(s){return Array.isArray(s)||{}.toString.call(s)=="[object Object]"}function E(s){return!s||typeof s!="object"&&typeof s!="function"}function B(s){return s&&s.__esModule?s.default:s}class C{on(e,t){return this._callbacks=this._callbacks||{},this._callbacks[e]||(this._callbacks[e]=[]),this._callbacks[e].push(t),this}emit(e,...t){this._callbacks=this._callbacks||{};let i=this._callbacks[e];if(i)for(let n of i)n.apply(this,t);return this.element&&this.element.dispatchEvent(this.makeEvent("dropzone:"+e,{args:t})),this}makeEvent(e,t){let i={bubbles:!0,cancelable:!0,detail:t};if(typeof window.CustomEvent=="function")return new CustomEvent(e,i);var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,i.bubbles,i.cancelable,i.detail),n}off(e,t){if(!this._callbacks||arguments.length===0)return this._callbacks={},this;let i=this._callbacks[e];if(!i)return this;if(arguments.length===1)return delete this._callbacks[e],this;for(let n=0;n<i.length;n++)if(i[n]===t){i.splice(n,1);break}return this}}var T={};T=`<div class="dz-preview dz-file-preview">
+  <div class="dz-image"><img data-dz-thumbnail=""></div>
+  <div class="dz-details">
+    <div class="dz-size"><span data-dz-size=""></span></div>
+    <div class="dz-filename"><span data-dz-name=""></span></div>
+  </div>
+  <div class="dz-progress">
+    <span class="dz-upload" data-dz-uploadprogress=""></span>
+  </div>
+  <div class="dz-error-message"><span data-dz-errormessage=""></span></div>
+  <div class="dz-success-mark">
+    <svg width="54" height="54" viewBox="0 0 54 54" fill="white" xmlns="http://www.w3.org/2000/svg">
+      <path d="M10.2071 29.7929L14.2929 25.7071C14.6834 25.3166 15.3166 25.3166 15.7071 25.7071L21.2929 31.2929C21.6834 31.6834 22.3166 31.6834 22.7071 31.2929L38.2929 15.7071C38.6834 15.3166 39.3166 15.3166 39.7071 15.7071L43.7929 19.7929C44.1834 20.1834 44.1834 20.8166 43.7929 21.2071L22.7071 42.2929C22.3166 42.6834 21.6834 42.6834 21.2929 42.2929L10.2071 31.2071C9.81658 30.8166 9.81658 30.1834 10.2071 29.7929Z"></path>
+    </svg>
+  </div>
+  <div class="dz-error-mark">
+    <svg width="54" height="54" viewBox="0 0 54 54" fill="white" xmlns="http://www.w3.org/2000/svg">
+      <path d="M26.2929 20.2929L19.2071 13.2071C18.8166 12.8166 18.1834 12.8166 17.7929 13.2071L13.2071 17.7929C12.8166 18.1834 12.8166 18.8166 13.2071 19.2071L20.2929 26.2929C20.6834 26.6834 20.6834 27.3166 20.2929 27.7071L13.2071 34.7929C12.8166 35.1834 12.8166 35.8166 13.2071 36.2071L17.7929 40.7929C18.1834 41.1834 18.8166 41.1834 19.2071 40.7929L26.2929 33.7071C26.6834 33.3166 27.3166 33.3166 27.7071 33.7071L34.7929 40.7929C35.1834 41.1834 35.8166 41.1834 36.2071 40.7929L40.7929 36.2071C41.1834 35.8166 41.1834 35.1834 40.7929 34.7929L33.7071 27.7071C33.3166 27.3166 33.3166 26.6834 33.7071 26.2929L40.7929 19.2071C41.1834 18.8166 41.1834 18.1834 40.7929 17.7929L36.2071 13.2071C35.8166 12.8166 35.1834 12.8166 34.7929 13.2071L27.7071 20.2929C27.3166 20.6834 26.6834 20.6834 26.2929 20.2929Z"></path>
+    </svg>
+  </div>
+</div>
+`;let H={url:null,method:"post",withCredentials:!1,timeout:null,parallelUploads:2,uploadMultiple:!1,chunking:!1,forceChunking:!1,chunkSize:2097152,parallelChunkUploads:!1,retryChunks:!1,retryChunksLimit:3,maxFilesize:256,paramName:"file",createImageThumbnails:!0,maxThumbnailFilesize:10,thumbnailWidth:120,thumbnailHeight:120,thumbnailMethod:"crop",resizeWidth:null,resizeHeight:null,resizeMimeType:null,resizeQuality:.8,resizeMethod:"contain",filesizeBase:1e3,maxFiles:null,headers:null,defaultHeaders:!0,clickable:!0,ignoreHiddenFiles:!0,acceptedFiles:null,acceptedMimeTypes:null,autoProcessQueue:!0,autoQueue:!0,addRemoveLinks:!1,previewsContainer:null,disablePreviews:!1,hiddenInputContainer:"body",capture:null,renameFilename:null,renameFile:null,forceFallback:!1,dictDefaultMessage:"Drop files here to upload",dictFallbackMessage:"Your browser does not support drag'n'drop file uploads.",dictFallbackText:"Please use the fallback form below to upload your files like in the olden days.",dictFileTooBig:"File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",dictInvalidFileType:"You can't upload files of this type.",dictResponseError:"Server responded with {{statusCode}} code.",dictCancelUpload:"Cancel upload",dictUploadCanceled:"Upload canceled.",dictCancelUploadConfirmation:"Are you sure you want to cancel this upload?",dictRemoveFile:"Remove file",dictRemoveFileConfirmation:null,dictMaxFilesExceeded:"You can not upload any more files.",dictFileSizeUnits:{tb:"TB",gb:"GB",mb:"MB",kb:"KB",b:"b"},init(){},params(s,e,t){if(t)return{dzuuid:t.file.upload.uuid,dzchunkindex:t.index,dztotalfilesize:t.file.size,dzchunksize:this.options.chunkSize,dztotalchunkcount:t.file.upload.totalChunkCount,dzchunkbyteoffset:t.index*this.options.chunkSize}},accept(s,e){return e()},chunksUploaded:function(s,e){e()},binaryBody:!1,fallback(){let s;this.element.className=`${this.element.className} dz-browser-not-supported`;for(let t of this.element.getElementsByTagName("div"))if(/(^| )dz-message($| )/.test(t.className)){s=t,t.className="dz-message";break}s||(s=a.createElement('<div class="dz-message"><span></span></div>'),this.element.appendChild(s));let e=s.getElementsByTagName("span")[0];return e&&(e.textContent!=null?e.textContent=this.options.dictFallbackMessage:e.innerText!=null&&(e.innerText=this.options.dictFallbackMessage)),this.element.appendChild(this.getFallbackForm())},resize(s,e,t,i){let n={srcX:0,srcY:0,srcWidth:s.width,srcHeight:s.height},o=s.width/s.height;e==null&&t==null?(e=n.srcWidth,t=n.srcHeight):e==null?e=t*o:t==null&&(t=e/o),e=Math.min(e,n.srcWidth),t=Math.min(t,n.srcHeight);let r=e/t;if(n.srcWidth>e||n.srcHeight>t)if(i==="crop")o>r?(n.srcHeight=s.height,n.srcWidth=n.srcHeight*r):(n.srcWidth=s.width,n.srcHeight=n.srcWidth/r);else if(i==="contain")o>r?t=e/o:e=t*o;else throw new Error(`Unknown resizeMethod '${i}'`);return n.srcX=(s.width-n.srcWidth)/2,n.srcY=(s.height-n.srcHeight)/2,n.trgWidth=e,n.trgHeight=t,n},transformFile(s,e){return(this.options.resizeWidth||this.options.resizeHeight)&&s.type.match(/image.*/)?this.resizeImage(s,this.options.resizeWidth,this.options.resizeHeight,this.options.resizeMethod,e):e(s)},previewTemplate:B(T),drop(s){return this.element.classList.remove("dz-drag-hover")},dragstart(s){},dragend(s){return this.element.classList.remove("dz-drag-hover")},dragenter(s){return this.element.classList.add("dz-drag-hover")},dragover(s){return this.element.classList.add("dz-drag-hover")},dragleave(s){return this.element.classList.remove("dz-drag-hover")},paste(s){},reset(){return this.element.classList.remove("dz-started")},addedfile(s){if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer&&!this.options.disablePreviews){s.previewElement=a.createElement(this.options.previewTemplate.trim()),s.previewTemplate=s.previewElement,this.previewsContainer.appendChild(s.previewElement);for(var e of s.previewElement.querySelectorAll("[data-dz-name]"))e.textContent=s.name;for(e of s.previewElement.querySelectorAll("[data-dz-size]"))e.innerHTML=this.filesize(s.size);this.options.addRemoveLinks&&(s._removeLink=a.createElement(`<a class="dz-remove" href="javascript:undefined;" data-dz-remove>${this.options.dictRemoveFile}</a>`),s.previewElement.appendChild(s._removeLink));let t=i=>(i.preventDefault(),i.stopPropagation(),s.status===a.UPLOADING?a.confirm(this.options.dictCancelUploadConfirmation,()=>this.removeFile(s)):this.options.dictRemoveFileConfirmation?a.confirm(this.options.dictRemoveFileConfirmation,()=>this.removeFile(s)):this.removeFile(s));for(let i of s.previewElement.querySelectorAll("[data-dz-remove]"))i.addEventListener("click",t)}},removedfile(s){return s.previewElement!=null&&s.previewElement.parentNode!=null&&s.previewElement.parentNode.removeChild(s.previewElement),this._updateMaxFilesReachedClass()},thumbnail(s,e){if(s.previewElement){s.previewElement.classList.remove("dz-file-preview");for(let t of s.previewElement.querySelectorAll("[data-dz-thumbnail]"))t.alt=s.name,t.src=e;return setTimeout(()=>s.previewElement.classList.add("dz-image-preview"),1)}},error(s,e){if(s.previewElement){s.previewElement.classList.add("dz-error"),typeof e!="string"&&e.error&&(e=e.error);for(let t of s.previewElement.querySelectorAll("[data-dz-errormessage]"))t.textContent=e}},errormultiple(){},processing(s){if(s.previewElement&&(s.previewElement.classList.add("dz-processing"),s._removeLink))return s._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple(){},uploadprogress(s,e,t){if(s.previewElement)for(let i of s.previewElement.querySelectorAll("[data-dz-uploadprogress]"))i.nodeName==="PROGRESS"?i.value=e:i.style.width=`${e}%`},totaluploadprogress(){},sending(){},sendingmultiple(){},success(s){if(s.previewElement)return s.previewElement.classList.add("dz-success")},successmultiple(){},canceled(s){return this.emit("error",s,this.options.dictUploadCanceled)},canceledmultiple(){},complete(s){if(s._removeLink&&(s._removeLink.innerHTML=this.options.dictRemoveFile),s.previewElement)return s.previewElement.classList.add("dz-complete")},completemultiple(){},maxfilesexceeded(){},maxfilesreached(){},queuecomplete(){},addedfiles(){}};var Q=H;class a extends C{static initClass(){this.prototype.Emitter=C,this.prototype.events=["drop","dragstart","dragend","dragenter","dragover","dragleave","addedfile","addedfiles","removedfile","thumbnail","error","errormultiple","processing","processingmultiple","uploadprogress","totaluploadprogress","sending","sendingmultiple","success","successmultiple","canceled","canceledmultiple","complete","completemultiple","reset","maxfilesexceeded","maxfilesreached","queuecomplete"],this.prototype._thumbnailQueue=[],this.prototype._processingThumbnail=!1}getAcceptedFiles(){return this.files.filter(e=>e.accepted).map(e=>e)}getRejectedFiles(){return this.files.filter(e=>!e.accepted).map(e=>e)}getFilesWithStatus(e){return this.files.filter(t=>t.status===e).map(t=>t)}getQueuedFiles(){return this.getFilesWithStatus(a.QUEUED)}getUploadingFiles(){return this.getFilesWithStatus(a.UPLOADING)}getAddedFiles(){return this.getFilesWithStatus(a.ADDED)}getActiveFiles(){return this.files.filter(e=>e.status===a.UPLOADING||e.status===a.QUEUED).map(e=>e)}init(){if(this.element.tagName==="form"&&this.element.setAttribute("enctype","multipart/form-data"),this.element.classList.contains("dropzone")&&!this.element.querySelector(".dz-message")&&this.element.appendChild(a.createElement(`<div class="dz-default dz-message"><button class="dz-button" type="button">${this.options.dictDefaultMessage}</button></div>`)),this.clickableElements.length){let i=()=>{this.hiddenFileInput&&this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput),this.hiddenFileInput=document.createElement("input"),this.hiddenFileInput.setAttribute("type","file"),(this.options.maxFiles===null||this.options.maxFiles>1)&&this.hiddenFileInput.setAttribute("multiple","multiple"),this.hiddenFileInput.className="dz-hidden-input",this.options.acceptedFiles!==null&&this.hiddenFileInput.setAttribute("accept",this.options.acceptedFiles),this.options.capture!==null&&this.hiddenFileInput.setAttribute("capture",this.options.capture),this.hiddenFileInput.setAttribute("tabindex","-1"),this.hiddenFileInput.style.visibility="hidden",this.hiddenFileInput.style.position="absolute",this.hiddenFileInput.style.top="0",this.hiddenFileInput.style.left="0",this.hiddenFileInput.style.height="0",this.hiddenFileInput.style.width="0",a.getElement(this.options.hiddenInputContainer,"hiddenInputContainer").appendChild(this.hiddenFileInput),this.hiddenFileInput.addEventListener("change",()=>{let{files:n}=this.hiddenFileInput;if(n.length)for(let o of n)this.addFile(o);this.emit("addedfiles",n),i()})};i()}this.URL=window.URL!==null?window.URL:window.webkitURL;for(let i of this.events)this.on(i,this.options[i]);this.on("uploadprogress",()=>this.updateTotalUploadProgress()),this.on("removedfile",()=>this.updateTotalUploadProgress()),this.on("canceled",i=>this.emit("complete",i)),this.on("complete",i=>{if(this.getAddedFiles().length===0&&this.getUploadingFiles().length===0&&this.getQueuedFiles().length===0)return setTimeout(()=>this.emit("queuecomplete"),0)});const e=function(i){if(i.dataTransfer.types){for(var n=0;n<i.dataTransfer.types.length;n++)if(i.dataTransfer.types[n]==="Files")return!0}return!1};let t=function(i){if(e(i))return i.stopPropagation(),i.preventDefault?i.preventDefault():i.returnValue=!1};return this.listeners=[{element:this.element,events:{dragstart:i=>this.emit("dragstart",i),dragenter:i=>(t(i),this.emit("dragenter",i)),dragover:i=>{let n;try{n=i.dataTransfer.effectAllowed}catch{}return i.dataTransfer.dropEffect=n==="move"||n==="linkMove"?"move":"copy",t(i),this.emit("dragover",i)},dragleave:i=>this.emit("dragleave",i),drop:i=>(t(i),this.drop(i)),dragend:i=>this.emit("dragend",i)}}],this.clickableElements.forEach(i=>this.listeners.push({element:i,events:{click:n=>((i!==this.element||n.target===this.element||a.elementInside(n.target,this.element.querySelector(".dz-message")))&&this.hiddenFileInput.click(),!0)}})),this.enable(),this.options.init.call(this)}destroy(){return this.disable(),this.removeAllFiles(!0),this.hiddenFileInput!=null&&this.hiddenFileInput.parentNode&&(this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput),this.hiddenFileInput=null),delete this.element.dropzone,a.instances.splice(a.instances.indexOf(this),1)}updateTotalUploadProgress(){let e,t=0,i=0;if(this.getActiveFiles().length){for(let o of this.getActiveFiles())t+=o.upload.bytesSent,i+=o.upload.total;e=100*t/i}else e=100;return this.emit("totaluploadprogress",e,i,t)}_getParamName(e){return typeof this.options.paramName=="function"?this.options.paramName(e):`${this.options.paramName}${this.options.uploadMultiple?`[${e}]`:""}`}_renameFile(e){return typeof this.options.renameFile!="function"?e.name:this.options.renameFile(e)}getFallbackForm(){let e,t;if(e=this.getExistingFallback())return e;let i='<div class="dz-fallback">';this.options.dictFallbackText&&(i+=`<p>${this.options.dictFallbackText}</p>`),i+=`<input type="file" name="${this._getParamName(0)}" ${this.options.uploadMultiple?'multiple="multiple"':void 0} /><input type="submit" value="Upload!"></div>`;let n=a.createElement(i);return this.element.tagName!=="FORM"?(t=a.createElement(`<form action="${this.options.url}" enctype="multipart/form-data" method="${this.options.method}"></form>`),t.appendChild(n)):(this.element.setAttribute("enctype","multipart/form-data"),this.element.setAttribute("method",this.options.method)),t??n}getExistingFallback(){let e=function(i){for(let n of i)if(/(^| )fallback($| )/.test(n.className))return n};for(let i of["div","form"]){var t;if(t=e(this.element.getElementsByTagName(i)))return t}}setupEventListeners(){return this.listeners.map(e=>(()=>{let t=[];for(let i in e.events){let n=e.events[i];t.push(e.element.addEventListener(i,n,!1))}return t})())}removeEventListeners(){return this.listeners.map(e=>(()=>{let t=[];for(let i in e.events){let n=e.events[i];t.push(e.element.removeEventListener(i,n,!1))}return t})())}disable(){return this.clickableElements.forEach(e=>e.classList.remove("dz-clickable")),this.removeEventListeners(),this.disabled=!0,this.files.map(e=>this.cancelUpload(e))}enable(){return delete this.disabled,this.clickableElements.forEach(e=>e.classList.add("dz-clickable")),this.setupEventListeners()}filesize(e){let t=0,i="b";if(e>0){let n=["tb","gb","mb","kb","b"];for(let o=0;o<n.length;o++){let r=n[o],l=Math.pow(this.options.filesizeBase,4-o)/10;if(e>=l){t=e/Math.pow(this.options.filesizeBase,4-o),i=r;break}}t=Math.round(10*t)/10}return`<strong>${t}</strong> ${this.options.dictFileSizeUnits[i]}`}_updateMaxFilesReachedClass(){return this.options.maxFiles!=null&&this.getAcceptedFiles().length>=this.options.maxFiles?(this.getAcceptedFiles().length===this.options.maxFiles&&this.emit("maxfilesreached",this.files),this.element.classList.add("dz-max-files-reached")):this.element.classList.remove("dz-max-files-reached")}drop(e){if(!e.dataTransfer)return;this.emit("drop",e);let t=[];for(let i=0;i<e.dataTransfer.files.length;i++)t[i]=e.dataTransfer.files[i];if(t.length){let{items:i}=e.dataTransfer;i&&i.length&&i[0].webkitGetAsEntry!=null?this._addFilesFromItems(i):this.handleFiles(t)}this.emit("addedfiles",t)}paste(e){if(G(e!=null?e.clipboardData:void 0,i=>i.items)==null)return;this.emit("paste",e);let{items:t}=e.clipboardData;if(t.length)return this._addFilesFromItems(t)}handleFiles(e){for(let t of e)this.addFile(t)}_addFilesFromItems(e){return(()=>{let t=[];for(let n of e){var i;n.webkitGetAsEntry!=null&&(i=n.webkitGetAsEntry())?i.isFile?t.push(this.addFile(n.getAsFile())):i.isDirectory?t.push(this._addFilesFromDirectory(i,i.name)):t.push(void 0):n.getAsFile!=null&&(n.kind==null||n.kind==="file")?t.push(this.addFile(n.getAsFile())):t.push(void 0)}return t})()}_addFilesFromDirectory(e,t){let i=e.createReader(),n=r=>X(console,"log",l=>l.log(r));var o=()=>i.readEntries(r=>{if(r.length>0){for(let l of r)l.isFile?l.file(d=>{if(!(this.options.ignoreHiddenFiles&&d.name.substring(0,1)==="."))return d.fullPath=`${t}/${d.name}`,this.addFile(d)}):l.isDirectory&&this._addFilesFromDirectory(l,`${t}/${l.name}`);o()}return null},n);return o()}accept(e,t){this.options.maxFilesize&&e.size>this.options.maxFilesize*1048576?t(this.options.dictFileTooBig.replace("{{filesize}}",Math.round(e.size/1024/10.24)/100).replace("{{maxFilesize}}",this.options.maxFilesize)):a.isValidFile(e,this.options.acceptedFiles)?this.options.maxFiles!=null&&this.getAcceptedFiles().length>=this.options.maxFiles?(t(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}",this.options.maxFiles)),this.emit("maxfilesexceeded",e)):this.options.accept.call(this,e,t):t(this.options.dictInvalidFileType)}addFile(e){e.upload={uuid:a.uuidv4(),progress:0,total:e.size,bytesSent:0,filename:this._renameFile(e)},this.files.push(e),e.status=a.ADDED,this.emit("addedfile",e),this._enqueueThumbnail(e),this.accept(e,t=>{t?(e.accepted=!1,this._errorProcessing([e],t)):(e.accepted=!0,this.options.autoQueue&&this.enqueueFile(e)),this._updateMaxFilesReachedClass()})}enqueueFiles(e){for(let t of e)this.enqueueFile(t);return null}enqueueFile(e){if(e.status===a.ADDED&&e.accepted===!0){if(e.status=a.QUEUED,this.options.autoProcessQueue)return setTimeout(()=>this.processQueue(),0)}else throw new Error("This file can't be queued because it has already been processed or was rejected.")}_enqueueThumbnail(e){if(this.options.createImageThumbnails&&e.type.match(/image.*/)&&e.size<=this.options.maxThumbnailFilesize*1048576)return this._thumbnailQueue.push(e),setTimeout(()=>this._processThumbnailQueue(),0)}_processThumbnailQueue(){if(this._processingThumbnail||this._thumbnailQueue.length===0)return;this._processingThumbnail=!0;let e=this._thumbnailQueue.shift();return this.createThumbnail(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,!0,t=>(this.emit("thumbnail",e,t),this._processingThumbnail=!1,this._processThumbnailQueue()))}removeFile(e){if(e.status===a.UPLOADING&&this.cancelUpload(e),this.files=j(this.files,e),this.emit("removedfile",e),this.files.length===0)return this.emit("reset")}removeAllFiles(e){e==null&&(e=!1);for(let t of this.files.slice())(t.status!==a.UPLOADING||e)&&this.removeFile(t);return null}resizeImage(e,t,i,n,o){return this.createThumbnail(e,t,i,n,!0,(r,l)=>{if(l==null)return o(e);{let{resizeMimeType:d}=this.options;d==null&&(d=e.type);let u=l.toDataURL(d,this.options.resizeQuality);return(d==="image/jpeg"||d==="image/jpg")&&(u=U.restore(e.dataURL,u)),o(a.dataURItoBlob(u))}})}createThumbnail(e,t,i,n,o,r){let l=new FileReader;l.onload=()=>{if(e.dataURL=l.result,e.type==="image/svg+xml"){r!=null&&r(l.result);return}this.createThumbnailFromUrl(e,t,i,n,o,r)},l.readAsDataURL(e)}displayExistingFile(e,t,i,n,o=!0){if(this.emit("addedfile",e),this.emit("complete",e),!o)this.emit("thumbnail",e,t),i&&i();else{let r=l=>{this.emit("thumbnail",e,l),i&&i()};e.dataURL=t,this.createThumbnailFromUrl(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,this.options.fixOrientation,r,n)}}createThumbnailFromUrl(e,t,i,n,o,r,l){let d=document.createElement("img");return l&&(d.crossOrigin=l),o=getComputedStyle(document.body).imageOrientation=="from-image"?!1:o,d.onload=()=>{let u=p=>p(1);return typeof EXIF<"u"&&EXIF!==null&&o&&(u=p=>EXIF.getData(d,function(){return p(EXIF.getTag(this,"Orientation"))})),u(p=>{e.width=d.width,e.height=d.height;let h=this.options.resize.call(this,e,t,i,n),c=document.createElement("canvas"),m=c.getContext("2d");switch(c.width=h.trgWidth,c.height=h.trgHeight,p>4&&(c.width=h.trgHeight,c.height=h.trgWidth),p){case 2:m.translate(c.width,0),m.scale(-1,1);break;case 3:m.translate(c.width,c.height),m.rotate(Math.PI);break;case 4:m.translate(0,c.height),m.scale(1,-1);break;case 5:m.rotate(.5*Math.PI),m.scale(1,-1);break;case 6:m.rotate(.5*Math.PI),m.translate(0,-c.width);break;case 7:m.rotate(.5*Math.PI),m.translate(c.height,-c.width),m.scale(-1,1);break;case 8:m.rotate(-.5*Math.PI),m.translate(-c.height,0);break}V(m,d,h.srcX!=null?h.srcX:0,h.srcY!=null?h.srcY:0,h.srcWidth,h.srcHeight,h.trgX!=null?h.trgX:0,h.trgY!=null?h.trgY:0,h.trgWidth,h.trgHeight);let D=c.toDataURL("image/png");if(r!=null)return r(D,c)})},r!=null&&(d.onerror=r),d.src=e.dataURL}processQueue(){let{parallelUploads:e}=this.options,t=this.getUploadingFiles().length,i=t;if(t>=e)return;let n=this.getQueuedFiles();if(n.length>0){if(this.options.uploadMultiple)return this.processFiles(n.slice(0,e-t));for(;i<e;){if(!n.length)return;this.processFile(n.shift()),i++}}}processFile(e){return this.processFiles([e])}processFiles(e){for(let t of e)t.processing=!0,t.status=a.UPLOADING,this.emit("processing",t);return this.options.uploadMultiple&&this.emit("processingmultiple",e),this.uploadFiles(e)}_getFilesWithXhr(e){return this.files.filter(t=>t.xhr===e).map(t=>t)}cancelUpload(e){if(e.status===a.UPLOADING){let t=this._getFilesWithXhr(e.xhr);for(let i of t)i.status=a.CANCELED;typeof e.xhr<"u"&&e.xhr.abort();for(let i of t)this.emit("canceled",i);this.options.uploadMultiple&&this.emit("canceledmultiple",t)}else(e.status===a.ADDED||e.status===a.QUEUED)&&(e.status=a.CANCELED,this.emit("canceled",e),this.options.uploadMultiple&&this.emit("canceledmultiple",[e]));if(this.options.autoProcessQueue)return this.processQueue()}resolveOption(e,...t){return typeof e=="function"?e.apply(this,t):e}uploadFile(e){return this.uploadFiles([e])}uploadFiles(e){this._transformFiles(e,t=>{if(this.options.chunking){let i=t[0];e[0].upload.chunked=this.options.chunking&&(this.options.forceChunking||i.size>this.options.chunkSize),e[0].upload.totalChunkCount=Math.ceil(i.size/this.options.chunkSize)}if(e[0].upload.chunked){let i=e[0],n=t[0];i.upload.chunks=[];let o=()=>{let r=0;for(;i.upload.chunks[r]!==void 0;)r++;if(r>=i.upload.totalChunkCount)return;let l=r*this.options.chunkSize,d=Math.min(l+this.options.chunkSize,n.size),u={name:this._getParamName(0),data:n.webkitSlice?n.webkitSlice(l,d):n.slice(l,d),filename:i.upload.filename,chunkIndex:r};i.upload.chunks[r]={file:i,index:r,dataBlock:u,status:a.UPLOADING,progress:0,retries:0},this._uploadData(e,[u])};if(i.upload.finishedChunkUpload=(r,l)=>{let d=!0;r.status=a.SUCCESS,r.dataBlock=null,r.response=r.xhr.responseText,r.responseHeaders=r.xhr.getAllResponseHeaders(),r.xhr=null;for(let u=0;u<i.upload.totalChunkCount;u++){if(i.upload.chunks[u]===void 0)return o();i.upload.chunks[u].status!==a.SUCCESS&&(d=!1)}d&&this.options.chunksUploaded(i,()=>{this._finished(e,l,null)})},this.options.parallelChunkUploads)for(let r=0;r<i.upload.totalChunkCount;r++)o();else o()}else{let i=[];for(let n=0;n<e.length;n++)i[n]={name:this._getParamName(n),data:t[n],filename:e[n].upload.filename};this._uploadData(e,i)}})}_getChunk(e,t){for(let i=0;i<e.upload.totalChunkCount;i++)if(e.upload.chunks[i]!==void 0&&e.upload.chunks[i].xhr===t)return e.upload.chunks[i]}_uploadData(e,t){let i=new XMLHttpRequest;for(let u of e)u.xhr=i;e[0].upload.chunked&&(e[0].upload.chunks[t[0].chunkIndex].xhr=i);let n=this.resolveOption(this.options.method,e,t),o=this.resolveOption(this.options.url,e,t);i.open(n,o,!0),this.resolveOption(this.options.timeout,e)&&(i.timeout=this.resolveOption(this.options.timeout,e)),i.withCredentials=!!this.options.withCredentials,i.onload=u=>{this._finishedUploading(e,i,u)},i.ontimeout=()=>{this._handleUploadError(e,i,`Request timedout after ${this.options.timeout/1e3} seconds`)},i.onerror=()=>{this._handleUploadError(e,i)};let l=i.upload!=null?i.upload:i;l.onprogress=u=>this._updateFilesUploadProgress(e,i,u);let d=this.options.defaultHeaders?{Accept:"application/json","Cache-Control":"no-cache","X-Requested-With":"XMLHttpRequest"}:{};this.options.binaryBody&&(d["Content-Type"]=e[0].type),this.options.headers&&b(d,this.options.headers);for(let u in d){let p=d[u];p&&i.setRequestHeader(u,p)}if(this.options.binaryBody){for(let u of e)this.emit("sending",u,i);this.options.uploadMultiple&&this.emit("sendingmultiple",e,i),this.submitRequest(i,null,e)}else{let u=new FormData;if(this.options.params){let p=this.options.params;typeof p=="function"&&(p=p.call(this,e,i,e[0].upload.chunked?this._getChunk(e[0],i):null));for(let h in p){let c=p[h];if(Array.isArray(c))for(let m=0;m<c.length;m++)u.append(h,c[m]);else u.append(h,c)}}for(let p of e)this.emit("sending",p,i,u);this.options.uploadMultiple&&this.emit("sendingmultiple",e,i,u),this._addFormElementData(u);for(let p=0;p<t.length;p++){let h=t[p];u.append(h.name,h.data,h.filename)}this.submitRequest(i,u,e)}}_transformFiles(e,t){let i=[],n=0;for(let o=0;o<e.length;o++)this.options.transformFile.call(this,e[o],r=>{i[o]=r,++n===e.length&&t(i)})}_addFormElementData(e){if(this.element.tagName==="FORM")for(let t of this.element.querySelectorAll("input, textarea, select, button")){let i=t.getAttribute("name"),n=t.getAttribute("type");if(n&&(n=n.toLowerCase()),!(typeof i>"u"||i===null))if(t.tagName==="SELECT"&&t.hasAttribute("multiple"))for(let o of t.options)o.selected&&e.append(i,o.value);else(!n||n!=="checkbox"&&n!=="radio"||t.checked)&&e.append(i,t.value)}}_updateFilesUploadProgress(e,t,i){if(e[0].upload.chunked){let n=e[0],o=this._getChunk(n,t);i?(o.progress=100*i.loaded/i.total,o.total=i.total,o.bytesSent=i.loaded):(o.progress=100,o.bytesSent=o.total),n.upload.progress=0,n.upload.total=0,n.upload.bytesSent=0;for(let r=0;r<n.upload.totalChunkCount;r++)n.upload.chunks[r]&&typeof n.upload.chunks[r].progress<"u"&&(n.upload.progress+=n.upload.chunks[r].progress,n.upload.total+=n.upload.chunks[r].total,n.upload.bytesSent+=n.upload.chunks[r].bytesSent);n.upload.progress=n.upload.progress/n.upload.totalChunkCount,this.emit("uploadprogress",n,n.upload.progress,n.upload.bytesSent)}else for(let n of e)n.upload.total&&n.upload.bytesSent&&n.upload.bytesSent==n.upload.total||(i?(n.upload.progress=100*i.loaded/i.total,n.upload.total=i.total,n.upload.bytesSent=i.loaded):(n.upload.progress=100,n.upload.bytesSent=n.upload.total),this.emit("uploadprogress",n,n.upload.progress,n.upload.bytesSent))}_finishedUploading(e,t,i){let n;if(e[0].status!==a.CANCELED&&t.readyState===4){if(t.responseType!=="arraybuffer"&&t.responseType!=="blob"&&(n=t.responseText,t.getResponseHeader("content-type")&&~t.getResponseHeader("content-type").indexOf("application/json")))try{n=JSON.parse(n)}catch(o){i=o,n="Invalid JSON response from server."}this._updateFilesUploadProgress(e,t),200<=t.status&&t.status<300?e[0].upload.chunked?e[0].upload.finishedChunkUpload(this._getChunk(e[0],t),n):this._finished(e,n,i):this._handleUploadError(e,t,n)}}_handleUploadError(e,t,i){if(e[0].status!==a.CANCELED){if(e[0].upload.chunked&&this.options.retryChunks){let n=this._getChunk(e[0],t);if(n.retries++<this.options.retryChunksLimit){this._uploadData(e,[n.dataBlock]);return}else console.warn("Retried this chunk too often. Giving up.")}this._errorProcessing(e,i||this.options.dictResponseError.replace("{{statusCode}}",t.status),t)}}submitRequest(e,t,i){if(e.readyState!=1){console.warn("Cannot send this request because the XMLHttpRequest.readyState is not OPENED.");return}if(this.options.binaryBody)if(i[0].upload.chunked){const n=this._getChunk(i[0],e);e.send(n.dataBlock.data)}else e.send(i[0]);else e.send(t)}_finished(e,t,i){for(let n of e)n.status=a.SUCCESS,this.emit("success",n,t,i),this.emit("complete",n);if(this.options.uploadMultiple&&(this.emit("successmultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}_errorProcessing(e,t,i){for(let n of e)n.status=a.ERROR,this.emit("error",n,t,i),this.emit("complete",n);if(this.options.uploadMultiple&&(this.emit("errormultiple",e,t,i),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}static uuidv4(){return"xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(/[xy]/g,function(e){let t=Math.random()*16|0;return(e==="x"?t:t&3|8).toString(16)})}constructor(e,t){super();let i,n;if(this.element=e,this.clickableElements=[],this.listeners=[],this.files=[],typeof this.element=="string"&&(this.element=document.querySelector(this.element)),!this.element||this.element.nodeType==null)throw new Error("Invalid dropzone element.");if(this.element.dropzone)throw new Error("Dropzone already attached.");a.instances.push(this),this.element.dropzone=this;let o=(n=a.optionsForElement(this.element))!=null?n:{};if(this.options=b(!0,{},Q,o,t??{}),this.options.previewTemplate=this.options.previewTemplate.replace(/\n*/g,""),this.options.forceFallback||!a.isBrowserSupported())return this.options.fallback.call(this);if(this.options.url==null&&(this.options.url=this.element.getAttribute("action")),!this.options.url)throw new Error("No URL provided.");if(this.options.acceptedFiles&&this.options.acceptedMimeTypes)throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");if(this.options.uploadMultiple&&this.options.chunking)throw new Error("You cannot set both: uploadMultiple and chunking.");if(this.options.binaryBody&&this.options.uploadMultiple)throw new Error("You cannot set both: binaryBody and uploadMultiple.");this.options.acceptedMimeTypes&&(this.options.acceptedFiles=this.options.acceptedMimeTypes,delete this.options.acceptedMimeTypes),this.options.renameFilename!=null&&(this.options.renameFile=r=>this.options.renameFilename.call(this,r.name,r)),typeof this.options.method=="string"&&(this.options.method=this.options.method.toUpperCase()),(i=this.getExistingFallback())&&i.parentNode&&i.parentNode.removeChild(i),this.options.previewsContainer!==!1&&(this.options.previewsContainer?this.previewsContainer=a.getElement(this.options.previewsContainer,"previewsContainer"):this.previewsContainer=this.element),this.options.clickable&&(this.options.clickable===!0?this.clickableElements=[this.element]:this.clickableElements=a.getElements(this.options.clickable,"clickable")),this.init()}}a.initClass();a.options={};a.optionsForElement=function(s){if(s.getAttribute("id"))return a.options[W(s.getAttribute("id"))]};a.instances=[];a.forElement=function(s){if(typeof s=="string"&&(s=document.querySelector(s)),(s!=null?s.dropzone:void 0)==null)throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");return s.dropzone};a.discover=function(){let s;if(document.querySelectorAll)s=document.querySelectorAll(".dropzone");else{s=[];let e=t=>(()=>{let i=[];for(let n of t)/(^| )dropzone($| )/.test(n.className)?i.push(s.push(n)):i.push(void 0);return i})();e(document.getElementsByTagName("div")),e(document.getElementsByTagName("form"))}return(()=>{let e=[];for(let t of s)a.optionsForElement(t)!==!1?e.push(new a(t)):e.push(void 0);return e})()};a.blockedBrowsers=[/opera.*(Macintosh|Windows Phone).*version\/12/i];a.isBrowserSupported=function(){let s=!0;if(window.File&&window.FileReader&&window.FileList&&window.Blob&&window.FormData&&document.querySelector)if(!("classList"in document.createElement("a")))s=!1;else{a.blacklistedBrowsers!==void 0&&(a.blockedBrowsers=a.blacklistedBrowsers);for(let e of a.blockedBrowsers)if(e.test(navigator.userAgent)){s=!1;continue}}else s=!1;return s};a.dataURItoBlob=function(s){let e=atob(s.split(",")[1]),t=s.split(",")[0].split(":")[1].split(";")[0],i=new ArrayBuffer(e.length),n=new Uint8Array(i);for(let o=0,r=e.length,l=0<=r;l?o<=r:o>=r;l?o++:o--)n[o]=e.charCodeAt(o);return new Blob([i],{type:t})};const j=(s,e)=>s.filter(t=>t!==e).map(t=>t),W=s=>s.replace(/[\-_](\w)/g,e=>e.charAt(1).toUpperCase());a.createElement=function(s){let e=document.createElement("div");return e.innerHTML=s,e.childNodes[0]};a.elementInside=function(s,e){if(s===e)return!0;for(;s=s.parentNode;)if(s===e)return!0;return!1};a.getElement=function(s,e){let t;if(typeof s=="string"?t=document.querySelector(s):s.nodeType!=null&&(t=s),t==null)throw new Error(`Invalid \`${e}\` option provided. Please provide a CSS selector or a plain HTML element.`);return t};a.getElements=function(s,e){let t,i;if(s instanceof Array){i=[];try{for(t of s)i.push(this.getElement(t,e))}catch{i=null}}else if(typeof s=="string"){i=[];for(t of document.querySelectorAll(s))i.push(t)}else s.nodeType!=null&&(i=[s]);if(i==null||!i.length)throw new Error(`Invalid \`${e}\` option provided. Please provide a CSS selector, a plain HTML element or a list of those.`);return i};a.confirm=function(s,e,t){if(window.confirm(s))return e();if(t!=null)return t()};a.isValidFile=function(s,e){if(!e)return!0;e=e.split(",");let t=s.type,i=t.replace(/\/.*$/,"");for(let n of e)if(n=n.trim(),n.charAt(0)==="."){if(s.name.toLowerCase().indexOf(n.toLowerCase(),s.name.length-n.length)!==-1)return!0}else if(/\/\*$/.test(n)){if(i===n.replace(/\/.*$/,""))return!0}else if(t===n)return!0;return!1};typeof jQuery<"u"&&jQuery!==null&&(jQuery.fn.dropzone=function(s){return this.each(function(){return new a(this,s)})});a.ADDED="added";a.QUEUED="queued";a.ACCEPTED=a.QUEUED;a.UPLOADING="uploading";a.PROCESSING=a.UPLOADING;a.CANCELED="canceled";a.ERROR="error";a.SUCCESS="success";let Y=function(s){s.naturalWidth;let e=s.naturalHeight,t=document.createElement("canvas");t.width=1,t.height=e;let i=t.getContext("2d");i.drawImage(s,0,0);let{data:n}=i.getImageData(1,0,1,e),o=0,r=e,l=e;for(;l>o;)n[(l-1)*4+3]===0?r=l:o=l,l=r+o>>1;let d=l/e;return d===0?1:d};var V=function(s,e,t,i,n,o,r,l,d,u){let p=Y(e);return s.drawImage(e,t,i,n,o,r,l,d,u/p)};class U{static initClass(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}static encode64(e){let t="",i,n,o="",r,l,d,u="",p=0;for(;i=e[p++],n=e[p++],o=e[p++],r=i>>2,l=(i&3)<<4|n>>4,d=(n&15)<<2|o>>6,u=o&63,isNaN(n)?d=u=64:isNaN(o)&&(u=64),t=t+this.KEY_STR.charAt(r)+this.KEY_STR.charAt(l)+this.KEY_STR.charAt(d)+this.KEY_STR.charAt(u),i=n=o="",r=l=d=u="",p<e.length;);return t}static restore(e,t){if(!e.match("data:image/jpeg;base64,"))return t;let i=this.decode64(e.replace("data:image/jpeg;base64,","")),n=this.slice2Segments(i),o=this.exifManipulation(t,n);return`data:image/jpeg;base64,${this.encode64(o)}`}static exifManipulation(e,t){let i=this.getExifArray(t),n=this.insertExif(e,i);return new Uint8Array(n)}static getExifArray(e){let t,i=0;for(;i<e.length;){if(t=e[i],t[0]===255&t[1]===225)return t;i++}return[]}static insertExif(e,t){let i=e.replace("data:image/jpeg;base64,",""),n=this.decode64(i),o=n.indexOf(255,3),r=n.slice(0,o),l=n.slice(o),d=r;return d=d.concat(t),d=d.concat(l),d}static slice2Segments(e){let t=0,i=[];for(;;){var n;if(e[t]===255&e[t+1]===218)break;if(e[t]===255&e[t+1]===216)t+=2;else{n=e[t+2]*256+e[t+3];let o=t+n+2,r=e.slice(t,o);i.push(r),t=o}if(t>e.length)break}return i}static decode64(e){let t,i,n="",o,r,l,d="",u=0,p=[];for(/[^A-Za-z0-9\+\/\=]/g.exec(e)&&console.warn(`There were invalid base64 characters in the input text.
+Valid base64 characters are A-Z, a-z, 0-9, '+', '/',and '='
+Expect errors in decoding.`),e=e.replace(/[^A-Za-z0-9\+\/\=]/g,"");o=this.KEY_STR.indexOf(e.charAt(u++)),r=this.KEY_STR.indexOf(e.charAt(u++)),l=this.KEY_STR.indexOf(e.charAt(u++)),d=this.KEY_STR.indexOf(e.charAt(u++)),t=o<<2|r>>4,i=(r&15)<<4|l>>2,n=(l&3)<<6|d,p.push(t),l!==64&&p.push(i),d!==64&&p.push(n),t=i=n="",o=r=l=d="",u<e.length;);return p}}U.initClass();function G(s,e){return typeof s<"u"&&s!==null?e(s):void 0}function X(s,e,t){if(typeof s<"u"&&s!==null&&typeof s[e]=="function")return t(s,e)}const K={getSignedURL(s,e){let t={filePath:s.name,contentType:s.type};return new Promise((i,n)=>{var o=new FormData;let r=new XMLHttpRequest,l=typeof e.signingURL=="function"?e.signingURL(s):e.signingURL;r.open("POST",l),r.onload=function(){r.status==200?i(JSON.parse(r.response)):n(r.statusText)},r.onerror=function(d){console.error("Network Error : Could not send request to AWS (Maybe CORS errors)"),n(d)},e.withCredentials===!0&&(r.withCredentials=!0),Object.entries(e.headers||{}).forEach(([d,u])=>{r.setRequestHeader(d,u)}),t=Object.assign(t,e.params||{}),Object.entries(t).forEach(([d,u])=>{o.append(d,u)}),r.send(o)})},sendFile(s,e,t){var i=t?this.setResponseHandler:this.sendS3Handler;return this.getSignedURL(s,e).then(n=>i(n,s)).catch(n=>n)},setResponseHandler(s,e){e.s3Signature=s.signature,e.s3Url=s.postEndpoint},sendS3Handler(s,e){let t=new FormData,i=s.signature;return Object.keys(i).forEach(function(n){t.append(n,i[n])}),t.append("file",e),new Promise((n,o)=>{let r=new XMLHttpRequest;r.open("POST",s.postEndpoint),r.onload=function(){if(r.status==201){var l=new window.DOMParser().parseFromString(r.response,"text/xml"),d=l.firstChild.children[0].innerHTML;n({success:!0,message:d})}else{var l=new window.DOMParser().parseFromString(r.response,"text/xml"),u=l.firstChild.children[0].innerHTML;o({success:!1,message:u+". Request is marked as resolved when returns as status 201"})}},r.onerror=function(){var l=new window.DOMParser().parseFromString(r.response,"text/xml"),d=l.firstChild.children[1].innerHTML;o({success:!1,message:d})},r.send(t)})}},A={props:{id:{type:String,required:!0,default:"dropzone"},options:{type:Object,required:!0},includeStyling:{type:Boolean,default:!0,required:!1},awss3:{type:Object,required:!1,default:null},destroyDropzone:{type:Boolean,default:!0,required:!1},duplicateCheck:{type:Boolean,default:!1,required:!1},useCustomSlot:{type:Boolean,default:!1,required:!1}},emits:["vdropzone-thumbnail","vdropzone-duplicate-file","vdropzone-file-added","vdropzone-files-added","vdropzone-removed-file","vdropzone-success","vdropzone-error","vdropzone-s3-upload-success","vdropzone-s3-upload-error","vdropzone-success-multiple","vdropzone-error-multiple","vdropzone-sending","vdropzone-sending-multiple","vdropzone-complete","vdropzone-complete-multiple","vdropzone-canceled","vdropzone-canceled-multiple","vdropzone-max-files-reached","vdropzone-max-files-exceeded","vdropzone-processing","vdropzone-processing-multiple","vdropzone-upload-progress","vdropzone-total-upload-progress","vdropzone-reset","vdropzone-queue-complete","vdropzone-drop","vdropzone-drag-start","vdropzone-drag-end","vdropzone-drag-enter","vdropzone-drag-over","vdropzone-drag-leave","vdropzone-mounted","vdropzone-file-added-manually"],data(){return{aws:null,isS3:!1,isS3OverridesServerPropagation:!1,wasQueueAutoProcess:!0,files:[],dropzoneSettings:{thumbnailWidth:200,thumbnailHeight:200}}},watch:{options:{handler(){this.updateSettings()},deep:!0},awss3:{handler(){this.updateAWSSettings()},deep:!0}},beforeMount(){this.updateSettings(),this.updateAWSSettings()},mounted(){this.$isServer&&this.hasBeenMounted||(this.hasBeenMounted=!0,this.dropzone=new a(this.$refs.dropzoneElement,this.dropzoneSettings),this.dropzone.on("thumbnail",(s,e)=>{this.$emit("vdropzone-thumbnail",s,e)}),this.dropzone.on("addedfile",s=>{this.duplicateCheck&&this.dropzone.getQueuedFiles().length&&this.getQueuedFiles().forEach(e=>{e.name===s.name&&e.size===s.size&&e.lastModifiedDate.toString()===s.lastModifiedDate.toString()&&e.dataUrl===s.dataUrl&&(this.removeFile(s),this.$emit("vdropzone-duplicate-file",s))}),this.$emit("vdropzone-file-added",s),this.isS3&&this.wasQueueAutoProcess&&!s.manuallyAdded&&this.getSignedAndUploadToS3(s)}),this.dropzone.on("addedfiles",s=>{this.$emit("vdropzone-files-added",s)}),this.dropzone.on("removedfile",s=>{this.$emit("vdropzone-removed-file",s),s.manuallyAdded&&this.dropzone.options.maxFiles!==null&&this.dropzone.options.maxFiles++}),this.dropzone.on("success",(s,e)=>{if(this.$emit("vdropzone-success",s,e),this.isS3){if(this.isS3OverridesServerPropagation){let i=new window.DOMParser().parseFromString(e,"text/xml").firstChild.children[0].innerHTML;this.$emit("vdropzone-s3-upload-success",i)}this.wasQueueAutoProcess&&this.setOption("autoProcessQueue",!1)}}),this.dropzone.on("successmultiple",(s,e)=>{this.$emit("vdropzone-success-multiple",s,e)}),this.dropzone.on("error",(s,e,t)=>{this.$emit("vdropzone-error",s,e,t),this.isS3&&this.$emit("vdropzone-s3-upload-error")}),this.dropzone.on("errormultiple",(s,e,t)=>{this.$emit("vdropzone-error-multiple",s,e,t)}),this.dropzone.on("sending",(s,e,t)=>{if(this.isS3)if(this.isS3OverridesServerPropagation){let i=s.s3Signature;Object.keys(i).forEach(function(n){t.append(n,i[n])})}else t.append("s3ObjectLocation",s.s3ObjectLocation);this.$emit("vdropzone-sending",s,e,t)}),this.dropzone.on("sendingmultiple",(s,e,t)=>{this.$emit("vdropzone-sending-multiple",s,e,t)}),this.dropzone.on("complete",s=>{this.$emit("vdropzone-complete",s)}),this.dropzone.on("completemultiple",s=>{this.$emit("vdropzone-complete-multiple",s)}),this.dropzone.on("canceled",s=>{this.$emit("vdropzone-canceled",s)}),this.dropzone.on("canceledmultiple",s=>{this.$emit("vdropzone-canceled-multiple",s)}),this.dropzone.on("maxfilesreached",s=>{this.$emit("vdropzone-max-files-reached",s)}),this.dropzone.on("maxfilesexceeded",s=>{this.$emit("vdropzone-max-files-exceeded",s)}),this.dropzone.on("processing",s=>{this.$emit("vdropzone-processing",s)}),this.dropzone.on("processingmultiple",s=>{this.$emit("vdropzone-processing-multiple",s)}),this.dropzone.on("uploadprogress",(s,e,t)=>{this.$emit("vdropzone-upload-progress",s,e,t)}),this.dropzone.on("totaluploadprogress",(s,e,t)=>{this.$emit("vdropzone-total-upload-progress",s,e,t)}),this.dropzone.on("reset",()=>{this.$emit("vdropzone-reset")}),this.dropzone.on("queuecomplete",()=>{this.$emit("vdropzone-queue-complete")}),this.dropzone.on("drop",s=>{this.$emit("vdropzone-drop",s)}),this.dropzone.on("dragstart",s=>{this.$emit("vdropzone-drag-start",s)}),this.dropzone.on("dragend",s=>{this.$emit("vdropzone-drag-end",s)}),this.dropzone.on("dragenter",s=>{this.$emit("vdropzone-drag-enter",s)}),this.dropzone.on("dragover",s=>{this.$emit("vdropzone-drag-over",s)}),this.dropzone.on("dragleave",s=>{this.$emit("vdropzone-drag-leave",s)}),this.$emit("vdropzone-mounted"))},beforeUnmount(){this.destroyDropzone&&this.dropzone.destroy()},methods:{updateAWSSettings(){this.awss3!==null&&(this.aws={...this.awss3},this.dropzoneSettings.autoProcessQueue=!1,this.isS3=!0,this.isS3OverridesServerPropagation=this.aws.sendFileToServer===!1,this.options.autoProcessQueue!==void 0&&(this.wasQueueAutoProcess=this.options.autoProcessQueue),this.isS3OverridesServerPropagation&&(this.dropzoneSettings.url=s=>s[0].s3Url))},updateSettings(){this.dropzoneSettings=Object.assign(this.dropzoneSettings,this.options)},manuallyAddFile:function(s,e){s.manuallyAdded=!0,this.dropzone.emit("addedfile",s);let t=!1;if((e.indexOf(".svg")>-1||e.indexOf(".png")>-1||e.indexOf(".jpg")>-1||e.indexOf(".jpeg")>-1||e.indexOf(".gif")>-1||e.indexOf(".webp")>-1)&&(t=!0),this.dropzone.options.createImageThumbnails&&t&&s.size<=this.dropzone.options.maxThumbnailFilesize*1024*1024){e&&this.dropzone.emit("thumbnail",s,e);let i=s.previewElement.querySelectorAll("[data-dz-thumbnail]");for(let n=0;n<i.length;n++)i[n].style.width=this.dropzoneSettings.thumbnailWidth+"px",i[n].style.height=this.dropzoneSettings.thumbnailHeight+"px",i[n].style["object-fit"]="contain"}this.dropzone.emit("complete",s),this.dropzone.options.maxFiles&&this.dropzone.options.maxFiles--,this.dropzone.files.push(s),this.$emit("vdropzone-file-added-manually",s)},setOption:function(s,e){this.dropzone.options[s]=e},removeAllFiles:function(s){this.dropzone.removeAllFiles(s)},processQueue:function(){let s=this.dropzone;this.isS3&&!this.wasQueueAutoProcess?this.getQueuedFiles().forEach(e=>{this.getSignedAndUploadToS3(e)}):this.dropzone.processQueue(),this.dropzone.on("success",function(){s.options.autoProcessQueue=!0}),this.dropzone.on("queuecomplete",function(){s.options.autoProcessQueue=!1})},init:function(){return this.dropzone.init()},destroy:function(){return this.dropzone.destroy()},updateTotalUploadProgress:function(){return this.dropzone.updateTotalUploadProgress()},getFallbackForm:function(){return this.dropzone.getFallbackForm()},getExistingFallback:function(){return this.dropzone.getExistingFallback()},setupEventListeners:function(){return this.dropzone.setupEventListeners()},removeEventListeners:function(){return this.dropzone.removeEventListeners()},disable:function(){return this.dropzone.disable()},enable:function(){return this.dropzone.enable()},filesize:function(s){return this.dropzone.filesize(s)},accept:function(s,e){return this.dropzone.accept(s,e)},addFile:function(s){return this.dropzone.addFile(s)},removeFile:function(s){this.dropzone.removeFile(s)},getAcceptedFiles:function(){return this.dropzone.getAcceptedFiles()},getRejectedFiles:function(){return this.dropzone.getRejectedFiles()},getFilesWithStatus:function(){return this.dropzone.getFilesWithStatus()},getQueuedFiles:function(){return this.dropzone.getQueuedFiles()},getUploadingFiles:function(){return this.dropzone.getUploadingFiles()},getAddedFiles:function(){return this.dropzone.getAddedFiles()},getActiveFiles:function(){return this.dropzone.getActiveFiles()},getSignedAndUploadToS3(s){let e=K.sendFile(s,this.aws,this.isS3OverridesServerPropagation);this.isS3OverridesServerPropagation?e.then(()=>{setTimeout(()=>this.dropzone.processFile(s))}):e.then(t=>{t.success?(s.s3ObjectLocation=t.message,setTimeout(()=>this.dropzone.processFile(s)),this.$emit("vdropzone-s3-upload-success",t.message)):typeof t.message<"u"?this.$emit("vdropzone-s3-upload-error",t.message):this.$emit("vdropzone-s3-upload-error","Network Error : Could not send request to AWS. (Maybe CORS error)")}),e.catch(t=>{alert(t)})},setAWSSigningURL(s){this.isS3&&this.aws&&(this.aws.signingURL=s)}}},Z=["id"],J={key:0,class:"dz-message"};function $(s,e,t,i,n,o){return v(),y("div",{id:t.id,ref:"dropzoneElement",class:f({"vue-dropzone dropzone":t.includeStyling})},[t.useCustomSlot?(v(),y("div",J,[R(s.$slots,"default",{},()=>[e[0]||(e[0]=x("Drop files here to upload"))])])):w("",!0)],10,Z)}const ee=k(A,[["render",$]]);A.__docgenInfo={exportName:"default",displayName:"vue-dropzone",description:"",tags:{},props:[{name:"id",type:{name:"string"},required:!0,defaultValue:{func:!1,value:"'dropzone'"}},{name:"options",type:{name:"object"},required:!0},{name:"includeStyling",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"awss3",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"destroyDropzone",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"duplicateCheck",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"useCustomSlot",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"vdropzone-thumbnail",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"vdropzone-duplicate-file",type:{names:["undefined"]}},{name:"vdropzone-file-added",type:{names:["undefined"]}},{name:"vdropzone-files-added",type:{names:["undefined"]}},{name:"vdropzone-removed-file",type:{names:["undefined"]}},{name:"vdropzone-success",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"vdropzone-error",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"},{type:{names:["undefined"]},name:"<anonymous2>"}]},{name:"vdropzone-s3-upload-success",type:{names:["undefined"]}},{name:"vdropzone-s3-upload-error",type:{names:["undefined"]}},{name:"vdropzone-success-multiple",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"}]},{name:"vdropzone-error-multiple",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"},{type:{names:["undefined"]},name:"<anonymous2>"}]},{name:"vdropzone-sending",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"},{type:{names:["undefined"]},name:"<anonymous2>"}]},{name:"vdropzone-sending-multiple",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"},{type:{names:["undefined"]},name:"<anonymous2>"}]},{name:"vdropzone-complete",type:{names:["undefined"]}},{name:"vdropzone-complete-multiple",type:{names:["undefined"]}},{name:"vdropzone-canceled",type:{names:["undefined"]}},{name:"vdropzone-canceled-multiple",type:{names:["undefined"]}},{name:"vdropzone-max-files-reached",type:{names:["undefined"]}},{name:"vdropzone-max-files-exceeded",type:{names:["undefined"]}},{name:"vdropzone-processing",type:{names:["undefined"]}},{name:"vdropzone-processing-multiple",type:{names:["undefined"]}},{name:"vdropzone-upload-progress",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"},{type:{names:["undefined"]},name:"<anonymous2>"}]},{name:"vdropzone-total-upload-progress",type:{names:["undefined"]},properties:[{type:{names:["undefined"]},name:"<anonymous1>"},{type:{names:["undefined"]},name:"<anonymous2>"}]},{name:"vdropzone-reset"},{name:"vdropzone-queue-complete"},{name:"vdropzone-drop",type:{names:["undefined"]}},{name:"vdropzone-drag-start",type:{names:["undefined"]}},{name:"vdropzone-drag-end",type:{names:["undefined"]}},{name:"vdropzone-drag-enter",type:{names:["undefined"]}},{name:"vdropzone-drag-over",type:{names:["undefined"]}},{name:"vdropzone-drag-leave",type:{names:["undefined"]}},{name:"vdropzone-mounted"},{name:"vdropzone-file-added-manually",type:{names:["undefined"]}}],slots:[{name:"default"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/node_modules/dropzone-vue3/src/components/vue-dropzone.vue"]};const S={UploadUserLogo:"UploadUserLogo"},te=["image/jpeg","image/png","image/svg+xml","application/postscript"],M={components:{Dropzone:ee},props:{isUserAuthenticated:{type:Boolean,required:!1,default:!0},trackingData:{type:Object,required:!1,default:void 0},shouldOpenUploadWhenMounted:{type:Boolean,required:!1,default:!1},isModal:{type:Boolean,required:!1,default:!1},useLandscapeTile:{type:Boolean,required:!1,default:!1},smallLayout:{type:Boolean,required:!1,default:!1},shouldUseCompactLayout:{type:Boolean,default:!1},isDesignCom:{type:Boolean,required:!1,default:!1},assetType:{type:Number,default:null},templateTypeFriendlyName:{type:String,default:null}},setup(){return{uploadYourLogoTr:F}},computed:{options(){const s=this,e=F("wrongUploadType");return{url:"#",autoProcessQueue:!1,maxFiles:1,uploadMultiple:!1,acceptedFiles:te.join(","),dictInvalidFileType:e,accept(t){const i=new FileReader,n=this;i.addEventListener("loadend",()=>{t.status="success",n.emit("success",t),n.emit("complete",t)}),i.readAsText(t)},init(){this.hiddenFileInput.addEventListener("click",i=>{s.isUserAuthenticated||(i.preventDefault(),s.showLoginModal())})}}}},data(){return{}},mounted(){var s,e,t,i;window&&this.shouldOpenUploadWhenMounted&&this.$refs.dropzone&&(s=this.$refs.dropzone)!=null&&s.$refs.dropzoneElement&&((i=(t=(e=this.$refs)==null?void 0:e.dropzone)==null?void 0:t.$refs)==null||i.dropzoneElement.click())},methods:{pushTrackingData(){this.trackingData&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(this.trackingData))},onUploadSuccess(s){if(this.$refs.dropzone.removeAllFiles(),this.pushTrackingData(),!this.isUserAuthenticated){this.showLoginModal();return}this.$emit("on-upload-success",s)},showLoginModal(){this.$refs.dropzone.removeAllFiles(),this.$emit("on-login-modal-open",S.UploadUserLogo),window.dispatchEvent(new CustomEvent(O.ShowLoginModal,{detail:{isSave:!0,regoSource:S.UploadUserLogo,emailCapturedCallback:this.handleEmailCapturedForLogoUpload,shouldReloadPageOnSuccess:!1,assetType:this.assetType,templateTypeName:this.templateTypeFriendlyName,userTriggered:N.Automatic}}))},handleEmailCapturedForLogoUpload(){this.$emit("logo-dropzone-login-callback")},displayError(s){var e,t,i;if((i=(t=(e=this.$refs)==null?void 0:e.dropzone)==null?void 0:t.$refs)!=null&&i.dropzoneElement){const n=this.$refs.dropzone.$refs.dropzoneElement.querySelector(".dz-error-message");n&&(n.innerText=s)}}}},ie={class:"tw-text-info-500"};function se(s,e,t,i,n,o){const r=q("dropzone");return v(),P(r,{id:`upload-your-logo-dropzone-${s._uid}`,ref:"dropzone",class:f(["c-upload-your-logo tw-group tw-transition-colors tw-duration-200 tw-flex tw-justify-center tw-flex-col tw-cursor-pointer",{"tw-items-center tw-py-8":!t.shouldUseCompactLayout,"tw-w-full tw-bg-grayscale-400 tw-flex tw-items-center tw-justify-center tw-flex-col tw-cursor-pointer":t.isModal,"hover:tw-bg-grayscale-200 tw-bg-white tw-border tw-border-dashed tw-border-secondary-300 tw-rounded":!t.isModal,"md:tw-py-2 md:tw-pr-2 md:tw-items-start":t.useLandscapeTile,"tw-py-4 md:tw-py-2 tw-pr-2 tw-items-start":t.shouldUseCompactLayout}]),options:o.options,"include-styling":!1,"use-custom-slot":!0,"data-test-byo-upload-dropzone":"",onVdropzoneSuccess:o.onUploadSuccess},{default:_(()=>[g("div",{class:f(["tw-px-2",{"tw-text-center":!t.shouldUseCompactLayout,"md:tw-flex md:tw-flex-row md:tw-items-center md:tw-text-left md:tw-text-xs md:tw-px-4":t.useLandscapeTile,"md:tw-px-8":t.smallLayout&&!t.useLandscapeTile,"tw-flex tw-flex-row tw-items-center tw-text-left tw-text-xs tw-px-4":t.shouldUseCompactLayout}])},[g("div",{class:f(["group-hover:tw-text-info-500 tw-flex tw-items-center tw-justify-center tw-mx-auto",{"tw-w-full tw-mb-2":!t.shouldUseCompactLayout,"tw-text-secondary-500":!t.isDesignCom,"tw-text-secondary-400":t.isDesignCom,"md:tw-mb-0":t.useLandscapeTile,"md:tw-w-10 md:tw-h-10":t.smallLayout,"tw-w-8 tw-h-8":t.shouldUseCompactLayout}])},e[0]||(e[0]=[g("svg",{class:"tw-fill-current tw-w-24 tw-h-24 tw-transition-colors tw-duration-200",viewBox:"0 0 100 100",xmlns:"http://www.w3.org/2000/svg"},[g("path",{d:"M61.393 5c.5922 0 1.1635.261 1.5802.6956l22.3903 23.2608c.373.4133.6365.9565.6365 1.5216v52.7172C86 89.6737 80.6002 95 74.0585 95h-48.117C19.3998 95 14 89.6737 14 83.1952v-66.391C14 10.3262 19.3998 5 25.9415 5zm-2.1736 4.3478H25.9415c-4.1268 0-7.5512 3.3914-7.5512 7.4563v66.391c0 4.0877 3.4466 7.457 7.5512 7.457h48.117c4.1268 0 7.5512-3.3693 7.5512-7.457V32.6087H68.8563c-5.334 0-9.6369-4.2393-9.6369-9.5217V9.348zM67.8124 76C69.0252 76 70 76.8996 70 78c0 1.0998-.9748 2-2.1657 2H32.1657C30.9747 80 30 79.0998 30 78c0-1.1004.9748-2 2.1657-2zM50 35c.6121 0 1.1807.264 1.5965.7037l12.8169 13.8331c.831.8794.7654 2.2652-.1099 3.1009-.4152.396-.9623.5939-1.4873.5939-.59 0-1.1592-.2424-1.5965-.7037l-9.0111-9.743v24.0159c0 1.2093-.9837 2.1992-2.1871 2.1992-1.2028 0-2.1872-.9899-2.1872-2.1992v-24.016l-9.011 9.7431c-.8311.8794-2.2086.9454-3.1274.1098-.8746-.8141-.9402-2.2215-.1092-3.1009l12.8168-13.8331C48.8187 35.264 49.3873 35 50 35zm13.6097-22.326v10.413c0 2.8694 2.349 5.1738 5.2466 5.1738h9.7464L63.6097 12.674z","fill-rule":"nonzero"})],-1)]),2),g("div",{class:f({"md:tw-flex md:tw-flex-col md:tw-ml-2":t.useLandscapeTile,"tw-flex tw-flex-col tw-ml-4 md:tw-ml-2":t.shouldUseCompactLayout})},[t.isModal?w("",!0):(v(),y("p",{key:0,class:f(["tw-font-bold tw-text-black tw-text-lg",{"tw-mb-2":!t.shouldUseCompactLayout,"md:tw-text-sm md:tw-mb-0":t.smallLayout,"tw-text-sm tw-mb-0":t.shouldUseCompactLayout}])},z(i.uploadYourLogoTr("uploadYourLogoText")),3)),g("p",{class:f(["tw-text-secondary-600 tw-text-sm",{"tw-mb-0":!t.isDesignCom,"tw-mb-3":t.isDesignCom,"md:tw-hidden":t.shouldUseCompactLayout}])},[x(z(i.uploadYourLogoTr("dropYourFileHere"))+" ",1),g("span",ie,z(i.uploadYourLogoTr("clickToUpload")),1)],2),!t.smallLayout&&!t.shouldUseCompactLayout?(v(),y("p",{key:1,class:f(["tw-text-sm",{"tw-text-secondary-600":!t.isDesignCom,"tw-text-secondary-400":t.isDesignCom}])},z(i.uploadYourLogoTr("acceptedFiles")),3)):w("",!0)],2)],2)]),_:1},8,["id","class","options","onVdropzoneSuccess"])}const ae=k(M,[["render",se]]);M.__docgenInfo={exportName:"default",displayName:"UploadYourLogoDropzone",description:"",tags:{},props:[{name:"isUserAuthenticated",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}},{name:"trackingData",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"shouldOpenUploadWhenMounted",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isModal",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"useLandscapeTile",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"smallLayout",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"shouldUseCompactLayout",type:{name:"boolean"},defaultValue:{func:!1,value:"false"}},{name:"isDesignCom",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"assetType",type:{name:"number"},defaultValue:{func:!1,value:"null"}},{name:"templateTypeFriendlyName",type:{name:"string"},defaultValue:{func:!1,value:"null"}}],events:[{name:"on-upload-success",type:{names:["undefined"]}},{name:"on-login-modal-open",type:{names:["undefined"]}},{name:"logo-dropzone-login-callback"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadYourLogoDropzone/UploadYourLogoDropzone.vue"]};export{ae as U};

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

@@ -0,0 +1,55 @@
+import{E as a}from"./event-constants-CMO9VQVu.js";import{U as t}from"./UploadYourLogoDropzone-DjLMXjVf.js";import"./iframe-ndUd-rmt.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-H46TQzf5.js

@@ -0,0 +1,79 @@
+import{a as T}from"./index-Bz4la0P9.js";import{B as j}from"./Button-CkyYO9sU.js";import{E as c}from"./event-constants-CMO9VQVu.js";import{A as g}from"./api-BlGvmpef.js";import{t as f}from"./tracking-ATsLLehC.js";import{c as m,e as t,n as k,b as n,z as M,t as L,h as I,Z as q,a as W,o as w}from"./iframe-ndUd-rmt.js";import{_ as H}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-LDY_rMmo.js";import"./Icon-B_xzgi_Q.js";const _={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}},setup(){return{uploadLogoSearchResultCardTr:q}},data(){return{extraWideLandscape:this.useLandscapeTile&&this.aspectRatio<=30}},computed:{replaceButtonLabel(){return this.alternativeLayout?this.uploadLogoSearchResultCardTr("replace"):this.uploadLogoSearchResultCardTr("replaceLogo")},deleteButtonLabel(){return this.alternativeLayout?this.uploadLogoSearchResultCardTr("delete"):this.uploadLogoSearchResultCardTr("deleteLogo")}},methods:{onDeleteButtonClick(){this.isRunning||(this.isRunning=!0,f({eventCategory:this.eventCategory,eventAction:"deleteLogo",eventLabel:"Clicked_Delete_Logo_Search",event:"click"}),T({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]}}))}}},z={key:0},O={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"},N=["src"],Y=["src"],A={for:"replace-logo-file",class:"tw-sr-only"};function V(a,d,e,B,o,r){const E=W("Button");return w(),m("div",{class:n(["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&&!o.extraWideLandscape,"md:tw-items-center md:tw-justify-center md:tw-p-6":e.alternativeLayout&&!o.extraWideLandscape,"md:tw-flex md:tw-flex-row md:tw-justify-start md:tw-items-center md:tw-p-2":o.extraWideLandscape}])},[e.alternativeLayout?(w(),m("div",{key:1,class:n({"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":o.extraWideLandscape})},[t("figure",{class:n(["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&&!o.extraWideLandscape,"md:tw-flex md:tw-items-start md:tw-w-auto":o.extraWideLandscape}])},[t("div",{class:n(["tw-object-cover",{"md:tw-object-contain":o.extraWideLandscape}])},[t("div",{class:n(["tw-flex tw-items-center tw-justify-center tw-h-full tw-w-full",{"md:tw-h-20":o.extraWideLandscape}])},[t("img",{src:e.logoImageUrl,class:"tw-block tw-max-h-full",alt:"logo"},null,8,Y)],2)],2)],2)],2)):(w(),m("div",z,[t("figure",{class:"tw-relative tw-overflow-visible tw-h-0 tw-mb-4 tw-pb-0",style:k({"padding-bottom":`${e.aspectRatio}%`})},[t("div",O,[t("div",D,[t("img",{src:e.logoImageUrl,class:"tw-block tw-max-h-full",alt:"logo"},null,8,N)])])],4)])),t("div",{class:n(["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":o.extraWideLandscape}])},[t("label",A,[M(L(B.uploadLogoSearchResultCardTr("replaceLogo"))+" ",1),t("input",{id:"replace-logo-file",ref:"fileInput",type:"file",accept:".jpg,.jpeg,.png,.svg,.eps",onChange:d[0]||(d[0]=(...p)=>r.onReplaceFileChange&&r.onReplaceFileChange(...p))},null,544)]),t("div",{class:n(["tw-flex tw-items-center tw-justify-center tw-flex-col tw-gap-4",{"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}])},[I(E,{variant:"outline",size:"small",label:r.replaceButtonLabel,"data-test-replace-logo-btn":"",onOnClick:r.onReplaceButtonClick},null,8,["label","onOnClick"]),t("button",{class:n(["tw-uppercase tw-text-xs tw-text-secondary tw-font-sans tw-font-bold",{"md:tw-mt-3":e.useLandscapeTile&&!o.extraWideLandscape,"md:tw-ml-0":e.useLandscapeTile,"md:tw-ml-3":e.alternativeLayout&&!e.useLandscapeTile||o.extraWideLandscape}]),"data-test-delete-logo-btn":"",onClick:d[1]||(d[1]=(...p)=>r.onDeleteButtonClick&&r.onDeleteButtonClick(...p))},L(r.deleteButtonLabel),3)],2)],2)],2)}const u=H(_,[["render",V]]);_.__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/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/UploadedLogoSearchResultCard/UploadedLogoSearchResultCard.vue"]};const ee={title:"Components/UploadedLogoSearchResultCard",component:u},l=()=>({components:{UploadedLogoSearchResultCard:u},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>
+    `});l.story={name:"Horizontal (16x9)"};const s=()=>({components:{UploadedLogoSearchResultCard:u},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:u},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 h,x,b;l.parameters={...l.parameters,docs:{...(h=l.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://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=(x=l.parameters)==null?void 0:x.docs)==null?void 0:b.source}}};var v,y,C;s.parameters={...s.parameters,docs:{...(v=s.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>
+    \`
+  };
+}`,...(C=(y=s.parameters)==null?void 0:y.docs)==null?void 0:C.source}}};var R,S,U;i.parameters={...i.parameters,docs:{...(R=i.parameters)==null?void 0:R.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=(S=i.parameters)==null?void 0:S.docs)==null?void 0:U.source}}};const te=["SampleHorizontal","SampleSquare","SampleVertical"];export{l as SampleHorizontal,s as SampleSquare,i as SampleVertical,te as __namedExportsOrder,ee as default};

package/.storybook-static/assets/WebsiteContextualUpgradeModal-Dec1RypL.css

@@ -0,0 +1 @@
+.bottom-bar[data-v-93a65b36]{position:absolute;bottom:0;left:0;width:100%;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(237 237 237 / var(--tw-border-opacity));padding:1rem}@media(min-width:768px){.bottom-bar[data-v-93a65b36]{position:relative;border-style:none;padding:0}}.button-size[data-v-93a65b36]{width:100%}@media(min-width:768px){.button-size[data-v-93a65b36]{max-width:10rem}}@media(max-width:768px){.nothanks-button-mobile[data-v-93a65b36]{display:none}}

package/.storybook-static/assets/WebsiteContextualUpgradeModal.stories-CF2wZFGr.js

@@ -0,0 +1,211 @@
+import{d as ge,i as d,y as h,o as i,x as ue,e as t,f as A,c as M,b as ce,t as V,_ as N,$ as a,F as me,r as be,h as x,H as Te}from"./iframe-ndUd-rmt.js";import{M as Ue}from"./Modal-DKAacz7P.js";import{B as W}from"./Button-CkyYO9sU.js";import{I as R}from"./Icon-B_xzgi_Q.js";import{_ as Ce}from"./_plugin-vue_export-helper-DlAUqK2U.js";import"./ButtonPrimary-LDY_rMmo.js";const w={ContactForm:"ContactForm",Videos:"Videos",Maps:"Maps"},ye={class:"tw-flex tw-flex-col tw-text-black"},Me={class:"tw-flex tw-flex-col tw-pb-16 md:tw-pb-0"},xe={key:1,class:"tw-font-bold tw-text-3xl tw-mb-2"},we=["innerHTML"],_e={class:"tw-font-bold"},ve={class:"tw-flex tw-flex-col md:tw-flex-row tw-mt-2"},Ee={class:"tw-order-last md:tw-order-first tw-w-full md:tw-w-3/4 tw-grid tw-grid-cols-1 md:tw-grid-cols-2 tw-gap-4"},Pe=["innerHTML"],De={class:"bottom-bar tw-mt-2"},fe={class:"bottom-bar tw-mt-6 tw-bg-grayscale-200 tw-flex tw-flex-col md:tw-flex-row md:tw-items-center md:tw-gap-2"},he={class:"button-size md:tw-flex-1"},Ae={class:"button-size nothanks-button-mobile md:tw-flex-1"},ae=ge({__name:"WebsiteContextualUpgradeModal",props:{isUpgradeModalVisible:{type:Boolean},isDesignCom:{type:Boolean},upgradeUrl:{},brandPageType:{},contextType:{}},emits:["on-close-upgrade-modal","on-upgrade-button-clicked"],setup(ne,{emit:re}){const T=d(""),_=d(""),U=d(""),v=d(""),E=d([]),s=ne,se={PREMIUM_CONTENT:()=>a("featurePremiumContent"),STORE:()=>a("featureStore"),UNLIMITED_PAGES:()=>a("featureUnlimitedPages"),CUSTOMER_CARE:()=>a("featureCustomerCare"),CUSTOM_DOMAIN:()=>a("featureCustomDomain"),CANCEL_ANYTIME:()=>`<div class="tw-text-success-500"><strong>${a("featureCancelAnytime")}</strong></div>`,NO_WATERMARK:e=>a("featureNoWatermark",{websiteName:e})},P={PremiumContent:["PREMIUM_CONTENT","STORE","UNLIMITED_PAGES","CUSTOMER_CARE","CUSTOM_DOMAIN","CANCEL_ANYTIME","NO_WATERMARK"],RemoveWatermark:["NO_WATERMARK","STORE","UNLIMITED_PAGES","CUSTOMER_CARE","PREMIUM_CONTENT","CANCEL_ANYTIME","CUSTOM_DOMAIN"],Default:["UNLIMITED_PAGES","STORE","PREMIUM_CONTENT","CUSTOMER_CARE","CUSTOM_DOMAIN","CANCEL_ANYTIME","NO_WATERMARK"]},oe=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").replace(/([A-Z])([A-Z][a-z])/g,"$1-$2").toLowerCase(),de=e=>{const n=s.contextType===w.Maps||s.contextType===w.Videos||s.contextType===w.ContactForm?"PremiumContent":s.contextType,C=P[n]||P.Default;E.value=C.map(y=>se[y](e))},ie=e=>{const n=`upgradeTo${s.contextType}`;U.value=`websites-${oe(n)}`,T.value=a(`${n}.title`),_.value=a(`${n}.description`),v.value=a("upgradeButtonText"),de(e)},pe=s.isDesignCom?"Design.com":"BrandCrowd";ie(pe);const D=re,f=()=>{D("on-close-upgrade-modal")},le=()=>{D("on-upgrade-button-clicked")};return(e,n)=>(i(),h(Ue,{visible:s.isUpgradeModalVisible,"full-screen-breakpoint":"sm","show-modal-background-image":!e.isDesignCom,classes:"tw-max-w-3xl tw-p-8",onCloseModal:f},{default:ue(()=>[t("div",ye,[t("div",Me,[U.value?(i(),h(R,{key:0,name:U.value,"view-box":"0 0 100 100",size:"5xl",class:ce([{"tw-text-primary-500":e.isDesignCom,"tw-text-white":!e.isDesignCom},"tw-mb-4"])},null,8,["name","class"])):A("",!0),T.value?(i(),M("h2",xe,V(T.value),1)):A("",!0),t("span",{class:"tw-text-grayscale-600 tw-mb-2",innerHTML:_.value},null,8,we),n[0]||(n[0]=t("br",null,null,-1)),t("p",_e,V(N(a)("premiumUpgradeNote")),1),t("div",ve,[t("div",Ee,[(i(!0),M(me,null,be(E.value,(C,y)=>(i(),M("div",{key:y,class:"tw-flex tw-items-center tw-text-sm tw-rounded-md"},[x(R,{class:"tw-text-success-500",name:"check",size:"sm"}),t("span",{class:"tw-ml-2 tw-text-grayscale-600",innerHTML:C},null,8,Pe)]))),128))])])]),t("div",De,[t("div",fe,[t("div",he,[x(W,{"data-test-upgrade-button":"",label:v.value,size:"medium",variant:"primary",icon:"chevron-right-wide",url:e.upgradeUrl,classes:"tw-w-full",onOnClick:le},null,8,["label","url"])]),t("div",Ae,[x(W,{"data-test-upgrade-button":"",label:N(a)("closeButtonText"),size:"medium",variant:"no-border",classes:"tw-w-full",onOnClick:f},null,8,["label"])])])])])]),_:1},8,["visible","show-modal-background-image"]))}}),r=Ce(ae,[["__scopeId","data-v-93a65b36"]]);ae.__docgenInfo={exportName:"default",displayName:"WebsiteContextualUpgradeModal",description:"",tags:{},props:[{name:"isUpgradeModalVisible",required:!0,type:{name:"boolean"}},{name:"isDesignCom",required:!0,type:{name:"boolean"}},{name:"upgradeUrl",required:!0,type:{name:"string"}},{name:"brandPageType",required:!0,type:{name:"string"}},{name:"contextType",required:!0,type:{name:"WebsiteContextUpgradeType"}}],events:[{name:"on-close-upgrade-modal"},{name:"on-upgrade-button-clicked"}],sourceFiles:["/Users/kristianbonitz/Repos/fe-shared-lib/src/experiences/components/WebsitesContextualUpgradeModal/WebsiteContextualUpgradeModal.vue"]};const Ie={title:"Components/WebsitesContextualUpgradeModal",component:r},Ve="en-US",o=async()=>{await Te(Ve)},p=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/add-page",brandPageType:"brandContact",contentType:"AddPage"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});p.loaders=[o];const l=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/contact-form",brandPageType:"brandContact",contentType:"ContactForm"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});l.loaders=[o];const g=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/maps",brandPageType:"brandContact",contentType:"Maps"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});g.loaders=[o];const u=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/videos",brandPageType:"brandContact",contentType:"Videos"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});u.loaders=[o];const c=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/remove-watermark",brandPageType:"brandContact",contentType:"RemoveWatermark"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});c.loaders=[o];const m=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/publish",brandPageType:"brandContact",contentType:"Publish"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});m.loaders=[o];const b=()=>({components:{WebsiteContextualUpgradeModal:r},data(){return{isUpgradeModalVisible:!0,isDesignCom:!0,upgradeUrl:"https://brand.site/upgrade/publish",brandPageType:"brandSite",contentType:"GoogleAd"}},template:`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  `});b.loaders=[o];var S,O,k;p.parameters={...p.parameters,docs:{...(S=p.parameters)==null?void 0:S.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/add-page',
+      brandPageType: 'brandContact',
+      contentType: 'AddPage'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(k=(O=p.parameters)==null?void 0:O.docs)==null?void 0:k.source}}};var I,L,F;l.parameters={...l.parameters,docs:{...(I=l.parameters)==null?void 0:I.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/contact-form',
+      brandPageType: 'brandContact',
+      contentType: 'ContactForm'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(F=(L=l.parameters)==null?void 0:L.docs)==null?void 0:F.source}}};var B,z,G;g.parameters={...g.parameters,docs:{...(B=g.parameters)==null?void 0:B.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/maps',
+      brandPageType: 'brandContact',
+      contentType: 'Maps'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(G=(z=g.parameters)==null?void 0:z.docs)==null?void 0:G.source}}};var $,K,q;u.parameters={...u.parameters,docs:{...($=u.parameters)==null?void 0:$.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/videos',
+      brandPageType: 'brandContact',
+      contentType: 'Videos'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(q=(K=u.parameters)==null?void 0:K.docs)==null?void 0:q.source}}};var H,Y,Z;c.parameters={...c.parameters,docs:{...(H=c.parameters)==null?void 0:H.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/remove-watermark',
+      brandPageType: 'brandContact',
+      contentType: 'RemoveWatermark'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(Z=(Y=c.parameters)==null?void 0:Y.docs)==null?void 0:Z.source}}};var X,j,J;m.parameters={...m.parameters,docs:{...(X=m.parameters)==null?void 0:X.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/publish',
+      brandPageType: 'brandContact',
+      contentType: 'Publish'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(J=(j=m.parameters)==null?void 0:j.docs)==null?void 0:J.source}}};var Q,ee,te;b.parameters={...b.parameters,docs:{...(Q=b.parameters)==null?void 0:Q.docs,source:{originalSource:`() => ({
+  components: {
+    WebsiteContextualUpgradeModal
+  },
+  data() {
+    return {
+      isUpgradeModalVisible: true,
+      isDesignCom: true,
+      upgradeUrl: 'https://brand.site/upgrade/publish',
+      brandPageType: 'brandSite',
+      contentType: 'GoogleAd'
+    };
+  },
+  template: \`
+    <WebsiteContextualUpgradeModal
+      :is-upgrade-modal-visible="isUpgradeModalVisible"
+      :is-design-com="isDesignCom"
+      :upgrade-url="upgradeUrl"
+      :brand-page-type="brandPageType"
+      :context-type="contentType"
+    />
+  \`
+})`,...(te=(ee=b.parameters)==null?void 0:ee.docs)==null?void 0:te.source}}};const Le=["UpgradeToAddPage","UpgradeToContactForm","UpgradeToMaps","UpgradeToVideos","UpgradeToRemoveWatermark","UpgradeToPublish","UpgradeToGoogleAd"];export{p as UpgradeToAddPage,l as UpgradeToContactForm,b as UpgradeToGoogleAd,g as UpgradeToMaps,m as UpgradeToPublish,c as UpgradeToRemoveWatermark,u as UpgradeToVideos,Le as __namedExportsOrder,Ie 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-BlGvmpef.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",KEYWORD_SUGGESTIONS_API_URL:"/api/ai-keyword-suggestion"};export{_ as A};