https://www.wooniezie.nl/_assets/c25ace7dfe73fbb8c05f07ae9ca2a4bb/Vite/LoginPopup.entry-aJ3aAINT.js

1import { n as Z, j as n, u as P, m as E, M as N } from "./useQueryParams-B1rlhbJY.js";
2import { u as S, N as R } from "./useTranslation-CVgknHzH.js";
3import { L as I } from "./LoginForm-tOXysvSl.js";
4import { S as b } from "./SsoLoginButton-TjUKkH02.js";
5const z = window.ZigDesignSystem.ZdsAlert, T = window.ZigDesignSystem.ZdsButton, B = window.ZigDesignSystem.ZdsModal, D = window.ZigDesignSystem.ZdsProgressCircle, M = window.React.useEffect, O = window.React.useState, F = (m) => {
6  const e = Z.c(34), {
7    onLogin: s,
8    urlInschrijven: i
9  } = m, {
10    t
11  } = S(), {
12    t: o
13  } = S("Common"), {
14    data: l,
15    isLoading: v,
16    isError: w
17  } = P();
18  let h;
19  e[0] !== l ? (h = l ?? {}, e[0] = l, e[1] = h) : h = e[1];
20  const {
21    useSsoForLogin: f
22  } = h;
23  if (v) {
24    let d;
25    e[2] !== o ? (d = o("loading"), e[2] = o, e[3] = d) : d = e[3];
26    let j;
27    return e[4] !== d ? (j = /* @__PURE__ */ n.jsx("div", { className: "zds-flex zds-justify-content-center", children: /* @__PURE__ */ n.jsx(D, { ariaLabel: d, indeterminate: !0 }) }), e[4] = d, e[5] = j) : j = e[5], j;
28  } else if (w || !l) {
29    let d;
30    e[6] !== t ? (d = t("SomethingWentWrong"), e[6] = t, e[7] = d) : d = e[7];
31    let j;
32    return e[8] !== d ? (j = /* @__PURE__ */ n.jsx(z, { type: "warning", children: d }), e[8] = d, e[9] = j) : j = e[9], j;
33  }
34  let g;
35  e[10] !== s || e[11] !== f ? (g = !f && /* @__PURE__ */ n.jsx(I, { onLogin: s }), e[10] = s, e[11] = f, e[12] = g) : g = e[12];
36  let r;
37  e[13] !== t ? (r = t("LoginPopupInschrijvenHeader"), e[13] = t, e[14] = r) : r = e[14];
38  let p;
39  e[15] !== r ? (p = /* @__PURE__ */ n.jsx("h3", { children: r }), e[15] = r, e[16] = p) : p = e[16];
40  let c;
41  e[17] !== t ? (c = t("LoginPopupInschrijvenIntro"), e[17] = t, e[18] = c) : c = e[18];
42  let a;
43  e[19] !== c ? (a = /* @__PURE__ */ n.jsx("p", { children: c }), e[19] = c, e[20] = a) : a = e[20];
44  let u;
45  e[21] !== f ? (u = f && /* @__PURE__ */ n.jsx(b, {}), e[21] = f, e[22] = u) : u = e[22];
46  let x;
47  e[23] !== t || e[24] !== i ? (x = i && /* @__PURE__ */ n.jsxs(T, { link: i, preset: "secondary", children: [
48    /* @__PURE__ */ n.jsx("span", { className: "icon-br_inschrijven zds-margin-right-2" }),
49    t("Inschrijven")
50  ] }), e[23] = t, e[24] = i, e[25] = x) : x = e[25];
51  let L;
52  e[26] !== u || e[27] !== x ? (L = /* @__PURE__ */ n.jsxs("div", { className: "zds-flex zds-gap-2", children: [
53    u,
54    x
55  ] }), e[26] = u, e[27] = x, e[28] = L) : L = e[28];
56  let y;
57  return e[29] !== g || e[30] !== p || e[31] !== a || e[32] !== L ? (y = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
58    g,
59    p,
60    a,
61    L
62  ] }), e[29] = g, e[30] = p, e[31] = a, e[32] = L, e[33] = y) : y = e[33], y;
63}, _ = (m) => {
64  const e = Z.c(18), {
65    onLogin: s,
66    urlInschrijven: i,
67    onClose: t
68  } = m, {
69    t: o
70  } = S(), [l, v] = O(!0);
71  let w, h;
72  e[0] !== t || e[1] !== l ? (w = () => {
73    l || setTimeout(() => t(), 300);
74  }, h = [l, t], e[0] = t, e[1] = l, e[2] = w, e[3] = h) : (w = e[2], h = e[3]), M(w, h);
75  let f;
76  e[4] !== s ? (f = (...x) => {
77    const L = x;
78    v(!1), s ? s(...L) : window.location.reload();
79  }, e[4] = s, e[5] = f) : f = e[5];
80  const g = f;
81  let r;
82  e[6] !== o ? (r = o("LoginToReact"), e[6] = o, e[7] = r) : r = e[7];
83  const p = l === !0;
84  let c;
85  e[8] !== o ? (c = o("LoginToReact"), e[8] = o, e[9] = c) : c = e[9];
86  let a;
87  e[10] !== g || e[11] !== i ? (a = /* @__PURE__ */ n.jsx(F, { onLogin: g, urlInschrijven: i }), e[10] = g, e[11] = i, e[12] = a) : a = e[12];
88  let u;
89  return e[13] !== r || e[14] !== p || e[15] !== c || e[16] !== a ? (u = /* @__PURE__ */ n.jsx(B, { ariaLabel: r, open: p, onOpenChange: v, header: c, children: a }), e[13] = r, e[14] = p, e[15] = c, e[16] = a, e[17] = u) : u = e[17], u;
90}, $ = (m) => {
91  const e = Z.c(8);
92  let s, i;
93  e[0] !== m ? ({
94    defaultNS: i,
95    ...s
96  } = m, e[0] = m, e[1] = s, e[2] = i) : (s = e[1], i = e[2]);
97  const t = i === void 0 ? "account_frontend_login" : i;
98  let o;
99  e[3] !== s ? (o = /* @__PURE__ */ n.jsx(N, { children: /* @__PURE__ */ n.jsx(_, { ...s }) }), e[3] = s, e[4] = o) : o = e[4];
100  let l;
101  return e[5] !== t || e[6] !== o ? (l = /* @__PURE__ */ n.jsx(R, { portal: t, children: o }), e[5] = t, e[6] = o, e[7] = l) : l = e[7], l;
102};
103let C = !1;
104window.addEventListener("login-popup", (m) => {
105  if (C)
106    return;
107  C = !0;
108  const e = document.createElement("div");
109  document.body.appendChild(e);
110  const s = E.createRoot(e), i = () => {
111    s.unmount(), document.body.removeChild(e), C = !1;
112  };
113  s.render(/* @__PURE__ */ n.jsx($, { ...m.detail, onClose: i }));
114});