@npmtapi/embed 1.0.0

package/README.md

@@ -0,0 +1,279 @@
+# @npmtapi/embed
+
+SDK para integrar el widget de pago de TapiPay en cualquier sitio web o aplicación.
+
+<!-- Docs: próximamente en https://docs.tapipay.com/embed -->
+
+---
+
+## Instalación
+
+```bash
+# npm
+npm install @npmtapi/embed
+
+# pnpm
+pnpm add @npmtapi/embed
+
+# yarn
+yarn add @npmtapi/embed
+```
+
+### Entrypoints
+
+| Import | Contenido |
+|--------|-----------|
+| `@npmtapi/embed` | `loadTapipay()` + tipos TypeScript |
+| `@npmtapi/embed/react` | `<TapipayWidget>` + `useTapipay()` |
+
+Los tipos están incluidos — no necesitas `@types/tapipay`.
+
+---
+
+## Uso rápido
+
+### Script tag (sin bundler)
+
+```html
+<script src="https://app.tapipay.la/embed.js"></script>
+<div id="widget"></div>
+<script>
+  tapipay.initialize({
+    container: "#widget",
+    organization: "acme",
+    identifier: "CLI-001"
+  });
+
+  tapipay.on("paymentPending", function(data) {
+    console.log("Pago en proceso:", data);
+  });
+</script>
+```
+
+### Data-attrs (cero JavaScript)
+
+```html
+<script src="https://app.tapipay.la/embed.js"></script>
+
+<div
+  data-tapipay-widget
+  data-organization="acme"
+  data-identifier="CLI-001"
+></div>
+```
+
+---
+
+## React
+
+```tsx
+import { TapipayWidget } from "@npmtapi/embed/react";
+
+export function PagoPage({ clienteId }: { clienteId: string }) {
+  return (
+    <TapipayWidget
+      organization="acme"
+      identifier={clienteId}
+      onPending={(data) => console.log("Pago en proceso:", data)}
+      onCancelled={() => console.log("Pago cancelado por el usuario")}
+    />
+  );
+}
+```
+
+### Props
+
+| Prop | Tipo | Requerido | Descripción |
+|------|------|-----------|-------------|
+| `organization` | `string` | Sí | Alias de la organización en TapiPay |
+| `identifier` | `string` | Sí | Identificador del cliente |
+| `externalRequestId` | `string` | No | ID de deuda a preseleccionar |
+| `selectionStrategy` | `"oldestCreated"` | No | Selecciona automáticamente la deuda pendiente más antigua |
+| `environment` | `'production' \| 'homo'` | No | Entorno del SDK. Por defecto `'production'` |
+| `onPending` | `(data) => void` | No | Callback cuando Yuno redirige al callback (pago en proceso) |
+| `onCancelled` | `() => void` | No | Callback cuando el usuario cierra el popup sin completar el pago |
+| `className` | `string` | No | Clases CSS del contenedor |
+| `style` | `CSSProperties` | No | Estilos inline del contenedor |
+
+### Next.js App Router
+
+```tsx
+"use client";
+
+import { TapipayWidget } from "@npmtapi/embed/react";
+import { useRouter } from "next/navigation";
+
+export default function PagarPage() {
+  const router = useRouter();
+
+  return (
+    <TapipayWidget
+      organization={process.env.NEXT_PUBLIC_TAPIPAY_ORGANIZATION!}
+      identifier="CLI-001"
+      onPending={() => router.push("/procesando")}
+    />
+  );
+}
+```
+
+---
+
+## Vue 3
+
+```vue
+<template>
+  <div ref="widgetRef"></div>
+</template>
+
+<script setup>
+import { loadTapipay } from "@npmtapi/embed";
+import { onMounted, onUnmounted, ref } from "vue";
+
+const props = defineProps({ organization: String, identifier: String });
+const widgetRef = ref(null);
+let tapipay = null;
+
+onMounted(async () => {
+  tapipay = await loadTapipay();
+  tapipay.initialize({
+    container: widgetRef.value,
+    organization: props.organization,
+    identifier: props.identifier,
+  });
+  tapipay.on("paymentPending", (data) => console.log("Pago en proceso:", data));
+});
+
+onUnmounted(() => tapipay?.destroy(widgetRef.value));
+</script>
+```
+
+---
+
+## Angular
+
+```typescript
+import { loadTapipay, TapipayInstance } from "@npmtapi/embed";
+import { Component, ElementRef, Input, OnDestroy, OnInit, ViewChild } from "@angular/core";
+
+@Component({
+  selector: "app-tapipay-widget",
+  template: `<div #container></div>`,
+})
+export class TapipayWidgetComponent implements OnInit, OnDestroy {
+  @Input() organization!: string;
+  @Input() identifier!: string;
+  @ViewChild("container", { static: true }) containerRef!: ElementRef<HTMLDivElement>;
+
+  private tapipay: TapipayInstance | null = null;
+
+  async ngOnInit() {
+    this.tapipay = await loadTapipay();
+    this.tapipay.initialize({
+      container: this.containerRef.nativeElement,
+      organization: this.organization,
+      identifier: this.identifier,
+    });
+  }
+
+  ngOnDestroy() {
+    this.tapipay?.destroy(this.containerRef.nativeElement);
+  }
+}
+```
+
+---
+
+## Opciones
+
+### `loadTapipay(options?)`
+
+| Parámetro | Tipo | Requerido | Descripción |
+|-----------|------|-----------|-------------|
+| `environment` | `'production' \| 'homo'` | No | Entorno del SDK a cargar. Por defecto `'production'`. |
+
+### `initialize(options)`
+
+| Parámetro | Tipo | Requerido | Descripción |
+|-----------|------|-----------|-------------|
+| `container` | `string \| HTMLElement` | Sí | Selector CSS o referencia DOM. Solo para `initialize()`. |
+| `organization` | `string` | Sí | Alias de la organización en TapiPay. |
+| `identifier` | `string` | Sí | Identificador del cliente (DNI, número de cuenta, etc.). |
+| `externalRequestId` | `string` | No | ID externo de una deuda específica a preseleccionar. |
+| `selectionStrategy` | `"oldestCreated"` | No | Selección automática: `"oldestCreated"` elige la deuda pendiente más antigua. |
+
+---
+
+## Eventos
+
+```js
+// Yuno redirigió al callback (pago en proceso)
+tapipay.on("paymentPending", function(data) {
+  console.log("Pago en proceso:", data);
+  // Mostrar pantalla de "procesando" y esperar webhook
+});
+
+// El usuario cerró el popup sin completar el pago
+tapipay.on("paymentCancelled", function() {
+  console.log("Pago cancelado por el usuario");
+});
+
+// Remover un listener
+tapipay.off("paymentPending", handler);
+```
+
+### `TapipayPaymentPendingEvent`
+
+```ts
+interface TapipayPaymentPendingEvent {
+  type: string;         // "TAPIPAY_CALLBACK"
+  status: "pending";
+  data: Record<string, string>; // Parámetros que Yuno haya enviado (pueden estar vacíos)
+}
+```
+
+### `TapipayPaymentCancelledEvent`
+
+```ts
+interface TapipayPaymentCancelledEvent {
+  // sin campos adicionales
+}
+```
+
+---
+
+## Entorno de homologación
+
+Para apuntar al entorno de homologación en lugar de producción:
+
+### Vía npm (`loadTapipay`)
+
+```ts
+import { loadTapipay } from "@npmtapi/embed";
+
+const tapipay = await loadTapipay({ environment: "homo" });
+tapipay.initialize({ container: "#widget", organization: "acme", identifier: "CLI-001" });
+```
+
+### Vía React
+
+```tsx
+<TapipayWidget
+  environment="homo"
+  organization="acme"
+  identifier="CLI-001"
+/>
+```
+
+### Vía script tag
+
+Apunta directamente al script del entorno deseado:
+
+```html
+<!-- Homologación -->
+<script src="https://homo.tapipay.la/embed.js"></script>
+
+<!-- Producción -->
+<script src="https://app.tapipay.la/embed.js"></script>
+```
+
+> **Nota:** No se soporta cargar dos entornos distintos en la misma página, ya que `window.tapipay` es un objeto global compartido.

package/dist/chunk-2WNQZXMS.js

@@ -0,0 +1,61 @@
+// src/loader.ts
+var SDK_URLS = {
+  production: "https://app.tapipay.la/embed.js",
+  homo: "https://homo.tapipay.la/embed.js"
+};
+var loadPromises = /* @__PURE__ */ new Map();
+function loadTapipay(options) {
+  var _a;
+  const env = (_a = options == null ? void 0 : options.environment) != null ? _a : "production";
+  const SDK_URL = SDK_URLS[env];
+  const SCRIPT_ID = `tapipay-embed-sdk-${env}`;
+  if (typeof window === "undefined") {
+    return Promise.reject(
+      new Error("[TapiPay] loadTapipay() requires a browser environment.")
+    );
+  }
+  if (window.tapipay && !window.tapipay._q) {
+    return Promise.resolve(window.tapipay);
+  }
+  const existing = loadPromises.get(env);
+  if (existing) return existing;
+  const promise = new Promise((resolve, reject) => {
+    const existingScript = document.getElementById(
+      SCRIPT_ID
+    );
+    const onLoad = () => {
+      if (window.tapipay) {
+        resolve(window.tapipay);
+      } else {
+        reject(
+          new Error(
+            "[TapiPay] El script carg\xF3 pero window.tapipay no est\xE1 definido."
+          )
+        );
+      }
+    };
+    const onError = () => {
+      loadPromises.delete(env);
+      reject(new Error(`[TapiPay] Error al cargar el SDK desde ${SDK_URL}`));
+    };
+    if (existingScript) {
+      existingScript.addEventListener("load", onLoad);
+      existingScript.addEventListener("error", onError);
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = SCRIPT_ID;
+    script.src = SDK_URL;
+    script.async = true;
+    script.addEventListener("load", onLoad);
+    script.addEventListener("error", onError);
+    document.head.appendChild(script);
+  });
+  loadPromises.set(env, promise);
+  return promise;
+}
+
+export {
+  loadTapipay
+};
+//# sourceMappingURL=chunk-2WNQZXMS.js.map

package/dist/chunk-2WNQZXMS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/loader.ts"],"sourcesContent":["import type {\n\tLoadTapipayOptions,\n\tTapipayEnvironment,\n\tTapipayInstance,\n} from \"./types\";\n\nconst SDK_URLS: Record<TapipayEnvironment, string> = {\n\tproduction: \"https://app.tapipay.la/embed.js\",\n\thomo: \"https://homo.tapipay.la/embed.js\",\n};\n\n// Idempotencia por entorno\nconst loadPromises = new Map<TapipayEnvironment, Promise<TapipayInstance>>();\n\n/**\n * Carga el SDK de TapiPay de forma asíncrona inyectando el script en el DOM.\n *\n * - Idempotente por entorno: múltiples llamadas con el mismo `environment` retornan la misma Promise.\n * - Si window.tapipay ya existe (script cargado sync), resuelve inmediatamente.\n * - Compatible con React Strict Mode (doble mount/unmount).\n *\n * @example\n * // Producción (default)\n * const tapipay = await loadTapipay();\n *\n * // Homologación\n * const tapipay = await loadTapipay({ environment: 'homo' });\n *\n * tapipay.initialize({ container: \"#widget\", organization: \"acme\", identifier: \"CLI-001\" });\n */\nexport function loadTapipay(\n\toptions?: LoadTapipayOptions,\n): Promise<TapipayInstance> {\n\tconst env: TapipayEnvironment = options?.environment ?? \"production\";\n\tconst SDK_URL = SDK_URLS[env];\n\tconst SCRIPT_ID = `tapipay-embed-sdk-${env}`;\n\n\t// SSR guard\n\tif (typeof window === \"undefined\") {\n\t\treturn Promise.reject(\n\t\t\tnew Error(\"[TapiPay] loadTapipay() requires a browser environment.\"),\n\t\t);\n\t}\n\n\t// Ya cargado de forma síncrona (script tag directo)\n\tif (window.tapipay && !window.tapipay._q) {\n\t\treturn Promise.resolve(window.tapipay);\n\t}\n\n\t// Reutilizar promise existente (idempotencia por entorno)\n\tconst existing = loadPromises.get(env);\n\tif (existing) return existing;\n\n\tconst promise = new Promise<TapipayInstance>((resolve, reject) => {\n\t\t// Si ya hay un script inyectado, esperar a que cargue\n\t\tconst existingScript = document.getElementById(\n\t\t\tSCRIPT_ID,\n\t\t) as HTMLScriptElement | null;\n\n\t\tconst onLoad = () => {\n\t\t\tif (window.tapipay) {\n\t\t\t\tresolve(window.tapipay);\n\t\t\t} else {\n\t\t\t\treject(\n\t\t\t\t\tnew Error(\n\t\t\t\t\t\t\"[TapiPay] El script cargó pero window.tapipay no está definido.\",\n\t\t\t\t\t),\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst onError = () => {\n\t\t\tloadPromises.delete(env);\n\t\t\treject(new Error(`[TapiPay] Error al cargar el SDK desde ${SDK_URL}`));\n\t\t};\n\n\t\tif (existingScript) {\n\t\t\texistingScript.addEventListener(\"load\", onLoad);\n\t\t\texistingScript.addEventListener(\"error\", onError);\n\t\t\treturn;\n\t\t}\n\n\t\tconst script = document.createElement(\"script\");\n\t\tscript.id = SCRIPT_ID;\n\t\tscript.src = SDK_URL;\n\t\tscript.async = true;\n\t\tscript.addEventListener(\"load\", onLoad);\n\t\tscript.addEventListener(\"error\", onError);\n\t\tdocument.head.appendChild(script);\n\t});\n\n\tloadPromises.set(env, promise);\n\treturn promise;\n}\n"],"mappings":";AAMA,IAAM,WAA+C;AAAA,EACpD,YAAY;AAAA,EACZ,MAAM;AACP;AAGA,IAAM,eAAe,oBAAI,IAAkD;AAkBpE,SAAS,YACf,SAC2B;AAhC5B;AAiCC,QAAM,OAA0B,wCAAS,gBAAT,YAAwB;AACxD,QAAM,UAAU,SAAS,GAAG;AAC5B,QAAM,YAAY,qBAAqB,GAAG;AAG1C,MAAI,OAAO,WAAW,aAAa;AAClC,WAAO,QAAQ;AAAA,MACd,IAAI,MAAM,yDAAyD;AAAA,IACpE;AAAA,EACD;AAGA,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,IAAI;AACzC,WAAO,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACtC;AAGA,QAAM,WAAW,aAAa,IAAI,GAAG;AACrC,MAAI,SAAU,QAAO;AAErB,QAAM,UAAU,IAAI,QAAyB,CAAC,SAAS,WAAW;AAEjE,UAAM,iBAAiB,SAAS;AAAA,MAC/B;AAAA,IACD;AAEA,UAAM,SAAS,MAAM;AACpB,UAAI,OAAO,SAAS;AACnB,gBAAQ,OAAO,OAAO;AAAA,MACvB,OAAO;AACN;AAAA,UACC,IAAI;AAAA,YACH;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAEA,UAAM,UAAU,MAAM;AACrB,mBAAa,OAAO,GAAG;AACvB,aAAO,IAAI,MAAM,0CAA0C,OAAO,EAAE,CAAC;AAAA,IACtE;AAEA,QAAI,gBAAgB;AACnB,qBAAe,iBAAiB,QAAQ,MAAM;AAC9C,qBAAe,iBAAiB,SAAS,OAAO;AAChD;AAAA,IACD;AAEA,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,KAAK;AACZ,WAAO,MAAM;AACb,WAAO,QAAQ;AACf,WAAO,iBAAiB,QAAQ,MAAM;AACtC,WAAO,iBAAiB,SAAS,OAAO;AACxC,aAAS,KAAK,YAAY,MAAM;AAAA,EACjC,CAAC;AAED,eAAa,IAAI,KAAK,OAAO;AAC7B,SAAO;AACR;","names":[]}

package/dist/index.cjs

@@ -0,0 +1,87 @@
+"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, {
+  loadTapipay: () => loadTapipay
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/loader.ts
+var SDK_URLS = {
+  production: "https://app.tapipay.la/embed.js",
+  homo: "https://homo.tapipay.la/embed.js"
+};
+var loadPromises = /* @__PURE__ */ new Map();
+function loadTapipay(options) {
+  var _a;
+  const env = (_a = options == null ? void 0 : options.environment) != null ? _a : "production";
+  const SDK_URL = SDK_URLS[env];
+  const SCRIPT_ID = `tapipay-embed-sdk-${env}`;
+  if (typeof window === "undefined") {
+    return Promise.reject(
+      new Error("[TapiPay] loadTapipay() requires a browser environment.")
+    );
+  }
+  if (window.tapipay && !window.tapipay._q) {
+    return Promise.resolve(window.tapipay);
+  }
+  const existing = loadPromises.get(env);
+  if (existing) return existing;
+  const promise = new Promise((resolve, reject) => {
+    const existingScript = document.getElementById(
+      SCRIPT_ID
+    );
+    const onLoad = () => {
+      if (window.tapipay) {
+        resolve(window.tapipay);
+      } else {
+        reject(
+          new Error(
+            "[TapiPay] El script carg\xF3 pero window.tapipay no est\xE1 definido."
+          )
+        );
+      }
+    };
+    const onError = () => {
+      loadPromises.delete(env);
+      reject(new Error(`[TapiPay] Error al cargar el SDK desde ${SDK_URL}`));
+    };
+    if (existingScript) {
+      existingScript.addEventListener("load", onLoad);
+      existingScript.addEventListener("error", onError);
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = SCRIPT_ID;
+    script.src = SDK_URL;
+    script.async = true;
+    script.addEventListener("load", onLoad);
+    script.addEventListener("error", onError);
+    document.head.appendChild(script);
+  });
+  loadPromises.set(env, promise);
+  return promise;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  loadTapipay
+});
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts","../src/loader.ts"],"sourcesContent":["export { loadTapipay } from \"./loader\";\nexport type {\n\tLoadTapipayOptions,\n\tTapipayEnvironment,\n\tTapipayInstance,\n\tTapipayOptions,\n\tTapipayPaymentCancelledEvent,\n\tTapipayPaymentPendingEvent,\n} from \"./types\";\n","import type {\n\tLoadTapipayOptions,\n\tTapipayEnvironment,\n\tTapipayInstance,\n} from \"./types\";\n\nconst SDK_URLS: Record<TapipayEnvironment, string> = {\n\tproduction: \"https://app.tapipay.la/embed.js\",\n\thomo: \"https://homo.tapipay.la/embed.js\",\n};\n\n// Idempotencia por entorno\nconst loadPromises = new Map<TapipayEnvironment, Promise<TapipayInstance>>();\n\n/**\n * Carga el SDK de TapiPay de forma asíncrona inyectando el script en el DOM.\n *\n * - Idempotente por entorno: múltiples llamadas con el mismo `environment` retornan la misma Promise.\n * - Si window.tapipay ya existe (script cargado sync), resuelve inmediatamente.\n * - Compatible con React Strict Mode (doble mount/unmount).\n *\n * @example\n * // Producción (default)\n * const tapipay = await loadTapipay();\n *\n * // Homologación\n * const tapipay = await loadTapipay({ environment: 'homo' });\n *\n * tapipay.initialize({ container: \"#widget\", organization: \"acme\", identifier: \"CLI-001\" });\n */\nexport function loadTapipay(\n\toptions?: LoadTapipayOptions,\n): Promise<TapipayInstance> {\n\tconst env: TapipayEnvironment = options?.environment ?? \"production\";\n\tconst SDK_URL = SDK_URLS[env];\n\tconst SCRIPT_ID = `tapipay-embed-sdk-${env}`;\n\n\t// SSR guard\n\tif (typeof window === \"undefined\") {\n\t\treturn Promise.reject(\n\t\t\tnew Error(\"[TapiPay] loadTapipay() requires a browser environment.\"),\n\t\t);\n\t}\n\n\t// Ya cargado de forma síncrona (script tag directo)\n\tif (window.tapipay && !window.tapipay._q) {\n\t\treturn Promise.resolve(window.tapipay);\n\t}\n\n\t// Reutilizar promise existente (idempotencia por entorno)\n\tconst existing = loadPromises.get(env);\n\tif (existing) return existing;\n\n\tconst promise = new Promise<TapipayInstance>((resolve, reject) => {\n\t\t// Si ya hay un script inyectado, esperar a que cargue\n\t\tconst existingScript = document.getElementById(\n\t\t\tSCRIPT_ID,\n\t\t) as HTMLScriptElement | null;\n\n\t\tconst onLoad = () => {\n\t\t\tif (window.tapipay) {\n\t\t\t\tresolve(window.tapipay);\n\t\t\t} else {\n\t\t\t\treject(\n\t\t\t\t\tnew Error(\n\t\t\t\t\t\t\"[TapiPay] El script cargó pero window.tapipay no está definido.\",\n\t\t\t\t\t),\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst onError = () => {\n\t\t\tloadPromises.delete(env);\n\t\t\treject(new Error(`[TapiPay] Error al cargar el SDK desde ${SDK_URL}`));\n\t\t};\n\n\t\tif (existingScript) {\n\t\t\texistingScript.addEventListener(\"load\", onLoad);\n\t\t\texistingScript.addEventListener(\"error\", onError);\n\t\t\treturn;\n\t\t}\n\n\t\tconst script = document.createElement(\"script\");\n\t\tscript.id = SCRIPT_ID;\n\t\tscript.src = SDK_URL;\n\t\tscript.async = true;\n\t\tscript.addEventListener(\"load\", onLoad);\n\t\tscript.addEventListener(\"error\", onError);\n\t\tdocument.head.appendChild(script);\n\t});\n\n\tloadPromises.set(env, promise);\n\treturn promise;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACMA,IAAM,WAA+C;AAAA,EACpD,YAAY;AAAA,EACZ,MAAM;AACP;AAGA,IAAM,eAAe,oBAAI,IAAkD;AAkBpE,SAAS,YACf,SAC2B;AAhC5B;AAiCC,QAAM,OAA0B,wCAAS,gBAAT,YAAwB;AACxD,QAAM,UAAU,SAAS,GAAG;AAC5B,QAAM,YAAY,qBAAqB,GAAG;AAG1C,MAAI,OAAO,WAAW,aAAa;AAClC,WAAO,QAAQ;AAAA,MACd,IAAI,MAAM,yDAAyD;AAAA,IACpE;AAAA,EACD;AAGA,MAAI,OAAO,WAAW,CAAC,OAAO,QAAQ,IAAI;AACzC,WAAO,QAAQ,QAAQ,OAAO,OAAO;AAAA,EACtC;AAGA,QAAM,WAAW,aAAa,IAAI,GAAG;AACrC,MAAI,SAAU,QAAO;AAErB,QAAM,UAAU,IAAI,QAAyB,CAAC,SAAS,WAAW;AAEjE,UAAM,iBAAiB,SAAS;AAAA,MAC/B;AAAA,IACD;AAEA,UAAM,SAAS,MAAM;AACpB,UAAI,OAAO,SAAS;AACnB,gBAAQ,OAAO,OAAO;AAAA,MACvB,OAAO;AACN;AAAA,UACC,IAAI;AAAA,YACH;AAAA,UACD;AAAA,QACD;AAAA,MACD;AAAA,IACD;AAEA,UAAM,UAAU,MAAM;AACrB,mBAAa,OAAO,GAAG;AACvB,aAAO,IAAI,MAAM,0CAA0C,OAAO,EAAE,CAAC;AAAA,IACtE;AAEA,QAAI,gBAAgB;AACnB,qBAAe,iBAAiB,QAAQ,MAAM;AAC9C,qBAAe,iBAAiB,SAAS,OAAO;AAChD;AAAA,IACD;AAEA,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,KAAK;AACZ,WAAO,MAAM;AACb,WAAO,QAAQ;AACf,WAAO,iBAAiB,QAAQ,MAAM;AACtC,WAAO,iBAAiB,SAAS,OAAO;AACxC,aAAS,KAAK,YAAY,MAAM;AAAA,EACjC,CAAC;AAED,eAAa,IAAI,KAAK,OAAO;AAC7B,SAAO;AACR;","names":[]}

package/dist/index.d.cts

@@ -0,0 +1,22 @@
+import { L as LoadTapipayOptions, T as TapipayInstance } from './types-DmkYbkBI.cjs';
+export { a as TapipayEnvironment, b as TapipayOptions, c as TapipayPaymentCancelledEvent, d as TapipayPaymentPendingEvent } from './types-DmkYbkBI.cjs';
+
+/**
+ * Carga el SDK de TapiPay de forma asíncrona inyectando el script en el DOM.
+ *
+ * - Idempotente por entorno: múltiples llamadas con el mismo `environment` retornan la misma Promise.
+ * - Si window.tapipay ya existe (script cargado sync), resuelve inmediatamente.
+ * - Compatible con React Strict Mode (doble mount/unmount).
+ *
+ * @example
+ * // Producción (default)
+ * const tapipay = await loadTapipay();
+ *
+ * // Homologación
+ * const tapipay = await loadTapipay({ environment: 'homo' });
+ *
+ * tapipay.initialize({ container: "#widget", organization: "acme", identifier: "CLI-001" });
+ */
+declare function loadTapipay(options?: LoadTapipayOptions): Promise<TapipayInstance>;
+
+export { LoadTapipayOptions, TapipayInstance, loadTapipay };

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import { L as LoadTapipayOptions, T as TapipayInstance } from './types-DmkYbkBI.js';
+export { a as TapipayEnvironment, b as TapipayOptions, c as TapipayPaymentCancelledEvent, d as TapipayPaymentPendingEvent } from './types-DmkYbkBI.js';
+
+/**
+ * Carga el SDK de TapiPay de forma asíncrona inyectando el script en el DOM.
+ *
+ * - Idempotente por entorno: múltiples llamadas con el mismo `environment` retornan la misma Promise.
+ * - Si window.tapipay ya existe (script cargado sync), resuelve inmediatamente.
+ * - Compatible con React Strict Mode (doble mount/unmount).
+ *
+ * @example
+ * // Producción (default)
+ * const tapipay = await loadTapipay();
+ *
+ * // Homologación
+ * const tapipay = await loadTapipay({ environment: 'homo' });
+ *
+ * tapipay.initialize({ container: "#widget", organization: "acme", identifier: "CLI-001" });
+ */
+declare function loadTapipay(options?: LoadTapipayOptions): Promise<TapipayInstance>;
+
+export { LoadTapipayOptions, TapipayInstance, loadTapipay };

package/dist/index.js

@@ -0,0 +1,7 @@
+import {
+  loadTapipay
+} from "./chunk-2WNQZXMS.js";
+export {
+  loadTapipay
+};
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/react.cjs

@@ -0,0 +1,173 @@
+"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/react.tsx
+var react_exports = {};
+__export(react_exports, {
+  TapipayWidget: () => TapipayWidget,
+  useTapipay: () => useTapipay
+});
+module.exports = __toCommonJS(react_exports);
+var import_react = require("react");
+
+// src/loader.ts
+var SDK_URLS = {
+  production: "https://app.tapipay.la/embed.js",
+  homo: "https://homo.tapipay.la/embed.js"
+};
+var loadPromises = /* @__PURE__ */ new Map();
+function loadTapipay(options) {
+  var _a;
+  const env = (_a = options == null ? void 0 : options.environment) != null ? _a : "production";
+  const SDK_URL = SDK_URLS[env];
+  const SCRIPT_ID = `tapipay-embed-sdk-${env}`;
+  if (typeof window === "undefined") {
+    return Promise.reject(
+      new Error("[TapiPay] loadTapipay() requires a browser environment.")
+    );
+  }
+  if (window.tapipay && !window.tapipay._q) {
+    return Promise.resolve(window.tapipay);
+  }
+  const existing = loadPromises.get(env);
+  if (existing) return existing;
+  const promise = new Promise((resolve, reject) => {
+    const existingScript = document.getElementById(
+      SCRIPT_ID
+    );
+    const onLoad = () => {
+      if (window.tapipay) {
+        resolve(window.tapipay);
+      } else {
+        reject(
+          new Error(
+            "[TapiPay] El script carg\xF3 pero window.tapipay no est\xE1 definido."
+          )
+        );
+      }
+    };
+    const onError = () => {
+      loadPromises.delete(env);
+      reject(new Error(`[TapiPay] Error al cargar el SDK desde ${SDK_URL}`));
+    };
+    if (existingScript) {
+      existingScript.addEventListener("load", onLoad);
+      existingScript.addEventListener("error", onError);
+      return;
+    }
+    const script = document.createElement("script");
+    script.id = SCRIPT_ID;
+    script.src = SDK_URL;
+    script.async = true;
+    script.addEventListener("load", onLoad);
+    script.addEventListener("error", onError);
+    document.head.appendChild(script);
+  });
+  loadPromises.set(env, promise);
+  return promise;
+}
+
+// src/react.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+function useTapipay(options) {
+  const [tapipay, setTapipay] = (0, import_react.useState)(null);
+  const [error, setError] = (0, import_react.useState)(null);
+  const environment = options == null ? void 0 : options.environment;
+  (0, import_react.useEffect)(() => {
+    let cancelled = false;
+    loadTapipay({ environment }).then((instance) => {
+      if (!cancelled) setTapipay(instance);
+    }).catch((err) => {
+      if (!cancelled) setError(err);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [environment]);
+  return { tapipay, error };
+}
+function TapipayWidget({
+  organization,
+  identifier,
+  externalRequestId,
+  selectionStrategy,
+  environment,
+  onPending,
+  onCancelled,
+  className,
+  style
+}) {
+  const containerRef = (0, import_react.useRef)(null);
+  const onPendingRef = (0, import_react.useRef)(onPending);
+  const onCancelledRef = (0, import_react.useRef)(onCancelled);
+  (0, import_react.useEffect)(() => {
+    onPendingRef.current = onPending;
+  }, [onPending]);
+  (0, import_react.useEffect)(() => {
+    onCancelledRef.current = onCancelled;
+  }, [onCancelled]);
+  (0, import_react.useEffect)(() => {
+    if (!containerRef.current) return;
+    const container = containerRef.current;
+    let tapipayInstance = null;
+    let cancelled = false;
+    const handlePending = (data) => {
+      var _a;
+      (_a = onPendingRef.current) == null ? void 0 : _a.call(onPendingRef, data);
+    };
+    const handleCancelled = (data) => {
+      var _a;
+      (_a = onCancelledRef.current) == null ? void 0 : _a.call(onCancelledRef, data);
+    };
+    loadTapipay({ environment }).then((instance) => {
+      if (cancelled) return;
+      tapipayInstance = instance;
+      instance.on("paymentPending", handlePending);
+      instance.on("paymentCancelled", handleCancelled);
+      instance.initialize({
+        container,
+        organization,
+        identifier,
+        externalRequestId,
+        selectionStrategy
+      });
+    });
+    return () => {
+      cancelled = true;
+      if (tapipayInstance) {
+        tapipayInstance.off("paymentPending", handlePending);
+        tapipayInstance.off("paymentCancelled", handleCancelled);
+        tapipayInstance.destroy(container);
+      }
+    };
+  }, [
+    organization,
+    identifier,
+    externalRequestId,
+    selectionStrategy,
+    environment
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef, className, style });
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TapipayWidget,
+  useTapipay
+});
+//# sourceMappingURL=react.cjs.map

package/dist/react.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.tsx","../src/loader.ts"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { loadTapipay } from \"./loader\";\nimport type {\n\tLoadTapipayOptions,\n\tTapipayEnvironment,\n\tTapipayInstance,\n\tTapipayOptions,\n\tTapipayPaymentCancelledEvent,\n\tTapipayPaymentPendingEvent,\n} from \"./types\";\n\n// ─── useTapipay hook ──────────────────────────────────────────────────────────\n\n/**\n * Hook de bajo nivel que carga el SDK y retorna la instancia.\n * Útil cuando necesitas control manual sobre initialize/destroy.\n *\n * @example\n * const { tapipay, error } = useTapipay();\n * const { tapipay, error } = useTapipay({ environment: 'homo' });\n */\nexport function useTapipay(options?: LoadTapipayOptions): {\n\ttapipay: TapipayInstance | null;\n\terror: Error | null;\n} {\n\tconst [tapipay, setTapipay] = useState<TapipayInstance | null>(null);\n\tconst [error, setError] = useState<Error | null>(null);\n\tconst environment = options?.environment;\n\n\tuseEffect(() => {\n\t\tlet cancelled = false;\n\t\tloadTapipay({ environment })\n\t\t\t.then((instance) => {\n\t\t\t\tif (!cancelled) setTapipay(instance);\n\t\t\t})\n\t\t\t.catch((err: Error) => {\n\t\t\t\tif (!cancelled) setError(err);\n\t\t\t});\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, [environment]);\n\n\treturn { tapipay, error };\n}\n\n// ─── TapipayWidget component ──────────────────────────────────────────────────\n\nexport interface TapipayWidgetProps extends Omit<TapipayOptions, \"container\"> {\n\t/** Entorno del SDK a cargar. Por defecto `'production'`. Usar `'homo'` para homologación. */\n\tenvironment?: TapipayEnvironment;\n\t/** Callback invocado cuando Yuno redirige al callback (pago en proceso). */\n\tonPending?: (data: TapipayPaymentPendingEvent) => void;\n\t/** Callback invocado cuando el usuario cierra el popup sin completar el pago. */\n\tonCancelled?: (data: TapipayPaymentCancelledEvent) => void;\n\t/** Clases CSS adicionales para el contenedor del widget. */\n\tclassName?: string;\n\t/** Estilos inline adicionales para el contenedor del widget. */\n\tstyle?: React.CSSProperties;\n}\n\n/**\n * Componente React que encapsula el widget de pago TapiPay.\n *\n * Maneja internamente la carga del SDK, el ciclo de vida del widget\n * y el cleanup al desmontar. Compatible con React Strict Mode.\n *\n * @example\n * <TapipayWidget\n *   organization=\"acme\"\n *   identifier=\"CLI-001\"\n *   externalRequestId=\"FAC-2024-001\"\n *   onPending={(data) => console.log(\"Pago en proceso\", data)}\n *   onCancelled={() => console.log(\"Pago cancelado por el usuario\")}\n * />\n */\nexport function TapipayWidget({\n\torganization,\n\tidentifier,\n\texternalRequestId,\n\tselectionStrategy,\n\tenvironment,\n\tonPending,\n\tonCancelled,\n\tclassName,\n\tstyle,\n}: TapipayWidgetProps) {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\t// Refs para evitar re-renders innecesarios y closures estáticos en useEffect\n\tconst onPendingRef = useRef(onPending);\n\tconst onCancelledRef = useRef(onCancelled);\n\n\tuseEffect(() => {\n\t\tonPendingRef.current = onPending;\n\t}, [onPending]);\n\n\tuseEffect(() => {\n\t\tonCancelledRef.current = onCancelled;\n\t}, [onCancelled]);\n\n\tuseEffect(() => {\n\t\tif (!containerRef.current) return;\n\t\tconst container = containerRef.current;\n\n\t\tlet tapipayInstance: TapipayInstance | null = null;\n\t\tlet cancelled = false;\n\n\t\tconst handlePending = (data: TapipayPaymentPendingEvent) => {\n\t\t\tonPendingRef.current?.(data);\n\t\t};\n\t\tconst handleCancelled = (data: TapipayPaymentCancelledEvent) => {\n\t\t\tonCancelledRef.current?.(data);\n\t\t};\n\n\t\tloadTapipay({ environment }).then((instance) => {\n\t\t\tif (cancelled) return;\n\t\t\ttapipayInstance = instance;\n\n\t\t\tinstance.on(\"paymentPending\", handlePending);\n\t\t\tinstance.on(\"paymentCancelled\", handleCancelled);\n\n\t\t\tinstance.initialize({\n\t\t\t\tcontainer,\n\t\t\t\torganization,\n\t\t\t\tidentifier,\n\t\t\t\texternalRequestId,\n\t\t\t\tselectionStrategy,\n\t\t\t});\n\t\t});\n\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t\tif (tapipayInstance) {\n\t\t\t\ttapipayInstance.off(\"paymentPending\", handlePending);\n\t\t\t\ttapipayInstance.off(\"paymentCancelled\", handleCancelled);\n\t\t\t\ttapipayInstance.destroy(container);\n\t\t\t}\n\t\t};\n\t\t// El widget se re-monta si cambian los parámetros de identificación o entorno\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\torganization,\n\t\tidentifier,\n\t\texternalRequestId,\n\t\tselectionStrategy,\n\t\tenvironment,\n\t]);\n\n\treturn <div ref={containerRef} className={className} style={style} />;\n}\n","import type {\n\tLoadTapipayOptions,\n\tTapipayEnvironment,\n\tTapipayInstance,\n} from \"./types\";\n\nconst SDK_URLS: Record<TapipayEnvironment, string> = {\n\tproduction: \"https://app.tapipay.la/embed.js\",\n\thomo: \"https://homo.tapipay.la/embed.js\",\n};\n\n// Idempotencia por entorno\nconst loadPromises = new Map<TapipayEnvironment, Promise<TapipayInstance>>();\n\n/**\n * Carga el SDK de TapiPay de forma asíncrona inyectando el script en el DOM.\n *\n * - Idempotente por entorno: múltiples llamadas con el mismo `environment` retornan la misma Promise.\n * - Si window.tapipay ya existe (script cargado sync), resuelve inmediatamente.\n * - Compatible con React Strict Mode (doble mount/unmount).\n *\n * @example\n * // Producción (default)\n * const tapipay = await loadTapipay();\n *\n * // Homologación\n * const tapipay = await loadTapipay({ environment: 'homo' });\n *\n * tapipay.initialize({ container: \"#widget\", organization: \"acme\", identifier: \"CLI-001\" });\n */\nexport function loadTapipay(\n\toptions?: LoadTapipayOptions,\n): Promise<TapipayInstance> {\n\tconst env: TapipayEnvironment = options?.environment ?? \"production\";\n\tconst SDK_URL = SDK_URLS[env];\n\tconst SCRIPT_ID = `tapipay-embed-sdk-${env}`;\n\n\t// SSR guard\n\tif (typeof window === \"undefined\") {\n\t\treturn Promise.reject(\n\t\t\tnew Error(\"[TapiPay] loadTapipay() requires a browser environment.\"),\n\t\t);\n\t}\n\n\t// Ya cargado de forma síncrona (script tag directo)\n\tif (window.tapipay && !window.tapipay._q) {\n\t\treturn Promise.resolve(window.tapipay);\n\t}\n\n\t// Reutilizar promise existente (idempotencia por entorno)\n\tconst existing = loadPromises.get(env);\n\tif (existing) return existing;\n\n\tconst promise = new Promise<TapipayInstance>((resolve, reject) => {\n\t\t// Si ya hay un script inyectado, esperar a que cargue\n\t\tconst existingScript = document.getElementById(\n\t\t\tSCRIPT_ID,\n\t\t) as HTMLScriptElement | null;\n\n\t\tconst onLoad = () => {\n\t\t\tif (window.tapipay) {\n\t\t\t\tresolve(window.tapipay);\n\t\t\t} else {\n\t\t\t\treject(\n\t\t\t\t\tnew Error(\n\t\t\t\t\t\t\"[TapiPay] El script cargó pero window.tapipay no está definido.\",\n\t\t\t\t\t),\n\t\t\t\t);\n\t\t\t}\n\t\t};\n\n\t\tconst onError = () => {\n\t\t\tloadPromises.delete(env);\n\t\t\treject(new Error(`[TapiPay] Error al cargar el SDK desde ${SDK_URL}`));\n\t\t};\n\n\t\tif (existingScript) {\n\t\t\texistingScript.addEventListener(\"load\", onLoad);\n\t\t\texistingScript.addEventListener(\"error\", onError);\n\t\t\treturn;\n\t\t}\n\n\t\tconst script = document.createElement(\"script\");\n\t\tscript.id = SCRIPT_ID;\n\t\tscript.src = SDK_URL;\n\t\tscript.async = true;\n\t\tscript.addEventListener(\"load\", onLoad);\n\t\tscript.addEventListener(\"error\", onError);\n\t\tdocument.head.appendChild(script);\n\t});\n\n\tloadPromises.set(env, promise);\n\treturn promise;\n}\n"],"mappings":"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","names":[]}

package/dist/react.d.cts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as TapipayOptions, a as TapipayEnvironment, d as TapipayPaymentPendingEvent, c as TapipayPaymentCancelledEvent, L as LoadTapipayOptions, T as TapipayInstance } from './types-DmkYbkBI.cjs';
+
+/**
+ * Hook de bajo nivel que carga el SDK y retorna la instancia.
+ * Útil cuando necesitas control manual sobre initialize/destroy.
+ *
+ * @example
+ * const { tapipay, error } = useTapipay();
+ * const { tapipay, error } = useTapipay({ environment: 'homo' });
+ */
+declare function useTapipay(options?: LoadTapipayOptions): {
+    tapipay: TapipayInstance | null;
+    error: Error | null;
+};
+interface TapipayWidgetProps extends Omit<TapipayOptions, "container"> {
+    /** Entorno del SDK a cargar. Por defecto `'production'`. Usar `'homo'` para homologación. */
+    environment?: TapipayEnvironment;
+    /** Callback invocado cuando Yuno redirige al callback (pago en proceso). */
+    onPending?: (data: TapipayPaymentPendingEvent) => void;
+    /** Callback invocado cuando el usuario cierra el popup sin completar el pago. */
+    onCancelled?: (data: TapipayPaymentCancelledEvent) => void;
+    /** Clases CSS adicionales para el contenedor del widget. */
+    className?: string;
+    /** Estilos inline adicionales para el contenedor del widget. */
+    style?: React.CSSProperties;
+}
+/**
+ * Componente React que encapsula el widget de pago TapiPay.
+ *
+ * Maneja internamente la carga del SDK, el ciclo de vida del widget
+ * y el cleanup al desmontar. Compatible con React Strict Mode.
+ *
+ * @example
+ * <TapipayWidget
+ *   organization="acme"
+ *   identifier="CLI-001"
+ *   externalRequestId="FAC-2024-001"
+ *   onPending={(data) => console.log("Pago en proceso", data)}
+ *   onCancelled={() => console.log("Pago cancelado por el usuario")}
+ * />
+ */
+declare function TapipayWidget({ organization, identifier, externalRequestId, selectionStrategy, environment, onPending, onCancelled, className, style, }: TapipayWidgetProps): react_jsx_runtime.JSX.Element;
+
+export { TapipayWidget, type TapipayWidgetProps, useTapipay };

package/dist/react.d.ts

@@ -0,0 +1,45 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { b as TapipayOptions, a as TapipayEnvironment, d as TapipayPaymentPendingEvent, c as TapipayPaymentCancelledEvent, L as LoadTapipayOptions, T as TapipayInstance } from './types-DmkYbkBI.js';
+
+/**
+ * Hook de bajo nivel que carga el SDK y retorna la instancia.
+ * Útil cuando necesitas control manual sobre initialize/destroy.
+ *
+ * @example
+ * const { tapipay, error } = useTapipay();
+ * const { tapipay, error } = useTapipay({ environment: 'homo' });
+ */
+declare function useTapipay(options?: LoadTapipayOptions): {
+    tapipay: TapipayInstance | null;
+    error: Error | null;
+};
+interface TapipayWidgetProps extends Omit<TapipayOptions, "container"> {
+    /** Entorno del SDK a cargar. Por defecto `'production'`. Usar `'homo'` para homologación. */
+    environment?: TapipayEnvironment;
+    /** Callback invocado cuando Yuno redirige al callback (pago en proceso). */
+    onPending?: (data: TapipayPaymentPendingEvent) => void;
+    /** Callback invocado cuando el usuario cierra el popup sin completar el pago. */
+    onCancelled?: (data: TapipayPaymentCancelledEvent) => void;
+    /** Clases CSS adicionales para el contenedor del widget. */
+    className?: string;
+    /** Estilos inline adicionales para el contenedor del widget. */
+    style?: React.CSSProperties;
+}
+/**
+ * Componente React que encapsula el widget de pago TapiPay.
+ *
+ * Maneja internamente la carga del SDK, el ciclo de vida del widget
+ * y el cleanup al desmontar. Compatible con React Strict Mode.
+ *
+ * @example
+ * <TapipayWidget
+ *   organization="acme"
+ *   identifier="CLI-001"
+ *   externalRequestId="FAC-2024-001"
+ *   onPending={(data) => console.log("Pago en proceso", data)}
+ *   onCancelled={() => console.log("Pago cancelado por el usuario")}
+ * />
+ */
+declare function TapipayWidget({ organization, identifier, externalRequestId, selectionStrategy, environment, onPending, onCancelled, className, style, }: TapipayWidgetProps): react_jsx_runtime.JSX.Element;
+
+export { TapipayWidget, type TapipayWidgetProps, useTapipay };

package/dist/react.js

@@ -0,0 +1,92 @@
+import {
+  loadTapipay
+} from "./chunk-2WNQZXMS.js";
+
+// src/react.tsx
+import { useEffect, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+function useTapipay(options) {
+  const [tapipay, setTapipay] = useState(null);
+  const [error, setError] = useState(null);
+  const environment = options == null ? void 0 : options.environment;
+  useEffect(() => {
+    let cancelled = false;
+    loadTapipay({ environment }).then((instance) => {
+      if (!cancelled) setTapipay(instance);
+    }).catch((err) => {
+      if (!cancelled) setError(err);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [environment]);
+  return { tapipay, error };
+}
+function TapipayWidget({
+  organization,
+  identifier,
+  externalRequestId,
+  selectionStrategy,
+  environment,
+  onPending,
+  onCancelled,
+  className,
+  style
+}) {
+  const containerRef = useRef(null);
+  const onPendingRef = useRef(onPending);
+  const onCancelledRef = useRef(onCancelled);
+  useEffect(() => {
+    onPendingRef.current = onPending;
+  }, [onPending]);
+  useEffect(() => {
+    onCancelledRef.current = onCancelled;
+  }, [onCancelled]);
+  useEffect(() => {
+    if (!containerRef.current) return;
+    const container = containerRef.current;
+    let tapipayInstance = null;
+    let cancelled = false;
+    const handlePending = (data) => {
+      var _a;
+      (_a = onPendingRef.current) == null ? void 0 : _a.call(onPendingRef, data);
+    };
+    const handleCancelled = (data) => {
+      var _a;
+      (_a = onCancelledRef.current) == null ? void 0 : _a.call(onCancelledRef, data);
+    };
+    loadTapipay({ environment }).then((instance) => {
+      if (cancelled) return;
+      tapipayInstance = instance;
+      instance.on("paymentPending", handlePending);
+      instance.on("paymentCancelled", handleCancelled);
+      instance.initialize({
+        container,
+        organization,
+        identifier,
+        externalRequestId,
+        selectionStrategy
+      });
+    });
+    return () => {
+      cancelled = true;
+      if (tapipayInstance) {
+        tapipayInstance.off("paymentPending", handlePending);
+        tapipayInstance.off("paymentCancelled", handleCancelled);
+        tapipayInstance.destroy(container);
+      }
+    };
+  }, [
+    organization,
+    identifier,
+    externalRequestId,
+    selectionStrategy,
+    environment
+  ]);
+  return /* @__PURE__ */ jsx("div", { ref: containerRef, className, style });
+}
+export {
+  TapipayWidget,
+  useTapipay
+};
+//# sourceMappingURL=react.js.map

package/dist/react.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/react.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from \"react\";\nimport { loadTapipay } from \"./loader\";\nimport type {\n\tLoadTapipayOptions,\n\tTapipayEnvironment,\n\tTapipayInstance,\n\tTapipayOptions,\n\tTapipayPaymentCancelledEvent,\n\tTapipayPaymentPendingEvent,\n} from \"./types\";\n\n// ─── useTapipay hook ──────────────────────────────────────────────────────────\n\n/**\n * Hook de bajo nivel que carga el SDK y retorna la instancia.\n * Útil cuando necesitas control manual sobre initialize/destroy.\n *\n * @example\n * const { tapipay, error } = useTapipay();\n * const { tapipay, error } = useTapipay({ environment: 'homo' });\n */\nexport function useTapipay(options?: LoadTapipayOptions): {\n\ttapipay: TapipayInstance | null;\n\terror: Error | null;\n} {\n\tconst [tapipay, setTapipay] = useState<TapipayInstance | null>(null);\n\tconst [error, setError] = useState<Error | null>(null);\n\tconst environment = options?.environment;\n\n\tuseEffect(() => {\n\t\tlet cancelled = false;\n\t\tloadTapipay({ environment })\n\t\t\t.then((instance) => {\n\t\t\t\tif (!cancelled) setTapipay(instance);\n\t\t\t})\n\t\t\t.catch((err: Error) => {\n\t\t\t\tif (!cancelled) setError(err);\n\t\t\t});\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t};\n\t}, [environment]);\n\n\treturn { tapipay, error };\n}\n\n// ─── TapipayWidget component ──────────────────────────────────────────────────\n\nexport interface TapipayWidgetProps extends Omit<TapipayOptions, \"container\"> {\n\t/** Entorno del SDK a cargar. Por defecto `'production'`. Usar `'homo'` para homologación. */\n\tenvironment?: TapipayEnvironment;\n\t/** Callback invocado cuando Yuno redirige al callback (pago en proceso). */\n\tonPending?: (data: TapipayPaymentPendingEvent) => void;\n\t/** Callback invocado cuando el usuario cierra el popup sin completar el pago. */\n\tonCancelled?: (data: TapipayPaymentCancelledEvent) => void;\n\t/** Clases CSS adicionales para el contenedor del widget. */\n\tclassName?: string;\n\t/** Estilos inline adicionales para el contenedor del widget. */\n\tstyle?: React.CSSProperties;\n}\n\n/**\n * Componente React que encapsula el widget de pago TapiPay.\n *\n * Maneja internamente la carga del SDK, el ciclo de vida del widget\n * y el cleanup al desmontar. Compatible con React Strict Mode.\n *\n * @example\n * <TapipayWidget\n *   organization=\"acme\"\n *   identifier=\"CLI-001\"\n *   externalRequestId=\"FAC-2024-001\"\n *   onPending={(data) => console.log(\"Pago en proceso\", data)}\n *   onCancelled={() => console.log(\"Pago cancelado por el usuario\")}\n * />\n */\nexport function TapipayWidget({\n\torganization,\n\tidentifier,\n\texternalRequestId,\n\tselectionStrategy,\n\tenvironment,\n\tonPending,\n\tonCancelled,\n\tclassName,\n\tstyle,\n}: TapipayWidgetProps) {\n\tconst containerRef = useRef<HTMLDivElement>(null);\n\t// Refs para evitar re-renders innecesarios y closures estáticos en useEffect\n\tconst onPendingRef = useRef(onPending);\n\tconst onCancelledRef = useRef(onCancelled);\n\n\tuseEffect(() => {\n\t\tonPendingRef.current = onPending;\n\t}, [onPending]);\n\n\tuseEffect(() => {\n\t\tonCancelledRef.current = onCancelled;\n\t}, [onCancelled]);\n\n\tuseEffect(() => {\n\t\tif (!containerRef.current) return;\n\t\tconst container = containerRef.current;\n\n\t\tlet tapipayInstance: TapipayInstance | null = null;\n\t\tlet cancelled = false;\n\n\t\tconst handlePending = (data: TapipayPaymentPendingEvent) => {\n\t\t\tonPendingRef.current?.(data);\n\t\t};\n\t\tconst handleCancelled = (data: TapipayPaymentCancelledEvent) => {\n\t\t\tonCancelledRef.current?.(data);\n\t\t};\n\n\t\tloadTapipay({ environment }).then((instance) => {\n\t\t\tif (cancelled) return;\n\t\t\ttapipayInstance = instance;\n\n\t\t\tinstance.on(\"paymentPending\", handlePending);\n\t\t\tinstance.on(\"paymentCancelled\", handleCancelled);\n\n\t\t\tinstance.initialize({\n\t\t\t\tcontainer,\n\t\t\t\torganization,\n\t\t\t\tidentifier,\n\t\t\t\texternalRequestId,\n\t\t\t\tselectionStrategy,\n\t\t\t});\n\t\t});\n\n\t\treturn () => {\n\t\t\tcancelled = true;\n\t\t\tif (tapipayInstance) {\n\t\t\t\ttapipayInstance.off(\"paymentPending\", handlePending);\n\t\t\t\ttapipayInstance.off(\"paymentCancelled\", handleCancelled);\n\t\t\t\ttapipayInstance.destroy(container);\n\t\t\t}\n\t\t};\n\t\t// El widget se re-monta si cambian los parámetros de identificación o entorno\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, [\n\t\torganization,\n\t\tidentifier,\n\t\texternalRequestId,\n\t\tselectionStrategy,\n\t\tenvironment,\n\t]);\n\n\treturn <div ref={containerRef} className={className} style={style} />;\n}\n"],"mappings":";;;;;AAAA,SAAS,WAAW,QAAQ,gBAAgB;AAoJpC;AA/HD,SAAS,WAAW,SAGzB;AACD,QAAM,CAAC,SAAS,UAAU,IAAI,SAAiC,IAAI;AACnE,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAuB,IAAI;AACrD,QAAM,cAAc,mCAAS;AAE7B,YAAU,MAAM;AACf,QAAI,YAAY;AAChB,gBAAY,EAAE,YAAY,CAAC,EACzB,KAAK,CAAC,aAAa;AACnB,UAAI,CAAC,UAAW,YAAW,QAAQ;AAAA,IACpC,CAAC,EACA,MAAM,CAAC,QAAe;AACtB,UAAI,CAAC,UAAW,UAAS,GAAG;AAAA,IAC7B,CAAC;AACF,WAAO,MAAM;AACZ,kBAAY;AAAA,IACb;AAAA,EACD,GAAG,CAAC,WAAW,CAAC;AAEhB,SAAO,EAAE,SAAS,MAAM;AACzB;AAgCO,SAAS,cAAc;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACD,GAAuB;AACtB,QAAM,eAAe,OAAuB,IAAI;AAEhD,QAAM,eAAe,OAAO,SAAS;AACrC,QAAM,iBAAiB,OAAO,WAAW;AAEzC,YAAU,MAAM;AACf,iBAAa,UAAU;AAAA,EACxB,GAAG,CAAC,SAAS,CAAC;AAEd,YAAU,MAAM;AACf,mBAAe,UAAU;AAAA,EAC1B,GAAG,CAAC,WAAW,CAAC;AAEhB,YAAU,MAAM;AACf,QAAI,CAAC,aAAa,QAAS;AAC3B,UAAM,YAAY,aAAa;AAE/B,QAAI,kBAA0C;AAC9C,QAAI,YAAY;AAEhB,UAAM,gBAAgB,CAAC,SAAqC;AA3G9D;AA4GG,yBAAa,YAAb,sCAAuB;AAAA,IACxB;AACA,UAAM,kBAAkB,CAAC,SAAuC;AA9GlE;AA+GG,2BAAe,YAAf,wCAAyB;AAAA,IAC1B;AAEA,gBAAY,EAAE,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa;AAC/C,UAAI,UAAW;AACf,wBAAkB;AAElB,eAAS,GAAG,kBAAkB,aAAa;AAC3C,eAAS,GAAG,oBAAoB,eAAe;AAE/C,eAAS,WAAW;AAAA,QACnB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAC;AAAA,IACF,CAAC;AAED,WAAO,MAAM;AACZ,kBAAY;AACZ,UAAI,iBAAiB;AACpB,wBAAgB,IAAI,kBAAkB,aAAa;AACnD,wBAAgB,IAAI,oBAAoB,eAAe;AACvD,wBAAgB,QAAQ,SAAS;AAAA,MAClC;AAAA,IACD;AAAA,EAGD,GAAG;AAAA,IACF;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACD,CAAC;AAED,SAAO,oBAAC,SAAI,KAAK,cAAc,WAAsB,OAAc;AACpE;","names":[]}

package/dist/types-DmkYbkBI.d.cts

@@ -0,0 +1,70 @@
+/**
+ * Entorno de ejecución del SDK.
+ * - `'production'`: carga desde https://app.tapipay.la/embed.js (default)
+ * - `'homo'`: carga desde https://homo.tapipay.la/embed.js
+ */
+type TapipayEnvironment = "production" | "homo";
+/**
+ * Opciones para `loadTapipay()`.
+ */
+interface LoadTapipayOptions {
+    /**
+     * Entorno a usar. Por defecto `'production'`.
+     * Para homologación usar `'homo'`.
+     */
+    environment?: TapipayEnvironment;
+}
+/**
+ * Opciones requeridas para montar el widget TapiPay.
+ */
+interface TapipayOptions {
+    /** Selector CSS o elemento DOM donde se montará el widget. */
+    container: string | HTMLElement;
+    /** Alias de la Organización configurado en el dashboard de TapiPay (ej. "acme"). Corresponde al campo "Alias" en Configuración → Organización. */
+    organization: string;
+    /** Identificador del cliente en el sistema del cliente (ej. "CLI-001"). */
+    identifier: string;
+    /** ID externo de la deuda a preseleccionar (ej. número de factura). */
+    externalRequestId?: string;
+    /** Estrategia de selección automática de deuda. */
+    selectionStrategy?: "oldestCreated";
+}
+/**
+ * Payload del evento paymentPending.
+ * El usuario completó el flujo de Yuno; el pago está en proceso.
+ * El estado real del pago se confirma vía webhooks en el backend.
+ */
+interface TapipayPaymentPendingEvent {
+    /** Siempre "TAPIPAY_CALLBACK" */
+    type: string;
+    /** Estado del pago: siempre "pending" */
+    status: "pending";
+    /** Parámetros que Yuno haya enviado al callback (pueden estar vacíos) */
+    data: Record<string, string>;
+}
+/**
+ * Payload del evento paymentCancelled.
+ * El usuario cerró el popup sin completar el flujo de pago.
+ */
+type TapipayPaymentCancelledEvent = {};
+/**
+ * Instancia del SDK TapiPay expuesta en window.tapipay y retornada por loadTapipay().
+ */
+interface TapipayInstance {
+    initialize(options: TapipayOptions): void;
+    destroy(container: string | HTMLElement): void;
+    on(event: "paymentPending", handler: (data: TapipayPaymentPendingEvent) => void): void;
+    on(event: "paymentCancelled", handler: (data: TapipayPaymentCancelledEvent) => void): void;
+    off(event: "paymentPending", handler: (data: TapipayPaymentPendingEvent) => void): void;
+    off(event: "paymentCancelled", handler: (data: TapipayPaymentCancelledEvent) => void): void;
+    off(event: string, handler: (...args: unknown[]) => unknown): void;
+    /** Cola interna usada por el stub antes de que cargue el SDK real. */
+    _q?: [string, unknown[]][];
+}
+declare global {
+    interface Window {
+        tapipay?: TapipayInstance;
+    }
+}
+
+export type { LoadTapipayOptions as L, TapipayInstance as T, TapipayEnvironment as a, TapipayOptions as b, TapipayPaymentCancelledEvent as c, TapipayPaymentPendingEvent as d };

package/dist/types-DmkYbkBI.d.ts

@@ -0,0 +1,70 @@
+/**
+ * Entorno de ejecución del SDK.
+ * - `'production'`: carga desde https://app.tapipay.la/embed.js (default)
+ * - `'homo'`: carga desde https://homo.tapipay.la/embed.js
+ */
+type TapipayEnvironment = "production" | "homo";
+/**
+ * Opciones para `loadTapipay()`.
+ */
+interface LoadTapipayOptions {
+    /**
+     * Entorno a usar. Por defecto `'production'`.
+     * Para homologación usar `'homo'`.
+     */
+    environment?: TapipayEnvironment;
+}
+/**
+ * Opciones requeridas para montar el widget TapiPay.
+ */
+interface TapipayOptions {
+    /** Selector CSS o elemento DOM donde se montará el widget. */
+    container: string | HTMLElement;
+    /** Alias de la Organización configurado en el dashboard de TapiPay (ej. "acme"). Corresponde al campo "Alias" en Configuración → Organización. */
+    organization: string;
+    /** Identificador del cliente en el sistema del cliente (ej. "CLI-001"). */
+    identifier: string;
+    /** ID externo de la deuda a preseleccionar (ej. número de factura). */
+    externalRequestId?: string;
+    /** Estrategia de selección automática de deuda. */
+    selectionStrategy?: "oldestCreated";
+}
+/**
+ * Payload del evento paymentPending.
+ * El usuario completó el flujo de Yuno; el pago está en proceso.
+ * El estado real del pago se confirma vía webhooks en el backend.
+ */
+interface TapipayPaymentPendingEvent {
+    /** Siempre "TAPIPAY_CALLBACK" */
+    type: string;
+    /** Estado del pago: siempre "pending" */
+    status: "pending";
+    /** Parámetros que Yuno haya enviado al callback (pueden estar vacíos) */
+    data: Record<string, string>;
+}
+/**
+ * Payload del evento paymentCancelled.
+ * El usuario cerró el popup sin completar el flujo de pago.
+ */
+type TapipayPaymentCancelledEvent = {};
+/**
+ * Instancia del SDK TapiPay expuesta en window.tapipay y retornada por loadTapipay().
+ */
+interface TapipayInstance {
+    initialize(options: TapipayOptions): void;
+    destroy(container: string | HTMLElement): void;
+    on(event: "paymentPending", handler: (data: TapipayPaymentPendingEvent) => void): void;
+    on(event: "paymentCancelled", handler: (data: TapipayPaymentCancelledEvent) => void): void;
+    off(event: "paymentPending", handler: (data: TapipayPaymentPendingEvent) => void): void;
+    off(event: "paymentCancelled", handler: (data: TapipayPaymentCancelledEvent) => void): void;
+    off(event: string, handler: (...args: unknown[]) => unknown): void;
+    /** Cola interna usada por el stub antes de que cargue el SDK real. */
+    _q?: [string, unknown[]][];
+}
+declare global {
+    interface Window {
+        tapipay?: TapipayInstance;
+    }
+}
+
+export type { LoadTapipayOptions as L, TapipayInstance as T, TapipayEnvironment as a, TapipayOptions as b, TapipayPaymentCancelledEvent as c, TapipayPaymentPendingEvent as d };

package/package.json

@@ -0,0 +1,44 @@
+{
+	"name": "@npmtapi/embed",
+	"version": "1.0.0",
+	"description": "TapiPay Embed SDK — carga y controla el widget de pago embebido",
+	"type": "module",
+	"exports": {
+		".": {
+			"types": "./dist/index.d.ts",
+			"import": "./dist/index.js",
+			"require": "./dist/index.cjs"
+		},
+		"./react": {
+			"types": "./dist/react.d.ts",
+			"import": "./dist/react.js",
+			"require": "./dist/react.cjs"
+		}
+	},
+	"files": [
+		"dist"
+	],
+	"scripts": {
+		"build": "tsup",
+		"dev": "tsup --watch",
+		"prepublishOnly": "pnpm build"
+	},
+	"author": "tapipay",
+	"publishConfig": {
+		"access": "public"
+	},
+	"peerDependencies": {
+		"react": ">=18"
+	},
+	"peerDependenciesMeta": {
+		"react": {
+			"optional": true
+		}
+	},
+	"devDependencies": {
+		"@types/react": "^18.0.0",
+		"react": "^18.0.0",
+		"tsup": "^8.0.0",
+		"typescript": "^5.0.0"
+	}
+}