@ichaingo/with-login 1.4.33 → 1.4.35

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 CHANGED
@@ -13,7 +13,7 @@ export interface UseLoginResult {
13
13
  openLogin: () => void;
14
14
  closeLogin: () => void;
15
15
  setLoginOpen: (open: boolean) => void;
16
- loginUrl: string;
16
+ url: string | null;
17
17
  currentTheme: string;
18
18
  iframeLoaded: boolean;
19
19
  handleIframeLoad: () => void;
@@ -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,MAAM,IAAI,CAAC;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,EAAE,MAAM,CAAC;IACjB,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,CAgIxG;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"}
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,MAAM,IAAI,CAAC;IACtB,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,CAgIxG;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,69 +1,69 @@
1
1
  'use client';
2
- import { jsx as a, jsxs as U, Fragment as T } from "react/jsx-runtime";
3
- import { useState as f, useCallback as i, useEffect as h } from "react";
4
- import { createPortal as C } from "react-dom";
5
- import { useLocale as M } from "next-intl";
6
- import { twMerge as v } from "tailwind-merge";
7
- import { useTheme as O } from "@ichaingo/next-themes";
8
- import S from "js-cookie";
9
- const H = () => !!S.get("id_token");
10
- var $ = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))($ || {}), b = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(b || {});
11
- function x({ loginSuccessCallback: e = () => Promise.resolve() }) {
12
- const [t, l] = f(!1), [r, w] = f(!1), [c, d] = f(!1), [G, _] = f(null), g = M(), { resolvedTheme: u } = O(), n = r && u ? u : "light", L = i((o) => {
13
- const s = `${process.env.NEXT_PUBLIC_AUTH_URL}/${g}/login?mode=dialog&theme=${n}`, N = `${process.env.NEXT_PUBLIC_AUTH_URL}/${g}/register?mode=dialog&theme=${n}`;
14
- l(!0), d(!1), _(o === "register" ? N : s);
15
- }, [n, g]), m = i(() => {
16
- l(!1);
17
- }, []), E = i((o) => {
18
- l(o), o && d(!1);
2
+ import { jsx as l, jsxs as U, Fragment as C } from "react/jsx-runtime";
3
+ import { useState as f, useCallback as i, useEffect as w } from "react";
4
+ import { createPortal as M } from "react-dom";
5
+ import { useLocale as O } from "next-intl";
6
+ import { twMerge as h } from "tailwind-merge";
7
+ import { useTheme as S } from "@ichaingo/next-themes";
8
+ import $ from "js-cookie";
9
+ const H = () => !!$.get("id_token");
10
+ var b = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(b || {}), x = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(x || {});
11
+ function G({ loginSuccessCallback: e = () => Promise.resolve() }) {
12
+ const [t, a] = f(!1), [r, _] = f(!1), [c, d] = f(!1), [u, E] = f(null), g = O(), { resolvedTheme: L } = S(), s = r && L ? L : "light", p = i((o) => {
13
+ const n = `${process.env.NEXT_PUBLIC_AUTH_URL}/${g}/login?mode=dialog&theme=${s}`, T = `${process.env.NEXT_PUBLIC_AUTH_URL}/${g}/register?mode=dialog&theme=${s}`;
14
+ a(!0), d(!1), E(o === "register" ? T : n);
15
+ }, [s, g]), m = i(() => {
16
+ a(!1);
17
+ }, []), I = i((o) => {
18
+ a(o), o && d(!1);
19
19
  }, []);
20
- h(() => {
20
+ w(() => {
21
21
  t && r && d(!1);
22
- }, [u, t, r]), h(() => {
23
- w(!0);
24
- const o = (s) => {
25
- s.data.type === "closeLoginModal" && m(), s.data.type === "loginSuccess" && (m(), e && e());
22
+ }, [L, t, r]), w(() => {
23
+ _(!0);
24
+ const o = (n) => {
25
+ n.data.type === "closeLoginModal" && m(), n.data.type === "loginSuccess" && (m(), e && e());
26
26
  };
27
27
  return window.addEventListener("message", o), () => {
28
28
  window.removeEventListener("message", o);
29
29
  };
30
30
  }, []);
31
- const p = i(() => {
31
+ const v = i(() => {
32
32
  d(!0);
33
- }, []), I = i(
34
- ({ children: o, ...s }) => /* @__PURE__ */ a("div", { onClick: L, style: { cursor: "pointer" }, ...s, children: o }),
35
- [L]
36
- ), y = i(() => t ? C(
33
+ }, []), y = i(
34
+ ({ children: o, ...n }) => /* @__PURE__ */ l("div", { onClick: p, style: { cursor: "pointer" }, ...n, children: o }),
35
+ [p]
36
+ ), N = i(() => t ? M(
37
37
  /* @__PURE__ */ U(
38
38
  "div",
39
39
  {
40
- className: v(
40
+ className: h(
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
  ),
44
44
  children: [
45
- /* @__PURE__ */ a(
45
+ /* @__PURE__ */ l(
46
46
  "div",
47
47
  {
48
- className: v(
48
+ className: h(
49
49
  "absolute inset-0 transition-opacity duration-300",
50
50
  c ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
51
51
  )
52
52
  }
53
53
  ),
54
- /* @__PURE__ */ a(
54
+ /* @__PURE__ */ l(
55
55
  "iframe",
56
56
  {
57
- src: loginUrl,
58
- className: v(
57
+ src: u ?? "",
58
+ className: h(
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: p,
63
+ onLoad: v,
64
64
  sandbox: "allow-scripts allow-forms allow-same-origin"
65
65
  },
66
- `login-iframe-${n}`
66
+ `login-iframe-${s}`
67
67
  )
68
68
  ]
69
69
  }
@@ -71,38 +71,38 @@ function x({ loginSuccessCallback: e = () => Promise.resolve() }) {
71
71
  document.body
72
72
  ) : null, [
73
73
  m,
74
- n,
75
- p,
74
+ s,
75
+ v,
76
76
  c,
77
77
  t,
78
- loginUrl
78
+ u
79
79
  ]);
80
80
  return {
81
81
  isOpen: t,
82
- openLogin: L,
82
+ openLogin: p,
83
83
  closeLogin: m,
84
- setLoginOpen: E,
85
- loginUrl,
86
- currentTheme: n,
84
+ setLoginOpen: I,
85
+ url: u,
86
+ currentTheme: s,
87
87
  iframeLoaded: c,
88
- handleIframeLoad: p,
88
+ handleIframeLoad: v,
89
89
  mounted: r,
90
- Trigger: I,
91
- LoginModal: y
90
+ Trigger: y,
91
+ LoginModal: N
92
92
  };
93
93
  }
94
94
  function X({ children: e, ...t }) {
95
- const { Trigger: l, LoginModal: r } = x();
96
- return /* @__PURE__ */ U(T, { children: [
97
- e && /* @__PURE__ */ a(l, { ...t, children: e }),
98
- /* @__PURE__ */ a(r, {})
95
+ const { Trigger: a, LoginModal: r } = G({});
96
+ return /* @__PURE__ */ U(C, { children: [
97
+ e && /* @__PURE__ */ l(a, { ...t, children: e }),
98
+ /* @__PURE__ */ l(r, {})
99
99
  ] });
100
100
  }
101
101
  export {
102
- $ as LoginMessageType,
103
- b as OpenLoginType,
102
+ b as LoginMessageType,
103
+ x as OpenLoginType,
104
104
  X as WithLogin,
105
105
  X as default,
106
106
  H as isLogin,
107
- x as useLogin
107
+ G as useLogin
108
108
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ichaingo/with-login",
3
- "version": "1.4.33",
3
+ "version": "1.4.35",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",