https://www.oeccbb.be/_next/static/chunks/5835.9d379d87765b3357.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5835],{23:(e,t,n)=>{"use strict";n.d(t,{A:()=>o});var r=n(95155),a=n(59434),l=n(32919);let o=({label:e,type:t,className:n,labelClassName:o,error:i,required:s,inputRef:u,handleBlur:c,handleKeyUp:d,handleChange:p,...m})=>{let{disabled:g,hideLockIcon:f}=m;return(0,r.jsxs)("div",{className:"mb-6",children:[(0,r.jsxs)("label",{className:"flex mb-2 text-sm font-medium text-gray-900 dark:text-white",children:[e,s?(0,r.jsx)("span",{className:"ml-1",children:"*"}):null,g&&!f?(0,r.jsx)(l.A,{size:16,color:"#18A0FB",className:"ml-1"}):null]}),"textarea"===t?(0,r.jsx)("textarea",{className:(0,a.cn)("bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",i&&"bg-red-50 border border-red-500"),ref:u,onChange:p,onKeyUp:d,onBlur:c,...m}):(0,r.jsx)("input",{className:(0,a.cn)("bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500",i&&"bg-red-50 border border-red-500"),ref:u,onChange:p,onKeyUp:d,onBlur:c,type:"password"===t?"password":"date"===t?"date":"text",...m}),i&&(0,r.jsx)("p",{className:"mt-2 text-sm text-red-600 dark:text-red-500",children:i})]})}},1184:(e,t,n)=>{"use strict";n.d(t,{Ag:()=>x,UO:()=>v,dK:()=>g,wE:()=>f});var r=n(12115),a=Object.defineProperty,l=Object.defineProperties,o=Object.getOwnPropertyDescriptors,i=Object.getOwnPropertySymbols,s=Object.prototype.hasOwnProperty,u=Object.prototype.propertyIsEnumerable,c=(e,t,n)=>t in e?a(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,d=(e,t)=>{for(var n in t||(t={}))s.call(t,n)&&c(e,n,t[n]);if(i)for(var n of i(t))u.call(t,n)&&c(e,n,t[n]);return e},p=(e,t)=>l(e,o(t)),m=(e,t)=>{var n={};for(var r in e)s.call(e,r)&&0>t.indexOf(r)&&(n[r]=e[r]);if(null!=e&&i)for(var r of i(e))0>t.indexOf(r)&&u.call(e,r)&&(n[r]=e[r]);return n},g=r.createContext({}),f=r.forwardRef((e,t)=>{var n,a,l,o,i,{value:s,onChange:u,maxLength:c,textAlign:f="left",pattern:v,placeholder:x,inputMode:y="numeric",onComplete:w,pushPasswordManagerStrategy:j="increase-width",pasteTransformer:k,containerClassName:C,noScriptCSSFallback:S=b,render:_,children:E}=e,M=m(e,["value","onChange","maxLength","textAlign","pattern","placeholder","inputMode","onComplete","pushPasswordManagerStrategy","pasteTransformer","containerClassName","noScriptCSSFallback","render","children"]);let[N,A]=r.useState("string"==typeof M.defaultValue?M.defaultValue:""),P=null!=s?s:N,T=function(e){let t=r.useRef();return r.useEffect(()=>{t.current=e}),t.current}(P),B=r.useCallback(e=>{null==u||u(e),A(e)},[u]),O=r.useMemo(()=>v?"string"==typeof v?new RegExp(v):v:null,[v]),R=r.useRef(null),L=r.useRef(null),D=r.useRef({value:P,onChange:B,isIOS:"undefined"!=typeof window&&(null==(a=null==(n=null==window?void 0:window.CSS)?void 0:n.supports)?void 0:a.call(n,"-webkit-touch-callout","none"))}),F=r.useRef({prev:[null==(l=R.current)?void 0:l.selectionStart,null==(o=R.current)?void 0:o.selectionEnd,null==(i=R.current)?void 0:i.selectionDirection]});r.useImperativeHandle(t,()=>R.current,[]),r.useEffect(()=>{let e=R.current,t=L.current;if(!e||!t)return;function n(){if(document.activeElement!==e){V(null),G(null);return}let t=e.selectionStart,n=e.selectionEnd,r=e.selectionDirection,a=e.maxLength,l=e.value,o=F.current.prev,i=-1,s=-1,u;if(0!==l.length&&null!==t&&null!==n){let e=t===n,r=t===l.length&&l.length<a;if(e&&!r){if(0===t)i=0,s=1,u="forward";else if(t===a)i=t-1,s=t,u="backward";else if(a>1&&l.length>1){let e=0;if(null!==o[0]&&null!==o[1]){u=t<o[1]?"backward":"forward";let n=o[0]===o[1]&&o[0]<a;"backward"!==u||n||(e=-1)}i=e+t,s=e+t+1}}-1!==i&&-1!==s&&i!==s&&R.current.setSelectionRange(i,s,u)}let c=-1!==i?i:t,d=-1!==s?s:n,p=null!=u?u:r;V(c),G(d),F.current.prev=[c,d,p]}if(D.current.value!==e.value&&D.current.onChange(e.value),F.current.prev=[e.selectionStart,e.selectionEnd,e.selectionDirection],document.addEventListener("selectionchange",n,{

