cinetpay-seamless 0.1.0

package/dist/cinetpay-seamless.umd.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"cinetpay-seamless.umd.cjs","sources":["../src/styles.ts","../src/checkout.ts","../src/logger.ts","../src/emitter.ts","../src/index.ts"],"sourcesContent":["/**\n * Styles CSS du checkout CinetPay Seamless (mode popup).\n */\nexport const STYLES = `\n.cp-seamless-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  background: rgba(0, 0, 0, 0.7);\n  backdrop-filter: blur(6px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.cp-seamless-overlay.cp-visible {\n  opacity: 1;\n}\n\n.cp-seamless-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Waiting screen (pendant que la popup est ouverte) */\n.cp-seamless-waiting {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  text-align: center;\n  padding: 40px;\n}\n\n.cp-seamless-waiting-title {\n  color: #fff;\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.cp-seamless-waiting-msg {\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 15px;\n  margin: 0;\n  max-width: 320px;\n  line-height: 1.5;\n}\n\n.cp-seamless-spinner {\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255, 255, 255, 0.2);\n  border-top-color: #e8530e;\n  border-radius: 50%;\n  animation: cp-spin 0.8s linear infinite;\n}\n\n@keyframes cp-spin {\n  to { transform: rotate(360deg); }\n}\n\n.cp-seamless-cancel-btn {\n  margin-top: 12px;\n  padding: 10px 28px;\n  background: rgba(255, 255, 255, 0.12);\n  color: rgba(255, 255, 255, 0.8);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 8px;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.cp-seamless-cancel-btn:hover {\n  background: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n`\n","import { STYLES } from './styles'\nimport type { PaymentResponse, PaymentError, PaymentStatus } from './types'\nimport { Logger } from './logger'\nimport { EventEmitter } from './emitter'\n\n/** @internal Options du constructeur Checkout */\nexport interface CheckoutOptions {\n  onReady?: () => void\n  onPaymentSuccess?: (data: PaymentResponse) => void\n  onPaymentFailed?: (data: PaymentResponse) => void\n  onPaymentPending?: (data: PaymentResponse) => void\n  onClose?: (data: { status: string }) => void\n  onError?: (error: PaymentError) => void\n  logger: Logger\n  emitter: EventEmitter\n}\n\n/** @internal Intervalle de polling pour vérifier si la popup est fermée */\nconst POPUP_POLL_INTERVAL = 500\n\n/**\n * Gère le checkout CinetPay via une popup window + overlay.\n *\n * Flow :\n * 1. Affiche un overlay sombre avec un message d'attente\n * 2. Ouvre la page de checkout dans une popup (window.open)\n * 3. Poll la popup pour détecter sa fermeture\n * 4. Écoute les messages postMessage de la popup\n * 5. Ferme l'overlay et dispatche les callbacks\n *\n * @internal Utilisé par {@link CinetPaySeamless}. Ne pas instancier directement.\n */\nexport class Checkout {\n  private overlay: HTMLDivElement | null = null\n  private popup: Window | null = null\n  private pollTimer: ReturnType<typeof setInterval> | null = null\n  private messageHandler: ((event: MessageEvent) => void) | null = null\n  private lastStatus = 'UNKNOWN'\n\n  private onReadyCallback?: () => void\n  private onPaymentSuccessCallback?: (data: PaymentResponse) => void\n  private onPaymentFailedCallback?: (data: PaymentResponse) => void\n  private onPaymentPendingCallback?: (data: PaymentResponse) => void\n  private onCloseCallback?: (data: { status: string }) => void\n  private onErrorCallback?: (error: PaymentError) => void\n  private logger: Logger\n  private emitter: EventEmitter\n\n  constructor(options: CheckoutOptions) {\n    this.logger = options.logger\n    this.emitter = options.emitter\n    this.onReadyCallback = options.onReady\n    this.onPaymentSuccessCallback = options.onPaymentSuccess\n    this.onPaymentFailedCallback = options.onPaymentFailed\n    this.onPaymentPendingCallback = options.onPaymentPending\n    this.onCloseCallback = options.onClose\n    this.onErrorCallback = options.onError\n  }\n\n  /**\n   * Ouvre la popup de checkout et affiche l'overlay d'attente.\n   *\n   * @param paymentUrl - URL complète de la page de checkout CinetPay\n   */\n  open(paymentUrl: string): void {\n    this.logger.debug('Opening checkout popup', { paymentUrl })\n    this.injectStyles()\n    this.createOverlay()\n    this.openPopup(paymentUrl)\n    this.listenForMessages()\n    this.startPolling()\n\n    requestAnimationFrame(() => {\n      this.overlay?.classList.add('cp-visible')\n    })\n\n    document.body.style.overflow = 'hidden'\n  }\n\n  /**\n   * Ferme la popup et l'overlay.\n   */\n  close(): void {\n    this.stopPolling()\n\n    if (this.messageHandler) {\n      window.removeEventListener('message', this.messageHandler)\n      this.messageHandler = null\n    }\n\n    if (this.popup && !this.popup.closed) {\n      this.popup.close()\n    }\n    this.popup = null\n\n    if (this.overlay) {\n      this.overlay.classList.remove('cp-visible')\n      setTimeout(() => {\n        this.overlay?.remove()\n        this.overlay = null\n        document.body.style.overflow = ''\n\n        this.logger.debug('Checkout closed', { lastStatus: this.lastStatus })\n        this.emitter.emit('close', { status: this.lastStatus })\n        this.onCloseCallback?.({ status: this.lastStatus })\n      }, 300)\n    }\n  }\n\n  /** Dispatche la réponse vers le bon callback selon le statut. */\n  private dispatchResponse(response: PaymentResponse): void {\n    this.lastStatus = response.status\n\n    this.logger.debug(`Payment response: ${response.status}`, {\n      amount: response.amount,\n      currency: response.currency,\n      transactionId: response.transactionId,\n      paymentMethod: response.paymentMethod,\n    })\n\n    switch (response.status) {\n      case 'ACCEPTED':\n        this.logger.debug('Payment accepted')\n        this.emitter.emit('payment.success', response)\n        this.onPaymentSuccessCallback?.(response)\n        break\n      case 'REFUSED':\n        this.logger.warn('Payment refused')\n        this.emitter.emit('payment.failed', response)\n        this.onPaymentFailedCallback?.(response)\n        break\n      case 'PENDING':\n      case 'INITIATED':\n      case 'EXPIRED':\n      default:\n        this.logger.debug(`Payment pending: ${response.status}`)\n        this.emitter.emit('payment.pending', response)\n        this.onPaymentPendingCallback?.(response)\n        break\n    }\n  }\n\n  private injectStyles(): void {\n    if (document.getElementById('cp-seamless-styles')) return\n    const styleEl = document.createElement('style')\n    styleEl.id = 'cp-seamless-styles'\n    styleEl.textContent = STYLES\n    document.head.appendChild(styleEl)\n  }\n\n  private createOverlay(): void {\n    this.overlay = document.createElement('div')\n    this.overlay.className = 'cp-seamless-overlay'\n\n    const wrapper = document.createElement('div')\n    wrapper.className = 'cp-seamless-wrapper'\n\n    // Spinner + message\n    const waiting = document.createElement('div')\n    waiting.className = 'cp-seamless-waiting'\n\n    const spinner = document.createElement('div')\n    spinner.className = 'cp-seamless-spinner'\n    waiting.appendChild(spinner)\n\n    const title = document.createElement('p')\n    title.className = 'cp-seamless-waiting-title'\n    title.textContent = 'Paiement en cours...'\n    waiting.appendChild(title)\n\n    const msg = document.createElement('p')\n    msg.className = 'cp-seamless-waiting-msg'\n    msg.textContent = 'Finalisez votre paiement dans la fenêtre CinetPay.'\n    waiting.appendChild(msg)\n\n    // Bouton fermer\n    const cancelBtn = document.createElement('button')\n    cancelBtn.className = 'cp-seamless-cancel-btn'\n    cancelBtn.textContent = 'Annuler'\n    cancelBtn.addEventListener('click', () => this.close())\n    waiting.appendChild(cancelBtn)\n\n    wrapper.appendChild(waiting)\n    this.overlay.appendChild(wrapper)\n    document.body.appendChild(this.overlay)\n  }\n\n  /**\n   * Ouvre la popup centrée sur l'écran.\n   */\n  private openPopup(paymentUrl: string): void {\n    const width = 500\n    const height = 700\n    const left = Math.max(0, (screen.width - width) / 2)\n    const top = Math.max(0, (screen.height - height) / 2)\n\n    this.popup = window.open(\n      paymentUrl,\n      'CinetPayCheckout',\n      `width=${width},height=${height},left=${left},top=${top},scrollbars=yes,resizable=yes`,\n    )\n\n    if (!this.popup) {\n      this.logger.error('Popup blocked by browser')\n      const err: PaymentError = {\n        code: 'POPUP_BLOCKED',\n        message: 'La fenêtre de paiement a été bloquée par le navigateur. Autorisez les popups pour ce site.',\n      }\n      this.emitter.emit('error', err)\n      this.onErrorCallback?.(err)\n      this.close()\n      return\n    }\n\n    this.logger.debug('Popup opened')\n    this.emitter.emit('ready')\n    this.onReadyCallback?.()\n  }\n\n  /**\n   * Poll toutes les 500ms pour détecter si la popup a été fermée\n   * (par l'utilisateur ou après redirection).\n   */\n  private startPolling(): void {\n    this.pollTimer = setInterval(() => {\n      if (this.popup && this.popup.closed) {\n        this.logger.debug('Popup closed by user or redirect')\n        this.stopPolling()\n\n        // Laisser un court délai pour que le postMessage arrive avant le close\n        setTimeout(() => {\n          if (this.overlay) {\n            this.close()\n          }\n        }, 500)\n      }\n    }, POPUP_POLL_INTERVAL)\n  }\n\n  private stopPolling(): void {\n    if (this.pollTimer) {\n      clearInterval(this.pollTimer)\n      this.pollTimer = null\n    }\n  }\n\n  /** Origines autorisées pour les messages postMessage */\n  private static readonly ALLOWED_ORIGINS = [\n    'https://secure.cinetpay.net',\n    'https://secure.cinetpay.com',\n    'https://checkout.cinetpay.net',\n    'https://checkout.cinetpay.com',\n    'https://api.cinetpay.net',\n    'https://api.cinetpay.co',\n  ]\n\n  /** Écoute les messages postMessage de la popup CinetPay. */\n  private listenForMessages(): void {\n    this.messageHandler = (event: MessageEvent) => {\n      if (!Checkout.ALLOWED_ORIGINS.some((o) => event.origin === o)) {\n        return\n      }\n\n      try {\n        const data = typeof event.data === 'string' ? JSON.parse(event.data) : event.data\n        if (!data || typeof data !== 'object') return\n\n        if (data.status) {\n          const status = data.status as PaymentStatus\n          const response: PaymentResponse = {\n            amount: data.amount ?? data.cpm_amount ?? 0,\n            currency: data.currency ?? data.cpm_currency ?? '',\n            status,\n            paymentMethod: data.payment_method ?? data.cpm_payment_method ?? '',\n            description: data.description ?? data.cpm_designation ?? '',\n            metadata: data.metadata ?? data.cpm_custom ?? undefined,\n            operatorId: data.operator_id ?? data.cpm_operator_id ?? undefined,\n            paymentDate: data.payment_date ?? data.cpm_payment_date ?? undefined,\n            transactionId: data.transaction_id ?? data.cpm_trans_id ?? '',\n          }\n          this.dispatchResponse(response)\n        }\n\n        if (data.error || data.code === 'ERROR') {\n          const err: PaymentError = {\n            code: data.code ?? 'UNKNOWN',\n            message: data.message ?? data.error ?? 'An error occurred',\n          }\n          this.logger.error('Payment error from popup', err)\n          this.emitter.emit('error', err)\n          this.onErrorCallback?.(err)\n        }\n\n        if (data.action === 'CLOSE' || data.type === 'close') {\n          this.close()\n        }\n      } catch {\n        // Ignorer les messages non-JSON\n      }\n    }\n\n    window.addEventListener('message', this.messageHandler)\n  }\n}\n","/** Préfixe des messages de log */\nconst PREFIX = '[CinetPay Seamless]'\n\n/**\n * Logger interne du SDK Seamless.\n * Désactivé par défaut. Activable via `debug: true` dans la config.\n *\n * Tous les logs utilisent le préfixe `[CinetPay Seamless]` pour être\n * facilement filtrables dans la console du navigateur.\n */\nexport class Logger {\n  private enabled: boolean\n\n  constructor(enabled: boolean) {\n    this.enabled = enabled\n  }\n\n  /** Log de debug — requêtes, réponses, événements */\n  debug(message: string, data?: unknown): void {\n    if (!this.enabled) return\n    if (data !== undefined) {\n      console.debug(`${PREFIX} ${message}`, data)\n    } else {\n      console.debug(`${PREFIX} ${message}`)\n    }\n  }\n\n  /** Log d'avertissement — credentials exposés, statuts inattendus */\n  warn(message: string, data?: unknown): void {\n    if (!this.enabled) return\n    if (data !== undefined) {\n      console.warn(`${PREFIX} ${message}`, data)\n    } else {\n      console.warn(`${PREFIX} ${message}`)\n    }\n  }\n\n  /** Log d'erreur — erreurs API, timeouts, postMessage invalides */\n  error(message: string, data?: unknown): void {\n    if (!this.enabled) return\n    if (data !== undefined) {\n      console.error(`${PREFIX} ${message}`, data)\n    } else {\n      console.error(`${PREFIX} ${message}`)\n    }\n  }\n}\n","import type { PaymentResponse, PaymentError } from './types'\n\n/**\n * Map des événements émis par le SDK Seamless.\n *\n * | Événement | Donnée | Quand |\n * |---|---|---|\n * | `ready` | — | Popup ouverte, passerelle prête |\n * | `payment.success` | `PaymentResponse` | Paiement accepté |\n * | `payment.failed` | `PaymentResponse` | Paiement refusé |\n * | `payment.pending` | `PaymentResponse` | En attente (PENDING, INITIATED, EXPIRED) |\n * | `close` | `{ status: string }` | Popup fermée, overlay retiré |\n * | `error` | `PaymentError` | Erreur technique |\n */\nexport interface EventMap {\n  'ready': void\n  'payment.success': PaymentResponse\n  'payment.failed': PaymentResponse\n  'payment.pending': PaymentResponse\n  'close': { status: string }\n  'error': PaymentError\n}\n\n/** Type des noms d'événements */\nexport type EventName = keyof EventMap\n\n/** Type d'un handler pour un événement donné */\ntype Handler<T> = T extends void ? () => void : (data: T) => void\n\n/**\n * Event emitter typé pour le SDK Seamless.\n *\n * Permet d'écouter les événements de paiement avec `on()` et `off()`,\n * style événementiel (`on('event', handler)`).\n *\n * @example\n * ```typescript\n * CinetPaySeamless.on('payment.success', (data) => {\n *   console.log('Payé !', data.amount, data.currency)\n * })\n *\n * CinetPaySeamless.on('payment.failed', (data) => {\n *   console.log('Refusé', data.transactionId)\n * })\n *\n * CinetPaySeamless.on('ready', () => {\n *   console.log('Passerelle chargée')\n * })\n * ```\n */\nexport class EventEmitter {\n  private listeners = new Map<string, Set<Function>>()\n\n  /**\n   * Enregistre un handler pour un événement.\n   *\n   * @param event - Nom de l'événement\n   * @param handler - Fonction appelée quand l'événement est émis\n   * @returns Fonction pour se désabonner (équivalent de `off(event, handler)`)\n   *\n   * @example\n   * ```typescript\n   * const unsubscribe = CinetPaySeamless.on('payment.success', (data) => { ... })\n   * // Plus tard :\n   * unsubscribe()\n   * ```\n   */\n  on<E extends EventName>(event: E, handler: Handler<EventMap[E]>): () => void {\n    if (!this.listeners.has(event)) {\n      this.listeners.set(event, new Set())\n    }\n    this.listeners.get(event)!.add(handler)\n\n    // Retourne une fonction de désabonnement\n    return () => this.off(event, handler)\n  }\n\n  /**\n   * Supprime un handler pour un événement.\n   *\n   * @param event - Nom de l'événement\n   * @param handler - Référence du handler à supprimer\n   */\n  off<E extends EventName>(event: E, handler: Handler<EventMap[E]>): void {\n    this.listeners.get(event)?.delete(handler)\n  }\n\n  /**\n   * Enregistre un handler qui ne sera appelé qu'une seule fois.\n   *\n   * @param event - Nom de l'événement\n   * @param handler - Fonction appelée une seule fois\n   *\n   * @example\n   * ```typescript\n   * CinetPaySeamless.once('payment.success', (data) => {\n   *   // Appelé une seule fois\n   * })\n   * ```\n   */\n  once<E extends EventName>(event: E, handler: Handler<EventMap[E]>): void {\n    const wrapper = ((...args: unknown[]) => {\n      this.off(event, wrapper as Handler<EventMap[E]>)\n      ;(handler as Function)(...args)\n    }) as Handler<EventMap[E]>\n    this.on(event, wrapper)\n  }\n\n  /**\n   * Émet un événement — appelle tous les handlers enregistrés.\n   * @internal\n   */\n  emit<E extends EventName>(event: E, ...args: EventMap[E] extends void ? [] : [EventMap[E]]): void {\n    const handlers = this.listeners.get(event)\n    if (!handlers) return\n    for (const handler of handlers) {\n      try {\n        (handler as Function)(...args)\n      } catch {\n        // Ne pas bloquer les autres handlers si un throw\n      }\n    }\n  }\n\n  /**\n   * Supprime tous les handlers pour tous les événements.\n   * @internal\n   */\n  removeAll(): void {\n    this.listeners.clear()\n  }\n}\n","import { Checkout } from './checkout'\nimport type {\n  SeamlessConfig,\n  PaymentResponse,\n  PaymentError,\n  PaymentStatus,\n} from './types'\nimport { Logger } from './logger'\nimport { EventEmitter, type EventName, type EventMap } from './emitter'\n\nexport type {\n  SeamlessConfig,\n  PaymentResponse,\n  PaymentError,\n  PaymentStatus,\n}\nexport type { EventName, EventMap } from './emitter'\n\n/** @internal URL de base de la passerelle de paiement sécurisée */\nconst SECURE_BASE_URL = 'https://secure.cinetpay.net'\n\n/**\n * CinetPay Seamless — paiement inline via popup window.\n *\n * Affiche un overlay d'attente et ouvre la passerelle de paiement\n * CinetPay dans une popup. Le client reste sur votre page.\n *\n * Le `paymentToken` est obtenu côté serveur via l'API CinetPay :\n *\n * ```typescript\n * // Frontend\n * CinetPaySeamless.open({\n *   paymentToken: 'abc123...',\n *   onPaymentSuccess: (data) => console.log('Payé !', data.amount),\n * })\n * ```\n *\n * Ou avec des event listeners (style événementiel) :\n *\n * ```typescript\n * CinetPaySeamless.on('payment.success', (data) => { ... })\n * CinetPaySeamless.open({ paymentToken: 'abc123...' })\n * ```\n */\nexport const CinetPaySeamless = {\n  /** Instance du checkout actuellement ouvert */\n  _checkout: null as Checkout | null,\n\n  /** Event emitter partagé */\n  _emitter: new EventEmitter(),\n\n  /**\n   * Enregistre un listener d'événement (style événementiel).\n   *\n   * @param event - Nom de l'événement\n   * @param handler - Fonction appelée quand l'événement est émis\n   * @returns Fonction de désabonnement\n   *\n   * @example\n   * ```typescript\n   * const unsub = CinetPaySeamless.on('payment.success', (data) => {\n   *   console.log('Payé !', data.amount, data.currency)\n   * })\n   * unsub() // Se désabonner\n   * ```\n   */\n  on<E extends EventName>(\n    event: E,\n    handler: EventMap[E] extends void ? () => void : (data: EventMap[E]) => void,\n  ): () => void {\n    return this._emitter.on(event, handler)\n  },\n\n  /**\n   * Supprime un listener.\n   */\n  off<E extends EventName>(\n    event: E,\n    handler: EventMap[E] extends void ? () => void : (data: EventMap[E]) => void,\n  ): void {\n    this._emitter.off(event, handler)\n  },\n\n  /**\n   * Enregistre un listener appelé une seule fois.\n   */\n  once<E extends EventName>(\n    event: E,\n    handler: EventMap[E] extends void ? () => void : (data: EventMap[E]) => void,\n  ): void {\n    this._emitter.once(event, handler)\n  },\n\n  /**\n   * Ouvre le checkout CinetPay.\n   *\n   * Affiche un overlay d'attente et ouvre la page de paiement dans une popup.\n   * La popup est centrée sur l'écran (500x700px).\n   *\n   * @param config - Configuration avec `paymentToken` et callbacks optionnels\n   * @throws {Error} Si le `paymentToken` a un format invalide\n   *\n   * @example\n   * ```typescript\n   * CinetPaySeamless.open({\n   *   paymentToken: 'abc123def456...',\n   *   debug: true,\n   *   onPaymentSuccess: (data) => console.log('Payé !', data.amount),\n   *   onPaymentFailed: (data) => console.log('Refusé'),\n   *   onClose: ({ status }) => console.log('Fermé:', status),\n   * })\n   * ```\n   */\n  open(config: SeamlessConfig): void {\n    this.close()\n\n    const logger = new Logger(config.debug ?? false)\n    logger.debug('CinetPaySeamless.open() called')\n\n    // Validation du paymentToken\n    if (!/^[a-zA-Z0-9_-]{10,128}$/.test(config.paymentToken)) {\n      throw new Error('Invalid paymentToken format — expected alphanumeric string (10-128 chars)')\n    }\n\n    const paymentUrl = `${SECURE_BASE_URL}/checkout/${config.paymentToken}`\n\n    this._checkout = new Checkout({\n      logger,\n      emitter: this._emitter,\n      onReady: config.onReady,\n      onPaymentSuccess: config.onPaymentSuccess,\n      onPaymentFailed: config.onPaymentFailed,\n      onPaymentPending: config.onPaymentPending,\n      onClose: config.onClose,\n      onError: config.onError,\n    })\n\n    this._checkout.open(paymentUrl)\n  },\n\n  /**\n   * Ferme le checkout (popup + overlay).\n   */\n  close(): void {\n    this._checkout?.close()\n    this._checkout = null\n  },\n}\n\n// Auto-attach to window for CDN/script tag usage\nif (typeof window !== 'undefined') {\n  (window as unknown as Record<string, unknown>).CinetPaySeamless = CinetPaySeamless\n}\n"],"names":["STYLES","_Checkout","options","paymentUrl","_a","_b","response","_c","styleEl","wrapper","waiting","spinner","title","msg","cancelBtn","left","top","err","event","o","data","status","Checkout","PREFIX","Logger","enabled","message","EventEmitter","handler","args","handlers","SECURE_BASE_URL","CinetPaySeamless","config","logger"],"mappings":"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"}

