@apolopay-sdk/core 1.0.0

package/README.md

@@ -0,0 +1,40 @@
+# @apolopay-sdk/core
+
+The core logic and common types for the Apolo Pay JavaScript SDK. This package provides the foundational classes and services used across all platform-specific SDKs (React, Vue, Angular, etc.).
+
+## Installation
+
+```bash
+npm install @apolopay-sdk/core
+# or
+pnpm add @apolopay-sdk/core
+# or
+yarn add @apolopay-sdk/core
+```
+
+## Usage
+
+### ApoloPayClient
+
+The `ApoloPayClient` is the main entry point for interacting with the Apolo Pay API. You'll need your Public Key to initialize it.
+
+```typescript
+import { ApoloPayClient } from '@apolopay-sdk/core';
+
+const client = new ApoloPayClient({
+  publicKey: 'pk_test_...', // Your Apolo Pay Public Key
+});
+```
+
+### Services and Types
+
+This package also exports various types and services:
+
+- `PaymentService`: Handles API calls for payments, assets, and WebSocket connections.
+- `I18n`: Internationalization utility for the SDK.
+- `Locale`: Type for supported languages ('es', 'en').
+- `ClientResponse`, `ClientError`: Standardized response and error types.
+
+## License
+
+MIT

package/dist/index.d.mts

@@ -0,0 +1,169 @@
+interface ApoloPayClientOptions {
+    publicKey: string;
+}
+declare class ApoloPayClient {
+    private publicKey;
+    constructor(options: ApoloPayClientOptions);
+    getPublicKey(): string;
+}
+
+interface Network {
+    id: string;
+    name: string;
+    network: string;
+    image: string;
+    isNative: boolean;
+}
+
+interface Asset {
+    id: string;
+    name: string;
+    symbol: string;
+    image: string;
+    networks: Network[];
+}
+
+declare abstract class ClientResponseBase {
+    readonly code: string;
+    readonly message: string;
+    constructor({ code, message }: {
+        code: string;
+        message: string;
+    });
+}
+declare class ClientResponse<T = any> extends ClientResponseBase {
+    readonly result?: T;
+    constructor({ code, message, result }: {
+        code: string;
+        message: string;
+        result?: T;
+    });
+    static fromJson<T = any>(json: any, { code, message, result }?: {
+        code?: string;
+        message?: string;
+        result?: (json: any) => T;
+    }): ClientResponse<T>;
+}
+declare class ClientError extends ClientResponseBase {
+    readonly error?: any;
+    constructor({ code, message, error }: {
+        code: string;
+        message: string;
+        error?: any;
+    });
+    static fromError(error: any, { code, message }?: {
+        code?: string;
+        message?: string;
+    }): ClientError;
+}
+
+interface QrRequestDetails {
+    assetId: string;
+    networkId: string;
+}
+interface QrResponseData {
+    id: string;
+    network: string;
+    asset: string;
+    amount: number | string;
+    address: string;
+    qrCodeUrl: string;
+    expiresAtMs: number;
+    paymentUrl?: string;
+}
+interface ClientOptions {
+    publicKey: string;
+}
+interface PaymentSessionOptions {
+    processId: string;
+    onSuccess: (response: ClientResponse) => void;
+    onError: (error: ClientError) => void;
+}
+interface PaymentOptions extends ClientOptions, PaymentSessionOptions {
+}
+
+declare class PaymentService {
+    private client;
+    private socket;
+    constructor(client: ApoloPayClient);
+    getPublicKey(): string;
+    getAssets(): Promise<Asset[]>;
+    fetchQrCodeDetails(details: QrRequestDetails, session: PaymentSessionOptions): Promise<QrResponseData>;
+    disconnectWebSocket(): void;
+}
+
+declare enum ModalStep {
+    SELECT_ASSET = 0,
+    SELECT_NETWORK = 1,
+    SHOW_QR = 2,
+    RESULT = 3
+}
+
+interface Dictionary {
+    trigger: {
+        loading: string;
+    };
+    modal: {
+        titles: {
+            selectAsset: string;
+            selectNetwork: string;
+            scanQr: string;
+            success: string;
+            error: string;
+            idle: string;
+        };
+        subtitles: {
+            selectAsset: string;
+            selectNetwork: string;
+            idle: string;
+        };
+        actions: {
+            back: string;
+            close: string;
+            support: string;
+            scanApp: string;
+            copy: string;
+            copied: string;
+            payFromDevice: string;
+        };
+        labels: {
+            network: string;
+            address: string;
+            amount: string;
+            product: string;
+            minutes: string;
+            seconds: string;
+        };
+        warnings: {
+            networkMatch: string;
+            noNFT: string;
+            onlyToken: string;
+            timer: string;
+            selectNetworkLater: string;
+        };
+        success: {
+            message: string;
+            message2: string;
+            details: string;
+            support: string;
+        };
+    };
+    errors: {
+        generic: string;
+        publicKeyMissing: string;
+        config: string;
+        timeout: string;
+    };
+}
+
+type Locale = 'es' | 'en';
+declare class I18nService {
+    private static _currentLocale;
+    private static _dictionary;
+    static setLocale(locale: Locale): void;
+    static get current(): Locale;
+    static get t(): Dictionary;
+    static interpolate(text: string, params: Record<string, string | number>): string;
+}
+
+export { ApoloPayClient, type ApoloPayClientOptions, type Asset, ClientError, type ClientOptions, ClientResponse, ClientResponseBase, type Dictionary, I18nService as I18n, type Locale, ModalStep, type Network, type PaymentOptions, PaymentService, type PaymentSessionOptions, type QrRequestDetails, type QrResponseData };

