react-native-daro 1.0.12 → 1.0.15

package/src/LightPopupAd.ts

@@ -1,8 +1,16 @@
-import { NativeModules } from "react-native";
-import { addEventListener, removeEventListener } from "./EventEmitter";
-import type { AdDisplayFailedInfo, AdInfo, AdLoadFailedInfo } from "./types/AdInfo";
-import type { LightPopupAdConfiguration, LightPopupAdType } from "./types/LightPopupAd";
-import tinycolor from "tinycolor2";
+import { NativeModules, processColor, type ColorValue } from 'react-native';
+import {
+  addEventListener,
+  removeEventListener,
+  AdEventEmitter,
+} from './EventEmitter';
+import type {
+  AdDisplayFailedInfo,
+  AdInfo,
+  AdLoadFailedInfo,
+} from './types/AdInfo';
+import type { LightPopupAdConfiguration } from './types/LightPopupAd';
+import { AdEventType, type AdEventPayloadMap } from './types/AdEvent';
 
 const { DaroMModule } = NativeModules;
 
@@ -16,146 +24,264 @@ const {
   ON_LIGHTPOPUP_AD_IMPRESSION_RECORDED,
 } = DaroMModule.getConstants();
 
-const isAdReady = (adUnitId: string): Promise<boolean> => {
-  return DaroMModule.isLightPopupReady(adUnitId);
+const NATIVE_EVENT_BY_TYPE: Record<AdEventType, string> = {
+  [AdEventType.LOADED]: ON_LIGHTPOPUP_LOADED_EVENT,
+  [AdEventType.LOAD_FAILED]: ON_LIGHTPOPUP_LOAD_FAILED_EVENT,
+  [AdEventType.CLICKED]: ON_LIGHTPOPUP_CLICKED_EVENT,
+  [AdEventType.DISPLAYED]: ON_LIGHTPOPUP_DISPLAYED_EVENT,
+  [AdEventType.FAILED_TO_DISPLAY]: ON_LIGHTPOPUP_AD_FAILED_TO_DISPLAY_EVENT,
+  [AdEventType.HIDDEN]: ON_LIGHTPOPUP_HIDDEN_EVENT,
+  [AdEventType.IMPRESSION_RECORDED]: ON_LIGHTPOPUP_AD_IMPRESSION_RECORDED,
 };
 
-const loadAd = (adUnitId: string): void => {
-  DaroMModule.loadLightPopup(adUnitId);
-};
+const colorToHex = (color: ColorValue | undefined): string | undefined => {
+  if (color === undefined || color === null) {
+    return undefined;
+  }
 
-const showAd = (adUnitId: string): void => {
-  DaroMModule.showLightPopup(adUnitId);
-};
+  const processedColor = processColor(color);
+  if (typeof processedColor !== 'number') {
+    return undefined;
+  }
 
-function colorToHex(color: any): string | undefined {
-  if (typeof color === "number") {
-    // react-native에서 number로 오는 경우 (ex: processColor)
-    // #AARRGGBB로 변환
-    return `#${color.toString(16).padStart(8, "0")}`.toUpperCase();
-  }
-  if (typeof color === "string") {
-    const tc = tinycolor(color);
-    if (tc.isValid()) {
-      // alpha가 1이면 #RRGGBB, 아니면 #AARRGGBB
-      const hex = tc.toHexString().toUpperCase();
-      const alpha = Math.round(tc.getAlpha() * 255);
-      if (alpha === 255) {
-        return hex;
-      } else {
-        // #AARRGGBB
-        return (
-          "#" +
-          alpha.toString(16).padStart(2, "0").toUpperCase() +
-          tc.toHex().toUpperCase()
-        );
-      }
-    }
+  const argb = processedColor >>> 0;
+  const alpha = (argb >>> 24) & 0xff;
+  if (alpha === 0xff) {
+    return `#${(argb & 0x00ffffff).toString(16).padStart(6, '0')}`.toUpperCase();
   }
-  return undefined;
-}
 
-const setLightPopupAdConfiguration = (adUnitId: string, configuration: LightPopupAdConfiguration): void => {
+  return `#${argb.toString(16).padStart(8, '0')}`.toUpperCase();
+};
+
+const normalizeConfiguration = (
+  configuration: LightPopupAdConfiguration
+): LightPopupAdConfiguration => {
   const config = { ...configuration };
 
-  // color 관련 필드만 hex string으로 변환
-  if (config.backgroundColor) config.backgroundColor = colorToHex(config.backgroundColor);
-  if (config.cardViewBackgroundColor) config.cardViewBackgroundColor = colorToHex(config.cardViewBackgroundColor);
-  if (config.adMarkLabelTextColor) config.adMarkLabelTextColor = colorToHex(config.adMarkLabelTextColor);
-  if (config.adMarkLabelBackgroundColor) config.adMarkLabelBackgroundColor = colorToHex(config.adMarkLabelBackgroundColor);
+  if (config.backgroundColor)
+    config.backgroundColor = colorToHex(config.backgroundColor);
+  if (config.cardViewBackgroundColor)
+    config.cardViewBackgroundColor = colorToHex(config.cardViewBackgroundColor);
+  if (config.adMarkLabelTextColor)
+    config.adMarkLabelTextColor = colorToHex(config.adMarkLabelTextColor);
+  if (config.adMarkLabelBackgroundColor)
+    config.adMarkLabelBackgroundColor = colorToHex(
+      config.adMarkLabelBackgroundColor
+    );
   if (config.closeButtonText) config.closeButtonText = config.closeButtonText;
-  if (config.closeButtonTextColor) config.closeButtonTextColor = colorToHex(config.closeButtonTextColor);
-  if (config.titleTextColor) config.titleTextColor = colorToHex(config.titleTextColor);
-  if (config.bodyTextColor) config.bodyTextColor = colorToHex(config.bodyTextColor);
-  if (config.ctaButtonTextColor) config.ctaButtonTextColor = colorToHex(config.ctaButtonTextColor);
-  if (config.ctaButtonBackgroundColor) config.ctaButtonBackgroundColor = colorToHex(config.ctaButtonBackgroundColor);
-
-  DaroMModule.setLightPopupAdConfiguration(adUnitId, config);
+  if (config.closeButtonTextColor)
+    config.closeButtonTextColor = colorToHex(config.closeButtonTextColor);
+  if (config.titleTextColor)
+    config.titleTextColor = colorToHex(config.titleTextColor);
+  if (config.bodyTextColor)
+    config.bodyTextColor = colorToHex(config.bodyTextColor);
+  if (config.ctaButtonTextColor)
+    config.ctaButtonTextColor = colorToHex(config.ctaButtonTextColor);
+  if (config.ctaButtonBackgroundColor)
+    config.ctaButtonBackgroundColor = colorToHex(
+      config.ctaButtonBackgroundColor
+    );
+
+  return config;
 };
 
-const addAdLoadedEventListener = (listener: (adInfo: AdInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_LOADED_EVENT, listener);
-};
+export class LightPopupAd {
+  private static _nextRequestId = 1;
+  private static _legacyRequestIds = new Map<string, number>();
+  private static _legacyRequestIdSet = new Set<number>();
 
-const removeAdLoadedEventListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_LOADED_EVENT);
-};
+  private readonly eventEmitter = new AdEventEmitter();
 
-const addAdLoadFailedEventListener = (listener: (errorInfo: AdLoadFailedInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_LOAD_FAILED_EVENT, listener);
-};
+  private constructor(
+    private readonly requestId: number,
+    private readonly adUnitId: string
+  ) {}
 
-const removeAdLoadFailedEventListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_LOAD_FAILED_EVENT);
-};
+  static createForAdRequest(adUnitId: string): LightPopupAd {
+    const requestId = LightPopupAd._nextRequestId++;
+    return new LightPopupAd(requestId, adUnitId);
+  }
 
