@cal.macconnachie/web-components 0.0.18 → 0.0.19

package/dist/components/auth.js

@@ -17,7 +17,7 @@ let wt = class {
     return this.cssText;
   }
 };
-const xt = (e) => new wt(typeof e == "string" ? e : e + "", void 0, Q), Et = (e, ...t) => {
+const Et = (e) => new wt(typeof e == "string" ? e : e + "", void 0, Q), xt = (e, ...t) => {
   const s = e.length === 1 ? e[0] : t.reduce(((i, r, o) => i + ((a) => {
     if (a._$cssResult$ === !0) return a.cssText;
     if (typeof a == "number") return a;
@@ -33,9 +33,9 @@ const xt = (e) => new wt(typeof e == "string" ? e : e + "", void 0, Q), Et = (e,
 }, at = Z ? (e) => e : (e) => e instanceof CSSStyleSheet ? ((t) => {
   let s = "";
   for (const i of t.cssRules) s += i.cssText;
-  return xt(s);
+  return Et(s);
 })(e) : e;
-const { is: Pt, defineProperty: Ot, getOwnPropertyDescriptor: Dt, getOwnPropertyNames: Ut, getOwnPropertySymbols: Rt, getPrototypeOf: It } = Object, F = globalThis, nt = F.trustedTypes, Nt = nt ? nt.emptyScript : "", Lt = F.reactiveElementPolyfillSupport, H = (e, t) => e, Y = { toAttribute(e, t) {
+const { is: Pt, defineProperty: Ot, getOwnPropertyDescriptor: Dt, getOwnPropertyNames: Ut, getOwnPropertySymbols: Rt, getPrototypeOf: It } = Object, F = globalThis, nt = F.trustedTypes, Nt = nt ? nt.emptyScript : "", Lt = F.reactiveElementPolyfillSupport, M = (e, t) => e, Y = { toAttribute(e, t) {
   switch (t) {
     case Boolean:
       e = e ? Nt : null;
@@ -93,13 +93,13 @@ let U = class extends HTMLElement {
     return this.elementProperties.get(t) ?? lt;
   }
   static _$Ei() {
-    if (this.hasOwnProperty(H("elementProperties"))) return;
+    if (this.hasOwnProperty(M("elementProperties"))) return;
     const t = It(this);
     t.finalize(), t.l !== void 0 && (this.l = [...t.l]), this.elementProperties = new Map(t.elementProperties);
   }
   static finalize() {
-    if (this.hasOwnProperty(H("finalized"))) return;
-    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(H("properties"))) {
+    if (this.hasOwnProperty(M("finalized"))) return;
+    if (this.finalized = !0, this._$Ei(), this.hasOwnProperty(M("properties"))) {
       const s = this.properties, i = [...Ut(s), ...Rt(s)];
       for (const r of i) this.createProperty(r, s[r]);
     }
@@ -246,10 +246,10 @@ let U = class extends HTMLElement {
   firstUpdated(t) {
   }
 };
-U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[H("elementProperties")] = /* @__PURE__ */ new Map(), U[H("finalized")] = /* @__PURE__ */ new Map(), Lt?.({ ReactiveElement: U }), (F.reactiveElementVersions ??= []).push("2.1.1");
-const tt = globalThis, K = tt.trustedTypes, ht = K ? K.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, bt = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, vt = "?" + C, Ht = `<${vt}>`, D = document, j = () => D.createComment(""), q = (e) => e === null || typeof e != "object" && typeof e != "function", et = Array.isArray, Mt = (e) => et(e) || typeof e?.[Symbol.iterator] == "function", W = `[ 	
+U.elementStyles = [], U.shadowRootOptions = { mode: "open" }, U[M("elementProperties")] = /* @__PURE__ */ new Map(), U[M("finalized")] = /* @__PURE__ */ new Map(), Lt?.({ ReactiveElement: U }), (F.reactiveElementVersions ??= []).push("2.1.1");
+const tt = globalThis, K = tt.trustedTypes, ht = K ? K.createPolicy("lit-html", { createHTML: (e) => e }) : void 0, bt = "$lit$", C = `lit$${Math.random().toFixed(9).slice(2)}$`, vt = "?" + C, Mt = `<${vt}>`, D = document, j = () => D.createComment(""), q = (e) => e === null || typeof e != "object" && typeof e != "function", et = Array.isArray, Ht = (e) => et(e) || typeof e?.[Symbol.iterator] == "function", W = `[ 	
 \f\r]`, N = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, ct = /-->/g, dt = />/g, T = RegExp(`>|${W}(?:([^\\s"'>=/]+)(${W}*=${W}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), pt = /'/g, ut = /"/g, At = /^(?:script|style|textarea|title)$/i, jt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = jt(1), x = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), gt = /* @__PURE__ */ new WeakMap(), O = D.createTreeWalker(D, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), pt = /'/g, ut = /"/g, At = /^(?:script|style|textarea|title)$/i, jt = (e) => (t, ...s) => ({ _$litType$: e, strings: t, values: s }), f = jt(1), E = Symbol.for("lit-noChange"), g = Symbol.for("lit-nothing"), gt = /* @__PURE__ */ new WeakMap(), O = D.createTreeWalker(D, 129);
 function _t(e, t) {
   if (!et(e) || !e.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return ht !== void 0 ? ht.createHTML(t) : t;
@@ -262,7 +262,7 @@ const qt = (e, t) => {
     let h, d, l = -1, p = 0;
     for (; p < n.length && (a.lastIndex = p, d = a.exec(n), d !== null); ) p = a.lastIndex, a === N ? d[1] === "!--" ? a = ct : d[1] !== void 0 ? a = dt : d[2] !== void 0 ? (At.test(d[2]) && (r = RegExp("</" + d[2], "g")), a = T) : d[3] !== void 0 && (a = T) : a === T ? d[0] === ">" ? (a = r ?? N, l = -1) : d[1] === void 0 ? l = -2 : (l = a.lastIndex - d[2].length, h = d[1], a = d[3] === void 0 ? T : d[3] === '"' ? ut : pt) : a === ut || a === pt ? a = T : a === ct || a === dt ? a = N : (a = T, r = void 0);
     const u = a === T && e[c + 1].startsWith("/>") ? " " : "";
-    o += a === N ? n + Ht : l >= 0 ? (i.push(h), n.slice(0, l) + bt + n.slice(l) + C + u) : n + C + (l === -2 ? c : u);
+    o += a === N ? n + Mt : l >= 0 ? (i.push(h), n.slice(0, l) + bt + n.slice(l) + C + u) : n + C + (l === -2 ? c : u);
   }
   return [_t(e, o + (e[s] || "<?>") + (t === 2 ? "</svg>" : t === 3 ? "</math>" : "")), i];
 };
@@ -304,7 +304,7 @@ class B {
   }
 }
 function R(e, t, s = e, i) {
-  if (t === x) return t;
+  if (t === E) return t;
   let r = i !== void 0 ? s._$Co?.[i] : s._$Cl;
   const o = q(t) ? void 0 : t._$litDirective$;
   return r?.constructor !== o && (r?._$AO?.(!1), o === void 0 ? r = void 0 : (r = new o(e), r._$AT(e, s, i)), i !== void 0 ? (s._$Co ??= [])[i] = r : s._$Cl = r), r !== void 0 && (t = R(e, r._$AS(e, t.values), r, i)), t;
@@ -356,7 +356,7 @@ class I {
     return this._$AB;
   }
   _$AI(t, s = this) {
-    t = R(this, t, s), q(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== x && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Mt(t) ? this.k(t) : this._(t);
+    t = R(this, t, s), q(t) ? t === g || t == null || t === "" ? (this._$AH !== g && this._$AR(), this._$AH = g) : t !== this._$AH && t !== E && this._(t) : t._$litType$ !== void 0 ? this.$(t) : t.nodeType !== void 0 ? this.T(t) : Ht(t) ? this.k(t) : this._(t);
   }
   O(t) {
     return this._$AA.parentNode.insertBefore(t, this._$AB);
@@ -409,11 +409,11 @@ class V {
   _$AI(t, s = this, i, r) {
     const o = this.strings;
     let a = !1;
-    if (o === void 0) t = R(this, t, s, 0), a = !q(t) || t !== this._$AH && t !== x, a && (this._$AH = t);
+    if (o === void 0) t = R(this, t, s, 0), a = !q(t) || t !== this._$AH && t !== E, a && (this._$AH = t);
     else {
       const c = t;
       let n, h;
-      for (t = o[0], n = 0; n < o.length - 1; n++) h = R(this, c[i + n], s, n), h === x && (h = this._$AH[n]), a ||= !q(h) || h !== this._$AH[n], h === g ? t = g : t !== g && (t += (h ?? "") + o[n + 1]), this._$AH[n] = h;
+      for (t = o[0], n = 0; n < o.length - 1; n++) h = R(this, c[i + n], s, n), h === E && (h = this._$AH[n]), a ||= !q(h) || h !== this._$AH[n], h === g ? t = g : t !== g && (t += (h ?? "") + o[n + 1]), this._$AH[n] = h;
     }
     a && !r && this.j(t);
   }
@@ -442,7 +442,7 @@ class Kt extends V {
     super(t, s, i, r, o), this.type = 5;
   }
   _$AI(t, s = this) {
-    if ((t = R(this, t, s, 0) ?? g) === x) return;
+    if ((t = R(this, t, s, 0) ?? g) === E) return;
     const i = this._$AH, r = t === g && i !== g || t.capture !== i.capture || t.once !== i.once || t.passive !== i.passive, o = t !== g && (i === g || r);
     r && this.element.removeEventListener(this.name, this, i), o && this.element.addEventListener(this.name, this, t), this._$AH = t;
   }
@@ -473,7 +473,7 @@ const Gt = (e, t, s) => {
   return r._$AI(e), r;
 };
 const st = globalThis;
-let M = class extends U {
+let H = class extends U {
   constructor() {
     super(...arguments), this.renderOptions = { host: this }, this._$Do = void 0;
   }
@@ -492,12 +492,12 @@ let M = class extends U {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return x;
+    return E;
   }
 };
-M._$litElement$ = !0, M.finalized = !0, st.litElementHydrateSupport?.({ LitElement: M });
+H._$litElement$ = !0, H.finalized = !0, st.litElementHydrateSupport?.({ LitElement: H });
 const Jt = st.litElementPolyfillSupport;
-Jt?.({ LitElement: M });
+Jt?.({ LitElement: H });
 (st.litElementVersions ??= []).push("4.2.1");
 const Zt = (e) => (t, s) => {
   s !== void 0 ? s.addInitializer((() => {
@@ -579,7 +579,7 @@ const mt = kt(class extends Ct {
       const r = !!t[i];
       r === this.st.has(i) || this.nt?.has(i) || (r ? (s.add(i), this.st.add(i)) : (s.remove(i), this.st.delete(i)));
     }
-    return x;
+    return E;
   }
 });
 const { I: ee } = Vt, ft = () => document.createComment(""), L = (e, t, s) => {
@@ -652,7 +652,7 @@ const yt = (e, t, s) => {
       const v = r[l++];
       v !== null && G(v);
     }
-    return this.ut = a, ie(e, n), x;
+    return this.ut = a, ie(e, n), E;
   }
 }), oe = ({
   baseUrl: e
@@ -884,10 +884,10 @@ const yt = (e, t, s) => {
     redirectUri: he(r)
   }, a = (w) => {
     const _ = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-._~", k = new Uint8Array(w);
-    return crypto.getRandomValues(k), Array.from(k).map((E) => _[E % _.length]).join("");
+    return crypto.getRandomValues(k), Array.from(k).map((x) => _[x % _.length]).join("");
   }, c = async (w) => {
-    const k = new TextEncoder().encode(w), E = await crypto.subtle.digest("SHA-256", k);
-    return btoa(String.fromCharCode(...new Uint8Array(E))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
+    const k = new TextEncoder().encode(w), x = await crypto.subtle.digest("SHA-256", k);
+    return btoa(String.fromCharCode(...new Uint8Array(x))).replace(/\+/g, "-").replace(/\//g, "_").replace(/=/g, "");
   }, n = async () => {
     const w = a(128), _ = await c(w);
     return sessionStorage.setItem("pkce_code_verifier", w), { codeVerifier: w, codeChallenge: _ };
@@ -947,21 +947,21 @@ const yt = (e, t, s) => {
         code: w,
         redirect_uri: o.redirectUri,
         code_verifier: _
-      }), E = await fetch(`${o.domain}/oauth2/token`, {
+      }), x = await fetch(`${o.domain}/oauth2/token`, {
         method: "POST",
         headers: {
           "Content-Type": "application/x-www-form-urlencoded"
         },
         body: k.toString()
       });
-      if (!E.ok) {
-        const rt = await E.text();
+      if (!x.ok) {
+        const rt = await x.text();
         throw new Error(`Token exchange failed: ${rt}`);
       }
-      return E.json();
+      return x.json();
     }
   };
-}, de = () => Et`
+}, de = () => xt`
     :host {
       display: inline-block;
       font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
@@ -1477,7 +1477,7 @@ const ge = [
   "token_type",
   "expires_in"
 ];
-let m = class extends M {
+let m = class extends H {
   constructor() {
     super(...arguments), this.open = !1, this.initialMode = "signin", this.logoUrl = "", this.baseUrl = "", this.oauthDomain = "", this.oauthRegion = "", this.oauthUserPoolId = "", this.oauthClientId = "", this.oauthRedirectUri = "", this.oauthSpaDomain = "", this.size = "sm", this.theme = "light", this.disableSignup = !1, this.mode = "signin", this.resetStep = "none", this.signupStep = "form", this.isLoading = !1, this.isClosing = !1, this.isVisible = !1, this.isLoggedIn = !1, this.email = "", this.password = "", this.givenName = "", this.familyName = "", this.newPassword = "", this.confirmPassword = "", this.notice = "", this.error = "", this.errors = {}, this.otpDigits = ["", "", "", "", "", ""], this.signupOtpDigits = ["", "", "", "", "", ""], this.isDragging = !1, this.dragStartY = 0, this.dragCurrentY = 0, this.dragStartTime = 0, this.lastDragEndTime = 0, this.cookies = ne(), this.scrollPosition = 0, this.transitionDuration = 300, this.hasHandledOAuthCallback = !1, this.boundKeyHandler = (e) => {
       e.key === "Escape" && this.isVisible && this.handleClose();
@@ -1662,8 +1662,8 @@ let m = class extends M {
       }
     }
   }
-  setAuthTokens(e, t, s) {
-    this.cookies.setAuthToken("ACCESS_TOKEN", e), this.cookies.setAuthToken("AUTH_TOKEN", t), this.cookies.setAuthToken("REFRESH_TOKEN", s), this.isLoggedIn = !0, this.dispatchEvent(
+  setAuthTokens(e, t, s, i) {
+    this.cookies.setAuthToken("ACCESS_TOKEN", e), this.cookies.setAuthToken("AUTH_TOKEN", t), this.cookies.setAuthToken("REFRESH_TOKEN", s), this.cookies.setCookie("USER_EMAIL", i.email), this.isLoggedIn = !0, this.dispatchEvent(
       new CustomEvent("auth-success", {
         bubbles: !0,
         composed: !0
@@ -1674,8 +1674,8 @@ let m = class extends M {
     const e = {
       email: this.email.trim(),
       password: this.password
-    }, { accessToken: t, idToken: s, refreshToken: i } = await this.getApiService().login(e);
-    this.setAuthTokens(t, s, i), this.handleClose();
+    }, { accessToken: t, idToken: s, refreshToken: i, user: r } = await this.getApiService().login(e);
+    this.setAuthTokens(t, s, i, r), this.handleClose();
   }
   isOAuthConfigured() {
     return [this.oauthDomain, this.oauthRegion, this.oauthUserPoolId, this.oauthClientId].every(
@@ -1719,12 +1719,12 @@ let m = class extends M {
         if (a)
           throw new Error(c || `OAuth error: ${a}`);
         if (t && s && i) {
-          const { accessToken: h, idToken: d, refreshToken: l } = await this.getApiService().login({
+          const { accessToken: h, idToken: d, refreshToken: l, user: p } = await this.getApiService().login({
             accessToken: t,
             refreshToken: i,
             idToken: s
           });
-          this.setAuthTokens(h, d, l ?? i), this.handleClose();
+          this.setAuthTokens(h, d, l ?? i, p), this.handleClose();
         } else if (r && o) {
           if (!this.isOAuthConfigured())
             throw new Error("OAuth is not configured correctly. Please try again later.");
@@ -1733,12 +1733,12 @@ let m = class extends M {
             throw new Error("OAuth is not configured correctly. Please try again later.");
           if (!h.validateState(o))
             throw new Error("Invalid state parameter. Please try signing in again.");
-          const d = await h.exchangeCodeForTokens(r), { accessToken: l, idToken: p, refreshToken: u } = await this.getApiService().login({
+          const d = await h.exchangeCodeForTokens(r), { accessToken: l, idToken: p, refreshToken: u, user: $ } = await this.getApiService().login({
             accessToken: d.access_token,
             refreshToken: d.refresh_token,
             idToken: d.id_token
           });
-          this.setAuthTokens(l, p, u ?? d.refresh_token), this.handleClose();
+          this.setAuthTokens(l, p, u ?? d.refresh_token, $), this.handleClose();
         } else
           throw new Error("Missing required OAuth parameters");
       } catch (h) {
@@ -2422,6 +2422,9 @@ let m = class extends M {
       this.cookies.clearAllAuthTokens(), this.isLoggedIn = !1;
     }
   }
+  getUserEmail() {
+    return this.cookies.getCookie("USER_EMAIL") || null;
+  }
 };
 m.styles = de();
 y([

package/dist/components/index.d.ts

@@ -115,6 +115,7 @@ export declare class Auth extends LitElement {
     closeModal(): void;
     openModal(): void;
     refresh(): Promise<void>;
+    getUserEmail(): string | null;
     static styles: CSSResult;
 }
 

package/dist/index.d.ts

@@ -115,6 +115,7 @@ export declare class Auth extends LitElement {
     closeModal(): void;
     openModal(): void;
     refresh(): Promise<void>;
+    getUserEmail(): string | null;
     static styles: CSSResult;
 }
 

package/dist/index.js

@@ -249,7 +249,7 @@ let Q = class extends HTMLElement {
 Q.elementStyles = [], Q.shadowRootOptions = { mode: "open" }, Q[de("elementProperties")] = /* @__PURE__ */ new Map(), Q[de("finalized")] = /* @__PURE__ */ new Map(), Ns?.({ ReactiveElement: Q }), (xe.reactiveElementVersions ??= []).push("2.1.1");
 const Xe = globalThis, Ce = Xe.trustedTypes, yt = Ce ? Ce.createPolicy("lit-html", { createHTML: (t) => t }) : void 0, Vt = "$lit$", j = `lit$${Math.random().toFixed(9).slice(2)}$`, Wt = "?" + j, Ls = `<${Wt}>`, G = document, ue = () => G.createComment(""), pe = (t) => t === null || typeof t != "object" && typeof t != "function", Qe = Array.isArray, Is = (t) => Qe(t) || typeof t?.[Symbol.iterator] == "function", He = `[ 	
 \f\r]`, le = /<(?:(!--|\/[^a-zA-Z])|(\/?[a-zA-Z][^>\s]*)|(\/?$))/g, bt = /-->/g, wt = />/g, K = RegExp(`>|${He}(?:([^\\s"'>=/]+)(${He}*=${He}*(?:[^ 	
-\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, $t = /"/g, Yt = /^(?:script|style|textarea|title)$/i, Bs = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), w = Bs(1), F = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
+\f\r"'\`<>=]|("|')|))|$)`, "g"), St = /'/g, $t = /"/g, Yt = /^(?:script|style|textarea|title)$/i, Bs = (t) => (e, ...s) => ({ _$litType$: t, strings: e, values: s }), w = Bs(1), M = Symbol.for("lit-noChange"), S = Symbol.for("lit-nothing"), At = /* @__PURE__ */ new WeakMap(), W = G.createTreeWalker(G, 129);
 function Jt(t, e) {
   if (!Qe(t) || !t.hasOwnProperty("raw")) throw Error("invalid template strings array");
   return yt !== void 0 ? yt.createHTML(e) : e;
@@ -280,7 +280,7 @@ class fe {
       if (i.nodeType === 1) {
         if (i.hasAttributes()) for (const u of i.getAttributeNames()) if (u.endsWith(Vt)) {
           const f = c[n++], y = i.getAttribute(u).split(j), p = /([.?@])?(.*)/.exec(f);
-          l.push({ type: 1, index: o, name: p[2], strings: y, ctor: p[1] === "." ? Fs : p[1] === "?" ? Ms : p[1] === "@" ? qs : Re }), i.removeAttribute(u);
+          l.push({ type: 1, index: o, name: p[2], strings: y, ctor: p[1] === "." ? Ms : p[1] === "?" ? Fs : p[1] === "@" ? qs : Re }), i.removeAttribute(u);
         } else u.startsWith(j) && (l.push({ type: 6, index: o }), i.removeAttribute(u));
         if (Yt.test(i.tagName)) {
           const u = i.textContent.split(j), f = u.length - 1;
@@ -304,7 +304,7 @@ class fe {
   }
 }
 function te(t, e, s = t, r) {
-  if (e === F) return e;
+  if (e === M) return e;
   let i = r !== void 0 ? s._$Co?.[r] : s._$Cl;
   const o = pe(e) ? void 0 : e._$litDirective$;
   return i?.constructor !== o && (i?._$AO?.(!1), o === void 0 ? i = void 0 : (i = new o(t), i._$AT(t, s, r)), r !== void 0 ? (s._$Co ??= [])[r] = i : s._$Cl = i), i !== void 0 && (e = te(t, i._$AS(t, e.values), i, r)), e;
@@ -356,7 +356,7 @@ class re {
     return this._$AB;
   }
   _$AI(e, s = this) {
-    e = te(this, e, s), pe(e) ? e === S || e == null || e === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : e !== this._$AH && e !== F && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Is(e) ? this.k(e) : this._(e);
+    e = te(this, e, s), pe(e) ? e === S || e == null || e === "" ? (this._$AH !== S && this._$AR(), this._$AH = S) : e !== this._$AH && e !== M && this._(e) : e._$litType$ !== void 0 ? this.$(e) : e.nodeType !== void 0 ? this.T(e) : Is(e) ? this.k(e) : this._(e);
   }
   O(e) {
     return this._$AA.parentNode.insertBefore(e, this._$AB);
@@ -409,11 +409,11 @@ class Re {
   _$AI(e, s = this, r, i) {
     const o = this.strings;
     let n = !1;
-    if (o === void 0) e = te(this, e, s, 0), n = !pe(e) || e !== this._$AH && e !== F, n && (this._$AH = e);
+    if (o === void 0) e = te(this, e, s, 0), n = !pe(e) || e !== this._$AH && e !== M, n && (this._$AH = e);
     else {
       const a = e;
       let l, h;
-      for (e = o[0], l = 0; l < o.length - 1; l++) h = te(this, a[r + l], s, l), h === F && (h = this._$AH[l]), n ||= !pe(h) || h !== this._$AH[l], h === S ? e = S : e !== S && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
+      for (e = o[0], l = 0; l < o.length - 1; l++) h = te(this, a[r + l], s, l), h === M && (h = this._$AH[l]), n ||= !pe(h) || h !== this._$AH[l], h === S ? e = S : e !== S && (e += (h ?? "") + o[l + 1]), this._$AH[l] = h;
     }
     n && !i && this.j(e);
   }
@@ -421,7 +421,7 @@ class Re {
     e === S ? this.element.removeAttribute(this.name) : this.element.setAttribute(this.name, e ?? "");
   }
 }
-class Fs extends Re {
+class Ms extends Re {
   constructor() {
     super(...arguments), this.type = 3;
   }
@@ -429,7 +429,7 @@ class Fs extends Re {
     this.element[this.name] = e === S ? void 0 : e;
   }
 }
-class Ms extends Re {
+class Fs extends Re {
   constructor() {
     super(...arguments), this.type = 4;
   }
@@ -442,7 +442,7 @@ class qs extends Re {
     super(e, s, r, i, o), this.type = 5;
   }
   _$AI(e, s = this) {
-    if ((e = te(this, e, s, 0) ?? S) === F) return;
+    if ((e = te(this, e, s, 0) ?? S) === M) return;
     const r = this._$AH, i = e === S && r !== S || e.capture !== r.capture || e.once !== r.once || e.passive !== r.passive, o = e !== S && (r === S || i);
     i && this.element.removeEventListener(this.name, this, r), o && this.element.addEventListener(this.name, this, e), this._$AH = e;
   }
@@ -492,7 +492,7 @@ let ee = class extends Q {
     super.disconnectedCallback(), this._$Do?.setConnected(!1);
   }
   render() {
-    return F;
+    return M;
   }
 };
 ee._$litElement$ = !0, ee.finalized = !0, et.litElementHydrateSupport?.({ LitElement: ee });
@@ -579,7 +579,7 @@ const vt = Xt(class extends Qt {
       const i = !!e[r];
       i === this.st.has(r) || this.nt?.has(r) || (i ? (s.add(r), this.st.add(r)) : (s.remove(r), this.st.delete(r)));
     }
-    return F;
+    return M;
   }
 });
 const { I: Xs } = Ks, Et = () => document.createComment(""), ce = (t, e, s) => {
@@ -652,7 +652,7 @@ const _t = (t, e, s) => {
       const g = i[u++];
       g !== null && je(g);
     }
-    return this.ut = n, er(t, l), F;
+    return this.ut = n, er(t, l), M;
   }
 }), es = ({
   baseUrl: t
@@ -814,7 +814,7 @@ const _t = (t, e, s) => {
       return f.json();
     }
   };
-}, Fe = {
+}, Me = {
   AUTH_TOKEN: "authToken",
   ACCESS_TOKEN: "accessToken",
   REFRESH_TOKEN: "refreshToken"
@@ -851,9 +851,9 @@ const _t = (t, e, s) => {
       maxAge: -1
     });
   }, r = (l) => e(l) !== null, i = (l, h) => {
-    t(Fe[l], h, sr);
-  }, o = (l) => e(Fe[l]), n = (l) => {
-    s(Fe[l]);
+    t(Me[l], h, sr);
+  }, o = (l) => e(Me[l]), n = (l) => {
+    s(Me[l]);
   };
   return {
     setCookie: t,
@@ -1662,8 +1662,8 @@ let A = class extends ee {
       }
     }
   }
-  setAuthTokens(t, e, s) {
-    this.cookies.setAuthToken("ACCESS_TOKEN", t), this.cookies.setAuthToken("AUTH_TOKEN", e), this.cookies.setAuthToken("REFRESH_TOKEN", s), this.isLoggedIn = !0, this.dispatchEvent(
+  setAuthTokens(t, e, s, r) {
+    this.cookies.setAuthToken("ACCESS_TOKEN", t), this.cookies.setAuthToken("AUTH_TOKEN", e), this.cookies.setAuthToken("REFRESH_TOKEN", s), this.cookies.setCookie("USER_EMAIL", r.email), this.isLoggedIn = !0, this.dispatchEvent(
       new CustomEvent("auth-success", {
         bubbles: !0,
         composed: !0
@@ -1674,8 +1674,8 @@ let A = class extends ee {
     const t = {
       email: this.email.trim(),
       password: this.password
-    }, { accessToken: e, idToken: s, refreshToken: r } = await this.getApiService().login(t);
-    this.setAuthTokens(e, s, r), this.handleClose();
+    }, { accessToken: e, idToken: s, refreshToken: r, user: i } = await this.getApiService().login(t);
+    this.setAuthTokens(e, s, r, i), this.handleClose();
   }
   isOAuthConfigured() {
     return [this.oauthDomain, this.oauthRegion, this.oauthUserPoolId, this.oauthClientId].every(
@@ -1719,12 +1719,12 @@ let A = class extends ee {
         if (n)
           throw new Error(a || `OAuth error: ${n}`);
         if (e && s && r) {
-          const { accessToken: h, idToken: c, refreshToken: u } = await this.getApiService().login({
+          const { accessToken: h, idToken: c, refreshToken: u, user: f } = await this.getApiService().login({
             accessToken: e,
             refreshToken: r,
             idToken: s
           });
-          this.setAuthTokens(h, c, u ?? r), this.handleClose();
+          this.setAuthTokens(h, c, u ?? r, f), this.handleClose();
         } else if (i && o) {
           if (!this.isOAuthConfigured())
             throw new Error("OAuth is not configured correctly. Please try again later.");
@@ -1733,12 +1733,12 @@ let A = class extends ee {
             throw new Error("OAuth is not configured correctly. Please try again later.");
           if (!h.validateState(o))
             throw new Error("Invalid state parameter. Please try signing in again.");
-          const c = await h.exchangeCodeForTokens(i), { accessToken: u, idToken: f, refreshToken: y } = await this.getApiService().login({
+          const c = await h.exchangeCodeForTokens(i), { accessToken: u, idToken: f, refreshToken: y, user: p } = await this.getApiService().login({
             accessToken: c.access_token,
             refreshToken: c.refresh_token,
             idToken: c.id_token
           });
-          this.setAuthTokens(u, f, y ?? c.refresh_token), this.handleClose();
+          this.setAuthTokens(u, f, y ?? c.refresh_token, p), this.handleClose();
         } else
           throw new Error("Missing required OAuth parameters");
       } catch (h) {
@@ -2422,6 +2422,9 @@ let A = class extends ee {
       this.cookies.clearAllAuthTokens(), this.isLoggedIn = !1;
     }
   }
+  getUserEmail() {
+    return this.cookies.getCookie("USER_EMAIL") || null;
+  }
 };
 A.styles = nr();
 v([
@@ -2549,7 +2552,7 @@ var hr = Object.defineProperty, dr = Object.getOwnPropertyDescriptor, ie = (t, e
     (n = t[o]) && (i = (r ? n(e, s, i) : n(i)) || i);
   return r && i && hr(e, s, i), i;
 };
-let M = class extends ee {
+let F = class extends ee {
   constructor() {
     super(...arguments), this.theme = "light", this.storageKey = "theme-preference", this.size = "sm", this.variant = "ghost", this.isDark = !1;
   }
@@ -2624,7 +2627,7 @@ let M = class extends ee {
     `;
   }
 };
-M.styles = Kt`
+F.styles = Kt`
     :host {
       display: inline-block;
     }
@@ -2776,22 +2779,22 @@ M.styles = Kt`
   `;
 ie([
   O({ type: String, reflect: !0 })
-], M.prototype, "theme", 2);
+], F.prototype, "theme", 2);
 ie([
   O({ type: String, attribute: "storage-key" })
-], M.prototype, "storageKey", 2);
+], F.prototype, "storageKey", 2);
 ie([
   O({ type: String, attribute: "size" })
-], M.prototype, "size", 2);
+], F.prototype, "size", 2);
 ie([
   O({ type: String, attribute: "variant" })
-], M.prototype, "variant", 2);
+], F.prototype, "variant", 2);
 ie([
   T()
-], M.prototype, "isDark", 2);
-M = ie([
+], F.prototype, "isDark", 2);
+F = ie([
   Gt("theme-toggle")
-], M);
+], F);
 function ss(t, e) {
   return function() {
     return t.apply(e, arguments);
@@ -2917,7 +2920,7 @@ const Or = (t, e, s, { allOwnKeys: r } = {}) => (ye(e, (i, o) => {
     let n;
     (n = e(i, o, t)) !== !1 && (r[o] = n || i);
   }), Object.defineProperties(t, r);
-}, Fr = (t) => {
+}, Mr = (t) => {
   ls(t, (e, s) => {
     if (P(t) && ["arguments", "caller", "callee"].indexOf(s) !== -1)
       return !1;
@@ -2932,7 +2935,7 @@ const Or = (t, e, s, { allOwnKeys: r } = {}) => (ye(e, (i, o) => {
       });
     }
   });
-}, Mr = (t, e) => {
+}, Fr = (t, e) => {
   const s = {}, r = (i) => {
     i.forEach((o) => {
       s[o] = !0;
@@ -3014,8 +3017,8 @@ const Vr = (t) => {
   hasOwnProp: kt,
   // an alias to avoid ESLint no-prototype-builtins detection
   reduceDescriptors: ls,
-  freezeMethods: Fr,
-  toObjectSet: Mr,
+  freezeMethods: Mr,
+  toObjectSet: Fr,
   toCamelCase: Hr,
   noop: qr,
   toFiniteNumber: zr,
@@ -3442,7 +3445,7 @@ function mi(t) {
   return e;
 }
 const gi = (t) => /^[-_a-zA-Z0-9^`|~,!#$%&'*+.]+$/.test(t.trim());
-function Me(t, e, s, r, i) {
+function Fe(t, e, s, r, i) {
   if (d.isFunction(r))
     return r.call(this, e, s);
   if (i && (e = s), !!d.isString(e)) {
@@ -3516,7 +3519,7 @@ class D {
   has(e, s) {
     if (e = he(e), e) {
       const r = d.findKey(this, e);
-      return !!(r && this[r] !== void 0 && (!s || Me(this, this[r], r, s)));
+      return !!(r && this[r] !== void 0 && (!s || Fe(this, this[r], r, s)));
     }
     return !1;
   }
@@ -3526,7 +3529,7 @@ class D {
     function o(n) {
       if (n = he(n), n) {
         const a = d.findKey(r, n);
-        a && (!s || Me(r, r[a], a, s)) && (delete r[a], i = !0);
+        a && (!s || Fe(r, r[a], a, s)) && (delete r[a], i = !0);
       }
     }
     return d.isArray(e) ? e.forEach(o) : o(e), i;
@@ -3536,7 +3539,7 @@ class D {
     let r = s.length, i = !1;
     for (; r--; ) {
       const o = s[r];
-      (!e || Me(this, this[o], o, e, !0)) && (delete this[o], i = !0);
+      (!e || Fe(this, this[o], o, e, !0)) && (delete this[o], i = !0);
     }
     return i;
   }
@@ -4171,7 +4174,7 @@ function ze(t) {
   if (t.cancelToken && t.cancelToken.throwIfRequested(), t.signal && t.signal.aborted)
     throw new ne(null, t);
 }
-function Ft(t) {
+function Mt(t) {
   return ze(t), t.headers = D.from(t.headers), t.data = qe.call(
     t,
     t.transformRequest
@@ -4195,7 +4198,7 @@ const vs = "1.13.2", Le = {};
     return typeof r === t || "a" + (e < 1 ? "n " : " ") + t;
   };
 });
-const Mt = {};
+const Ft = {};
 Le.transitional = function(e, s, r) {
   function i(o, n) {
     return "[Axios v" + vs + "] Transitional option '" + o + "'" + n + (r ? ". " + r : "");
@@ -4206,7 +4209,7 @@ Le.transitional = function(e, s, r) {
         i(n, " has been removed" + (s ? " in " + s : "")),
         $.ERR_DEPRECATED
       );
-    return s && !Mt[n] && (Mt[n] = !0), e ? e(o, n, a) : !0;
+    return s && !Ft[n] && (Ft[n] = !0), e ? e(o, n, a) : !0;
   };
 };
 Le.spelling = function(e) {
@@ -4302,7 +4305,7 @@ class J {
     });
     let c, u = 0, f;
     if (!l) {
-      const p = [Ft.bind(this), void 0];
+      const p = [Mt.bind(this), void 0];
       for (p.unshift(...a), p.push(...h), f = p.length, c = Promise.resolve(s); u < f; )
         c = c.then(p[u++], p[u++]);
       return c;
@@ -4319,7 +4322,7 @@ class J {
       }
     }
     try {
-      c = Ft.call(this, y);
+      c = Mt.call(this, y);
     } catch (p) {
       return Promise.reject(p);
     }
@@ -4600,7 +4603,7 @@ const ji = ({ baseUrl: t, apiBaseUrl: e }) => {
 export {
   A as Auth,
   qt as AuthRefreshError,
-  M as ThemeToggle,
+  F as ThemeToggle,
   Ki as apiClient,
   ji as createApiClient
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cal.macconnachie/web-components",
-  "version": "0.0.18",
+  "version": "0.0.19",
   "description": "Web components hosted on a CDN",
   "keywords": [
     "lit",