package/dist/index.d.ts

@@ -0,0 +1,169 @@
+interface ApoloPayClientOptions {
+    publicKey: string;
+}
+declare class ApoloPayClient {
+    private publicKey;
+    constructor(options: ApoloPayClientOptions);
+    getPublicKey(): string;
+}
+
+interface Network {
+    id: string;
+    name: string;
+    network: string;
+    image: string;
+    isNative: boolean;
+}
+
+interface Asset {
+    id: string;
+    name: string;
+    symbol: string;
+    image: string;
+    networks: Network[];
+}
+
+declare abstract class ClientResponseBase {
+    readonly code: string;
+    readonly message: string;
+    constructor({ code, message }: {
+        code: string;
+        message: string;
+    });
+}
+declare class ClientResponse<T = any> extends ClientResponseBase {
+    readonly result?: T;
+    constructor({ code, message, result }: {
+        code: string;
+        message: string;
+        result?: T;
+    });
+    static fromJson<T = any>(json: any, { code, message, result }?: {
+        code?: string;
+        message?: string;
+        result?: (json: any) => T;
+    }): ClientResponse<T>;
+}
+declare class ClientError extends ClientResponseBase {
+    readonly error?: any;
+    constructor({ code, message, error }: {
+        code: string;
+        message: string;
+        error?: any;
+    });
+    static fromError(error: any, { code, message }?: {
+        code?: string;
+        message?: string;
+    }): ClientError;
+}
+
+interface QrRequestDetails {
+    assetId: string;
+    networkId: string;
+}
+interface QrResponseData {
+    id: string;
+    network: string;
+    asset: string;
+    amount: number | string;
+    address: string;
+    qrCodeUrl: string;
+    expiresAtMs: number;
+    paymentUrl?: string;
+}
+interface ClientOptions {
+    publicKey: string;
+}
+interface PaymentSessionOptions {
+    processId: string;
+    onSuccess: (response: ClientResponse) => void;
+    onError: (error: ClientError) => void;
+}
+interface PaymentOptions extends ClientOptions, PaymentSessionOptions {
+}
+
+declare class PaymentService {
+    private client;
+    private socket;
+    constructor(client: ApoloPayClient);
+    getPublicKey(): string;
+    getAssets(): Promise<Asset[]>;
+    fetchQrCodeDetails(details: QrRequestDetails, session: PaymentSessionOptions): Promise<QrResponseData>;
+    disconnectWebSocket(): void;
+}
+
+declare enum ModalStep {
+    SELECT_ASSET = 0,
+    SELECT_NETWORK = 1,
+    SHOW_QR = 2,
+    RESULT = 3
+}
+
+interface Dictionary {
+    trigger: {
+        loading: string;
+    };
+    modal: {
+        titles: {
+            selectAsset: string;
+            selectNetwork: string;
+            scanQr: string;
+            success: string;
+            error: string;
+            idle: string;
+        };
+        subtitles: {
+            selectAsset: string;
+            selectNetwork: string;
+            idle: string;
+        };
+        actions: {
+            back: string;
+            close: string;
+            support: string;
+            scanApp: string;
+            copy: string;
+            copied: string;
+            payFromDevice: string;
+        };
+        labels: {
+            network: string;
+            address: string;
+            amount: string;
+            product: string;
+            minutes: string;
+            seconds: string;
+        };
+        warnings: {
+            networkMatch: string;
+            noNFT: string;
+            onlyToken: string;
+            timer: string;
+            selectNetworkLater: string;
+        };
+        success: {
+            message: string;
+            message2: string;
+            details: string;
+            support: string;
+        };
+    };
+    errors: {
+        generic: string;
+        publicKeyMissing: string;
+        config: string;
+        timeout: string;
+    };
+}
+
+type Locale = 'es' | 'en';
+declare class I18nService {
+    private static _currentLocale;
+    private static _dictionary;
+    static setLocale(locale: Locale): void;
+    static get current(): Locale;
+    static get t(): Dictionary;
+    static interpolate(text: string, params: Record<string, string | number>): string;
+}
+
+export { ApoloPayClient, type ApoloPayClientOptions, type Asset, ClientError, type ClientOptions, ClientResponse, ClientResponseBase, type Dictionary, I18nService as I18n, type Locale, ModalStep, type Network, type PaymentOptions, PaymentService, type PaymentSessionOptions, type QrRequestDetails, type QrResponseData };

