https://primadviz.com/_next/static/chunks/6676.21f1e5a9ad25e486.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6676],{6676:function(e,t,n){n.r(t);var a=n(2729),r=n(5893),i=n(5697),s=n.n(i),o=n(7294),c=n(7536),l=n(6501),m=n(4490),u=n(6896),p=n(4012),d=n(9553),f=n(2259),g=n(687),h=n(174),b=n(3442);function _templateObject(){let e=(0,a._)(["\n  flex: 0 0 calc(50% - 12px);\n  position: relative;\n  padding: 12px;\n  border-radius: 12px;\n  box-shadow: "," 0 6px 20px rgb(",", 0.3);\n  \n  > p {\n    margin: 6px 0;\n  }\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,a._)(["\n  position: absolute;\n  top: 12px;\n  right: 12px;\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,a._)(["\n  color: ",";\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,a._)(["\n  cursor: pointer;\n  padding: 0;\n  box-shadow: 0 6px 20px rgb(",", 0.3);\n"]);return _templateObject3=function(){return e},e}let x=(0,m.vU)({submit:{id:"account.selectAgency.submit",defaultMessage:"Modifier"},noChange:{id:"account.selectAgency.noChange",defaultMessage:"Pas de changement"},placeholder:{id:"account.selectAgency.placeholder",defaultMessage:"Selectionnez vos domaines d’expertise"},success:{id:"account.selectAgency.success",defaultMessage:"Cabinets mis \xe0 jour"},error400:{id:"account.selectAgency.error400",defaultMessage:"Siret non valide"},error:{id:"account.selectAgency.error",defaultMessage:"Quelque chose ne s’est pas pass\xe9 correctement"}}),j=d.ZP.div.withConfig({componentId:"sc-304b61e-0"})(_templateObject(),e=>e.used&&"inset 0 0 0 1px rgb(".concat(e.theme.green1RGB,", 0.5),"),e=>e.theme.grey1RGB),_=d.ZP.div.withConfig({componentId:"sc-304b61e-1"})(_templateObject1()),w=d.ZP.b.withConfig({componentId:"sc-304b61e-2"})(_templateObject2(),e=>e.theme.greyTitle),O=(0,d.ZP)(h.Z).withConfig({componentId:"sc-304b61e-3"})(_templateObject3(),e=>e.theme.grey1RGB),agencyMap=e=>({id:e.id,siret:e.siret,name:e.name,used:e.used});function Agency(e){let{onDone:t}=e,n=(0,u.Z)(),{user:a,reloadUser:i}=(0,g.SE)(),[s,m]=(0,o.useState)(a.agencies.map(agencyMap)),d=(0,c.cI)(),onChangeAgencies=async e=>{let r=[...s];e.siret&&r.push({...e,used:!1});try{await f.Wt.post("/me/agency",{agencies:r}),await i(),m(a.agencies.map(agencyMap)),l.Am.success(n.formatMessage(x.success)),t()}catch(e){l.Am.error(n.formatMessage(x.error))}};return(0,r.jsx)(c.RV,{...d,children:(0,r.jsxs)(b.l0,{onSubmit:d.handleSubmit(onChangeAgencies),children:[(0,r.jsx)(p.Z,{tagName:b.Dr,id:"account.agency.list",defaultMessage:"Mes cabinets professionnels et personnels (2 maximum)"}),(0,r.jsx)(b.kC,{children:s.map((e,t)=>(0,r.jsxs)(j,{used:e.used,children:[(0,r.jsx)(_,{children:!e.used&&(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(O,{url:"/images/icons/upgrade.svg",size:["15px"],onClick:()=>m(s.map((e,n)=>({...e,used:n===t})))}),(0,r.jsx)(O,{url:"/images/icons/cross.svg",size:["12px"],onClick:()=>m([...s.slice(0,t),...s.slice(t+1)])})]})}),(0,r.jsx)("p",{children:e.siret}),(0,r.jsx)("p",{children:(0,r.jsx)(w,{children:e.name})}),e.used?(0,r.jsx)(p.Z,{tagName:"small",id:"account.changeAgency.used",defaultMessage:"Cabinet mis en avant"}):null]},t.toString()))}),(0,r.jsx)(b.YL,{id:"siret",name:"siret",label:(0,r.jsx)(p.Z,{id:"account.changeAgency.siretLabel",defaultMessage:"Ajouter un nouveau Siret"}),required:!1,disabled:s.length>=2}),(0,r.jsx)(b.eg,{}),(0,r.jsx)(b.wU,{disabled:d.formState.isSubmitting,value:n.formatMessage(x.submit)})]})})}Agency.propTypes={onDone:s().func.isRequired},t.default=Agency},3442:function(e,t,n){n.d(t,{Dr:function(){return h},Ne:function(){return f},Y1:function(){return d},YL:function(){return l},ZC:function(){return p},eg:function(){return m},kC:function(){return b},l0:function(){return c},wU:function(){return u},xL:function(){return g}});var a=n(2729),r=n(9553),i=n(5578),s=n(3749),o=n(174);function _templateObject(){let e=(0,a._)(["\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  gap: 24px;\n  margin-top: 12px;\n\n  @media (min-width: ","em) {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n"]);