-const addAdClickedEventListener = (listener: (adInfo: AdInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_CLICKED_EVENT, listener);
-};
+  isAdReady(): Promise<boolean> {
+    return DaroMModule.isLightPopupReady(this.requestId, this.adUnitId);
+  }
 
-const removeAdClickedEventListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_CLICKED_EVENT);
-};
+  load(): void {
+    DaroMModule.loadLightPopup(this.requestId, this.adUnitId);
+  }
 
-const addAdDisplayedEventListener = (listener: (adInfo: AdInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_DISPLAYED_EVENT, listener);
-};
+  show(): void {
+    DaroMModule.showLightPopup(this.requestId, this.adUnitId);
+  }
 
-const removeAdDisplayedEventListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_DISPLAYED_EVENT);
-};
+  setConfiguration(configuration: LightPopupAdConfiguration): void {
+    DaroMModule.setLightPopupAdConfiguration(
+      this.requestId,
+      this.adUnitId,
+      normalizeConfiguration(configuration)
+    );
+  }
 
-const addAdFailedToDisplayEventListener = (listener: (errorInfo: AdDisplayFailedInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_AD_FAILED_TO_DISPLAY_EVENT, listener);
-};
+  addAdEventListener<T extends AdEventType>(
+    type: T,
+    listener: (info: AdEventPayloadMap[T]) => void
+  ): () => void {
+    const nativeEvent = NATIVE_EVENT_BY_TYPE[type];
+    const requestId = this.requestId;
+    return this.eventEmitter.addEventListener(nativeEvent, (payload: any) => {
+      if (payload?.requestId !== requestId) {
+        return;
+      }
+      listener(payload);
+    });
+  }
 
-const removeAdFailedToDisplayEventListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_AD_FAILED_TO_DISPLAY_EVENT);
-};
+  removeAllListeners(): void {
+    this.eventEmitter.removeAllListeners();
+  }
 
-const addAdHiddenEventListener = (listener: (adInfo: AdInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_HIDDEN_EVENT, listener);
-};
+  // ---- Deprecated static API (backward compatibility) ----
 
-const removeAdHiddenEventListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_HIDDEN_EVENT);
-};
+  private static _getLegacyRequestId(adUnitId: string): number {
+    let requestId = LightPopupAd._legacyRequestIds.get(adUnitId);
+    if (requestId === undefined) {
+      requestId = LightPopupAd._nextRequestId++;
+      LightPopupAd._legacyRequestIds.set(adUnitId, requestId);
+      LightPopupAd._legacyRequestIdSet.add(requestId);
+    }
+    return requestId;
+  }
 
-const addAdImpressionRecordedListener = (listener: (adInfo: AdInfo) => void): void => {
-  addEventListener(ON_LIGHTPOPUP_AD_IMPRESSION_RECORDED, listener);
-};
+  private static _addLegacyEventListener<T>(
+    event: string,
+    listener: (info: T) => void
+  ): void {
+    addEventListener(event, (payload: any) => {
+      if (!LightPopupAd._legacyRequestIdSet.has(payload?.requestId)) {
+        return;
+      }
+      listener(payload);
+    });
+  }
 
-const removeAdImpressionRecordedListener = (): void => {
-  removeEventListener(ON_LIGHTPOPUP_AD_IMPRESSION_RECORDED);
-};
+  /** @deprecated `LightPopupAd.createForAdRequest(adUnitId)` 인스턴스의 `isAdReady()`를 사용하세요. */
+  static isAdReady(adUnitId: string): Promise<boolean> {
+    const requestId = LightPopupAd._getLegacyRequestId(adUnitId);
+    return DaroMModule.isLightPopupReady(requestId, adUnitId);
+  }
+
+  /** @deprecated `LightPopupAd.createForAdRequest(adUnitId)` 인스턴스의 `load()`를 사용하세요. */
+  static loadAd(adUnitId: string): void {
+    const requestId = LightPopupAd._getLegacyRequestId(adUnitId);
+    DaroMModule.loadLightPopup(requestId, adUnitId);
+  }
 
-export const LightPopupAd: LightPopupAdType = {
-  isAdReady,
-  loadAd,
-  showAd,
+  /** @deprecated `LightPopupAd.createForAdRequest(adUnitId)` 인스턴스의 `show()`를 사용하세요. */
+  static showAd(adUnitId: string): void {
+    const requestId = LightPopupAd._getLegacyRequestId(adUnitId);
+    DaroMModule.showLightPopup(requestId, adUnitId);
+  }
 
-  addAdLoadedEventListener,
-  removeAdLoadedEventListener,
+  /** @deprecated 인스턴스의 `setConfiguration()`을 사용하세요. */
+  static setLightPopupAdConfiguration(
+    adUnitId: string,
+    configuration: LightPopupAdConfiguration
+  ): void {
+    const requestId = LightPopupAd._getLegacyRequestId(adUnitId);
+    DaroMModule.setLightPopupAdConfiguration(
+      requestId,
+      adUnitId,
+      normalizeConfiguration(configuration)
+    );
+  }
 
-  addAdLoadFailedEventListener,
-  removeAdLoadFailedEventListener,
+  /** @deprecated `addAdEventListener(AdEventType.LOADED, ...)`를 인스턴스에서 사용하세요. */
+  static addAdLoadedEventListener(listener: (adInfo: AdInfo) => void): void {
+    LightPopupAd._addLegacyEventListener(ON_LIGHTPOPUP_LOADED_EVENT, listener);
+  }
 
-  addAdClickedEventListener,
-  removeAdClickedEventListener,
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdLoadedEventListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_LOADED_EVENT);
+  }
 