package/dist/emitter.d.ts

@@ -0,0 +1,99 @@
+import type { PaymentResponse, PaymentError } from './types';
+/**
+ * Map des événements émis par le SDK Seamless.
+ *
+ * | Événement | Donnée | Quand |
+ * |---|---|---|
+ * | `ready` | — | Popup ouverte, passerelle prête |
+ * | `payment.success` | `PaymentResponse` | Paiement accepté |
+ * | `payment.failed` | `PaymentResponse` | Paiement refusé |
+ * | `payment.pending` | `PaymentResponse` | En attente (PENDING, INITIATED, EXPIRED) |
+ * | `close` | `{ status: string }` | Popup fermée, overlay retiré |
+ * | `error` | `PaymentError` | Erreur technique |
+ */
+export interface EventMap {
+    'ready': void;
+    'payment.success': PaymentResponse;
+    'payment.failed': PaymentResponse;
+    'payment.pending': PaymentResponse;
+    'close': {
+        status: string;
+    };
+    'error': PaymentError;
+}
+/** Type des noms d'événements */
+export type EventName = keyof EventMap;
+/** Type d'un handler pour un événement donné */
+type Handler<T> = T extends void ? () => void : (data: T) => void;
+/**
+ * Event emitter typé pour le SDK Seamless.
+ *
+ * Permet d'écouter les événements de paiement avec `on()` et `off()`,
+ * style événementiel (`on('event', handler)`).
+ *
+ * @example
+ * ```typescript
+ * CinetPaySeamless.on('payment.success', (data) => {
+ *   console.log('Payé !', data.amount, data.currency)
+ * })
+ *
+ * CinetPaySeamless.on('payment.failed', (data) => {
+ *   console.log('Refusé', data.transactionId)
+ * })
+ *
+ * CinetPaySeamless.on('ready', () => {
+ *   console.log('Passerelle chargée')
+ * })
+ * ```
+ */
+export declare class EventEmitter {
+    private listeners;
+    /**
+     * Enregistre un handler pour un événement.
+     *
+     * @param event - Nom de l'événement
+     * @param handler - Fonction appelée quand l'événement est émis
+     * @returns Fonction pour se désabonner (équivalent de `off(event, handler)`)
+     *
+     * @example
+     * ```typescript
+     * const unsubscribe = CinetPaySeamless.on('payment.success', (data) => { ... })
+     * // Plus tard :
+     * unsubscribe()
+     * ```
+     */
+    on<E extends EventName>(event: E, handler: Handler<EventMap[E]>): () => void;
+    /**
+     * Supprime un handler pour un événement.
+     *
+     * @param event - Nom de l'événement
+     * @param handler - Référence du handler à supprimer
+     */
+    off<E extends EventName>(event: E, handler: Handler<EventMap[E]>): void;
+    /**
+     * Enregistre un handler qui ne sera appelé qu'une seule fois.
+     *
+     * @param event - Nom de l'événement
+     * @param handler - Fonction appelée une seule fois
+     *
+     * @example
+     * ```typescript
+     * CinetPaySeamless.once('payment.success', (data) => {
+     *   // Appelé une seule fois
+     * })
+     * ```
+     */
+    once<E extends EventName>(event: E, handler: Handler<EventMap[E]>): void;
+    /**
+     * Émet un événement — appelle tous les handlers enregistrés.
+     * @internal
+     */
+    emit<E extends EventName>(event: E, ...args: EventMap[E] extends void ? [] : [EventMap[E]]): void;
+    /**
+     * Supprime tous les handlers pour tous les événements.
+     * @internal
+     */
+    removeAll(): void;
+}
+export {};
+//# sourceMappingURL=emitter.d.ts.map

