https://app.paceways.com/_next/static/chunks/pages/[experienceId]/…/quotes/create-b730d7a2f2939395.js

1!function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},n=(new e.Error).stack;n&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[n]="028ec224-5fe8-46c2-9ef6-2c9b31982b7a",e._sentryDebugIdIdentifier="sentry-dbid-028ec224-5fe8-46c2-9ef6-2c9b31982b7a")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4387],{18472:function(e,n,s){(window.__NEXT_P=window.__NEXT_P||[]).push(["/[experienceId]/unicorn/freelancer/inquiries/[inquiryId]/quotes/create",function(){return s(260510)}])},260510:function(e,n,s){"use strict";s.r(n),s.d(n,{__N_SSP:function(){return G},default:function(){return K}});var t=s(701972),r=s(997421),l=s(771285),i=s(443078),a=s(234174),c=s(874933),u=s(889584),d=s(408409),o=s(465568),h=s(247563),x=s(877750),m=s(552282),g=s(128815),p=s(881320),j=s(244125),f=s(459461),b=s(51073),v=s(147368),w=s(855836),y=s(273505),I=s(291083),P=s(185354),N=s(483928),C=s(277374),z=s(947560),_=s(255872),D=s(14240),A=s(693040),S=s(706552),E=s(63431),k=s(933189),R=s(151705),T=s(410279),M=s(953284),F=s(101612),W=s(203102),L=s(377831),O=s(748371),q=s(252316),Z=s.n(q);let U={name:"",description:null,quantity:1,unitLabel:null,unitNetPrice:0};function V(e){var n;let{inquiry:s}=e,{client:w,handleApiError:F}=(0,M.h)(),{user:q}=(0,W.a)(),[V,G]=(0,r.useState)(!1),{push:K}=(0,T.xjC)(),B=(0,E.r)(),Y=(0,I.c)({initialValues:{inquiryId:s.id,customText:null,downpaymentPercentage:null,billingSchedule:"ON_COMPLETION",items:[U],recurrence:null},validate:{downpaymentPercentage:e=>null===e||e>=1&&e<=100?null:"Muss zwischen 1 % und 100 % liegen",billingSchedule:e=>["ON_COMPLETION","IMMEDIATE","RECURRING"].includes(e)?null:"Ung\xfcltiger Zahlungsplan",customText:e=>e&&e.length>1e3?"Maximal 1000 Zeichen":null,items:{[P.M]:(0,N.U)("Mindestens eine Position ist erforderlich"),name:(0,N.U)("Pflichtfeld"),description:e=>e&&e.length>380?"Maximal 380 Zeichen":null,quantity:(0,C.m)({min:1},"Mindestens eine Position erforderlich"),unitNetPrice:(0,C.m)({min:1},"Preis muss mindestens 1 € sein")}}}),Q="RECURRING"===Y.getValues().billingSchedule,J=Y.values.items.reduce((e,n)=>e+n.unitNetPrice*n.quantity/100,0),H=J/100*T.pxr,X=J+H,$=async e=>{if(w&&q){G(!0);try{let n=await w.freelancers.createFreelancerQuote({freelancerId:q.id,inquiryId:e.inquiryId,createExperienceQuoteDto:{...e,recurrence:e.recurrence?{...e.recurrence,anchor:e.recurrence.anchor.toISOString()}:null}});(0,z.c0)({title:"Angebot erstellt",message:"Das Angebot wurde erstellt und dem Kunden \xfcbermittelt."}),n.data.inquiry&&await K(B(R.P8.UNICORN.FREELANCER.INQUIRY_QUOTE,{quoteId:n.data.id,inquiryId:n.data.inquiry.id}))}catch(e){F(e)}G(!1)}},ee=s.isExemptFromProvision?0:.2*J;return(0,t.jsx)(T.Vwe,{pageTitle:"Projektanfragen",children:(0,t.jsx)(T.WBV,{header:{headline:"Neues Angebot erstellen"},children:(0,t.jsx)("form",{onSubmit:Y.onSubmit($),children:(0,t.jsx)(l.K,{gap:32,children:(0,t.jsxs)(l.K,{gap:32,pos:"relative",children:[(0,t.jsxs)(l.K,{children:[(0,t.jsx)(i.Z,{children:(0,t.jsx)(a.D,{order:4,children:"Rechnungsinformationen"})}),(0,t.jsxs)(c.x,{size:"sm",children:[s.experience.name,(0,t.jsx)("br",{}),s.experience.contactPerson,(0,t.jsx)("br",{}),s.experience.street," ",s.experience.houseNumber,(0,t.jsx)("br",{}),s.experience.zip," ",s.experience.city]})]}),(0,t.jsxs)(l.K,{children:[(0,t.jsx)(a.D,{order:4,children:"Rechnungstyp"}),(0,t.jsxs)(i.Z,{children:[(0,t.jsx)(T.zbo,{className:Z().iconBox,Icon:_.Z,isActive:!Q,onClick:()=>{Y.setValues({recurrence:null,billingSchedule:"ON_COMPLETION"})},children:"Einzelrechnung"}),(0,t.jsx)(T.zbo,{className:Z().iconBox,Icon:D.Z,isActive:Q,onClick:()=>{Y.setValues({recurrence:{anchor:new Date,totalCycles:6},billingSchedule:"RECURRING"})},children:"Monatlich wiederkehrende Rechnung"})]})]}),Q&&(0,t.jsxs)(l.K,{align:"flex-start",children:[(0,t.jsx)(a.D,{order:4,children:"Intervalleinstellungen"}),(0,t.jsxs)(i.Z,{children:[(0,t.jsx)(u.Y,{label:"Laufzeit (Monate)",min:2,max:12,...Y.getInputProps("recurrence.totalCycles")}),(0,t.jsx)(y.W,{label:"Erste Rechnung",size:"lg",minDate:new Date,...Y.getInputProps("recurrence.anchor")})]})]}),(0,t.jsxs)(l.K,{children:[(0,t.jsxs)(i.Z,{justify:"space-between",children:[(0,t.jsx)(a.D,{order:4,children:"Positionen"}),(0,t.jsx)(d.u,{label:"Position erg\xe4nzen",children:(0,t.jsx)(o.A,{onClick:()=>Y.insertListItem("items",U),children:(0,t.jsx)(A.Z,{})})})]}),(0,t.jsx)(h.Grid,{children:Y.values.items.map((e,n)=>{let s=null!==e.description;return(0,t.jsxs)(r.Fragment,{children:[(0,t.jsx)(h.Grid.Col,{span:{base:12,lg:5.5},children:(0,t.jsxs)(l.K,{children:[(0,t.jsx)(x.o,{...Y.getInputProps("items.".concat(n,".name")),classNames:{label:Z().itemNameLabel},label:(0,t.jsxs)(i.Z,{justify:"space-between",w:"100%",children:[(0,t.jsxs)(c.x,{children:["Position"," ",(0,t.jsx)(c.x,{span:!0,c:"red",children:"*"})]}),(0,t.jsxs)(m.z,{onClick:()=>{s?Y.setFieldValue("items.".concat(n,".description"),null):Y.setFieldValue("items.".concat(n,".description"),"")},size:"compact-sm",variant:"subtle",color:"primary",children:["Beschreibung ",s?"entfernen":"erg\xe4nzen"]})]})}

1),s&&(0,t.jsx)(g.g,{label:"Beschreibung",maxLength:380,...Y.getInputProps("items.".concat(n,".description"))})]})}),(0,t.jsx)(h.Grid.Col,{span:{base:12,lg:2},children:(0,t.jsx)(u.Y,{label:"Menge",required:!0,min:1,...Y.getInputProps("items.".concat(n,".quantity"))})}),(0,t.jsx)(h.Grid.Col,{span:{base:12,lg:2},children:(0,t.jsx)(x.o,{label:"Einheit",...Y.getInputProps("items.".concat(n,".unitLabel"))})}),(0,t.jsx)(h.Grid.Col,{span:{base:12,lg:2},children:(0,t.jsx)(L.L,{label:"Nettopreis (Einheit)",min:0,required:!0,...Y.getInputProps("items.".concat(n,".unitNetPrice")),value:Y.values.items[n].unitNetPrice/100,onChange:e=>{"number"==typeof e&&Y.setFieldValue("items.".concat(n,".unitNetPrice"),100*e)}})}),(0,t.jsx)(h.Grid.Col,{span:.5,children:(0,t.jsx)(p.k,{h:"100%",align:"center",justify:"center",mt:12,children:(0,t.jsx)(d.u,{label:"Position l\xf6schen",children:(0,t.jsx)(o.A,{variant:"subtle",onClick:()=>{Y.removeListItem("items",n)},children:(0,t.jsx)(S.Z,{})})})})})]},n)})}),(0,t.jsx)(j.i,{}),(0,t.jsx)(i.Z,{justify:"flex-end",children:(0,t.jsx)(l.K,{ta:"right",children:Q?(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Zwischensumme:"})," ",(0,T.Wv3)(J)]}),(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Paceways Provision:"})," ","-",(0,T.Wv3)(ee)]}),(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsxs)(c.x,{span:!0,fw:"bold",children:[T.pxr,"% USt:"]})," ",(0,T.Wv3)(H)]}),(0,t.jsxs)(c.x,{children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Gesamtsumme (pro Rechnung):"})," ",(0,T.Wv3)(X)]}),(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Du erh\xe4ltst (pro Rechnung):"})," ",(0,T.Wv3)((J-ee)*1.19)," "]}),(0,t.jsxs)(c.x,{children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Gesamtsumme Angebot:"})," ",(0,T.Wv3)(X*Y.values.recurrence.totalCycles)]}),(0,t.jsxs)(c.x,{size:"xs",children:["inkl. ",T.pxr,"% USt."]})]}):(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Zwischensumme:"})," ",(0,T.Wv3)(J)]}),(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Paceways Provision:"})," ","-",(0,T.Wv3)(ee)]}),(0,t.jsxs)(c.x,{size:"xs",children:[(0,t.jsxs)(c.x,{span:!0,fw:"bold",children:[T.pxr,"% USt:"]})," ",(0,T.Wv3)(H)]}),(0,t.jsxs)(c.x,{children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Gesamtsumme:"})," ",(0,T.Wv3)(X)]}),(0,t.jsxs)(c.x,{size:"lg",children:[(0,t.jsx)(c.x,{span:!0,fw:"bold",children:"Du erh\xe4ltst:"})," ",(0,T.Wv3)((J-ee)*1.19)]}),(0,t.jsxs)(c.x,{size:"xs",children:["inkl. ",T.pxr,"% USt."]})]})})})]}),!Q&&(0,t.jsxs)(t.Fragment,{children:[(0,t.jsxs)(l.K,{align:"flex-start",children:[(0,t.jsxs)(i.Z,{children:[(0,t.jsx)(a.D,{order:4,children:"Anzahlung"}),(0,t.jsx)(f.r,{"aria-label":"Anzahlung",checked:null!==Y.values.downpaymentPercentage,onChange:e=>{e.target.checked?(Y.setFieldValue("downpaymentPercentage",30),Y.setFieldValue("billingSchedule","ON_COMPLETION")):Y.setFieldValue("downpaymentPercentage",null)}})]}),(0,t.jsx)(b.b,{children:"Die Anzahlung wird sofort nach Annahme des Angebots f\xe4llig."}),null!==Y.values.downpaymentPercentage&&(0,t.jsx)(t.Fragment,{children:(0,t.jsxs)(i.Z,{children:[(0,t.jsx)(u.Y,{label:"H\xf6he Anzahlung",min:1,max:99,suffix:" %",...Y.getInputProps("downpaymentPercentage")}),(0,t.jsxs)(c.x,{mt:24,children:["= ",(0,T.Wv3)(J/100*(null!==(n=Y.values.downpaymentPercentage)&&void 0!==n?n:0))," zzgl."," ",T.pxr,"% USt."]})]})})]}),(0,t.jsxs)(l.K,{align:"flex-start",children:[(0,t.jsx)(i.Z,{children:(0,t.jsx)(a.D,{order:4,children:"Rechnungsstellung"})}),null!==Y.values.downpaymentPercentage&&(0,t.jsx)(b.b,{maw:700,children:"Wenn die Anzahlung aktiviert ist, wird die Anzahlungsrechnung sofort nach Annahme des Angebots und die Schlussrechnung erst nach Projektabschluss gestellt."}),(0,t.jsx)(v.P,{disabled:null!==Y.values.downpaymentPercentage,label:"Wann soll die Rechnung gestellt werden",data:[{label:"Nach Projektabschluss",value:k.T8U.OnCompletion},{label:"Direkt nach Annahme",value:k.T8U.Immediate}],...Y.getInputProps("billingSchedule")})]})]}),(0,t.jsx)(g.g,{label:"Zus\xe4tzlicher Angebotstext",rows:3,...Y.getInputProps("customText"),maxLength:4500}),Y.values.recurrence&&(0,t.jsxs)(b.b,{children:["Nach Annahme des Angebots wird die erste Rechnung zum"," ",(0,T.p6d)(Y.values.recurrence.anchor,"DATE")," f\xe4llig, danach werden wir f\xfcr"," ",Y.values.recurrence.totalCycles," Monate Rechnungen in H\xf6he von ",(0,T.Wv3)(X)," ","ausstellen, die letzte am"," ",(0,T.p6d)((0,O.z)(Y.values.recurrence.anchor,Y.values.recurrence.totalCycles-1),"DATE"),". Der Angebotswert inkl. USt. entspricht"," ",(0,T.Wv3)(X*Y.values.recurrence.totalCycles),"."]}),(0,t.jsx)(i.Z,{justify:"flex-end",children:(0,t.jsxs)(l.K,{maw:420,children:[(0,t.jsx)(m.z,{size:"lg",type:"submit",loading:V,disabled:!Y.isValid,children:"Angebot erstellen"}),(0,t.jsx)(c.x,{c:"dimmed",size:"xs",children:"Sobald du das Angebot erstellt hast, kannst du es nicht mehr bearbeiten. F\xfcr jegliche \xc4nderungen musst du es stornieren und ein neues Angebot erstellen. Wir werden es automatisch an den Kunden schicken. Deine aktuellen AGB werden an das Angebot angeh\xe4ngt."})]})})]})})})})})}var G=!0;function K(){let{client:e,handleApiError:n}=(0,M.h)(),{experienceId:s}=(0,F._)(),{user:l}=(0,W.a)(),{isReady:i,query:a,replace:c}=(0,T.xjC)(),u=i&&a.inquiryId?(0,T.Phe)(a.inquiryId):null,[d,o]=(0,r.useState)(null);return((0,r.useEffect)(()=>

1{if(i&&s&&l){if(!u){c(R.P8.UNICORN.FREELANCER.INQUIRIES.build({experienceId:s}));return}e.freelancers.retrieveFreelancerInquiry({freelancerId:l.id,inquiryId:u}).then(e=>o(e.data)).catch(n)}},[e,s,u,i,l]),d)?(0,t.jsx)(V,{inquiry:d}):(0,t.jsx)(T.Vwe,{pageTitle:"Projektanfragen",children:(0,t.jsx)(T.WBV,{isCentered:!0,children:(0,t.jsx)(w.a,{})})})}},377831:function(e,n,s){"use strict";s.d(n,{L:function(){return l}});var t=s(701972);s(997421);var r=s(889584);function l(e){return(0,t.jsx)(r.Y,{suffix:" €",decimalSeparator:",",thousandSeparator:".",decimalScale:2,min:0,hideControls:!0,...e})}},252316:function(e){e.exports={iconBox:"Create_iconBox__uf4nb",itemNameLabel:"Create_itemNameLabel__Vo3bD"}},273505:function(e,n,s){"use strict";s.d(n,{W:function(){return w}});var t=s(701972),r=s(896596),l=s(997421),i=s(112133),a=s(616370),c=s(191493),u=s(644816),d=s(597822),o=s(692269),h=s(700243),x=s(35567),m=s(843708),g=s(315155),p=s(166854),j=s(327214),f=s(156436),b=s(848092);let v={valueFormat:"MMMM D, YYYY",fixOnBlur:!0,preserveTime:!0},w=(0,i.d5)((e,n)=>{let{inputProps:s,wrapperProps:i,value:w,defaultValue:y,onChange:I,clearable:P,clearButtonProps:N,popoverProps:C,getDayProps:z,locale:_,valueFormat:D,dateParser:A,minDate:S,maxDate:E,fixOnBlur:k,onFocus:R,onBlur:T,onClick:M,readOnly:F,name:W,form:L,rightSection:O,unstyled:q,classNames:Z,styles:U,allowDeselect:V,preserveTime:G,date:K,defaultDate:B,onDateChange:Y,...Q}=(0,a.k)("DateInput",v,e),J=(0,l.useRef)(null),H=(0,l.useRef)(null),[X,$]=(0,l.useState)(!1),{calendarProps:ee,others:en}=(0,j.M)(Q),es=(0,m.e)(),et=A||(e=>{let n=r(e,D,es.getLocale(_)).toDate();return Number.isNaN(n.getTime())?function(e,n){if(null===e)return null;let s=(0,b.w)("add",new Date(e),n);return Number.isNaN(s.getTime())||!e?null:s}(e,es.getTimezone()):n}),er=void 0!==V?V:P,el=e=>e?r(e).locale(es.getLocale(_)).format(D):"",[ei,ea,ec]=(0,x.l)({type:"default",value:w,defaultValue:y,onChange:I}),[eu,ed]=(0,x.l)({type:"default",value:K,defaultValue:y||B,onChange:Y});(0,l.useEffect)(()=>{ec&&null!==w&&ed(w)},[ec,w]);let[eo,eh]=(0,l.useState)(el(ei));(0,l.useEffect)(()=>{eh(el(ei))},[es.getLocale(_)]);let ex=O||(P&&ei&&!F?(0,t.jsx)(c.P,{variant:"transparent",onMouseDown:e=>e.preventDefault(),tabIndex:-1,onClick:()=>{ea(null),ec||eh(""),$(!1)},unstyled:q,size:s.size||"sm",...N}):null);return(0,o.l)(()=>{void 0===ei||X||eh(el(ei))},[ei]),(0,h.O)(()=>$(!1),void 0,[J.current,H.current]),(0,t.jsxs)(t.Fragment,{children:[(0,t.jsx)(u.I.Wrapper,{...i,__staticSelector:"DateInput",ref:J,children:(0,t.jsxs)(d.J,{opened:X,trapFocus:!1,position:"bottom-start",disabled:F,withRoles:!1,unstyled:q,...C,children:[(0,t.jsx)(d.J.Target,{children:(0,t.jsx)(u.I,{"data-dates-input":!0,"data-read-only":F||void 0,autoComplete:"off",ref:n,value:eo,onChange:e=>{let n=e.currentTarget.value;if(eh(n),$(!0),""===n.trim()&&P)ea(null);else{let e=et(n);(function({date:e,maxDate:n,minDate:s}){return!(null==e||Number.isNaN(e.getTime())||n&&r(e).isAfter(n,"date")||s&&r(e).isBefore(s,"date"))})({date:e,minDate:S,maxDate:E})&&(ea(e),ed(e))}},onBlur:e=>{T?.(e),$(!1),k&&eh(el(ei))},onFocus:e=>{R?.(e),$(!0)},onClick:e=>{M?.(e),$(!0)},readOnly:F,rightSection:ex,...s,...en,__staticSelector:"DateInput"})}),(0,t.jsx)(d.J.Dropdown,{onMouseDown:e=>e.preventDefault(),"data-dates-dropdown":!0,ref:H,children:(0,t.jsx)(p.f,{__staticSelector:"DateInput",__timezoneApplied:!0,...ee,classNames:Z,styles:U,unstyled:q,__preventFocus:!0,minDate:S,maxDate:E,locale:_,getDayProps:e=>({...z?.(e),selected:r(ei).isSame(e,"day"),onClick:n=>{z?.(e).onClick?.(n);let s=G?(0,g.o)(ei,e):e,t=P&&er&&r(ei).isSame(e,"day")?null:s;ea(t),ec||eh(el(t)),$(!1)}}),size:s.size,date:eu,onDateChange:ed})})]})}),(0,t.jsx)(f.n,{name:W,form:L,value:ei,type:"default"})]})});w.classes={...u.I.classes,...p.f.classes},w.displayName="@mantine/dates/DateInput"},277374:function(e,n,s){"use strict";function t({min:e,max:n},s){let t=s||!0;return s=>{if("number"!=typeof s)return t;let r=!0;return"number"==typeof e&&s<e&&(r=!1),"number"==typeof n&&s>n&&(r=!1),r?null:t}}s.d(n,{m:function(){return t}})}},function(e){e.O(0,[9426,2888,9774,179],function(){return e(e.s=18472)}),_N_E=e.O()}]);