-  addAdDisplayedEventListener,
-  removeAdDisplayedEventListener,
+  /** @deprecated `addAdEventListener(AdEventType.LOAD_FAILED, ...)`를 인스턴스에서 사용하세요. */
+  static addAdLoadFailedEventListener(
+    listener: (errorInfo: AdLoadFailedInfo) => void
+  ): void {
+    LightPopupAd._addLegacyEventListener(
+      ON_LIGHTPOPUP_LOAD_FAILED_EVENT,
+      listener
+    );
+  }
 
-  addAdFailedToDisplayEventListener,
-  removeAdFailedToDisplayEventListener,
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdLoadFailedEventListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_LOAD_FAILED_EVENT);
+  }
 
-  addAdHiddenEventListener,
-  removeAdHiddenEventListener,
+  /** @deprecated `addAdEventListener(AdEventType.CLICKED, ...)`를 인스턴스에서 사용하세요. */
+  static addAdClickedEventListener(listener: (adInfo: AdInfo) => void): void {
+    LightPopupAd._addLegacyEventListener(ON_LIGHTPOPUP_CLICKED_EVENT, listener);
+  }
 
-  addAdImpressionRecordedListener,
-  removeAdImpressionRecordedListener,
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdClickedEventListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_CLICKED_EVENT);
+  }
 
-  setLightPopupAdConfiguration,
-};
+  /** @deprecated `addAdEventListener(AdEventType.DISPLAYED, ...)`를 인스턴스에서 사용하세요. */
+  static addAdDisplayedEventListener(listener: (adInfo: AdInfo) => void): void {
+    LightPopupAd._addLegacyEventListener(
+      ON_LIGHTPOPUP_DISPLAYED_EVENT,
+      listener
+    );
+  }
+
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdDisplayedEventListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_DISPLAYED_EVENT);
+  }
+
+  /** @deprecated `addAdEventListener(AdEventType.FAILED_TO_DISPLAY, ...)`를 인스턴스에서 사용하세요. */
+  static addAdFailedToDisplayEventListener(
+    listener: (errorInfo: AdDisplayFailedInfo) => void
+  ): void {
+    LightPopupAd._addLegacyEventListener(
+      ON_LIGHTPOPUP_AD_FAILED_TO_DISPLAY_EVENT,
+      listener
+    );
+  }
+
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdFailedToDisplayEventListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_AD_FAILED_TO_DISPLAY_EVENT);
+  }
+
+  /** @deprecated `addAdEventListener(AdEventType.HIDDEN, ...)`를 인스턴스에서 사용하세요. */
+  static addAdHiddenEventListener(listener: (adInfo: AdInfo) => void): void {
+    LightPopupAd._addLegacyEventListener(ON_LIGHTPOPUP_HIDDEN_EVENT, listener);
+  }
+
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdHiddenEventListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_HIDDEN_EVENT);
+  }
+
+  /** @deprecated `addAdEventListener(AdEventType.IMPRESSION_RECORDED, ...)`를 인스턴스에서 사용하세요. */
+  static addAdImpressionRecordedListener(
+    listener: (adInfo: AdInfo) => void
+  ): void {
+    LightPopupAd._addLegacyEventListener(
+      ON_LIGHTPOPUP_AD_IMPRESSION_RECORDED,
+      listener
+    );
+  }
+
+  /** @deprecated 인스턴스의 `addAdEventListener` disposer를 사용하세요. */
+  static removeAdImpressionRecordedListener(): void {
+    removeEventListener(ON_LIGHTPOPUP_AD_IMPRESSION_RECORDED);
+  }
+}
 
-export default LightPopupAd;
+export default LightPopupAd;