@pandait.tech/payment-nuvei 0.1.0

package/dist/ui/index.cjs

@@ -0,0 +1,1236 @@
+'use strict';
+
+var react = require('react');
+var fa = require('react-icons/fa');
+var Script = require('next/script');
+
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+var Script__default = /*#__PURE__*/_interopDefault(Script);
+
+// src/ui/CardVisual.tsx
+
+// src/ui/bin-lookup.ts
+var STORAGE_KEY = "binDatabase_v1";
+var memoryCache = null;
+var inflight = null;
+function readFromStorage() {
+  if (typeof window === "undefined") return null;
+  try {
+    const raw = localStorage.getItem(STORAGE_KEY);
+    if (!raw) return null;
+    const parsed = JSON.parse(raw);
+    if (parsed && parsed.data && typeof parsed.data === "object") return parsed;
+  } catch {
+  }
+  return null;
+}
+function writeToStorage(db) {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(STORAGE_KEY, JSON.stringify(db));
+  } catch {
+  }
+}
+async function fetchDatabase(endpoint) {
+  if (typeof window === "undefined") return null;
+  try {
+    const res = await fetch(endpoint, { cache: "default" });
+    if (!res.ok) return null;
+    return await res.json();
+  } catch {
+    return null;
+  }
+}
+async function getBinDatabase(endpoint = "/api/bins") {
+  if (memoryCache) return memoryCache;
+  const cached = readFromStorage();
+  if (cached) {
+    memoryCache = cached;
+    if (!inflight) {
+      inflight = fetchDatabase(endpoint).then((fresh) => {
+        if (fresh && fresh.version !== cached.version) {
+          memoryCache = fresh;
+          writeToStorage(fresh);
+        }
+        inflight = null;
+        return fresh;
+      });
+    }
+    return cached;
+  }
+  if (!inflight) {
+    inflight = fetchDatabase(endpoint).then((fresh) => {
+      if (fresh) {
+        memoryCache = fresh;
+        writeToStorage(fresh);
+      }
+      inflight = null;
+      return fresh;
+    });
+  }
+  return inflight;
+}
+function lookupBinSync(cardNumber, db) {
+  if (!db || !cardNumber) return null;
+  const digits = cardNumber.replace(/\D/g, "");
+  if (digits.length < 6) return null;
+  for (const len of [8, 7, 6]) {
+    const prefix = digits.slice(0, len);
+    const hit = db.data[prefix];
+    if (hit) return hit;
+  }
+  return null;
+}
+async function lookupBin(cardNumber, endpoint = "/api/bins") {
+  const db = await getBinDatabase(endpoint);
+  return lookupBinSync(cardNumber, db);
+}
+
+// src/ui/bank-colors.ts
+var BANK_PALETTES = {
+  // ── Bancos comerciales con 3 variantes ──
+  bancopichincha: {
+    credit: { primary: "#FFCB05", secondary: "#a87f00" },
+    debit: { primary: "#FFCB05", secondary: "#a87f00" },
+    prepaid: { primary: "#4A4A4A", secondary: "#1a1a1a" }
+  },
+  pichincha: {
+    credit: { primary: "#FFCB05", secondary: "#a87f00" },
+    debit: { primary: "#FFCB05", secondary: "#a87f00" },
+    prepaid: { primary: "#4A4A4A", secondary: "#1a1a1a" }
+  },
+  bancodelpacifico: {
+    credit: { primary: "#0A4664", secondary: "#031f30" },
+    debit: { primary: "#0082C8", secondary: "#003e63" },
+    prepaid: { primary: "#145A50", secondary: "#062b25" }
+  },
+  pacifico: {
+    credit: { primary: "#0A4664", secondary: "#031f30" },
+    debit: { primary: "#0082C8", secondary: "#003e63" },
+    prepaid: { primary: "#145A50", secondary: "#062b25" }
+  },
+  bancoguayaquil: {
+    credit: { primary: "#201858", secondary: "#0a081f" },
+    debit: { primary: "#101040", secondary: "#06061f" }
+  },
+  guayaquil: {
+    credit: { primary: "#201858", secondary: "#0a081f" },
+    debit: { primary: "#101040", secondary: "#06061f" }
+  },
+  bancointernacional: {
+    credit: { primary: "#F08820", secondary: "#8a460a" },
+    debit: { primary: "#F08820", secondary: "#8a460a" },
+    prepaid: { primary: "#F08820", secondary: "#8a460a" }
+  },
+  internacional: {
+    credit: { primary: "#F08820", secondary: "#8a460a" },
+    debit: { primary: "#F08820", secondary: "#8a460a" },
+    prepaid: { primary: "#F08820", secondary: "#8a460a" }
+  },
+  bancodelaproduccionsaprodubanco: {
+    credit: { primary: "#004828", secondary: "#001f10" },
+    debit: { primary: "#004828", secondary: "#001f10" },
+    prepaid: { primary: "#D0D028", secondary: "#7a7a14" }
+  },
+  produbanco: {
+    credit: { primary: "#004828", secondary: "#001f10" },
+    debit: { primary: "#004828", secondary: "#001f10" },
+    prepaid: { primary: "#D0D028", secondary: "#7a7a14" }
+  },
+  bancobolivarianoca: {
+    credit: { primary: "#B8B8B8", secondary: "#5e5e5e" },
+    debit: { primary: "#009B8A", secondary: "#004540" }
+  },
+  bolivariano: {
+    credit: { primary: "#B8B8B8", secondary: "#5e5e5e" },
+    debit: { primary: "#009B8A", secondary: "#004540" }
+  },
+  bancodiners: {
+    credit: { primary: "#1C1C1C", secondary: "#000000" },
+    debit: { primary: "#1C1C1C", secondary: "#000000" },
+    prepaid: { primary: "#1C1C1C", secondary: "#000000" }
+  },
+  diners: {
+    credit: { primary: "#1C1C1C", secondary: "#000000" },
+    debit: { primary: "#1C1C1C", secondary: "#000000" },
+    prepaid: { primary: "#1C1C1C", secondary: "#000000" }
+  },
+  cooperativadeahorroycreditojuventudecuatorianaprogresistaltdaecuador: {
+    credit: { primary: "#2C4A8C", secondary: "#101e3f" },
+    debit: { primary: "#1E3A7A", secondary: "#0a1838" },
+    prepaid: { primary: "#1E3A7A", secondary: "#0a1838" }
+  },
+  cooperativajep: {
+    credit: { primary: "#2C4A8C", secondary: "#101e3f" },
+    debit: { primary: "#1E3A7A", secondary: "#0a1838" },
+    prepaid: { primary: "#1E3A7A", secondary: "#0a1838" }
+  },
+  jep: {
+    credit: { primary: "#2C4A8C", secondary: "#101e3f" },
+    debit: { primary: "#1E3A7A", secondary: "#0a1838" },
+    prepaid: { primary: "#1E3A7A", secondary: "#0a1838" }
+  },
+  cooperativadeahorroycreditopolicianacional: {
+    credit: { primary: "#003087", secondary: "#001138" },
+    debit: { primary: "#003087", secondary: "#001138" },
+    prepaid: { primary: "#003087", secondary: "#001138" }
+  },
+  cooperativapolicianacional: {
+    credit: { primary: "#003087", secondary: "#001138" },
+    debit: { primary: "#003087", secondary: "#001138" }
+  },
+  // ── Bancos con 2 variantes ──
+  bancodelaustro: {
+    credit: { primary: "#C0161A", secondary: "#5e0809" },
+    debit: { primary: "#C0161A", secondary: "#5e0809" }
+  },
+  austro: {
+    credit: { primary: "#C0161A", secondary: "#5e0809" },
+    debit: { primary: "#C0161A", secondary: "#5e0809" }
+  },
+  bancosolidario: {
+    credit: { primary: "#E07820", secondary: "#7a3e0a" },
+    debit: { primary: "#78B830", secondary: "#3f6515" }
+  },
+  solidario: {
+    credit: { primary: "#E07820", secondary: "#7a3e0a" },
+    debit: { primary: "#78B830", secondary: "#3f6515" }
+  },
+  bancoamazonassa: {
+    credit: { primary: "#1A1A1A", secondary: "#000000" },
+    debit: { primary: "#1A1A1A", secondary: "#000000" }
+  },
+  amazonas: {
+    credit: { primary: "#1A1A1A", secondary: "#000000" },
+    debit: { primary: "#1A1A1A", secondary: "#000000" }
+  },
+  bancoprocredit: {
+    credit: { primary: "#3A7830", secondary: "#1a3614" },
+    debit: { primary: "#3A7830", secondary: "#1a3614" }
+  },
+  bancoprocreditecuadorsa: {
+    credit: { primary: "#3A7830", secondary: "#1a3614" },
+    debit: { primary: "#3A7830", secondary: "#1a3614" }
+  },
+  procredit: {
+    credit: { primary: "#3A7830", secondary: "#1a3614" },
+    debit: { primary: "#3A7830", secondary: "#1a3614" }
+  },
+  bancodelojasa: {
+    credit: { primary: "#1E1E1E", secondary: "#000000" },
+    debit: { primary: "#1E1E1E", secondary: "#000000" }
+  },
+  loja: {
+    credit: { primary: "#1E1E1E", secondary: "#000000" },
+    debit: { primary: "#1E1E1E", secondary: "#000000" }
+  },
+  bancodemachalasa: {
+    credit: { primary: "#1B5E38", secondary: "#0a2c1a" },
+    debit: { primary: "#1B5E38", secondary: "#0a2c1a" }
+  },
+  machala: {
+    credit: { primary: "#1B5E38", secondary: "#0a2c1a" },
+    debit: { primary: "#1B5E38", secondary: "#0a2c1a" }
+  },
+  bancocomercialdemanabisa: {
+    credit: { primary: "#004F9F", secondary: "#001f44" },
+    debit: { primary: "#004F9F", secondary: "#001f44" }
+  },
+  bancogeneralrumi\u00F1ahuisa: {
+    credit: { primary: "#E03020", secondary: "#7a1610" },
+    debit: { primary: "#101010", secondary: "#000000" }
+  },
+  bancogeneralruminahuisa: {
+    credit: { primary: "#E03020", secondary: "#7a1610" },
+    debit: { primary: "#101010", secondary: "#000000" }
+  },
+  rumi\u00F1ahui: {
+    credit: { primary: "#E03020", secondary: "#7a1610" },
+    debit: { primary: "#101010", secondary: "#000000" }
+  },
+  ruminahui: {
+    credit: { primary: "#E03020", secondary: "#7a1610" },
+    debit: { primary: "#101010", secondary: "#000000" }
+  },
+  // ── Bancos con 1 variante ──
+  banecuador: {
+    debit: { primary: "#2CC4B0", secondary: "#0e5e54" }
+  },
+  bancoatlantida: {
+    debit: { primary: "#003087", secondary: "#001138" }
+  },
+  atlantida: {
+    debit: { primary: "#003087", secondary: "#001138" }
+  },
+  bancoatlantidadeecuador: {
+    debit: { primary: "#003087", secondary: "#001138" }
+  },
+  bancodellitoral: {
+    debit: { primary: "#0070B8", secondary: "#003056" }
+  },
+  bancocodesarrollo: {
+    debit: { primary: "#006837", secondary: "#002e18" }
+  },
+  codesarrollo: {
+    debit: { primary: "#006837", secondary: "#002e18" }
+  },
+  bancovisionfund: {
+    debit: { primary: "#FF6600", secondary: "#7a2f00" }
+  },
+  // ── Mutualistas ──
+  mutualistapichincha: {
+    debit: { primary: "#FFCB05", secondary: "#a87f00" }
+  },
+  asociacionmutualistadeahorroycreditoparalaviviendapichincha: {
+    debit: { primary: "#FFCB05", secondary: "#a87f00" }
+  },
+  asociacionmutualistadeahorroycreditoparalaviviendaazuay: {
+    debit: { primary: "#0057A8", secondary: "#00264a" }
+  },
+  mutualistaazuay: {
+    debit: { primary: "#0057A8", secondary: "#00264a" }
+  },
+  // ── Cooperativas grandes ──
+  cooperativa29deoctubre: {
+    credit: { primary: "#B8001C", secondary: "#5e000e" },
+    debit: { primary: "#B8001C", secondary: "#5e000e" }
+  },
+  coop29deoctubre: {
+    credit: { primary: "#B8001C", secondary: "#5e000e" },
+    debit: { primary: "#B8001C", secondary: "#5e000e" }
+  },
+  cooperativadeahorroycredito29deoctubreltda: {
+    credit: { primary: "#B8001C", secondary: "#5e000e" },
+    debit: { primary: "#B8001C", secondary: "#5e000e" }
+  },
+  cooperativa23dejuliofinancoop: {
+    credit: { primary: "#005B9A", secondary: "#00263e" },
+    debit: { primary: "#005B9A", secondary: "#00263e" }
+  },
+  cooperativadaquilemafinancoop: {
+    credit: { primary: "#C8001C", secondary: "#5e000e" },
+    debit: { primary: "#C8001C", secondary: "#5e000e" }
+  },
+  cooperativamegofinancoop: {
+    credit: { primary: "#005038", secondary: "#001f15" },
+    debit: { primary: "#005038", secondary: "#001f15" }
+  },
+  cooperativamushucrunafinancoop: {
+    credit: { primary: "#5CB800", secondary: "#2e5e00" },
+    debit: { primary: "#5CB800", secondary: "#2e5e00" }
+  },
+  cooperativacacpeco: {
+    credit: { primary: "#F0F0F0", secondary: "#888888" },
+    debit: { primary: "#F0F0F0", secondary: "#888888" }
+  },
+  cooperativadeahorroycreditocacspmec: {
+    credit: { primary: "#003087", secondary: "#001138" },
+    debit: { primary: "#003087", secondary: "#001138" }
+  },
+  cacpmec: {
+    credit: { primary: "#003087", secondary: "#001138" },
+    debit: { primary: "#003087", secondary: "#001138" }
+  },
+  cooperativadeahorroycreditoandalucia: {
+    credit: { primary: "#006837", secondary: "#002e18" },
+    debit: { primary: "#006837", secondary: "#002e18" }
+  },
+  andalucia: {
+    credit: { primary: "#006837", secondary: "#002e18" },
+    debit: { primary: "#006837", secondary: "#002e18" }
+  },
+  cooperativadeahorroycreditochibuleo: {
+    credit: { primary: "#CC1020", secondary: "#5e0810" },
+    debit: { primary: "#CC1020", secondary: "#5e0810" }
+  },
+  chibuleo: {
+    credit: { primary: "#CC1020", secondary: "#5e0810" },
+    debit: { primary: "#CC1020", secondary: "#5e0810" }
+  },
+  cooperativadeahorroycreditocooprogresoltda: {
+    credit: { primary: "#005B9A", secondary: "#00263e" },
+    debit: { primary: "#005B9A", secondary: "#00263e" }
+  },
+  cooprogreso: {
+    credit: { primary: "#005B9A", secondary: "#00263e" },
+    debit: { primary: "#005B9A", secondary: "#00263e" }
+  },
+  cooperativadeahorroycreditodelapequenaempresadepastazaltda: {
+    credit: { primary: "#1E8449", secondary: "#0d4621" },
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativadeahorroycreditooscus: {
+    credit: { primary: "#C8C8C8", secondary: "#666666" },
+    debit: { primary: "#C8C8C8", secondary: "#666666" }
+  },
+  oscus: {
+    credit: { primary: "#C8C8C8", secondary: "#666666" },
+    debit: { primary: "#C8C8C8", secondary: "#666666" }
+  },
+  cooperativadeahorroycreditopablomunozvega: {
+    credit: { primary: "#006837", secondary: "#002e18" },
+    debit: { primary: "#006837", secondary: "#002e18" }
+  },
+  cooperativapablomunozvega: {
+    credit: { primary: "#006837", secondary: "#002e18" },
+    debit: { primary: "#006837", secondary: "#002e18" }
+  },
+  cooperativadeahorroycreditotulcan: {
+    credit: { primary: "#005B9A", secondary: "#00263e" },
+    debit: { primary: "#005B9A", secondary: "#00263e" }
+  },
+  tulcan: {
+    credit: { primary: "#005B9A", secondary: "#00263e" },
+    debit: { primary: "#005B9A", secondary: "#00263e" }
+  },
+  cooperativajardinazuayo: {
+    credit: { primary: "#1A3A6A", secondary: "#0a182e" },
+    debit: { primary: "#1A3A6A", secondary: "#0a182e" }
+  },
+  jardinazuayo: {
+    credit: { primary: "#1A3A6A", secondary: "#0a182e" },
+    debit: { primary: "#1A3A6A", secondary: "#0a182e" }
+  },
+  cooperativadeahorroycreditoalianzadelvalleltda: {
+    credit: { primary: "#004F9F", secondary: "#001f44" },
+    debit: { primary: "#004F9F", secondary: "#001f44" }
+  },
+  alianzadelvalle: {
+    credit: { primary: "#004F9F", secondary: "#001f44" },
+    debit: { primary: "#004F9F", secondary: "#001f44" }
+  },
+  cooperativaatuntaquifinancoop: {
+    credit: { primary: "#C8001C", secondary: "#5e000e" },
+    debit: { primary: "#C8001C", secondary: "#5e000e" }
+  },
+  cooperativasagrariofinancoop: {
+    credit: { primary: "#005FAA", secondary: "#002850" },
+    debit: { primary: "#005FAA", secondary: "#002850" }
+  },
+  financoop: {
+    debit: { primary: "#005FAA", secondary: "#002850" }
+  },
+  // ── Cooperativas pequeñas (verde genérico cooperativista) ──
+  cooperativa15deabril: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativacacpepastaza: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativacrea: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativadeahorroycreditocrea: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  crea: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativadeahorroycreditodelapequenaempresabiblianltda: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  biblian: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativaeducadoreschimborazo: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativaerco: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativagualaquiza: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativaimbaburapakfinancoop: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativajulianlorentefinancoop: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativalamerced: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativasantarosafinancoop: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativaambatofinancoop: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativacredilfinancoop: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativapuellarofinancoop: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  cooperativasanmigueldelosbancos: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  coemisorcooperativalasnaves: {
+    debit: { primary: "#1E8449", secondary: "#0d4621" }
+  },
+  // ── Otros / procesadores ──
+  creditia: {
+    credit: { primary: "#666666", secondary: "#333333" },
+    debit: { primary: "#666666", secondary: "#333333" }
+  }
+};
+function normalize(name) {
+  return name.toLowerCase().normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[^a-z]/g, "");
+}
+function lookupBankPalette(bankName, cardType) {
+  if (!bankName) return null;
+  const norm = normalize(bankName);
+  if (!norm) return null;
+  let bankByType = BANK_PALETTES[norm];
+  if (!bankByType) {
+    for (const key of Object.keys(BANK_PALETTES)) {
+      if (norm.includes(key) && key.length >= 6) {
+        bankByType = BANK_PALETTES[key];
+        break;
+      }
+    }
+  }
+  if (!bankByType) return null;
+  if (cardType && bankByType[cardType]) return bankByType[cardType];
+  if (bankByType.credit) return bankByType.credit;
+  if (bankByType.debit) return bankByType.debit;
+  if (bankByType.prepaid) return bankByType.prepaid;
+  return null;
+}
+
+// src/ui/types.ts
+var CARD_BRAND_NAMES = {
+  vi: "Visa",
+  mc: "Mastercard",
+  ax: "American Express",
+  di: "Diners Club",
+  dc: "Discover",
+  up: "UnionPay",
+  cs: "Credisensa",
+  unknown: "Tarjeta"
+};
+var CARD_TYPE_NAMES = {
+  credit: "Cr\xE9dito",
+  debit: "D\xE9bito",
+  prepaid: "Prepago",
+  unknown: ""
+};
+
+// src/ui/CardVisual.tsx
+var BRAND_GRADIENT = {
+  vi: { from: "#1a1f71", to: "#0d1240" },
+  mc: { from: "#cc4d2e", to: "#561a0e" },
+  ax: { from: "#016fcf", to: "#003f7a" },
+  di: { from: "#2c3e50", to: "#11161e" },
+  dc: { from: "#ff6f00", to: "#a83a00" },
+  default: { from: "#3a4632", to: "#1a2014" }
+};
+function BrandMark({ brand }) {
+  const text = CARD_BRAND_NAMES[brand] || "CARD";
+  if (brand === "mc") {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center -space-x-2" }, /* @__PURE__ */ React.createElement("span", { className: "w-4 h-4 rounded-full bg-[#eb001b]" }), /* @__PURE__ */ React.createElement("span", { className: "w-4 h-4 rounded-full bg-[#f79e1b]/90 mix-blend-screen" }));
+  }
+  return /* @__PURE__ */ React.createElement("span", { className: "text-white text-[11px] font-bold tracking-wider uppercase italic" }, text);
+}
+function CardVisual({
+  bin,
+  brand,
+  last4,
+  holderName,
+  expiryMonth,
+  expiryYear,
+  variant = "compact",
+  binInfo: preResolvedBinInfo,
+  binDatabaseEndpoint = "/api/bins"
+}) {
+  const [binInfo, setBinInfo] = react.useState(
+    preResolvedBinInfo ?? null
+  );
+  react.useEffect(() => {
+    if (preResolvedBinInfo || binDatabaseEndpoint === null || !bin) return;
+    let cancelled = false;
+    getBinDatabase(binDatabaseEndpoint).then((db) => {
+      if (cancelled || !db) return;
+      const info = lookupBinSync(bin, db);
+      if (info) setBinInfo(info);
+    });
+    return () => {
+      cancelled = true;
+    };
+  }, [bin, binDatabaseEndpoint, preResolvedBinInfo]);
+  const bankName = binInfo?.bank ?? "";
+  const bankPalette = lookupBankPalette(bankName, binInfo?.type);
+  const brandFallback = BRAND_GRADIENT[brand] ?? BRAND_GRADIENT.default;
+  const gradientFrom = bankPalette?.primary ?? brandFallback.from;
+  const gradientTo = bankPalette?.secondary ?? brandFallback.to;
+  const gradientStyle = {
+    background: `linear-gradient(135deg, ${gradientFrom} 0%, ${gradientTo} 100%)`
+  };
+  const cardType = binInfo?.type ? CARD_TYPE_NAMES[binInfo.type] || "" : "";
+  const expiryShort = `${expiryMonth.padStart(2, "0")}/${String(expiryYear).slice(-2)}`;
+  if (variant === "compact") {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 min-w-0" }, /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        style: gradientStyle,
+        className: "shrink-0 relative w-22 h-14 rounded-md shadow-md overflow-hidden"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-linear-to-br from-white/10 via-transparent to-black/20 pointer-events-none" }),
+      /* @__PURE__ */ React.createElement("div", { className: "absolute top-2 left-2 w-3.5 h-2.5 rounded-sm bg-linear-to-br from-yellow-200/80 to-yellow-600/80 border border-yellow-700/40" }),
+      /* @__PURE__ */ React.createElement("div", { className: "absolute top-1.5 right-2" }, /* @__PURE__ */ React.createElement(BrandMark, { brand })),
+      /* @__PURE__ */ React.createElement("div", { className: "absolute bottom-1.5 left-2 right-2 flex justify-between items-end" }, /* @__PURE__ */ React.createElement("span", { className: "text-white/95 text-[11px] font-mono tracking-[0.05em] font-semibold drop-shadow" }, "\xB7\xB7\xB7\xB7", last4), /* @__PURE__ */ React.createElement("span", { className: "text-white/75 text-[8px] font-mono" }, expiryShort))
+    ), /* @__PURE__ */ React.createElement("div", { className: "min-w-0 flex-1" }, /* @__PURE__ */ React.createElement("p", { className: "text-sm font-semibold text-[var(--color-text-main)] truncate" }, bankName || CARD_BRAND_NAMES[brand] || "Tarjeta"), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[var(--color-text-main)]/50 truncate" }, cardType ? `${cardType} \xB7 ` : "", holderName || "\u2014")));
+  }
+  return /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      style: gradientStyle,
+      className: "relative overflow-hidden rounded-2xl shadow-xl p-5 aspect-[1.586/1] w-full max-w-sm"
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-linear-to-br from-white/10 via-transparent to-black/30 pointer-events-none" }),
+    /* @__PURE__ */ React.createElement("div", { className: "relative flex justify-between items-start" }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("p", { className: "text-[10px] font-medium tracking-[0.2em] uppercase text-white/50" }, cardType || "Tarjeta"), bankName && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-white/85 mt-0.5 font-medium" }, bankName)), /* @__PURE__ */ React.createElement(BrandMark, { brand })),
+    /* @__PURE__ */ React.createElement("div", { className: "relative mt-6 w-9 h-7 rounded-md bg-linear-to-br from-yellow-200 to-yellow-600 border border-yellow-700/40 shadow-inner" }),
+    /* @__PURE__ */ React.createElement("div", { className: "relative mt-4" }, /* @__PURE__ */ React.createElement("p", { className: "font-mono text-lg tracking-wider text-white drop-shadow" }, "\xB7\xB7\xB7\xB7  \xB7\xB7\xB7\xB7  \xB7\xB7\xB7\xB7  ", last4)),
+    /* @__PURE__ */ React.createElement("div", { className: "relative mt-3 flex justify-between items-end" }, /* @__PURE__ */ React.createElement("div", { className: "min-w-0" }, /* @__PURE__ */ React.createElement("p", { className: "text-[9px] uppercase tracking-wider text-white/50" }, "Titular"), /* @__PURE__ */ React.createElement("p", { className: "text-white text-sm font-medium truncate uppercase" }, holderName || "\u2014")), /* @__PURE__ */ React.createElement("div", { className: "text-right" }, /* @__PURE__ */ React.createElement("p", { className: "text-[9px] uppercase tracking-wider text-white/50" }, "Expira"), /* @__PURE__ */ React.createElement("p", { className: "text-white text-sm font-mono font-medium" }, expiryShort)))
+  );
+}
+function SavedCards({
+  onSelectCard,
+  selectedToken,
+  onAddNewCard,
+  binDatabaseEndpoint
+}) {
+  const [cards, setCards] = react.useState([]);
+  const [loading, setLoading] = react.useState(true);
+  const [deleting, setDeleting] = react.useState(null);
+  const [cvcValues, setCvcValues] = react.useState({});
+  const [verifyingToken, setVerifyingToken] = react.useState(null);
+  const [verifyValue, setVerifyValue] = react.useState("");
+  const [verifyError, setVerifyError] = react.useState(null);
+  const [verifySubmitting, setVerifySubmitting] = react.useState(false);
+  react.useEffect(() => {
+    loadCards();
+  }, []);
+  async function loadCards() {
+    setLoading(true);
+    try {
+      const res = await fetch("/api/nuvei/cards");
+      if (res.ok) {
+        const data = await res.json();
+        const allCards = data.cards || [];
+        setCards(allCards);
+        if (!selectedToken) {
+          const firstValid = allCards.find((c) => c.status === "valid");
+          if (firstValid) onSelectCard(firstValid, "");
+        }
+      }
+    } catch (err) {
+      console.error("Error loading cards:", err);
+    } finally {
+      setLoading(false);
+    }
+  }
+  async function handleDelete(token) {
+    setDeleting(token);
+    try {
+      const res = await fetch("/api/nuvei/cards", {
+        method: "DELETE",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({ token })
+      });
+      if (res.ok) {
+        setCards((prev) => prev.filter((c) => c.token !== token));
+        if (verifyingToken === token) {
+          setVerifyingToken(null);
+          setVerifyValue("");
+          setVerifyError(null);
+        }
+        if (selectedToken === token) {
+          const remaining = cards.filter(
+            (c) => c.token !== token && c.status === "valid"
+          );
+          if (remaining.length > 0) {
+            onSelectCard(remaining[0], "");
+          }
+        }
+      }
+    } catch (err) {
+      console.error("Error deleting card:", err);
+    } finally {
+      setDeleting(null);
+    }
+  }
+  async function handleVerify(card) {
+    if (!verifyValue.trim()) return;
+    setVerifySubmitting(true);
+    setVerifyError(null);
+    try {
+      const res = await fetch("/api/nuvei/verify", {
+        method: "POST",
+        headers: { "Content-Type": "application/json" },
+        body: JSON.stringify({
+          cardToken: card.token,
+          transactionReference: card.transaction_reference,
+          value: verifyValue.trim()
+        })
+      });
+      const data = await res.json();
+      if (data.success) {
+        setCards(
+          (prev) => prev.map(
+            (c) => c.token === card.token ? { ...c, status: "valid" } : c
+          )
+        );
+        setVerifyingToken(null);
+        setVerifyValue("");
+        onSelectCard({ ...card, status: "valid" }, "");
+      } else {
+        setVerifyError(
+          data.error || "Monto incorrecto. Revisa tu estado de cuenta."
+        );
+      }
+    } catch {
+      setVerifyError("Error de conexi\xF3n. Intenta de nuevo.");
+    } finally {
+      setVerifySubmitting(false);
+    }
+  }
+  if (loading) {
+    return /* @__PURE__ */ React.createElement("div", { className: "flex justify-center py-6" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[var(--color-text-main)]/20 border-t-[var(--color-primary)] animate-spin" }));
+  }
+  const validCards = cards.filter((c) => c.status === "valid");
+  const reviewCards = cards.filter(
+    (c) => c.status === "review" || c.status === "pending"
+  );
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, validCards.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, validCards.map((card) => {
+    const isSelected = selectedToken === card.token;
+    const cvc = cvcValues[card.token] || "";
+    const maxCvc = card.type === "ax" ? 4 : 3;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: card.token,
+        onClick: () => {
+          onSelectCard(card, cvc);
+          if (!isSelected) {
+            setCvcValues((prev) => ({ ...prev, [card.token]: "" }));
+          }
+        },
+        className: `border rounded-lg cursor-pointer transition-all duration-200 ${isSelected ? "border-[var(--color-primary)] bg-[var(--color-primary)]/5 ring-1 ring-[var(--color-primary)]" : "border-[var(--color-border-default)] hover:border-[var(--color-border-strong)]"}`
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "p-4 flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
+        CardVisual,
+        {
+          bin: card.bin,
+          brand: card.type,
+          last4: card.number,
+          holderName: card.holder_name,
+          expiryMonth: card.expiry_month,
+          expiryYear: card.expiry_year,
+          binDatabaseEndpoint
+        }
+      ), isSelected && /* @__PURE__ */ React.createElement(fa.FaCheck, { className: "w-3.5 h-3.5 text-[var(--color-primary)] shrink-0" })), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          onClick: (e) => {
+            e.stopPropagation();
+            handleDelete(card.token);
+          },
+          disabled: deleting === card.token,
+          className: "text-[var(--color-text-main)]/30 hover:text-[var(--color-error)] p-1 disabled:opacity-50 transition-colors cursor-pointer shrink-0",
+          title: "Eliminar tarjeta"
+        },
+        /* @__PURE__ */ React.createElement(fa.FaTrash, { className: "w-3 h-3" })
+      )),
+      isSelected && /* @__PURE__ */ React.createElement("div", { className: "px-4 pb-4 pt-0 border-t border-[var(--color-primary)]/15" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-3 pt-3" }, /* @__PURE__ */ React.createElement(fa.FaLock, { className: "w-3 h-3 text-[var(--color-text-main)]/30 shrink-0" }), /* @__PURE__ */ React.createElement(
+        "label",
+        {
+          htmlFor: `cvc-${card.token}`,
+          className: "text-xs text-[var(--color-text-main)]/50 shrink-0"
+        },
+        "C\xF3digo de seguridad"
+      ), /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          id: `cvc-${card.token}`,
+          type: "text",
+          inputMode: "numeric",
+          maxLength: maxCvc,
+          autoComplete: "cc-csc",
+          placeholder: maxCvc === 4 ? "\xB7\xB7\xB7\xB7" : "\xB7\xB7\xB7",
+          value: cvc,
+          onClick: (e) => e.stopPropagation(),
+          onChange: (e) => {
+            const val = e.target.value.replace(/\D/g, "");
+            setCvcValues((prev) => ({
+              ...prev,
+              [card.token]: val
+            }));
+            onSelectCard(card, val);
+          },
+          autoFocus: true,
+          className: "w-16 text-center font-mono text-sm tracking-[0.25em] border border-[var(--color-border-default)] rounded-lg py-2 bg-[var(--color-background)] text-[var(--color-text-main)] placeholder:text-[var(--color-text-main)]/20 focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/50 focus:border-[var(--color-primary)] transition-all"
+        }
+      )))
+    );
+  })), reviewCards.length > 0 && /* @__PURE__ */ React.createElement("div", { className: "space-y-3" }, reviewCards.map((card) => {
+    const isExpanded = verifyingToken === card.token;
+    return /* @__PURE__ */ React.createElement(
+      "div",
+      {
+        key: card.token,
+        className: "border border-[var(--color-warning)]/30 bg-[var(--color-warning)]/5 rounded-lg overflow-hidden transition-all duration-200"
+      },
+      /* @__PURE__ */ React.createElement("div", { className: "p-4 flex items-center justify-between gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 min-w-0 flex-1" }, /* @__PURE__ */ React.createElement(
+        CardVisual,
+        {
+          bin: card.bin,
+          brand: card.type,
+          last4: card.number,
+          holderName: card.holder_name,
+          expiryMonth: card.expiry_month,
+          expiryYear: card.expiry_year,
+          binDatabaseEndpoint
+        }
+      ), /* @__PURE__ */ React.createElement("span", { className: "text-[10px] font-medium uppercase tracking-wider bg-[var(--color-warning)]/15 text-[var(--color-warning)] px-1.5 py-0.5 rounded shrink-0 inline-flex items-center gap-1" }, /* @__PURE__ */ React.createElement(fa.FaExclamationTriangle, { className: "w-2.5 h-2.5" }), "Verificar")), /* @__PURE__ */ React.createElement("div", { className: "flex items-center gap-2 shrink-0" }, !isExpanded && /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          onClick: () => {
+            setVerifyingToken(card.token);
+            setVerifyValue("");
+            setVerifyError(null);
+          },
+          className: "text-xs font-medium text-[var(--color-primary)] hover:text-[var(--color-primary-hover)] underline underline-offset-2 transition-colors cursor-pointer"
+        },
+        "Verificar"
+      ), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          onClick: () => handleDelete(card.token),
+          disabled: deleting === card.token,
+          className: "text-[var(--color-text-main)]/30 hover:text-[var(--color-error)] p-1 disabled:opacity-50 transition-colors cursor-pointer",
+          title: "Eliminar tarjeta"
+        },
+        /* @__PURE__ */ React.createElement(fa.FaTrash, { className: "w-3 h-3" })
+      ))),
+      isExpanded && /* @__PURE__ */ React.createElement("div", { className: "px-4 pb-4 border-t border-[var(--color-warning)]/20" }, /* @__PURE__ */ React.createElement("div", { className: "pt-3 space-y-3" }, /* @__PURE__ */ React.createElement("div", { className: "flex items-start gap-2.5" }, /* @__PURE__ */ React.createElement(fa.FaShieldAlt, { className: "w-3.5 h-3.5 text-[var(--color-primary)] mt-0.5 shrink-0" }), /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[var(--color-text-main)]/60 leading-relaxed" }, "Se realiz\xF3 un micro-cobro a tu tarjeta. Revisa tu estado de cuenta bancario e ingresa el monto exacto para verificarla.")), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement("div", { className: "relative flex-1" }, /* @__PURE__ */ React.createElement("span", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-[var(--color-text-main)]/40 text-sm" }, "$"), /* @__PURE__ */ React.createElement(
+        "input",
+        {
+          type: "text",
+          inputMode: "decimal",
+          value: verifyValue,
+          onChange: (e) => {
+            const val = e.target.value.replace(
+              /[^0-9.]/g,
+              ""
+            );
+            setVerifyValue(val);
+          },
+          placeholder: "0.00",
+          className: "w-full pl-7 pr-3 py-2.5 text-sm border border-[var(--color-border-default)] rounded-lg bg-[var(--color-background)] text-[var(--color-text-main)] placeholder:text-[var(--color-text-main)]/30 focus:outline-none focus:ring-2 focus:ring-[var(--color-primary)]/50 focus:border-[var(--color-primary)] transition-all",
+          autoFocus: true,
+          onKeyDown: (e) => {
+            if (e.key === "Enter") handleVerify(card);
+          }
+        }
+      )), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          onClick: () => handleVerify(card),
+          disabled: verifySubmitting || !verifyValue.trim(),
+          className: "px-4 py-2.5 bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white text-sm font-medium rounded-lg transition-colors disabled:bg-[var(--color-surface-elevated)] disabled:text-[var(--color-text-main)]/30 cursor-pointer"
+        },
+        verifySubmitting ? /* @__PURE__ */ React.createElement("div", { className: "w-4 h-4 rounded-full border-2 border-white border-b-transparent animate-spin" }) : "Verificar"
+      )), verifyError && /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[var(--color-error)]" }, verifyError), /* @__PURE__ */ React.createElement(
+        "button",
+        {
+          onClick: () => {
+            setVerifyingToken(null);
+            setVerifyValue("");
+            setVerifyError(null);
+          },
+          className: "text-xs text-[var(--color-text-main)]/40 hover:text-[var(--color-text-main)]/60 transition-colors cursor-pointer"
+        },
+        "Cancelar"
+      )))
+    );
+  })), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      onClick: onAddNewCard,
+      className: "w-full flex items-center justify-center gap-2 p-3 border-2 border-dashed border-[var(--color-border-default)] rounded-lg text-sm text-[var(--color-text-main)]/50 hover:border-[var(--color-primary)] hover:text-[var(--color-primary)] transition-colors cursor-pointer"
+    },
+    /* @__PURE__ */ React.createElement(fa.FaPlus, { className: "w-3 h-3" }),
+    cards.length > 0 ? "Usar otra tarjeta" : "Agregar tarjeta"
+  ));
+}
+var SDK_URL = "https://cdn.paymentez.com/ccapi/sdk/payment_sdk_stable.min.js";
+var CONTAINER_ID = "nuvei-tokenize-container";
+var DEFAULT_EXCLUSIVE_TYPES = ["vi", "mc", "ax", "di"];
+function readCssVar(name, fallback) {
+  if (typeof window === "undefined") return fallback;
+  const value = getComputedStyle(document.documentElement).getPropertyValue(name).trim();
+  return value || fallback;
+}
+function NuveiPaymentForm({
+  uid,
+  email,
+  onTokenSuccess,
+  disabled,
+  buttonLabel,
+  showSaveCardCheckbox = true,
+  processingLabel = "Verificando\u2026",
+  nuveiAppCode,
+  nuveiAppKey,
+  nuveiEnv,
+  defaultCountry = "ECU",
+  exclusiveCardTypes,
+  iconColor
+}) {
+  const [sdkReady, setSdkReady] = react.useState(false);
+  const [sdkTimedOut, setSdkTimedOut] = react.useState(false);
+  const [isProcessing, setIsProcessing] = react.useState(false);
+  const [isDeletingDuplicate, setIsDeletingDuplicate] = react.useState(false);
+  const [error, setError] = react.useState(null);
+  const [saveCard, setSaveCard] = react.useState(showSaveCardCheckbox);
+  const sdkInitRef = react.useRef(false);
+  const pgSdkRef = react.useRef(null);
+  const saveCardRef = react.useRef(showSaveCardCheckbox);
+  react.useEffect(() => {
+    saveCardRef.current = saveCard;
+  }, [saveCard]);
+  react.useEffect(() => {
+    if (sdkReady) return;
+    const timer = setTimeout(() => {
+      if (!sdkReady) setSdkTimedOut(true);
+    }, 15e3);
+    return () => clearTimeout(timer);
+  }, [sdkReady]);
+  function buildError(rawMsg) {
+    const msg = rawMsg.toLowerCase();
+    if (msg.includes("already")) {
+      return {
+        variant: "duplicate",
+        title: "Tarjeta ya registrada",
+        message: "Esta tarjeta ya est\xE1 en tu cuenta. Selecci\xF3nala desde tus tarjetas guardadas."
+      };
+    }
+    if (msg.includes("blacklist") || msg.includes("black list")) {
+      return {
+        variant: "rejected",
+        title: "Tarjeta no aceptada",
+        message: "Esta tarjeta est\xE1 en una lista restringida y no puede ser utilizada. Contacta a tu banco o intenta con otra tarjeta."
+      };
+    }
+    if (msg.includes("fraud")) {
+      return {
+        variant: "rejected",
+        title: "Tarjeta rechazada por seguridad",
+        message: "El sistema de seguridad rechaz\xF3 esta tarjeta. Intenta con otra tarjeta."
+      };
+    }
+    if (msg.includes("reject") || msg.includes("response by mock") || msg.includes("denied") || msg.includes("declined")) {
+      return {
+        variant: "rejected",
+        title: "Tarjeta rechazada",
+        message: "El banco emisor rechaz\xF3 esta tarjeta. Verifica los datos o intenta con otra tarjeta."
+      };
+    }
+    if (msg.includes("expired")) {
+      return {
+        variant: "rejected",
+        title: "Tarjeta vencida",
+        message: "Esta tarjeta est\xE1 vencida. Actualiza tu m\xE9todo de pago o usa otra tarjeta."
+      };
+    }
+    if (msg.includes("invalid") || msg.includes("not valid")) {
+      return {
+        variant: "rejected",
+        title: "Tarjeta inv\xE1lida",
+        message: "Los datos de la tarjeta no son v\xE1lidos. Verifica el n\xFAmero, fecha y CVV."
+      };
+    }
+    return {
+      variant: "rejected",
+      title: "Tarjeta no aceptada",
+      message: "No se pudo registrar esta tarjeta. Verifica los datos o intenta con otra."
+    };
+  }
+  const responseCallback = react.useCallback(
+    (response) => {
+      setIsProcessing(false);
+      if (response.error) {
+        if (process.env.NODE_ENV !== "production") {
+          console.log(
+            "[NuveiPaymentForm] SDK error response:",
+            JSON.stringify(response.error)
+          );
+        }
+        const errorType = response.error?.type || "";
+        if (errorType.toLowerCase().includes("card already added")) {
+          const tokenMatch = errorType.match(/Card already added:\s*(\S+)/i);
+          setError({
+            variant: "duplicate",
+            title: "Tarjeta ya registrada",
+            message: "Esta tarjeta ya existe en tu cuenta pero no se puede usar. Puedes eliminarla y volver a agregarla.",
+            duplicateToken: tokenMatch?.[1]
+          });
+        } else {
+          setError({
+            variant: "rejected",
+            title: "Tarjeta no aceptada",
+            message: "No se pudo registrar esta tarjeta. Verifica los datos o intenta con otra."
+          });
+        }
+        return;
+      }
+      if (!response.card) {
+        setError({
+          variant: "system",
+          title: "Respuesta inesperada",
+          message: "No se recibi\xF3 respuesta del procesador. Intenta de nuevo."
+        });
+        return;
+      }
+      if (response.card.status === "valid" || response.card.status === "review") {
+        if (response.card.token) {
+          setError(null);
+          onTokenSuccess(
+            response.card.token,
+            {
+              type: response.card.type,
+              number: response.card.number,
+              expiry_year: response.card.expiry_year,
+              expiry_month: response.card.expiry_month
+            },
+            saveCardRef.current
+          );
+        } else {
+          setError({
+            variant: "system",
+            title: "Token no recibido",
+            message: "No se pudo registrar la tarjeta. Intenta de nuevo."
+          });
+        }
+      } else {
+        setError(buildError(response.card.message || ""));
+      }
+    },
+    [onTokenSuccess]
+  );
+  const notCompletedCallback = react.useCallback((message) => {
+    setIsProcessing(false);
+    setError({
+      variant: "incomplete",
+      title: "Datos incompletos",
+      message: `Revisa los campos del formulario: ${message}`
+    });
+  }, []);
+  const handlePay = () => {
+    if (!pgSdkRef.current) return;
+    setError(null);
+    setIsProcessing(true);
+    pgSdkRef.current.tokenize();
+  };
+  const handleScriptReady = react.useCallback(() => {
+    try {
+      const PG = new Function("return PaymentGateway")();
+      window.PaymentGateway = PG;
+      setSdkReady(true);
+    } catch {
+      setError({
+        variant: "system",
+        title: "Error de inicializaci\xF3n",
+        message: "No se pudo inicializar el sistema de pagos. Recarga la p\xE1gina."
+      });
+    }
+  }, []);
+  react.useEffect(() => {
+    if (!sdkReady || sdkInitRef.current) return;
+    sdkInitRef.current = true;
+    const appCode = nuveiAppCode ?? process.env.NEXT_PUBLIC_NUVEI_CLIENT_APP_CODE;
+    const appKey = nuveiAppKey ?? process.env.NEXT_PUBLIC_NUVEI_CLIENT_APP_KEY;
+    if (!appCode || !appKey) {
+      setError({
+        variant: "system",
+        title: "Configuraci\xF3n incompleta",
+        message: "Credenciales de pago no configuradas. Contacta soporte."
+      });
+      return;
+    }
+    const env = nuveiEnv ?? (process.env.NEXT_PUBLIC_NUVEI_ENV === "prod" ? "prod" : "stg");
+    const PGClass = window.PaymentGateway;
+    if (!PGClass) {
+      setError({
+        variant: "system",
+        title: "SDK no disponible",
+        message: "El sistema de pagos no carg\xF3 correctamente. Recarga la p\xE1gina."
+      });
+      return;
+    }
+    const pgSdk = new PGClass(env, appCode, appKey);
+    pgSdkRef.current = pgSdk;
+    const resolvedIconColor = iconColor ?? readCssVar("--color-primary", "#3b82f6");
+    const allowedTypes = exclusiveCardTypes ?? [...DEFAULT_EXCLUSIVE_TYPES];
+    const tokenizeData = {
+      locale: "es",
+      user: {
+        id: uid,
+        email
+      },
+      configuration: {
+        default_country: defaultCountry,
+        icon_colour: resolvedIconColor,
+        use_dropdowns: false,
+        exclusive_types: allowedTypes,
+        invalid_card_type_message: "Tipo de tarjeta no aceptada para esta operaci\xF3n."
+      }
+    };
+    pgSdk.generate_tokenize(
+      tokenizeData,
+      `#${CONTAINER_ID}`,
+      responseCallback,
+      notCompletedCallback
+    );
+  }, [
+    sdkReady,
+    uid,
+    email,
+    responseCallback,
+    notCompletedCallback,
+    nuveiAppCode,
+    nuveiAppKey,
+    nuveiEnv,
+    defaultCountry,
+    exclusiveCardTypes,
+    iconColor
+  ]);
+  return /* @__PURE__ */ React.createElement("div", { className: "space-y-4" }, /* @__PURE__ */ React.createElement(
+    Script__default.default,
+    {
+      src: SDK_URL,
+      strategy: "afterInteractive",
+      onReady: handleScriptReady
+    }
+  ), error && error.variant !== "incomplete" ? /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `rounded-xl border p-5 text-sm ${error.variant === "duplicate" ? "bg-[var(--color-primary)]/5 border-[var(--color-primary)]/20" : "bg-[var(--color-error)]/5 border-[var(--color-error)]/20"}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "shrink-0 mt-0.5" }, error.variant === "duplicate" ? /* @__PURE__ */ React.createElement(fa.FaInfoCircle, { className: "w-4 h-4 text-[var(--color-primary)]" }) : /* @__PURE__ */ React.createElement(fa.FaTimesCircle, { className: "w-4 h-4 text-[var(--color-error)]" })), /* @__PURE__ */ React.createElement("div", { className: "grow space-y-1" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold text-[var(--color-text-main)]" }, error.title), /* @__PURE__ */ React.createElement("p", { className: "text-[var(--color-text-main)]/60 leading-relaxed" }, error.message))),
+    /* @__PURE__ */ React.createElement("div", { className: "flex gap-3 mt-4 pt-3 border-t border-[var(--color-border-subtle)]" }, error.variant === "duplicate" && error.duplicateToken ? /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        disabled: isDeletingDuplicate,
+        onClick: async () => {
+          setIsDeletingDuplicate(true);
+          try {
+            const res = await fetch("/api/nuvei/cards", {
+              method: "DELETE",
+              headers: { "Content-Type": "application/json" },
+              body: JSON.stringify({
+                token: error.duplicateToken
+              })
+            });
+            const data = await res.json().catch(() => ({}));
+            if (process.env.NODE_ENV !== "production") {
+              console.log(
+                "[NuveiPaymentForm] Delete response:",
+                res.status,
+                JSON.stringify(data)
+              );
+            }
+            if (res.ok && !data.error) {
+              setError(null);
+              sdkInitRef.current = false;
+              setSdkReady(false);
+              setTimeout(() => handleScriptReady(), 100);
+            } else {
+              setError({
+                variant: "rejected",
+                title: "No se pudo eliminar",
+                message: "El procesador de pagos no permiti\xF3 eliminar esta tarjeta. Intenta con otra tarjeta o contacta a tu banco."
+              });
+            }
+          } catch {
+            setError({
+              variant: "system",
+              title: "Error de conexi\xF3n",
+              message: "No se pudo conectar al servidor. Intenta de nuevo."
+            });
+          } finally {
+            setIsDeletingDuplicate(false);
+          }
+        },
+        className: "flex-1 bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white font-semibold py-2.5 px-4 rounded-lg transition-colors text-sm cursor-pointer inline-flex items-center justify-center gap-2 disabled:opacity-50"
+      },
+      isDeletingDuplicate ? "Eliminando..." : "Eliminar y reintentar"
+    ) : /* @__PURE__ */ React.createElement(
+      "button",
+      {
+        type: "button",
+        onClick: () => {
+          setError(null);
+          const container = document.getElementById(CONTAINER_ID);
+          if (container) container.innerHTML = "";
+          sdkInitRef.current = false;
+          setSdkReady(false);
+          setTimeout(() => handleScriptReady(), 100);
+        },
+        className: "flex-1 bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white font-semibold py-2.5 px-4 rounded-lg transition-colors text-sm cursor-pointer inline-flex items-center justify-center gap-2"
+      },
+      /* @__PURE__ */ React.createElement(fa.FaRedo, { className: "w-3 h-3" }),
+      "Intentar con otra tarjeta"
+    ))
+  ) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { id: CONTAINER_ID, className: "min-h-16" }), error && /* @__PURE__ */ React.createElement(
+    "div",
+    {
+      className: `rounded-xl border p-4 text-sm ${error.variant === "incomplete" ? "bg-[var(--color-warning)]/5 border-[var(--color-warning)]/20" : "bg-[var(--color-surface-elevated)] border-[var(--color-border-subtle)]"}`
+    },
+    /* @__PURE__ */ React.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React.createElement(
+      fa.FaExclamationTriangle,
+      {
+        className: `w-4 h-4 shrink-0 mt-0.5 ${error.variant === "incomplete" ? "text-[var(--color-warning)]" : "text-[var(--color-text-main)]/40"}`
+      }
+    ), /* @__PURE__ */ React.createElement("div", { className: "grow" }, /* @__PURE__ */ React.createElement("p", { className: "font-semibold text-[var(--color-text-main)]" }, error.title), /* @__PURE__ */ React.createElement("p", { className: "text-[var(--color-text-main)]/60 leading-relaxed" }, error.message)))
+  ), sdkReady && /* @__PURE__ */ React.createElement(React.Fragment, null, showSaveCardCheckbox && /* @__PURE__ */ React.createElement("label", { className: "flex items-center gap-2.5 cursor-pointer select-none" }, /* @__PURE__ */ React.createElement(
+    "input",
+    {
+      type: "checkbox",
+      checked: saveCard,
+      onChange: (e) => setSaveCard(e.target.checked),
+      className: "w-4 h-4 rounded border-[var(--color-border-default)] text-[var(--color-primary)] focus:ring-[var(--color-primary)]/30 cursor-pointer accent-[var(--color-primary)]"
+    }
+  ), /* @__PURE__ */ React.createElement("span", { className: "text-sm text-[var(--color-text-main)]/60" }, "Guardar tarjeta para futuras compras")), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: handlePay,
+      disabled: isProcessing || disabled,
+      className: "w-full bg-[var(--color-primary)] hover:bg-[var(--color-primary-hover)] text-white font-semibold py-3 px-4 rounded-lg transition-all duration-200 disabled:bg-[var(--color-surface-elevated)] disabled:text-[var(--color-text-main)]/30 disabled:cursor-not-allowed flex items-center justify-center gap-2 active:scale-[0.97] cursor-pointer"
+    },
+    isProcessing ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("div", { className: "w-5 h-5 rounded-full border-2 border-white border-b-transparent animate-spin" }), processingLabel) : buttonLabel ?? (saveCard ? "Agregar Tarjeta" : "Continuar con pago")
+  ))), !sdkReady && /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center py-4 gap-3" }, /* @__PURE__ */ React.createElement("div", { className: "w-12 h-12 rounded-full border-2 border-[var(--color-text-main)]/20 border-t-[var(--color-primary)] animate-spin" }), sdkTimedOut && /* @__PURE__ */ React.createElement("div", { className: "text-center space-y-2" }, /* @__PURE__ */ React.createElement("p", { className: "text-xs text-[var(--color-text-main)]/50" }, "El sistema de pagos est\xE1 tardando en cargar."), /* @__PURE__ */ React.createElement(
+    "button",
+    {
+      type: "button",
+      onClick: () => window.location.reload(),
+      className: "text-xs font-semibold text-[var(--color-primary)] hover:text-[var(--color-primary-hover)] underline underline-offset-2 transition-colors"
+    },
+    "Recargar p\xE1gina"
+  ))), /* @__PURE__ */ React.createElement("div", { className: "flex items-center justify-center gap-2 text-[var(--color-text-main)]/30 text-xs" }, /* @__PURE__ */ React.createElement(fa.FaLock, { className: "w-3 h-3" }), /* @__PURE__ */ React.createElement("span", null, "Pago 100% seguro \xB7 Tokenizaci\xF3n PCI Compliant")));
+}
+
+exports.CARD_BRAND_NAMES = CARD_BRAND_NAMES;
+exports.CARD_TYPE_NAMES = CARD_TYPE_NAMES;
+exports.CardVisual = CardVisual;
+exports.NuveiPaymentForm = NuveiPaymentForm;
+exports.SavedCards = SavedCards;
+exports.getBinDatabase = getBinDatabase;
+exports.lookupBankPalette = lookupBankPalette;
+exports.lookupBin = lookupBin;
+exports.lookupBinSync = lookupBinSync;
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map