package/dist/index.js

@@ -0,0 +1,401 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  ApoloPayClient: () => ApoloPayClient,
+  ClientError: () => ClientError,
+  ClientResponse: () => ClientResponse,
+  ClientResponseBase: () => ClientResponseBase,
+  I18n: () => I18nService,
+  ModalStep: () => ModalStep,
+  PaymentService: () => PaymentService
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/apolo-pay-client.ts
+var ApoloPayClient = class {
+  constructor(options) {
+    this.publicKey = options.publicKey;
+  }
+  getPublicKey() {
+    return this.publicKey;
+  }
+};
+
+// src/types/client-response.ts
+var ClientResponseBase = class {
+  constructor({ code, message }) {
+    this.code = code;
+    this.message = message;
+  }
+};
+var ClientResponse = class _ClientResponse extends ClientResponseBase {
+  constructor({ code, message, result }) {
+    super({ code, message });
+    this.result = result;
+  }
+  static fromJson(json, { code, message, result } = {}) {
+    const successCode = json.status || code || "success";
+    const successMessage = json.message || message || "Success";
+    const successResult = result?.(json.result) || json.result || json;
+    return new _ClientResponse({ code: successCode, message: successMessage, result: successResult });
+  }
+};
+var ClientError = class _ClientError extends ClientResponseBase {
+  constructor({ code, message, error }) {
+    super({ code, message });
+    this.error = error;
+  }
+  static fromError(error, { code, message } = {}) {
+    const errCode = error.statusCode || code || "unknown_error";
+    const errMessage = error.message || message || "Error desconocido";
+    const err = error.error || error;
+    return new _ClientError({ code: errCode, message: errMessage, error: err });
+  }
+};
+
+// src/services/repository.ts
+var Repository = class {
+  static async getAssets() {
+    try {
+      const response = await fetch(`${this.apiUrl}/payment-button/assets`, {
+        method: "GET",
+        headers: this.headers()
+      });
+      const data = await response.json();
+      return ClientResponse.fromJson(data);
+    } catch (error) {
+      throw ClientError.fromError(error, {
+        code: "get_assets_error",
+        message: "Error al obtener los activos"
+      });
+    }
+  }
+  static async fetchQrCodeDetails({
+    processId,
+    assetId,
+    networkId,
+    publicKey
+  }) {
+    try {
+      const response = await fetch(`${this.apiUrl}/payment-button/process/confirm`, {
+        method: "POST",
+        headers: this.headers(publicKey),
+        body: JSON.stringify({
+          processId,
+          assetId,
+          networkId
+        })
+      }), data = await response.json();
+      if (!data.result) {
+        throw new ClientError({
+          code: data.status || "qr_fetch_error",
+          message: data.message || "Error al obtener los detalles del c\xF3digo QR"
+        });
+      }
+      const wallet = data.result.wallet;
+      const network = data.result.network;
+      const address = network === "apolopay" ? `https://p2p.apolopay.app/payment-process/${processId}` : wallet;
+      return ClientResponse.fromJson(data, {
+        result: (json) => {
+          let expiresAtMs = json.expiresAtMs || json.expiresAt || Date.now() + 30 * 60 * 1e3;
+          if (typeof expiresAtMs === "string") {
+            expiresAtMs = new Date(expiresAtMs).getTime();
+          }
+          if (typeof expiresAtMs === "number" && expiresAtMs > 1e13) {
+            while (expiresAtMs > 2e12) {
+              expiresAtMs = Math.floor(expiresAtMs / 1e3);
+            }
+          }
+          return {
+            ...json,
+            address,
+            qrCodeUrl: `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${address}&ecc=H`,
+            paymentUrl: address.startsWith("http") ? address : void 0,
+            expiresAtMs: isNaN(expiresAtMs) ? Date.now() + 30 * 60 * 1e3 : expiresAtMs
+          };
+        }
+      });
+    } catch (error) {
+      throw ClientError.fromError(error, {
+        code: "fetch_qr_code_details_error",
+        message: "Error al obtener los detalles del c\xF3digo QR"
+      });
+    }
+  }
+};
+Repository.apiUrl = "https://pb-test-api.apolopay.app";
+Repository.headers = (publicKey) => {
+  const options = {
+    "Content-Type": "application/json"
+  };
+  if (publicKey) options["x-public-key"] = publicKey;
+  return options;
+};
+
+// src/services/socket-service.ts
+var import_socket = require("socket.io-client");
+var _SocketService = class _SocketService {
+  constructor(client) {
+    this.sessionOptions = null;
+    this.socket = null;
+    this.client = client;
+  }
+  connect(session) {
+    if (typeof window === "undefined") return;
+    this.sessionOptions = session;
+    if (this.socket && this.socket.connected) return this.disconnect();
+    this.socket = (0, import_socket.io)(_SocketService.wsUrl, {
+      extraHeaders: {
+        "x-public-key": this.client.getPublicKey()
+      },
+      transports: ["polling"]
+    });
+    const { processId } = session;
+    this.socket.on("connect", () => this.socket?.emit("process:connect", { processId }));
+    console.log(`Conectado a Socket.io para processId: ${processId}`);
+    this.socket.on("process:message", (response) => this.handleWebSocketMessage(response));
+    this.socket.on("connect_error", (error) => {
+      console.error("Error en conexi\xF3n Socket.io:", error);
+      this.sessionOptions?.onError({ code: "connect_error", message: "Error de conexi\xF3n en tiempo real.", error });
+      this.disconnect();
+    });
+    this.socket.on("disconnect", (reason) => {
+      console.info(`Socket.io Desconectado: ${reason}`);
+      this.socket = null;
+    });
+  }
+  handleWebSocketMessage(response) {
+    console.log(response);
+    if (!response.success) {
+      return this.sessionOptions?.onError({
+        code: "payment_failed",
+        message: response.message,
+        error: response.result
+      });
+    }
+    if (response.result.status === "completed") {
+      return this.sessionOptions?.onSuccess({
+        code: "payment_success",
+        message: response.message,
+        result: response.result
+      });
+    }
+  }
+  disconnect() {
+    if (this.socket) {
+      this.socket.disconnect();
+      this.socket = null;
+    }
+  }
+};
+_SocketService.wsUrl = "https://pb-test-ws.apolopay.app";
+var SocketService = _SocketService;
+
+// src/services/payment-service.ts
+var PaymentService = class {
+  constructor(client) {
+    this.client = client;
+    this.socket = new SocketService(this.client);
+  }
+  getPublicKey() {
+    return this.client.getPublicKey();
+  }
+  // --- Métodos para obtener datos ---
+  async getAssets() {
+    const assets = await Repository.getAssets();
+    return assets.result;
+  }
+  // --- Método para obtener datos del QR ---
+  async fetchQrCodeDetails(details, session) {
+    const qrData = await Repository.fetchQrCodeDetails({
+      ...details,
+      processId: session.processId,
+      publicKey: this.client.getPublicKey()
+    });
+    console.log("qrData", qrData);
+    this.socket.connect(session);
+    return qrData.result;
+  }
+  disconnectWebSocket() {
+    this.socket.disconnect();
+  }
+};
+
+// src/types/modal-step.ts
+var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
+  ModalStep2[ModalStep2["SELECT_ASSET"] = 0] = "SELECT_ASSET";
+  ModalStep2[ModalStep2["SELECT_NETWORK"] = 1] = "SELECT_NETWORK";
+  ModalStep2[ModalStep2["SHOW_QR"] = 2] = "SHOW_QR";
+  ModalStep2[ModalStep2["RESULT"] = 3] = "RESULT";
+  return ModalStep2;
+})(ModalStep || {});
+
+// src/i18n/es.ts
+var es = {
+  trigger: {
+    loading: "Cargando..."
+  },
+  modal: {
+    titles: {
+      selectAsset: 'Selecciona el <span class="highlight">stablecoin</span>',
+      selectNetwork: 'Selecciona la <span class="highlight">red</span>',
+      scanQr: 'Dep\xF3sito <span class="highlight">{symbol}</span>',
+      success: '\xA1Gracias por <span class="highlight">tu compra!</span>',
+      error: "Error en el Pago",
+      idle: "Estado inesperado"
+    },
+    subtitles: {
+      selectAsset: "Selecciona la stablecoin con la que deseas pagar",
+      selectNetwork: "Selecciona la red de tu preferencia",
+      idle: "Ocurrio un error inesperado"
+    },
+    actions: {
+      back: "Volver",
+      close: "Cerrar",
+      support: "Soporte",
+      scanApp: 'Escanea con tu celular y continua desde la app de <span style="color: var(--apolo-accent)">Apolo Pay</span>',
+      copy: "Copiar",
+      copied: "\xA1Copiado!",
+      payFromDevice: "Pagar desde este dispositivo"
+    },
+    labels: {
+      network: "Red",
+      address: "Direcci\xF3n de dep\xF3sito",
+      amount: "Monto",
+      product: "Producto o Servicio",
+      minutes: "min",
+      seconds: "seg"
+    },
+    warnings: {
+      networkMatch: "Aseg\xFArate de que la <strong>red de tu wallet coincida</strong> con la red de destino.",
+      noNFT: "No env\xEDes NFTs a esta wallet.",
+      onlyToken: "Solo se aceptan <strong>dep\xF3sitos en {symbol}</strong>. El env\xEDo de otro tipo de token podr\xEDa resultar en su p\xE9rdida.",
+      timer: "Realiza el pago dentro del tiempo indicado. <strong>{time}</strong> De lo contrario, el c\xF3digo QR se vencer\xE1.",
+      selectNetworkLater: "Luego podr\xE1s seleccionar la red de tu preferencia"
+    },
+    success: {
+      message: "Tu pago fue exitoso y en breve recibir\xE1s un correo",
+      message2: "con los detalles.",
+      details: "Detalles de la compra",
+      support: "Cualquier duda o inquietud puedes comunicarte con soporte"
+    }
+  },
+  errors: {
+    generic: "Ocurri\xF3 un error inesperado.",
+    publicKeyMissing: "Falta la Public Key",
+    config: "Error de Configuraci\xF3n",
+    timeout: "El tiempo para realizar el pago ha expirado. Por favor genera una nueva orden."
+  }
+};
+
+// src/i18n/en.ts
+var en = {
+  trigger: {
+    loading: "Loading..."
+  },
+  modal: {
+    titles: {
+      selectAsset: 'Select <span class="highlight">stablecoin</span>',
+      selectNetwork: 'Select <span class="highlight">network</span>',
+      scanQr: 'Deposit <span class="highlight">{symbol}</span>',
+      success: 'Thanks for <span class="highlight">your purchase!</span>',
+      error: "Payment Error",
+      idle: "Unexpected state"
+    },
+    subtitles: {
+      selectAsset: "Select the stablecoin you want to pay with",
+      selectNetwork: "Select your preferred network",
+      idle: "An Unexpected error occurred"
+    },
+    actions: {
+      back: "Back",
+      close: "Close",
+      support: "Support",
+      scanApp: 'Scan with your phone and continue from <br><span style="color: var(--apolo-accent)">Apolo Pay</span> app',
+      copy: "Copy",
+      copied: "Copied!",
+      payFromDevice: "Pay from this device"
+    },
+    labels: {
+      network: "Network",
+      address: "Deposit Address",
+      amount: "Amount",
+      product: "Product or Service",
+      minutes: "min",
+      seconds: "sec"
+    },
+    warnings: {
+      networkMatch: "Ensure your <strong>wallet network matches</strong> the destination network.",
+      noNFT: "Do not send NFTs to this wallet.",
+      onlyToken: "Only <strong>{symbol} deposits</strong> are accepted. Sending other tokens may result in loss.",
+      timer: "Complete payment within <strong>{time}</strong>. Otherwise, the QR code will expire.",
+      selectNetworkLater: "You will be able to select your preferred network later"
+    },
+    success: {
+      message: "Your payment was successful. You will receive an email",
+      message2: "shortly.",
+      details: "Purchase Details",
+      support: "Any doubt or inquiry you can contact support"
+    }
+  },
+  errors: {
+    generic: "An unexpected error occurred.",
+    publicKeyMissing: "Public Key is missing",
+    config: "Config Error",
+    timeout: "The payment time has expired. Please generate a new order."
+  }
+};
+
+// src/i18n/index.ts
+var I18nService = class {
+  // Cambiar idioma
+  static setLocale(locale) {
+    this._currentLocale = locale;
+    this._dictionary = locale === "en" ? en : es;
+  }
+  static get current() {
+    return this._currentLocale;
+  }
+  // Función para obtener texto (Tipado seguro para claves anidadas sería complejo, 
+  // así que usaremos acceso directo o un getter helper si lo prefieres)
+  static get t() {
+    return this._dictionary;
+  }
+  // Helper para interpolar variables: "Hola {name}" -> "Hola Mundo"
+  static interpolate(text, params) {
+    return text.replace(/{(\w+)}/g, (match, key) => {
+      return typeof params[key] !== "undefined" ? String(params[key]) : match;
+    });
+  }
+};
+I18nService._currentLocale = "es";
+I18nService._dictionary = es;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ApoloPayClient,
+  ClientError,
+  ClientResponse,
+  ClientResponseBase,
+  I18n,
+  ModalStep,
+  PaymentService
+});

