@designcrowd/fe-shared-lib 1.5.21 → 1.5.23-kp-1

package/.storybook-static/assets/UploadYourLogoApplication-EyTEQx-x.css

@@ -1,9 +0,0 @@
-/*!
- * Cropper.js v1.5.12
- * https://fengyuanchen.github.io/cropperjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2021-06-12T08:00:11.623Z
- */.cropper-container{direction:ltr;font-size:0;line-height:0;position:relative;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cropper-container img{display:block;height:100%;image-orientation:0deg;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;width:100%}.cropper-wrap-box{display:none}.cropper-wrap-box,.cropper-canvas,.cropper-drag-box,.cropper-crop-box,.cropper-modal{bottom:0;left:0;position:absolute;right:0;top:0}.cropper-wrap-box,.cropper-canvas{overflow:hidden}.cropper-drag-box{background-color:#fff;opacity:0}.cropper-modal{background-color:#000;opacity:.5}.cropper-view-box{display:block;height:100%;outline:1px solid #39f;outline-color:#3399ffbf;overflow:hidden;width:100%}.cropper-dashed{border:0 dashed #eee;display:block;opacity:.5;position:absolute}.cropper-dashed.dashed-h{border-bottom-width:1px;border-top-width:1px;height:calc(100% / 3);left:0;top:calc(100% / 3);width:100%}.cropper-dashed.dashed-v{border-left-width:1px;border-right-width:1px;height:100%;left:calc(100% / 3);top:0;width:calc(100% / 3)}.cropper-center{display:block;height:0;left:50%;opacity:.75;position:absolute;top:50%;width:0}.cropper-center:before,.cropper-center:after{background-color:#eee;content:" ";display:block;position:absolute}.cropper-center:before{height:1px;left:-3px;top:0;width:7px}.cropper-center:after{height:7px;left:0;top:-3px;width:1px}.cropper-face,.cropper-line,.cropper-point{display:block;height:100%;opacity:.1;position:absolute;width:100%}.cropper-face{background-color:#fff;left:0;top:0}.cropper-line{background-color:#39f}.cropper-line.line-e{cursor:ew-resize;right:-3px;top:0;width:5px}.cropper-line.line-n{cursor:ns-resize;height:5px;left:0;top:-3px}.cropper-line.line-w{cursor:ew-resize;left:-3px;top:0;width:5px}.cropper-line.line-s{bottom:-3px;cursor:ns-resize;height:5px;left:0}.cropper-point{background-color:#39f;height:5px;opacity:.75;width:5px}.cropper-point.point-e{cursor:ew-resize;margin-top:-3px;right:-3px;top:50%}.cropper-point.point-n{cursor:ns-resize;left:50%;margin-left:-3px;top:-3px}.cropper-point.point-w{cursor:ew-resize;left:-3px;margin-top:-3px;top:50%}.cropper-point.point-s{bottom:-3px;cursor:s-resize;left:50%;margin-left:-3px}.cropper-point.point-ne{cursor:nesw-resize;right:-3px;top:-3px}.cropper-point.point-nw{cursor:nwse-resize;left:-3px;top:-3px}.cropper-point.point-sw{bottom:-3px;cursor:nesw-resize;left:-3px}.cropper-point.point-se{bottom:-3px;cursor:nwse-resize;height:20px;opacity:1;right:-3px;width:20px}@media (min-width: 768px){.cropper-point.point-se{height:15px;width:15px}}@media (min-width: 992px){.cropper-point.point-se{height:10px;width:10px}}@media (min-width: 1200px){.cropper-point.point-se{height:5px;opacity:.75;width:5px}}.cropper-point.point-se:before{background-color:#39f;bottom:-50%;content:" ";display:block;height:200%;opacity:0;position:absolute;right:-50%;width:200%}.cropper-invisible{opacity:0}.cropper-bg{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC)}.cropper-hide{display:block;height:0;position:absolute;width:0}.cropper-hidden{display:none!important}.cropper-move{cursor:move}.cropper-crop{cursor:crosshair}.cropper-disabled .cropper-drag-box,.cropper-disabled .cropper-face,.cropper-disabled .cropper-line,.cropper-disabled .cropper-point{cursor:not-allowed}.c-byo-cropper .cropper-bg{background-image:none}.c-byo-cropper .cropper-drag-box{background-color:transparent}.c-byo-cropper .cropper-view-box{outline:1px solid #fff;border:1px solid rgba(0,0,0,.2)!important}.c-byo-cropper .cropper-center:before,.c-byo-cropper .cropper-center:after{background-color:#eee}.c-byo-cropper .cropper-face{background-color:#fff}.c-byo-cropper .cropper-line{background-color:#b2b2b2}.c-byo-cropper .cropper-point{background-color:#7a7a7a;border:1px solid #fff;height:10px;width:10px}.c-byo-cropper .c-byo-cropper__container{width:300px;height:300px}.c-byo-cropper .c-byo-cropper__container>div{height:100%;width:100%}

package/.storybook-static/assets/UploadYourLogoApplication.stories-Dixp1ynI.js

@@ -1,194 +0,0 @@
-import{a as Ue}from"./index-Bw-gCGc_.js";import{M as Pe}from"./index-DhkYCT1V.js";import{E as ce}from"./event-constants-CMO9VQVu.js";import{b as vo}from"./brand-crowd-api.client-DiPM1Wo-.js";import{t as ve}from"./tracking-ATsLLehC.js";import{I as ua}from"./Icon-8mZGP41G.js";import{c as W,f as X,e as x,h as V,g as da,a as k,o as A,t as _e,y as Q,K as ga,b as vt,A as Zt,J as Qt,x as fa}from"./iframe-C86bI_2U.js";import{_ as oe}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{U as ma}from"./UploadYourLogoDropzone-DouZtNvi.js";import{h as va,L as wa}from"./LogoBusinessBrandColours-B1_8hw0H.js";import{B as Ne}from"./Button-DtVlr_q3.js";import{a as ba,g as ya}from"./_commonjsHelpers-D6-XlEtG.js";import{A as z}from"./api-lSJGRrF2.js";import"./HelloBar-z54fob0q.js";import"./ButtonPrimary-DG9wNod9.js";const mt={MAX_BYO_FILE_SIZE:26214400,MAX_BYO_FILE_SIZE_EXCEEDED_MSG:"Your file exceeds the maximum size of 25MB. Please choose a smaller file.",GENERIC_BYO_ERROR:"An unexpected error occured. Please try again."},wo={components:{Icon:ua},props:{showCancelButton:{type:Boolean,required:!1,default:!0}},methods:{cancel(){this.$emit("on-cancel")}}},xa={class:"tw-relative tw-h-full lg:tw-h-auto tw-bg-grayscale-200 lg:tw-rounded tw-shadow-md tw-w-full lg:tw-max-w-xl tw-flex-col tw-pt-12"},Oa={class:"tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-full lg:tw-h-auto"};function _a(u,g,y,E,b,m){const w=k("Icon");return A(),W("div",xa,[y.showCancelButton?(A(),W("button",{key:0,class:"tw-absolute tw-top-0 tw-right-0 tw-pt-6 tw-pr-6 tw-cursor-pointer tw-border-none tw-bg-transparent","data-test-cancel-btn":"",onClick:g[0]||(g[0]=(...v)=>m.cancel&&m.cancel(...v))},[V(w,{name:"close",size:"sm"})])):X("",!0),x("div",Oa,[da(u.$slots,"content")])])}const Ca=oe(wo,[["render",_a]]);wo.__docgenInfo={exportName:"default",displayName:"LogoUploadModal",description:"",tags:{},props:[{name:"showCancelButton",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"true"}}],events:[{name:"on-cancel"}],slots:[{name:"content"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadModal.vue"]};const bo={props:{loadingText:{type:String,required:!0}}},Ea={class:"tw-pt-12 tw-pb-16 tw-flex tw-flex-col tw-items-center tw-justify-center"},Da={class:"tw-text-black tw-text-2xl tw-font-bold tw-text-center"};function La(u,g,y,E,b,m){return A(),W("div",Ea,[g[0]||(g[0]=x("img",{src:"https://dcstatic.com/images/brandcrowd/on-boarding/loading/preloader-1-d1cc0b885f.gif",alt:"Loading",class:"tw-block tw-mb-8"},null,-1)),x("p",Da,_e(y.loadingText),1)])}const yo=oe(bo,[["render",La]]);bo.__docgenInfo={exportName:"default",displayName:"LogoUploadingLoader",description:"",tags:{},props:[{name:"loadingText",type:{name:"string"},required:!0}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadingLoader.vue"]};const xo={components:{LogoUploadingLoader:yo},props:{logoFile:{type:Object,required:!0,default:void 0},eventCategory:{type:String,required:!0}},data(){return{isRunning:!1}},mounted(){this.uploadLogo()},methods:{async uploadLogo(){if(this.isRunning)return;this.isRunning=!0;let u=0;const g=Date.now(),y=setInterval(()=>{u=Date.now()-g},1),E=await vo.uploadLogoAndGetDetails(this.logoFile);if(clearInterval(y),this.isRunning=!1,E.error){this.$emit("on-upload-error",E.error);return}E.success?this.$emit("on-upload-success",E.response):this.$emit("on-upload-error",E.response);const b=va(E.response.data.logoImageDetails.textColors[0],E.response.data.logoImageDetails.backgroundColors[0]);ve({eventCategory:this.eventCategory,eventAction:"timeTakenToUpload",eventLabel:`${u}`,event:"byoLogoUpload"}),ve({eventCategory:this.eventCategory,eventAction:"logoSize",eventLabel:`${this.logoFile.file.size}`,event:"byoLogoUpload"}),ve({eventCategory:this.eventCategory,eventAction:"colorDifference",eventLabel:`${b}`,event:"byoLogoUpload"})}}};function Sa(u,g,y,E,b,m){const w=k("LogoUploadingLoader");return A(),Q(w,{"loading-text":"Uploading and converting your logo..."})}const Ta=oe(xo,[["render",Sa]]);xo.__docgenInfo={exportName:"default",displayName:"LogoUploader",description:"",tags:{},props:[{name:"logoFile",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"undefined"}},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-upload-error",type:{names:["undefined"]}},{name:"on-upload-success",type:{names:["undefined"]}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploader.vue"]};const Oo={components:{Button:Ne},props:{errorMessage:{type:String,required:!1,default:null}},methods:{cancel(){this.$emit("on-cancel")},openFileSelector(){this.$refs.fileInput.click()},onFileInputChange(u){u.target.files.length&&this.$emit("on-logo-file-change",u.target.files[0])}}},Ba={class:"tw-w-full"},Aa={class:"tw-px-8 tw-pb-8"},Ia={class:"tw-mt-0 tw-text-grayscale-600 tw-text-base tw-text-center"},Ua={class:"tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8"};function Pa(u,g,y,E,b,m){const w=k("Button");return A(),W("div",Ba,[x("div",Aa,[g[1]||(g[1]=x("h2",{class:"tw-mb-8 tw-text-4xl tw-font-bold"},"Upload Error",-1)),x("p",Ia,_e(y.errorMessage),1)]),x("div",Ua,[V(w,{label:"Cancel",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:m.cancel},null,8,["onOnClick"]),x("input",{ref:"fileInput",class:"tw-sr-only",type:"file",accept:".jpg,.jpeg,.png,.svg,.eps",onChange:g[0]||(g[0]=(...v)=>m.onFileInputChange&&m.onFileInputChange(...v))},null,544),V(w,{label:"Upload your logo",size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2",onOnClick:m.openFileSelector},null,8,["onOnClick"])])])}const Na=oe(Oo,[["render",Pa]]);Oo.__docgenInfo={exportName:"default",displayName:"LogoUploadError",description:"",tags:{},props:[{name:"errorMessage",type:{name:"string"},required:!1,defaultValue:{func:!1,value:"null"}}],events:[{name:"on-cancel"},{name:"on-logo-file-change",type:{names:["undefined"]}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadError.vue"]};const _o={components:{Button:Ne},methods:{goBack(){this.$emit("on-go-back")},confirm(){this.$emit("on-confirm")}}},Ma={class:"tw-w-full"},ka={class:"tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8"};function Ra(u,g,y,E,b,m){const w=k("Button");return A(),W("div",Ma,[g[0]||(g[0]=x("div",{class:"tw-px-8 tw-pb-8"},[x("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Are you sure you want to exit?"),x("p",{class:"tw-mt-0 tw-text-grayscale-600 tw-text-base tw-text-center"}," Your logo upload progress in this session will be lost ")],-1)),x("div",ka,[V(w,{label:"No",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-no-btn":"",onOnClick:m.goBack},null,8,["onOnClick"]),V(w,{label:"Yes",size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-cancel-yes-btn":"",onOnClick:m.confirm},null,8,["onOnClick"])])])}const Ya=oe(_o,[["render",Ra]]);_o.__docgenInfo={exportName:"default",displayName:"LogoUploadExitConfirmation",description:"",tags:{},events:[{name:"on-go-back"},{name:"on-confirm"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadExitConfirmation.vue"]};var Ge={};const za=ba(ga);var qe={exports:{}};/*!
- * Cropper.js v1.6.1
- * https://fengyuanchen.github.io/cropperjs
- *
- * Copyright 2015-present Chen Fengyuan
- * Released under the MIT license
- *
- * Date: 2023-09-17T03:44:19.860Z
- */var Fa=qe.exports,Jt;function Ga(){return Jt||(Jt=1,function(u,g){(function(y,E){u.exports=E()})(Fa,function(){function y(a,e){var o=Object.keys(a);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(a);e&&(t=t.filter(function(r){return Object.getOwnPropertyDescriptor(a,r).enumerable})),o.push.apply(o,t)}return o}function E(a){for(var e=1;e<arguments.length;e++){var o=arguments[e]!=null?arguments[e]:{};e%2?y(Object(o),!0).forEach(function(t){I(a,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(o)):y(Object(o)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(o,t))})}return a}function b(a){"@babel/helpers - typeof";return b=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},b(a)}function m(a,e){if(!(a instanceof e))throw new TypeError("Cannot call a class as a function")}function w(a,e){for(var o=0;o<e.length;o++){var t=e[o];t.enumerable=t.enumerable||!1,t.configurable=!0,"value"in t&&(t.writable=!0),Object.defineProperty(a,bt(t.key),t)}}function v(a,e,o){return e&&w(a.prototype,e),o&&w(a,o),Object.defineProperty(a,"prototype",{writable:!1}),a}function I(a,e,o){return e=bt(e),e in a?Object.defineProperty(a,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[e]=o,a}function q(a){return he(a)||$e(a)||Ke(a)||Ze()}function he(a){if(Array.isArray(a))return Ee(a)}function $e(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function Ke(a,e){if(a){if(typeof a=="string")return Ee(a,e);var o=Object.prototype.toString.call(a).slice(8,-1);if(o==="Object"&&a.constructor&&(o=a.constructor.name),o==="Map"||o==="Set")return Array.from(a);if(o==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(o))return Ee(a,e)}}function Ee(a,e){(e==null||e>a.length)&&(e=a.length);for(var o=0,t=new Array(e);o<e;o++)t[o]=a[o];return t}function Ze(){throw new TypeError(`Invalid attempt to spread non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function Qe(a,e){if(typeof a!="object"||a===null)return a;var o=a[Symbol.toPrimitive];if(o!==void 0){var t=o.call(a,e);if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function bt(a){var e=Qe(a,"string");return typeof e=="symbol"?e:String(e)}var ke=typeof window<"u"&&typeof window.document<"u",J=ke?window:{},Je=ke&&J.document.documentElement?"ontouchstart"in J.document.documentElement:!1,et=ke?"PointerEvent"in J:!1,S="cropper",tt="all",yt="crop",xt="move",Ot="zoom",pe="e",ue="w",we="s",ie="n",De="ne",Le="nw",Se="se",Te="sw",ot="".concat(S,"-crop"),_t="".concat(S,"-disabled"),F="".concat(S,"-hidden"),Ct="".concat(S,"-hide"),To="".concat(S,"-invisible"),Re="".concat(S,"-modal"),at="".concat(S,"-move"),Be="".concat(S,"Action"),Ye="".concat(S,"Preview"),nt="crop",Et="move",Dt="none",it="crop",rt="cropend",st="cropmove",lt="cropstart",Lt="dblclick",Bo=Je?"touchstart":"mousedown",Ao=Je?"touchmove":"mousemove",Io=Je?"touchend touchcancel":"mouseup",St=et?"pointerdown":Bo,Tt=et?"pointermove":Ao,Bt=et?"pointerup pointercancel":Io,At="ready",It="resize",Ut="wheel",ct="zoom",Pt="image/jpeg",Uo=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Po=/^data:/,No=/^data:image\/jpeg;base64,/,Mo=/^img|canvas$/i,Nt=200,Mt=100,kt={viewMode:0,dragMode:nt,initialAspectRatio:NaN,aspectRatio:NaN,data:null,preview:"",responsive:!0,restore:!0,checkCrossOrigin:!0,checkOrientation:!0,modal:!0,guides:!0,center:!0,highlight:!0,background:!0,autoCrop:!0,autoCropArea:.8,movable:!0,rotatable:!0,scalable:!0,zoomable:!0,zoomOnTouch:!0,zoomOnWheel:!0,wheelZoomRatio:.1,cropBoxMovable:!0,cropBoxResizable:!0,toggleDragModeOnDblclick:!0,minCanvasWidth:0,minCanvasHeight:0,minCropBoxWidth:0,minCropBoxHeight:0,minContainerWidth:Nt,minContainerHeight:Mt,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},ko='<div class="cropper-container" touch-action="none"><div class="cropper-wrap-box"><div class="cropper-canvas"></div></div><div class="cropper-drag-box"></div><div class="cropper-crop-box"><span class="cropper-view-box"></span><span class="cropper-dashed dashed-h"></span><span class="cropper-dashed dashed-v"></span><span class="cropper-center"></span><span class="cropper-face"></span><span class="cropper-line line-e" data-cropper-action="e"></span><span class="cropper-line line-n" data-cropper-action="n"></span><span class="cropper-line line-w" data-cropper-action="w"></span><span class="cropper-line line-s" data-cropper-action="s"></span><span class="cropper-point point-e" data-cropper-action="e"></span><span class="cropper-point point-n" data-cropper-action="n"></span><span class="cropper-point point-w" data-cropper-action="w"></span><span class="cropper-point point-s" data-cropper-action="s"></span><span class="cropper-point point-ne" data-cropper-action="ne"></span><span class="cropper-point point-nw" data-cropper-action="nw"></span><span class="cropper-point point-sw" data-cropper-action="sw"></span><span class="cropper-point point-se" data-cropper-action="se"></span></div></div>',Ro=Number.isNaN||J.isNaN;function O(a){return typeof a=="number"&&!Ro(a)}var Rt=function(e){return e>0&&e<1/0};function ht(a){return typeof a>"u"}function de(a){return b(a)==="object"&&a!==null}var Yo=Object.prototype.hasOwnProperty;function be(a){if(!de(a))return!1;try{var e=a.constructor,o=e.prototype;return e&&o&&Yo.call(o,"isPrototypeOf")}catch{return!1}}function G(a){return typeof a=="function"}var zo=Array.prototype.slice;function Yt(a){return Array.from?Array.from(a):zo.call(a)}function U(a,e){return a&&G(e)&&(Array.isArray(a)||O(a.length)?Yt(a).forEach(function(o,t){e.call(a,o,t,a)}):de(a)&&Object.keys(a).forEach(function(o){e.call(a,a[o],o,a)})),a}var T=Object.assign||function(e){for(var o=arguments.length,t=new Array(o>1?o-1:0),r=1;r<o;r++)t[r-1]=arguments[r];return de(e)&&t.length>0&&t.forEach(function(n){de(n)&&Object.keys(n).forEach(function(i){e[i]=n[i]})}),e},Fo=/\.\d*(?:0|9){12}\d*$/;function ye(a){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return Fo.test(a)?Math.round(a*e)/e:a}var Go=/^width|height|left|top|marginLeft|marginTop$/;function re(a,e){var o=a.style;U(e,function(t,r){Go.test(r)&&O(t)&&(t="".concat(t,"px")),o[r]=t})}function jo(a,e){return a.classList?a.classList.contains(e):a.className.indexOf(e)>-1}function R(a,e){if(e){if(O(a.length)){U(a,function(t){R(t,e)});return}if(a.classList){a.classList.add(e);return}var o=a.className.trim();o?o.indexOf(e)<0&&(a.className="".concat(o," ").concat(e)):a.className=e}}function ee(a,e){if(e){if(O(a.length)){U(a,function(o){ee(o,e)});return}if(a.classList){a.classList.remove(e);return}a.className.indexOf(e)>=0&&(a.className=a.className.replace(e,""))}}function xe(a,e,o){if(e){if(O(a.length)){U(a,function(t){xe(t,e,o)});return}o?R(a,e):ee(a,e)}}var Xo=/([a-z\d])([A-Z])/g;function pt(a){return a.replace(Xo,"$1-$2").toLowerCase()}function ut(a,e){return de(a[e])?a[e]:a.dataset?a.dataset[e]:a.getAttribute("data-".concat(pt(e)))}function Ae(a,e,o){de(o)?a[e]=o:a.dataset?a.dataset[e]=o:a.setAttribute("data-".concat(pt(e)),o)}function Ho(a,e){if(de(a[e]))try{delete a[e]}catch{a[e]=void 0}else if(a.dataset)try{delete a.dataset[e]}catch{a.dataset[e]=void 0}else a.removeAttribute("data-".concat(pt(e)))}var zt=/\s\s*/,Ft=function(){var a=!1;if(ke){var e=!1,o=function(){},t=Object.defineProperty({},"once",{get:function(){return a=!0,e},set:function(n){e=n}});J.addEventListener("test",o,t),J.removeEventListener("test",o,t)}return a}();function Z(a,e,o){var t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},r=o;e.trim().split(zt).forEach(function(n){if(!Ft){var i=a.listeners;i&&i[n]&&i[n][o]&&(r=i[n][o],delete i[n][o],Object.keys(i[n]).length===0&&delete i[n],Object.keys(i).length===0&&delete a.listeners)}a.removeEventListener(n,r,t)})}function $(a,e,o){var t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},r=o;e.trim().split(zt).forEach(function(n){if(t.once&&!Ft){var i=a.listeners,s=i===void 0?{}:i;r=function(){delete s[n][o],a.removeEventListener(n,r,t);for(var h=arguments.length,l=new Array(h),c=0;c<h;c++)l[c]=arguments[c];o.apply(a,l)},s[n]||(s[n]={}),s[n][o]&&a.removeEventListener(n,s[n][o],t),s[n][o]=r,a.listeners=s}a.addEventListener(n,r,t)})}function Oe(a,e,o){var t;return G(Event)&&G(CustomEvent)?t=new CustomEvent(e,{detail:o,bubbles:!0,cancelable:!0}):(t=document.createEvent("CustomEvent"),t.initCustomEvent(e,!0,!0,o)),a.dispatchEvent(t)}function Gt(a){var e=a.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var dt=J.location,Wo=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function jt(a){var e=a.match(Wo);return e!==null&&(e[1]!==dt.protocol||e[2]!==dt.hostname||e[3]!==dt.port)}function Xt(a){var e="timestamp=".concat(new Date().getTime());return a+(a.indexOf("?")===-1?"?":"&")+e}function Ie(a){var e=a.rotate,o=a.scaleX,t=a.scaleY,r=a.translateX,n=a.translateY,i=[];O(r)&&r!==0&&i.push("translateX(".concat(r,"px)")),O(n)&&n!==0&&i.push("translateY(".concat(n,"px)")),O(e)&&e!==0&&i.push("rotate(".concat(e,"deg)")),O(o)&&o!==1&&i.push("scaleX(".concat(o,")")),O(t)&&t!==1&&i.push("scaleY(".concat(t,")"));var s=i.length?i.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Vo(a){var e=E({},a),o=0;return U(a,function(t,r){delete e[r],U(e,function(n){var i=Math.abs(t.startX-n.startX),s=Math.abs(t.startY-n.startY),d=Math.abs(t.endX-n.endX),h=Math.abs(t.endY-n.endY),l=Math.sqrt(i*i+s*s),c=Math.sqrt(d*d+h*h),p=(c-l)/l;Math.abs(p)>Math.abs(o)&&(o=p)})}),o}function ze(a,e){var o=a.pageX,t=a.pageY,r={endX:o,endY:t};return e?r:E({startX:o,startY:t},r)}function qo(a){var e=0,o=0,t=0;return U(a,function(r){var n=r.startX,i=r.startY;e+=n,o+=i,t+=1}),e/=t,o/=t,{pageX:e,pageY:o}}function se(a){var e=a.aspectRatio,o=a.height,t=a.width,r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",n=Rt(t),i=Rt(o);if(n&&i){var s=o*e;r==="contain"&&s>t||r==="cover"&&s<t?o=t/e:t=o*e}else n?o=t/e:i&&(t=o*e);return{width:t,height:o}}function $o(a){var e=a.width,o=a.height,t=a.degree;if(t=Math.abs(t)%180,t===90)return{width:o,height:e};var r=t%90*Math.PI/180,n=Math.sin(r),i=Math.cos(r),s=e*i+o*n,d=e*n+o*i;return t>90?{width:d,height:s}:{width:s,height:d}}function Ko(a,e,o,t){var r=e.aspectRatio,n=e.naturalWidth,i=e.naturalHeight,s=e.rotate,d=s===void 0?0:s,h=e.scaleX,l=h===void 0?1:h,c=e.scaleY,p=c===void 0?1:c,C=o.aspectRatio,_=o.naturalWidth,B=o.naturalHeight,D=t.fillColor,N=D===void 0?"transparent":D,Y=t.imageSmoothingEnabled,P=Y===void 0?!0:Y,ae=t.imageSmoothingQuality,H=ae===void 0?"low":ae,f=t.maxWidth,L=f===void 0?1/0:f,M=t.maxHeight,K=M===void 0?1/0:M,ne=t.minWidth,ge=ne===void 0?0:ne,fe=t.minHeight,le=fe===void 0?0:fe,te=document.createElement("canvas"),j=te.getContext("2d"),me=se({aspectRatio:C,width:L,height:K}),Fe=se({aspectRatio:C,width:ge,height:le},"cover"),gt=Math.min(me.width,Math.max(Fe.width,_)),ft=Math.min(me.height,Math.max(Fe.height,B)),Vt=se({aspectRatio:r,width:L,height:K}),qt=se({aspectRatio:r,width:ge,height:le},"cover"),$t=Math.min(Vt.width,Math.max(qt.width,n)),Kt=Math.min(Vt.height,Math.max(qt.height,i)),ha=[-$t/2,-Kt/2,$t,Kt];return te.width=ye(gt),te.height=ye(ft),j.fillStyle=N,j.fillRect(0,0,gt,ft),j.save(),j.translate(gt/2,ft/2),j.rotate(d*Math.PI/180),j.scale(l,p),j.imageSmoothingEnabled=P,j.imageSmoothingQuality=H,j.drawImage.apply(j,[a].concat(q(ha.map(function(pa){return Math.floor(ye(pa))})))),j.restore(),te}var Ht=String.fromCharCode;function Zo(a,e,o){var t="";o+=e;for(var r=e;r<o;r+=1)t+=Ht(a.getUint8(r));return t}var Qo=/^data:.*,/;function Jo(a){var e=a.replace(Qo,""),o=atob(e),t=new ArrayBuffer(o.length),r=new Uint8Array(t);return U(r,function(n,i){r[i]=o.charCodeAt(i)}),t}function ea(a,e){for(var o=[],t=8192,r=new Uint8Array(a);r.length>0;)o.push(Ht.apply(null,Yt(r.subarray(0,t)))),r=r.subarray(t);return"data:".concat(e,";base64,").concat(btoa(o.join("")))}function ta(a){var e=new DataView(a),o;try{var t,r,n;if(e.getUint8(0)===255&&e.getUint8(1)===216)for(var i=e.byteLength,s=2;s+1<i;){if(e.getUint8(s)===255&&e.getUint8(s+1)===225){r=s;break}s+=1}if(r){var d=r+4,h=r+10;if(Zo(e,d,4)==="Exif"){var l=e.getUint16(h);if(t=l===18761,(t||l===19789)&&e.getUint16(h+2,t)===42){var c=e.getUint32(h+4,t);c>=8&&(n=h+c)}}}if(n){var p=e.getUint16(n,t),C,_;for(_=0;_<p;_+=1)if(C=n+_*12+2,e.getUint16(C,t)===274){C+=8,o=e.getUint16(C,t),e.setUint16(C,1,t);break}}}catch{o=1}return o}function oa(a){var e=0,o=1,t=1;switch(a){case 2:o=-1;break;case 3:e=-180;break;case 4:t=-1;break;case 5:e=90,t=-1;break;case 6:e=90;break;case 7:e=90,o=-1;break;case 8:e=-90;break}return{rotate:e,scaleX:o,scaleY:t}}var aa={render:function(){this.initContainer(),this.initCanvas(),this.initCropBox(),this.renderCanvas(),this.cropped&&this.renderCropBox()},initContainer:function(){var e=this.element,o=this.options,t=this.container,r=this.cropper,n=Number(o.minContainerWidth),i=Number(o.minContainerHeight);R(r,F),ee(e,F);var s={width:Math.max(t.offsetWidth,n>=0?n:Nt),height:Math.max(t.offsetHeight,i>=0?i:Mt)};this.containerData=s,re(r,{width:s.width,height:s.height}),R(e,F),ee(r,F)},initCanvas:function(){var e=this.containerData,o=this.imageData,t=this.options.viewMode,r=Math.abs(o.rotate)%180===90,n=r?o.naturalHeight:o.naturalWidth,i=r?o.naturalWidth:o.naturalHeight,s=n/i,d=e.width,h=e.height;e.height*s>e.width?t===3?d=e.height*s:h=e.width/s:t===3?h=e.width/s:d=e.height*s;var l={aspectRatio:s,naturalWidth:n,naturalHeight:i,width:d,height:h};this.canvasData=l,this.limited=t===1||t===2,this.limitCanvas(!0,!0),l.width=Math.min(Math.max(l.width,l.minWidth),l.maxWidth),l.height=Math.min(Math.max(l.height,l.minHeight),l.maxHeight),l.left=(e.width-l.width)/2,l.top=(e.height-l.height)/2,l.oldLeft=l.left,l.oldTop=l.top,this.initialCanvasData=T({},l)},limitCanvas:function(e,o){var t=this.options,r=this.containerData,n=this.canvasData,i=this.cropBoxData,s=t.viewMode,d=n.aspectRatio,h=this.cropped&&i;if(e){var l=Number(t.minCanvasWidth)||0,c=Number(t.minCanvasHeight)||0;s>1?(l=Math.max(l,r.width),c=Math.max(c,r.height),s===3&&(c*d>l?l=c*d:c=l/d)):s>0&&(l?l=Math.max(l,h?i.width:0):c?c=Math.max(c,h?i.height:0):h&&(l=i.width,c=i.height,c*d>l?l=c*d:c=l/d));var p=se({aspectRatio:d,width:l,height:c});l=p.width,c=p.height,n.minWidth=l,n.minHeight=c,n.maxWidth=1/0,n.maxHeight=1/0}if(o)if(s>(h?0:1)){var C=r.width-n.width,_=r.height-n.height;n.minLeft=Math.min(0,C),n.minTop=Math.min(0,_),n.maxLeft=Math.max(0,C),n.maxTop=Math.max(0,_),h&&this.limited&&(n.minLeft=Math.min(i.left,i.left+(i.width-n.width)),n.minTop=Math.min(i.top,i.top+(i.height-n.height)),n.maxLeft=i.left,n.maxTop=i.top,s===2&&(n.width>=r.width&&(n.minLeft=Math.min(0,C),n.maxLeft=Math.max(0,C)),n.height>=r.height&&(n.minTop=Math.min(0,_),n.maxTop=Math.max(0,_))))}else n.minLeft=-n.width,n.minTop=-n.height,n.maxLeft=r.width,n.maxTop=r.height},renderCanvas:function(e,o){var t=this.canvasData,r=this.imageData;if(o){var n=$o({width:r.naturalWidth*Math.abs(r.scaleX||1),height:r.naturalHeight*Math.abs(r.scaleY||1),degree:r.rotate||0}),i=n.width,s=n.height,d=t.width*(i/t.naturalWidth),h=t.height*(s/t.naturalHeight);t.left-=(d-t.width)/2,t.top-=(h-t.height)/2,t.width=d,t.height=h,t.aspectRatio=i/s,t.naturalWidth=i,t.naturalHeight=s,this.limitCanvas(!0,!1)}(t.width>t.maxWidth||t.width<t.minWidth)&&(t.left=t.oldLeft),(t.height>t.maxHeight||t.height<t.minHeight)&&(t.top=t.oldTop),t.width=Math.min(Math.max(t.width,t.minWidth),t.maxWidth),t.height=Math.min(Math.max(t.height,t.minHeight),t.maxHeight),this.limitCanvas(!1,!0),t.left=Math.min(Math.max(t.left,t.minLeft),t.maxLeft),t.top=Math.min(Math.max(t.top,t.minTop),t.maxTop),t.oldLeft=t.left,t.oldTop=t.top,re(this.canvas,T({width:t.width,height:t.height},Ie({translateX:t.left,translateY:t.top}))),this.renderImage(e),this.cropped&&this.limited&&this.limitCropBox(!0,!0)},renderImage:function(e){var o=this.canvasData,t=this.imageData,r=t.naturalWidth*(o.width/o.naturalWidth),n=t.naturalHeight*(o.height/o.naturalHeight);T(t,{width:r,height:n,left:(o.width-r)/2,top:(o.height-n)/2}),re(this.image,T({width:t.width,height:t.height},Ie(T({translateX:t.left,translateY:t.top},t)))),e&&this.output()},initCropBox:function(){var e=this.options,o=this.canvasData,t=e.aspectRatio||e.initialAspectRatio,r=Number(e.autoCropArea)||.8,n={width:o.width,height:o.height};t&&(o.height*t>o.width?n.height=n.width/t:n.width=n.height*t),this.cropBoxData=n,this.limitCropBox(!0,!0),n.width=Math.min(Math.max(n.width,n.minWidth),n.maxWidth),n.height=Math.min(Math.max(n.height,n.minHeight),n.maxHeight),n.width=Math.max(n.minWidth,n.width*r),n.height=Math.max(n.minHeight,n.height*r),n.left=o.left+(o.width-n.width)/2,n.top=o.top+(o.height-n.height)/2,n.oldLeft=n.left,n.oldTop=n.top,this.initialCropBoxData=T({},n)},limitCropBox:function(e,o){var t=this.options,r=this.containerData,n=this.canvasData,i=this.cropBoxData,s=this.limited,d=t.aspectRatio;if(e){var h=Number(t.minCropBoxWidth)||0,l=Number(t.minCropBoxHeight)||0,c=s?Math.min(r.width,n.width,n.width+n.left,r.width-n.left):r.width,p=s?Math.min(r.height,n.height,n.height+n.top,r.height-n.top):r.height;h=Math.min(h,r.width),l=Math.min(l,r.height),d&&(h&&l?l*d>h?l=h/d:h=l*d:h?l=h/d:l&&(h=l*d),p*d>c?p=c/d:c=p*d),i.minWidth=Math.min(h,c),i.minHeight=Math.min(l,p),i.maxWidth=c,i.maxHeight=p}o&&(s?(i.minLeft=Math.max(0,n.left),i.minTop=Math.max(0,n.top),i.maxLeft=Math.min(r.width,n.left+n.width)-i.width,i.maxTop=Math.min(r.height,n.top+n.height)-i.height):(i.minLeft=0,i.minTop=0,i.maxLeft=r.width-i.width,i.maxTop=r.height-i.height))},renderCropBox:function(){var e=this.options,o=this.containerData,t=this.cropBoxData;(t.width>t.maxWidth||t.width<t.minWidth)&&(t.left=t.oldLeft),(t.height>t.maxHeight||t.height<t.minHeight)&&(t.top=t.oldTop),t.width=Math.min(Math.max(t.width,t.minWidth),t.maxWidth),t.height=Math.min(Math.max(t.height,t.minHeight),t.maxHeight),this.limitCropBox(!1,!0),t.left=Math.min(Math.max(t.left,t.minLeft),t.maxLeft),t.top=Math.min(Math.max(t.top,t.minTop),t.maxTop),t.oldLeft=t.left,t.oldTop=t.top,e.movable&&e.cropBoxMovable&&Ae(this.face,Be,t.width>=o.width&&t.height>=o.height?xt:tt),re(this.cropBox,T({width:t.width,height:t.height},Ie({translateX:t.left,translateY:t.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),Oe(this.element,it,this.getData())}},na={initPreview:function(){var e=this.element,o=this.crossOrigin,t=this.options.preview,r=o?this.crossOriginUrl:this.url,n=e.alt||"The image to preview",i=document.createElement("img");if(o&&(i.crossOrigin=o),i.src=r,i.alt=n,this.viewBox.appendChild(i),this.viewBoxImage=i,!!t){var s=t;typeof t=="string"?s=e.ownerDocument.querySelectorAll(t):t.querySelector&&(s=[t]),this.previews=s,U(s,function(d){var h=document.createElement("img");Ae(d,Ye,{width:d.offsetWidth,height:d.offsetHeight,html:d.innerHTML}),o&&(h.crossOrigin=o),h.src=r,h.alt=n,h.style.cssText='display:block;width:100%;height:auto;min-width:0!important;min-height:0!important;max-width:none!important;max-height:none!important;image-orientation:0deg!important;"',d.innerHTML="",d.appendChild(h)})}},resetPreview:function(){U(this.previews,function(e){var o=ut(e,Ye);re(e,{width:o.width,height:o.height}),e.innerHTML=o.html,Ho(e,Ye)})},preview:function(){var e=this.imageData,o=this.canvasData,t=this.cropBoxData,r=t.width,n=t.height,i=e.width,s=e.height,d=t.left-o.left-e.left,h=t.top-o.top-e.top;!this.cropped||this.disabled||(re(this.viewBoxImage,T({width:i,height:s},Ie(T({translateX:-d,translateY:-h},e)))),U(this.previews,function(l){var c=ut(l,Ye),p=c.width,C=c.height,_=p,B=C,D=1;r&&(D=p/r,B=n*D),n&&B>C&&(D=C/n,_=r*D,B=C),re(l,{width:_,height:B}),re(l.getElementsByTagName("img")[0],T({width:i*D,height:s*D},Ie(T({translateX:-d*D,translateY:-h*D},e))))}))}},ia={bind:function(){var e=this.element,o=this.options,t=this.cropper;G(o.cropstart)&&$(e,lt,o.cropstart),G(o.cropmove)&&$(e,st,o.cropmove),G(o.cropend)&&$(e,rt,o.cropend),G(o.crop)&&$(e,it,o.crop),G(o.zoom)&&$(e,ct,o.zoom),$(t,St,this.onCropStart=this.cropStart.bind(this)),o.zoomable&&o.zoomOnWheel&&$(t,Ut,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),o.toggleDragModeOnDblclick&&$(t,Lt,this.onDblclick=this.dblclick.bind(this)),$(e.ownerDocument,Tt,this.onCropMove=this.cropMove.bind(this)),$(e.ownerDocument,Bt,this.onCropEnd=this.cropEnd.bind(this)),o.responsive&&$(window,It,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,o=this.options,t=this.cropper;G(o.cropstart)&&Z(e,lt,o.cropstart),G(o.cropmove)&&Z(e,st,o.cropmove),G(o.cropend)&&Z(e,rt,o.cropend),G(o.crop)&&Z(e,it,o.crop),G(o.zoom)&&Z(e,ct,o.zoom),Z(t,St,this.onCropStart),o.zoomable&&o.zoomOnWheel&&Z(t,Ut,this.onWheel,{passive:!1,capture:!0}),o.toggleDragModeOnDblclick&&Z(t,Lt,this.onDblclick),Z(e.ownerDocument,Tt,this.onCropMove),Z(e.ownerDocument,Bt,this.onCropEnd),o.responsive&&Z(window,It,this.onResize)}},ra={resize:function(){if(!this.disabled){var e=this.options,o=this.container,t=this.containerData,r=o.offsetWidth/t.width,n=o.offsetHeight/t.height,i=Math.abs(r-1)>Math.abs(n-1)?r:n;if(i!==1){var s,d;e.restore&&(s=this.getCanvasData(),d=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(U(s,function(h,l){s[l]=h*i})),this.setCropBoxData(U(d,function(h,l){d[l]=h*i})))}}},dblclick:function(){this.disabled||this.options.dragMode===Dt||this.setDragMode(jo(this.dragBox,ot)?Et:nt)},wheel:function(e){var o=this,t=Number(this.options.wheelZoomRatio)||.1,r=1;this.disabled||(e.preventDefault(),!this.wheeling&&(this.wheeling=!0,setTimeout(function(){o.wheeling=!1},50),e.deltaY?r=e.deltaY>0?1:-1:e.wheelDelta?r=-e.wheelDelta/120:e.detail&&(r=e.detail>0?1:-1),this.zoom(-r*t,e)))},cropStart:function(e){var o=e.buttons,t=e.button;if(!(this.disabled||(e.type==="mousedown"||e.type==="pointerdown"&&e.pointerType==="mouse")&&(O(o)&&o!==1||O(t)&&t!==0||e.ctrlKey))){var r=this.options,n=this.pointers,i;e.changedTouches?U(e.changedTouches,function(s){n[s.identifier]=ze(s)}):n[e.pointerId||0]=ze(e),Object.keys(n).length>1&&r.zoomable&&r.zoomOnTouch?i=Ot:i=ut(e.target,Be),Uo.test(i)&&Oe(this.element,lt,{originalEvent:e,action:i})!==!1&&(e.preventDefault(),this.action=i,this.cropping=!1,i===yt&&(this.cropping=!0,R(this.dragBox,Re)))}},cropMove:function(e){var o=this.action;if(!(this.disabled||!o)){var t=this.pointers;e.preventDefault(),Oe(this.element,st,{originalEvent:e,action:o})!==!1&&(e.changedTouches?U(e.changedTouches,function(r){T(t[r.identifier]||{},ze(r,!0))}):T(t[e.pointerId||0]||{},ze(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var o=this.action,t=this.pointers;e.changedTouches?U(e.changedTouches,function(r){delete t[r.identifier]}):delete t[e.pointerId||0],o&&(e.preventDefault(),Object.keys(t).length||(this.action=""),this.cropping&&(this.cropping=!1,xe(this.dragBox,Re,this.cropped&&this.options.modal)),Oe(this.element,rt,{originalEvent:e,action:o}))}}},sa={change:function(e){var o=this.options,t=this.canvasData,r=this.containerData,n=this.cropBoxData,i=this.pointers,s=this.action,d=o.aspectRatio,h=n.left,l=n.top,c=n.width,p=n.height,C=h+c,_=l+p,B=0,D=0,N=r.width,Y=r.height,P=!0,ae;!d&&e.shiftKey&&(d=c&&p?c/p:1),this.limited&&(B=n.minLeft,D=n.minTop,N=B+Math.min(r.width,t.width,t.left+t.width),Y=D+Math.min(r.height,t.height,t.top+t.height));var H=i[Object.keys(i)[0]],f={x:H.endX-H.startX,y:H.endY-H.startY},L=function(K){switch(K){case pe:C+f.x>N&&(f.x=N-C);break;case ue:h+f.x<B&&(f.x=B-h);break;case ie:l+f.y<D&&(f.y=D-l);break;case we:_+f.y>Y&&(f.y=Y-_);break}};switch(s){case tt:h+=f.x,l+=f.y;break;case pe:if(f.x>=0&&(C>=N||d&&(l<=D||_>=Y))){P=!1;break}L(pe),c+=f.x,c<0&&(s=ue,c=-c,h-=c),d&&(p=c/d,l+=(n.height-p)/2);break;case ie:if(f.y<=0&&(l<=D||d&&(h<=B||C>=N))){P=!1;break}L(ie),p-=f.y,l+=f.y,p<0&&(s=we,p=-p,l-=p),d&&(c=p*d,h+=(n.width-c)/2);break;case ue:if(f.x<=0&&(h<=B||d&&(l<=D||_>=Y))){P=!1;break}L(ue),c-=f.x,h+=f.x,c<0&&(s=pe,c=-c,h-=c),d&&(p=c/d,l+=(n.height-p)/2);break;case we:if(f.y>=0&&(_>=Y||d&&(h<=B||C>=N))){P=!1;break}L(we),p+=f.y,p<0&&(s=ie,p=-p,l-=p),d&&(c=p*d,h+=(n.width-c)/2);break;case De:if(d){if(f.y<=0&&(l<=D||C>=N)){P=!1;break}L(ie),p-=f.y,l+=f.y,c=p*d}else L(ie),L(pe),f.x>=0?C<N?c+=f.x:f.y<=0&&l<=D&&(P=!1):c+=f.x,f.y<=0?l>D&&(p-=f.y,l+=f.y):(p-=f.y,l+=f.y);c<0&&p<0?(s=Te,p=-p,c=-c,l-=p,h-=c):c<0?(s=Le,c=-c,h-=c):p<0&&(s=Se,p=-p,l-=p);break;case Le:if(d){if(f.y<=0&&(l<=D||h<=B)){P=!1;break}L(ie),p-=f.y,l+=f.y,c=p*d,h+=n.width-c}else L(ie),L(ue),f.x<=0?h>B?(c-=f.x,h+=f.x):f.y<=0&&l<=D&&(P=!1):(c-=f.x,h+=f.x),f.y<=0?l>D&&(p-=f.y,l+=f.y):(p-=f.y,l+=f.y);c<0&&p<0?(s=Se,p=-p,c=-c,l-=p,h-=c):c<0?(s=De,c=-c,h-=c):p<0&&(s=Te,p=-p,l-=p);break;case Te:if(d){if(f.x<=0&&(h<=B||_>=Y)){P=!1;break}L(ue),c-=f.x,h+=f.x,p=c/d}else L(we),L(ue),f.x<=0?h>B?(c-=f.x,h+=f.x):f.y>=0&&_>=Y&&(P=!1):(c-=f.x,h+=f.x),f.y>=0?_<Y&&(p+=f.y):p+=f.y;c<0&&p<0?(s=De,p=-p,c=-c,l-=p,h-=c):c<0?(s=Se,c=-c,h-=c):p<0&&(s=Le,p=-p,l-=p);break;case Se:if(d){if(f.x>=0&&(C>=N||_>=Y)){P=!1;break}L(pe),c+=f.x,p=c/d}else L(we),L(pe),f.x>=0?C<N?c+=f.x:f.y>=0&&_>=Y&&(P=!1):c+=f.x,f.y>=0?_<Y&&(p+=f.y):p+=f.y;c<0&&p<0?(s=Le,p=-p,c=-c,l-=p,h-=c):c<0?(s=Te,c=-c,h-=c):p<0&&(s=De,p=-p,l-=p);break;case xt:this.move(f.x,f.y),P=!1;break;case Ot:this.zoom(Vo(i),e),P=!1;break;case yt:if(!f.x||!f.y){P=!1;break}ae=Gt(this.cropper),h=H.startX-ae.left,l=H.startY-ae.top,c=n.minWidth,p=n.minHeight,f.x>0?s=f.y>0?Se:De:f.x<0&&(h-=c,s=f.y>0?Te:Le),f.y<0&&(l-=p),this.cropped||(ee(this.cropBox,F),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}P&&(n.width=c,n.height=p,n.left=h,n.top=l,this.action=s,this.renderCropBox()),U(i,function(M){M.startX=M.endX,M.startY=M.endY})}},la={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&R(this.dragBox,Re),ee(this.cropBox,F),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=T({},this.initialImageData),this.canvasData=T({},this.initialCanvasData),this.cropBoxData=T({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(T(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),ee(this.dragBox,Re),R(this.cropBox,F)),this},replace:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return!this.disabled&&e&&(this.isImg&&(this.element.src=e),o?(this.url=e,this.image.src=e,this.ready&&(this.viewBoxImage.src=e,U(this.previews,function(t){t.getElementsByTagName("img")[0].src=e}))):(this.isImg&&(this.replaced=!0),this.options.data=null,this.uncreate(),this.load(e))),this},enable:function(){return this.ready&&this.disabled&&(this.disabled=!1,ee(this.cropper,_t)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,R(this.cropper,_t)),this},destroy:function(){var e=this.element;return e[S]?(e[S]=void 0,this.isImg&&this.replaced&&(e.src=this.originalUrl),this.uncreate(),this):this},move:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,t=this.canvasData,r=t.left,n=t.top;return this.moveTo(ht(e)?e:r+Number(e),ht(o)?o:n+Number(o))},moveTo:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,t=this.canvasData,r=!1;return e=Number(e),o=Number(o),this.ready&&!this.disabled&&this.options.movable&&(O(e)&&(t.left=e,r=!0),O(o)&&(t.top=o,r=!0),r&&this.renderCanvas(!0)),this},zoom:function(e,o){var t=this.canvasData;return e=Number(e),e<0?e=1/(1-e):e=1+e,this.zoomTo(t.width*e/t.naturalWidth,null,o)},zoomTo:function(e,o,t){var r=this.options,n=this.canvasData,i=n.width,s=n.height,d=n.naturalWidth,h=n.naturalHeight;if(e=Number(e),e>=0&&this.ready&&!this.disabled&&r.zoomable){var l=d*e,c=h*e;if(Oe(this.element,ct,{ratio:e,oldRatio:i/d,originalEvent:t})===!1)return this;if(t){var p=this.pointers,C=Gt(this.cropper),_=p&&Object.keys(p).length?qo(p):{pageX:t.pageX,pageY:t.pageY};n.left-=(l-i)*((_.pageX-C.left-n.left)/i),n.top-=(c-s)*((_.pageY-C.top-n.top)/s)}else be(o)&&O(o.x)&&O(o.y)?(n.left-=(l-i)*((o.x-n.left)/i),n.top-=(c-s)*((o.y-n.top)/s)):(n.left-=(l-i)/2,n.top-=(c-s)/2);n.width=l,n.height=c,this.renderCanvas(!0)}return this},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return e=Number(e),O(e)&&this.ready&&!this.disabled&&this.options.rotatable&&(this.imageData.rotate=e%360,this.renderCanvas(!0,!0)),this},scaleX:function(e){var o=this.imageData.scaleY;return this.scale(e,O(o)?o:1)},scaleY:function(e){var o=this.imageData.scaleX;return this.scale(O(o)?o:1,e)},scale:function(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:e,t=this.imageData,r=!1;return e=Number(e),o=Number(o),this.ready&&!this.disabled&&this.options.scalable&&(O(e)&&(t.scaleX=e,r=!0),O(o)&&(t.scaleY=o,r=!0),r&&this.renderCanvas(!0,!0)),this},getData:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1,o=this.options,t=this.imageData,r=this.canvasData,n=this.cropBoxData,i;if(this.ready&&this.cropped){i={x:n.left-r.left,y:n.top-r.top,width:n.width,height:n.height};var s=t.width/t.naturalWidth;if(U(i,function(l,c){i[c]=l/s}),e){var d=Math.round(i.y+i.height),h=Math.round(i.x+i.width);i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=h-i.x,i.height=d-i.y}}else i={x:0,y:0,width:0,height:0};return o.rotatable&&(i.rotate=t.rotate||0),o.scalable&&(i.scaleX=t.scaleX||1,i.scaleY=t.scaleY||1),i},setData:function(e){var o=this.options,t=this.imageData,r=this.canvasData,n={};if(this.ready&&!this.disabled&&be(e)){var i=!1;o.rotatable&&O(e.rotate)&&e.rotate!==t.rotate&&(t.rotate=e.rotate,i=!0),o.scalable&&(O(e.scaleX)&&e.scaleX!==t.scaleX&&(t.scaleX=e.scaleX,i=!0),O(e.scaleY)&&e.scaleY!==t.scaleY&&(t.scaleY=e.scaleY,i=!0)),i&&this.renderCanvas(!0,!0);var s=t.width/t.naturalWidth;O(e.x)&&(n.left=e.x*s+r.left),O(e.y)&&(n.top=e.y*s+r.top),O(e.width)&&(n.width=e.width*s),O(e.height)&&(n.height=e.height*s),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?T({},this.containerData):{}},getImageData:function(){return this.sized?T({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,o={};return this.ready&&U(["left","top","width","height","naturalWidth","naturalHeight"],function(t){o[t]=e[t]}),o},setCanvasData:function(e){var o=this.canvasData,t=o.aspectRatio;return this.ready&&!this.disabled&&be(e)&&(O(e.left)&&(o.left=e.left),O(e.top)&&(o.top=e.top),O(e.width)?(o.width=e.width,o.height=e.width/t):O(e.height)&&(o.height=e.height,o.width=e.height*t),this.renderCanvas(!0)),this},getCropBoxData:function(){var e=this.cropBoxData,o;return this.ready&&this.cropped&&(o={left:e.left,top:e.top,width:e.width,height:e.height}),o||{}},setCropBoxData:function(e){var o=this.cropBoxData,t=this.options.aspectRatio,r,n;return this.ready&&this.cropped&&!this.disabled&&be(e)&&(O(e.left)&&(o.left=e.left),O(e.top)&&(o.top=e.top),O(e.width)&&e.width!==o.width&&(r=!0,o.width=e.width),O(e.height)&&e.height!==o.height&&(n=!0,o.height=e.height),t&&(r?o.height=o.width/t:n&&(o.width=o.height*t)),this.renderCropBox()),this},getCroppedCanvas:function(){var e=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};if(!this.ready||!window.HTMLCanvasElement)return null;var o=this.canvasData,t=Ko(this.image,this.imageData,o,e);if(!this.cropped)return t;var r=this.getData(e.rounded),n=r.x,i=r.y,s=r.width,d=r.height,h=t.width/Math.floor(o.naturalWidth);h!==1&&(n*=h,i*=h,s*=h,d*=h);var l=s/d,c=se({aspectRatio:l,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),p=se({aspectRatio:l,width:e.minWidth||0,height:e.minHeight||0},"cover"),C=se({aspectRatio:l,width:e.width||(h!==1?t.width:s),height:e.height||(h!==1?t.height:d)}),_=C.width,B=C.height;_=Math.min(c.width,Math.max(p.width,_)),B=Math.min(c.height,Math.max(p.height,B));var D=document.createElement("canvas"),N=D.getContext("2d");D.width=ye(_),D.height=ye(B),N.fillStyle=e.fillColor||"transparent",N.fillRect(0,0,_,B);var Y=e.imageSmoothingEnabled,P=Y===void 0?!0:Y,ae=e.imageSmoothingQuality;N.imageSmoothingEnabled=P,ae&&(N.imageSmoothingQuality=ae);var H=t.width,f=t.height,L=n,M=i,K,ne,ge,fe,le,te;L<=-s||L>H?(L=0,K=0,ge=0,le=0):L<=0?(ge=-L,L=0,K=Math.min(H,s+L),le=K):L<=H&&(ge=0,K=Math.min(s,H-L),le=K),K<=0||M<=-d||M>f?(M=0,ne=0,fe=0,te=0):M<=0?(fe=-M,M=0,ne=Math.min(f,d+M),te=ne):M<=f&&(fe=0,ne=Math.min(d,f-M),te=ne);var j=[L,M,K,ne];if(le>0&&te>0){var me=_/s;j.push(ge*me,fe*me,le*me,te*me)}return N.drawImage.apply(N,[t].concat(q(j.map(function(Fe){return Math.floor(ye(Fe))})))),D},setAspectRatio:function(e){var o=this.options;return!this.disabled&&!ht(e)&&(o.aspectRatio=Math.max(0,e)||NaN,this.ready&&(this.initCropBox(),this.cropped&&this.renderCropBox())),this},setDragMode:function(e){var o=this.options,t=this.dragBox,r=this.face;if(this.ready&&!this.disabled){var n=e===nt,i=o.movable&&e===Et;e=n||i?e:Dt,o.dragMode=e,Ae(t,Be,e),xe(t,ot,n),xe(t,at,i),o.cropBoxMovable||(Ae(r,Be,e),xe(r,ot,n),xe(r,at,i))}return this}},ca=J.Cropper,Wt=function(){function a(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(m(this,a),!e||!Mo.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=T({},kt,be(o)&&o),this.cropped=!1,this.disabled=!1,this.pointers={},this.ready=!1,this.reloading=!1,this.replaced=!1,this.sized=!1,this.sizing=!1,this.init()}return v(a,[{key:"init",value:function(){var o=this.element,t=o.tagName.toLowerCase(),r;if(!o[S]){if(o[S]=this,t==="img"){if(this.isImg=!0,r=o.getAttribute("src")||"",this.originalUrl=r,!r)return;r=o.src}else t==="canvas"&&window.HTMLCanvasElement&&(r=o.toDataURL());this.load(r)}}},{key:"load",value:function(o){var t=this;if(o){this.url=o,this.imageData={};var r=this.element,n=this.options;if(!n.rotatable&&!n.scalable&&(n.checkOrientation=!1),!n.checkOrientation||!window.ArrayBuffer){this.clone();return}if(Po.test(o)){No.test(o)?this.read(Jo(o)):this.clone();return}var i=new XMLHttpRequest,s=this.clone.bind(this);this.reloading=!0,this.xhr=i,i.onabort=s,i.onerror=s,i.ontimeout=s,i.onprogress=function(){i.getResponseHeader("content-type")!==Pt&&i.abort()},i.onload=function(){t.read(i.response)},i.onloadend=function(){t.reloading=!1,t.xhr=null},n.checkCrossOrigin&&jt(o)&&r.crossOrigin&&(o=Xt(o)),i.open("GET",o,!0),i.responseType="arraybuffer",i.withCredentials=r.crossOrigin==="use-credentials",i.send()}}},{key:"read",value:function(o){var t=this.options,r=this.imageData,n=ta(o),i=0,s=1,d=1;if(n>1){this.url=ea(o,Pt);var h=oa(n);i=h.rotate,s=h.scaleX,d=h.scaleY}t.rotatable&&(r.rotate=i),t.scalable&&(r.scaleX=s,r.scaleY=d),this.clone()}},{key:"clone",value:function(){var o=this.element,t=this.url,r=o.crossOrigin,n=t;this.options.checkCrossOrigin&&jt(t)&&(r||(r="anonymous"),n=Xt(t)),this.crossOrigin=r,this.crossOriginUrl=n;var i=document.createElement("img");r&&(i.crossOrigin=r),i.src=n||t,i.alt=o.alt||"The image to crop",this.image=i,i.onload=this.start.bind(this),i.onerror=this.stop.bind(this),R(i,Ct),o.parentNode.insertBefore(i,o.nextSibling)}},{key:"start",value:function(){var o=this,t=this.image;t.onload=null,t.onerror=null,this.sizing=!0;var r=J.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(J.navigator.userAgent),n=function(h,l){T(o.imageData,{naturalWidth:h,naturalHeight:l,aspectRatio:h/l}),o.initialImageData=T({},o.imageData),o.sizing=!1,o.sized=!0,o.build()};if(t.naturalWidth&&!r){n(t.naturalWidth,t.naturalHeight);return}var i=document.createElement("img"),s=document.body||document.documentElement;this.sizingImage=i,i.onload=function(){n(i.width,i.height),r||s.removeChild(i)},i.src=t.src,r||(i.style.cssText="left:0;max-height:none!important;max-width:none!important;min-height:0!important;min-width:0!important;opacity:0;position:absolute;top:0;z-index:-1;",s.appendChild(i))}},{key:"stop",value:function(){var o=this.image;o.onload=null,o.onerror=null,o.parentNode.removeChild(o),this.image=null}},{key:"build",value:function(){if(!(!this.sized||this.ready)){var o=this.element,t=this.options,r=this.image,n=o.parentNode,i=document.createElement("div");i.innerHTML=ko;var s=i.querySelector(".".concat(S,"-container")),d=s.querySelector(".".concat(S,"-canvas")),h=s.querySelector(".".concat(S,"-drag-box")),l=s.querySelector(".".concat(S,"-crop-box")),c=l.querySelector(".".concat(S,"-face"));this.container=n,this.cropper=s,this.canvas=d,this.dragBox=h,this.cropBox=l,this.viewBox=s.querySelector(".".concat(S,"-view-box")),this.face=c,d.appendChild(r),R(o,F),n.insertBefore(s,o.nextSibling),ee(r,Ct),this.initPreview(),this.bind(),t.initialAspectRatio=Math.max(0,t.initialAspectRatio)||NaN,t.aspectRatio=Math.max(0,t.aspectRatio)||NaN,t.viewMode=Math.max(0,Math.min(3,Math.round(t.viewMode)))||0,R(l,F),t.guides||R(l.getElementsByClassName("".concat(S,"-dashed")),F),t.center||R(l.getElementsByClassName("".concat(S,"-center")),F),t.background&&R(s,"".concat(S,"-bg")),t.highlight||R(c,To),t.cropBoxMovable&&(R(c,at),Ae(c,Be,tt)),t.cropBoxResizable||(R(l.getElementsByClassName("".concat(S,"-line")),F),R(l.getElementsByClassName("".concat(S,"-point")),F)),this.render(),this.ready=!0,this.setDragMode(t.dragMode),t.autoCrop&&this.crop(),this.setData(t.data),G(t.ready)&&$(o,At,t.ready,{once:!0}),Oe(o,At)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var o=this.cropper.parentNode;o&&o.removeChild(this.cropper),ee(this.element,F)}}},{key:"uncreate",value:function(){this.ready?(this.unbuild(),this.ready=!1,this.cropped=!1):this.sizing?(this.sizingImage.onload=null,this.sizing=!1,this.sized=!1):this.reloading?(this.xhr.onabort=null,this.xhr.abort()):this.image&&this.stop()}}],[{key:"noConflict",value:function(){return window.Cropper=ca,a}},{key:"setDefaults",value:function(o){T(kt,be(o)&&o)}}]),a}();return T(Wt.prototype,aa,na,ia,ra,sa,la),Wt})}(qe)),qe.exports}var eo;function ja(){if(eo)return Ge;eo=1,Object.defineProperty(Ge,"__esModule",{value:!0});var u=za,g=Ga(),y=E(g);function E(w){return w&&w.__esModule?w:{default:w}}function b(w,v){var I={};for(var q in w)v.indexOf(q)>=0||Object.prototype.hasOwnProperty.call(w,q)&&(I[q]=w[q]);return I}var m=typeof window>"u"?[String,Array]:[String,Array,Element,NodeList];return Ge.default={render:function(){var v=this.crossorigin||void 0;return(0,u.h)("div",{style:this.containerStyle},[(0,u.h)("img",{ref:"img",src:this.src,alt:this.alt||"image",style:[{"max-width":"100%"},this.imgStyle],crossorigin:v})])},props:{containerStyle:Object,src:{type:String,default:""},alt:String,imgStyle:Object,viewMode:Number,dragMode:String,initialAspectRatio:Number,aspectRatio:Number,data:Object,preview:m,responsive:{type:Boolean,default:!0},restore:{type:Boolean,default:!0},checkCrossOrigin:{type:Boolean,default:!0},checkOrientation:{type:Boolean,default:!0},crossorigin:{type:String},modal:{type:Boolean,default:!0},guides:{type:Boolean,default:!0},center:{type:Boolean,default:!0},highlight:{type:Boolean,default:!0},background:{type:Boolean,default:!0},autoCrop:{type:Boolean,default:!0},autoCropArea:Number,movable:{type:Boolean,default:!0},rotatable:{type:Boolean,default:!0},scalable:{type:Boolean,default:!0},zoomable:{type:Boolean,default:!0},zoomOnTouch:{type:Boolean,default:!0},zoomOnWheel:{type:Boolean,default:!0},wheelZoomRatio:Number,cropBoxMovable:{type:Boolean,default:!0},cropBoxResizable:{type:Boolean,default:!0},toggleDragModeOnDblclick:{type:Boolean,default:!0},minCanvasWidth:Number,minCanvasHeight:Number,minCropBoxWidth:Number,minCropBoxHeight:Number,minContainerWidth:Number,minContainerHeight:Number,ready:Function,cropstart:Function,cropmove:Function,cropend:Function,crop:Function,zoom:Function},mounted:function(){var v=this.$options.props;v.containerStyle,v.src,v.alt,v.imgStyle;var I=b(v,["containerStyle","src","alt","imgStyle"]),q={};for(var he in I)this[he]!==void 0&&(q[he]=this[he]);this.cropper=new y.default(this.$refs.img,q)},methods:{reset:function(){return this.cropper.reset()},clear:function(){return this.cropper.clear()},initCrop:function(){return this.cropper.crop()},replace:function(v){var I=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return this.cropper.replace(v,I)},enable:function(){return this.cropper.enable()},disable:function(){return this.cropper.disable()},destroy:function(){return this.cropper.destroy()},move:function(v,I){return this.cropper.move(v,I)},moveTo:function(v){var I=arguments.length>1&&arguments[1]!==void 0?arguments[1]:v;return this.cropper.moveTo(v,I)},relativeZoom:function(v,I){return this.cropper.zoom(v,I)},zoomTo:function(v,I){return this.cropper.zoomTo(v,I)},rotate:function(v){return this.cropper.rotate(v)},rotateTo:function(v){return this.cropper.rotateTo(v)},scaleX:function(v){return this.cropper.scaleX(v)},scaleY:function(v){return this.cropper.scaleY(v)},scale:function(v){var I=arguments.length>1&&arguments[1]!==void 0?arguments[1]:v;return this.cropper.scale(v,I)},getData:function(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return this.cropper.getData(v)},setData:function(v){return this.cropper.setData(v)},getContainerData:function(){return this.cropper.getContainerData()},getImageData:function(){return this.cropper.getImageData()},getCanvasData:function(){return this.cropper.getCanvasData()},setCanvasData:function(v){return this.cropper.setCanvasData(v)},getCropBoxData:function(){return this.cropper.getCropBoxData()},setCropBoxData:function(v){return this.cropper.setCropBoxData(v)},getCroppedCanvas:function(){var v=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return this.cropper.getCroppedCanvas(v)},setAspectRatio:function(v){return this.cropper.setAspectRatio(v)},setDragMode:function(v){return this.cropper.setDragMode(v)}}},Ge}var Xa=ja();const Ha=ya(Xa),Co={components:{Button:Ne,VueCropper:Ha},props:{logoData:{type:Object,required:!0,default:null},progressLabel:{type:String,required:!0},eventCategory:{type:String,required:!0}},data(){return{cropperToolReady:!1}},methods:{cropImage(){if(!this.cropperToolReady)return;const{x:u,y:g,width:y,height:E}=this.$refs.cropper.getData(!0),b={left:u,top:g,width:y,height:E},{naturalHeight:m,naturalWidth:w}=this.$refs.cropper.getImageData(),v=u!==0||g!==0||y!==w||E!==m;this.$emit("on-image-cropped",{bounds:b,dataUrl:this.$refs.cropper.getCroppedCanvas().toDataURL(),isCropped:v}),ve({eventCategory:this.eventCategory,eventAction:"cropLogo",eventLabel:"Clicked_Continue",event:"click"})},cancel(){this.$emit("on-cancel")},onCropReady(){this.cropperToolReady=!0}}},Wa={class:"c-byo-cropper tw-relative tw-w-full tw-h-full lg:tw-h-auto tw-flex tw-flex-col"},Va={class:"tw-h-full tw-pb-24 lg:tw-pb-0 tw-overflow-scroll"},qa={class:"tw-pb-8"},$a={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},Ka={class:"tw-fixed tw-rounded-b tw-bottom-0 tw-left-0 tw-z-10 tw-bg-grayscale-200 lg:tw-static tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8 tw-box-border"};function Za(u,g,y,E,b,m){const w=k("vue-cropper"),v=k("Button");return A(),W("div",Wa,[x("div",Va,[x("div",qa,[x("p",$a,_e(y.progressLabel),1),g[0]||(g[0]=x("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Crop your logo",-1)),g[1]||(g[1]=x("p",{class:"tw-mt-0"},"Crop your logo design to fit our logo maker canvas",-1))]),x("div",{class:vt(["c-byo-cropper__container lg:tw-pb-8 tw-mx-auto",{"tw-opacity-0":!b.cropperToolReady}])},[y.logoData&&y.logoData.logoImageUrl?(A(),Q(w,{key:0,ref:"cropper","view-mode":2,zoomable:!1,movable:!1,src:y.logoData.logoImageUrl,ready:m.onCropReady,"auto-crop-area":1},null,8,["src","ready"])):X("",!0)],2)]),x("div",Ka,[V(v,{label:"Cancel",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:m.cancel},null,8,["onOnClick"]),V(v,{label:"Continue",size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-continue-btn":"",onOnClick:m.cropImage},null,8,["onOnClick"])])])}const Qa=oe(Co,[["render",Za]]);Co.__docgenInfo={exportName:"default",displayName:"LogoCropper",description:"",tags:{},props:[{name:"logoData",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"null"}},{name:"progressLabel",type:{name:"string"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-image-cropped",type:{names:["undefined"]}},{name:"on-cancel"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoCropper.vue"]};const Eo={components:{Button:Ne},props:{logoData:{type:Object,required:!0,default:null},progressLabel:{type:String,required:!0},eventCategory:{type:String,required:!0}},methods:{cropImage(){if(!this.$refs.preview.complete)return;const u={left:0,top:0,width:this.$refs.preview.naturalWidth,height:this.$refs.preview.naturalHeight};this.$emit("on-continue",{bounds:u,dataUrl:this.logoData.logoImageUrl}),ve({eventCategory:this.eventCategory,eventAction:"previewLogo",eventLabel:"Clicked_Continue",event:"click"})},cancel(){this.$emit("on-cancel")}}},Ja={class:"tw-relative tw-w-full tw-h-full lg:tw-h-auto tw-flex tw-flex-col"},en={class:"tw-h-full tw-pb-24 lg:tw-pb-0"},tn={class:"lg:tw-pb-8"},on={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},an={class:"lg:tw-pb-8 lg:tw-px-8"},nn=["src"],rn={class:"tw-fixed tw-rounded-b tw-bottom-0 tw-left-0 tw-z-10 tw-bg-grayscale-200 lg:tw-static tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8 tw-box-border"};function sn(u,g,y,E,b,m){const w=k("Button");return A(),W("div",Ja,[x("div",en,[x("div",tn,[x("p",on,_e(y.progressLabel),1),g[0]||(g[0]=x("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Logo preview",-1)),g[1]||(g[1]=x("p",{class:"tw-mt-0"},"Your logo looks great! Help us setup your logo by completing the next steps.",-1))]),x("div",an,[y.logoData&&y.logoData.logoImageUrl?(A(),W("img",{key:0,ref:"preview",class:"tw-inline tw-max-h-72",src:y.logoData.logoImageUrl,alt:"preview"},null,8,nn)):X("",!0)])]),x("div",rn,[V(w,{label:"Cancel",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:m.cancel},null,8,["onOnClick"]),V(w,{label:"Continue",size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-continue-btn":"",onOnClick:m.cropImage},null,8,["onOnClick"])])])}const ln=oe(Eo,[["render",sn]]);Eo.__docgenInfo={exportName:"default",displayName:"LogoPreview",description:"",tags:{},props:[{name:"logoData",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"null"}},{name:"progressLabel",type:{name:"string"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-continue",type:{names:["undefined"]}},{name:"on-cancel"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoPreview.vue"]};const Do={components:{Button:Ne},props:{logoData:{type:Object,required:!0,default:null},savedBusinessText:{type:Object,required:!1,default:null},progressLabel:{type:String,required:!0},eventCategory:{type:String,required:!0}},data(){return{businessText:null,sloganText:null}},mounted(){this.savedBusinessText?this.businessText=this.savedBusinessText.businessText:this.businessText=this.logoData.logoImageDetails.businessText,this.savedBusinessText?this.sloganText=this.savedBusinessText.sloganText:this.logoData.logoImageDetails.sloganText&&(this.sloganText=this.logoData.logoImageDetails.sloganText)},methods:{back(){this.$emit("on-go-back")},onSloganTextKeyUp(u){u.keyCode===13&&this.save()},onBusinessTextKeyUp(u){u.keyCode===13&&this.save()},save(){const u={businessText:this.businessText};this.sloganText&&(u.sloganText=this.sloganText),this.$emit("on-save",u),ve({eventCategory:this.eventCategory,eventAction:"businessName",eventLabel:"Clicked_Continue",event:"click"})}}},cn={class:"tw-w-full tw-flex tw-flex-col tw-h-full lg:tw-h-auto"},hn={class:"tw-h-full tw-pb-24 lg:tw-pb-0"},pn={class:"tw-pb-8"},un={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},dn={class:"tw-pb-8 tw-px-8"},gn={class:"tw-fixed tw-rounded-b tw-bottom-0 tw-left-0 tw-z-10 tw-bg-grayscale-200 lg:tw-static tw-flex tw-w-full tw-items-center tw-justify-center tw-border-0 tw-border-t tw-border-black/10 tw-border-solid tw-py-4 tw-px-8 tw-box-border"};function fn(u,g,y,E,b,m){const w=k("Button");return A(),W("div",cn,[x("div",hn,[x("div",pn,[x("p",un,_e(y.progressLabel),1),g[4]||(g[4]=x("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Business Name",-1)),g[5]||(g[5]=x("p",{class:"tw-mt-0"},"Enter your logo text or business name",-1))]),x("div",dn,[x("div",{class:vt({"tw-mb-4":y.logoData.logoImageDetails.sloganText})},[Zt(x("input",{"onUpdate:modelValue":g[0]||(g[0]=v=>b.businessText=v),class:"tw-w-full tw-py-3.5 tw-px-4 tw-rounded tw-box-border tw-border tw-border-solid tw-border-grayscale-500 tw-text-grayscale-600",onKeyup:g[1]||(g[1]=(...v)=>m.onBusinessTextKeyUp&&m.onBusinessTextKeyUp(...v))},null,544),[[Qt,b.businessText]])],2),x("div",null,[y.logoData.logoImageDetails.sloganText?Zt((A(),W("input",{key:0,"onUpdate:modelValue":g[2]||(g[2]=v=>b.sloganText=v),class:"tw-w-full tw-py-3.5 tw-px-4 tw-rounded tw-box-border tw-border tw-border-solid tw-border-grayscale-500 tw-text-grayscale-600",onKeyup:g[3]||(g[3]=(...v)=>m.onSloganTextKeyUp&&m.onSloganTextKeyUp(...v))},null,544)),[[Qt,b.sloganText]]):X("",!0)])])]),x("div",gn,[V(w,{label:"Back",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-back-btn":"",onOnClick:m.back},null,8,["onOnClick"]),V(w,{label:"Continue",size:"large",variant:"primary-with-icon",icon:"chevron-right-wide","container-classes":"tw-mx-2","data-test-continue-btn":"",onOnClick:m.save},null,8,["onOnClick"])])])}const mn=oe(Do,[["render",fn]]);Do.__docgenInfo={exportName:"default",displayName:"LogoBusinessText",description:"",tags:{},props:[{name:"logoData",type:{name:"object"},required:!0,defaultValue:{func:!1,value:"null"}},{name:"savedBusinessText",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"null"}},{name:"progressLabel",type:{name:"string"},required:!0},{name:"eventCategory",type:{name:"string"},required:!0}],events:[{name:"on-go-back"},{name:"on-save",type:{names:["undefined"]}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoBusinessText.vue"]};const Lo={components:{LogoUploadModal:Ca,UploadYourLogoDropzone:ma,LogoUploader:Ta,LogoUploadError:Na,LogoUploadExitConfirmation:Ya,LogoCropper:Qa,LogoPreview:ln,LogoBusinessText:mn,LogoBusinessBrandColours:wa,LogoUploadingLoader:yo},props:{logoFile:{type:Object,required:!1,default:void 0},useDropzone:{type:Boolean,required:!1,default:!1},isPostPurchaseUserUpload:{type:Boolean,required:!1,default:!1}},data(){return{currentStep:this.useDropzone?0:1,includeDropzoneInModal:this.useDropzone,totalNumSteps:this.useDropzone?5:4,errorMessage:null,isAttemptingToExit:!1,uploadedLogoData:null,croppedImageBoxBounds:null,savedBusinessText:null,brandColourData:null,isCurrentlySaving:!1}},computed:{currentStepProgressLabel(){return this.includeDropzoneInModal?`Step ${this.currentStep===0?1:this.currentStep} of 5`:`Step ${this.currentStep-1} of 4`},hasError(){return!!this.errorMessage},canCropImage(){return!this.uploadedLogoData.logoImageUrl.split(".").pop().startsWith("svg")},currentStepTrackingLabel(){return["logoUploader",this.currentStep===2&&!this.canCropImage?"previewLogo":"cropLogo","businessName","brandColors"][this.currentStep-1]},eventCategory(){return this.isPostPurchaseUserUpload?"BYO-PostPurchase":"BYO-PrePurchase"}},watch:{logoFile:{immediate:!0,handler(){this.logoFile&&(this.errorMessage=this.logoFile.file.size>mt.MAX_BYO_FILE_SIZE?mt.MAX_BYO_FILE_SIZE_EXCEEDED_MSG:null)}}},methods:{onUploadSuccess(u){this.$emit("on-logo-upload-success"),this.uploadedLogoData=u.data,this.currentStep=2},onUploadError(u){var g,y,E,b;this.$emit("on-logo-upload-error"),typeof((y=(g=u.response)==null?void 0:g.data)==null?void 0:y.errorMessage)=="string"&&((b=(E=u.response)==null?void 0:E.data)==null?void 0:b.errorMessage)!==""?this.errorMessage=u.response.data.errorMessage:this.errorMessage=mt.GENERIC_BYO_ERROR,this.currentStep=null},onImageCropped(u){this.$emit("on-image-cropped",{isCropped:u.isCropped});const{bounds:g,dataUrl:y}=u;this.croppedImageBoxBounds=g,this.croppedImageBoxDataUrl=y,this.currentStep=3},onCancel(){this.isAttemptingToExit=!0,(this.currentStep===0||this.hasError)&&this.onExitConfirm(),ve({eventCategory:this.eventCategory,eventAction:this.currentStepTrackingLabel,eventLabel:"Clicked_Cancel",event:"click"})},onLogoFileChange(u){this.$emit("on-file-change",u),this.reset()},onExitConfirm(){const{currentStepTrackingLabel:u}=this;this.reset(),this.$emit("on-exit",{currentStepTrackingLabel:u})},onAbortExitConfirmation(){this.isAttemptingToExit=!1},onGoBackToCropper(){this.$emit("on-back",{currentStepTrackingLabel:this.currentStepTrackingLabel}),this.currentStep=2},onGoBackToBusinessText(){this.$emit("on-back",{currentStepTrackingLabel:this.currentStepTrackingLabel}),this.currentStep=3},onSaveBusinessText(u){this.$emit("on-save-business-text",{businessText:u.businessText}),this.savedBusinessText=u,this.currentStep=4},onBrandColoursSave(u){this.$emit("on-brand-colors-save",{textColorUserSelected:u.textColorUserSelected,backgroundColorUserSelected:u.backgroundColorUserSelected}),this.brandColourData=u,this.save()},async save(){if(this.isCurrentlySaving)return;this.isCurrentlySaving=!0;const u={templateUploadToken:this.uploadedLogoData.templateUploadToken,businessText:this.savedBusinessText.businessText,businessSlogin:this.savedBusinessText.sloganText,textColor:this.brandColourData.textColor,backgroundColor:this.brandColourData.backgroundColor,cropBoundingBox:JSON.parse(JSON.stringify(this.croppedImageBoxBounds)),isPostPurchaseUserUpload:this.isPostPurchaseUserUpload},g=await vo.createUserLogo(u);if(this.isCurrentlySaving=!1,g.error){this.onUploadError(g.error);return}this.$emit("on-finish",g.response)},reset(){this.currentStep=1,this.errorMessage=null,this.isAttemptingToExit=!1,this.isCurrentlySaving=!1,this.uploadedLogoData=null,this.croppedImageBoxBounds=null,this.savedBusinessText=null,this.brandColourData=null}}},vn={class:"tw-fixed tw-w-full tw-h-full tw-z-50 tw-top-0 tw-left-0 tw-bg-black tw-bg-opacity-80 lg:tw-flex tw-items-start tw-justify-center lg:tw-pt-20"},wn={key:0,class:"tw-w-full"},bn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"};function yn(u,g,y,E,b,m){const w=k("UploadYourLogoDropzone"),v=k("LogoUploader"),I=k("LogoCropper"),q=k("LogoPreview"),he=k("LogoBusinessText"),$e=k("LogoBusinessBrandColours"),Ke=k("LogoUploadError"),Ee=k("LogoUploadingLoader"),Ze=k("LogoUploadExitConfirmation"),Qe=k("LogoUploadModal");return A(),W("div",vn,[V(Qe,{"show-cancel-button":(b.currentStep===0||b.currentStep>1||m.hasError)&&!b.isAttemptingToExit,class:vt({"tw-p-6":b.currentStep===0}),onOnCancel:m.onCancel},{content:fa(()=>[b.currentStep===0&&!b.isAttemptingToExit?(A(),W("div",wn,[x("p",bn,_e(m.currentStepProgressLabel),1),g[0]||(g[0]=x("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Upload your logo",-1)),g[1]||(g[1]=x("p",{class:"tw-mt-0 tw-pb-8"},"Please ensure you have the right to use any image you upload.",-1)),V(w,{"is-modal":!0,onOnUploadSuccess:m.onLogoFileChange},null,8,["onOnUploadSuccess"])])):X("",!0),y.logoFile&&!b.isAttemptingToExit&&!m.hasError&&b.currentStep===1?(A(),Q(v,{key:1,"logo-file":y.logoFile,"event-category":m.eventCategory,onOnUploadSuccess:m.onUploadSuccess,onOnUploadError:m.onUploadError},null,8,["logo-file","event-category","onOnUploadSuccess","onOnUploadError"])):X("",!0),!b.isAttemptingToExit&&b.currentStep===2&&b.uploadedLogoData&&m.canCropImage?(A(),Q(I,{key:2,"logo-data":b.uploadedLogoData,"progress-label":m.currentStepProgressLabel,"event-category":m.eventCategory,onOnCancel:m.onCancel,onOnImageCropped:m.onImageCropped},null,8,["logo-data","progress-label","event-category","onOnCancel","onOnImageCropped"])):X("",!0),!b.isAttemptingToExit&&b.currentStep===2&&b.uploadedLogoData&&!m.canCropImage?(A(),Q(q,{key:3,"logo-data":b.uploadedLogoData,"progress-label":m.currentStepProgressLabel,"event-category":m.eventCategory,onOnCancel:m.onCancel,onOnContinue:m.onImageCropped},null,8,["logo-data","progress-label","event-category","onOnCancel","onOnContinue"])):X("",!0),!b.isAttemptingToExit&&b.currentStep===3&&b.uploadedLogoData?(A(),Q(he,{key:4,"logo-data":b.uploadedLogoData,"saved-business-text":b.savedBusinessText,"progress-label":m.currentStepProgressLabel,"event-category":m.eventCategory,onOnGoBack:m.onGoBackToCropper,onOnSave:m.onSaveBusinessText},null,8,["logo-data","saved-business-text","progress-label","event-category","onOnGoBack","onOnSave"])):X("",!0),!b.isAttemptingToExit&&b.currentStep===4&&b.uploadedLogoData&&!b.isCurrentlySaving?(A(),Q($e,{key:5,"logo-data":b.uploadedLogoData,"cropped-logo-image":u.croppedImageBoxDataUrl,"total-num-steps":b.totalNumSteps,"event-category":m.eventCategory,onOnGoBack:m.onGoBackToBusinessText,onOnSave:m.onBrandColoursSave},null,8,["logo-data","cropped-logo-image","total-num-steps","event-category","onOnGoBack","onOnSave"])):X("",!0),m.hasError&&!b.isAttemptingToExit?(A(),Q(Ke,{key:6,"error-message":b.errorMessage,onOnCancel:m.onCancel,onOnLogoFileChange:m.onLogoFileChange},null,8,["error-message","onOnCancel","onOnLogoFileChange"])):X("",!0),b.isCurrentlySaving?(A(),Q(Ee,{key:7,"loading-text":"Generating Designs..."})):X("",!0),b.isAttemptingToExit&&b.currentStep>1?(A(),Q(Ze,{key:8,onOnConfirm:m.onExitConfirm,onOnGoBack:m.onAbortExitConfirmation},null,8,["onOnConfirm","onOnGoBack"])):X("",!0)]),_:1},8,["show-cancel-button","class","onOnCancel"])])}const xn=oe(Lo,[["render",yn]]);Lo.__docgenInfo={exportName:"default",displayName:"UploadYourLogoOnBoarding",description:"",tags:{},props:[{name:"logoFile",type:{name:"object"},required:!1,defaultValue:{func:!1,value:"undefined"}},{name:"useDropzone",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isPostPurchaseUserUpload",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"on-logo-upload-success"},{name:"on-logo-upload-error"},{name:"on-image-cropped",type:{names:["undefined"]}},{name:"on-file-change",type:{names:["undefined"]}},{name:"on-exit",type:{names:["undefined"]}},{name:"on-back",type:{names:["undefined"]}},{name:"on-save-business-text",type:{names:["undefined"]}},{name:"on-brand-colors-save",type:{names:["undefined"]}},{name:"on-finish",type:{names:["undefined"]}}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue"]};const So={components:{UploadYourLogoOnBoarding:xn},props:{useDropzone:{type:Boolean,required:!1,default:!1},isPostPurchaseUserUpload:{type:Boolean,required:!1,default:!1}},data(){return{logoData:{logoFile:null},active:this.useDropzone}},watch:{useDropzone:{immediate:!0,handler(){this.useDropzone&&(this.active=!0)}}},mounted(){window&&window.addEventListener(ce.BeginUploadLogoExperience,u=>{this.onBeginUploadLogoExperience(u.detail.file)})},beforeDestroy(){window.removeEventListener(ce.BeginUploadLogoExperience,u=>{this.onBeginUploadLogoExperience(u.detail.file)})},methods:{onBeginUploadLogoExperience(u){this.active=!0,this.logoData.logoFile={file:u}},onExit({currentStepTrackingLabel:u}){this.$emit("on-exit",{currentStepTrackingLabel:u}),this.reset()},reset(){this.active=!1,this.logoData.logoFile=null},onUploadError(){this.logoData.logoFile=null},onFileChange(u){this.logoData.logoFile={file:u}},onFinish(u){this.$emit("on-finish",u),window.dispatchEvent(new CustomEvent(ce.UploadLogoSuccess)),this.reset()},onBack({currentStepTrackingLabel:u}){this.$emit("on-back",{currentStepTrackingLabel:u})},onImageCropped({isCropped:u}){this.$emit("on-image-cropped",{isCropped:u})},onSaveBusinessText({businessText:u}){this.$emit("on-save-business-text",{businessText:u})},onBrandColorsSave({textColorUserSelected:u,backgroundColorUserSelected:g}){this.$emit("on-brand-colors-save",{textColorUserSelected:u,backgroundColorUserSelected:g})},onLogoUploadSuccess(){this.$emit("on-logo-upload-success")}}};function On(u,g,y,E,b,m){const w=k("UploadYourLogoOnBoarding");return A(),W("div",null,[b.active?(A(),Q(w,{key:0,"logo-file":b.logoData.logoFile,"use-dropzone":y.useDropzone,"is-post-purchase-user-upload":y.isPostPurchaseUserUpload,onOnExit:m.onExit,onOnUploadError:m.onUploadError,onOnFileChange:m.onFileChange,onOnFinish:m.onFinish,onOnImageCropped:m.onImageCropped,onOnSaveBusinessText:m.onSaveBusinessText,onOnBrandColorsSave:m.onBrandColorsSave,onOnBack:m.onBack,onOnLogoUploadSuccess:m.onLogoUploadSuccess},null,8,["logo-file","use-dropzone","is-post-purchase-user-upload","onOnExit","onOnUploadError","onOnFileChange","onOnFinish","onOnImageCropped","onOnSaveBusinessText","onOnBrandColorsSave","onOnBack","onOnLogoUploadSuccess"])):X("",!0)])}const Ce=oe(So,[["render",On]]);So.__docgenInfo={exportName:"default",displayName:"UploadYourLogoApplication",description:"",tags:{},props:[{name:"useDropzone",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}},{name:"isPostPurchaseUserUpload",type:{name:"boolean"},required:!1,defaultValue:{func:!1,value:"false"}}],events:[{name:"on-exit",type:{names:["undefined"]}},{name:"on-finish",type:{names:["undefined"]}},{name:"on-back",type:{names:["undefined"]}},{name:"on-image-cropped",type:{names:["undefined"]}},{name:"on-save-business-text",type:{names:["undefined"]}},{name:"on-brand-colors-save",type:{names:["undefined"]}},{name:"on-logo-upload-success"}],sourceFiles:["/Users/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue"]};const Yn={title:"Components/UploadYourLogoApplication",component:Ce},Me=2e3,wt={templateUploadToken:"6bc3885c-7e5c-4c9e-9b54-21dcd06ca647",logoImageUrl:"/images/logos/coke.jpeg",logoImageDetails:{businessText:"LOGO TEXT HERE",sloganText:"Slogan Text Here",textColors:["#2ab1f8","#ff0000","#00ff00","#0fb0fb","#87adbb","#7ef99f"],backgroundColors:["#041444"]}},_n={templateUploadToken:"6bc3885c-7e5c-4c9e-9b54-21dcd06ca647",logoImageUrl:"https://cdn.worldvectorlogo.com/logos/raspberry-pi.svg",logoImageDetails:{businessText:"LOGO TEXT HERE",textColors:["#cd003f"],backgroundColors:["#000000"]}},je=()=>{const u=new Pe(Ue,{delayResponse:Me});return u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,wt),u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:Ce},template:`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication :use-dropzone="true" @on-finish="onFinish" />
-      </div>
-    `,methods:{onFileInputChange(g){g.target.files.length&&window.dispatchEvent(new CustomEvent(ce.BeginUploadLogoExperience,{detail:{file:g.target.files[0]}}))},onFinish(g){alert("on finish"),console.log(g)}}}},Xe=()=>{const u=new Pe(Ue,{delayResponse:Me});return u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,wt),u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:Ce},template:`
-          <div>
-            <UploadYourLogoApplication :active="true" :use-dropzone="true" @on-file-change="onFileChange" />
-          </div>
-        `,methods:{onFileChange(g){g&&window.dispatchEvent(new CustomEvent(ce.BeginUploadLogoExperience,{detail:{file:g}}))}}}},He=()=>{const u=new Pe(Ue,{delayResponse:Me});return u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,_n),u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:Ce},template:`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
-      </div>
-    `,methods:{onFileInputChange(g){g.target.files.length&&window.dispatchEvent(new CustomEvent(ce.BeginUploadLogoExperience,{detail:{file:g.target.files[0]}}))},onFinish(g){alert("on finish"),console.log(g)}}}},We=()=>(new Pe(Ue,{delayResponse:Me}).onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(500,"An error occured when extracting details from the image. Please try again."),{components:{UploadYourLogoApplication:Ce},template:`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication @on-finish="onFinish" />
-      </div>
-    `,methods:{onFileInputChange(g){g.target.files.length&&window.dispatchEvent(new CustomEvent(ce.BeginUploadLogoExperience,{detail:{file:g.target.files[0]}}))},onFinish(g){alert("on finish"),console.log(g)}}}),Ve=()=>{const u=new Pe(Ue,{delayResponse:Me});return u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,wt),u.onPost(z.BYO_LOGO_API_URL+z.BYO_LOGO_API_SAVE_ENDPOINT).reply(500,"An error occured when creating a logo from the provided details. Please try again."),{components:{UploadYourLogoApplication:Ce},template:`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
-      </div>
-    `,methods:{onFileInputChange(g){g.target.files.length&&window.dispatchEvent(new CustomEvent(ce.BeginUploadLogoExperience,{detail:{file:g.target.files[0]}}))},onFinish(g){alert("on finish"),console.log(g)}}}};var to,oo,ao;je.parameters={...je.parameters,docs:{...(to=je.parameters)==null?void 0:to.docs,source:{originalSource:`() => {
-  const mock = new MockAdapter(axios, {
-    delayResponse: MOCK_RESPONSE_DELAY
-  });
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
-    success: true
-  });
-  return {
-    components: {
-      UploadYourLogoApplication
-    },
-    template: \`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication :use-dropzone="true" @on-finish="onFinish" />
-      </div>
-    \`,
-    methods: {
-      onFileInputChange(e) {
-        if (e.target.files.length) {
-          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
-            detail: {
-              file: e.target.files[0]
-            }
-          }));
-        }
-      },
-      onFinish(e) {
-        alert('on finish');
-        console.log(e);
-      }
-    }
-  };
-}`,...(ao=(oo=je.parameters)==null?void 0:oo.docs)==null?void 0:ao.source}}};var no,io,ro;Xe.parameters={...Xe.parameters,docs:{...(no=Xe.parameters)==null?void 0:no.docs,source:{originalSource:`() => {
-  const mock = new MockAdapter(axios, {
-    delayResponse: MOCK_RESPONSE_DELAY
-  });
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
-    success: true
-  });
-  return {
-    components: {
-      UploadYourLogoApplication
-    },
-    template: \`
-          <div>
-            <UploadYourLogoApplication :active="true" :use-dropzone="true" @on-file-change="onFileChange" />
-          </div>
-        \`,
-    methods: {
-      onFileChange(fileInput) {
-        if (fileInput) {
-          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
-            detail: {
-              file: fileInput
-            }
-          }));
-        }
-      }
-    }
-  };
-}`,...(ro=(io=Xe.parameters)==null?void 0:io.docs)==null?void 0:ro.source}}};var so,lo,co;He.parameters={...He.parameters,docs:{...(so=He.parameters)==null?void 0:so.docs,source:{originalSource:`() => {
-  const mock = new MockAdapter(axios, {
-    delayResponse: MOCK_RESPONSE_DELAY
-  });
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE_SVG);
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(200, {
-    success: true
-  });
-  return {
-    components: {
-      UploadYourLogoApplication
-    },
-    template: \`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
-      </div>
-    \`,
-    methods: {
-      onFileInputChange(e) {
-        if (e.target.files.length) {
-          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
-            detail: {
-              file: e.target.files[0]
-            }
-          }));
-        }
-      },
-      onFinish(e) {
-        alert('on finish');
-        console.log(e);
-      }
-    }
-  };
-}`,...(co=(lo=He.parameters)==null?void 0:lo.docs)==null?void 0:co.source}}};var ho,po,uo;We.parameters={...We.parameters,docs:{...(ho=We.parameters)==null?void 0:ho.docs,source:{originalSource:`() => {
-  const mock = new MockAdapter(axios, {
-    delayResponse: MOCK_RESPONSE_DELAY
-  });
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(500, 'An error occured when extracting details from the image. Please try again.');
-  return {
-    components: {
-      UploadYourLogoApplication
-    },
-    template: \`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication @on-finish="onFinish" />
-      </div>
-    \`,
-    methods: {
-      onFileInputChange(e) {
-        if (e.target.files.length) {
-          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
-            detail: {
-              file: e.target.files[0]
-            }
-          }));
-        }
-      },
-      onFinish(e) {
-        alert('on finish');
-        console.log(e);
-      }
-    }
-  };
-}`,...(uo=(po=We.parameters)==null?void 0:po.docs)==null?void 0:uo.source}}};var go,fo,mo;Ve.parameters={...Ve.parameters,docs:{...(go=Ve.parameters)==null?void 0:go.docs,source:{originalSource:`() => {
-  const mock = new MockAdapter(axios, {
-    delayResponse: MOCK_RESPONSE_DELAY
-  });
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200, UPLOAD_SUCCESS_RESPONSE);
-  mock.onPost(API.BYO_LOGO_API_URL + API.BYO_LOGO_API_SAVE_ENDPOINT).reply(500, 'An error occured when creating a logo from the provided details. Please try again.');
-  return {
-    components: {
-      UploadYourLogoApplication
-    },
-    template: \`
-      <div>
-        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
-        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
-      </div>
-    \`,
-    methods: {
-      onFileInputChange(e) {
-        if (e.target.files.length) {
-          window.dispatchEvent(new CustomEvent(Events.BeginUploadLogoExperience, {
-            detail: {
-              file: e.target.files[0]
-            }
-          }));
-        }
-      },
-      onFinish(e) {
-        alert('on finish');
-        console.log(e);
-      }
-    }
-  };
-}`,...(mo=(fo=Ve.parameters)==null?void 0:fo.docs)==null?void 0:mo.source}}};const zn=["Success","SuccessNotLoggedIn","SuccessSvg","FailOnUpload","FailOnCreate"];export{Ve as FailOnCreate,We as FailOnUpload,je as Success,Xe as SuccessNotLoggedIn,He as SuccessSvg,zn as __namedExportsOrder,Yn as default};

package/.storybook-static/assets/UploadYourLogoDropzone-DQqACf-e.css

@@ -1 +0,0 @@
-@keyframes passing-through{0%{opacity:0;transform:translateY(40px)}30%,70%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}@keyframes slide-in{0%{opacity:0;transform:translateY(40px)}30%{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{transform:scale(1)}10%{transform:scale(1.1)}20%{transform:scale(1)}}.dropzone,.dropzone *{box-sizing:border-box}.dropzone{min-height:150px;border:1px solid rgba(0,0,0,.8);border-radius:5px;padding:20px}.dropzone.dz-clickable{cursor:pointer}.dropzone.dz-clickable *{cursor:default}.dropzone.dz-clickable .dz-message,.dropzone.dz-clickable .dz-message *{cursor:pointer}.dropzone.dz-started .dz-message{display:none}.dropzone.dz-drag-hover{border-style:solid}.dropzone.dz-drag-hover .dz-message{opacity:.5}.dropzone .dz-message{text-align:center;margin:3em 0}.dropzone .dz-message .dz-button{background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.dropzone .dz-preview{position:relative;display:inline-block;vertical-align:top;margin:16px;min-height:100px}.dropzone .dz-preview:hover{z-index:1000}.dropzone .dz-preview.dz-file-preview .dz-image{border-radius:20px;background:#999;background:linear-gradient(to bottom,#eee,#ddd)}.dropzone .dz-preview.dz-file-preview .dz-details{opacity:1}.dropzone .dz-preview.dz-image-preview{background:#fff}.dropzone .dz-preview.dz-image-preview .dz-details{transition:opacity .2s linear}.dropzone .dz-preview .dz-remove{font-size:14px;text-align:center;display:block;cursor:pointer;border:none}.dropzone .dz-preview .dz-remove:hover{text-decoration:underline}.dropzone .dz-preview:hover .dz-details{opacity:1}.dropzone .dz-preview .dz-details{z-index:20;position:absolute;top:0;left:0;opacity:0;font-size:13px;min-width:100%;max-width:100%;padding:2em 1em;text-align:center;color:#000000e6;line-height:150%}.dropzone .dz-preview .dz-details .dz-size{margin-bottom:1em;font-size:16px}.dropzone .dz-preview .dz-details .dz-filename{white-space:nowrap}.dropzone .dz-preview .dz-details .dz-filename:hover span{border:1px solid rgba(200,200,200,.8);background-color:#fffc}.dropzone .dz-preview .dz-details .dz-filename:not(:hover){overflow:hidden;text-overflow:ellipsis}.dropzone .dz-preview .dz-details .dz-filename:not(:hover) span{border:1px solid transparent}.dropzone .dz-preview .dz-details .dz-filename span,.dropzone .dz-preview .dz-details .dz-size span{background-color:#fff6;padding:0 .4em;border-radius:3px}.dropzone .dz-preview:hover .dz-image img{transform:scale(1.05);filter:blur(8px)}.dropzone .dz-preview .dz-image{border-radius:20px;overflow:hidden;width:120px;height:120px;position:relative;display:block;z-index:10}.dropzone .dz-preview .dz-image img{display:block}.dropzone .dz-preview.dz-success .dz-success-mark{animation:passing-through 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview.dz-error .dz-error-mark{opacity:1;animation:slide-in 3s cubic-bezier(.77,0,.175,1)}.dropzone .dz-preview .dz-success-mark,.dropzone .dz-preview .dz-error-mark{pointer-events:none;opacity:0;z-index:500;position:absolute;display:block;top:50%;left:50%;margin-left:-27px;margin-top:-27px;background:#000c;border-radius:50%}.dropzone .dz-preview .dz-success-mark svg,.dropzone .dz-preview .dz-error-mark svg{display:block;width:54px;height:54px;fill:#fff}.dropzone .dz-preview.dz-processing .dz-progress{opacity:1;transition:all .2s linear}.dropzone .dz-preview.dz-complete .dz-progress{opacity:0;transition:opacity .4s ease-in}.dropzone .dz-preview:not(.dz-processing) .dz-progress{animation:pulse 6s ease infinite}.dropzone .dz-preview .dz-progress{opacity:1;z-index:1000;pointer-events:none;position:absolute;height:20px;top:50%;margin-top:-10px;left:15%;right:15%;border:3px solid rgba(0,0,0,.8);background:#000c;border-radius:10px;overflow:hidden}.dropzone .dz-preview .dz-progress .dz-upload{background:#fff;display:block;position:relative;height:100%;width:0;transition:width .3s ease-in-out;border-radius:17px}.dropzone .dz-preview.dz-error .dz-error-message{display:block}.dropzone .dz-preview.dz-error:hover .dz-error-message{opacity:1;pointer-events:auto}.dropzone .dz-preview .dz-error-message{pointer-events:none;z-index:1000;position:absolute;display:block;display:none;opacity:0;transition:opacity .3s ease;border-radius:8px;font-size:13px;top:130px;left:-10px;width:140px;background:#b10606;padding:.5em 1em;color:#fff}.dropzone .dz-preview .dz-error-message:after{content:"";position:absolute;top:-6px;left:64px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #b10606}.vue-dropzone{border:2px solid #e5e5e5;font-family:Arial,sans-serif;letter-spacing:.2px;color:#777;transition:.2s linear}.vue-dropzone:hover{background-color:#f6f6f6}.vue-dropzone>i{color:#ccc}.vue-dropzone>.dz-preview .dz-image{border-radius:0;width:100%;height:100%}.vue-dropzone>.dz-preview .dz-image img:not([src]){width:200px;height:200px}.vue-dropzone>.dz-preview .dz-image:hover img{transform:none;-webkit-filter:none}.vue-dropzone>.dz-preview .dz-details{bottom:0;top:0;color:#fff;background-color:#2196f3cc;transition:opacity .2s linear;text-align:left}.vue-dropzone>.dz-preview .dz-details .dz-filename{overflow:hidden}.vue-dropzone>.dz-preview .dz-details .dz-filename span,.vue-dropzone>.dz-preview .dz-details .dz-size span{background-color:transparent}.vue-dropzone>.dz-preview .dz-details .dz-filename:not(:hover) span{border:none}.vue-dropzone>.dz-preview .dz-details .dz-filename:hover span{background-color:transparent;border:none}.vue-dropzone>.dz-preview .dz-progress .dz-upload{background:#ccc}.vue-dropzone>.dz-preview .dz-remove{position:absolute;z-index:30;color:#fff;margin-left:15px;padding:10px;top:inherit;bottom:15px;border:2px white solid;text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:1.1px;opacity:0}.vue-dropzone>.dz-preview:hover .dz-remove{opacity:1}.vue-dropzone>.dz-preview .dz-success-mark svg,.vue-dropzone>.dz-preview .dz-error-mark svg{margin-left:auto;margin-right:auto}.vue-dropzone>.dz-preview .dz-error-message{margin-left:auto;margin-right:auto;left:0;width:100%;text-align:center}.vue-dropzone>.dz-preview .dz-error-message:after{display:none}.c-upload-your-logo .dz-success-mark,.c-upload-your-logo .dz-error-mark,.c-upload-your-logo .dz-details{display:none}.c-upload-your-logo .dz-error-message{color:#f21b3f;font-size:.875rem;line-height:1.25rem}

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

@@ -1,24 +0,0 @@
-import{c as z,f as y,g as M,b as f,o as v,z as C,y as D,x as R,a as P,e as g}from"./iframe-C86bI_2U.js";import{_ as S}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{E as O,T as _}from"./event-constants-CMO9VQVu.js";var w=x;function x(){var i=[].slice.call(arguments),e=!1;typeof i[0]=="boolean"&&(e=i.shift());var t=i[0];if(F(t))throw new Error("extendee must be an object");for(var s=i.slice(1),n=s.length,o=0;o<n;o++){var r=s[o];for(var l in r)if(Object.prototype.hasOwnProperty.call(r,l)){var d=r[l];if(e&&q(d)){var u=Array.isArray(d)?[]:{};t[l]=x(!0,Object.prototype.hasOwnProperty.call(t,l)&&!F(t[l])?t[l]:u,d)}else t[l]=d}}return t}function q(i){return Array.isArray(i)||{}.toString.call(i)=="[object Object]"}function F(i){return!i||typeof i!="object"&&typeof i!="function"}function N(i){return i&&i.__esModule?i.default:i}class E{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 s=this._callbacks[e];if(s)for(let n of s)n.apply(this,t);return this.element&&this.element.dispatchEvent(this.makeEvent("dropzone:"+e,{args:t})),this}makeEvent(e,t){let s={bubbles:!0,cancelable:!0,detail:t};if(typeof window.CustomEvent=="function")return new CustomEvent(e,s);var n=document.createEvent("CustomEvent");return n.initCustomEvent(e,s.bubbles,s.cancelable,s.detail),n}off(e,t){if(!this._callbacks||arguments.length===0)return this._callbacks={},this;let s=this._callbacks[e];if(!s)return this;if(arguments.length===1)return delete this._callbacks[e],this;for(let n=0;n<s.length;n++)if(s[n]===t){s.splice(n,1);break}return this}}var k={};k=`<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 I={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(i,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(i,e){return e()},chunksUploaded:function(i,e){e()},binaryBody:!1,fallback(){let i;this.element.className=`${this.element.className} dz-browser-not-supported`;for(let t of this.element.getElementsByTagName("div"))if(/(^| )dz-message($| )/.test(t.className)){i=t,t.className="dz-message";break}i||(i=a.createElement('<div class="dz-message"><span></span></div>'),this.element.appendChild(i));let e=i.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(i,e,t,s){let n={srcX:0,srcY:0,srcWidth:i.width,srcHeight:i.height},o=i.width/i.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(s==="crop")o>r?(n.srcHeight=i.height,n.srcWidth=n.srcHeight*r):(n.srcWidth=i.width,n.srcHeight=n.srcWidth/r);else if(s==="contain")o>r?t=e/o:e=t*o;else throw new Error(`Unknown resizeMethod '${s}'`);return n.srcX=(i.width-n.srcWidth)/2,n.srcY=(i.height-n.srcHeight)/2,n.trgWidth=e,n.trgHeight=t,n},transformFile(i,e){return(this.options.resizeWidth||this.options.resizeHeight)&&i.type.match(/image.*/)?this.resizeImage(i,this.options.resizeWidth,this.options.resizeHeight,this.options.resizeMethod,e):e(i)},previewTemplate:N(k),drop(i){return this.element.classList.remove("dz-drag-hover")},dragstart(i){},dragend(i){return this.element.classList.remove("dz-drag-hover")},dragenter(i){return this.element.classList.add("dz-drag-hover")},dragover(i){return this.element.classList.add("dz-drag-hover")},dragleave(i){return this.element.classList.remove("dz-drag-hover")},paste(i){},reset(){return this.element.classList.remove("dz-started")},addedfile(i){if(this.element===this.previewsContainer&&this.element.classList.add("dz-started"),this.previewsContainer&&!this.options.disablePreviews){i.previewElement=a.createElement(this.options.previewTemplate.trim()),i.previewTemplate=i.previewElement,this.previewsContainer.appendChild(i.previewElement);for(var e of i.previewElement.querySelectorAll("[data-dz-name]"))e.textContent=i.name;for(e of i.previewElement.querySelectorAll("[data-dz-size]"))e.innerHTML=this.filesize(i.size);this.options.addRemoveLinks&&(i._removeLink=a.createElement(`<a class="dz-remove" href="javascript:undefined;" data-dz-remove>${this.options.dictRemoveFile}</a>`),i.previewElement.appendChild(i._removeLink));let t=s=>(s.preventDefault(),s.stopPropagation(),i.status===a.UPLOADING?a.confirm(this.options.dictCancelUploadConfirmation,()=>this.removeFile(i)):this.options.dictRemoveFileConfirmation?a.confirm(this.options.dictRemoveFileConfirmation,()=>this.removeFile(i)):this.removeFile(i));for(let s of i.previewElement.querySelectorAll("[data-dz-remove]"))s.addEventListener("click",t)}},removedfile(i){return i.previewElement!=null&&i.previewElement.parentNode!=null&&i.previewElement.parentNode.removeChild(i.previewElement),this._updateMaxFilesReachedClass()},thumbnail(i,e){if(i.previewElement){i.previewElement.classList.remove("dz-file-preview");for(let t of i.previewElement.querySelectorAll("[data-dz-thumbnail]"))t.alt=i.name,t.src=e;return setTimeout(()=>i.previewElement.classList.add("dz-image-preview"),1)}},error(i,e){if(i.previewElement){i.previewElement.classList.add("dz-error"),typeof e!="string"&&e.error&&(e=e.error);for(let t of i.previewElement.querySelectorAll("[data-dz-errormessage]"))t.textContent=e}},errormultiple(){},processing(i){if(i.previewElement&&(i.previewElement.classList.add("dz-processing"),i._removeLink))return i._removeLink.innerHTML=this.options.dictCancelUpload},processingmultiple(){},uploadprogress(i,e,t){if(i.previewElement)for(let s of i.previewElement.querySelectorAll("[data-dz-uploadprogress]"))s.nodeName==="PROGRESS"?s.value=e:s.style.width=`${e}%`},totaluploadprogress(){},sending(){},sendingmultiple(){},success(i){if(i.previewElement)return i.previewElement.classList.add("dz-success")},successmultiple(){},canceled(i){return this.emit("error",i,this.options.dictUploadCanceled)},canceledmultiple(){},complete(i){if(i._removeLink&&(i._removeLink.innerHTML=this.options.dictRemoveFile),i.previewElement)return i.previewElement.classList.add("dz-complete")},completemultiple(){},maxfilesexceeded(){},maxfilesreached(){},queuecomplete(){},addedfiles(){}};var B=I;class a extends E{static initClass(){this.prototype.Emitter=E,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 s=()=>{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),s()})};s()}this.URL=window.URL!==null?window.URL:window.webkitURL;for(let s of this.events)this.on(s,this.options[s]);this.on("uploadprogress",()=>this.updateTotalUploadProgress()),this.on("removedfile",()=>this.updateTotalUploadProgress()),this.on("canceled",s=>this.emit("complete",s)),this.on("complete",s=>{if(this.getAddedFiles().length===0&&this.getUploadingFiles().length===0&&this.getQueuedFiles().length===0)return setTimeout(()=>this.emit("queuecomplete"),0)});const e=function(s){if(s.dataTransfer.types){for(var n=0;n<s.dataTransfer.types.length;n++)if(s.dataTransfer.types[n]==="Files")return!0}return!1};let t=function(s){if(e(s))return s.stopPropagation(),s.preventDefault?s.preventDefault():s.returnValue=!1};return this.listeners=[{element:this.element,events:{dragstart:s=>this.emit("dragstart",s),dragenter:s=>(t(s),this.emit("dragenter",s)),dragover:s=>{let n;try{n=s.dataTransfer.effectAllowed}catch{}return s.dataTransfer.dropEffect=n==="move"||n==="linkMove"?"move":"copy",t(s),this.emit("dragover",s)},dragleave:s=>this.emit("dragleave",s),drop:s=>(t(s),this.drop(s)),dragend:s=>this.emit("dragend",s)}}],this.clickableElements.forEach(s=>this.listeners.push({element:s,events:{click:n=>((s!==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,s=0;if(this.getActiveFiles().length){for(let o of this.getActiveFiles())t+=o.upload.bytesSent,s+=o.upload.total;e=100*t/s}else e=100;return this.emit("totaluploadprogress",e,s,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 s='<div class="dz-fallback">';this.options.dictFallbackText&&(s+=`<p>${this.options.dictFallbackText}</p>`),s+=`<input type="file" name="${this._getParamName(0)}" ${this.options.uploadMultiple?'multiple="multiple"':void 0} /><input type="submit" value="Upload!"></div>`;let n=a.createElement(s);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(s){for(let n of s)if(/(^| )fallback($| )/.test(n.className))return n};for(let s of["div","form"]){var t;if(t=e(this.element.getElementsByTagName(s)))return t}}setupEventListeners(){return this.listeners.map(e=>(()=>{let t=[];for(let s in e.events){let n=e.events[s];t.push(e.element.addEventListener(s,n,!1))}return t})())}removeEventListeners(){return this.listeners.map(e=>(()=>{let t=[];for(let s in e.events){let n=e.events[s];t.push(e.element.removeEventListener(s,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,s="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),s=r;break}}t=Math.round(10*t)/10}return`<strong>${t}</strong> ${this.options.dictFileSizeUnits[s]}`}_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 s=0;s<e.dataTransfer.files.length;s++)t[s]=e.dataTransfer.files[s];if(t.length){let{items:s}=e.dataTransfer;s&&s.length&&s[0].webkitGetAsEntry!=null?this._addFilesFromItems(s):this.handleFiles(t)}this.emit("addedfiles",t)}paste(e){if(V(e!=null?e.clipboardData:void 0,s=>s.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 s;n.webkitGetAsEntry!=null&&(s=n.webkitGetAsEntry())?s.isFile?t.push(this.addFile(n.getAsFile())):s.isDirectory?t.push(this._addFilesFromDirectory(s,s.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 s=e.createReader(),n=r=>Y(console,"log",l=>l.log(r));var o=()=>s.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=H(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,s,n,o){return this.createThumbnail(e,t,s,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=L.restore(e.dataURL,u)),o(a.dataURItoBlob(u))}})}createThumbnail(e,t,s,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,s,n,o,r)},l.readAsDataURL(e)}displayExistingFile(e,t,s,n,o=!0){if(this.emit("addedfile",e),this.emit("complete",e),!o)this.emit("thumbnail",e,t),s&&s();else{let r=l=>{this.emit("thumbnail",e,l),s&&s()};e.dataURL=t,this.createThumbnailFromUrl(e,this.options.thumbnailWidth,this.options.thumbnailHeight,this.options.thumbnailMethod,this.options.fixOrientation,r,n)}}createThumbnailFromUrl(e,t,s,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,s,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}W(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 A=c.toDataURL("image/png");if(r!=null)return r(A,c)})},r!=null&&(d.onerror=r),d.src=e.dataURL}processQueue(){let{parallelUploads:e}=this.options,t=this.getUploadingFiles().length,s=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(;s<e;){if(!n.length)return;this.processFile(n.shift()),s++}}}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 s of t)s.status=a.CANCELED;typeof e.xhr<"u"&&e.xhr.abort();for(let s of t)this.emit("canceled",s);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 s=t[0];e[0].upload.chunked=this.options.chunking&&(this.options.forceChunking||s.size>this.options.chunkSize),e[0].upload.totalChunkCount=Math.ceil(s.size/this.options.chunkSize)}if(e[0].upload.chunked){let s=e[0],n=t[0];s.upload.chunks=[];let o=()=>{let r=0;for(;s.upload.chunks[r]!==void 0;)r++;if(r>=s.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:s.upload.filename,chunkIndex:r};s.upload.chunks[r]={file:s,index:r,dataBlock:u,status:a.UPLOADING,progress:0,retries:0},this._uploadData(e,[u])};if(s.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<s.upload.totalChunkCount;u++){if(s.upload.chunks[u]===void 0)return o();s.upload.chunks[u].status!==a.SUCCESS&&(d=!1)}d&&this.options.chunksUploaded(s,()=>{this._finished(e,l,null)})},this.options.parallelChunkUploads)for(let r=0;r<s.upload.totalChunkCount;r++)o();else o()}else{let s=[];for(let n=0;n<e.length;n++)s[n]={name:this._getParamName(n),data:t[n],filename:e[n].upload.filename};this._uploadData(e,s)}})}_getChunk(e,t){for(let s=0;s<e.upload.totalChunkCount;s++)if(e.upload.chunks[s]!==void 0&&e.upload.chunks[s].xhr===t)return e.upload.chunks[s]}_uploadData(e,t){let s=new XMLHttpRequest;for(let u of e)u.xhr=s;e[0].upload.chunked&&(e[0].upload.chunks[t[0].chunkIndex].xhr=s);let n=this.resolveOption(this.options.method,e,t),o=this.resolveOption(this.options.url,e,t);s.open(n,o,!0),this.resolveOption(this.options.timeout,e)&&(s.timeout=this.resolveOption(this.options.timeout,e)),s.withCredentials=!!this.options.withCredentials,s.onload=u=>{this._finishedUploading(e,s,u)},s.ontimeout=()=>{this._handleUploadError(e,s,`Request timedout after ${this.options.timeout/1e3} seconds`)},s.onerror=()=>{this._handleUploadError(e,s)};let l=s.upload!=null?s.upload:s;l.onprogress=u=>this._updateFilesUploadProgress(e,s,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&&w(d,this.options.headers);for(let u in d){let p=d[u];p&&s.setRequestHeader(u,p)}if(this.options.binaryBody){for(let u of e)this.emit("sending",u,s);this.options.uploadMultiple&&this.emit("sendingmultiple",e,s),this.submitRequest(s,null,e)}else{let u=new FormData;if(this.options.params){let p=this.options.params;typeof p=="function"&&(p=p.call(this,e,s,e[0].upload.chunked?this._getChunk(e[0],s):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,s,u);this.options.uploadMultiple&&this.emit("sendingmultiple",e,s,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(s,u,e)}}_transformFiles(e,t){let s=[],n=0;for(let o=0;o<e.length;o++)this.options.transformFile.call(this,e[o],r=>{s[o]=r,++n===e.length&&t(s)})}_addFormElementData(e){if(this.element.tagName==="FORM")for(let t of this.element.querySelectorAll("input, textarea, select, button")){let s=t.getAttribute("name"),n=t.getAttribute("type");if(n&&(n=n.toLowerCase()),!(typeof s>"u"||s===null))if(t.tagName==="SELECT"&&t.hasAttribute("multiple"))for(let o of t.options)o.selected&&e.append(s,o.value);else(!n||n!=="checkbox"&&n!=="radio"||t.checked)&&e.append(s,t.value)}}_updateFilesUploadProgress(e,t,s){if(e[0].upload.chunked){let n=e[0],o=this._getChunk(n,t);s?(o.progress=100*s.loaded/s.total,o.total=s.total,o.bytesSent=s.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||(s?(n.upload.progress=100*s.loaded/s.total,n.upload.total=s.total,n.upload.bytesSent=s.loaded):(n.upload.progress=100,n.upload.bytesSent=n.upload.total),this.emit("uploadprogress",n,n.upload.progress,n.upload.bytesSent))}_finishedUploading(e,t,s){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){s=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,s):this._handleUploadError(e,t,n)}}_handleUploadError(e,t,s){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,s||this.options.dictResponseError.replace("{{statusCode}}",t.status),t)}}submitRequest(e,t,s){if(e.readyState!=1){console.warn("Cannot send this request because the XMLHttpRequest.readyState is not OPENED.");return}if(this.options.binaryBody)if(s[0].upload.chunked){const n=this._getChunk(s[0],e);e.send(n.dataBlock.data)}else e.send(s[0]);else e.send(t)}_finished(e,t,s){for(let n of e)n.status=a.SUCCESS,this.emit("success",n,t,s),this.emit("complete",n);if(this.options.uploadMultiple&&(this.emit("successmultiple",e,t,s),this.emit("completemultiple",e)),this.options.autoProcessQueue)return this.processQueue()}_errorProcessing(e,t,s){for(let n of e)n.status=a.ERROR,this.emit("error",n,t,s),this.emit("complete",n);if(this.options.uploadMultiple&&(this.emit("errormultiple",e,t,s),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 s,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=w(!0,{},B,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()),(s=this.getExistingFallback())&&s.parentNode&&s.parentNode.removeChild(s),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(i){if(i.getAttribute("id"))return a.options[Q(i.getAttribute("id"))]};a.instances=[];a.forElement=function(i){if(typeof i=="string"&&(i=document.querySelector(i)),(i!=null?i.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 i.dropzone};a.discover=function(){let i;if(document.querySelectorAll)i=document.querySelectorAll(".dropzone");else{i=[];let e=t=>(()=>{let s=[];for(let n of t)/(^| )dropzone($| )/.test(n.className)?s.push(i.push(n)):s.push(void 0);return s})();e(document.getElementsByTagName("div")),e(document.getElementsByTagName("form"))}return(()=>{let e=[];for(let t of i)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 i=!0;if(window.File&&window.FileReader&&window.FileList&&window.Blob&&window.FormData&&document.querySelector)if(!("classList"in document.createElement("a")))i=!1;else{a.blacklistedBrowsers!==void 0&&(a.blockedBrowsers=a.blacklistedBrowsers);for(let e of a.blockedBrowsers)if(e.test(navigator.userAgent)){i=!1;continue}}else i=!1;return i};a.dataURItoBlob=function(i){let e=atob(i.split(",")[1]),t=i.split(",")[0].split(":")[1].split(";")[0],s=new ArrayBuffer(e.length),n=new Uint8Array(s);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([s],{type:t})};const H=(i,e)=>i.filter(t=>t!==e).map(t=>t),Q=i=>i.replace(/[\-_](\w)/g,e=>e.charAt(1).toUpperCase());a.createElement=function(i){let e=document.createElement("div");return e.innerHTML=i,e.childNodes[0]};a.elementInside=function(i,e){if(i===e)return!0;for(;i=i.parentNode;)if(i===e)return!0;return!1};a.getElement=function(i,e){let t;if(typeof i=="string"?t=document.querySelector(i):i.nodeType!=null&&(t=i),t==null)throw new Error(`Invalid \`${e}\` option provided. Please provide a CSS selector or a plain HTML element.`);return t};a.getElements=function(i,e){let t,s;if(i instanceof Array){s=[];try{for(t of i)s.push(this.getElement(t,e))}catch{s=null}}else if(typeof i=="string"){s=[];for(t of document.querySelectorAll(i))s.push(t)}else i.nodeType!=null&&(s=[i]);if(s==null||!s.length)throw new Error(`Invalid \`${e}\` option provided. Please provide a CSS selector, a plain HTML element or a list of those.`);return s};a.confirm=function(i,e,t){if(window.confirm(i))return e();if(t!=null)return t()};a.isValidFile=function(i,e){if(!e)return!0;e=e.split(",");let t=i.type,s=t.replace(/\/.*$/,"");for(let n of e)if(n=n.trim(),n.charAt(0)==="."){if(i.name.toLowerCase().indexOf(n.toLowerCase(),i.name.length-n.length)!==-1)return!0}else if(/\/\*$/.test(n)){if(s===n.replace(/\/.*$/,""))return!0}else if(t===n)return!0;return!1};typeof jQuery<"u"&&jQuery!==null&&(jQuery.fn.dropzone=function(i){return this.each(function(){return new a(this,i)})});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 j=function(i){i.naturalWidth;let e=i.naturalHeight,t=document.createElement("canvas");t.width=1,t.height=e;let s=t.getContext("2d");s.drawImage(i,0,0);let{data:n}=s.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 W=function(i,e,t,s,n,o,r,l,d,u){let p=j(e);return i.drawImage(e,t,s,n,o,r,l,d,u/p)};class L{static initClass(){this.KEY_STR="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/="}static encode64(e){let t="",s,n,o="",r,l,d,u="",p=0;for(;s=e[p++],n=e[p++],o=e[p++],r=s>>2,l=(s&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),s=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 s=this.decode64(e.replace("data:image/jpeg;base64,","")),n=this.slice2Segments(s),o=this.exifManipulation(t,n);return`data:image/jpeg;base64,${this.encode64(o)}`}static exifManipulation(e,t){let s=this.getExifArray(t),n=this.insertExif(e,s);return new Uint8Array(n)}static getExifArray(e){let t,s=0;for(;s<e.length;){if(t=e[s],t[0]===255&t[1]===225)return t;s++}return[]}static insertExif(e,t){let s=e.replace("data:image/jpeg;base64,",""),n=this.decode64(s),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,s=[];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);s.push(r),t=o}if(t>e.length)break}return s}static decode64(e){let t,s,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,s=(r&15)<<4|l>>2,n=(l&3)<<6|d,p.push(t),l!==64&&p.push(s),d!==64&&p.push(n),t=s=n="",o=r=l=d="",u<e.length;);return p}}L.initClass();function V(i,e){return typeof i<"u"&&i!==null?e(i):void 0}function Y(i,e,t){if(typeof i<"u"&&i!==null&&typeof i[e]=="function")return t(i,e)}const G={getSignedURL(i,e){let t={filePath:i.name,contentType:i.type};return new Promise((s,n)=>{var o=new FormData;let r=new XMLHttpRequest,l=typeof e.signingURL=="function"?e.signingURL(i):e.signingURL;r.open("POST",l),r.onload=function(){r.status==200?s(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(i,e,t){var s=t?this.setResponseHandler:this.sendS3Handler;return this.getSignedURL(i,e).then(n=>s(n,i)).catch(n=>n)},setResponseHandler(i,e){e.s3Signature=i.signature,e.s3Url=i.postEndpoint},sendS3Handler(i,e){let t=new FormData,s=i.signature;return Object.keys(s).forEach(function(n){t.append(n,s[n])}),t.append("file",e),new Promise((n,o)=>{let r=new XMLHttpRequest;r.open("POST",i.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)})}},T={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",(i,e)=>{this.$emit("vdropzone-thumbnail",i,e)}),this.dropzone.on("addedfile",i=>{this.duplicateCheck&&this.dropzone.getQueuedFiles().length&&this.getQueuedFiles().forEach(e=>{e.name===i.name&&e.size===i.size&&e.lastModifiedDate.toString()===i.lastModifiedDate.toString()&&e.dataUrl===i.dataUrl&&(this.removeFile(i),this.$emit("vdropzone-duplicate-file",i))}),this.$emit("vdropzone-file-added",i),this.isS3&&this.wasQueueAutoProcess&&!i.manuallyAdded&&this.getSignedAndUploadToS3(i)}),this.dropzone.on("addedfiles",i=>{this.$emit("vdropzone-files-added",i)}),this.dropzone.on("removedfile",i=>{this.$emit("vdropzone-removed-file",i),i.manuallyAdded&&this.dropzone.options.maxFiles!==null&&this.dropzone.options.maxFiles++}),this.dropzone.on("success",(i,e)=>{if(this.$emit("vdropzone-success",i,e),this.isS3){if(this.isS3OverridesServerPropagation){let s=new window.DOMParser().parseFromString(e,"text/xml").firstChild.children[0].innerHTML;this.$emit("vdropzone-s3-upload-success",s)}this.wasQueueAutoProcess&&this.setOption("autoProcessQueue",!1)}}),this.dropzone.on("successmultiple",(i,e)=>{this.$emit("vdropzone-success-multiple",i,e)}),this.dropzone.on("error",(i,e,t)=>{this.$emit("vdropzone-error",i,e,t),this.isS3&&this.$emit("vdropzone-s3-upload-error")}),this.dropzone.on("errormultiple",(i,e,t)=>{this.$emit("vdropzone-error-multiple",i,e,t)}),this.dropzone.on("sending",(i,e,t)=>{if(this.isS3)if(this.isS3OverridesServerPropagation){let s=i.s3Signature;Object.keys(s).forEach(function(n){t.append(n,s[n])})}else t.append("s3ObjectLocation",i.s3ObjectLocation);this.$emit("vdropzone-sending",i,e,t)}),this.dropzone.on("sendingmultiple",(i,e,t)=>{this.$emit("vdropzone-sending-multiple",i,e,t)}),this.dropzone.on("complete",i=>{this.$emit("vdropzone-complete",i)}),this.dropzone.on("completemultiple",i=>{this.$emit("vdropzone-complete-multiple",i)}),this.dropzone.on("canceled",i=>{this.$emit("vdropzone-canceled",i)}),this.dropzone.on("canceledmultiple",i=>{this.$emit("vdropzone-canceled-multiple",i)}),this.dropzone.on("maxfilesreached",i=>{this.$emit("vdropzone-max-files-reached",i)}),this.dropzone.on("maxfilesexceeded",i=>{this.$emit("vdropzone-max-files-exceeded",i)}),this.dropzone.on("processing",i=>{this.$emit("vdropzone-processing",i)}),this.dropzone.on("processingmultiple",i=>{this.$emit("vdropzone-processing-multiple",i)}),this.dropzone.on("uploadprogress",(i,e,t)=>{this.$emit("vdropzone-upload-progress",i,e,t)}),this.dropzone.on("totaluploadprogress",(i,e,t)=>{this.$emit("vdropzone-total-upload-progress",i,e,t)}),this.dropzone.on("reset",()=>{this.$emit("vdropzone-reset")}),this.dropzone.on("queuecomplete",()=>{this.$emit("vdropzone-queue-complete")}),this.dropzone.on("drop",i=>{this.$emit("vdropzone-drop",i)}),this.dropzone.on("dragstart",i=>{this.$emit("vdropzone-drag-start",i)}),this.dropzone.on("dragend",i=>{this.$emit("vdropzone-drag-end",i)}),this.dropzone.on("dragenter",i=>{this.$emit("vdropzone-drag-enter",i)}),this.dropzone.on("dragover",i=>{this.$emit("vdropzone-drag-over",i)}),this.dropzone.on("dragleave",i=>{this.$emit("vdropzone-drag-leave",i)}),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=i=>i[0].s3Url))},updateSettings(){this.dropzoneSettings=Object.assign(this.dropzoneSettings,this.options)},manuallyAddFile:function(i,e){i.manuallyAdded=!0,this.dropzone.emit("addedfile",i);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&&i.size<=this.dropzone.options.maxThumbnailFilesize*1024*1024){e&&this.dropzone.emit("thumbnail",i,e);let s=i.previewElement.querySelectorAll("[data-dz-thumbnail]");for(let n=0;n<s.length;n++)s[n].style.width=this.dropzoneSettings.thumbnailWidth+"px",s[n].style.height=this.dropzoneSettings.thumbnailHeight+"px",s[n].style["object-fit"]="contain"}this.dropzone.emit("complete",i),this.dropzone.options.maxFiles&&this.dropzone.options.maxFiles--,this.dropzone.files.push(i),this.$emit("vdropzone-file-added-manually",i)},setOption:function(i,e){this.dropzone.options[i]=e},removeAllFiles:function(i){this.dropzone.removeAllFiles(i)},processQueue:function(){let i=this.dropzone;this.isS3&&!this.wasQueueAutoProcess?this.getQueuedFiles().forEach(e=>{this.getSignedAndUploadToS3(e)}):this.dropzone.processQueue(),this.dropzone.on("success",function(){i.options.autoProcessQueue=!0}),this.dropzone.on("queuecomplete",function(){i.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(i){return this.dropzone.filesize(i)},accept:function(i,e){return this.dropzone.accept(i,e)},addFile:function(i){return this.dropzone.addFile(i)},removeFile:function(i){this.dropzone.removeFile(i)},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(i){let e=G.sendFile(i,this.aws,this.isS3OverridesServerPropagation);this.isS3OverridesServerPropagation?e.then(()=>{setTimeout(()=>this.dropzone.processFile(i))}):e.then(t=>{t.success?(i.s3ObjectLocation=t.message,setTimeout(()=>this.dropzone.processFile(i)),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(i){this.isS3&&this.aws&&(this.aws.signingURL=i)}}},X=["id"],K={key:0,class:"dz-message"};function Z(i,e,t,s,n,o){return v(),z("div",{id:t.id,ref:"dropzoneElement",class:f({"vue-dropzone dropzone":t.includeStyling})},[t.useCustomSlot?(v(),z("div",K,[M(i.$slots,"default",{},()=>[e[0]||(e[0]=C("Drop files here to upload"))])])):y("",!0)],10,X)}const J=S(T,[["render",Z]]);T.__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/jamesjoung/repo/fe-shared-lib/node_modules/dropzone-vue3/src/components/vue-dropzone.vue"]};const b={UploadUserLogo:"UploadUserLogo"},$=["image/jpeg","image/png","image/svg+xml","application/postscript"],ee=["jpg","jpeg","png","svg","eps"],te="You can't upload files of this type.",U={components:{Dropzone:J},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}},data(){const i=this;return{options:{url:"#",autoProcessQueue:!1,maxFiles:1,uploadMultiple:!1,acceptedFiles:$.join(","),accept(e){const t=e.name.split(".").pop().toLowerCase();if(ee.indexOf(t)<0){i.displayError(te);return}const s=new FileReader,n=this;s.addEventListener("loadend",()=>{e.status="success",n.emit("success",e),n.emit("complete",e)}),s.readAsText(e)},init(){this.hiddenFileInput.addEventListener("click",t=>{i.isUserAuthenticated||(t.preventDefault(),i.showLoginModal())})}}}},mounted(){var i,e,t,s;window&&this.shouldOpenUploadWhenMounted&&this.$refs.dropzone&&(i=this.$refs.dropzone)!=null&&i.$refs.dropzoneElement&&((s=(t=(e=this.$refs)==null?void 0:e.dropzone)==null?void 0:t.$refs)==null||s.dropzoneElement.click())},methods:{pushTrackingData(){this.trackingData&&(window.dataLayer=window.dataLayer||[],window.dataLayer.push(this.trackingData))},onUploadSuccess(i){if(this.$refs.dropzone.removeAllFiles(),this.pushTrackingData(),!this.isUserAuthenticated){this.showLoginModal();return}this.$emit("on-upload-success",i)},showLoginModal(){this.$refs.dropzone.removeAllFiles(),this.$emit("on-login-modal-open",b.UploadUserLogo),window.dispatchEvent(new CustomEvent(O.ShowLoginModal,{detail:{isSave:!0,regoSource:b.UploadUserLogo,emailCapturedCallback:this.handleEmailCapturedForLogoUpload,shouldReloadPageOnSuccess:!1,assetType:this.assetType,templateTypeName:this.templateTypeFriendlyName,userTriggered:_.Automatic}}))},handleEmailCapturedForLogoUpload(){this.$emit("logo-dropzone-login-callback")},displayError(i){var e,t,s;if((s=(t=(e=this.$refs)==null?void 0:e.dropzone)==null?void 0:t.$refs)!=null&&s.dropzoneElement){const n=this.$refs.dropzone.$refs.dropzoneElement.querySelector(".dz-error-message");n&&(n.innerText=i)}}}};function ie(i,e,t,s,n,o){const r=P("dropzone");return v(),D(r,{id:`upload-your-logo-dropzone-${i._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:n.options,"include-styling":!1,"use-custom-slot":!0,"data-test-byo-upload-dropzone":"",onVdropzoneSuccess:o.onUploadSuccess},{default:R(()=>[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?y("",!0):(v(),z("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}])}," Upload your logo ",2)),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}])},e[1]||(e[1]=[C(" Drop your file here or "),g("span",{class:"tw-text-info-500"},"click to upload",-1)]),2),!t.smallLayout&&!t.shouldUseCompactLayout?(v(),z("p",{key:1,class:f(["tw-text-sm",{"tw-text-secondary-600":!t.isDesignCom,"tw-text-secondary-400":t.isDesignCom}])}," We accept PNG, JPG, SVG or EPS files up to 25MB ",2)):y("",!0)],2)],2)]),_:1},8,["id","class","options","onVdropzoneSuccess"])}const re=S(U,[["render",ie]]);U.__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/jamesjoung/repo/fe-shared-lib/src/experiences/components/UploadYourLogoDropzone/UploadYourLogoDropzone.vue"]};export{re as U};