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

package/.storybook-static/assets/UploadYourLogoApplication-CeFWp7qz.css

@@ -0,0 +1,9 @@
+/*!
+ * 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-C-OLYLzi.js

@@ -0,0 +1,194 @@
+import{a as Be}from"./axios-dxcvQi4N.js";import{M as Ae}from"./index-BqKh95Lf.js";import{E as se}from"./event-constants-6ydiL1p5.js";import{b as go}from"./brand-crowd-api.client-CfTgrTzo.js";import{t as ge}from"./tracking-ATsLLehC.js";import{I as pa}from"./Icon-B8lXgcc0.js";import{g as N,o as B,c as H,i as W,e as j,a as b,r as ua,t as ye,b as K,I as da,n as ft,x as $t,G as Kt,A as ga}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as ee}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{U as fa}from"./UploadYourLogoDropzone-Cxgdqo37.js";import{h as ma,L as va}from"./LogoBusinessBrandColours-7RXxlPF7.js";import{B as Ie}from"./Button-IgCxbLvL.js";import{a as wa,c as ba}from"./_commonjsHelpers-BosuxZz1.js";import{A as Y}from"./api-lSJGRrF2.js";import"./HelloBar-CXc7uecf.js";import"./ButtonPrimary-Ce51KkgM.js";const gt={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."},fo={components:{Icon:pa},props:{showCancelButton:{type:Boolean,required:!1,default:!0}},methods:{cancel(){this.$emit("on-cancel")}}},ya={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"},xa={class:"tw-flex tw-items-center tw-justify-center tw-flex-col tw-text-center tw-h-full lg:tw-h-auto"};function _a(l,p,w,y,v,m){const D=N("Icon");return B(),H("div",ya,[w.showCancelButton?(B(),H("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:p[0]||(p[0]=(...A)=>m.cancel&&m.cancel(...A))},[W(D,{name:"close",size:"sm"})])):j("",!0),b("div",xa,[ua(l.$slots,"content")])])}const Oa=ee(fo,[["render",_a]]);fo.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadModal.vue"]};const mo={props:{loadingText:{type:String,required:!0}}},Ca={class:"tw-pt-12 tw-pb-16 tw-flex tw-flex-col tw-items-center tw-justify-center"},Ea=b("img",{src:"https://dcstatic.com/images/brandcrowd/on-boarding/loading/preloader-1-d1cc0b885f.gif",alt:"Loading",class:"tw-block tw-mb-8"},null,-1),Da={class:"tw-text-black tw-text-2xl tw-font-bold tw-text-center"};function La(l,p,w,y,v,m){return B(),H("div",Ca,[Ea,b("p",Da,ye(w.loadingText),1)])}const vo=ee(mo,[["render",La]]);mo.__docgenInfo={exportName:"default",displayName:"LogoUploadingLoader",description:"",tags:{},props:[{name:"loadingText",type:{name:"string"},required:!0}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadingLoader.vue"]};const wo={components:{LogoUploadingLoader:vo},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 l=0;const p=Date.now(),w=setInterval(()=>{l=Date.now()-p},1),y=await go.uploadLogoAndGetDetails(this.logoFile);if(clearInterval(w),this.isRunning=!1,y.error){this.$emit("on-upload-error",y.error);return}y.success?this.$emit("on-upload-success",y.response):this.$emit("on-upload-error",y.response);const v=ma(y.response.data.logoImageDetails.textColors[0],y.response.data.logoImageDetails.backgroundColors[0]);ge({eventCategory:this.eventCategory,eventAction:"timeTakenToUpload",eventLabel:`${l}`,event:"byoLogoUpload"}),ge({eventCategory:this.eventCategory,eventAction:"logoSize",eventLabel:`${this.logoFile.file.size}`,event:"byoLogoUpload"}),ge({eventCategory:this.eventCategory,eventAction:"colorDifference",eventLabel:`${v}`,event:"byoLogoUpload"})}}};function Sa(l,p,w,y,v,m){const D=N("LogoUploadingLoader");return B(),K(D,{"loading-text":"Uploading and converting your logo..."})}const Ta=ee(wo,[["render",Sa]]);wo.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploader.vue"]};const bo={components:{Button:Ie},props:{errorMessage:{type:String,required:!1,default:null}},methods:{cancel(){this.$emit("on-cancel")},openFileSelector(){this.$refs.fileInput.click()},onFileInputChange(l){l.target.files.length&&this.$emit("on-logo-file-change",l.target.files[0])}}},Ba={class:"tw-w-full"},Aa={class:"tw-px-8 tw-pb-8"},Ia=b("h2",{class:"tw-mb-8 tw-text-4xl tw-font-bold"},"Upload Error",-1),Ua={class:"tw-mt-0 tw-text-grayscale-600 tw-text-base tw-text-center"},Pa={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 ka(l,p,w,y,v,m){const D=N("Button");return B(),H("div",Ba,[b("div",Aa,[Ia,b("p",Ua,ye(w.errorMessage),1)]),b("div",Pa,[W(D,{label:"Cancel",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:m.cancel},null,8,["onOnClick"]),b("input",{ref:"fileInput",class:"tw-sr-only",type:"file",accept:".jpg,.jpeg,.png,.svg,.eps",onChange:p[0]||(p[0]=(...A)=>m.onFileInputChange&&m.onFileInputChange(...A))},null,544),W(D,{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=ee(bo,[["render",ka]]);bo.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadError.vue"]};const yo={components:{Button:Ie},methods:{goBack(){this.$emit("on-go-back")},confirm(){this.$emit("on-confirm")}}},Ma={class:"tw-w-full"},Ra=b("div",{class:"tw-px-8 tw-pb-8"},[b("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Are you sure you want to exit?"),b("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),Ya={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 za(l,p,w,y,v,m){const D=N("Button");return B(),H("div",Ma,[Ra,b("div",Ya,[W(D,{label:"No",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-no-btn":"",onOnClick:m.goBack},null,8,["onOnClick"]),W(D,{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 Fa=ee(yo,[["render",za]]);yo.__docgenInfo={exportName:"default",displayName:"LogoUploadExitConfirmation",description:"",tags:{},events:[{name:"on-go-back"},{name:"on-confirm"}],sourceFiles:["/Users/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoUploadExitConfirmation.vue"]};var xo={};const Ga=wa(da);var _o={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
+ */(function(l,p){(function(w,y){l.exports=y()})(ba,function(){function w(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 y(a){for(var e=1;e<arguments.length;e++){var o=arguments[e]!=null?arguments[e]:{};e%2?w(Object(o),!0).forEach(function(t){He(a,t,o[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(o)):w(Object(o)).forEach(function(t){Object.defineProperty(a,t,Object.getOwnPropertyDescriptor(o,t))})}return a}function v(a){"@babel/helpers - typeof";return v=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},v(a)}function m(a,e){if(!(a instanceof e))throw new TypeError("Cannot call a class as a function")}function D(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,vt(t.key),t)}}function A(a,e,o){return e&&D(a.prototype,e),o&&D(a,o),Object.defineProperty(a,"prototype",{writable:!1}),a}function He(a,e,o){return e=vt(e),e in a?Object.defineProperty(a,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):a[e]=o,a}function Pe(a){return We(a)||Ve(a)||qe(a)||$e()}function We(a){if(Array.isArray(a))return _e(a)}function Ve(a){if(typeof Symbol<"u"&&a[Symbol.iterator]!=null||a["@@iterator"]!=null)return Array.from(a)}function qe(a,e){if(a){if(typeof a=="string")return _e(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 _e(a,e)}}function _e(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 $e(){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 Ke(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||"default");if(typeof t!="object")return t;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(a)}function vt(a){var e=Ke(a,"string");return typeof e=="symbol"?e:String(e)}var ke=typeof window<"u"&&typeof window.document<"u",Z=ke?window:{},Ze=ke&&Z.document.documentElement?"ontouchstart"in Z.document.documentElement:!1,Qe=ke?"PointerEvent"in Z:!1,L="cropper",Je="all",wt="crop",bt="move",yt="zoom",le="e",ce="w",fe="s",ae="n",Oe="ne",Ce="nw",Ee="se",De="sw",et="".concat(L,"-crop"),xt="".concat(L,"-disabled"),z="".concat(L,"-hidden"),_t="".concat(L,"-hide"),So="".concat(L,"-invisible"),Ne="".concat(L,"-modal"),tt="".concat(L,"-move"),Le="".concat(L,"Action"),Me="".concat(L,"Preview"),ot="crop",Ot="move",Ct="none",at="crop",nt="cropend",it="cropmove",rt="cropstart",Et="dblclick",To=Ze?"touchstart":"mousedown",Bo=Ze?"touchmove":"mousemove",Ao=Ze?"touchend touchcancel":"mouseup",Dt=Qe?"pointerdown":To,Lt=Qe?"pointermove":Bo,St=Qe?"pointerup pointercancel":Ao,Tt="ready",Bt="resize",At="wheel",st="zoom",It="image/jpeg",Io=/^e|w|s|n|se|sw|ne|nw|all|crop|move|zoom$/,Uo=/^data:/,Po=/^data:image\/jpeg;base64,/,ko=/^img|canvas$/i,Ut=200,Pt=100,kt={viewMode:0,dragMode:ot,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:Ut,minContainerHeight:Pt,ready:null,cropstart:null,cropmove:null,cropend:null,crop:null,zoom:null},No='<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>',Mo=Number.isNaN||Z.isNaN;function x(a){return typeof a=="number"&&!Mo(a)}var Nt=function(e){return e>0&&e<1/0};function lt(a){return typeof a>"u"}function he(a){return v(a)==="object"&&a!==null}var Ro=Object.prototype.hasOwnProperty;function me(a){if(!he(a))return!1;try{var e=a.constructor,o=e.prototype;return e&&o&&Ro.call(o,"isPrototypeOf")}catch{return!1}}function F(a){return typeof a=="function"}var Yo=Array.prototype.slice;function Mt(a){return Array.from?Array.from(a):Yo.call(a)}function I(a,e){return a&&F(e)&&(Array.isArray(a)||x(a.length)?Mt(a).forEach(function(o,t){e.call(a,o,t,a)}):he(a)&&Object.keys(a).forEach(function(o){e.call(a,a[o],o,a)})),a}var S=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 he(e)&&t.length>0&&t.forEach(function(n){he(n)&&Object.keys(n).forEach(function(i){e[i]=n[i]})}),e},zo=/\.\d*(?:0|9){12}\d*$/;function ve(a){var e=arguments.length>1&&arguments[1]!==void 0?arguments[1]:1e11;return zo.test(a)?Math.round(a*e)/e:a}var Fo=/^width|height|left|top|marginLeft|marginTop$/;function ne(a,e){var o=a.style;I(e,function(t,r){Fo.test(r)&&x(t)&&(t="".concat(t,"px")),o[r]=t})}function Go(a,e){return a.classList?a.classList.contains(e):a.className.indexOf(e)>-1}function M(a,e){if(e){if(x(a.length)){I(a,function(t){M(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 Q(a,e){if(e){if(x(a.length)){I(a,function(o){Q(o,e)});return}if(a.classList){a.classList.remove(e);return}a.className.indexOf(e)>=0&&(a.className=a.className.replace(e,""))}}function we(a,e,o){if(e){if(x(a.length)){I(a,function(t){we(t,e,o)});return}o?M(a,e):Q(a,e)}}var jo=/([a-z\d])([A-Z])/g;function ct(a){return a.replace(jo,"$1-$2").toLowerCase()}function ht(a,e){return he(a[e])?a[e]:a.dataset?a.dataset[e]:a.getAttribute("data-".concat(ct(e)))}function Se(a,e,o){he(o)?a[e]=o:a.dataset?a.dataset[e]=o:a.setAttribute("data-".concat(ct(e)),o)}function Xo(a,e){if(he(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(ct(e)))}var Rt=/\s\s*/,Yt=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}});Z.addEventListener("test",o,t),Z.removeEventListener("test",o,t)}return a}();function $(a,e,o){var t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},r=o;e.trim().split(Rt).forEach(function(n){if(!Yt){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 V(a,e,o){var t=arguments.length>3&&arguments[3]!==void 0?arguments[3]:{},r=o;e.trim().split(Rt).forEach(function(n){if(t.once&&!Yt){var i=a.listeners,s=i===void 0?{}:i;r=function(){delete s[n][o],a.removeEventListener(n,r,t);for(var u=arguments.length,c=new Array(u),h=0;h<u;h++)c[h]=arguments[h];o.apply(a,c)},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 be(a,e,o){var t;return F(Event)&&F(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 zt(a){var e=a.getBoundingClientRect();return{left:e.left+(window.pageXOffset-document.documentElement.clientLeft),top:e.top+(window.pageYOffset-document.documentElement.clientTop)}}var pt=Z.location,Ho=/^(\w+:)\/\/([^:/?#]*):?(\d*)/i;function Ft(a){var e=a.match(Ho);return e!==null&&(e[1]!==pt.protocol||e[2]!==pt.hostname||e[3]!==pt.port)}function Gt(a){var e="timestamp=".concat(new Date().getTime());return a+(a.indexOf("?")===-1?"?":"&")+e}function Te(a){var e=a.rotate,o=a.scaleX,t=a.scaleY,r=a.translateX,n=a.translateY,i=[];x(r)&&r!==0&&i.push("translateX(".concat(r,"px)")),x(n)&&n!==0&&i.push("translateY(".concat(n,"px)")),x(e)&&e!==0&&i.push("rotate(".concat(e,"deg)")),x(o)&&o!==1&&i.push("scaleX(".concat(o,")")),x(t)&&t!==1&&i.push("scaleY(".concat(t,")"));var s=i.length?i.join(" "):"none";return{WebkitTransform:s,msTransform:s,transform:s}}function Wo(a){var e=y({},a),o=0;return I(a,function(t,r){delete e[r],I(e,function(n){var i=Math.abs(t.startX-n.startX),s=Math.abs(t.startY-n.startY),g=Math.abs(t.endX-n.endX),u=Math.abs(t.endY-n.endY),c=Math.sqrt(i*i+s*s),h=Math.sqrt(g*g+u*u),d=(h-c)/c;Math.abs(d)>Math.abs(o)&&(o=d)})}),o}function Re(a,e){var o=a.pageX,t=a.pageY,r={endX:o,endY:t};return e?r:y({startX:o,startY:t},r)}function Vo(a){var e=0,o=0,t=0;return I(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 ie(a){var e=a.aspectRatio,o=a.height,t=a.width,r=arguments.length>1&&arguments[1]!==void 0?arguments[1]:"contain",n=Nt(t),i=Nt(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 qo(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,g=e*n+o*i;return t>90?{width:g,height:s}:{width:s,height:g}}function $o(a,e,o,t){var r=e.aspectRatio,n=e.naturalWidth,i=e.naturalHeight,s=e.rotate,g=s===void 0?0:s,u=e.scaleX,c=u===void 0?1:u,h=e.scaleY,d=h===void 0?1:h,O=o.aspectRatio,_=o.naturalWidth,T=o.naturalHeight,C=t.fillColor,P=C===void 0?"transparent":C,R=t.imageSmoothingEnabled,U=R===void 0?!0:R,te=t.imageSmoothingQuality,X=te===void 0?"low":te,f=t.maxWidth,E=f===void 0?1/0:f,k=t.maxHeight,q=k===void 0?1/0:k,oe=t.minWidth,pe=oe===void 0?0:oe,ue=t.minHeight,re=ue===void 0?0:ue,J=document.createElement("canvas"),G=J.getContext("2d"),de=ie({aspectRatio:O,width:E,height:q}),Ye=ie({aspectRatio:O,width:pe,height:re},"cover"),ut=Math.min(de.width,Math.max(Ye.width,_)),dt=Math.min(de.height,Math.max(Ye.height,T)),Ht=ie({aspectRatio:r,width:E,height:q}),Wt=ie({aspectRatio:r,width:pe,height:re},"cover"),Vt=Math.min(Ht.width,Math.max(Wt.width,n)),qt=Math.min(Ht.height,Math.max(Wt.height,i)),ca=[-Vt/2,-qt/2,Vt,qt];return J.width=ve(ut),J.height=ve(dt),G.fillStyle=P,G.fillRect(0,0,ut,dt),G.save(),G.translate(ut/2,dt/2),G.rotate(g*Math.PI/180),G.scale(c,d),G.imageSmoothingEnabled=U,G.imageSmoothingQuality=X,G.drawImage.apply(G,[a].concat(Pe(ca.map(function(ha){return Math.floor(ve(ha))})))),G.restore(),J}var jt=String.fromCharCode;function Ko(a,e,o){var t="";o+=e;for(var r=e;r<o;r+=1)t+=jt(a.getUint8(r));return t}var Zo=/^data:.*,/;function Qo(a){var e=a.replace(Zo,""),o=atob(e),t=new ArrayBuffer(o.length),r=new Uint8Array(t);return I(r,function(n,i){r[i]=o.charCodeAt(i)}),t}function Jo(a,e){for(var o=[],t=8192,r=new Uint8Array(a);r.length>0;)o.push(jt.apply(null,Mt(r.subarray(0,t)))),r=r.subarray(t);return"data:".concat(e,";base64,").concat(btoa(o.join("")))}function ea(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 g=r+4,u=r+10;if(Ko(e,g,4)==="Exif"){var c=e.getUint16(u);if(t=c===18761,(t||c===19789)&&e.getUint16(u+2,t)===42){var h=e.getUint32(u+4,t);h>=8&&(n=u+h)}}}if(n){var d=e.getUint16(n,t),O,_;for(_=0;_<d;_+=1)if(O=n+_*12+2,e.getUint16(O,t)===274){O+=8,o=e.getUint16(O,t),e.setUint16(O,1,t);break}}}catch{o=1}return o}function ta(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 oa={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);M(r,z),Q(e,z);var s={width:Math.max(t.offsetWidth,n>=0?n:Ut),height:Math.max(t.offsetHeight,i>=0?i:Pt)};this.containerData=s,ne(r,{width:s.width,height:s.height}),M(e,z),Q(r,z)},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,g=e.width,u=e.height;e.height*s>e.width?t===3?g=e.height*s:u=e.width/s:t===3?u=e.width/s:g=e.height*s;var c={aspectRatio:s,naturalWidth:n,naturalHeight:i,width:g,height:u};this.canvasData=c,this.limited=t===1||t===2,this.limitCanvas(!0,!0),c.width=Math.min(Math.max(c.width,c.minWidth),c.maxWidth),c.height=Math.min(Math.max(c.height,c.minHeight),c.maxHeight),c.left=(e.width-c.width)/2,c.top=(e.height-c.height)/2,c.oldLeft=c.left,c.oldTop=c.top,this.initialCanvasData=S({},c)},limitCanvas:function(e,o){var t=this.options,r=this.containerData,n=this.canvasData,i=this.cropBoxData,s=t.viewMode,g=n.aspectRatio,u=this.cropped&&i;if(e){var c=Number(t.minCanvasWidth)||0,h=Number(t.minCanvasHeight)||0;s>1?(c=Math.max(c,r.width),h=Math.max(h,r.height),s===3&&(h*g>c?c=h*g:h=c/g)):s>0&&(c?c=Math.max(c,u?i.width:0):h?h=Math.max(h,u?i.height:0):u&&(c=i.width,h=i.height,h*g>c?c=h*g:h=c/g));var d=ie({aspectRatio:g,width:c,height:h});c=d.width,h=d.height,n.minWidth=c,n.minHeight=h,n.maxWidth=1/0,n.maxHeight=1/0}if(o)if(s>(u?0:1)){var O=r.width-n.width,_=r.height-n.height;n.minLeft=Math.min(0,O),n.minTop=Math.min(0,_),n.maxLeft=Math.max(0,O),n.maxTop=Math.max(0,_),u&&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,O),n.maxLeft=Math.max(0,O)),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=qo({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,g=t.width*(i/t.naturalWidth),u=t.height*(s/t.naturalHeight);t.left-=(g-t.width)/2,t.top-=(u-t.height)/2,t.width=g,t.height=u,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,ne(this.canvas,S({width:t.width,height:t.height},Te({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);S(t,{width:r,height:n,left:(o.width-r)/2,top:(o.height-n)/2}),ne(this.image,S({width:t.width,height:t.height},Te(S({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=S({},n)},limitCropBox:function(e,o){var t=this.options,r=this.containerData,n=this.canvasData,i=this.cropBoxData,s=this.limited,g=t.aspectRatio;if(e){var u=Number(t.minCropBoxWidth)||0,c=Number(t.minCropBoxHeight)||0,h=s?Math.min(r.width,n.width,n.width+n.left,r.width-n.left):r.width,d=s?Math.min(r.height,n.height,n.height+n.top,r.height-n.top):r.height;u=Math.min(u,r.width),c=Math.min(c,r.height),g&&(u&&c?c*g>u?c=u/g:u=c*g:u?c=u/g:c&&(u=c*g),d*g>h?d=h/g:h=d*g),i.minWidth=Math.min(u,h),i.minHeight=Math.min(c,d),i.maxWidth=h,i.maxHeight=d}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&&Se(this.face,Le,t.width>=o.width&&t.height>=o.height?bt:Je),ne(this.cropBox,S({width:t.width,height:t.height},Te({translateX:t.left,translateY:t.top}))),this.cropped&&this.limited&&this.limitCanvas(!0,!0),this.disabled||this.output()},output:function(){this.preview(),be(this.element,at,this.getData())}},aa={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,I(s,function(g){var u=document.createElement("img");Se(g,Me,{width:g.offsetWidth,height:g.offsetHeight,html:g.innerHTML}),o&&(u.crossOrigin=o),u.src=r,u.alt=n,u.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;"',g.innerHTML="",g.appendChild(u)})}},resetPreview:function(){I(this.previews,function(e){var o=ht(e,Me);ne(e,{width:o.width,height:o.height}),e.innerHTML=o.html,Xo(e,Me)})},preview:function(){var e=this.imageData,o=this.canvasData,t=this.cropBoxData,r=t.width,n=t.height,i=e.width,s=e.height,g=t.left-o.left-e.left,u=t.top-o.top-e.top;!this.cropped||this.disabled||(ne(this.viewBoxImage,S({width:i,height:s},Te(S({translateX:-g,translateY:-u},e)))),I(this.previews,function(c){var h=ht(c,Me),d=h.width,O=h.height,_=d,T=O,C=1;r&&(C=d/r,T=n*C),n&&T>O&&(C=O/n,_=r*C,T=O),ne(c,{width:_,height:T}),ne(c.getElementsByTagName("img")[0],S({width:i*C,height:s*C},Te(S({translateX:-g*C,translateY:-u*C},e))))}))}},na={bind:function(){var e=this.element,o=this.options,t=this.cropper;F(o.cropstart)&&V(e,rt,o.cropstart),F(o.cropmove)&&V(e,it,o.cropmove),F(o.cropend)&&V(e,nt,o.cropend),F(o.crop)&&V(e,at,o.crop),F(o.zoom)&&V(e,st,o.zoom),V(t,Dt,this.onCropStart=this.cropStart.bind(this)),o.zoomable&&o.zoomOnWheel&&V(t,At,this.onWheel=this.wheel.bind(this),{passive:!1,capture:!0}),o.toggleDragModeOnDblclick&&V(t,Et,this.onDblclick=this.dblclick.bind(this)),V(e.ownerDocument,Lt,this.onCropMove=this.cropMove.bind(this)),V(e.ownerDocument,St,this.onCropEnd=this.cropEnd.bind(this)),o.responsive&&V(window,Bt,this.onResize=this.resize.bind(this))},unbind:function(){var e=this.element,o=this.options,t=this.cropper;F(o.cropstart)&&$(e,rt,o.cropstart),F(o.cropmove)&&$(e,it,o.cropmove),F(o.cropend)&&$(e,nt,o.cropend),F(o.crop)&&$(e,at,o.crop),F(o.zoom)&&$(e,st,o.zoom),$(t,Dt,this.onCropStart),o.zoomable&&o.zoomOnWheel&&$(t,At,this.onWheel,{passive:!1,capture:!0}),o.toggleDragModeOnDblclick&&$(t,Et,this.onDblclick),$(e.ownerDocument,Lt,this.onCropMove),$(e.ownerDocument,St,this.onCropEnd),o.responsive&&$(window,Bt,this.onResize)}},ia={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,g;e.restore&&(s=this.getCanvasData(),g=this.getCropBoxData()),this.render(),e.restore&&(this.setCanvasData(I(s,function(u,c){s[c]=u*i})),this.setCropBoxData(I(g,function(u,c){g[c]=u*i})))}}},dblclick:function(){this.disabled||this.options.dragMode===Ct||this.setDragMode(Go(this.dragBox,et)?Ot:ot)},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")&&(x(o)&&o!==1||x(t)&&t!==0||e.ctrlKey))){var r=this.options,n=this.pointers,i;e.changedTouches?I(e.changedTouches,function(s){n[s.identifier]=Re(s)}):n[e.pointerId||0]=Re(e),Object.keys(n).length>1&&r.zoomable&&r.zoomOnTouch?i=yt:i=ht(e.target,Le),Io.test(i)&&be(this.element,rt,{originalEvent:e,action:i})!==!1&&(e.preventDefault(),this.action=i,this.cropping=!1,i===wt&&(this.cropping=!0,M(this.dragBox,Ne)))}},cropMove:function(e){var o=this.action;if(!(this.disabled||!o)){var t=this.pointers;e.preventDefault(),be(this.element,it,{originalEvent:e,action:o})!==!1&&(e.changedTouches?I(e.changedTouches,function(r){S(t[r.identifier]||{},Re(r,!0))}):S(t[e.pointerId||0]||{},Re(e,!0)),this.change(e))}},cropEnd:function(e){if(!this.disabled){var o=this.action,t=this.pointers;e.changedTouches?I(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,we(this.dragBox,Ne,this.cropped&&this.options.modal)),be(this.element,nt,{originalEvent:e,action:o}))}}},ra={change:function(e){var o=this.options,t=this.canvasData,r=this.containerData,n=this.cropBoxData,i=this.pointers,s=this.action,g=o.aspectRatio,u=n.left,c=n.top,h=n.width,d=n.height,O=u+h,_=c+d,T=0,C=0,P=r.width,R=r.height,U=!0,te;!g&&e.shiftKey&&(g=h&&d?h/d:1),this.limited&&(T=n.minLeft,C=n.minTop,P=T+Math.min(r.width,t.width,t.left+t.width),R=C+Math.min(r.height,t.height,t.top+t.height));var X=i[Object.keys(i)[0]],f={x:X.endX-X.startX,y:X.endY-X.startY},E=function(q){switch(q){case le:O+f.x>P&&(f.x=P-O);break;case ce:u+f.x<T&&(f.x=T-u);break;case ae:c+f.y<C&&(f.y=C-c);break;case fe:_+f.y>R&&(f.y=R-_);break}};switch(s){case Je:u+=f.x,c+=f.y;break;case le:if(f.x>=0&&(O>=P||g&&(c<=C||_>=R))){U=!1;break}E(le),h+=f.x,h<0&&(s=ce,h=-h,u-=h),g&&(d=h/g,c+=(n.height-d)/2);break;case ae:if(f.y<=0&&(c<=C||g&&(u<=T||O>=P))){U=!1;break}E(ae),d-=f.y,c+=f.y,d<0&&(s=fe,d=-d,c-=d),g&&(h=d*g,u+=(n.width-h)/2);break;case ce:if(f.x<=0&&(u<=T||g&&(c<=C||_>=R))){U=!1;break}E(ce),h-=f.x,u+=f.x,h<0&&(s=le,h=-h,u-=h),g&&(d=h/g,c+=(n.height-d)/2);break;case fe:if(f.y>=0&&(_>=R||g&&(u<=T||O>=P))){U=!1;break}E(fe),d+=f.y,d<0&&(s=ae,d=-d,c-=d),g&&(h=d*g,u+=(n.width-h)/2);break;case Oe:if(g){if(f.y<=0&&(c<=C||O>=P)){U=!1;break}E(ae),d-=f.y,c+=f.y,h=d*g}else E(ae),E(le),f.x>=0?O<P?h+=f.x:f.y<=0&&c<=C&&(U=!1):h+=f.x,f.y<=0?c>C&&(d-=f.y,c+=f.y):(d-=f.y,c+=f.y);h<0&&d<0?(s=De,d=-d,h=-h,c-=d,u-=h):h<0?(s=Ce,h=-h,u-=h):d<0&&(s=Ee,d=-d,c-=d);break;case Ce:if(g){if(f.y<=0&&(c<=C||u<=T)){U=!1;break}E(ae),d-=f.y,c+=f.y,h=d*g,u+=n.width-h}else E(ae),E(ce),f.x<=0?u>T?(h-=f.x,u+=f.x):f.y<=0&&c<=C&&(U=!1):(h-=f.x,u+=f.x),f.y<=0?c>C&&(d-=f.y,c+=f.y):(d-=f.y,c+=f.y);h<0&&d<0?(s=Ee,d=-d,h=-h,c-=d,u-=h):h<0?(s=Oe,h=-h,u-=h):d<0&&(s=De,d=-d,c-=d);break;case De:if(g){if(f.x<=0&&(u<=T||_>=R)){U=!1;break}E(ce),h-=f.x,u+=f.x,d=h/g}else E(fe),E(ce),f.x<=0?u>T?(h-=f.x,u+=f.x):f.y>=0&&_>=R&&(U=!1):(h-=f.x,u+=f.x),f.y>=0?_<R&&(d+=f.y):d+=f.y;h<0&&d<0?(s=Oe,d=-d,h=-h,c-=d,u-=h):h<0?(s=Ee,h=-h,u-=h):d<0&&(s=Ce,d=-d,c-=d);break;case Ee:if(g){if(f.x>=0&&(O>=P||_>=R)){U=!1;break}E(le),h+=f.x,d=h/g}else E(fe),E(le),f.x>=0?O<P?h+=f.x:f.y>=0&&_>=R&&(U=!1):h+=f.x,f.y>=0?_<R&&(d+=f.y):d+=f.y;h<0&&d<0?(s=Ce,d=-d,h=-h,c-=d,u-=h):h<0?(s=De,h=-h,u-=h):d<0&&(s=Oe,d=-d,c-=d);break;case bt:this.move(f.x,f.y),U=!1;break;case yt:this.zoom(Wo(i),e),U=!1;break;case wt:if(!f.x||!f.y){U=!1;break}te=zt(this.cropper),u=X.startX-te.left,c=X.startY-te.top,h=n.minWidth,d=n.minHeight,f.x>0?s=f.y>0?Ee:Oe:f.x<0&&(u-=h,s=f.y>0?De:Ce),f.y<0&&(c-=d),this.cropped||(Q(this.cropBox,z),this.cropped=!0,this.limited&&this.limitCropBox(!0,!0));break}U&&(n.width=h,n.height=d,n.left=u,n.top=c,this.action=s,this.renderCropBox()),I(i,function(k){k.startX=k.endX,k.startY=k.endY})}},sa={crop:function(){return this.ready&&!this.cropped&&!this.disabled&&(this.cropped=!0,this.limitCropBox(!0,!0),this.options.modal&&M(this.dragBox,Ne),Q(this.cropBox,z),this.setCropBoxData(this.initialCropBoxData)),this},reset:function(){return this.ready&&!this.disabled&&(this.imageData=S({},this.initialImageData),this.canvasData=S({},this.initialCanvasData),this.cropBoxData=S({},this.initialCropBoxData),this.renderCanvas(),this.cropped&&this.renderCropBox()),this},clear:function(){return this.cropped&&!this.disabled&&(S(this.cropBoxData,{left:0,top:0,width:0,height:0}),this.cropped=!1,this.renderCropBox(),this.limitCanvas(!0,!0),this.renderCanvas(),Q(this.dragBox,Ne),M(this.cropBox,z)),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,I(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,Q(this.cropper,xt)),this},disable:function(){return this.ready&&!this.disabled&&(this.disabled=!0,M(this.cropper,xt)),this},destroy:function(){var e=this.element;return e[L]?(e[L]=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(lt(e)?e:r+Number(e),lt(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&&(x(e)&&(t.left=e,r=!0),x(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,g=n.naturalWidth,u=n.naturalHeight;if(e=Number(e),e>=0&&this.ready&&!this.disabled&&r.zoomable){var c=g*e,h=u*e;if(be(this.element,st,{ratio:e,oldRatio:i/g,originalEvent:t})===!1)return this;if(t){var d=this.pointers,O=zt(this.cropper),_=d&&Object.keys(d).length?Vo(d):{pageX:t.pageX,pageY:t.pageY};n.left-=(c-i)*((_.pageX-O.left-n.left)/i),n.top-=(h-s)*((_.pageY-O.top-n.top)/s)}else me(o)&&x(o.x)&&x(o.y)?(n.left-=(c-i)*((o.x-n.left)/i),n.top-=(h-s)*((o.y-n.top)/s)):(n.left-=(c-i)/2,n.top-=(h-s)/2);n.width=c,n.height=h,this.renderCanvas(!0)}return this},rotate:function(e){return this.rotateTo((this.imageData.rotate||0)+Number(e))},rotateTo:function(e){return e=Number(e),x(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,x(o)?o:1)},scaleY:function(e){var o=this.imageData.scaleX;return this.scale(x(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&&(x(e)&&(t.scaleX=e,r=!0),x(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(I(i,function(c,h){i[h]=c/s}),e){var g=Math.round(i.y+i.height),u=Math.round(i.x+i.width);i.x=Math.round(i.x),i.y=Math.round(i.y),i.width=u-i.x,i.height=g-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&&me(e)){var i=!1;o.rotatable&&x(e.rotate)&&e.rotate!==t.rotate&&(t.rotate=e.rotate,i=!0),o.scalable&&(x(e.scaleX)&&e.scaleX!==t.scaleX&&(t.scaleX=e.scaleX,i=!0),x(e.scaleY)&&e.scaleY!==t.scaleY&&(t.scaleY=e.scaleY,i=!0)),i&&this.renderCanvas(!0,!0);var s=t.width/t.naturalWidth;x(e.x)&&(n.left=e.x*s+r.left),x(e.y)&&(n.top=e.y*s+r.top),x(e.width)&&(n.width=e.width*s),x(e.height)&&(n.height=e.height*s),this.setCropBoxData(n)}return this},getContainerData:function(){return this.ready?S({},this.containerData):{}},getImageData:function(){return this.sized?S({},this.imageData):{}},getCanvasData:function(){var e=this.canvasData,o={};return this.ready&&I(["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&&me(e)&&(x(e.left)&&(o.left=e.left),x(e.top)&&(o.top=e.top),x(e.width)?(o.width=e.width,o.height=e.width/t):x(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&&me(e)&&(x(e.left)&&(o.left=e.left),x(e.top)&&(o.top=e.top),x(e.width)&&e.width!==o.width&&(r=!0,o.width=e.width),x(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=$o(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,g=r.height,u=t.width/Math.floor(o.naturalWidth);u!==1&&(n*=u,i*=u,s*=u,g*=u);var c=s/g,h=ie({aspectRatio:c,width:e.maxWidth||1/0,height:e.maxHeight||1/0}),d=ie({aspectRatio:c,width:e.minWidth||0,height:e.minHeight||0},"cover"),O=ie({aspectRatio:c,width:e.width||(u!==1?t.width:s),height:e.height||(u!==1?t.height:g)}),_=O.width,T=O.height;_=Math.min(h.width,Math.max(d.width,_)),T=Math.min(h.height,Math.max(d.height,T));var C=document.createElement("canvas"),P=C.getContext("2d");C.width=ve(_),C.height=ve(T),P.fillStyle=e.fillColor||"transparent",P.fillRect(0,0,_,T);var R=e.imageSmoothingEnabled,U=R===void 0?!0:R,te=e.imageSmoothingQuality;P.imageSmoothingEnabled=U,te&&(P.imageSmoothingQuality=te);var X=t.width,f=t.height,E=n,k=i,q,oe,pe,ue,re,J;E<=-s||E>X?(E=0,q=0,pe=0,re=0):E<=0?(pe=-E,E=0,q=Math.min(X,s+E),re=q):E<=X&&(pe=0,q=Math.min(s,X-E),re=q),q<=0||k<=-g||k>f?(k=0,oe=0,ue=0,J=0):k<=0?(ue=-k,k=0,oe=Math.min(f,g+k),J=oe):k<=f&&(ue=0,oe=Math.min(g,f-k),J=oe);var G=[E,k,q,oe];if(re>0&&J>0){var de=_/s;G.push(pe*de,ue*de,re*de,J*de)}return P.drawImage.apply(P,[t].concat(Pe(G.map(function(Ye){return Math.floor(ve(Ye))})))),C},setAspectRatio:function(e){var o=this.options;return!this.disabled&&!lt(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===ot,i=o.movable&&e===Ot;e=n||i?e:Ct,o.dragMode=e,Se(t,Le,e),we(t,et,n),we(t,tt,i),o.cropBoxMovable||(Se(r,Le,e),we(r,et,n),we(r,tt,i))}return this}},la=Z.Cropper,Xt=function(){function a(e){var o=arguments.length>1&&arguments[1]!==void 0?arguments[1]:{};if(m(this,a),!e||!ko.test(e.tagName))throw new Error("The first argument is required and must be an <img> or <canvas> element.");this.element=e,this.options=S({},kt,me(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 A(a,[{key:"init",value:function(){var o=this.element,t=o.tagName.toLowerCase(),r;if(!o[L]){if(o[L]=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(Uo.test(o)){Po.test(o)?this.read(Qo(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")!==It&&i.abort()},i.onload=function(){t.read(i.response)},i.onloadend=function(){t.reloading=!1,t.xhr=null},n.checkCrossOrigin&&Ft(o)&&r.crossOrigin&&(o=Gt(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=ea(o),i=0,s=1,g=1;if(n>1){this.url=Jo(o,It);var u=ta(n);i=u.rotate,s=u.scaleX,g=u.scaleY}t.rotatable&&(r.rotate=i),t.scalable&&(r.scaleX=s,r.scaleY=g),this.clone()}},{key:"clone",value:function(){var o=this.element,t=this.url,r=o.crossOrigin,n=t;this.options.checkCrossOrigin&&Ft(t)&&(r||(r="anonymous"),n=Gt(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),M(i,_t),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=Z.navigator&&/(?:iPad|iPhone|iPod).*?AppleWebKit/i.test(Z.navigator.userAgent),n=function(u,c){S(o.imageData,{naturalWidth:u,naturalHeight:c,aspectRatio:u/c}),o.initialImageData=S({},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=No;var s=i.querySelector(".".concat(L,"-container")),g=s.querySelector(".".concat(L,"-canvas")),u=s.querySelector(".".concat(L,"-drag-box")),c=s.querySelector(".".concat(L,"-crop-box")),h=c.querySelector(".".concat(L,"-face"));this.container=n,this.cropper=s,this.canvas=g,this.dragBox=u,this.cropBox=c,this.viewBox=s.querySelector(".".concat(L,"-view-box")),this.face=h,g.appendChild(r),M(o,z),n.insertBefore(s,o.nextSibling),Q(r,_t),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,M(c,z),t.guides||M(c.getElementsByClassName("".concat(L,"-dashed")),z),t.center||M(c.getElementsByClassName("".concat(L,"-center")),z),t.background&&M(s,"".concat(L,"-bg")),t.highlight||M(h,So),t.cropBoxMovable&&(M(h,tt),Se(h,Le,Je)),t.cropBoxResizable||(M(c.getElementsByClassName("".concat(L,"-line")),z),M(c.getElementsByClassName("".concat(L,"-point")),z)),this.render(),this.ready=!0,this.setDragMode(t.dragMode),t.autoCrop&&this.crop(),this.setData(t.data),F(t.ready)&&V(o,Tt,t.ready,{once:!0}),be(o,Tt)}}},{key:"unbuild",value:function(){if(this.ready){this.ready=!1,this.unbind(),this.resetPreview();var o=this.cropper.parentNode;o&&o.removeChild(this.cropper),Q(this.element,z)}}},{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=la,a}},{key:"setDefaults",value:function(o){S(kt,me(o)&&o)}}]),a}();return S(Xt.prototype,oa,aa,na,ia,ra,sa),Xt})})(_o);var ja=_o.exports;Object.defineProperty(xo,"__esModule",{value:!0});var Zt=Ga,Xa=ja,Ha=Wa(Xa);function Wa(l){return l&&l.__esModule?l:{default:l}}function Va(l,p){var w={};for(var y in l)p.indexOf(y)>=0||Object.prototype.hasOwnProperty.call(l,y)&&(w[y]=l[y]);return w}var qa=typeof window>"u"?[String,Array]:[String,Array,Element,NodeList],$a=xo.default={render:function(){var p=this.crossorigin||void 0;return(0,Zt.h)("div",{style:this.containerStyle},[(0,Zt.h)("img",{ref:"img",src:this.src,alt:this.alt||"image",style:[{"max-width":"100%"},this.imgStyle],crossorigin:p})])},props:{containerStyle:Object,src:{type:String,default:""},alt:String,imgStyle:Object,viewMode:Number,dragMode:String,initialAspectRatio:Number,aspectRatio:Number,data:Object,preview:qa,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 p=this.$options.props;p.containerStyle,p.src,p.alt,p.imgStyle;var w=Va(p,["containerStyle","src","alt","imgStyle"]),y={};for(var v in w)this[v]!==void 0&&(y[v]=this[v]);this.cropper=new Ha.default(this.$refs.img,y)},methods:{reset:function(){return this.cropper.reset()},clear:function(){return this.cropper.clear()},initCrop:function(){return this.cropper.crop()},replace:function(p){var w=arguments.length>1&&arguments[1]!==void 0?arguments[1]:!1;return this.cropper.replace(p,w)},enable:function(){return this.cropper.enable()},disable:function(){return this.cropper.disable()},destroy:function(){return this.cropper.destroy()},move:function(p,w){return this.cropper.move(p,w)},moveTo:function(p){var w=arguments.length>1&&arguments[1]!==void 0?arguments[1]:p;return this.cropper.moveTo(p,w)},relativeZoom:function(p,w){return this.cropper.zoom(p,w)},zoomTo:function(p,w){return this.cropper.zoomTo(p,w)},rotate:function(p){return this.cropper.rotate(p)},rotateTo:function(p){return this.cropper.rotateTo(p)},scaleX:function(p){return this.cropper.scaleX(p)},scaleY:function(p){return this.cropper.scaleY(p)},scale:function(p){var w=arguments.length>1&&arguments[1]!==void 0?arguments[1]:p;return this.cropper.scale(p,w)},getData:function(){var p=arguments.length>0&&arguments[0]!==void 0?arguments[0]:!1;return this.cropper.getData(p)},setData:function(p){return this.cropper.setData(p)},getContainerData:function(){return this.cropper.getContainerData()},getImageData:function(){return this.cropper.getImageData()},getCanvasData:function(){return this.cropper.getCanvasData()},setCanvasData:function(p){return this.cropper.setCanvasData(p)},getCropBoxData:function(){return this.cropper.getCropBoxData()},setCropBoxData:function(p){return this.cropper.setCropBoxData(p)},getCroppedCanvas:function(){var p=arguments.length>0&&arguments[0]!==void 0?arguments[0]:{};return this.cropper.getCroppedCanvas(p)},setAspectRatio:function(p){return this.cropper.setAspectRatio(p)},setDragMode:function(p){return this.cropper.setDragMode(p)}}};const Oo={components:{Button:Ie,VueCropper:$a},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:l,y:p,width:w,height:y}=this.$refs.cropper.getData(!0),v={left:l,top:p,width:w,height:y},{naturalHeight:m,naturalWidth:D}=this.$refs.cropper.getImageData(),A=l!==0||p!==0||w!==D||y!==m;this.$emit("on-image-cropped",{bounds:v,dataUrl:this.$refs.cropper.getCroppedCanvas().toDataURL(),isCropped:A}),ge({eventCategory:this.eventCategory,eventAction:"cropLogo",eventLabel:"Clicked_Continue",event:"click"})},cancel(){this.$emit("on-cancel")},onCropReady(){this.cropperToolReady=!0}}},Ka={class:"c-byo-cropper tw-relative tw-w-full tw-h-full lg:tw-h-auto tw-flex tw-flex-col"},Za={class:"tw-h-full tw-pb-24 lg:tw-pb-0 tw-overflow-scroll"},Qa={class:"tw-pb-8"},Ja={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},en=b("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Crop your logo",-1),tn=b("p",{class:"tw-mt-0"},"Crop your logo design to fit our logo maker canvas",-1),on={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 an(l,p,w,y,v,m){const D=N("vue-cropper"),A=N("Button");return B(),H("div",Ka,[b("div",Za,[b("div",Qa,[b("p",Ja,ye(w.progressLabel),1),en,tn]),b("div",{class:ft(["c-byo-cropper__container lg:tw-pb-8 tw-mx-auto",{"tw-opacity-0":!v.cropperToolReady}])},[w.logoData&&w.logoData.logoImageUrl?(B(),K(D,{key:0,ref:"cropper","view-mode":2,zoomable:!1,movable:!1,src:w.logoData.logoImageUrl,ready:m.onCropReady,"auto-crop-area":1},null,8,["src","ready"])):j("",!0)],2)]),b("div",on,[W(A,{label:"Cancel",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:m.cancel},null,8,["onOnClick"]),W(A,{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 nn=ee(Oo,[["render",an]]);Oo.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoCropper.vue"]};const Co={components:{Button:Ie},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 l={left:0,top:0,width:this.$refs.preview.naturalWidth,height:this.$refs.preview.naturalHeight};this.$emit("on-continue",{bounds:l,dataUrl:this.logoData.logoImageUrl}),ge({eventCategory:this.eventCategory,eventAction:"previewLogo",eventLabel:"Clicked_Continue",event:"click"})},cancel(){this.$emit("on-cancel")}}},rn={class:"tw-relative tw-w-full tw-h-full lg:tw-h-auto tw-flex tw-flex-col"},sn={class:"tw-h-full tw-pb-24 lg:tw-pb-0"},ln={class:"lg:tw-pb-8"},cn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},hn=b("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Logo preview",-1),pn=b("p",{class:"tw-mt-0"},"Your logo looks great! Help us setup your logo by completing the next steps.",-1),un={class:"lg:tw-pb-8 lg:tw-px-8"},dn=["src"],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(l,p,w,y,v,m){const D=N("Button");return B(),H("div",rn,[b("div",sn,[b("div",ln,[b("p",cn,ye(w.progressLabel),1),hn,pn]),b("div",un,[w.logoData&&w.logoData.logoImageUrl?(B(),H("img",{key:0,ref:"preview",class:"tw-inline tw-max-h-72",src:w.logoData.logoImageUrl,alt:"preview"},null,8,dn)):j("",!0)])]),b("div",gn,[W(D,{label:"Cancel",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-cancel-btn":"",onOnClick:m.cancel},null,8,["onOnClick"]),W(D,{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 mn=ee(Co,[["render",fn]]);Co.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoPreview.vue"]};const Eo={components:{Button:Ie},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(l){l.keyCode===13&&this.save()},onBusinessTextKeyUp(l){l.keyCode===13&&this.save()},save(){const l={businessText:this.businessText};this.sloganText&&(l.sloganText=this.sloganText),this.$emit("on-save",l),ge({eventCategory:this.eventCategory,eventAction:"businessName",eventLabel:"Clicked_Continue",event:"click"})}}},vn={class:"tw-w-full tw-flex tw-flex-col tw-h-full lg:tw-h-auto"},wn={class:"tw-h-full tw-pb-24 lg:tw-pb-0"},bn={class:"tw-pb-8"},yn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},xn=b("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Business Name",-1),_n=b("p",{class:"tw-mt-0"},"Enter your logo text or business name",-1),On={class:"tw-pb-8 tw-px-8"},Cn={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 En(l,p,w,y,v,m){const D=N("Button");return B(),H("div",vn,[b("div",wn,[b("div",bn,[b("p",yn,ye(w.progressLabel),1),xn,_n]),b("div",On,[b("div",{class:ft({"tw-mb-4":w.logoData.logoImageDetails.sloganText})},[$t(b("input",{"onUpdate:modelValue":p[0]||(p[0]=A=>v.businessText=A),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:p[1]||(p[1]=(...A)=>m.onBusinessTextKeyUp&&m.onBusinessTextKeyUp(...A))},null,544),[[Kt,v.businessText]])],2),b("div",null,[w.logoData.logoImageDetails.sloganText?$t((B(),H("input",{key:0,"onUpdate:modelValue":p[2]||(p[2]=A=>v.sloganText=A),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:p[3]||(p[3]=(...A)=>m.onSloganTextKeyUp&&m.onSloganTextKeyUp(...A))},null,544)),[[Kt,v.sloganText]]):j("",!0)])])]),b("div",Cn,[W(D,{label:"Back",size:"large",variant:"outline","container-classes":"tw-mx-2","data-test-back-btn":"",onOnClick:m.back},null,8,["onOnClick"]),W(D,{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 Dn=ee(Eo,[["render",En]]);Eo.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/LogoBusinessText.vue"]};const Do={components:{LogoUploadModal:Oa,UploadYourLogoDropzone:fa,LogoUploader:Ta,LogoUploadError:Na,LogoUploadExitConfirmation:Fa,LogoCropper:nn,LogoPreview:mn,LogoBusinessText:Dn,LogoBusinessBrandColours:va,LogoUploadingLoader:vo},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>gt.MAX_BYO_FILE_SIZE?gt.MAX_BYO_FILE_SIZE_EXCEEDED_MSG:null)}}},methods:{onUploadSuccess(l){this.$emit("on-logo-upload-success"),this.uploadedLogoData=l.data,this.currentStep=2},onUploadError(l){var p,w,y,v;this.$emit("on-logo-upload-error"),typeof((w=(p=l.response)==null?void 0:p.data)==null?void 0:w.errorMessage)=="string"&&((v=(y=l.response)==null?void 0:y.data)==null?void 0:v.errorMessage)!==""?this.errorMessage=l.response.data.errorMessage:this.errorMessage=gt.GENERIC_BYO_ERROR,this.currentStep=null},onImageCropped(l){this.$emit("on-image-cropped",{isCropped:l.isCropped});const{bounds:p,dataUrl:w}=l;this.croppedImageBoxBounds=p,this.croppedImageBoxDataUrl=w,this.currentStep=3},onCancel(){this.isAttemptingToExit=!0,(this.currentStep===0||this.hasError)&&this.onExitConfirm(),ge({eventCategory:this.eventCategory,eventAction:this.currentStepTrackingLabel,eventLabel:"Clicked_Cancel",event:"click"})},onLogoFileChange(l){this.$emit("on-file-change",l),this.reset()},onExitConfirm(){const{currentStepTrackingLabel:l}=this;this.reset(),this.$emit("on-exit",{currentStepTrackingLabel:l})},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(l){this.$emit("on-save-business-text",{businessText:l.businessText}),this.savedBusinessText=l,this.currentStep=4},onBrandColoursSave(l){this.$emit("on-brand-colors-save",{textColorUserSelected:l.textColorUserSelected,backgroundColorUserSelected:l.backgroundColorUserSelected}),this.brandColourData=l,this.save()},async save(){if(this.isCurrentlySaving)return;this.isCurrentlySaving=!0;const l={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},p=await go.createUserLogo(l);if(this.isCurrentlySaving=!1,p.error){this.onUploadError(p.error);return}this.$emit("on-finish",p.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}}},Ln={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"},Sn={key:0,class:"tw-w-full"},Tn={class:"tw-text-grayscale-600 tw-font-bold tw-text-xs tw-mb-2 tw-uppercase"},Bn=b("h2",{class:"tw-mb-4 tw-text-4xl tw-text-black tw-font-bold"},"Upload your logo",-1),An=b("p",{class:"tw-mt-0 tw-pb-8"},"Please ensure you have the right to use any image you upload.",-1);function In(l,p,w,y,v,m){const D=N("UploadYourLogoDropzone"),A=N("LogoUploader"),He=N("LogoCropper"),Pe=N("LogoPreview"),We=N("LogoBusinessText"),Ve=N("LogoBusinessBrandColours"),qe=N("LogoUploadError"),_e=N("LogoUploadingLoader"),$e=N("LogoUploadExitConfirmation"),Ke=N("LogoUploadModal");return B(),H("div",Ln,[W(Ke,{"show-cancel-button":(v.currentStep===0||v.currentStep>1||m.hasError)&&!v.isAttemptingToExit,class:ft({"tw-p-6":v.currentStep===0}),onOnCancel:m.onCancel},{content:ga(()=>[v.currentStep===0&&!v.isAttemptingToExit?(B(),H("div",Sn,[b("p",Tn,ye(m.currentStepProgressLabel),1),Bn,An,W(D,{"is-modal":!0,onOnUploadSuccess:m.onLogoFileChange},null,8,["onOnUploadSuccess"])])):j("",!0),w.logoFile&&!v.isAttemptingToExit&&!m.hasError&&v.currentStep===1?(B(),K(A,{key:1,"logo-file":w.logoFile,"event-category":m.eventCategory,onOnUploadSuccess:m.onUploadSuccess,onOnUploadError:m.onUploadError},null,8,["logo-file","event-category","onOnUploadSuccess","onOnUploadError"])):j("",!0),!v.isAttemptingToExit&&v.currentStep===2&&v.uploadedLogoData&&m.canCropImage?(B(),K(He,{key:2,"logo-data":v.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"])):j("",!0),!v.isAttemptingToExit&&v.currentStep===2&&v.uploadedLogoData&&!m.canCropImage?(B(),K(Pe,{key:3,"logo-data":v.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"])):j("",!0),!v.isAttemptingToExit&&v.currentStep===3&&v.uploadedLogoData?(B(),K(We,{key:4,"logo-data":v.uploadedLogoData,"saved-business-text":v.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"])):j("",!0),!v.isAttemptingToExit&&v.currentStep===4&&v.uploadedLogoData&&!v.isCurrentlySaving?(B(),K(Ve,{key:5,"logo-data":v.uploadedLogoData,"cropped-logo-image":l.croppedImageBoxDataUrl,"total-num-steps":v.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"])):j("",!0),m.hasError&&!v.isAttemptingToExit?(B(),K(qe,{key:6,"error-message":v.errorMessage,onOnCancel:m.onCancel,onOnLogoFileChange:m.onLogoFileChange},null,8,["error-message","onOnCancel","onOnLogoFileChange"])):j("",!0),v.isCurrentlySaving?(B(),K(_e,{key:7,"loading-text":"Generating Designs..."})):j("",!0),v.isAttemptingToExit&&v.currentStep>1?(B(),K($e,{key:8,onOnConfirm:m.onExitConfirm,onOnGoBack:m.onAbortExitConfirmation},null,8,["onOnConfirm","onOnGoBack"])):j("",!0)]),_:1},8,["show-cancel-button","class","onOnCancel"])])}const Un=ee(Do,[["render",In]]);Do.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoOnBoarding/UploadYourLogoOnBoarding.vue"]};const Lo={components:{UploadYourLogoOnBoarding:Un},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(se.BeginUploadLogoExperience,l=>{this.onBeginUploadLogoExperience(l.detail.file)})},beforeDestroy(){window.removeEventListener(se.BeginUploadLogoExperience,l=>{this.onBeginUploadLogoExperience(l.detail.file)})},methods:{onBeginUploadLogoExperience(l){this.active=!0,this.logoData.logoFile={file:l}},onExit({currentStepTrackingLabel:l}){this.$emit("on-exit",{currentStepTrackingLabel:l}),this.reset()},reset(){this.active=!1,this.logoData.logoFile=null},onUploadError(){this.logoData.logoFile=null},onFileChange(l){this.logoData.logoFile={file:l}},onFinish(l){this.$emit("on-finish",l),window.dispatchEvent(new CustomEvent(se.UploadLogoSuccess)),this.reset()},onBack({currentStepTrackingLabel:l}){this.$emit("on-back",{currentStepTrackingLabel:l})},onImageCropped({isCropped:l}){this.$emit("on-image-cropped",{isCropped:l})},onSaveBusinessText({businessText:l}){this.$emit("on-save-business-text",{businessText:l})},onBrandColorsSave({textColorUserSelected:l,backgroundColorUserSelected:p}){this.$emit("on-brand-colors-save",{textColorUserSelected:l,backgroundColorUserSelected:p})},onLogoUploadSuccess(){this.$emit("on-logo-upload-success")}}};function Pn(l,p,w,y,v,m){const D=N("UploadYourLogoOnBoarding");return B(),H("div",null,[v.active?(B(),K(D,{key:0,"logo-file":v.logoData.logoFile,"use-dropzone":w.useDropzone,"is-post-purchase-user-upload":w.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"])):j("",!0)])}const xe=ee(Lo,[["render",Pn]]);Lo.__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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoApplication/UploadYourLogoApplication.vue"]};const Zn={title:"Components/UploadYourLogoApplication",component:xe},Ue=2e3,mt={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"]}},kn={templateUploadToken:"6bc3885c-7e5c-4c9e-9b54-21dcd06ca647",logoImageUrl:"https://cdn.worldvectorlogo.com/logos/raspberry-pi.svg",logoImageDetails:{businessText:"LOGO TEXT HERE",textColors:["#cd003f"],backgroundColors:["#000000"]}},ze=()=>{const l=new Ae(Be,{delayResponse:Ue});return l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,mt),l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:xe},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :use-dropzone="true" @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(p){p.target.files.length&&window.dispatchEvent(new CustomEvent(se.BeginUploadLogoExperience,{detail:{file:p.target.files[0]}}))},onFinish(p){alert("on finish"),console.log(p)}}}},Fe=()=>{const l=new Ae(Be,{delayResponse:Ue});return l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,mt),l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:xe},template:`
+          <div>
+            <UploadYourLogoApplication :active="true" :use-dropzone="true" @on-file-change="onFileChange" />
+          </div>
+        `,methods:{onFileChange(p){p&&window.dispatchEvent(new CustomEvent(se.BeginUploadLogoExperience,{detail:{file:p}}))}}}},Ge=()=>{const l=new Ae(Be,{delayResponse:Ue});return l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,kn),l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_SAVE_ENDPOINT).reply(200,{success:!0}),{components:{UploadYourLogoApplication:xe},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(p){p.target.files.length&&window.dispatchEvent(new CustomEvent(se.BeginUploadLogoExperience,{detail:{file:p.target.files[0]}}))},onFinish(p){alert("on finish"),console.log(p)}}}},je=()=>(new Ae(Be,{delayResponse:Ue}).onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(500,"An error occured when extracting details from the image. Please try again."),{components:{UploadYourLogoApplication:xe},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(p){p.target.files.length&&window.dispatchEvent(new CustomEvent(se.BeginUploadLogoExperience,{detail:{file:p.target.files[0]}}))},onFinish(p){alert("on finish"),console.log(p)}}}),Xe=()=>{const l=new Ae(Be,{delayResponse:Ue});return l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_UPLOAD_LOGO_ENDPOINT).reply(200,mt),l.onPost(Y.BYO_LOGO_API_URL+Y.BYO_LOGO_API_SAVE_ENDPOINT).reply(500,"An error occured when creating a logo from the provided details. Please try again."),{components:{UploadYourLogoApplication:xe},template:`
+      <div>
+        <input type="file" @change="onFileInputChange" accept=".png,.svg,.eps" />
+        <UploadYourLogoApplication :is-user-authenticated="true" @on-finish="onFinish" />
+      </div>
+    `,methods:{onFileInputChange(p){p.target.files.length&&window.dispatchEvent(new CustomEvent(se.BeginUploadLogoExperience,{detail:{file:p.target.files[0]}}))},onFinish(p){alert("on finish"),console.log(p)}}}};var Qt,Jt,eo;ze.parameters={...ze.parameters,docs:{...(Qt=ze.parameters)==null?void 0:Qt.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);
+      }
+    }
+  };
+}`,...(eo=(Jt=ze.parameters)==null?void 0:Jt.docs)==null?void 0:eo.source}}};var to,oo,ao;Fe.parameters={...Fe.parameters,docs:{...(to=Fe.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>
+            <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
+            }
+          }));
+        }
+      }
+    }
+  };
+}`,...(ao=(oo=Fe.parameters)==null?void 0:oo.docs)==null?void 0:ao.source}}};var no,io,ro;Ge.parameters={...Ge.parameters,docs:{...(no=Ge.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_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);
+      }
+    }
+  };
+}`,...(ro=(io=Ge.parameters)==null?void 0:io.docs)==null?void 0:ro.source}}};var so,lo,co;je.parameters={...je.parameters,docs:{...(so=je.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(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);
+      }
+    }
+  };
+}`,...(co=(lo=je.parameters)==null?void 0:lo.docs)==null?void 0:co.source}}};var ho,po,uo;Xe.parameters={...Xe.parameters,docs:{...(ho=Xe.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(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);
+      }
+    }
+  };
+}`,...(uo=(po=Xe.parameters)==null?void 0:po.docs)==null?void 0:uo.source}}};const Qn=["Success","SuccessNotLoggedIn","SuccessSvg","FailOnUpload","FailOnCreate"];export{Xe as FailOnCreate,je as FailOnUpload,ze as Success,Fe as SuccessNotLoggedIn,Ge as SuccessSvg,Qn as __namedExportsOrder,Zn as default};

package/.storybook-static/assets/UploadYourLogoDropzone-BZeSfjIk.css

@@ -0,0 +1 @@
+@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-Cxgdqo37.js

@@ -0,0 +1,24 @@
+import{o as v,c as z,r as M,j as S,e as y,n as f,b as D,A as R,g as _,a as g}from"./vue.esm-bundler-C7QvyiW1.js";import{_ as C}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{E as P,T as O}from"./event-constants-6ydiL1p5.js";var w=k;function k(){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]=k(!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 x={};x=`<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(x),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",{},()=>[S("Drop files here to upload")])])):y("",!0)],10,X)}const J=C(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/brooke.couchman/Projects/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},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();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(P.ShowLoginModal,{detail:{isSave:!0,regoSource:b.UploadUserLogo,emailCapturedCallback:this.handleEmailCapturedForLogoUpload,shouldReloadPageOnSuccess:!1,assetType:this.assetType,templateTypeName:this.templateTypeFriendlyName,userTriggered:O.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)}}}},ie=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),se=[ie],ne=g("span",{class:"tw-text-info-500"},"click to upload",-1);function oe(i,e,t,s,n,o){const r=_("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-items-center tw-justify-center tw-flex-col tw-py-8 tw-cursor-pointer",{"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}]),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-text-center tw-px-2",{"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}])},[g("div",{class:f(["group-hover:tw-text-info-500 tw-flex tw-items-center tw-justify-center tw-w-full tw-mx-auto tw-mb-2",{"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}])},se,2),g("div",{class:f({"md:tw-flex md:tw-flex-col md:tw-ml-2":t.useLandscapeTile})},[t.isModal?y("",!0):(v(),z("p",{key:0,class:f(["tw-font-bold tw-text-black tw-text-lg tw-mb-2",{"md:tw-text-sm md:tw-mb-0":t.smallLayout}])}," 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}])},[S(" Drop your file here or "),ne],2),t.smallLayout?y("",!0):(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))],2)],2)]),_:1},8,["id","class","options","onVdropzoneSuccess"])}const de=C(U,[["render",oe]]);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:"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/brooke.couchman/Projects/fe-shared-lib/src/experiences/components/UploadYourLogoDropzone/UploadYourLogoDropzone.vue"]};export{de as U};