package/dist/index.mjs

@@ -0,0 +1,368 @@
+// src/apolo-pay-client.ts
+var ApoloPayClient = class {
+  constructor(options) {
+    this.publicKey = options.publicKey;
+  }
+  getPublicKey() {
+    return this.publicKey;
+  }
+};
+
+// src/types/client-response.ts
+var ClientResponseBase = class {
+  constructor({ code, message }) {
+    this.code = code;
+    this.message = message;
+  }
+};
+var ClientResponse = class _ClientResponse extends ClientResponseBase {
+  constructor({ code, message, result }) {
+    super({ code, message });
+    this.result = result;
+  }
+  static fromJson(json, { code, message, result } = {}) {
+    const successCode = json.status || code || "success";
+    const successMessage = json.message || message || "Success";
+    const successResult = result?.(json.result) || json.result || json;
+    return new _ClientResponse({ code: successCode, message: successMessage, result: successResult });
+  }
+};
+var ClientError = class _ClientError extends ClientResponseBase {
+  constructor({ code, message, error }) {
+    super({ code, message });
+    this.error = error;
+  }
+  static fromError(error, { code, message } = {}) {
+    const errCode = error.statusCode || code || "unknown_error";
+    const errMessage = error.message || message || "Error desconocido";
+    const err = error.error || error;
+    return new _ClientError({ code: errCode, message: errMessage, error: err });
+  }
+};
+
+// src/services/repository.ts
+var Repository = class {
+  static async getAssets() {
+    try {
+      const response = await fetch(`${this.apiUrl}/payment-button/assets`, {
+        method: "GET",
+        headers: this.headers()
+      });
+      const data = await response.json();
+      return ClientResponse.fromJson(data);
+    } catch (error) {
+      throw ClientError.fromError(error, {
+        code: "get_assets_error",
+        message: "Error al obtener los activos"
+      });
+    }
+  }
+  static async fetchQrCodeDetails({
+    processId,
+    assetId,
+    networkId,
+    publicKey
+  }) {
+    try {
+      const response = await fetch(`${this.apiUrl}/payment-button/process/confirm`, {
+        method: "POST",
+        headers: this.headers(publicKey),
+        body: JSON.stringify({
+          processId,
+          assetId,
+          networkId
+        })
+      }), data = await response.json();
+      if (!data.result) {
+        throw new ClientError({
+          code: data.status || "qr_fetch_error",
+          message: data.message || "Error al obtener los detalles del c\xF3digo QR"
+        });
+      }
+      const wallet = data.result.wallet;
+      const network = data.result.network;
+      const address = network === "apolopay" ? `https://p2p.apolopay.app/payment-process/${processId}` : wallet;
+      return ClientResponse.fromJson(data, {
+        result: (json) => {
+          let expiresAtMs = json.expiresAtMs || json.expiresAt || Date.now() + 30 * 60 * 1e3;
+          if (typeof expiresAtMs === "string") {
+            expiresAtMs = new Date(expiresAtMs).getTime();
+          }
+          if (typeof expiresAtMs === "number" && expiresAtMs > 1e13) {
+            while (expiresAtMs > 2e12) {
+              expiresAtMs = Math.floor(expiresAtMs / 1e3);
+            }
+          }
+          return {
+            ...json,
+            address,
+            qrCodeUrl: `https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=${address}&ecc=H`,
+            paymentUrl: address.startsWith("http") ? address : void 0,
+            expiresAtMs: isNaN(expiresAtMs) ? Date.now() + 30 * 60 * 1e3 : expiresAtMs
+          };
+        }
+      });
+    } catch (error) {
+      throw ClientError.fromError(error, {
+        code: "fetch_qr_code_details_error",
+        message: "Error al obtener los detalles del c\xF3digo QR"
+      });
+    }
+  }
+};
+Repository.apiUrl = "https://pb-test-api.apolopay.app";
+Repository.headers = (publicKey) => {
+  const options = {
+    "Content-Type": "application/json"
+  };
+  if (publicKey) options["x-public-key"] = publicKey;
+  return options;
+};
+
+// src/services/socket-service.ts
+import { io } from "socket.io-client";
+var _SocketService = class _SocketService {
+  constructor(client) {
+    this.sessionOptions = null;
+    this.socket = null;
+    this.client = client;
+  }
+  connect(session) {
+    if (typeof window === "undefined") return;
+    this.sessionOptions = session;
+    if (this.socket && this.socket.connected) return this.disconnect();
+    this.socket = io(_SocketService.wsUrl, {
+      extraHeaders: {
+        "x-public-key": this.client.getPublicKey()
+      },
+      transports: ["polling"]
+    });
+    const { processId } = session;
+    this.socket.on("connect", () => this.socket?.emit("process:connect", { processId }));
+    console.log(`Conectado a Socket.io para processId: ${processId}`);
+    this.socket.on("process:message", (response) => this.handleWebSocketMessage(response));
+    this.socket.on("connect_error", (error) => {
+      console.error("Error en conexi\xF3n Socket.io:", error);
+      this.sessionOptions?.onError({ code: "connect_error", message: "Error de conexi\xF3n en tiempo real.", error });
+      this.disconnect();
+    });
+    this.socket.on("disconnect", (reason) => {
+      console.info(`Socket.io Desconectado: ${reason}`);
+      this.socket = null;
+    });
+  }
+  handleWebSocketMessage(response) {
+    console.log(response);
+    if (!response.success) {
+      return this.sessionOptions?.onError({
+        code: "payment_failed",
+        message: response.message,
+        error: response.result
+      });
+    }
+    if (response.result.status === "completed") {
+      return this.sessionOptions?.onSuccess({
+        code: "payment_success",
+        message: response.message,
+        result: response.result
+      });
+    }
+  }
+  disconnect() {
+    if (this.socket) {
+      this.socket.disconnect();
+      this.socket = null;
+    }
+  }
+};
+_SocketService.wsUrl = "https://pb-test-ws.apolopay.app";
+var SocketService = _SocketService;
+
+// src/services/payment-service.ts
+var PaymentService = class {
+  constructor(client) {
+    this.client = client;
+    this.socket = new SocketService(this.client);
+  }
+  getPublicKey() {
+    return this.client.getPublicKey();
+  }
+  // --- Métodos para obtener datos ---
+  async getAssets() {
+    const assets = await Repository.getAssets();
+    return assets.result;
+  }
+  // --- Método para obtener datos del QR ---
+  async fetchQrCodeDetails(details, session) {
+    const qrData = await Repository.fetchQrCodeDetails({
+      ...details,
+      processId: session.processId,
+      publicKey: this.client.getPublicKey()
+    });
+    console.log("qrData", qrData);
+    this.socket.connect(session);
+    return qrData.result;
+  }
+  disconnectWebSocket() {
+    this.socket.disconnect();
+  }
+};
+
+// src/types/modal-step.ts
+var ModalStep = /* @__PURE__ */ ((ModalStep2) => {
+  ModalStep2[ModalStep2["SELECT_ASSET"] = 0] = "SELECT_ASSET";
+  ModalStep2[ModalStep2["SELECT_NETWORK"] = 1] = "SELECT_NETWORK";
+  ModalStep2[ModalStep2["SHOW_QR"] = 2] = "SHOW_QR";
+  ModalStep2[ModalStep2["RESULT"] = 3] = "RESULT";
+  return ModalStep2;
+})(ModalStep || {});
+
+// src/i18n/es.ts
+var es = {
+  trigger: {
+    loading: "Cargando..."
+  },
+  modal: {
+    titles: {
+      selectAsset: 'Selecciona el <span class="highlight">stablecoin</span>',
+      selectNetwork: 'Selecciona la <span class="highlight">red</span>',
+      scanQr: 'Dep\xF3sito <span class="highlight">{symbol}</span>',
+      success: '\xA1Gracias por <span class="highlight">tu compra!</span>',
+      error: "Error en el Pago",
+      idle: "Estado inesperado"
+    },
+    subtitles: {
+      selectAsset: "Selecciona la stablecoin con la que deseas pagar",
+      selectNetwork: "Selecciona la red de tu preferencia",
+      idle: "Ocurrio un error inesperado"
+    },
+    actions: {
+      back: "Volver",
+      close: "Cerrar",
+      support: "Soporte",
+      scanApp: 'Escanea con tu celular y continua desde la app de <span style="color: var(--apolo-accent)">Apolo Pay</span>',
+      copy: "Copiar",
+      copied: "\xA1Copiado!",
+      payFromDevice: "Pagar desde este dispositivo"
+    },
+    labels: {
+      network: "Red",
+      address: "Direcci\xF3n de dep\xF3sito",
+      amount: "Monto",
+      product: "Producto o Servicio",
+      minutes: "min",
+      seconds: "seg"
+    },
+    warnings: {
+      networkMatch: "Aseg\xFArate de que la <strong>red de tu wallet coincida</strong> con la red de destino.",
+      noNFT: "No env\xEDes NFTs a esta wallet.",
+      onlyToken: "Solo se aceptan <strong>dep\xF3sitos en {symbol}</strong>. El env\xEDo de otro tipo de token podr\xEDa resultar en su p\xE9rdida.",
+      timer: "Realiza el pago dentro del tiempo indicado. <strong>{time}</strong> De lo contrario, el c\xF3digo QR se vencer\xE1.",
+      selectNetworkLater: "Luego podr\xE1s seleccionar la red de tu preferencia"
+    },
+    success: {
+      message: "Tu pago fue exitoso y en breve recibir\xE1s un correo",
+      message2: "con los detalles.",
+      details: "Detalles de la compra",
+      support: "Cualquier duda o inquietud puedes comunicarte con soporte"
+    }
+  },
+  errors: {
+    generic: "Ocurri\xF3 un error inesperado.",
+    publicKeyMissing: "Falta la Public Key",
+    config: "Error de Configuraci\xF3n",
+    timeout: "El tiempo para realizar el pago ha expirado. Por favor genera una nueva orden."
+  }
+};
+
+// src/i18n/en.ts
+var en = {
+  trigger: {
+    loading: "Loading..."
+  },
+  modal: {
+    titles: {
+      selectAsset: 'Select <span class="highlight">stablecoin</span>',
+      selectNetwork: 'Select <span class="highlight">network</span>',
+      scanQr: 'Deposit <span class="highlight">{symbol}</span>',
+      success: 'Thanks for <span class="highlight">your purchase!</span>',
+      error: "Payment Error",
+      idle: "Unexpected state"
+    },
+    subtitles: {
+      selectAsset: "Select the stablecoin you want to pay with",
+      selectNetwork: "Select your preferred network",
+      idle: "An Unexpected error occurred"
+    },
+    actions: {
+      back: "Back",
+      close: "Close",
+      support: "Support",
+      scanApp: 'Scan with your phone and continue from <br><span style="color: var(--apolo-accent)">Apolo Pay</span> app',
+      copy: "Copy",
+      copied: "Copied!",
+      payFromDevice: "Pay from this device"
+    },
+    labels: {
+      network: "Network",
+      address: "Deposit Address",
+      amount: "Amount",
+      product: "Product or Service",
+      minutes: "min",
+      seconds: "sec"
+    },
+    warnings: {
+      networkMatch: "Ensure your <strong>wallet network matches</strong> the destination network.",
+      noNFT: "Do not send NFTs to this wallet.",
+      onlyToken: "Only <strong>{symbol} deposits</strong> are accepted. Sending other tokens may result in loss.",
+      timer: "Complete payment within <strong>{time}</strong>. Otherwise, the QR code will expire.",
+      selectNetworkLater: "You will be able to select your preferred network later"
+    },
+    success: {
+      message: "Your payment was successful. You will receive an email",
+      message2: "shortly.",
+      details: "Purchase Details",
+      support: "Any doubt or inquiry you can contact support"
+    }
+  },
+  errors: {
+    generic: "An unexpected error occurred.",
+    publicKeyMissing: "Public Key is missing",
+    config: "Config Error",
+    timeout: "The payment time has expired. Please generate a new order."
+  }
+};
+
+// src/i18n/index.ts
+var I18nService = class {
+  // Cambiar idioma
+  static setLocale(locale) {
+    this._currentLocale = locale;
+    this._dictionary = locale === "en" ? en : es;
+  }
+  static get current() {
+    return this._currentLocale;
+  }
+  // Función para obtener texto (Tipado seguro para claves anidadas sería complejo, 
+  // así que usaremos acceso directo o un getter helper si lo prefieres)
+  static get t() {
+    return this._dictionary;
+  }
+  // Helper para interpolar variables: "Hola {name}" -> "Hola Mundo"
+  static interpolate(text, params) {
+    return text.replace(/{(\w+)}/g, (match, key) => {
+      return typeof params[key] !== "undefined" ? String(params[key]) : match;
+    });
+  }
+};
+I18nService._currentLocale = "es";
+I18nService._dictionary = es;
+export {
+  ApoloPayClient,
+  ClientError,
+  ClientResponse,
+  ClientResponseBase,
+  I18nService as I18n,
+  ModalStep,
+  PaymentService
+};

package/package.json

@@ -0,0 +1,33 @@
+{
+  "name": "@apolopay-sdk/core",
+  "version": "1.0.0",
+  "license": "MIT",
+  "sideEffects": false,
+  "main": "./dist/index.js",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "dependencies": {
+    "socket.io-client": "4.8.3"
+  },
+  "devDependencies": {
+    "tsup": "8.5.0",
+    "typescript": "5.4.5"
+  },
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    }
+  },
+  "scripts": {
+    "build": "tsup src/index.ts --format esm,cjs --dts --clean",
+    "dev": "tsup src/index.ts --format esm,cjs --dts --watch"
+  }
+}