https://www.nn07.com/static/js/libs-storyblok-content-Layouts-DixaContactFormLayout.814112b1.chunk.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[1237],{4467:function(e,a,n){n.d(a,{o:function(){return j}});var r,t,l,o,i=n(1413),s=n(45987),d=n(30168),c=(n(72791),n(37668)),u=n(23427),m=n(52836),p=n(19738),b=n(10746),h=n(80184),v=["name","label","required","disabled","hideLabel","validate","validationMode","errors","children"],f=(0,p.styled)(c.T)(r||(r=(0,d.Z)(["\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n"]))),x=(0,p.styled)("div")(t||(t=(0,d.Z)(["\n    display: flex;\n    flex-direction: row;\n    align-items: baseline;\n    gap: 12px;\n    margin-bottom: 4px;\n"]))),g=(0,p.styled)(u.Q)(l||(l=(0,d.Z)(["\n    ","\n    color: var(--col-ui-secondary);\n    white-space: nowrap;\n"])),(0,b.w)("Pri/14_135_0")),y=(0,p.styled)(m.c)(o||(o=(0,d.Z)(["\n    ","\n    color: var(--color-semantic-error);\n"])),(0,b.w)("Pri/14_135_0")),j=function(e){var a=e.name,n=e.label,r=e.required,t=void 0!==r&&r,l=e.disabled,o=e.hideLabel,d=void 0!==o&&o,c=e.validate,u=e.validationMode,m=e.errors,p=e.children,b=(0,s.Z)(e,v);return(0,h.jsxs)(f,(0,i.Z)((0,i.Z)({name:a,disabled:l,validate:c,validationMode:u},b),{},{children:[(0,h.jsxs)(x,{children:[!d&&(0,h.jsxs)(g,{children:[n,t&&" *"]}),null===m||void 0===m?void 0:m.map((function(e){return(0,h.jsx)(y,{match:e.match,role:"alert",children:e.message},"string"===typeof e.match?e.match:"always")}))]}),p]}))}},5723:function(e,a,n){n.d(a,{b:function(){return d}});var r=n(1413),t=n(45987),l=(n(72791),n(4467)),o=n(11325),i=n(80184),s=["name","label","placeholder","required","disabled","hideLabel","validate","validationMode","errors","options","defaultValue","value","onValueChange","showIcon","size","renderOption","renderValue"],d=function(e){var a=e.name,n=e.label,d=e.placeholder,c=e.required,u=void 0!==c&&c,m=e.disabled,p=e.hideLabel,b=void 0!==p&&p,h=e.validate,v=e.validationMode,f=e.errors,x=e.options,g=e.defaultValue,y=e.value,j=e.onValueChange,L=e.showIcon,_=e.size,w=e.renderOption,Z=e.renderValue,k=(0,t.Z)(e,s);return(0,i.jsx)(l.o,(0,r.Z)((0,r.Z)({name:a,label:n,required:u,disabled:m,hideLabel:b,validate:h,validationMode:v,errors:f},k),{},{children:(0,i.jsx)(o.Q,{name:a,placeholder:d,required:u,disabled:m,options:x,defaultValue:g,value:y,onValueChange:j,showIcon:L,size:_,renderOption:w,renderValue:Z})}))}},40817:function(e,a,n){n.r(a),n.d(a,{DixaContactFormLayout:function(){return re}});var r,t,l,o,i,s,d,c,u,m,p,b,h=n(72791),v=n(1413),f=n(30168),x=n(28007),g=n(19738),y=n(61392),j=(0,g.styled)(y.l)(r||(r=(0,f.Z)(["\n    display: flex;\n    flex-direction: column;\n"]))),L=n(45987),_=n(19957),w=n(10746),Z=n(12734),k=n(56550),M=n(4467),C=n(80184),P=["name","label","required","disabled","hideLabel","validate","validationMode","errors","type","placeholder","pattern","maxLength","defaultValue","autoComplete"],N=(0,g.styled)(M.o)(t||(t=(0,f.Z)(["\n    &[data-invalid] [data-icon='warning'] {\n        display: flex;\n    }\n\n    &[data-valid][data-touched][data-filled]:not([data-focused]) [data-icon='check'] {\n        display: flex;\n    }\n"]))),S=(0,g.styled)("div")(l||(l=(0,f.Z)(["\n    position: relative;\n    width: 100%;\n"]))),q=(0,g.styled)(_.I)(o||(o=(0,f.Z)(["\n    width: 100%;\n    height: 50px;\n    box-sizing: border-box;\n    padding: 12px 16px;\n    padding-right: 40px;\n    color: var(--col-ui-primary);\n    background-color: var(--col-btn-secondary-fill-notify);\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    display: flex;\n    align-items: center;\n    ","\n\n    &::placeholder {\n        color: var(--col-ui-secondary);\n    }\n\n    &[data-invalid] {\n        border-color: var(--color-semantic-error);\n        color: var(--color-semantic-error);\n    }\n\n    &:focus {\n        outline: none;\n        border-color: var(--col-border-secondary);\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n    }\n"])),(0,w.w)("Pri/14_135_0")),V=(0,g.styled)("div")(i||(i=(0,f.Z)(["\n    position: absolute;\n    right: 12px;\n    top: 50%;\n    transform: translateY(-50%);\n    display: flex;

