https://www.dnb.com/etc.clientlibs/dnb-marketing-website/clientlib…/resources/static/js/9275.60115b88.chunk.js

1"use strict";(self.webpackChunkdnb_marketing_website=self.webpackChunkdnb_marketing_website||[]).push([[9275],{76219:function(e,l,i){i.r(l),i.d(l,{default:function(){return S}});var o=i(65043),a=i(67357),r=i(46804),n=i(96172),d=i(58387),t=i(19424),c=i(94767),u=i(63175),s=i(55636),m=i(82187),v=i(23987),h=i(40150),p=i(79330),b=i(28311),j=i(70579);const y={surname:"",phoneNumber:"",companyName:"",otherTopic:"",recallDate:"",recallTime:""},T={paddingBottom:"1rem"},x=(0,b.e)("/_jcr_content.sendgrid.json"),k=e=>{let{name:l,type:i="text",placeholder:o,value:a,onChange:r,onFocus:d,onBlur:t,error:c,optionalFields:u={}}=e;return(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsxs)("div",{className:n.A.mktoFieldWrap,children:[(0,j.jsx)("input",{type:i,name:l,placeholder:o,value:a,onChange:r,onFocus:d,onBlur:t,"aria-required":!0,...u}),c&&(0,j.jsx)(f,{error:c})]})})},A=e=>{let{id:l,label:i,onChange:o}=e;return(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsxs)("div",{className:n.A.radioFieldWrapper,children:[(0,j.jsx)("input",{type:"checkbox",name:l,value:l,id:l,onChange:o}),(0,j.jsx)("label",{htmlFor:l,children:i})]})})},N=(0,o.forwardRef)(((e,l)=>{let{id:i,label:o,name:a}=e;return(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsxs)("div",{className:n.A.radioFieldWrapper,children:[(0,j.jsx)("input",{type:"radio",name:a,value:i,id:i,required:!0,ref:null!==l&&void 0!==l?l:void 0}),(0,j.jsx)("label",{htmlFor:i,children:o})]})})})),f=e=>{let{error:l}=e;return(0,j.jsx)("div",{className:n.A.inputError,children:l})},g=e=>{let{data:l}=e;const{id:i,backgroundColor:a,reduceTopSpacing:r,reduceBottomSpacing:b,theme:f,salutation:g,surname:S,companyName:C,phoneNumber:q,inquirySubjectLabel:F,inquirySubjectTopic1:P,inquirySubjectTopic2:w,inquirySubjectTopic3:B,inquirySubjectTopic4:L,inquirySubjectTopic5:R,otherTopic:D,callbackLabel:E,callbackRadioButton1:_,callbackRadioButton2:z,callbackDate:O,callbackTime:W,requestCallbackCTA:I,privacyPolicyText:$,thankyoupage:H,mrLocalized:M,mrsLocalized:V,defaultToEmailAddress:G,emailsubject:Q,emaildescription:U,emailprivacynotice:J,countryCode:K,phoneNumberError:X="",requiredFieldError:Y="",descriptionHTML:Z,title:ee,twoColumnText:le,requiredFieldDisclaimer:ie}=l,[oe,ae]=(0,o.useState)({[null!==P&&void 0!==P?P:""]:!1,[null!==w&&void 0!==w?w:""]:!1,[null!==B&&void 0!==B?B:""]:!1,[null!==L&&void 0!==L?L:""]:!1,[null!==R&&void 0!==R?R:""]:!1,[null!==D&&void 0!==D?D:""]:!1}),re=(0,o.useRef)(null),ne=(0,o.useRef)(null),de=(0,o.useRef)(null),te=(0,o.useRef)(null),[ce,ue]=(0,o.useState)(!1),[se,me]=(0,o.useState)(!1),ve=e=>{const{id:l}=e.target;ue(!1),ae((e=>({...e,[l]:!oe[l]})))},he={recallDate:e=>{},recallTime:e=>{},surname:e=>S?e.toString().trim()?void 0:Y:void 0,companyName:e=>C?e.toString().trim()?void 0:Y:void 0,otherTopic:e=>oe[null!==D&&void 0!==D?D:""]?e.toString().trim()?void 0:Y:void 0,phoneNumber:e=>{var l;return K?null!==(l=(0,u.l)(e.toString(),K))&&void 0!==l&&l.isValid()?void 0:X:void 0}},{values:pe,errors:be,handleChange:je,handleFocus:ye,handleBlur:Te,handleSubmit:xe}=(0,h.mN)({initialValues:y,validators:he,formContainerCssName:n.A.formContainer}),ke=(0,t.ws)(r,b),Ae=(0,t.af)(a);return(null===G||void 0===G?void 0:G.split(",").every((e=>!p.Uo.test(e.trim()))))?(0,j.jsx)("p",{children:'Please enter a comma seperated list of valid emails in the "Default email addresses to send copy (comma-separated)" field in the author and refresh the page'}):(0,j.jsx)("section",{className:n.A.container,style:{...ke,...Ae},id:null!==i&&void 0!==i?i:void 0,children:(0,j.jsx)("div",{className:(0,d.A)("defaultLayoutOuter",n.A.layoutOuter),children:(0,j.jsxs)("div",{className:(0,d.A)("defaultLayoutInner defaultGrid"),children:[(null===le||void 0===le?void 0:le.trim())&&(0,j.jsx)("div",{className:n.A.textOuterContainer,children:(0,j.jsx)("div",{className:(0,d.A)(n.A.plainTextContainer,{[n.A.dark]:"dark"===f,[n.A.light]:"light"===f}),dangerouslySetInnerHTML:{__html:le}})}),(0,j.jsxs)("div",{className:(0,d.A)(n.A.formOuterContainer,{[n.A.containerFullWidth]:!le}

1),children:[(0,j.jsxs)("div",{className:n.A.introTextContainer,children:[ee&&(0,j.jsx)("h2",{className:(0,d.A)(n.A.title,{[n.A.dark]:"dark"===f,[n.A.light]:"light"===f}),style:T,children:ee}),Z&&(0,j.jsx)("div",{className:(0,d.A)(n.A.description,{[n.A.dark]:"dark"===f,[n.A.light]:"light"===f}),dangerouslySetInnerHTML:Z})]}),(0,j.jsxs)("form",{className:n.A.formContainer,onSubmit:async e=>{var l,i,o,a,r,d;if(me(!0),!xe(e))return void me(!1);e.preventDefault();const t=Object.keys(oe).filter((e=>oe[e]));if(0===t.length&&Object.keys(oe).filter((e=>""!==e)).length>0){const e=document.querySelector(`.${n.A.formContainer} [id="${F}"]`);return ue(!0),me(!1),void(e&&e.scrollIntoView({behavior:"smooth"}))}ue(!1);const c=null!==(l=re.current)&&void 0!==l&&l.checked?null===(i=re.current)||void 0===i?void 0:i.value:null===(o=ne.current)||void 0===o?void 0:o.value,u=null!==(a=de.current)&&void 0!==a&&a.checked?null===(r=de.current)||void 0===r?void 0:r.value:null===(d=te.current)||void 0===d?void 0:d.value,s={phoneNumberPlaceholder:q,companyPlaceholder:C,inquirySubjectPlaceholder:F,otherTopicPlaceholder:D,callbackTypePlaceholder:E,recallDatePlaceholder:O,recallTimePlaceholder:W,surnamePlaceholder:S},m=Object.fromEntries(Object.entries({formType:"callbackForm",salutation:c,inquirySubjects:t.join(", "),callbackType:u,emailPrivacyNotice:J,emailSubject:Q,emailDescription:U,defaultToEmailAddress:G,...pe,...s}).filter((e=>{let[l,i]=e;return null!=i})));await(0,v.w$)(m,H,x)},children:[(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsx)("label",{className:n.A.labelText,children:g})}),M&&(0,j.jsx)(N,{id:M,label:M,name:"salutation",ref:re}),V&&(0,j.jsx)(N,{id:V,label:V,name:"salutation",ref:ne}),(0,j.jsx)(k,{name:"surname",placeholder:`${S} *`,value:pe.surname,onChange:je,onFocus:ye,onBlur:Te,error:be.surname}),(0,j.jsx)(k,{name:"phoneNumber",placeholder:`${q} *`,value:pe.phoneNumber,onChange:je,onFocus:ye,onBlur:Te,error:be.phoneNumber,optionalFields:{onInput:e=>{const l=e.target,{value:i}=l,o=new s.Q(K).input(i);o.endsWith(")")?l.value=o.slice(0,-1):l.value=o}}}),C&&(0,j.jsx)(k,{name:"companyName",placeholder:C,value:pe.companyName,onChange:je,onFocus:ye,onBlur:Te,error:be.companyName}),(0,j.jsxs)("div",{className:n.A.inquirySubjectWrapper,style:{backgroundColor:""+(ce?"#fdebe9":"")},children:[(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsx)("label",{className:n.A.labelText,id:F,children:F})}),[P,w,B,L,R,D].map((e=>e&&(0,j.jsx)(A,{id:e,label:e,onChange:ve},e))),D&&oe[D]&&(0,j.jsx)(k,{name:"otherTopic",placeholder:D,value:pe.otherTopic,onChange:je,onFocus:ye,onBlur:Te,error:be.otherTopic})]}),(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsx)("label",{className:n.A.labelText,children:E})}),_&&(0,j.jsx)(N,{id:_,label:_,name:"callbackType",ref:de}),z&&(0,j.jsx)(N,{id:z,label:z,name:"callbackType",ref:te}),(0,j.jsx)(k,{type:"date",name:"recallDate",placeholder:null!==O&&void 0!==O?O:"",value:pe.recallDate,onChange:je,onFocus:ye,onBlur:Te,error:be.recallDate}),(0,j.jsx)(k,{name:"recallTime",placeholder:W,value:pe.recallTime,onChange:je,onFocus:ye,onBlur:Te,error:be.recallTime}),ie&&(0,j.jsx)("div",{className:n.A.mktoFormRow,style:T,children:(0,j.jsx)("div",{className:n.A.mktoFieldWrap,children:(0,j.jsx)("p",{className:n.A.helpText,children:ie})})}),se?(0,j.jsx)(m.a,{}):(0,j.jsx)(c.$,{variant:"primary",size:"medium",theme:"light",icon:"arrowRight",type:"submit",children:I}),$&&(0,j.jsx)("div",{className:(0,d.A)(n.A.description,n.A.privacyPolicyText),dangerouslySetInnerHTML:$})]})]})]})})})};var S=e=>{var l,i,o,n,d,t,c,u,s,m;const{data:v}=e,h={id:null===v||void 0===v?void 0:v.id,backgroundColor:null===v||void 0===v?void 0:v.backgroundColor,reduceTopSpacing:null===v||void 0===v?void 0:v.reduceTopSpacing,reduceBottomSpacing:null===v||void 0===v?void 0:v.reduceBottomSpacing,theme:null===v||void 0===v?void 0:v.theme,salutation:null===v||void 0===v?void 0:v.salutation,surname:null!==(l=null===v||void 0===v?void 0:v.surname)&&void 0!==l?l:'Please set localized "Surname Placeholder Text" for component',companyName:null===v||void 0===v?void 0:v.companyName,phoneNumber:null!==(i=null===v||void 0===v?void 0:v.telefonnumber)&&void 0!==i?i:'Please set localized "Phone Placeholder Text" for component',inquirySubjectLabel:null===v||void 0===v?void 0:v.inquirySubjectLabel,inquirySubjectTopic1:null===v||void 0===v?void 0:v.inquirySubjectTopic1,inquirySubjectTopic2:null===v||void 0===v?void 0:v.inquirySubjectTopic2,inquirySubjectTopic3:null===v||void 0===v?void 0:v.inquirySubjectTopic3,inquirySubjectTopic4:null===v||void 0===v?void 0:v.inquirySubjectTopic4,inquirySubjectTopic5:null===v||void 0===v?void 0:v.inquirySubjectTopic5,otherTopic:null===v||void 0===v?void 0:v.otherTopic,callbackLabel:null===v||void 0===v?void 0:v.callbackLabel,callbackRadioButton1:null===v||void 0===v?void 0:v.callbackRadioButton1,callbackRadioButton2:null===v||void 0===v?void 0:v.callbackRadioButton2,callbackDate:null===v||void 0===v?void 0:v.callbackDate,callbackTime:null!==(o=null===v||void 0===v?void 0:v.callbackTime)&&void 0!==o?o:'Please set "Callback Time Placeholder Text" for component',requestCallbackCTA:null!==(n=null===v||void 0===v?void 0:v.requestCallbackCTA)&&void 0!==n?n:"",privacyPolicyText:{__html:null!==(d=null===v||void 0===v?void 0:v.privacyPolicyText)&&void 0!==d?d:""},thankyoupage:null!==(t=null===v||void 0===v?void 0:v.thankyoupage)&&void 0!==t?t:"",mrLocalized:null===v||void 0===v?void 0:v.mrLocalized,mrsLocalized:null===v||void 0===v?void 0:v.mrsLocalized,defaultToEmailAddress:null===v||void 0===v?void 0:v.defaultToEmailAddress,emailsubject:null!==(c=null===v||void 0===v?void 0:v.emailsubject)&&void 0!==c?c:"Callback form submission",emaildescription:null===v||void 0===v?void 0:v.emaildescription,emailprivacynotice:null===v||void 0===v?void 0:v.emailprivacynotice,countryCode:null!==(u=null===v||void 0===v?void 0:v.countryCode)&&void 0!==u?u:null,requiredFieldError:null!==(s=null===v||void 0===v?void 0:v.requiredFieldError)&&void 0!==s?s:"This field is required",phoneNumberError:null===v||void 0===v?void 0:v.phoneNumberError,twoColumnText:null===v||void 0===v?void 0:v.twoColumnText,title:null===v||void 0===v?void 0:v.title,de

1scriptionHTML:{__html:null!==(m=null===v||void 0===v?void 0:v.description)&&void 0!==m?m:""},requiredFieldDisclaimer:null===v||void 0===v?void 0:v.requiredFieldDisclaimer};return(0,j.jsx)("div",{id:(0,a.A)(e.cqPath),children:(0,j.jsx)(r.A,{children:(0,j.jsx)(g,{data:h})})})}}}]);