@ichaingo/with-login 1.4.57 → 1.4.59

package/dist/index.d.ts

@@ -15,8 +15,6 @@ export interface LoginContextValue {
     setLoginOpen: (open: boolean) => void;
     url: string | null;
     currentTheme: string;
-    iframeLoaded: boolean;
-    handleIframeLoad: () => void;
     mounted: boolean;
     Trigger: React.FC<React.HTMLAttributes<HTMLDivElement>>;
     registerLoginSuccessCallback: (callback: () => void | Promise<void>) => () => void;

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAOnG,eAAO,MAAM,OAAO,eAEnB,CAAC;AAEF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AAED,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAEhC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,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;IAExD,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC;CACpF;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAKD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,oBAA8C,EAAE,EAAE,kBAAkB,2CAkJ7G;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,iBAAiB,EAC7B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,kDAevE;AAED,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA8E,MAAM,OAAO,CAAC;AAMnG,eAAO,MAAM,OAAO,eAEnB,CAAC;AAEF,oBAAY,gBAAgB;IAC1B,iBAAiB,oBAAoB;IACrC,aAAa,iBAAiB;CAC/B;AAED,oBAAY,aAAa;IACvB,KAAK,UAAU;IACf,QAAQ,aAAa;CACtB;AAED,MAAM,WAAW,iBAAiB;IAEhC,MAAM,EAAE,OAAO,CAAC;IAChB,SAAS,EAAE,CAAC,IAAI,CAAC,EAAE,aAAa,KAAK,IAAI,CAAC;IAC1C,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,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,CAAC,CAAC;IAExD,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,MAAM,IAAI,CAAC;CACpF;AAED,UAAU,kBAAkB;IAC1B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;CAC5C;AAKD;;GAEG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,oBAA8C,EAAE,EAAE,kBAAkB,2CAyH7G;AAED;;GAEG;AACH,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C;AAED,UAAU,cACR,SAAQ,KAAK,CAAC,iBAAiB,EAC7B,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACnC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,cAAc,kDAevE;AAED,eAAe,SAAS,CAAC"}

package/dist/index.js

@@ -1,117 +1,103 @@
 'use client';
-import { jsx as m, jsxs as O } from "react/jsx-runtime";
-import P, { createContext as S, useState as g, useRef as b, useCallback as l, useEffect as L, useContext as A } from "react";
-import { useLocale as B } from "next-intl";
-import { twMerge as I } from "tailwind-merge";
-import { useTheme as G } from "@ichaingo/next-themes";
-import H from "js-cookie";
-const K = () => !!H.get("id_token");
-var X = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(X || {}), j = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(j || {});
-const T = S(void 0);
-function Q({ children: e, loginSuccessCallback: n = () => Promise.resolve() }) {
-  const [i, a] = g(!1), [s, $] = g(!1), [w, c] = g(!1), [d, x] = g(null), h = b(/* @__PURE__ */ new Set()), u = B(), { resolvedTheme: p } = G(), r = s && p ? p : "light", v = l((o) => {
-    const t = typeof window < "u" ? window.location.href : "", U = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${r}&redirect_uri=${t}`, E = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/register?mode=dialog&theme=${r}&redirect_uri=${t}`;
-    a(!0), c(!1), x(o === "register" ? E : U);
-  }, [r, u]), f = l(() => {
-    a(!1);
-  }, []), N = l((o) => {
-    a(o), o && c(!1);
+import { jsx as m, jsxs as I } from "react/jsx-runtime";
+import M, { createContext as N, useState as w, useRef as R, useCallback as c, useEffect as p, useContext as O } from "react";
+import { useLocale as P } from "next-intl";
+import { twMerge as $ } from "tailwind-merge";
+import { useTheme as y } from "@ichaingo/next-themes";
+import k from "js-cookie";
+const q = () => !!k.get("id_token");
+var A = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(A || {}), B = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(B || {});
+const C = N(void 0);
+function F({ children: e, loginSuccessCallback: n = () => Promise.resolve() }) {
+  const [i, s] = w(!1), [l, h] = w(!1), [a, v] = w(null), _ = R(/* @__PURE__ */ new Set()), u = P(), { resolvedTheme: U } = y(), t = l && U ? U : "light", L = c((o) => {
+    const r = typeof window < "u" ? window.location.href : "", g = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${t}&redirect_uri=${r}`, f = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/register?mode=dialog&theme=${t}&redirect_uri=${r}`;
+    s(!0), v(o === "register" ? f : g);
+  }, [t, u]), d = c(() => {
+    s(!1);
+  }, []), E = c((o) => {
+    s(o);
   }, []);
-  L(() => {
-    i && s && c(!1);
-  }, [p, i, s]), L(() => {
-    if (r) {
-      const o = typeof window < "u" ? window.location.href : "", t = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${r}&redirect_uri=${o}`;
-      x(t);
+  p(() => {
+    if (t) {
+      const o = typeof window < "u" ? window.location.href : "", r = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/login?mode=dialog&theme=${t}&redirect_uri=${o}`;
+      v(r);
     }
-  }, [r]), L(() => {
-    $(!0);
-    const o = (t) => {
-      t.data.type === "closeLoginModal" && f(), t.data.type === "loginSuccess" && (f(), n == null || n(), h.current.forEach((U) => {
-        try {
-          U();
-        } catch (E) {
-          console.error("Login success callback error:", E);
-        }
-      }));
+  }, [t]), p(() => {
+    h(!0);
+    const o = (r) => {
+      var g, f;
+      ((g = r.data) == null ? void 0 : g.type) === "closeLoginModal" && d(), ((f = r.data) == null ? void 0 : f.type) === "loginSuccess" && (console.log("handleMessage", r.data.type), d(), window.location.reload());
     };
     return window.addEventListener("message", o), () => {
       window.removeEventListener("message", o);
     };
-  }, [f, n]);
-  const _ = l(() => {
-    console.log("iframe loaded"), c(!0);
-  }, []), R = l((o) => (h.current.add(o), () => {
-    h.current.delete(o);
-  }), []), y = l(
-    ({ children: o, ...t }) => /* @__PURE__ */ m("div", { onClick: () => v(), style: { cursor: "pointer" }, ...t, children: o }),
-    [v]
-  ), C = P.useMemo(() => /* @__PURE__ */ m(
+  }, [d, n]);
+  const x = c((o) => (_.current.add(o), () => {
+    _.current.delete(o);
+  }), []), S = c(
+    ({ children: o, ...r }) => /* @__PURE__ */ m("div", { onClick: () => L(), style: { cursor: "pointer" }, ...r, children: o }),
+    [L]
+  ), T = M.useMemo(() => /* @__PURE__ */ m(
     "div",
     {
-      className: I(
+      className: $(
         "fixed left-0 bottom-0 w-px h-px bg-[rgba(0,0,0,0.7)] z-1002",
         "transition-all duration-500 ease-in-out",
         i && "w-full h-full "
       ),
-      children: d && /* @__PURE__ */ m(
+      children: a && /* @__PURE__ */ m(
         "iframe",
         {
-          src: d ?? "",
-          className: I(
+          src: a ?? "",
+          className: $(
             "w-full h-full border-none relative z-10 transition-opacity duration-300",
-            w ? "opacity-0" : "opacity-100"
+            "opacity-100"
           ),
           title: "Login",
-          onLoad: _,
           sandbox: "allow-scripts allow-forms allow-same-origin"
         },
-        `login-iframe-${r}`
+        `login-iframe-${t}`
       )
     }
   ), [
-    r,
-    _,
-    w,
+    t,
     i,
-    d
-  ]), M = {
+    a
+  ]), b = {
     isOpen: i,
-    openLogin: v,
-    closeLogin: f,
-    setLoginOpen: N,
-    url: d,
-    currentTheme: r,
-    iframeLoaded: w,
-    handleIframeLoad: _,
-    mounted: s,
-    Trigger: y,
-    registerLoginSuccessCallback: R
+    openLogin: L,
+    closeLogin: d,
+    setLoginOpen: E,
+    url: a,
+    currentTheme: t,
+    mounted: l,
+    Trigger: S,
+    registerLoginSuccessCallback: x
   };
-  return /* @__PURE__ */ O(T.Provider, { value: M, children: [
+  return /* @__PURE__ */ I(C.Provider, { value: b, children: [
     e,
-    C
+    T
   ] });
 }
-function z() {
-  const e = A(T);
+function G() {
+  const e = O(C);
   if (e === void 0)
     throw new Error("useLogin must be used within a LoginProvider");
   return e;
 }
-function V({ children: e, onClick: n, ...i }) {
-  const { Trigger: a, registerLoginSuccessCallback: s } = z();
-  return L(() => {
+function J({ children: e, onClick: n, ...i }) {
+  const { Trigger: s, registerLoginSuccessCallback: l } = G();
+  return p(() => {
     if (n)
-      return s(n);
-  }, [n, s]), e ? /* @__PURE__ */ m(a, { ...i, children: e }) : null;
+      return l(n);
+  }, [n, l]), e ? /* @__PURE__ */ m(s, { ...i, children: e }) : null;
 }
 export {
-  X as LoginMessageType,
-  Q as LoginProvider,
-  j as OpenLoginType,
-  V as WithLogin,
-  V as default,
-  K as isLogin,
-  z as useLogin
+  A as LoginMessageType,
+  F as LoginProvider,
+  B as OpenLoginType,
+  J as WithLogin,
+  J as default,
+  q as isLogin,
+  G as useLogin
 };

package/package.json

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