@imtbl/auth 2.10.7-alpha.2 → 2.10.7-alpha.4

package/src/{confirmation → login}/embeddedLoginPrompt.ts

@@ -20,15 +20,11 @@ export default class EmbeddedLoginPrompt {
     this.config = config;
   }
 
-  private getHref = (anonymousId?: string) => {
-    let href = `${this.config.authenticationDomain}/im-embedded-login-prompt`
+  private getHref = () => {
+    const href = `${this.config.authenticationDomain}/im-embedded-login-prompt`
     + `?client_id=${this.config.oidcConfiguration.clientId}`
     + `&rid=${getDetail(Detail.RUNTIME_ID)}`;
 
-    if (anonymousId) {
-      href += `&third_party_a_id=${anonymousId}`;
-    }
-
     return href;
   };
 
@@ -77,10 +73,10 @@ export default class EmbeddedLoginPrompt {
     document.head.appendChild(style);
   };
 
-  private getEmbeddedLoginIFrame = (anonymousId?: string) => {
+  private getEmbeddedLoginIFrame = () => {
     const embeddedLoginPrompt = document.createElement('iframe');
     embeddedLoginPrompt.id = LOGIN_PROMPT_IFRAME_ID;
-    embeddedLoginPrompt.src = this.getHref(anonymousId);
+    embeddedLoginPrompt.src = this.getHref();
     embeddedLoginPrompt.style.height = '100vh';
     embeddedLoginPrompt.style.width = '100vw';
     embeddedLoginPrompt.style.maxHeight = `${LOGIN_PROMPT_WINDOW_HEIGHT}px`;
@@ -96,9 +92,9 @@ export default class EmbeddedLoginPrompt {
     return embeddedLoginPrompt;
   };
 
-  public displayEmbeddedLoginPrompt(anonymousId?: string): Promise<EmbeddedLoginPromptResult> {
+  public displayEmbeddedLoginPrompt(): Promise<EmbeddedLoginPromptResult> {
     return new Promise((resolve, reject) => {
-      const embeddedLoginPrompt = this.getEmbeddedLoginIFrame(anonymousId);
+      const embeddedLoginPrompt = this.getEmbeddedLoginIFrame();
       const messageHandler = ({ data, origin }: MessageEvent) => {
         if (
           origin !== this.config.authenticationDomain

package/src/overlay/{confirmationOverlay.ts → loginPopupOverlay.ts}

@@ -2,7 +2,7 @@ import { PopupOverlayOptions } from '../types';
 import { PASSPORT_OVERLAY_CLOSE_ID, PASSPORT_OVERLAY_TRY_AGAIN_ID } from './constants';
 import { addLink, getBlockedOverlay, getGenericOverlay } from './elements';
 
-export default class ConfirmationOverlay {
+export default class LoginPopupOverlay {
   private disableGenericPopupOverlay: boolean;
 
   private disableBlockedPopupOverlay: boolean;

package/src/types.ts

@@ -126,3 +126,33 @@ export type DirectLoginOptions = {
   marketingConsentStatus?: MarketingConsentStatus;
   email?: string;
 };
+
+/**
+ * Extended login options with caching and silent login support
+ */
+export type LoginOptions = {
+  /** If true, attempts to use cached session without user interaction */
+  useCachedSession?: boolean;
+  /** If true, attempts silent authentication (force token refresh) */
+  useSilentLogin?: boolean;
+  /** If true, uses redirect flow instead of popup flow */
+  useRedirectFlow?: boolean;
+  /** Direct login options (social provider, email, etc.) */
+  directLoginOptions?: DirectLoginOptions;
+};
+
+/**
+ * Authentication events emitted by the Auth class
+ */
+export enum AuthEvents {
+  LOGGED_OUT = 'loggedOut',
+  LOGGED_IN = 'loggedIn',
+}
+
+/**
+ * Event map for typed event emitter
+ */
+export interface AuthEventMap extends Record<string, any> {
+  [AuthEvents.LOGGED_OUT]: [];
+  [AuthEvents.LOGGED_IN]: [User];
+}

package/src/utils/typedEventEmitter.ts

@@ -0,0 +1,26 @@
+import { EventEmitter } from 'events';
+
+export default class TypedEventEmitter<TEvents extends Record<string, any>> {
+  private emitter = new EventEmitter();
+
+  emit<TEventName extends keyof TEvents & string>(
+    eventName: TEventName,
+    ...eventArg: TEvents[TEventName]
+  ) {
+    this.emitter.emit(eventName, ...(eventArg as []));
+  }
+
+  on<TEventName extends keyof TEvents & string>(
+    eventName: TEventName,
+    handler: (...eventArg: TEvents[TEventName]) => void,
+  ) {
+    this.emitter.on(eventName, handler as any);
+  }
+
+  removeListener<TEventName extends keyof TEvents & string>(
+    eventName: TEventName,
+    handler: (...eventArg: TEvents[TEventName]) => void,
+  ) {
+    this.emitter.removeListener(eventName, handler as any);
+  }
+}