@ichaingo/with-login 1.4.48 → 1.4.49
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +45 -45
- package/package.json +1 -1
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,eAAO,MAAM,OAAO,eAEnB,CAAC;AACF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AACD,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,cAAc;IAE7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAE,IAAI,CAAC,EAAE,aAAa,KAAM,IAAI,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;CACtB;AACD,UAAU,aAAa;IACrB,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAC,oBAA8C,EAAC,EAAE,aAAa,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAOhE,eAAO,MAAM,OAAO,eAEnB,CAAC;AACF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AACD,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AACD,MAAM,WAAW,cAAc;IAE7B,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAE,IAAI,CAAC,EAAE,aAAa,KAAM,IAAI,CAAC;IAC5C,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,GAAG,EAAE,MAAM,GAAG,IAAI,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,OAAO,CAAC;IACtB,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IACxD,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC;CACtB;AACD,UAAU,aAAa;IACrB,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAED;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAC,oBAA8C,EAAC,EAAE,aAAa,GAAG,cAAc,CAiIxG;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,iBAAiB,EAC7B,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IAC3B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAS9D;AAED,eAAe,SAAS,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,43 +1,43 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
import { jsx as l, jsxs as
|
|
3
|
-
import { useState as
|
|
2
|
+
import { jsx as l, jsxs as _, Fragment as C } from "react/jsx-runtime";
|
|
3
|
+
import { useState as m, useCallback as i, useEffect as w } from "react";
|
|
4
4
|
import { createPortal as M } from "react-dom";
|
|
5
5
|
import { useLocale as O } from "next-intl";
|
|
6
|
-
import { twMerge as
|
|
6
|
+
import { twMerge as v } from "tailwind-merge";
|
|
7
7
|
import { useTheme as S } from "@ichaingo/next-themes";
|
|
8
|
-
import
|
|
9
|
-
const
|
|
10
|
-
var
|
|
11
|
-
function
|
|
12
|
-
const [t, a] =
|
|
13
|
-
const
|
|
14
|
-
a(!0), d(!1), E(o === "register" ? T :
|
|
15
|
-
}, [s, g]),
|
|
8
|
+
import b from "js-cookie";
|
|
9
|
+
const X = () => !!b.get("id_token");
|
|
10
|
+
var x = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(x || {}), G = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(G || {});
|
|
11
|
+
function P({ loginSuccessCallback: e = () => Promise.resolve() }) {
|
|
12
|
+
const [t, a] = m(!1), [n, U] = m(!1), [c, d] = m(!1), [f, E] = m(null), g = O(), { resolvedTheme: L } = S(), s = n && L ? L : "light", p = i((o) => {
|
|
13
|
+
const r = window.location.href, N = `${process.env.NEXT_PUBLIC_AUTH_URL}/${g}/login?mode=dialog&theme=${s}&redirect_uri=${r}`, T = `${process.env.NEXT_PUBLIC_AUTH_URL}/${g}/register?mode=dialog&theme=${s}&redirect_uri=${r}`;
|
|
14
|
+
a(!0), d(!1), E(o === "register" ? T : N);
|
|
15
|
+
}, [s, g]), u = i(() => {
|
|
16
16
|
a(!1);
|
|
17
17
|
}, []), I = i((o) => {
|
|
18
18
|
a(o), o && d(!1);
|
|
19
19
|
}, []);
|
|
20
20
|
w(() => {
|
|
21
|
-
t &&
|
|
22
|
-
}, [L, t,
|
|
23
|
-
|
|
24
|
-
const o = (
|
|
25
|
-
|
|
21
|
+
t && n && d(!1);
|
|
22
|
+
}, [L, t, n]), w(() => {
|
|
23
|
+
U(!0);
|
|
24
|
+
const o = (r) => {
|
|
25
|
+
r.data.type === "closeLoginModal" && u(), r.data.type === "loginSuccess" && (u(), e && e());
|
|
26
26
|
};
|
|
27
27
|
return window.addEventListener("message", o), () => {
|
|
28
28
|
window.removeEventListener("message", o);
|
|
29
29
|
};
|
|
30
30
|
}, []);
|
|
31
|
-
const
|
|
31
|
+
const h = i(() => {
|
|
32
32
|
d(!0);
|
|
33
|
-
}, []),
|
|
34
|
-
({ children: o, ...
|
|
33
|
+
}, []), $ = i(
|
|
34
|
+
({ children: o, ...r }) => /* @__PURE__ */ l("div", { onClick: () => p(), style: { cursor: "pointer" }, ...r, children: o }),
|
|
35
35
|
[p]
|
|
36
|
-
),
|
|
37
|
-
/* @__PURE__ */
|
|
36
|
+
), y = i(() => t ? M(
|
|
37
|
+
/* @__PURE__ */ _(
|
|
38
38
|
"div",
|
|
39
39
|
{
|
|
40
|
-
className:
|
|
40
|
+
className: v(
|
|
41
41
|
"fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1000",
|
|
42
42
|
t && "top-0 left-0 w-full h-full"
|
|
43
43
|
),
|
|
@@ -45,7 +45,7 @@ function G({ loginSuccessCallback: e = () => Promise.resolve() }) {
|
|
|
45
45
|
/* @__PURE__ */ l(
|
|
46
46
|
"div",
|
|
47
47
|
{
|
|
48
|
-
className:
|
|
48
|
+
className: v(
|
|
49
49
|
"absolute inset-0 transition-opacity duration-300",
|
|
50
50
|
c ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
|
|
51
51
|
)
|
|
@@ -54,13 +54,13 @@ function G({ loginSuccessCallback: e = () => Promise.resolve() }) {
|
|
|
54
54
|
/* @__PURE__ */ l(
|
|
55
55
|
"iframe",
|
|
56
56
|
{
|
|
57
|
-
src:
|
|
58
|
-
className:
|
|
57
|
+
src: f ?? "",
|
|
58
|
+
className: v(
|
|
59
59
|
"w-full h-full border-none relative z-10 transition-opacity duration-300",
|
|
60
60
|
c ? "opacity-100" : "opacity-0"
|
|
61
61
|
),
|
|
62
62
|
title: "Login",
|
|
63
|
-
onLoad:
|
|
63
|
+
onLoad: h,
|
|
64
64
|
sandbox: "allow-scripts allow-forms allow-same-origin"
|
|
65
65
|
},
|
|
66
66
|
`login-iframe-${s}`
|
|
@@ -70,39 +70,39 @@ function G({ loginSuccessCallback: e = () => Promise.resolve() }) {
|
|
|
70
70
|
),
|
|
71
71
|
document.body
|
|
72
72
|
) : null, [
|
|
73
|
-
|
|
73
|
+
u,
|
|
74
74
|
s,
|
|
75
|
-
|
|
75
|
+
h,
|
|
76
76
|
c,
|
|
77
77
|
t,
|
|
78
|
-
|
|
78
|
+
f
|
|
79
79
|
]);
|
|
80
80
|
return {
|
|
81
81
|
isOpen: t,
|
|
82
82
|
openLogin: p,
|
|
83
|
-
closeLogin:
|
|
83
|
+
closeLogin: u,
|
|
84
84
|
setLoginOpen: I,
|
|
85
|
-
url:
|
|
85
|
+
url: f,
|
|
86
86
|
currentTheme: s,
|
|
87
87
|
iframeLoaded: c,
|
|
88
|
-
handleIframeLoad:
|
|
89
|
-
mounted:
|
|
90
|
-
Trigger:
|
|
91
|
-
LoginModal:
|
|
88
|
+
handleIframeLoad: h,
|
|
89
|
+
mounted: n,
|
|
90
|
+
Trigger: $,
|
|
91
|
+
LoginModal: y
|
|
92
92
|
};
|
|
93
93
|
}
|
|
94
|
-
function
|
|
95
|
-
const { Trigger: a, LoginModal:
|
|
96
|
-
return /* @__PURE__ */
|
|
94
|
+
function D({ children: e, ...t }) {
|
|
95
|
+
const { Trigger: a, LoginModal: n } = P({});
|
|
96
|
+
return /* @__PURE__ */ _(C, { children: [
|
|
97
97
|
e && /* @__PURE__ */ l(a, { ...t, children: e }),
|
|
98
|
-
/* @__PURE__ */ l(
|
|
98
|
+
/* @__PURE__ */ l(n, {})
|
|
99
99
|
] });
|
|
100
100
|
}
|
|
101
101
|
export {
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
102
|
+
x as LoginMessageType,
|
|
103
|
+
G as OpenLoginType,
|
|
104
|
+
D as WithLogin,
|
|
105
|
+
D as default,
|
|
106
|
+
X as isLogin,
|
|
107
|
+
P as useLogin
|
|
108
108
|
};
|