1return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,a._)(["\n  margin-top: 0;\n\n  @media (min-width: ","em) {\n    ",";\n  }\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,a._)(["\n  display: none;\n\n  @media (min-width: ","em) {\n    display: block;\n    flex: 1 0 calc(50% - 12px);\n  }\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,a._)(["\n  margin-top: 0;\n\n  @media (min-width: ","em) {\n    margin-top: 0;\n    flex: 0 0 150px;\n  }\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,a._)(["\n  @media (min-width: ","em) {\n    flex: 1 0 calc(50% - 12px)\n  }\n"]);return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,a._)(["\n  margin-top: 12px;\n  display: flex;\n  flex-wrap: wrap;\n  gap: 12px;\n"]);return _templateObject5=function(){return e},e}function _templateObject6(){let e=(0,a._)(["\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 6px;\n  border-radius: 4px;\n  box-shadow: 0 3px 9px rgb(",", 0.2);\n  color: ",";\n  line-height: 1.2rem;\n"]);return _templateObject6=function(){return e},e}function _templateObject7(){let e=(0,a._)(["\n  position: absolute;\n  top: 0;\n  right: 0;\n  transform: translate(50%, -50%); \n  padding: 10px;\n  cursor: pointer;\n  box-shadow: 0 0 0 3px  ",";\n  background: ",";\n"]);return _templateObject7=function(){return e},e}function _templateObject8(){let e=(0,a._)(["\n  display: block;\n  width: 100%;\n  margin: 12px 0 0;\n"]);return _templateObject8=function(){return e},e}function _templateObject9(){let e=(0,a._)(["\n  width: 100%;\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n  padding-top: 12px;\n\n  @media (min-width: ","em) {\n    flex-direction: row;\n    flex-wrap: wrap;\n  }\n"]);return _templateObject9=function(){return e},e}let c=r.ZP.form.withConfig({componentId:"sc-ff0cd57b-0"})(_templateObject(),e=>e.theme.breakpoints.md),l=(0,r.ZP)(i.Z).withConfig({componentId:"sc-ff0cd57b-1"})(_templateObject1(),e=>e.theme.breakpoints.md,e=>"textarea"===e.type?"width: 100%":"flex: 1 0 calc(50% - 12px)"),m=r.ZP.div.withConfig({componentId:"sc-ff0cd57b-2"})(_templateObject2(),e=>e.theme.breakpoints.md),u=(0,r.ZP)(s.z0).withConfig({componentId:"sc-ff0cd57b-3"})(_templateObject3(),e=>e.theme.breakpoints.md),p=r.ZP.div.withConfig({componentId:"sc-ff0cd57b-4"})(_templateObject4(),e=>e.theme.breakpoints.md),d=r.ZP.div.withConfig({componentId:"sc-ff0cd57b-5"})(_templateObject5()),f=r.ZP.div.withConfig({componentId:"sc-ff0cd57b-6"})(_templateObject6(),e=>e.theme.grey1RGB,e=>e.theme.greyText),g=(0,r.ZP)(o.Z).attrs(e=>({url:"/images/icons/".concat(e.add?"plus":"cross",".svg"),margin:"0",size:["11px"]})).withConfig({componentId:"sc-ff0cd57b-7"})(_templateObject7(),e=>e.theme.white,e=>e.theme[!e.onClick&&"grey1"||e.add&&"green1"||"orange1"]),h=r.ZP.span.withConfig({componentId:"sc-ff0cd57b-8"})(_templateObject8()),b=r.ZP.div.withConfig({componentId:"sc-ff0cd57b-9"})(_templateObject9(),e=>e.theme.breakpoints.md)},5578:function(e,t,n){var a=n(2729),r=n(5893),i=n(5697),s=n.n(i),o=n(7294),c=n(7536),l=n(4490),m=n(6896),u=n(9553),p=n(3749);function _templateObject(){let e=(0,a._)(["\n  position: relative;\n  ",";\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: space-between;\n  margin: 12px 0 0;\n  color: ",";\n"]);return _templateObject=function(){return e},e}function _templateObject1(){let e=(0,a._)(["\n  position: absolute;\n  z-index: 1;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 41px;\n  height: 41px;\n  bottom: 0;\n  font-size: 1.1rem;\n"]);return _templateObject1=function(){return e},e}function _templateObject2(){let e=(0,a._)(["\n  left: 0;\n"]);return _templateObject2=function(){return e},e}function _templateObject3(){let e=(0,a._)(["\n  right: 0;\n"]);return _templateObject3=function(){return e},e}function _templateObject4(){let e=(0,a._)(["\n  cursor: pointer;\n  background: url(/images/icons/",") no-repeat center;\n  background-size: 15px 15px;\n"]);

1return _templateObject4=function(){return e},e}function _templateObject5(){let e=(0,a._)(["\n  line-height: 1.6rem;\n  font-size: 0.7rem;\n  color: ",";\n"]);return _templateObject5=function(){return e},e}let d=(0,l.vU)({required:{id:"form.formInput.required",defaultMessage:"Requis"},invalid:{id:"form.formInput.invalid",defaultMessage:"Invalide"},patternPassword:{id:"form.formInput.patternPassword",defaultMessage:"Doit contenir une majuscule, une minuscule et un nombre"},patternPhoneNumber:{id:"form.formInput.patternPhoneNumber",defaultMessage:"Doit \xeatre un num\xe9ro de telephone sans espace"},patternEmail:{id:"form.formInput.patternEmail",defaultMessage:"Doit \xeatre un e-mail"},pattern:{id:"form.formInput.pattern",defaultMessage:"Mauvais format"},patternNoMailNoPhone:{id:"form.formInput.patternNoMailNoPhone",defaultMessage:"Pas de numero de t\xe9l\xe9phone ou d'e-mail"},maxLength:{id:"form.formInput.maxLength",defaultMessage:"{maxLength} characteres max."},minLength:{id:"form.formInput.minLength",defaultMessage:"{minLength} characteres min."},max:{id:"form.formInput.max",defaultMessage:"{max} max."},min:{id:"form.formInput.min",defaultMessage:"{min} min."},placeholder:{id:"form.formInput.placeholder",defaultMessage:"Pas de resultat"}}),f=u.ZP.div.withConfig({componentId:"sc-80266ac8-0"})(_templateObject(),e=>"checkbox"===e.typed&&"flex-direction: row-reverse",e=>e.theme.greyText),g=u.ZP.div.withConfig({componentId:"sc-80266ac8-1"})(_templateObject1()),h=(0,u.ZP)(g).withConfig({componentId:"sc-80266ac8-2"})(_templateObject2()),b=(0,u.ZP)(g).withConfig({componentId:"sc-80266ac8-3"})(_templateObject3()),x=(0,u.ZP)(b).withConfig({componentId:"sc-80266ac8-4"})(_templateObject4(),e=>e.visible?"notVisible.svg":"visible.svg"),j=u.ZP.span.withConfig({componentId:"sc-80266ac8-5"})(_templateObject5(),e=>e.theme.orange1);function FormInput(e){let{className:t,id:n,name:a,type:i,label:s,isNewPassword:l,isPhoneNumber:u,isOtp:g,required:b,minLength:_,maxLength:w,min:O,max:v,pattern:M,prefix:y,noRef:I,...P}=e,C=(0,m.Z)(),{register:L,setValue:Z,watch:k,formState:{errors:N}}=(0,c.Gc)()||{formState:{}},[A,S]=(0,o.useState)(!1),q=null!==y,R=["password","newPassword"].includes(a),z=function(e){let{intl:t,required:n,minLength:a,maxLength:r,min:i,max:s,pattern:o,type:c,isNewPassword:l,isPhoneNumber:m,isOtp:u,isTextArea:p}=e,f={};return"email"===c&&(f.pattern={value:/[^@ \t\r\n]+@[^@ \t\r\n]+\.[^@ \t\r\n]+/,message:t.formatMessage(d.patternEmail)}),"number"===c&&(f.valueAsNumber=!0),n&&(f.required=t.formatMessage(d.required)),null!==a&&(f.minLength={value:a,message:t.formatMessage(d.minLength,{minLength:a})}),null!==r&&(f.maxLength={value:r,message:t.formatMessage(d.maxLength,{maxLength:r})}),null!==i&&(f.min={value:i,message:t.formatMessage(d.min,{min:i})}),null!==s&&(f.max={value:s,message:t.formatMessage(d.max,{max:s})}),null!==o&&(f.pattern=o.exec?{value:o,message:t.formatMessage(d.pattern)}:o),l&&(f.pattern={value:/^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?\d).{8,}$/,message:t.formatMessage(d.patternPassword)},f.minLength={value:8,message:t.formatMessage(d.minLength,{minLength:8})}),m&&(f.pattern={value:/^\+?\d{8,15}$/,message:t.formatMessage(d.patternPhoneNumber)},f.minLength={value:8,message:t.formatMessage(d.minLength,{minLength:8})},f.maxLength={value:15,message:t.formatMessage(d.maxLength,{maxLength:15})}),u&&(f.pattern={value:/^\+?\d{6}$/,message:t.formatMessage(d.patternPhoneNumber)},f.minLength={value:6,message:t.formatMessage(d.minLength,{minLength:6})},f.maxLength={value:6,message:t.formatMessage(d.maxLength,{maxLength:6})}),p&&(f.validate=e=>!/[0-9. ]{8,20}|.@./.test(e)||t.formatMessage(d.patternNoMailNoPhone)),f}({intl:C,required:b,minLength:_,maxLength:w,min:O,max:v,pattern:M,type:i,isNewPassword:l,isPhoneNumber:u,isOtp:g,isTextArea:"textarea"===i});return(0,r.jsxs)(f,{className:t,typed:i,children:[R&&(0,r.jsx)(x,{visible:A,onClick:()=>S(!A)}),q&&(0,r.jsx)(h,{children:y}),(0,r.jsx)(p.SO,{htmlFor:n,children:s}),(0,r.jsx)(j,{children:N&&N[a]&&N[a].message}),"select"===i&&(0,r.jsxs)(p.Ph,{id:n,name:a,...I?{}:L(a,z),hasError:N&&void 0!==N[a],...P,children:[!1!==P.placeholder&&(0,r.jsx)("option",{value:"",children:P.placeholder||C.formatMessage(d.placeholder)}),P.options.map((e,t)=>(0,r.jsx)("option",{value:e.id,children:e.label},t.toString()))]})||"checkbox"===i&&(0,r.jsx)(p.Jg,{id:n,name:a,className:t,value:k(a),onClick:()=>{P.onClick&&P.onClick(),Z(a,!k(a))},disabled:P.disabled})||"textarea"===i&&(0,r.jsx)(p.II,{as:"textarea",id:n,name:a,...I?{}:L(a,z),hasError:N&&void 0!==N[a],...P})||(0,r.jsx)(p.II,{id:n,name:a,type:i||R&&!A&&"password"||"text",...I?{}:L(a,z),hasError:N&&void 0!==N[a],hasPrefix:q,...P})]})}FormInput.propTypes={className:s().string,id:s().string.isRequired,name:s().string.isRequired,type:s().string,label:s().node,isNewPassword:s().bool,isPhoneNumber:s().bool,isOtp:s().bool,required:s().bool,minLength:s().number,maxLength:s().number,min:s().number,max:s().number,pattern:s().shape(),prefix:s().string,noRef:s().bool},FormInput.defaultProps={className:"",type:null,label:null,isNewPassword:!1,isPhoneNumber:!1,isOtp:!1,minLength:null,maxLength:null,min:null,max:null,pattern:null,required:!0,prefix:null,noRef:!1},t.Z=FormInput}}]);