https://mijnomgeving.goedgevoel.be/_next/static/chunks/pages/app-integration-3e146e081378aded.js

1!function(){try{var e="u">typeof window?window:"u">typeof global?global:"u">typeof globalThis?globalThis:"u">typeof self?self:{};e._sentryModuleMetadata=e._sentryModuleMetadata||{},e._sentryModuleMetadata[(new e.Error).stack]=function(e){for(var s=1;s<arguments.length;s++){var a=arguments[s];if(null!=a)for(var n in a)a.hasOwnProperty(n)&&(e[n]=a[n])}return e}({},e._sentryModuleMetadata[(new e.Error).stack],{"_sentryBundlerPluginAppKey:dpg-media-services-csa":!0});var s=(new e.Error).stack;s&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[s]="f2bd29a3-000d-4c32-bc25-2f1f2ba1b2b7",e._sentryDebugIdIdentifier="sentry-dbid-f2bd29a3-000d-4c32-bc25-2f1f2ba1b2b7")}catch(e){}}(),(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7804],{58373:(e,s,a)=>{"use strict";a.d(s,{O:()=>r});let n="mijn-omgeving-action";function r(e){window.postMessage({[n]:e},"*"),"u">typeof MijnOmgevingMessageReceiver&&MijnOmgevingMessageReceiver.postMessage(JSON.stringify({[n]:e})),"webkit"in window&&window.webkit?.messageHandlers?.mijnOmgevingHandler&&window.webkit.messageHandlers.mijnOmgevingHandler.postMessage({[n]:e})}},68425:(e,s,a)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/app-integration",function(){return a(96059)}])},96059:(e,s,a)=>{"use strict";a.r(s),a.d(s,{__N_SSP:()=>h,default:()=>f});var n=a(6029),r=a(55729),l=a(55597),t=a(4765),i=a(1699),c=a(89456),o=a(25802),d=a(79132),m=a(95618),x=a(58373);let g=["account-removed","close-window"];function u({status:e,size:s}){return(0,n.jsxs)("div",{className:"w-3 flex justify-center",children:["success"===e&&(0,n.jsx)(c.In,{icon:l.QRE,className:"text-success",size:s}),"warning"===e&&(0,n.jsx)(c.In,{icon:l.lEd,className:"text-yellow",size:s}),"error"===e&&(0,n.jsx)(c.In,{icon:l.bnw,className:"text-error",size:s})]})}var h=!0;function f({brandStatus:e,cookieStatus:s}){let{dpgConfig:a}=(0,o.G)(),u=(0,d.PB)(),[h,b]=(0,r.useState)(!1),[p,w]=(0,r.useState)(!1),[N,v]=(0,r.useState)(!1),[y,k]=(0,r.useState)(!1),_={name:"Post and receive remove account message",items:[{message:"Message was posted",status:N?"success":"error"},{message:"Message was received",status:y?"success":"error"}]},M={name:"Open in a separate browser",items:[{message:"Click link",status:h?"success":"error"},{message:"Opened in a new window",status:p?"success":"error"}]},C=[...e,...s].every(e=>e.items.every(e=>"success"===e.status)),O=C&&h&&p&&N&&y;return(0,r.useEffect)(()=>{t.NA("page","app-integration-tool"),t.NA("brand",u?.id),t.NA("diagnostics-status",C?"\uD83C\uDF89 Success":"❌ Error"),t.l7("diagnostics",JSON.stringify({brandStatus:e,cookieStatus:s},null,2)),(0,i.OG)("App Integration Diagnostics",{logLevel:"info"})},[u,C]),(0,n.jsxs)("div",{className:"w-full mx-auto flex py-3 flex-col text-center gap-3",children:[O&&(0,n.jsx)("div",{className:"w-full h-full fixed bg-confetti bg-cover pointer-events-none"}),(0,n.jsxs)("div",{className:"flex justify-center items-center gap-3",children:[(0,n.jsx)("img",{src:(0,m.d)(a.dpgHeaderLogo)?.height(70).url(),alt:"DPG Media",className:"h-11 max-w-11"}),u?.logo&&(0,n.jsxs)(n.Fragment,{children:["❤️",(0,n.jsx)("img",{src:(0,m.d)(u.logo)?.height(70).url(),alt:u.title,className:"h-11 max-w-11"})]})]}),(0,n.jsx)("div",{className:"py-5 px-3 bg-gray-light flex justify-center",children:(0,n.jsxs)("div",{className:"max-w-lg",children:[(0,n.jsx)("h1",{className:"font-bold text-xl mb-1",children:"Mijn Omgeving"}),(0,n.jsx)("h2",{className:"font-light text-lg mb-2",children:"App Integration Tool"}),(0,n.jsxs)("p",{className:"text-gray-dark text-md",children:["Contact us at our slack channel for support:"," ",(0,n.jsx)("a",{href:"https://persgroep-it.slack.com/archives/C0A4ZHRLWSD",className:"block text-black font-medium italic hover:underline",target:"_blank",rel:"noreferrer",children:"#moc-team-public"})]})]})}),(0,n.jsxs)("div",{className:"py-3 px-3 text-left w-full max-w-sm mx-auto",children:[(0,n.jsx)("h2",{className:"font-bold mb-2",children:"Brand"}),(0,n.jsx)("div",{className:"flex flex-col gap-3 mb-3",children:e.map(e=>(0,n.jsx)(j,{...e},e.name))}),(0,n.jsx)("hr",{className:"border-gray-medium mb-4"}),(0,n.jsx)("h2",{className:"font-bold mb-2",children:"Cookies"}),(0,n.jsx)("div",{className:"flex flex-col gap-3 mb-3",children:s.map(e=>(0,n.jsx)(j,{...e},e.name))}),(0,n.jsx)("hr",{className:"border-gray-medium mb-4"}

1),(0,n.jsx)("h2",{className:"font-bold mb-2",children:"External links"}),(0,n.jsxs)("div",{className:"border border-gray-medium flex flex-col gap-3 mb-4 p-3",children:[(0,n.jsxs)("a",{href:"https://www.dpgmediagroup.com/",onClick:()=>{b(!0)},target:"_blank",rel:"noreferrer",children:[(0,n.jsx)(c.In,{icon:l.vMs,className:"w-3 mr-1"})," ",(0,n.jsx)("span",{className:"underline",children:"Click to open external link"})]}),h&&(0,n.jsx)(c.Sc,{onCheckedChange:e=>{w(e)},checked:p,id:"external-link",children:"Confirm link opened in an external browser window"})]}),(0,n.jsx)("div",{className:"flex flex-col gap-3 mb-3",children:(0,n.jsx)(j,{...M},M.name)}),(0,n.jsx)("h2",{className:"font-bold mb-2",children:"Messaging"}),(0,n.jsxs)("p",{className:"italic text-sm mb-2",children:["We have the following messages:"," ",(0,n.jsx)("span",{className:"inline-block",children:g.join(", ")})]}),(0,n.jsxs)("div",{className:"border border-gray-medium flex flex-col gap-3 mb-4 p-3",children:[(0,n.jsxs)("button",{type:"button",onClick:()=>{(0,x.O)("account-removed"),v(!0)},className:"border border-primary p-2 text-sm text-balance",children:["Click to post the ",(0,n.jsx)("span",{className:"font-bold",children:"account-removed"})," ","message"]}),N&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("p",{children:"The following message was posted:"}),(0,n.jsx)("pre",{className:"text-xs",children:JSON.stringify({"mijn-omgeving-action":"account-removed"},void 0,"	")}),(0,n.jsx)("br",{}),(0,n.jsx)(c.Sc,{onCheckedChange:e=>{k(e)},checked:y,id:"post-message",children:"Confirm message was received in the mobile app"})]})]}),(0,n.jsx)("div",{className:"flex flex-col gap-3 mb-3",children:(0,n.jsx)(j,{..._},_.name)}),O&&(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("hr",{className:"border-gray-medium mb-4"}),(0,n.jsxs)("div",{className:"flex flex-col justify-center items-center",children:[(0,n.jsx)(c.Eg,{className:"mb-2",variant:"success",shouldAnnounce:!1,children:(0,n.jsxs)("p",{children:[(0,n.jsx)("span",{children:"All checks are green, we are ready for launch. \uD83D\uDE80"})," ",(0,n.jsx)("a",{href:"/",className:"text-anchor underline",children:"Proceed to the website."})]})}),(0,n.jsx)("img",{src:"/images/brentrambo.gif",className:"max-w-10 rounded",title:"Successful integration!"})]})]})]})]})}function j({name:e,items:s}){let a=s.filter(e=>"success"===e.status).length;return(0,n.jsxs)("div",{className:"flex justify-between flex-col",children:[(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsx)("h2",{className:"font-medium mb-2",children:e}),(0,n.jsxs)("div",{className:"flex flex-row",children:[(0,n.jsx)("span",{className:"mr-2 w-7",children:`${a} / ${s.length}`}),a?a===s.length?(0,n.jsx)(u,{status:"success",size:"lg"}):(0,n.jsx)(u,{status:"warning",size:"lg"}):(0,n.jsx)(u,{status:"error",size:"lg"})]})]}),(0,n.jsx)("div",{className:"ml-4",children:s.map(({error:e,message:s,status:a})=>(0,n.jsxs)("div",{className:"mb-2",children:[(0,n.jsxs)("div",{className:"flex justify-between",children:[(0,n.jsx)("p",{className:"mr-2",children:s}),(0,n.jsx)(u,{status:a,size:"sm"})]}),e&&(0,n.jsx)(c.Eg,{variant:"error",shouldAnnounce:!1,children:e})]},s))})]})}f.getLayout=({children:e})=>(0,n.jsx)(n.Fragment,{children:e})}},e=>{e.O(0,[6593,636,8792],()=>e(e.s=68425)),_N_E=e.O()}]);