package/dist/emitter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"emitter.d.ts","sourceRoot":"","sources":["../src/emitter.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE5D;;;;;;;;;;;GAWG;AACH,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,IAAI,CAAA;IACb,iBAAiB,EAAE,eAAe,CAAA;IAClC,gBAAgB,EAAE,eAAe,CAAA;IACjC,iBAAiB,EAAE,eAAe,CAAA;IAClC,OAAO,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3B,OAAO,EAAE,YAAY,CAAA;CACtB;AAED,iCAAiC;AACjC,MAAM,MAAM,SAAS,GAAG,MAAM,QAAQ,CAAA;AAEtC,gDAAgD;AAChD,KAAK,OAAO,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;AAEjE;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,qBAAa,YAAY;IACvB,OAAO,CAAC,SAAS,CAAmC;IAEpD;;;;;;;;;;;;;OAaG;IACH,EAAE,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,MAAM,IAAI;IAU5E;;;;;OAKG;IACH,GAAG,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAIvE;;;;;;;;;;;;OAYG;IACH,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAQxE;;;OAGG;IACH,IAAI,CAAC,CAAC,SAAS,SAAS,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAAG,IAAI;IAYjG;;;OAGG;IACH,SAAS,IAAI,IAAI;CAGlB"}

package/dist/index.d.ts