1\n    align-items: center;\n    justify-content: center;\n    pointer-events: none;\n\n    [data-icon='warning'] {\n        display: none;\n    }\n\n    [data-icon='check'] {\n        display: none;\n    }\n"]))),B=function(e){var a=e.name,n=e.label,r=e.required,t=void 0!==r&&r,l=e.disabled,o=e.hideLabel,i=void 0!==o&&o,s=e.validate,d=e.validationMode,c=e.errors,u=e.type,m=e.placeholder,p=e.pattern,b=e.maxLength,h=e.defaultValue,f=e.autoComplete,x=(0,L.Z)(e,P);return(0,C.jsx)(N,(0,v.Z)((0,v.Z)({name:a,label:n,required:t,disabled:l,hideLabel:i,validate:s,validationMode:d,errors:c},x),{},{children:(0,C.jsxs)(S,{children:[(0,C.jsx)(q,{type:u,placeholder:m,required:t,pattern:p,maxLength:b,defaultValue:h,autoComplete:f}),(0,C.jsxs)(V,{children:[(0,C.jsx)("span",{"data-icon":"warning",children:(0,C.jsx)(k.a,{size:"sm",color:"var(--color-semantic-error)"})}),(0,C.jsx)("span",{"data-icon":"check",children:(0,C.jsx)(Z.CheckIcon,{width:"12px",height:"12px",color:"var(--color-semantic-success)"})})]})]})}))},E=["name","label","required","disabled","hideLabel","validate","validationMode","errors","placeholder","rows","defaultValue"],A=(0,g.styled)(_.I)(s||(s=(0,f.Z)(["\n    width: 100%;\n    box-sizing: border-box;\n    padding: 12px 16px;\n    color: var(--col-ui-primary);\n    background-color: var(--col-btn-secondary-fill-notify);\n    border-width: 1px;\n    border-style: solid;\n    border-color: transparent;\n    resize: vertical;\n    ","\n\n    &::placeholder {\n        color: var(--col-ui-secondary);\n    }\n\n    &[data-invalid] {\n        border-color: var(--color-semantic-error);\n        color: var(--color-semantic-error);\n    }\n\n    &:focus {\n        outline: none;\n        border-color: var(--col-border-secondary);\n    }\n\n    &:disabled {\n        cursor: not-allowed;\n        opacity: 0.5;\n    }\n"])),(0,w.w)("Pri/14_135_0")),D=function(e){var a=e.name,n=e.label,r=e.required,t=void 0!==r&&r,l=e.disabled,o=e.hideLabel,i=void 0!==o&&o,s=e.validate,d=e.validationMode,c=e.errors,u=e.placeholder,m=e.rows,p=e.defaultValue,b=(0,L.Z)(e,E);return(0,C.jsx)(M.o,(0,v.Z)((0,v.Z)({name:a,label:n,required:t,disabled:l,hideLabel:i,validate:s,validationMode:d,errors:c},b),{},{children:(0,C.jsx)(A,{render:(0,C.jsx)("textarea",{rows:m}),placeholder:u,required:t,defaultValue:p})}))},I=n(5723),O=n(48187),z=n(88108),T=n(33168),K=n(74165),F=n(15861),Q=n(29439),R=function(){var e=(0,F.Z)((0,K.Z)().mark((function e(a){var n;return(0,K.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,fetch("".concat("https://api.nn07.com","/dixa/v1/conversations"),{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(a)});case 2:return n=e.sent,e.abrupt("return",{status:n.status,ok:n.ok});case 4:case"end":return e.stop()}}),e)})));return function(a){return e.apply(this,arguments)}}(),U=n(49565),H=(0,g.styled)(B)(d||(d=(0,f.Z)(["\n    margin-bottom: 8px;\n"]))),Y=(0,g.styled)("div")(c||(c=(0,f.Z)(["\n    display: flex;\n    flex-direction: column;\n\n    > *:first-child {\n        margin-bottom: 8px;\n    }\n\n    "," {\n        margin-bottom: 8px;\n    }\n\n    "," {\n        flex-direction: row;\n        gap: var(--grid-column-gap);\n\n        > * {\n            flex: 1;\n        }\n    }\n"])),z.B2["tablet.sm"],z.aE["tablet.sm"]),G=(0,g.styled)(x.Z)(u||(u=(0,f.Z)(["\n    margin-top: 24px;\n"]))),J=(0,g.styled)(O._)(m||(m=(0,f.Z)(["\n    margin-top: 24px;\n    width: 50%;\n    padding-block: 12px;\n    display: flex;\n    justify-content: space-between;\n\n    "," {\n        width: 33%;\n    }\n"])),z.aE["tablet.sm"]),W=(0,g.styled)("p")(p||(p=(0,f.Z)(["\n    ","\n    color: var(--color-semantic-error);\n    margin-top: 8px;\n"])),(0,w.w)("Pri/14_135_0")),$=(0,g.styled)("p")(b||(b=(0,f.Z)(["\n    ","\n"])),(0,w.w)("Pri/14_135_0")),X=function(e){var a=e.emailLabel,n=e.emailPlaceholder,r=e.firstNameLabel,t=e.firstNamePlaceholder,l=e.lastNameLabel,o=e.lastNamePlaceholder,i=e.messageLabel,s=e.messagePlaceholder,d=e.orderNumberLabel,c=e.orderNumberPlaceholder,u=e.subjectLabel,m=e.subjectPlaceholder,p=e.subjects,b=e.submitButtonLabel,v=e.submitButtonSuccessMessage,f=e.recaptchaEnabled,x=(0,T.$)().t,g=function(e){var a=e.recaptchaEnabled,n=(0,U.C)((function(e){return e.application.site.locale})),r=(0,h.useRef)(null),t=(0,h.useState)(!1),l=(0,Q.Z)(t,2),o=l[0],i=l[1],s=(0,h.useState)(!1),d=(0,Q.Z)(s,2),c=d[0],u=d[1],m=(0,h.useState)(!1),p=(0,Q.Z)(m,2),b=p[0],v=p[1],f=(0,h.useState)(!a),x=(0,Q.Z)(f,2),g=x[0],y=x[1],j=(0,h.useCallback)((function(e){y(!!e)}),[]),L=(0,h.useCallback)(function(){var e=(0,F.Z)((0,K.Z)().mark((function e(t){var l,s,d,c,m,p;return(0,K.Z)().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!o){e.next=2;break}return e.abrupt("return");case 2:if(!a||g){e.next=4;break}return e.abrupt("return");case 4:return d={first_name:t.first_name,last_name:t.last_name,email:t.email,subject:t.subject,message:t.message,order_number:t.order_number},c=null!==(l=null===n||void 0===n?void 0:n.split("_")[0])&&void 0!==l?l:"",m={first_name:d.first_name,last_name:d.last_name,email:d.email,order_number:null!==(s=d.order_number)&&void 0!==s?s:"",subject:d.subject,message:{content:{_type:"Text",value:d.message}}},c&&(m.language=c),i(!0),v(!1),e.prev=10,e.next=13,R(m);case 13:if(e.sent.ok){e.next=18;break}return v(!0),i(!1),e.abrupt("return");case 18:u(!0),null===(p=r.current)||void 0===p||p.reset(),e.next=25;break;case 22:e.prev=22,e.t0=e.catch(10),v(!0);case 25:return e.prev=25,i(!1),e.finish(25);case 28:case"end":return e.stop()}}),e,null,[[10,22,25,28]])})));return function(a){return e.apply(this,arguments)}}(),[o,g,a,n]);return{isSubmitting:o,isSuccess:c,hasError:b,isCaptchaVerified:g,recaptchaRef:r,handleCaptchaChange:j,handleFormSubmit:L}}({recaptchaEnabled:f}),y=g.isSubmitting,L=g.isSuccess,_=g.hasError,w=g.isCaptchaVerified,Z=g.recaptchaRef,k=g.handleCaptchaChange,M=g.handleFormSubmit,P="6LeCB3saAAAAAKuI-YeaTou_mUwqGWwMIQugE41r";return null!==p&&void 0!==p&&p.length?L?(0,C.jsx)($,{role:"status",children:v}):(0,C.jsxs)(j,{validationMode:"onBlur",onFormSubmit:M,children:[(0,C.jsx)(H,{name:"first_name",label:r,placeholder:t,required:!0,autoComplete:"given-name",errors:[{match:"valueMissing",message:x("inputs.errors.default.valueMissing")}]}),(0,C.jsx)(H,{name:"last_name",label:l,placeholder:o,required:!0,autoComplete:"family-name",errors:[{match:"valueMissing",message:x("inputs.errors.default.valueMissing")}]}

