https://app.sandra-agerer.com/funnel/static/js/523.13a60c40.chunk.js

1"use strict";(self.webpackChunkfunnel=self.webpackChunkfunnel||[]).push([[523],{523:function(e,n,t){t.r(n),t.d(n,{default:function(){return R},fileInputAcceptType:function(){return z},resolveFileGroupingLabel:function(){return Q}});var r=t(4165),i=t(1413),a=t(5861),l=t(2982),c=t(885),o=t(7313),s=t(3123),u=t(3060),d=t(7273),f=t(5668),p=t(3298),m=t(2226),h=t(790),x=t(934),v=t(8327),g=t(684),j=t(5775),C=t(7913),S=t(4624),b=t(8942),Z=t(7977),k=t(9323),y=t(3022),N=t(9202),w=t(2960),I=t(8863),D=t(1806),E=t(2145),L=function(e){return e===E.SQ.ENGLISH?"Please choose a file":"Bitte w\xe4hle eine Datei aus"},U=function(e){return e===E.SQ.ENGLISH?"Something went wrong. Please try again.":"Etwas ist schief gelaufen, bitte w\xe4hle die Datei erneut aus."},G=function(e){return e===E.SQ.ENGLISH?"Click here to upload a file":"Hier klicken und eine Datei hochladen"},B=function(e){return e===E.SQ.ENGLISH?"Skip":"\xdcberspringen"},F=function(e){return e===E.SQ.ENGLISH?"Upload successful":"Upload erfolgreich"};var H=t(6417),Q=function(e,n){var t=(0,C.CJ)(e),r=n.find((function(e){return e.id===t}));return((null===r||void 0===r?void 0:r.name)||"").trim()||"Datei-Upload"};function T(e,n){var t=e.lastIndexOf("."),r=e.substring(0,t),i=e.substring(t);if(r.length+i.length<=n)return e;var a=Math.floor((n-4-i.length)/2);return r.substr(0,a)+" ... "+r.substr(-a)+i}var M=function(e){var n=(0,g.Vu)().fileSizeLimitPerUploadInMB,t=e.buttonText,k=e.innerText,M=e.accept,z=e.isRequired,P=e.multiple,R=(0,o.useState)(!1),_=(0,c.Z)(R,2),q=_[0],A=_[1],J=(0,h.D)(D.U),O=(0,c.Z)(J,1)[0],V=(0,v.C)(g.eo),Y=(0,v.C)(g.QY).language,K=(0,g.Uz)(),W=(0,o.useRef)(null),X=(0,x.a)(),$=X.nextStep,ee=X.activeStep,ne=(0,o.useState)([]),te=(0,c.Z)(ne,2),re=te[0],ie=te[1],ae=(0,o.useState)(null),le=(0,c.Z)(ae,2),ce=le[0],oe=le[1],se=(0,b.k)().socket,ue=(0,v.T)(),de=(0,g.br)(),fe=(0,o.useState)(!1),pe=(0,c.Z)(fe,2),me=pe[0],he=pe[1],xe=function(e){if(e){var t=[];if(Array.from(e).forEach((function(e){e.size>=1024*n*1024?oe(function(e,n){return e===E.SQ.ENGLISH?"The maximum filesize is ".concat(n," MB"):"Die Dateigr\xf6\xdfe darf ".concat(n," MB nicht \xfcberschreiten")}(Y,n)):M.includes(e.type)?t.push(e):oe(function(e,n){return n===E.SQ.ENGLISH?"Only ".concat(e," are allowed."):"Nur ".concat(e," Dateien sind zul\xe4ssig.")}(null!==k&&void 0!==k?k:"",Y))})),!t.length)return;if(!P)return void ie([t[0]]);ie([].concat((0,l.Z)(re),t))}},ve=ee===(0,C.qf)(),ge=function(){var e=(0,a.Z)((0,r.Z)().mark((function e(n,t,a){var l,c,o,s,u;return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(0!==n.length){e.next=3;break}return oe(L(Y)),e.abrupt("return");case 3:return e.prev=3,A(!0),l=new Date(Date.now()+864e5),c=n.map((function(e){return(0,i.Z)({file:e,name:e.name,expirationDate:l},ve&&{expirationDate:new Date(I.defaultExpiry),bookingId:de})})),e.next=9,O({variables:{files:c,areSignedUrlsRequired:!0}});case 9:o=e.sent,s=o.data,A(!1),u=s.uploadFile.filter((function(e){return null!==(null===e||void 0===e?void 0:e.id)&&void 0!==(null===e||void 0===e?void 0:e.id)})).map((function(e){return e.id})),ue((0,j.GI)(u)),ue((0,j.xI)(s.uploadFile.map((function(e){return{signedUrl:null===e||void 0===e?void 0:e.signedUrl,name:null===e||void 0===e?void 0:e.name}})))),u.length>0&&ue((0,j.hj)({questionLabel:Q(ee,K),fileIds:u})),ve?he(!0):je(t,a),oe(""),e.next=25;break;case 20:e.prev=20,e.t0=e.catch(3),console.error(e.t0),oe(U(Y)),A(!1);case 25:case"end":return e.stop()}}),e,null,[[3,20]])})));return function(n,t,r){return e.apply(this,arguments)}}(),je=function(e,n){if(void 0!==e)return ue((0,g.yR)(e)),void(n&&ue((0,g.op)(n)));var t=(0,C.CJ)(ee),r=(0,C.CJ)(ee+1);(0,S.SB)(se,{currentPageId:t,nextPageId:r}),(0,y.nw)(ee+1),$().catch(console.error)},Ce=o.Children.map(e.children,(function(e){if(o.isValidElement(e)){var n=e.props,t=n.actionLogic,l=n.selectedSectionId;return o.cloneElement(e,(0,i.Z)((0,i.Z)({},e.props),{},{className:String(e.props.className)+" mt-3",onClick:function(){var e=(0,a.Z)((0,r.Z)().mark((function e(){return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ge(re,t,l);case 2:return e.abrupt("return",e.sent);case 3:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),loading:q}))}return e}));return(0,H.jsx)(N.n,{className:"upload-file__wrapper",children:(0,H.jsxs)(H.Fragment,{children:[me&&(0,H.jsx)("div",{className:"overlay",children:(0,H.jsx)("div",{className:"d-flex justify-content-center h-100 align-items-center",children:(0,H.jsxs)("h5",{className:"overlay-disabled-text",children:["\u2705 ",F(Y)]})})}),(0,H.jsxs)("div",{className:"max-width__700px-centered d-flex align-items-center flex-column",children:[(0,H.jsxs)(s.FileDrop,{onTargetClick:function(){var e;null===W||void 0===W||null===(e=W.current)||void 0===e||e.click()},onDrop:function(e,n){xe(e)},children:[(0,H.jsx)("div",{className:"upload-container",style:{borderColor:V.accentColor},children:(0,H.jsxs)("div",{className:"uploader",style:{borderColor:V.accentColor,color:V.textColor},children:[(0,H.jsx)(Z.Z,{name:"FaCloudUploadAlt",style:{fontSize:"3em",color:V.accentColor}}),(0,H.jsx)("span",{children:G(Y)}),(0,H.jsxs)("span",{children:["max. ",n," MB, ",k]})]})}),(0,H.jsx)("input",{onChange:function(e){xe(e.target.files),e.target.value=""},ref:W,type:"file",accept:M.join(", "),className:"d-none",multiple:!!P,max:1024*n*1024||5242880})]}),(0,H.jsx)("div",{className:"d-flex justify-content-between flex-wrap mt-2",children:re.map((function(e,n){return(0,H.jsx)(u.Z,{style:{background:V.cardBackgroun

1dColor,color:V.cardTextColor},children:(0,H.jsxs)(u.Z.Body,{className:"p-0 d-flex justify-content-between align-items-center",children:[(0,H.jsx)("span",{className:"text-truncate ps-1",children:T(e.name,20)}),(0,H.jsx)(d.Z,{placement:"top",overlay:(0,H.jsx)(f.Z,{id:"remove-tooltip-".concat(n),children:"Remove"}),children:(0,H.jsx)(p.Z,{className:"p-0 m-1",variant:"link",onClick:function(){return function(e){ie(re.filter((function(n,t){return t!==e})))}(n)},children:(0,H.jsx)(Z.Z,{name:"MdCancel",color:V.accentColor,style:{color:V.accentColor}})})})]})},e.name)}))}),ce&&(0,H.jsx)(m.Z,{variant:"danger",children:ce}),Ce?(0,H.jsx)("div",{children:Ce}):(0,H.jsx)(w.default,{className:"mt-3",title:null!==t&&void 0!==t?t:"",onClick:function(){(0,a.Z)((0,r.Z)().mark((function e(){return(0,r.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,ge(re);case 2:case"end":return e.stop()}}),e)})))()},loading:q}),!z&&!ve&&(0,H.jsx)("p",{className:"my-2 cursor-pointer",style:{color:V.accentColor},onClick:function(){je()},children:B(Y)})]})]})})},z=["image/png"],P={accept:z,isFirstRender:!0,buttonText:"Datei absenden"};M.craft={name:k.c.UPLOAD_FILE,props:P,rules:{canMoveIn:function(){return!1}}};var R=M}}]);