https://static-oaos.rtbf.be/16654677931/_next/static/chunks/5082.dbac430ef72821f3.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5082],{5783:(e,r,t)=>{t.r(r),t.d(r,{FormInputErrorSummary:()=>R,FormInputErrorSummaryForcedThemes:()=>E,FormInputErrorSummaryTypes:()=>I});var o,s,a=t(54568),n=t(18328),c=t.n(n),m=t(60327),i=t(40345),l=t(94328),d=t(89984),u=t(7620),I=((o={}).PENDING="PENDING",o.INFO="INFO",o.SUCCESS="SUCCESS",o.ALERT="ALERT",o.ERROR="ERROR",o),E=((s={}).AUTO="AUTO",s.DARK="DARK",s.LIGHT="LIGHT",s);let T=(0,d.F)("rounded border p-10 md:p-16",{variants:{forcedTheme:{AUTO:"bg-background-light dark:bg-background-dark",DARK:"bg-background-dark",LIGHT:"bg-background-light"},type:{PENDING:"border-info",INFO:"border-info",ALERT:"border-orange",ERROR:"border-error-light dark:border-error-dark",SUCCESS:"border-success"}}}),p=c()("size-24 rounded-full border-2 border-white p-4"),N=(0,d.F)("rounded-full p-4",{variants:{forcedTheme:{AUTO:"",DARK:"",LIGHT:""},type:{PENDING:"",INFO:"bg-info",ALERT:"",ERROR:"",SUCCESS:"bg-success"}},compoundVariants:[{forcedTheme:"AUTO",type:["ALERT","ERROR"],className:"bg-error-light dark:bg-error-dark"},{forcedTheme:"LIGHT",type:["ALERT","ERROR"],className:"bg-error-light"},{forcedTheme:"DARK",type:["ALERT","ERROR"],className:"bg-error-dark"}]}),R=({type:e="INFO",forcedTheme:r="AUTO",children:t,toaster:o=!1,marginBottom:s,marginLeft:n,marginRight:d,marginTop:I,isAlert:E=!0})=>{let R=(0,u.useId)(),S=`error-summary-title-${R}`,F={INFO:"ExclamationMarkIcon",ERROR:"XIcon",SUCCESS:"CheckIcon"}[e]||"InformationCircleIcon";return(0,a.jsx)("div",{"aria-labelledby":S,role:E?"alert":null,tabIndex:-1,className:c()(`
2        ${T({type:e,forcedTheme:r})}
3        ${(0,l.jp)(I,d,s,n)}
4        ${o&&"lg:min-w-500"}
5      `),children:(0,a.jsxs)("div",{className:"flex items-center space-x-16",children:[(0,a.jsxs)("div",{className:"shrink-0",children:["PENDING"===e&&(0,a.jsx)(i.y,{}),"PENDING"!==e&&(0,a.jsx)("div",{className:N({type:e,forcedTheme:r}),children:(0,a.jsx)("div",{className:p,children:(0,a.jsx)(m.I,{iconName:F,className:"size-12 filter-(--filter-white)","aria-hidden":!0})})})]}),(0,a.jsx)("div",{className:"grow",children:(0,a.jsx)("div",{className:c()(`
6              w-full text-14 leading-tight font-normal 
7              ${"AUTO"===r&&"text-content-800 dark:text-content-200"}
8              ${"LIGHT"===r&&"text-content-800"}
9              ${"DARK"===r&&"text-content-200"}
10            `),children:(0,a.jsx)("div",{className:"list-inside list-disc space-y-2",children:t})})})]})})}},40345:(e,r,t)=>{t.d(r,{y:()=>o.y});var o=t(65139)},65139:(e,r,t)=>{t.d(r,{D:()=>c,y:()=>m});var o,s=t(54568),a=t(18328),n=t.n(a),c=((o={}).PRIMARY="primary",o.OVERLAY="overlay",o.FULLSCREEN="fullscreen",o.FULLTRANSPARENT="fulltransparent",o);let m=({label:e="",variant:r="primary",widthClass:t=n()("w-100"),heightClass:o=n()("h-100"),iconClass:a=n()("size-32"),className:c=""})=>(0,s.jsx)("div",{className:["fullscreen","fulltransparent"].includes(r)?"absolute top-0 left-0 z-10 size-full":"",children:(0,s.jsxs)("div",{className:`${n()(`
11    flex items-center justify-center
12    ${"overlay"===r&&`z-60 rounded-sm border-2 bg-gray-400 px-4 ${t} ${o}`}
13    ${"fullscreen"===r&&"absolute inset-0 z-60 bg-white/60 px-4 dark:bg-purple-900/60"}
14    ${"fulltransparent"===r&&"absolute inset-0 z-60 px-4"}
15  `)} ${c}`,children:[(0,s.jsx)("div",{className:`animate-spin rounded-full border-b-2 border-primary p-4 dark:border-secondary ${a}`}),"overlay"!==r&&e&&(0,s.jsx)("p",{className:"p-10 font-Montserrat text-12 font-bold text-secondary uppercase dark:text-white",children:e})]})})},85082:(e,r,t)=>{t.r(r),t.d(r,{DcouvrIframeModal:()=>R});var o=t(54568),s=t(23592),a=t(63179),n=t(18328),c=t.n(n),m=t(39233),i=t(76386),l=t

15(29386),d=t(7620),u=t(17427),I=t(5783);let E=({citizenToken:e,closeAction:r,isWebview:t=!1})=>{let[n,c]=(0,d.useState)(null),{getRamJWT:m,getFreshGigyaUser:i}=(0,u.J)(),E=(0,l.useSetAtom)(a.o2),T=async()=>{if(null===n&&c("INIT"),"INIT"===n&&(c("BUSY"),m().then(r=>{(0,s.BH)({ramJWT:r.access_token,citizenToken:e}).then(()=>{c("CITIZEN_TOKEN_IN_QUEUE")}).catch(()=>{c("ERROR_SAVING_CITIZEN_ID")})}).catch(()=>{c("ERROR_RETRIEVING_JWT_TOKEN")})),"BUSY"!==n&&("CITIZEN_TOKEN_IN_QUEUE"===n&&setTimeout(()=>{c("FIRST_VERIFICATION")},1e3),"FIRST_VERIFICATION"===n&&i().then(e=>{e?.data?.dcouvrCitizenId?c("CITIZEN_ID_SAVED_SUCCESSFULLY"):setTimeout(()=>{c("FIRST_VERIFICATION_FAILED")},1e3)}),"FIRST_VERIFICATION_FAILED"===n&&setTimeout(()=>{c("SECOND_VERIFICATION")},5e3),"SECOND_VERIFICATION"===n&&i().then(e=>{e?.data?.dcouvrCitizenId?c("CITIZEN_ID_SAVED_SUCCESSFULLY"):setTimeout(()=>{c("SECOND_VERIFICATION_FAILED")},1e3)}),"SECOND_VERIFICATION_FAILED"===n&&setTimeout(()=>{c("LAST_VERIFICATION")},5e3),"LAST_VERIFICATION"===n))return void i().then(e=>{let r=e?.data?.dcouvrCitizenId?"CITIZEN_ID_SAVED_SUCCESSFULLY":"LAST_VERIFICATION_FAILED";setTimeout(()=>{c(r)},1e3)})};switch((0,d.useEffect)(()=>{if(t){window.location.href=`rtbf://dcouvrsavecitizenid/${e}`;return}T()},[]),(0,d.useEffect)(()=>{t||T()},[n,t]),(0,d.useEffect)(()=>{let e;return!t&&"CITIZEN_ID_SAVED_SUCCESSFULLY"===n&&r&&(e=setTimeout(()=>{r()},5e3)),()=>{e&&clearTimeout(e)}},[r,t,n]),n){case"ERROR_RETRIEVING_JWT_TOKEN":return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.ERROR,children:"Impossible de r\xe9cup\xe9rer vos informations."});case"ERROR_SAVING_CITIZEN_ID":return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.ERROR,children:"Impossible de lier votre compte DCOUVR \xe0 votre compte Mon RTBF."});case"CITIZEN_TOKEN_IN_QUEUE":return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.PENDING,children:"Activation de votre compte DCOUVR avec votre compte Mon RTBF…"});case"FIRST_VERIFICATION":case"SECOND_VERIFICATION":case"LAST_VERIFICATION":return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.PENDING,children:"V\xe9rification de votre compte…"});case"CITIZEN_ID_SAVED_SUCCESSFULLY":return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.SUCCESS,children:"Vos comptes RTBF et DCOUVR ont bien \xe9t\xe9 activ\xe9s."});case"FIRST_VERIFICATION_FAILED":return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.PENDING,children:"Nouvelle tentative dans 5 secondes…"});case"LAST_VERIFICATION_FAILED":return E(!1),(0,o.jsxs)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.ERROR,children:["Un probl\xe8me est survenu lors de la liaison entre vos comptes RTBF et DCOUVR.",(0,o.jsx)("br",{}),"De nouvelles tentatives seront automatiquement effectu\xe9es plus tard.",(0,o.jsx)("br",{}),(0,o.jsx)("br",{}),"Aucune action n'est requise de votre part."]});default:return(0,o.jsx)(I.FormInputErrorSummary,{forcedTheme:I.FormInputErrorSummaryForcedThemes.LIGHT,type:I.FormInputErrorSummaryTypes.INFO,children:"Chargement…"})}};var T=t(71733);let p=()=>{},N=e=>{e.preventDefault(),e.stopPropagation()},R=({display:e,isFromApp:r=!1,to:t,closeAction:n})=>{let[u,I]=(0,l.useAtom)(a.o2),[R,S]=(0,d.useState)(""),[F,h]=(0,d.useState)("loading"),[C,f]=(0,d.useState)(""),y=(0,d.useCallback)(async()=>{try{let e=await (0,s.jE)();S(e.data.iframe_token),h(200===e.status?"success":"error")}catch(e){h("error")}},[S]),v=!!(C||!u),_=(0,d.useCallback)(e=>{["https://dcouvr.be"].includes(e.origin)&&(e.data.magicLinkSentPage&&I(!0),e.data.citizenToken&&f(e.data.citizenToken))},[I]),A=(0,d.useCallback)(e=>{v||(e.preventDefault(),e.returnValue="")},[v]);(0,d.useEffect)(()=>{R||y()},[R,y]),(0,d.useEffect)(()=>(window.addEventListener("message",_),()=>{window.removeEventListener("message",_)}),[_]),(0,d.useEffect)(()=>(window.addEventListener("beforeunload",A),()=>{window.removeEventListener("beforeunload",A)}),[A]);let O=e=>{("success"!==F||u||window.confirm("Voulez-vous vraiment interrompre votre connexion avec Dcouvr ?\n\nVos r\xe9ponses seront perdues…"))&&n()},b=c()("flex h-full items-center justify-center text-center text-black");return(0,o.jsxs)(i.a,{displayModal:e,displayCloseButton:v,closeModal:v?n:p,closeButtonVariant:m.g.WHITE,onOverlayClick:v?O:p,theme:"dcouvr",fullscreen:!0,siteName:"",children:[(0,o.jsx)(T._,{title:"Votre compte dcouvr",isClosable:v,close:v?O:p}),"loading"===F&&(0,o.jsx)("section",{className:T.q,children:(0,o.jsx)("p",{className:b,children:(0,o.jsx)("span",{children:"Chargement du service partenaire dcouvr…"})})}),"error"===F&&(0,o.jsx)("section",{className:T.q,children:(0,o.jsx)("p",{className:b,children:(0,o.jsx)("span",{children:"Le partenaire dcouvr semble temporairement indisponible."})})}),R&&!C&&(0,o.jsx)("iframe",{className:T.q,src:`https://dcouvr.be/iframe?forceLogout=true&to=${t}&operator=${R}`,title:"Votre compte dcouvr"}),C&&(0,o.jsx)("div",{className:T.q,onClick:v?n:p,children:(0,o.jsx)("div",{className:"m-32",onClick:N,children:(0,o.jsx)(E,{citizenToken:C,closeAction:n,isWebview:r})})})]})}}}]);