@ichaingo/with-login 1.4.58 → 1.4.60

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;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,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,2CA8I7G;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,64 +1,59 @@
 'use client';
-import { jsx as w, jsxs as R } from "react/jsx-runtime";
-import y, { createContext as O, useState as L, useRef as P, useCallback as s, useEffect as p, useContext as k } from "react";
-import { useLocale as A } from "next-intl";
-import { twMerge as x } from "tailwind-merge";
-import { useTheme as B } from "@ichaingo/next-themes";
-import G from "js-cookie";
-const K = () => !!G.get("id_token");
-var H = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))(H || {}), X = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(X || {});
-const S = O(void 0);
-function Q({ children: e, loginSuccessCallback: l = () => Promise.resolve() }) {
-  const [n, a] = L(!1), [i, $] = L(!1), [h, c] = L(!1), [d, C] = L(null), E = P(/* @__PURE__ */ new Set()), u = A(), { resolvedTheme: v } = B(), t = i && v ? v : "light", _ = s((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}`, m = `${process.env.NEXT_PUBLIC_AUTH_URL}/${u}/register?mode=dialog&theme=${t}&redirect_uri=${r}`;
-    a(!0), c(!1), C(o === "register" ? m : g);
-  }, [t, u]), f = s(() => {
-    a(!1);
-  }, []), I = s((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);
   }, []);
   p(() => {
-    n && i && c(!1);
-  }, [v, n, i]), 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}`;
-      C(r);
+      v(r);
     }
   }, [t]), p(() => {
-    $(!0);
+    h(!0);
     const o = (r) => {
-      var g, m;
-      ((g = r.data) == null ? void 0 : g.type) === "closeLoginModal" && f(), ((m = r.data) == null ? void 0 : m.type) === "loginSuccess" && (console.log("handleMessage", r.data.type), f(), window.location.reload());
+      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, l]);
-  const U = s(() => {
-    console.log("iframe loaded"), c(!0);
-  }, []), T = s((o) => (E.current.add(o), () => {
-    E.current.delete(o);
-  }), []), b = s(
-    ({ children: o, ...r }) => /* @__PURE__ */ w("div", { onClick: () => _(), style: { cursor: "pointer" }, ...r, children: o }),
-    [_]
-  ), M = y.useMemo(() => /* @__PURE__ */ w(
+  }, [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: x(
+      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",
-        n && "w-full h-full "
+        i && "w-full h-full "
       ),
-      children: d && /* @__PURE__ */ w(
+      children: a && /* @__PURE__ */ m(
         "iframe",
         {
-          src: d ?? "",
-          className: x(
+          src: a ?? "",
+          className: $(
             "w-full h-full border-none relative z-10 transition-opacity duration-300",
-            h ? "opacity-0" : "opacity-100"
+            "opacity-100"
           ),
           title: "Login",
-          onLoad: U,
           sandbox: "allow-scripts allow-forms allow-same-origin"
         },
         `login-iframe-${t}`
@@ -66,47 +61,43 @@ function Q({ children: e, loginSuccessCallback: l = () => Promise.resolve() }) {
     }
   ), [
     t,
-    U,
-    h,
-    n,
-    d
-  ]), N = {
-    isOpen: n,
-    openLogin: _,
-    closeLogin: f,
-    setLoginOpen: I,
-    url: d,
+    i,
+    a
+  ]), b = {
+    isOpen: i,
+    openLogin: L,
+    closeLogin: d,
+    setLoginOpen: E,
+    url: a,
     currentTheme: t,
-    iframeLoaded: h,
-    handleIframeLoad: U,
-    mounted: i,
-    Trigger: b,
-    registerLoginSuccessCallback: T
+    mounted: l,
+    Trigger: S,
+    registerLoginSuccessCallback: x
   };
-  return /* @__PURE__ */ R(S.Provider, { value: N, children: [
+  return /* @__PURE__ */ I(C.Provider, { value: b, children: [
     e,
-    M
+    T
   ] });
 }
-function j() {
-  const e = k(S);
+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: l, ...n }) {
-  const { Trigger: a, registerLoginSuccessCallback: i } = j();
+function J({ children: e, onClick: n, ...i }) {
+  const { Trigger: s, registerLoginSuccessCallback: l } = G();
   return p(() => {
-    if (l)
-      return i(l);
-  }, [l, i]), e ? /* @__PURE__ */ w(a, { ...n, children: e }) : null;
+    if (n)
+      return l(n);
+  }, [n, l]), e ? /* @__PURE__ */ m(s, { ...i, children: e }) : null;
 }
 export {
-  H as LoginMessageType,
-  Q as LoginProvider,
-  X as OpenLoginType,
-  V as WithLogin,
-  V as default,
-  K as isLogin,
-  j 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.58",
+  "version": "1.4.60",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",