1),(0,C.jsx)(H,{name:"email",label:a,placeholder:n,type:"email",required:!0,autoComplete:"email",errors:[{match:"valueMissing",message:x("inputs.errors.email.patternMismatch")},{match:"typeMismatch",message:x("inputs.errors.email.patternMismatch")}]}),(0,C.jsxs)(Y,{children:[(0,C.jsx)(I.b,{name:"subject",label:u,placeholder:m,required:!0,options:p.map((function(e){return{value:e.subjectKey,label:e.subjectLabel}})),errors:[{match:"valueMissing",message:x("inputs.errors.default.valueMissing")}]}),(0,C.jsx)(B,{name:"order_number",label:d,placeholder:c,autoComplete:"off"})]}),(0,C.jsx)(D,{name:"message",label:i,placeholder:s,required:!0,rows:4,errors:[{match:"valueMissing",message:x("inputs.errors.default.valueMissing")}]}),f&&P&&(0,C.jsx)(G,{ref:Z,sitekey:P,theme:"light",onChange:k}),(0,C.jsx)(J,{label:b,type:"submit",disabled:y||!w}),_&&(0,C.jsx)(W,{role:"alert",children:x("customer_service.form.error_msg")})]}):null},ee=function(e){var a=e.data,n=a.emailLabel,r=a.emailPlaceholder,t=a.firstNameLabel,l=a.firstNamePlaceholder,o=a.lastNameLabel,i=a.lastNamePlaceholder,s=a.messageLabel,d=a.messagePlaceholder,c=a.orderNumberLabel,u=a.orderNumberPlaceholder,m=a.subjectLabel,p=a.subjectPlaceholder,b=a.subjects,h=a.submitButtonLabel,f

1=a.submitButtonSuccessMessage,x=a.recaptchaEnabled;if(null===b||void 0===b||!b.length||!h)return null;var g={emailLabel:n,emailPlaceholder:r,firstNameLabel:t,firstNamePlaceholder:l,lastNameLabel:o,lastNamePlaceholder:i,messageLabel:s,messagePlaceholder:d,orderNumberLabel:c,orderNumberPlaceholder:u,subjectLabel:m,subjectPlaceholder:p,subjects:b.map((function(e){return{subjectKey:e.subjectKey,subjectLabel:e.subjectLabel}})),submitButtonLabel:h,submitButtonSuccessMessage:f,recaptchaEnabled:x};return(0,C.jsx)(X,(0,v.Z)({},g))},ae=n(43997),ne=n(11583),re=function(e){var a=e.data,n=a.marginTop,r=a.marginBottom,t=a.marginTopDesktop,l=a.marginBottomDesktop;return(0,C.jsx)(ae.f,{as:"section",marginTop:(0,ne.S)(n,t),marginBottom:(0,ne.S)(r,l),position:"relative",width:"100%",zIndex:"1",children:(0,C.jsx)(ee,{data:a})})}},11583:function(e,a,n){n.d(a,{S:function(){return l}});var r={none:{mobile:"0px",desktop:"0px"},xs:{mobile:"4px",desktop:"4px"},sm:{mobile:"16px",desktop:"24px"},md:{mobile:"32px",desktop:"32px"},lg:{mobile:"64px",desktop:"80px"}},t=function(e,a){return a?"none"===a?"0px":r[a].desktop:r[e].desktop},l=function(e,a){if(!e||"none"===e){if(!a||"none"===a)return;return["0px","","","","",r[a].desktop]}return[r[e].mobile,"","","","",t(e,a)]}}}]);