@@ -0,0 +1,84 @@
+import { Checkout } from './checkout';
+import type { SeamlessConfig, PaymentResponse, PaymentError, PaymentStatus } from './types';
+import { EventEmitter, type EventName, type EventMap } from './emitter';
+export type { SeamlessConfig, PaymentResponse, PaymentError, PaymentStatus, };
+export type { EventName, EventMap } from './emitter';
+/**
+ * CinetPay Seamless — paiement inline via popup window.
+ *
+ * Affiche un overlay d'attente et ouvre la passerelle de paiement
+ * CinetPay dans une popup. Le client reste sur votre page.
+ *
+ * Le `paymentToken` est obtenu côté serveur via l'API CinetPay :
+ *
+ * ```typescript
+ * // Frontend
+ * CinetPaySeamless.open({
+ *   paymentToken: 'abc123...',
+ *   onPaymentSuccess: (data) => console.log('Payé !', data.amount),
+ * })
+ * ```
+ *
+ * Ou avec des event listeners (style événementiel) :
+ *
+ * ```typescript
+ * CinetPaySeamless.on('payment.success', (data) => { ... })
+ * CinetPaySeamless.open({ paymentToken: 'abc123...' })
+ * ```
+ */
+export declare const CinetPaySeamless: {
+    /** Instance du checkout actuellement ouvert */
+    _checkout: Checkout | null;
+    /** Event emitter partagé */
+    _emitter: EventEmitter;
+    /**
+     * Enregistre un listener d'événement (style événementiel).
+     *
+     * @param event - Nom de l'événement
+     * @param handler - Fonction appelée quand l'événement est émis
+     * @returns Fonction de désabonnement
+     *
+     * @example
+     * ```typescript
+     * const unsub = CinetPaySeamless.on('payment.success', (data) => {
+     *   console.log('Payé !', data.amount, data.currency)
+     * })
+     * unsub() // Se désabonner
+     * ```
+     */
+    on<E extends EventName>(event: E, handler: EventMap[E] extends void ? () => void : (data: EventMap[E]) => void): () => void;
+    /**
+     * Supprime un listener.
+     */
+    off<E extends EventName>(event: E, handler: EventMap[E] extends void ? () => void : (data: EventMap[E]) => void): void;
+    /**
+     * Enregistre un listener appelé une seule fois.
+     */
+    once<E extends EventName>(event: E, handler: EventMap[E] extends void ? () => void : (data: EventMap[E]) => void): void;
+    /**
+     * Ouvre le checkout CinetPay.
+     *
+     * Affiche un overlay d'attente et ouvre la page de paiement dans une popup.
+     * La popup est centrée sur l'écran (500x700px).
+     *
+     * @param config - Configuration avec `paymentToken` et callbacks optionnels
+     * @throws {Error} Si le `paymentToken` a un format invalide
+     *
+     * @example
+     * ```typescript
+     * CinetPaySeamless.open({
+     *   paymentToken: 'abc123def456...',
+     *   debug: true,
+     *   onPaymentSuccess: (data) => console.log('Payé !', data.amount),
+     *   onPaymentFailed: (data) => console.log('Refusé'),
+     *   onClose: ({ status }) => console.log('Fermé:', status),
+     * })
+     * ```
+     */
+    open(config: SeamlessConfig): void;
+    /**
+     * Ferme le checkout (popup + overlay).
+     */
+    close(): void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,KAAK,EACV,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,EACd,MAAM,SAAS,CAAA;AAEhB,OAAO,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,WAAW,CAAA;AAEvE,YAAY,EACV,cAAc,EACd,eAAe,EACf,YAAY,EACZ,aAAa,GACd,CAAA;AACD,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAA;AAKpD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,gBAAgB;IAC3B,+CAA+C;eAC5B,QAAQ,GAAG,IAAI;IAElC,4BAA4B;;IAG5B;;;;;;;;;;;;;;OAcG;OACA,CAAC,SAAS,SAAS,SACb,CAAC,WACC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,GAC3E,MAAM,IAAI;IAIb;;OAEG;QACC,CAAC,SAAS,SAAS,SACd,CAAC,WACC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,GAC3E,IAAI;IAIP;;OAEG;SACE,CAAC,SAAS,SAAS,SACf,CAAC,WACC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAAI,GAAG,MAAM,IAAI,GAAG,CAAC,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,IAAI,GAC3E,IAAI;IAIP;;;;;;;;;;;;;;;;;;;OAmBG;iBACU,cAAc,GAAG,IAAI;IA2BlC;;OAEG;aACM,IAAI;CAId,CAAA"}

package/dist/logger.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Logger interne du SDK Seamless.
+ * Désactivé par défaut. Activable via `debug: true` dans la config.
+ *
+ * Tous les logs utilisent le préfixe `[CinetPay Seamless]` pour être
+ * facilement filtrables dans la console du navigateur.
+ */
+export declare class Logger {
+    private enabled;
+    constructor(enabled: boolean);
+    /** Log de debug — requêtes, réponses, événements */
+    debug(message: string, data?: unknown): void;
+    /** Log d'avertissement — credentials exposés, statuts inattendus */
+    warn(message: string, data?: unknown): void;
+    /** Log d'erreur — erreurs API, timeouts, postMessage invalides */
+    error(message: string, data?: unknown): void;
+}
+//# sourceMappingURL=logger.d.ts.map

package/dist/logger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logger.d.ts","sourceRoot":"","sources":["../src/logger.ts"],"names":[],"mappings":"AAGA;;;;;;GAMG;AACH,qBAAa,MAAM;IACjB,OAAO,CAAC,OAAO,CAAS;gBAEZ,OAAO,EAAE,OAAO;IAI5B,oDAAoD;IACpD,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAS5C,oEAAoE;IACpE,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;IAS3C,kEAAkE;IAClE,KAAK,CAAC,OAAO,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,OAAO,GAAG,IAAI;CAQ7C"}

package/dist/styles.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Styles CSS du checkout CinetPay Seamless (mode popup).
+ */
+export declare const STYLES = "\n.cp-seamless-overlay {\n  position: fixed;\n  inset: 0;\n  z-index: 999999;\n  background: rgba(0, 0, 0, 0.7);\n  backdrop-filter: blur(6px);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  opacity: 0;\n  transition: opacity 0.3s ease;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n}\n\n.cp-seamless-overlay.cp-visible {\n  opacity: 1;\n}\n\n.cp-seamless-wrapper {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n/* Waiting screen (pendant que la popup est ouverte) */\n.cp-seamless-waiting {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  text-align: center;\n  padding: 40px;\n}\n\n.cp-seamless-waiting-title {\n  color: #fff;\n  font-size: 22px;\n  font-weight: 600;\n  margin: 0;\n}\n\n.cp-seamless-waiting-msg {\n  color: rgba(255, 255, 255, 0.7);\n  font-size: 15px;\n  margin: 0;\n  max-width: 320px;\n  line-height: 1.5;\n}\n\n.cp-seamless-spinner {\n  width: 48px;\n  height: 48px;\n  border: 3px solid rgba(255, 255, 255, 0.2);\n  border-top-color: #e8530e;\n  border-radius: 50%;\n  animation: cp-spin 0.8s linear infinite;\n}\n\n@keyframes cp-spin {\n  to { transform: rotate(360deg); }\n}\n\n.cp-seamless-cancel-btn {\n  margin-top: 12px;\n  padding: 10px 28px;\n  background: rgba(255, 255, 255, 0.12);\n  color: rgba(255, 255, 255, 0.8);\n  border: 1px solid rgba(255, 255, 255, 0.2);\n  border-radius: 8px;\n  font-size: 14px;\n  cursor: pointer;\n  transition: all 0.2s;\n}\n\n.cp-seamless-cancel-btn:hover {\n  background: rgba(255, 255, 255, 0.2);\n  color: #fff;\n}\n\n";
+//# sourceMappingURL=styles.d.ts.map

package/dist/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../src/styles.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,eAAO,MAAM,MAAM,0lDAgFlB,CAAA"}

package/dist/types.d.ts

@@ -0,0 +1,71 @@
+/**
+ * Configuration du SDK CinetPay Seamless.
+ *
+ * Le `paymentToken` est obtenu côté serveur en appelant l'API CinetPay
+ * `POST /v1/payment`. Utilisez le SDK de votre choix (cinetpay-js, cinetpay-laravel-sdk,
+ * ou un appel API direct) pour initialiser le paiement et récupérer le token.
+ *
+ * @example
+ * ```typescript
+ * CinetPaySeamless.open({
+ *   paymentToken: 'abc123...',
+ *   onPaymentSuccess: (data) => console.log('Payé !'),
+ * })
+ * ```
+ */
+export interface SeamlessConfig {
+    /** Token de paiement obtenu côté serveur via l'API CinetPay `POST /v1/payment` */
+    paymentToken: string;
+    /** Langue de l'interface : fr ou en */
+    lang?: 'fr' | 'en';
+    /** Callback : popup ouverte, passerelle de paiement prête */
+    onReady?: () => void;
+    /** Callback : paiement accepté (statut ACCEPTED) */
+    onPaymentSuccess?: (data: PaymentResponse) => void;
+    /** Callback : paiement refusé (statut REFUSED) */
+    onPaymentFailed?: (data: PaymentResponse) => void;
+    /** Callback : paiement en attente (statut PENDING, INITIATED, EXPIRED) */
+    onPaymentPending?: (data: PaymentResponse) => void;
+    /** Callback : popup fermée et overlay retiré */
+    onClose?: (data: {
+        status: string;
+    }) => void;
+    /** Callback : erreur technique */
+    onError?: (error: PaymentError) => void;
+    /**
+     * Active les logs de debug dans la console avec le préfixe `[CinetPay Seamless]`.
+     * @default false
+     */
+    debug?: boolean;
+}
+/** Statuts possibles d'un paiement */
+export type PaymentStatus = 'ACCEPTED' | 'REFUSED' | 'PENDING' | 'INITIATED' | 'EXPIRED' | 'UNKNOWN';
+/** Réponse de paiement retournée dans les callbacks */
+export interface PaymentResponse {
+    /** Montant payé */
+    amount: number;
+    /** Devise */
+    currency: string;
+    /** Statut du paiement */
+    status: PaymentStatus;
+    /** Code de l'opérateur (OM, MOMO, etc.) */
+    paymentMethod: string;
+    /** Description du service */
+    description: string;
+    /** Métadonnées personnalisées */
+    metadata?: string;
+    /** ID de transaction de l'opérateur */
+    operatorId?: string;
+    /** Date du paiement */
+    paymentDate?: string;
+    /** ID de la transaction */
+    transactionId: string;
+}
+/** Erreur de paiement */
+export interface PaymentError {
+    /** Code d'erreur */
+    code: string;
+    /** Message d'erreur */
+    message: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,cAAc;IAC7B,kFAAkF;IAClF,YAAY,EAAE,MAAM,CAAA;IACpB,uCAAuC;IACvC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAClB,6DAA6D;IAC7D,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,oDAAoD;IACpD,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IAClD,kDAAkD;IAClD,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IACjD,0EAA0E;IAC1E,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,IAAI,CAAA;IAClD,gDAAgD;IAChD,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,KAAK,IAAI,CAAA;IAC5C,kCAAkC;IAClC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAA;IACvC;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB;AAED,sCAAsC;AACtC,MAAM,MAAM,aAAa,GAAG,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,SAAS,CAAA;AAEpG,uDAAuD;AACvD,MAAM,WAAW,eAAe;IAC9B,mBAAmB;IACnB,MAAM,EAAE,MAAM,CAAA;IACd,aAAa;IACb,QAAQ,EAAE,MAAM,CAAA;IAChB,yBAAyB;IACzB,MAAM,EAAE,aAAa,CAAA;IACrB,2CAA2C;IAC3C,aAAa,EAAE,MAAM,CAAA;IACrB,6BAA6B;IAC7B,WAAW,EAAE,MAAM,CAAA;IACnB,iCAAiC;IACjC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,uCAAuC;IACvC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,uBAAuB;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,2BAA2B;IAC3B,aAAa,EAAE,MAAM,CAAA;CACtB;AAED,yBAAyB;AACzB,MAAM,WAAW,YAAY;IAC3B,oBAAoB;IACpB,IAAI,EAAE,MAAM,CAAA;IACZ,uBAAuB;IACvB,OAAO,EAAE,MAAM,CAAA;CAChB"}

package/package.json

@@ -0,0 +1,57 @@
+{
+  "name": "cinetpay-seamless",
+  "version": "0.1.0",
+  "description": "CinetPay Seamless — inline payment modal for web applications. No redirect, no iframe. Works with any framework.",
+  "type": "module",
+  "main": "./dist/cinetpay-seamless.umd.js",
+  "module": "./dist/cinetpay-seamless.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/cinetpay-seamless.js"
+      },
+      "require": {
+        "default": "./dist/cinetpay-seamless.umd.js"
+      }
+    },
+    "./style.css": "./dist/cinetpay-seamless.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "vite build && tsc --emitDeclarationOnly --outDir dist",
+    "dev": "vite build --watch",
+    "typecheck": "tsc --noEmit",
+    "preview": "vite preview",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "prepublishOnly": "npm run build"
+  },
+  "keywords": [
+    "cinetpay",
+    "payment",
+    "seamless",
+    "checkout",
+    "mobile-money",
+    "africa",
+    "inline",
+    "modal"
+  ],
+  "author": "CinetPay",
+  "license": "MIT",
+  "devDependencies": {
+    "@types/node": "^22.0.0",
+    "@vitest/coverage-v8": "^3.0.0",
+    "jsdom": "^26.0.0",
+    "typescript": "^5.7.0",
+    "vite": "^6.0.0",
+    "vitest": "^3.0.0"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  }
+}