@ichaingo/with-login 1.4.32 → 1.4.33

package/dist/index.d.ts

@@ -1,5 +1,13 @@
 import { default as React } from 'react';
 export declare const isLogin: () => boolean;
+export declare enum LoginMessageType {
+    CLOSE_LOGIN_MODAL = "closeLoginModal",
+    LOGIN_SUCCESS = "loginSuccess"
+}
+export declare enum OpenLoginType {
+    LOGIN = "login",
+    REGISTER = "register"
+}
 export interface UseLoginResult {
     isOpen: boolean;
     openLogin: () => void;

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;AAEF,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;AACD;;;;GAIG;AACH,wBAAgB,QAAQ,CAAC,EAAC,oBAA8C,EAAC,EAAE,aAAa,GAAG,cAAc,CA8HxG;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,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"}

package/dist/index.js

@@ -1,137 +1,69 @@
 'use client';
-import { jsx as p, jsxs as U, Fragment as R } from "react/jsx-runtime";
-import { useState as w, useCallback as u, useEffect as x } from "react";
-import { createPortal as k } from "react-dom";
-import { useLocale as B } from "next-intl";
-import { twMerge as C } from "tailwind-merge";
-import { useTheme as E } from "@ichaingo/next-themes";
-/*! js-cookie v3.0.5 | MIT */
-function h(o) {
-  for (var r = 1; r < arguments.length; r++) {
-    var t = arguments[r];
-    for (var i in t)
-      o[i] = t[i];
-  }
-  return o;
-}
-var M = {
-  read: function(o) {
-    return o[0] === '"' && (o = o.slice(1, -1)), o.replace(/(%[\dA-F]{2})+/gi, decodeURIComponent);
-  },
-  write: function(o) {
-    return encodeURIComponent(o).replace(
-      /%(2[346BF]|3[AC-F]|40|5[BDE]|60|7[BCD])/g,
-      decodeURIComponent
-    );
-  }
-};
-function y(o, r) {
-  function t(n, s, e) {
-    if (!(typeof document > "u")) {
-      e = h({}, r, e), typeof e.expires == "number" && (e.expires = new Date(Date.now() + e.expires * 864e5)), e.expires && (e.expires = e.expires.toUTCString()), n = encodeURIComponent(n).replace(/%(2[346B]|5E|60|7C)/g, decodeURIComponent).replace(/[()]/g, escape);
-      var a = "";
-      for (var c in e)
-        e[c] && (a += "; " + c, e[c] !== !0 && (a += "=" + e[c].split(";")[0]));
-      return document.cookie = n + "=" + o.write(s, n) + a;
-    }
-  }
-  function i(n) {
-    if (!(typeof document > "u" || arguments.length && !n)) {
-      for (var s = document.cookie ? document.cookie.split("; ") : [], e = {}, a = 0; a < s.length; a++) {
-        var c = s[a].split("="), d = c.slice(1).join("=");
-        try {
-          var l = decodeURIComponent(c[0]);
-          if (e[l] = o.read(d, l), n === l)
-            break;
-        } catch {
-        }
-      }
-      return n ? e[n] : e;
-    }
-  }
-  return Object.create(
-    {
-      set: t,
-      get: i,
-      remove: function(n, s) {
-        t(
-          n,
-          "",
-          h({}, s, {
-            expires: -1
-          })
-        );
-      },
-      withAttributes: function(n) {
-        return y(this.converter, h({}, this.attributes, n));
-      },
-      withConverter: function(n) {
-        return y(h({}, this.converter, n), this.attributes);
-      }
-    },
-    {
-      attributes: { value: Object.freeze(r) },
-      converter: { value: Object.freeze(o) }
-    }
-  );
-}
-var O = y(M, { path: "/" });
-const S = () => !!O.get("id_token");
-function z({ loginSuccessCallback: o = () => Promise.resolve() }) {
-  const [r, t] = w(!1), [i, n] = w(!1), [s, e] = w(!1), a = B(), { resolvedTheme: c } = E(), d = i && c ? c : "light", l = `${process.env.NEXT_PUBLIC_AUTH_URL}/${a}/login?mode=dialog&theme=${d}`, g = u(() => {
-    t(!0), e(!1);
-  }, []), m = u(() => {
-    t(!1);
-  }, []), I = u((f) => {
-    t(f), f && e(!1);
+import { jsx as a, jsxs as U, Fragment as T } from "react/jsx-runtime";
+import { useState as f, useCallback as i, useEffect as h } from "react";
+import { createPortal as C } from "react-dom";
+import { useLocale as M } from "next-intl";
+import { twMerge as v } from "tailwind-merge";
+import { useTheme as O } from "@ichaingo/next-themes";
+import S from "js-cookie";
+const H = () => !!S.get("id_token");
+var $ = /* @__PURE__ */ ((e) => (e.CLOSE_LOGIN_MODAL = "closeLoginModal", e.LOGIN_SUCCESS = "loginSuccess", e))($ || {}), b = /* @__PURE__ */ ((e) => (e.LOGIN = "login", e.REGISTER = "register", e))(b || {});
+function x({ loginSuccessCallback: e = () => Promise.resolve() }) {
+  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) => {
+    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}`;
+    l(!0), d(!1), _(o === "register" ? N : s);
+  }, [n, g]), m = i(() => {
+    l(!1);
+  }, []), E = i((o) => {
+    l(o), o && d(!1);
   }, []);
-  x(() => {
-    r && i && e(!1);
-  }, [c, r, i]), x(() => {
-    n(!0);
-    const f = (v) => {
-      v.data.type === "closeLoginModal" && m(), v.data.type === "loginSuccess" && (m(), o && o());
+  h(() => {
+    t && r && d(!1);
+  }, [u, t, r]), h(() => {
+    w(!0);
+    const o = (s) => {
+      s.data.type === "closeLoginModal" && m(), s.data.type === "loginSuccess" && (m(), e && e());
     };
-    return window.addEventListener("message", f), () => {
-      window.removeEventListener("message", f);
+    return window.addEventListener("message", o), () => {
+      window.removeEventListener("message", o);
     };
   }, []);
-  const L = u(() => {
-    e(!0);
-  }, []), T = u(
-    ({ children: f, ...v }) => /* @__PURE__ */ p("div", { onClick: g, style: { cursor: "pointer" }, ...v, children: f }),
-    [g]
-  ), j = u(() => r ? k(
+  const p = i(() => {
+    d(!0);
+  }, []), I = i(
+    ({ children: o, ...s }) => /* @__PURE__ */ a("div", { onClick: L, style: { cursor: "pointer" }, ...s, children: o }),
+    [L]
+  ), y = i(() => t ? C(
     /* @__PURE__ */ U(
       "div",
       {
-        className: C(
+        className: v(
           "fixed w-0 h-9 bg-[rgba(0,0,0,0.7)] z-1000",
-          r && "top-0 left-0 w-full h-full"
+          t && "top-0 left-0 w-full h-full"
         ),
         children: [
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ a(
             "div",
             {
-              className: C(
+              className: v(
                 "absolute inset-0 transition-opacity duration-300",
-                s ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
+                c ? "opacity-0 pointer-events-none" : "opacity-100 z-30"
               )
             }
           ),
-          /* @__PURE__ */ p(
+          /* @__PURE__ */ a(
             "iframe",
             {
-              src: l,
-              className: C(
+              src: loginUrl,
+              className: v(
                 "w-full h-full border-none relative z-10 transition-opacity duration-300",
-                s ? "opacity-100" : "opacity-0"
+                c ? "opacity-100" : "opacity-0"
               ),
               title: "Login",
-              onLoad: L,
+              onLoad: p,
               sandbox: "allow-scripts allow-forms allow-same-origin"
             },
-            `login-iframe-${d}`
+            `login-iframe-${n}`
           )
         ]
       }
@@ -139,36 +71,38 @@ function z({ loginSuccessCallback: o = () => Promise.resolve() }) {
     document.body
   ) : null, [
     m,
-    d,
-    L,
-    s,
-    r,
-    l
+    n,
+    p,
+    c,
+    t,
+    loginUrl
   ]);
   return {
-    isOpen: r,
-    openLogin: g,
+    isOpen: t,
+    openLogin: L,
     closeLogin: m,
-    setLoginOpen: I,
-    loginUrl: l,
-    currentTheme: d,
-    iframeLoaded: s,
-    handleIframeLoad: L,
-    mounted: i,
-    Trigger: T,
-    LoginModal: j
+    setLoginOpen: E,
+    loginUrl,
+    currentTheme: n,
+    iframeLoaded: c,
+    handleIframeLoad: p,
+    mounted: r,
+    Trigger: I,
+    LoginModal: y
   };
 }
-function b({ children: o, ...r }) {
-  const { Trigger: t, LoginModal: i } = z();
-  return /* @__PURE__ */ U(R, { children: [
-    o && /* @__PURE__ */ p(t, { ...r, children: o }),
-    /* @__PURE__ */ p(i, {})
+function X({ children: e, ...t }) {
+  const { Trigger: l, LoginModal: r } = x();
+  return /* @__PURE__ */ U(T, { children: [
+    e && /* @__PURE__ */ a(l, { ...t, children: e }),
+    /* @__PURE__ */ a(r, {})
   ] });
 }
 export {
-  b as WithLogin,
-  b as default,
-  S as isLogin,
-  z as useLogin
+  $ as LoginMessageType,
+  b as OpenLoginType,
+  X as WithLogin,
+  X as default,
+  H as isLogin,
+  x as useLogin
 };

package/package.json

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