@ichaingo/with-login 1.4.49 → 1.4.51

package/dist/index.d.ts

@@ -32,12 +32,13 @@ interface UseLoginProps {
 export declare function useLogin({ loginSuccessCallback }: UseLoginProps): UseLoginResult;
 interface WithLoginProps extends React.PropsWithChildren, React.HTMLAttributes<any> {
     children?: React.ReactNode;
+    onClick?: () => void;
 }
 /**
  * 一个简单封装：
  * - children 作为触发区域
  * - 内部自动渲染 LoginModal
  */
-export declare function WithLogin({ children, ...rest }: WithLoginProps): import("react/jsx-runtime").JSX.Element;
+export declare function WithLogin({ children, onClick, ...rest }: WithLoginProps): import("react/jsx-runtime").JSX.Element;
 export default WithLogin;
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -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,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"}
+{"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;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;GAIG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,2CAWvE;AAED,eAAe,SAAS,CAAC"}

package/dist/index.js

@@ -1,66 +1,66 @@
 'use client';
-import { jsx as l, jsxs as _, Fragment as C } from "react/jsx-runtime";
-import { useState as m, useCallback as i, useEffect as w } from "react";
-import { createPortal as M } from "react-dom";
-import { useLocale as O } from "next-intl";
-import { twMerge as v } from "tailwind-merge";
-import { useTheme as S } from "@ichaingo/next-themes";
-import b from "js-cookie";
-const X = () => !!b.get("id_token");
-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 || {});
+import { jsx as l, jsxs as y, Fragment as T } from "react/jsx-runtime";
+import { useState as m, useCallback as i, useEffect as U } from "react";
+import { createPortal as b } from "react-dom";
+import { useLocale as M } from "next-intl";
+import { twMerge as _ } from "tailwind-merge";
+import { useTheme as O } from "@ichaingo/next-themes";
+import x from "js-cookie";
+const k = () => !!x.get("id_token");
+var C = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(C || {}), G = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(G || {});
 function P({ loginSuccessCallback: e = () => Promise.resolve() }) {
-  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) => {
-    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}`;
-    a(!0), d(!1), E(o === "register" ? T : N);
-  }, [s, g]), u = i(() => {
+  const [o, a] = m(!1), [r, f] = m(!1), [c, d] = m(!1), [g, E] = m(null), L = M(), { resolvedTheme: p } = O(), s = r && p ? p : "light", h = i((t) => {
+    const n = window.location.href, w = `${process.env.NEXT_PUBLIC_AUTH_URL}/${L}/login?mode=dialog&theme=${s}&redirect_uri=${n}`, S = `${process.env.NEXT_PUBLIC_AUTH_URL}/${L}/register?mode=dialog&theme=${s}&redirect_uri=${n}`;
+    a(!0), d(!1), E(t === "register" ? S : w);
+  }, [s, L]), u = i(() => {
     a(!1);
-  }, []), I = i((o) => {
-    a(o), o && d(!1);
+  }, []), I = i((t) => {
+    a(t), t && d(!1);
   }, []);
-  w(() => {
-    t && n && d(!1);
-  }, [L, t, n]), w(() => {
-    U(!0);
-    const o = (r) => {
-      r.data.type === "closeLoginModal" && u(), r.data.type === "loginSuccess" && (u(), e && e());
+  U(() => {
+    o && r && d(!1);
+  }, [p, o, r]), U(() => {
+    f(!0);
+    const t = (n) => {
+      n.data.type === "closeLoginModal" && u(), n.data.type === "loginSuccess" && (u(), e && e());
     };
-    return window.addEventListener("message", o), () => {
-      window.removeEventListener("message", o);
+    return window.addEventListener("message", t), () => {
+      window.removeEventListener("message", t);
     };
   }, []);
-  const h = i(() => {
+  const v = i(() => {
     d(!0);
   }, []), $ = i(
-    ({ children: o, ...r }) => /* @__PURE__ */ l("div", { onClick: () => p(), style: { cursor: "pointer" }, ...r, children: o }),
-    [p]
-  ), y = i(() => t ? M(
-    /* @__PURE__ */ _(
+    ({ children: t, onClick: n, ...w }) => /* @__PURE__ */ l("div", { onClick: () => h(), style: { cursor: "pointer" }, ...w, children: t }),
+    [h]
+  ), N = i(() => o ? b(
+    /* @__PURE__ */ y(
       "div",
       {
-        className: v(
-          "fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1000",
-          t && "top-0 left-0 w-full h-full"
+        className: _(
+          "fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1002",
+          o && "top-0 left-0 w-full h-full"
         ),
         children: [
           /* @__PURE__ */ l(
             "div",
             {
-              className: v(
+              className: _(
                 "absolute inset-0 transition-opacity duration-300",
-                c ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
+                c ? "opacity-0 pointer-events-none" : "opacity-100 z-1002"
               )
             }
           ),
           /* @__PURE__ */ l(
             "iframe",
             {
-              src: f ?? "",
-              className: v(
+              src: g ?? "",
+              className: _(
                 "w-full h-full border-none relative z-10 transition-opacity duration-300",
                 c ? "opacity-100" : "opacity-0"
               ),
               title: "Login",
-              onLoad: h,
+              onLoad: v,
               sandbox: "allow-scripts allow-forms allow-same-origin"
             },
             `login-iframe-${s}`
@@ -72,37 +72,39 @@ function P({ loginSuccessCallback: e = () => Promise.resolve() }) {
   ) : null, [
     u,
     s,
-    h,
+    v,
     c,
-    t,
-    f
+    o,
+    g
   ]);
   return {
-    isOpen: t,
-    openLogin: p,
+    isOpen: o,
+    openLogin: h,
     closeLogin: u,
     setLoginOpen: I,
-    url: f,
+    url: g,
     currentTheme: s,
     iframeLoaded: c,
-    handleIframeLoad: h,
-    mounted: n,
+    handleIframeLoad: v,
+    mounted: r,
     Trigger: $,
-    LoginModal: y
+    LoginModal: N
   };
 }
-function D({ children: e, ...t }) {
-  const { Trigger: a, LoginModal: n } = P({});
-  return /* @__PURE__ */ _(C, { children: [
-    e && /* @__PURE__ */ l(a, { ...t, children: e }),
-    /* @__PURE__ */ l(n, {})
+function D({ children: e, onClick: o, ...a }) {
+  const { Trigger: r, LoginModal: f } = P({ loginSuccessCallback: async () => {
+    o == null || o();
+  } });
+  return /* @__PURE__ */ y(T, { children: [
+    e && /* @__PURE__ */ l(r, { ...a, children: e }),
+    /* @__PURE__ */ l(f, {})
   ] });
 }
 export {
-  x as LoginMessageType,
+  C as LoginMessageType,
   G as OpenLoginType,
   D as WithLogin,
   D as default,
-  X as isLogin,
+  k as isLogin,
   P as useLogin
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/with-login",
-  "version": "1.4.49",
+  "version": "1.4.51",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",