1capture:!0}),n(),document.activeElement===e&&z(!0),!document.getElementById("input-otp-style")){let e=document.createElement("style");if(e.id="input-otp-style",document.head.appendChild(e),e.sheet){let t="background: transparent !important; color: transparent !important; border-color: transparent !important; opacity: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -webkit-text-fill-color: transparent !important;";h(e.sheet,"[data-input-otp]::selection { background: transparent !important; color: transparent !important; }"),h(e.sheet,`[data-input-otp]:autofill { ${t} }`),h(e.sheet,`[data-input-otp]:-webkit-autofill { ${t} }`),h(e.sheet,"@supports (-webkit-touch-callout: none) { [data-input-otp] { letter-spacing: -.6em !important; font-weight: 100 !important; font-stretch: ultra-condensed; font-optical-sizing: none !important; left: -1px !important; right: 1px !important; } }"),h(e.sheet,"[data-input-otp] + * { pointer-events: all !important; }")}}let r=()=>{t&&t.style.setProperty("--root-height",`${e.clientHeight}px`)};r();let a=new ResizeObserver(r);return a.observe(e),()=>{document.removeEventListener("selectionchange",n,{capture:!0}),a.disconnect()}},[]);let[W,I]=r.useState(!1),[H,z]=r.useState(!1),[U,V]=r.useState(null),[$,G]=r.useState(null);r.useEffect(()=>{!function(e){setTimeout(e,0),setTimeout(e,10),setTimeout(e,50)}(()=>{var e,t,n,r;null==(e=R.current)||e.dispatchEvent(new Event("input"));let a=null==(t=R.current)?void 0:t.selectionStart,l=null==(n=R.current)?void 0:n.selectionEnd,o=null==(r=R.current)?void 0:r.selectionDirection;null!==a&&null!==l&&(V(a),G(l),F.current.prev=[a,l,o])})},[P,H]),r.useEffect(()=>{void 0!==T&&P!==T&&T.length<c&&P.length===c&&(null==w||w(P))},[c,w,T,P]);let K=function({containerRef:e,inputRef:t,pushPasswordManagerStrategy:n,isFocused:a}){let[l,o]=r.useState(!1),[i,s]=r.useState(!1),[u,c]=r.useState(!1),d=r.useMemo(()=>"none"!==n&&("increase-width"===n||"experimental-no-flickering"===n)&&l&&i,[l,i,n]),p=r.useCallback(()=>{let r=e.current,a=t.current;if(!r||!a||u||"none"===n)return;let l=r.getBoundingClientRect().left+r.offsetWidth,i=r.getBoundingClientRect().top+r.offsetHeight/2;0===document.querySelectorAll('[data-lastpass-icon-root],com-1password-button,[data-dashlanecreated],[style$="2147483647 !important;"]').length&&document.elementFromPoint(l-18,i)===r||(o(!0),c(!0))},[e,t,u,n]);return r.useEffect(()=>{let t=e.current;if(!t||"none"===n)return;function r(){s(window.innerWidth-t.getBoundingClientRect().right>=40)}r();let a=setInterval(r,1e3);return()=>{clearInterval(a)}},[e,n]),r.useEffect(()=>{let e=a||document.activeElement===t.current;if("none"===n||!e)return;let r=setTimeout(p,0),l=setTimeout(p,2e3),o=setTimeout(p,5e3),i=setTimeout(()=>{c(!0)},6e3);return()=>{clearTimeout(r),clearTimeout(l),clearTimeout(o),clearTimeout(i)}},[t,a,n,p]),{hasPWMBadge:l,willPushPWMBadge:d,PWM_BADGE_SPACE_WIDTH:"40px"}}({containerRef:L,inputRef:R,pushPasswordManagerStrategy:j,isFocused:H}),q=r.useCallback(e=>{let t=e.currentTarget.value.slice(0,c);if(t.length>0&&O&&!O.test(t))return void e.preventDefault();"string"==typeof T&&t.length<T.length&&document.dispatchEvent(new Event("selectionchange")),B(t)},[c,B,T,O]),X=r.useCallback(()=>{var e;if(R.current){let t=Math.min(R.current.value.length,c-1),n=R.current.value.length;null==(e=R.current)||e.setSelectionRange(t,n),V(t),G(n)}z(!0)},[c]),Y=r.useCallback(e=>{var t,n;let r=R.current;if(!k&&(!D.current.isIOS||!e.clipboardData||!r))return;let a=e.clipboardData.getData("text/plain"),l=k?k(a):a;e.preventDefault();let o=null==(t=R.current)?void 0:t.selectionStart,i=null==(n=R.current)?void 0:n.selectionEnd,s=(o!==i?P.slice(0,o)+l+P.slice(i):P.slice(0,o)+l+P.slice(o)).slice(0,c);if(s.length>0&&O&&!O.test(s))return;r.value=s,B(s);let u=Math.min(s.length,c-1),d=s.length;r.setSelectionRange(u,d),V(u),G(d)},[c,B,O,P]),Z=r.useMemo(()=>({position:"relative",cursor:M.disabled?"default":"text",userSelect:"none",WebkitUserSelect:"none",pointerEvents:"none"}),[M.disabled]),J=r.useMemo(()=>({position:"absolute",inset:0,width:K.willPushPWMBadge?`calc(100% + ${K.PWM_BADGE_SPACE_WIDTH})`:"100%",clipPath:K.willPushPWMBadge?`inset(0 ${K.PWM_BADGE_SPACE_WIDTH} 0 0)`:void 0,height:"100%",display:"flex",textAlign:f,opacity:"1",color:"transparent",pointerEvents:"all",background:"transparent",caretColor:"transparent",border:"0 solid transparent",outline:"0 solid transparent",boxShadow:"none",lineHeight:"1",letterSpacing:"-.5em",fontSize:"var(--root-height)",fontFamily:"monospace",fontVariantNumeric:"tabular-nums"}),[K.PWM_BADGE_SPACE_WIDTH,K.willPushPWMBadge,f]),Q=r.useMemo(()=>r.createElement("input",p(d({autoComplete:M.autoComplete||"one-time-code"},M),{"data-input-otp":!0,"data-input-otp-placeholder-shown":0===P.length||void 0,"data-input-otp-mss":U,"data-input-otp-mse":$,inputMode:y,pattern:null==O?void 0:O.source,"aria-placeholder":x,style:J,maxLength:c,value:P,ref:R,onPaste:e=>{var t;Y(e),null==(t=M.onPaste)||t.call(M,e)},onChange:q,onMouseOver:e=>{var t;I(!0),null==(t=M.onMouseOver)||t.call(M,e)},onMouseLeave:e=>{var t;I(!1),null==(t=M.onMouseLeave)||t.call(M,e)},onFocus:e=>{var t;X(),null==(t=M.onFocus)||t.call(M,e)},onBlur:e=>{var t;z(!1),null==(t=M.onBlur)||t.call(M,e)}})),[q,X,Y,y,J,c,$,U,M,null==O?void 0:O.source,P]),ee=r.useMemo(()=>({slots:Array.from({length:c}).map((e,t)=>{var n;let r=H&&null!==U&&null!==$&&(U===$&&t===U||t>=U&&t<$),a=void 0!==P[t]?P[t]:null;return{char:a,placeholderChar:void 0!==P[0]?null:null!=(n=null==x?void 0:x[t])?n:null,isActive:r,hasFakeCaret:r&&null===a}}),isFocused:H,isHovering:!M.disabled&&W}),[H,W,c,$,U,M.disabled,P]),et=r.useMemo(()=>_?_(ee):r.createElement(g.Provider,{value:ee},E),[E,ee,_]);return r.createElement(r.Fragment,null,null!==S&&r.createElement("noscript",null,r.createElement("style",null,S)),r.createElement("div",{ref:L,"data-input-otp-container":!0,style:Z,className:C},et,r.createElement("div",{style:{position:"absolute",inset:0,pointerEvents:"none"}},Q)))});function h(e,t){try{e.insertRule(t)}catch(e){console.error("input-otp could not insert CSS rule:",t)}}f.displayName="Input";var b=`
2[data-input-otp] {
3  --nojs-bg: white !important;
4  --nojs-fg: black !important;
5
6  background-color: var(--nojs-bg) !important;
7  color: var(--nojs-fg) !important;
8  caret-color: var(--nojs-fg) !important;
9  letter-spacing: .25em !important;
10  text-align: center !important;
11  border: 1px solid var(--nojs-fg) !important;
12  border-radius: 4px !important;
13  width: 100% !important;
14}
15@media (prefers-color-scheme: dark) {
16  [data-input-otp] {
17    --nojs-bg: black !important;
18    --nojs-fg: white !important;
19  }
20}`,v="^\\d+$",x="^[a-zA-Z0-9]+$"},15835:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>w});var r=n(95155),a=n(12115),l=n(78353),o=n.n(l),i=n(1184),s=n(92875),u=n(59434),c=n(69414),d=n.n(c),p=n(

2056671),m=n(54416),g=n(23),f=n(64160),h=n(34477);let b=(0,h.createServerReference)("40a20632bea6285cf93d00505b60b5619ea378c78a",h.callServer,void 0,h.findSourceMapURL,"loginWithCode");var v=n(51012);let x={content:{backgroundColor:"#fff",border:"none",overflow:"none",padding:0,top:"50%",bottom:"unset",maxHeight:"500px",borderRadius:"5px",boxShadow:"0px 0px 10px rgba(41, 57, 77, 0.04)",zIndex:999,left:"50%",transform:"translateX(-50%) translateY(-50%)",width:"80%",maxWidth:"600px"}},y=o(),w=({i18n:e,user:t,isOpen:n,closeModal:l})=>{let o=v.n.use.setAuth(),[c,h]=(0,a.useState)(""),[w,j]=(0,a.useState)(""),[k,C]=(0,a.useState)({email:"",code:""}),[S,_]=(0,a.useState)(!1),E=()=>{let t=!0;return(0,u.DT)((0,u._h)(c))||(C({...k,email:e.auth.validate_email}),t=!1),w.length<6?(C({...k,code:e.auth.validate_code}),t=!1):C({...k,code:""}),t};return(0,r.jsx)(y,{isOpen:n,onRequestClose:l,shouldCloseOnOverlayClick:!1,style:x,overlayClassName:d().overlay,contentLabel:"Tamtam",children:(0,r.jsxs)("div",{className:d().rmodal,children:[(0,r.jsx)("div",{className:d().close,onClick:l,children:(0,r.jsx)(m.A,{size:20})}),(0,r.jsxs)("div",{className:`${d().wrapper}`,children:[(0,r.jsx)("h1",{className:d().title,children:"Se connecter en tant que :"}),(0,r.jsx)(g.A,{name:"email",value:c,label:e.auth.email,error:k.email,labelClassName:"ttp-label-lg",autocomplete:"username",onChange:e=>h(e.target.value),onBlur:()=>{(0,u.DT)((0,u._h)(c))?C({...k,email:""}):C({...k,email:e.auth.validate_email})}}),(0,r.jsx)("label",{className:"flex mb-2 text-sm font-medium text-gray-900 dark:text-white",children:"Votre code"}),(0,r.jsx)(s.UV,{maxLength:6,pattern:i.UO,value:w,onChange:e=>j(e),children:(0,r.jsxs)(s.NV,{children:[(0,r.jsx)(s.sF,{index:0}),(0,r.jsx)(s.sF,{index:1}),(0,r.jsx)(s.sF,{index:2}),(0,r.jsx)(s.sF,{index:3}),(0,r.jsx)(s.sF,{index:4}),(0,r.jsx)(s.sF,{index:5})]})}),k.code&&(0,r.jsx)("span",{className:"ttp-error",children:k.code}),(0,r.jsx)("div",{className:d().actions,children:S?(0,r.jsx)("button",{className:"text-[white] cursor-pointer flex justify-center h-10  uppercase font-semibold text-sm  items-center gap-2 px-3.5 py-2 rounded-[8px] bg-button-1 hover:bg-[#3b8ad5] disabled:opacity-30",children:(0,r.jsx)(f.A,{style:{height:"10px"},color:"#fff"})}):(0,r.jsx)("button",{className:"text-[white] cursor-pointer flex justify-center h-10  uppercase font-semibold text-sm  items-center gap-2 px-3.5 py-2 rounded-[8px] bg-button-1 hover:bg-[#3b8ad5] disabled:opacity-30",onClick:()=>{if(!E())return null;let n={email:t.mainEmail,code:w,loggedAsEmail:c};_(!0),b(n).then(e=>{e.data&&o(e.data),window.location.reload(),l(),_(!1)}).catch(t=>{console.log(t),t.message.includes("400")?p.o.error("Error",{description:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:e.auth.invalid_credentials}})}):t.message.includes("500")?p.o.error("Error",{description:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:e.auth.server_error}})}):p.o.error("Error",{description:(0,r.jsx)("div",{dangerouslySetInnerHTML:{__html:"Error"}})}),_(!1)})},children:e.auth.signin})})]})]})})}},54416:(e,t,n)=>{"use strict";n.d(t,{A:()=>r});let r=(0,n(19946).A)("x",[["path",{d:"M18 6 6 18",key:"1bl5f8"}],["path",{d:"m6 6 12 12",key:"d8bk6v"}]])},64160:(e,t,n)=>{"use strict";n.d(t,{A:()=>a});var r=n(95155);n(12115);let a=e=>{let{color:t}=e;return(0,r.jsxs)("svg",{width:"120",height:"30",viewBox:"0 0 120 30",xmlns:"http://www.w3.org/2000/svg",fill:t,...e,children:[(0,r.jsxs)("circle",{cx:"15",cy:"15",r:"15",children:[(0,r.jsx)("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"fill-opacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})]}),(0,r.jsxs)("circle",{cx:"60",cy:"15",r:"9",fillOpacity:"0.3",children:[(0,r.jsx)("animate",{attributeName:"r",from:"9",to:"9",begin:"0s",dur:"0.8s",values:"9;15;9",calcMode:"linear",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"fill-opacity",from:"0.5",to:"0.5",begin:"0s",dur:"0.8s",values:".5;1;

20.5",calcMode:"linear",repeatCount:"indefinite"})]}),(0,r.jsxs)("circle",{cx:"105",cy:"15",r:"15",children:[(0,r.jsx)("animate",{attributeName:"r",from:"15",to:"15",begin:"0s",dur:"0.8s",values:"15;9;15",calcMode:"linear",repeatCount:"indefinite"}),(0,r.jsx)("animate",{attributeName:"fill-opacity",from:"1",to:"1",begin:"0s",dur:"0.8s",values:"1;.5;1",calcMode:"linear",repeatCount:"indefinite"})]})]})}},69414:e=>{e.exports={overlay:"LoggedAs_overlay__WF6oI",wrapper:"LoggedAs_wrapper__kkDjm",loading:"LoggedAs_loading__81vkT",close:"LoggedAs_close__ZX8cM",title:"LoggedAs_title__yd78F",codeInput:"LoggedAs_codeInput__2U8uV","codeBox\xa0":"LoggedAs_codeBox___xBzOW",actions:"LoggedAs_actions__6YTsj"}},92875:(e,t,n)=>{"use strict";n.d(t,{NV:()=>s,UV:()=>i,sF:()=>u});var r=n(95155),a=n(12115),l=n(1184),o=n(59434);function i({className:e,containerClassName:t,...n}){return(0,r.jsx)(l.wE,{"data-slot":"input-otp",containerClassName:(0,o.cn)("flex items-center gap-2 has-disabled:opacity-50",t),className:(0,o.cn)("disabled:cursor-not-allowed",e),...n})}function s({className:e,...t}){return(0,r.jsx)("div",{"data-slot":"input-otp-group",className:(0,o.cn)("flex items-center",e),...t})}function u({index:e,className:t,...n}){let i=a.useContext(l.dK),{char:s,hasFakeCaret:u,isActive:c}=i?.slots[e]??{};return(0,r.jsxs)("div",{"data-slot":"input-otp-slot","data-active":c,className:(0,o.cn)("relative flex h-10 w-10 items-center justify-center border-y border-r border-[#B2BCC6] text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md",c&&"z-10 ring-2 ring-ring ring-offset-background",t),...n,children:[s,u&&(0,r.jsx)("div",{className:"pointer-events-none absolute inset-0 flex items-center justify-center",children:(0,r.jsx)("div",{className:"h-4 w-px animate-caret-blink bg-foreground duration-1000"})})]})}}}]);