https://eu.clevver.io/v2/static/js/7611.da739910.chunk.js

1"use strict";(self.webpackChunkclevver=self.webpackChunkclevver||[]).push([[7611],{3940:(e,i,n)=>{n.d(i,{Z:()=>g});var o=n(47313),l=n(69973),a=n(46123),r=n.n(a),d=n(96075),s=n(45428),t=n(10613),c=n(58137),v=n(41215),u=n(76100),_=n(46417);const g=e=>{var i,n,a,g,m,h,p,b,y,f,x,w,j;let{dataInvoicingAddress:C,formId:N,onSubmitForm:S,autoSendInvoice:B,autoSendInvoiceEmail:R,setAutoSendInvoice:q,setAutoSendInvoiceEmail:F,hideAutoSendInvoice:M,className:V}=e;const{t:k}=(0,t.Sr)(),z=(0,s.OV)(),{loading:I}=(0,t.CG)((e=>null===e||void 0===e?void 0:e.user)),H=l.object().shape({invoicing_title:l.string().ensure().trim().when(["invoicing_first_name","invoicing_address_name"],{is:(e,i)=>e||i,then:c.z.stringRequired(k("webapp_title")),otherwise:l.string()}),invoicing_company:l.string().ensure().trim().when(["invoicing_first_name","invoicing_address_name"],{is:(e,i)=>!e&&!i,then:c.z.stringRequired(k("webapp_company_name")),otherwise:l.string()}),invoicing_first_name:l.string().ensure().trim().when(["invoicing_company","invoicing_address_name"],{is:(e,i)=>!e&&!i,then:c.z.stringRequired(k("webapp_first_name")),otherwise:l.string()}),invoicing_address_name:l.string().ensure().trim().when(["invoicing_company","invoicing_first_name"],{is:(e,i)=>!e&&!i,then:c.z.stringRequired(k("webapp_last_name")),otherwise:l.string()}),invoicing_street:c.z.stringRequired(k("webapp_street")),invoicing_postcode:c.z.stringRequired(k("webapp_postcode")),invoicing_city:c.z.stringRequired(k("webapp_city")),invoicing_country:c.z.stringRequired(k("webapp_country")),invoicing_phone_code:c.z.phoneCode(),invoicing_phone_number:c.z.phone()},[["invoicing_first_name","invoicing_address_name"],["invoicing_company","invoicing_address_name"],["invoicing_company","invoicing_first_name"]]),L=(0,t.vj)({initialValues:{invoicing_title:"",invoicing_first_name:"",invoicing_address_name:"",invoicing_company:"",invoicing_legal_form:"",invoicing_street:"",invoicing_postcode:"",invoicing_city:"",invoicing_region:"",invoicing_country:"",invoicing_phone_number:"",invoicing_phone_code:"",vat_number:""},validationSchema:H,onSubmit:e=>{let i={...e,invoicing_phone_number:String(null===e||void 0===e?void 0:e.invoicing_phone_code)+(null===e||void 0===e?void 0:e.invoicing_phone_number)};P(i)}}),A=(0,t.CG)((e=>{var i;return null===e||void 0===e||null===(i=e.country)||void 0===i?void 0:i.countries})),[D,E]=(0,o.useState)(),T=(null===A||void 0===A||null===(i=A.find((e=>(null===e||void 0===e?void 0:e.id)===D)))||void 0===i?void 0:i.eu_member_flag)===d.huy&&!(null===L||void 0===L||!L.values.invoicing_company);(0,o.useEffect)((()=>{T||L.setFieldValue("vat_number","")}),[T]);(0,o.useEffect)((()=>{C&&(L.setValues({invoicing_title:(null===C||void 0===C?void 0:C.invoicing_title)||"",invoicing_first_name:(null===C||void 0===C?void 0:C.invoicing_first_name)||"",invoicing_address_name:(null===C||void 0===C?void 0:C.invoicing_address_name)||"",invoicing_company:(null===C||void 0===C?void 0:C.invoicing_company)||"",invoicing_legal_form:(null===C||void 0===C?void 0:C.invoicing_legal_form)||0,invoicing_street:(null===C||void 0===C?void 0:C.invoicing_street)||"",invoicing_postcode:(null===C||void 0===C?void 0:C.invoicing_postcode)||"",invoicing_city:(null===C||void 0===C?void 0:C.invoicing_city)||"",invoicing_region:(null===C||void 0===C?void 0:C.invoicing_region)||"",invoicing_country:(null===C||void 0===C?void 0:C.country_id)||z,invoicing_phone_number:(null===C||void 0===C?void 0:C.invoicing_phone_number)||"",invoicing_phone_code:null===C||void 0===C?void 0:C.invoicing_phone_code,email:(null===C||void 0===C?void 0:C.email)||"",vat_number:null===C||void 0===C?void 0:C.vat_number}),E((null===C||void 0===C?void 0:C.country_id)||z))}),[C,z]);const U=(e,i)=>{if("invoicing_country"===e)L.setFieldValue(e,i),E(i),i!==L.values.invoicing_country&&(L.setFieldValue("invoicing_legal_form",""),L.setFieldValue("invoicing_region",""));else L.setFieldValue(e,i)},P=e=>{null===S||void 0===S||S(e)};return(0,t.ML)(L),(0,_.jsxs)("form",{onSubmit:L.handleSubmit,id:N,className:r()("FormBillingAddress",V),children:[(0,_.jsxs)("div",{className:"row-item two-col",children:[(0,_.jsx)(v.JD.Title,{className:"InputTitle",name:"invoicing_title",value:null===L||void 0===L||null===(n=L.values)||void 0===n?void 0:n.invoicing_title,onChange:e=>U("invoicing_title",null===e||void 0===e?void 0:e.id),onBlur:()=>L.setFieldTouched("invoicing_title",!0),errorMessage:L.touched.invoicing_title&&L.errors.invoicing_title,required:L.values.invoicing_address_name||L.values.invoicing_first_name}),(0,_.jsx)(v.oH,{type:"text",placeholder:k("webapp_first_name"),autocomplete:"given-name",name:"invoicing_first_name",value:null===L||void 0===L||null===(a=L.values)||void 0===a?void 0:a.invoicing_first_name,onBlur:L.handleBlur,onChange:L.handleChange,errorMessage:!I&&L.errors.invoicing_first_name,required:!L.values.invoicing_address_name&&!L.values.invoicing_company}),(0,_.jsx)(v.oH,{placeholder:k("webapp_last_name"),name:"invoicing_address_name",value:null===L||void 0===L||null===(g=L.values)||void 0===g?void 0:g.invoicing_address_name,onBlur:L.handleBlur,onChange:L.handleChange,errorMessage:!I&&L.errors.invoicing_address_name,required:!L.values.invoicing_first_name&&!L.values.invoicing_company})]}),(0,_.jsx)("div",{className:"row-item",children:(0,_.jsx)(v.oH,{placeholder:k("webapp_company_name"),autocomplete:"family-name",name:"invoicing_company",value:null===L||void 0===L||null===(m=L.values)||void 0===m?void 0:m.invoicing_company,onChange:L.handleChange,onBlur:L.handleBlur,errorMessage:!I&&L.errors.invoicing_company,required:!L.values.invoicing_address_name&&!L.values.invoicing_first_name||L.values.is_checked_vat})}),(0,_.jsxs)("div",{className:"row-item two-col",children:[(0,_.jsx)(v.JD.Country,{name:"invoicing_country",value:null===L||void 0===L||null===(h=L.values)||void 0===h?void 0:h.invoicing_country,onChange:e=>U("invoicing_country",null===e||void 0===e?void 0:e.id),onBlur:()=>L.setFieldTouched("invoicing_country",!0),errorMessage:L.touched.invoicing_country&&L.errors.invoicing_country,isSearchable:!0,required:!0}),(0,_.jsx)(v.JD.Region,{placeholder:k("webapp_region"),countryId:L.values.invoicing_country,name:"invoicing_region",value:L.values.invoicing_region,onChange:e=>U("invoicing_region",null===e||void 0===e?void 0:e.id)})]}),(0,_.jsx)("div",{className:"row-item",children:(0,_.jsx)(v.JD.LegalForm,{countryId:null===L||void 0===L||null===(p=L.values)||void 0===p?void 0:p.invoicing_country,name:"invoicing_legal_form",value:L.values.invoicing_legal_form,onChange:e=>U("invoicing_legal_form",null===e||void 0===e?void 0:e.id),onBlur:()=>L.setFieldTouched("invoicing_legal_form",!0)})}),(0,_.jsx)("div",{className:"row-item",children:(0,_.jsx)(v.oH,{type:"text",placeholder:k("webapp_street"),autocomplete:"street-address",name:"invoicing_street",value:null===L||void 0===L||null===(b=L.values)||void 0===b?void 0:b.invoicing_street,onChange:L.handleChange,onBlur:L.handleBlur,errorMessage:L.touched.invoicing_street&&L.errors.invoicing_street,required:!0})}),(0,_.jsxs)("div",{className:"row-item two-col",children:[(0,_.jsx)(v.oH,{className:"InputPostcode",type:"text",placeholder:k("webapp_postcode"),autocomplete:"postal-code",name:"invoicing_postcode",value:null===L||void 0===L||null===(y=L.values)||void 0===y?void 0:y.invoicing_postcode,onChange:L.handleChange,onBlur:L.handleBlur,errorMessage:L.touched.invoicing_postcode&&L.errors.invoicing_postcode,required:!0}),(0,_.jsx)(v.oH,{type:"text",placeholder:k("webapp_city"),autocomplete:"address-level2",name:"invoicing_city",value:null===L||void 0===L||null===(f=L.values)||void 0===f?void 0:f.invoicing_city,onChange:L.handleChange,onBlur:L.handleBlur,errorMessage:L.touched.invoicing_city&&L.errors.invoicing_city,required:!0})]}),(0,_.jsx)("div",{className:"row-item",children:(0,_.jsx)(v.zz,{placeholder:k("webapp_phone_number"),value:null===L||void 0===L||null===(x=L.values)||void 0===x?void 0:x.invoicing_phone_number,name:"invoicing_phone_number",onChange:L.handleChange,onBlur:L.handleBlur,phoneCode:null===L||void 0===L||null===(w=L.values)||void 0===w?void 0:w.invoicing_phone_code,ph

1oneCodeFieldName:"invoicing_phone_code",onPhoneCodeChange:e=>{L.setFieldValue("invoicing_phone_code",null===e||void 0===e?void 0:e.phone_code)},onPhoneCodeBlur:()=>L.setFieldTouched("invoicing_phone_code",!0),errorMessage:L.touched.invoicing_phone_number&&L.errors.invoicing_phone_number||L.touched.invoicing_phone_code&&L.errors.invoicing_phone_code,required:!0})}),T?(0,_.jsx)(v.oH,{type:"text",placeholder:k("webapp_VatNumberPlaceHolder","VAT Number, e.g., DE00011122233"),name:"vat_number",value:null===L||void 0===L||null===(j=L.values)||void 0===j?void 0:j.vat_number,onChange:L.handleChange}):null,!M&&(0,_.jsxs)("div",{className:"row-item",children:[(0,_.jsx)(u.Z,{label:k("webapp_automatic_send_invoices_to_my_email","Automatic send invoices to my email"),name:"auto_send_invoice_flag",checked:B,onChange:()=>{null===q||void 0===q||q(!B)}}),B?(0,_.jsx)(v.oH,{type:"text",label:k("webapp_email_address_for_invoices","Email address for invoices"),placeholder:k("webapp_email"),autocomplete:"email",name:"auto_send_invoice_email",value:R,onChange:e=>{var i;null===F||void 0===F||F(null===e||void 0===e||null===(i=e.target)||void 0===i?void 0:i.value)}}):null]})]})}},36727:(e,i,n)=>{n.d(i,{Z:()=>u});var o=n(47313),l=n(69973),a=n(46123),r=n.n(a),d=n(10613),s=n(58137),t=n(41215),c=n(88760),v=n(46417);const u=e=>{var i,n,a,u,_,g;let{product:m,verificationItem:h,handleSubmitVerification:p}=e;const{t:b}=(0,d.Sr)(),[y,f]=(0,o.useState)(""),[x,w]=(0,o.useState)(!1),j=1===(null===h||void 0===h?void 0:h.require_signature_flag),C=1===(null===h||void 0===h?void 0:h.address_changeable_flag),N=C?l.object({street:s.z.stringRequired(b("webapp_street")),postal_code:s.z.stringRequired(b("webapp_postcode")),city:s.z.stringRequired(b("webapp_city")),region:s.z.stringRequired(b("webapp_region")),country:s.z.stringRequired(b("webapp_country"))}):l.object({}),S=(0,d.vj)({initialValues:{street:"",postal_code:"",city:"",region:"",country:null},validationSchema:N,onSubmit:e=>{R(e)}}),B=(e,i)=>{S.setValues({...S.values,[e]:i})},R=e=>{let i=C?{...e}:{};j&&!y?w(!0):(i={...i,type:null===h||void 0===h?void 0:h.type,registered_code:null===m||void 0===m?void 0:m.registered_code,location_code:null===m||void 0===m?void 0:m.location_code,signature:y},null===p||void 0===p||p({...i}),w(!1))};return(0,o.useEffect)((()=>{y&&w(!1)}),[y]),(0,o.useEffect)((()=>{var e,i,n,o,l;null!==h&&void 0!==h&&h.contract_address&&(S.setValues({...S.values,street:null===h||void 0===h||null===(e=h.contract_address)||void 0===e?void 0:e.contract_address_street,postal_code:null===h||void 0===h||null===(i=h.contract_address)||void 0===i?void 0:i.contract_address_postalcode,city:null===h||void 0===h||null===(n=h.contract_address)||void 0===n?void 0:n.contract_address_city,region:null===h||void 0===h||null===(o=h.contract_address)||void 0===o?void 0:o.contract_address_region_state_id,signature:null===h||void 0===h?void 0:h.signature,country:null===h||void 0===h||null===(l=h.contract_address)||void 0===l?void 0:l.contract_address_country_id}),f(null===h||void 0===h?void 0:h.signature))}),[null===h||void 0===h?void 0:h.contract_address]),(0,v.jsxs)("div",{className:"ModalVerificationContent",children:[(null===h||void 0===h?void 0:h.description)&&(0,v.jsx)("div",{className:"Description",children:null===h||void 0===h?void 0:h.description}),(0,v.jsx)("div",{className:"TermsAndConditions",dangerouslySetInnerHTML:{__html:null===h||void 0===h?void 0:h.terms_and_conditions}}),(0,v.jsxs)("form",{className:r()("FormVerification",{Grid:C}),id:"FormVerification",onSubmit:S.handleSubmit,children:[C&&(0,v.jsxs)("div",{className:"FormAddress",children:[(0,v.jsx)(t.oH,{label:b("webapp_street"),placeholder:b("webapp_street"),autocomplete:"street-address",name:"street",value:null===S||void 0===S||null===(i=S.values)||void 0===i?void 0:i.street,onChange:S.handleChange,onBlur:S.handleBlur,errorMessage:S.touched.street&&S.errors.street}),(0,v.jsxs)("div",{className:"FormAddress__flex",children:[(0,v.jsx)(t.oH,{label:b("webapp_postal_code"),placeholder:b("webapp_postal_code"),autocomplete:"postal-code",name:"postal_code",value:null===S||void 0===S||null===(n=S.values)||void 0===n?void 0:n.postal_code,onChange:S.handleChange,onBlur:S.handleBlur,errorMessage:S.touched.postal_code&&S.errors.postal_code}),(0,v.jsx)(t.oH,{label:b("webapp_city"),placeholder:b("webapp_city"),autocomplete:"address-level2",name:"city",value:null===S||void 0===S||null===(a=S.values)||void 0===a?void 0:a.city,onChange:S.handleChange,onBlur:S.handleBlur,errorMessage:S.touched.city&&S.errors.city})]}),(0,v.jsxs)("div",{className:"FormAddress__flex",children:[(0,v.jsx)(t.JD.Region,{label:b("webapp_region_state"),autocomplete:"address-level1",name:"region",countryId:S.values.country,value:null===S||void 0===S||null===(u=S.values)||void 0===u?void 0:u.region,onChange:e=>B("region",null===e||void 0===e?void 0:e.id),onBlur:()=>S.setFieldTouched("region",!0),errorMessage:S.touched.region&&S.errors.region}),(0,v.jsx)(t.JD.Country,{label:b("webapp_country"),name:"country",value:null===S||void 0===S||null===(_=S.values)||void 0===_?void 0:_.country,onChange:e=>B("country",null===e||void 0===e?void 0:e.id),onBlur:()=>S.setFieldTouched("country",!0),errorMessage:S.touched.country&&S.errors.country})]})]}),j&&(0,v.jsx)(c.Z,{imageURL:y,setImageURL:f,imageURLPrefill:(null===(g=S.values)||void 0===g?void 0:g.signature)||"",errorMessage:x?b("webapp_validate_is_required",{text:b("webapp_your_signature")}):""})]})]})}},76100:(e,i,n)=>{n.d(i,{Z:()=>r});n(47313);var o=n(46123),l=n.n(o),a=n(46417);const r=e=>{let{className:i,label:n,id:o,name:r,checked:d,disabled:s,onChange:t,onBlur:c,errorMessage:v,value:u,..._}=e;return(0,a.jsxs)("label",{htmlFor:o,className:l()("Checkbox",{[i]:i}),children:[(0,a.jsxs)("div",{className:"Checkbox__input",children:[(0,a.jsx)("input",{className:"Checkbox__inputField d-none",type:"checkbox",id:o,name:r||"checkbox",checked:d,onChange:t,onBlur:c,disabled:s,value:u||"0",..._}),(0,a.jsx)("span",{className:"Checkbox__checkmark"}),n&&(0,a.jsx)("span",{className:"Checkbox__label Label",children:n})]}),v&&(0,a.jsx)("div",{className:"error-message",children:v})]})}},88760:(e,i,n)=>{n.d(i,{Z:()=>u});var o=n(47313),l=n(14056),a=n.n(l),r=n(46123),d=n.n(r),s=n(10613),t=n(89147),c=n(96731),v=n(46417);const u=e=>{let{imageURLPrefill:i,imageURL:n,setImageURL:l,errorMessage:r,height:u,label:_}=e;const{t:g}=(0,s.Sr)(),m=(0,o.useRef)(null),[h,p]=(0,o.useState)(!0),b=(0,s.V8)();return(0,o.useEffect)((()=>{var e,n;null===(e=m.current)||void 0===e||null===(n=e.fromDataURL(i))||void 0===n||n.toDataURL("image/png")}),[b]),(0,o.useEffect)((()=>{!function(e){e.style.width="100%",e.style.height="100%",e.width=e.offsetWidth,e.height=e.offsetHeight}(document.querySelector("canvas"))}),[]),(0,v.jsxs)("div",{className:d()("Signature",{WithLabel:!!_}),style:{height:u},children:[!!_&&(0,v.jsx)("div",{className:"Signature__label",children:_}),(0,v.jsx)("div",{className:"Signature__container",children:(0,v.jsx)(a(),{canvasProps:{className:"Signature__pad"},ref:m,onEnd:()=>

1{if(null!==m&&void 0!==m&&m.current){var e,i;const n=1===(null===m||void 0===m||null===(e=m.current)||void 0===e?void 0:e.width);null===l||void 0===l||l(n?"":null===m||void 0===m||null===(i=m.current)||void 0===i?void 0:i.toDataURL("image/png"))}},clearOnResize:!0,onBegin:()=>p(!1)})}),!n&&h?(0,v.jsx)("div",{className:"Signature__placeholder",children:g("webapp_your_signature")}):null,r&&(0,v.jsx)("div",{className:"error-message",children:r}),(0,v.jsx)(c.ZP,{src:t.WJ,className:"Signature__erase",onClick:()=>(()=>{var e;null!==m&&void 0!==m&&m.current&&(null===(e=m.current)||void 0===e||e.clear()),null===l||void 0===l||l(null),p(!0)})()})]})}}}]);