@tineon/t9n 0.1.2

package/dist/ui/modal.js

@@ -0,0 +1,502 @@
+export class CheckoutModal {
+    constructor(currencies, handlers) {
+        this.currencies = currencies;
+        this.handlers = handlers;
+        this.chips = [];
+        this.confirmLabel = "I have made the payment";
+        this.selectedCurrency = null;
+        this.host = document.createElement("div");
+        this.host.setAttribute("data-slimepay-checkout", "true");
+        this.root = this.host.attachShadow({ mode: "open" });
+        // Initialize Elements
+        this.timerEl = document.createElement("span");
+        this.addressEl = document.createElement("input");
+        this.qrEl = document.createElement("div");
+        this.statusEl = document.createElement("p");
+        this.disclaimerEl = document.createElement("p");
+        this.confirmBtn = document.createElement("button");
+        this.copyBtn = document.createElement("button");
+        this.backBtn = document.createElement("button");
+        this.actionsContainer = document.createElement("div");
+        this.selectionSection = document.createElement("div");
+        this.paymentSection = document.createElement("div");
+        this.resultSection = document.createElement("div");
+        this.resultTitle = document.createElement("h3");
+        this.resultMessage = document.createElement("p");
+        this.resultIcon = document.createElement("div");
+        this.retryBtn = document.createElement("button");
+        this.resultCloseBtn = document.createElement("button");
+        this.mount();
+    }
+    mount() {
+        const style = document.createElement("style");
+        style.textContent = `
+      :host {
+        --sp-primary: #005CFD;
+        --sp-primary-hover: #004ecc;
+        --sp-bg: #ffffff;
+        --sp-text: #0f172a;
+        --sp-text-muted: #64748b;
+        --sp-border: rgba(0, 0, 0, 0.08);
+        --sp-radius: 24px;
+        font-family: 'Inter', system-ui, -apple-system, sans-serif;
+      }
+
+      .overlay {
+        position: fixed; inset: 0;
+        background: rgba(15, 23, 42, 0.6);
+        backdrop-filter: blur(8px);
+        display: flex; align-items: center; justify-content: center;
+        padding: 20px; z-index: 2147483647;
+        animation: fadeIn 0.3s ease-out;
+      }
+
+      .modal {
+        width: 100%; max-width: 440px;
+        background: var(--sp-bg);
+        border-radius: var(--sp-radius);
+        box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
+        overflow: hidden;
+        display: flex; flex-direction: column;
+        border: 1px solid rgba(255, 255, 255, 0.1);
+      }
+
+      .header {
+        padding: 24px 24px 16px;
+        display: flex; justify-content: space-between; align-items: flex-start;
+      }
+
+      .brand { display: flex; align-items: center; gap: 10px; }
+      .brand-name { font-weight: 800; font-size: 18px; letter-spacing: -0.02em; }
+      .close-btn {
+        background: #f1f5f9;
+        border: 1px solid var(--sp-border);
+        width: 32px; height: 32px;
+        border-radius: 10px;
+        display: grid; place-items: center;
+        cursor: pointer;
+        transition: all 0.2s;
+      }
+      .close-btn:hover { background: #e2e8f0; }
+
+      .timer-pill {
+        background: #f1f5f9;
+        padding: 6px 12px;
+        border-radius: 99px;
+        font-size: 12px; font-weight: 600; color: var(--sp-text-muted);
+        display: flex; align-items: center; gap: 6px;
+      }
+
+      .content { padding: 0 24px 24px; }
+
+      .title-group { margin-bottom: 20px; }
+      .title { font-size: 20px; font-weight: 700; margin: 0; color: var(--sp-text); }
+      .subtitle { font-size: 14px; color: var(--sp-text-muted); margin: 4px 0 0; }
+
+      .grid-chips {
+        display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px;
+      }
+
+      .chip {
+        background: #fff; border: 1px solid var(--sp-border);
+        padding: 12px; border-radius: 16px;
+        display: flex; align-items: center; gap: 10px;
+        cursor: pointer; transition: all 0.2s;
+        font-weight: 600; font-size: 14px;
+      }
+
+      .chip:hover { border-color: var(--sp-primary); background: #f8faff; }
+      .chip img { width: 24px; height: 24px; border-radius: 6px; }
+
+      .payment-area { display: none; flex-direction: column; align-items: center; text-align: center; }
+      .payment-area.active { display: flex; }
+
+      .qr-container {
+        background: #f8fafc; border-radius: 20px;
+        padding: 20px; margin-bottom: 20px;
+        border: 1px solid var(--sp-border);
+      }
+      .qr-container img { width: 180px; height: 180px; display: block; border-radius: 12px; }
+
+      .address-box {
+        width: 100%; background: #f1f5f9;
+        border-radius: 14px; padding: 4px;
+        display: flex; align-items: center; gap: 4px;
+        margin-bottom: 16px;
+      }
+      .address-input {
+        flex: 1; border: none; background: transparent;
+        padding: 10px 12px; font-size: 13px; font-family: monospace;
+        color: var(--sp-text); outline: none;
+      }
+      .copy-btn {
+        background: #fff; border: 1px solid var(--sp-border);
+        padding: 8px 12px; border-radius: 10px;
+        font-size: 12px; font-weight: 700; cursor: pointer;
+      }
+
+      .status-msg { display: none; }
+      .disclaimer { font-size: 12px; color: var(--sp-text); background: #eef2ff; border: 1px solid rgba(59,130,246,0.25); padding: 10px 12px; border-radius: 12px; margin-bottom: 12px; }
+
+      .footer-actions {
+        padding: 16px 24px 24px;
+        display: none; grid-template-columns: 1fr; gap: 10px;
+        border-top: 1px solid var(--sp-border);
+      }
+      .footer-actions.visible { display: grid; }
+      .result-area { display: none; flex-direction: column; align-items: center; text-align: center; gap: 12px; padding: 18px 16px; border: 1px solid var(--sp-border); border-radius: 18px; background: #fff; }
+      .result-area.visible { display: flex; }
+      .result-icon { width: 70px; height: 70px; border-radius: 999px; display: grid; place-items: center; }
+      .result-icon.success { background: rgba(16, 185, 129, 0.12); color: #10b981; }
+      .result-icon.fail { background: rgba(244, 63, 94, 0.12); color: #f43f5e; }
+      .result-title { margin: 0; font-size: 18px; font-weight: 800; color: var(--sp-text); }
+      .result-msg { margin: 0; font-size: 13px; color: var(--sp-text-muted); }
+      .result-actions { display: grid; width: 100%; gap: 8px; }
+      .result-actions button { width: 100%; }
+
+      button.primary {
+        background: var(--sp-primary); color: white;
+        border: none; padding: 14px; border-radius: 14px;
+        font-weight: 700; font-size: 14px; cursor: pointer;
+        transition: background 0.2s;
+      }
+      button.primary:hover { background: var(--sp-primary-hover); }
+      button.secondary {
+        background: #f1f5f9; color: var(--sp-text);
+        border: none; padding: 12px; border-radius: 14px;
+        font-weight: 700; font-size: 14px; cursor: pointer;
+        display: flex; align-items: center; justify-content: center;
+        text-align: center;
+      }
+
+      .back-btn {
+        background: none; border: none; color: var(--sp-primary);
+        font-size: 13px; font-weight: 700; cursor: pointer;
+        display: flex; align-items: center; gap: 4px; margin-bottom: 12px;
+      }
+
+      .spin { animation: spin 1s linear infinite; display: inline-block; }
+      @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } }
+      @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } }
+
+      @media (max-width: 480px) {
+        .modal { max-width: 100%; border-radius: 24px 24px 0 0; position: absolute; bottom: 0; max-height: 92vh; }
+        .grid-chips { grid-template-columns: 1fr; }
+        .content { max-height: calc(92vh - 90px); overflow-y: auto; }
+      }
+    `;
+        // Structure
+        const overlay = document.createElement("div");
+        overlay.className = "overlay";
+        const modal = document.createElement("div");
+        modal.className = "modal";
+        // Header
+        const header = document.createElement("div");
+        header.className = "header";
+        header.innerHTML = `
+      <div class="brand">
+        ${slimepayLogoSvg()}
+        <span class="brand-name">Slimepay</span>
+      </div>
+    `;
+        const closeBtn = document.createElement("button");
+        closeBtn.className = "close-btn";
+        closeBtn.type = "button";
+        closeBtn.innerHTML = `${closeIconSvg()}`;
+        closeBtn.onclick = this.handlers.onClose;
+        const timerPill = document.createElement("div");
+        timerPill.className = "timer-pill";
+        timerPill.innerHTML = `<span>🕒</span>`;
+        timerPill.appendChild(this.timerEl);
+        const headerRight = document.createElement("div");
+        headerRight.style.display = "flex";
+        headerRight.style.alignItems = "center";
+        headerRight.style.gap = "8px";
+        headerRight.append(timerPill, closeBtn);
+        header.appendChild(headerRight);
+        // Content Area
+        const content = document.createElement("div");
+        content.className = "content";
+        // Selection Section
+        this.selectionSection.className = "selection-section";
+        const titleGroup = document.createElement("div");
+        titleGroup.className = "title-group";
+        titleGroup.innerHTML = `
+      <h2 class="title">Pay with Crypto</h2>
+      <p class="subtitle">Select your preferred asset to continue</p>
+    `;
+        const chipsContainer = document.createElement("div");
+        chipsContainer.className = "grid-chips";
+        this.currencies.forEach((currency) => {
+            const chip = document.createElement("button");
+            chip.className = "chip";
+            const iconUrl = COIN_IMAGES[currency] || "";
+            chip.innerHTML = `
+        ${iconUrl ? `<img src="${iconUrl}" />` : `<div style="width:24px;height:24px;background:#eee;border-radius:4px"></div>`}
+        <span>${currency}</span>
+      `;
+            chip.onclick = () => this.handleCurrencySelect(currency);
+            this.chips.push(chip);
+            chipsContainer.appendChild(chip);
+        });
+        this.selectionSection.append(titleGroup, chipsContainer);
+        // Payment Section
+        this.paymentSection.className = "payment-area";
+        this.backBtn.className = "back-btn";
+        this.backBtn.innerHTML = `${arrowLeftSvg()} Change Currency`;
+        this.backBtn.onclick = () => this.resetSelection();
+        const qrContainer = document.createElement("div");
+        qrContainer.className = "qr-container";
+        qrContainer.appendChild(this.qrEl);
+        const addressBox = document.createElement("div");
+        addressBox.className = "address-box";
+        this.addressEl.className = "address-input";
+        this.addressEl.readOnly = true;
+        this.copyBtn.className = "copy-btn";
+        this.copyBtn.textContent = "Copy";
+        this.copyBtn.onclick = () => {
+            navigator.clipboard.writeText(this.addressEl.value);
+            this.copyBtn.textContent = "Copied!";
+            setTimeout(() => (this.copyBtn.textContent = "Copy"), 2000);
+        };
+        addressBox.append(this.addressEl, this.copyBtn);
+        this.statusEl.className = "status-msg";
+        this.disclaimerEl.className = "disclaimer";
+        this.disclaimerEl.textContent = "Send only the exact amount to the generated address to avoid loss of funds.";
+        this.paymentSection.append(this.backBtn, this.disclaimerEl, qrContainer, addressBox);
+        // Footer Actions (Initially Hidden)
+        this.actionsContainer.className = "footer-actions";
+        this.confirmBtn.className = "primary";
+        this.confirmBtn.textContent = this.confirmLabel;
+        this.confirmBtn.onclick = () => this.handlers.onConfirmPayment();
+        const cancelBtn = document.createElement("button");
+        cancelBtn.className = "secondary";
+        cancelBtn.textContent = "Cancel Payment";
+        cancelBtn.onclick = this.handlers.onClose;
+        this.actionsContainer.append(this.confirmBtn, cancelBtn);
+        // Result Section
+        this.resultSection.className = "result-area";
+        this.resultIcon.className = "result-icon success";
+        this.resultIcon.innerHTML = successIconSvg();
+        this.resultTitle.className = "result-title";
+        this.resultTitle.textContent = "Payment confirmed";
+        this.resultMessage.className = "result-msg";
+        this.resultMessage.textContent = "Your payment has been received.";
+        this.retryBtn.className = "secondary";
+        this.retryBtn.textContent = "Retry check";
+        this.retryBtn.onclick = () => {
+            this.showPaymentView();
+            this.handlers.onConfirmPayment();
+        };
+        this.resultCloseBtn.className = "primary";
+        this.resultCloseBtn.textContent = "Close";
+        this.resultCloseBtn.onclick = this.handlers.onClose;
+        const resultActions = document.createElement("div");
+        resultActions.className = "result-actions";
+        resultActions.append(this.retryBtn, this.resultCloseBtn);
+        this.resultSection.append(this.resultIcon, this.resultTitle, this.resultMessage, resultActions);
+        // Final Assembly
+        content.append(this.selectionSection, this.paymentSection, this.resultSection);
+        modal.append(header, content, this.actionsContainer);
+        overlay.appendChild(modal);
+        this.root.append(style, overlay);
+        document.body.appendChild(this.host);
+    }
+    async handleCurrencySelect(currency) {
+        this.selectedCurrency = currency;
+        this.selectionSection.style.display = "none";
+        this.paymentSection.classList.add("active");
+        this.resultSection.classList.remove("visible");
+        this.qrEl.innerHTML = `<div class="spin" style="margin: 60px 0;">${loaderIconSvg()}</div><p style="font-size:12px;color:#64748b">Generating Address...</p>`;
+        try {
+            await this.handlers.onSelectCurrency(currency);
+        }
+        catch (e) {
+            this.resetSelection();
+        }
+    }
+    setConfirmLabel(label) {
+        this.confirmLabel = label;
+        this.confirmBtn.innerHTML = label;
+    }
+    setTimer(value) {
+        this.timerEl.textContent = value;
+    }
+    setAddress(address) {
+        this.addressEl.value = address;
+        if (address) {
+            this.actionsContainer.classList.add("visible");
+        }
+    }
+    setQrPayload(payload) {
+        if (!payload)
+            return;
+        const qrSrc = `https://api.qrserver.com/v1/create-qr-code/?size=260x260&margin=10&data=${encodeURIComponent(payload)}`;
+        this.qrEl.innerHTML = `<img src="${qrSrc}" alt="Payment QR" />`;
+    }
+    setStatus(message) {
+        this.statusEl.textContent = message;
+    }
+    setDisclaimer(message) {
+        this.disclaimerEl.textContent = message;
+    }
+    setConfirmPending(pending) {
+        this.confirmBtn.disabled = pending;
+        this.confirmBtn.innerHTML = pending
+            ? `<span class="spin">${loaderIconSvg()}</span> Verifying...`
+            : this.confirmLabel;
+    }
+    showResult(status, message) {
+        this.resultSection.classList.add("visible");
+        this.paymentSection.classList.remove("active");
+        this.actionsContainer.classList.remove("visible");
+        if (status === "success") {
+            this.resultIcon.className = "result-icon success";
+            this.resultIcon.innerHTML = successIconSvg();
+            this.resultTitle.textContent = "Payment confirmed";
+            this.retryBtn.style.display = "none";
+        }
+        else {
+            this.resultIcon.className = "result-icon fail";
+            this.resultIcon.innerHTML = failIconSvg();
+            this.resultTitle.textContent = "Payment not detected";
+            this.retryBtn.style.display = "inline-flex";
+        }
+        this.resultMessage.textContent = message;
+    }
+    showPaymentView() {
+        this.resultSection.classList.remove("visible");
+        this.paymentSection.classList.add("active");
+        this.actionsContainer.classList.add("visible");
+    }
+    resetSelection() {
+        this.selectedCurrency = null;
+        this.addressEl.value = "";
+        this.paymentSection.classList.remove("active");
+        this.selectionSection.style.display = "block";
+        this.actionsContainer.classList.remove("visible");
+        this.resultSection.classList.remove("visible");
+    }
+    close() {
+        this.host.remove();
+    }
+}
+// Helpers
+function loaderIconSvg() {
+    return `<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round"><path d="M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48l2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48l2.83-2.83"/></svg>`;
+}
+function arrowLeftSvg() {
+    return `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="m15 18-6-6 6-6"/></svg>`;
+}
+function successIconSvg() {
+    return `<svg width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M20 6 9 17l-5-5"/></svg>`;
+}
+function failIconSvg() {
+    return `<svg width="34" height="34" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="m6 6 12 12M18 6 6 18"/></svg>`;
+}
+function closeIconSvg() {
+    return `<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18M6 6l12 12"/></svg>`;
+}
+function slimepayLogoSvg() {
+    return `<svg width="24" height="24" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M33.458 93.622l51.489-51.488c4.502-4.502 4.502-11.803 0-16.307-4.502-4.503-11.803-4.503-16.307 0L8.998 85.467l8.057 8.058.098.097.098.098c4.51 4.404 11.738 4.372 16.207-.098z" fill="#005CFD"/><path d="M15.554 74.33l50.684-50.683.11-.112.112-.11c5.69-5.574 14.794-5.582 20.496-.027 2.713-4.349 2.252-10.116-1.382-13.985L77.161 1 17.617 60.543l-.097.098-.098.098c-3.622 3.708-4.243 9.25-1.868 13.59v.002z" fill="#0122AF"/></svg>`;
+}
+const COIN_IMAGES = {
+    BTC: "https://assets.coingecko.com/coins/images/1/large/bitcoin.png?1547033579",
+    HBAR: "https://assets.coingecko.com/coins/images/3688/large/hbar.png",
+    "BTC.h": "https://assets.coingecko.com/coins/images/55129/large/bitcoinHT_%281%29.png?1753601555",
+    "BTC.H": "https://assets.coingecko.com/coins/images/55129/large/bitcoinHT_%281%29.png?1753601555",
+    ETH: "https://assets.coingecko.com/coins/images/279/large/ethereum.png?1595348880",
+    USDT: "https://assets.coingecko.com/coins/images/325/large/Tether.png?1668148663",
+    SOL: "https://assets.coingecko.com/coins/images/4128/large/solana.png?1640133422",
+    XRP: "https://assets.coingecko.com/coins/images/44/large/xrp-symbol-white-128.png?1605772276",
+    BNB: "https://assets.coingecko.com/coins/images/825/large/bnb-icon2_2x.png?1644979850",
+    ADA: "https://assets.coingecko.com/coins/images/975/large/cardano.png?1547034860",
+    DOGE: "https://assets.coingecko.com/coins/images/5/large/dogecoin.png?1547792256",
+    TRX: "https://assets.coingecko.com/coins/images/1094/large/tron-logo.png?1547035066",
+    LTC: "https://assets.coingecko.com/coins/images/2/large/litecoin.png?1547033580",
+    MATIC: "https://assets.coingecko.com/coins/images/4713/large/matic-token-icon.png?1624446975",
+    DOT: "https://assets.coingecko.com/coins/images/12171/large/polkadot_new.png?1639703501",
+    SHIB: "https://assets.coingecko.com/coins/images/11939/large/shiba.png?1622619446",
+    AVAX: "https://cryptach.org/crypto-logo/avalanche-avax-logo.svg",
+    ARB: "https://cryptach.org/crypto-logo/arbitrum-arb-logo.svg",
+    UNI: "https://assets.coingecko.com/coins/images/12455/large/uniswap-uni.png?1600306604",
+    LINK: "https://assets.coingecko.com/coins/images/877/large/chainlink-new-logo.png?1547034700",
+    BCH: "https://assets.coingecko.com/coins/images/780/large/bitcoin-cash-circle.png?1594689492",
+    ETC: "https://assets.coingecko.com/coins/images/453/large/ethereum-classic-logo.png?1547034009",
+    XLM: "https://assets.coingecko.com/coins/images/100/large/Stellar_symbol_black_rgb.png?1552356157",
+    VET: "https://assets.coingecko.com/coins/images/1167/large/VeChain-Logo-768x768.png?1547035260",
+    FIL: "https://assets.coingecko.com/coins/images/12812/large/filecoin.png?1602753904",
+    ICP: "https://assets.coingecko.com/coins/images/14495/large/Internet_Computer_logo.png?1620703079",
+    THETA: "https://assets.coingecko.com/coins/images/2206/large/theta-token-logo.png?1548387191",
+    EOS: "https://assets.coingecko.com/coins/images/738/large/eos-eos-logo.png?1547034569",
+    XTZ: "https://assets.coingecko.com/coins/images/976/large/Tezos-logo.png?1547034862",
+    NEO: "https://assets.coingecko.com/coins/images/48/large/NEO.png?1594357361",
+    IOTA: "https://assets.coingecko.com/coins/images/132/large/iota_logo.png?1547033690",
+    DASH: "https://assets.coingecko.com/coins/images/10/large/dash-logo.png?1547033593",
+    ZEC: "https://assets.coingecko.com/coins/images/486/large/zcash.png?1547034039",
+    XMR: "https://assets.coingecko.com/coins/images/1/large/monero.png?1547033579",
+    WAVES: "https://assets.coingecko.com/coins/images/188/large/waves.png?1547033775",
+    ONT: "https://assets.coingecko.com/coins/images/1008/large/ontology.png?1547034902",
+    ALGO: "https://assets.coingecko.com/coins/images/4380/large/algorand.png?1570035510",
+    ATOM: "https://assets.coingecko.com/coins/images/1481/large/cosmos_hub.png?1555657960",
+    QTUM: "https://assets.coingecko.com/coins/images/370/large/qtum.png?1547033920",
+    DCR: "https://assets.coingecko.com/coins/images/228/large/decred.png?1547033810",
+    ZIL: "https://assets.coingecko.com/coins/images/253/large/zilliqa.png?1547033830",
+    OMG: "https://assets.coingecko.com/coins/images/778/large/omg-network-logo.png?1605772276",
+    BAT: "https://assets.coingecko.com/coins/images/677/large/basic-attention-token.png?1547034427",
+    ENJ: "https://assets.coingecko.com/coins/images/1102/large/enjin-coin-logo.png?1547035078",
+    KSM: "https://assets.coingecko.com/coins/images/9568/large/kusama-logo.png?1604278312",
+    SNX: "https://assets.coingecko.com/coins/images/843/large/synthetix-logo.png?1547034660",
+    COMP: "https://assets.coingecko.com/coins/images/10775/large/COMP.png?1592627929",
+    MKR: "https://assets.coingecko.com/coins/images/136/large/maker-logo.png?1547033709",
+    YFI: "https://assets.coingecko.com/coins/images/11849/large/yfi-192x192.png?1598325330",
+    CRV: "https://assets.coingecko.com/coins/images/12124/large/Curve.png?1597002956",
+    SUSHI: "https://assets.coingecko.com/coins/images/12271/large/512x512_PNG.png?1597844647",
+    GRT: "https://assets.coingecko.com/coins/images/13397/large/Graph_Token.png?1608145566",
+    MANA: "https://assets.coingecko.com/coins/images/878/large/decentraland-mana.png?1550124374",
+    AAVE: "https://assets.coingecko.com/coins/images/12645/large/AAVE.png?1601374110",
+    CHZ: "https://assets.coingecko.com/coins/images/831/large/ChZ_Logo_Blue.png?1547034649",
+    GALA: "https://assets.coingecko.com/coins/images/12493/large/gala.png?1600233435",
+    AXS: "https://assets.coingecko.com/coins/images/13029/large/axie_infinity_logo.png?1604471677",
+    SAND: "https://assets.coingecko.com/coins/images/12129/large/sandbox_logo.png?1597002956",
+    APE: "https://assets.coingecko.com/coins/images/24383/large/apecoin.jpg?1647476482",
+    DAI: "https://assets.coingecko.com/coins/images/995/large/dai-multi-collateral-dai.png?1574218778",
+    WBTC: "https://assets.coingecko.com/coins/images/759/large/wrapped_bitcoin_wbtc.png?1596348944",
+    TUSD: "https://assets.coingecko.com/coins/images/3449/large/TUSD.png?1612189019",
+    USDP: "https://assets.coingecko.com/coins/images/1026/large/pax_dollar.png?1547034926",
+    FET: "https://assets.coingecko.com/coins/images/1009/large/fetch-ai.png?1547034903",
+    BLUR: "https://assets.coingecko.com/coins/images/28834/large/blur.png?1674637840",
+    MEME: "https://assets.coingecko.com/coins/images/32060/large/MEMECOIN.png?1695950000",
+    BOME: "https://assets.coingecko.com/coins/images/35002/large/BOME.png?1710040000",
+    BEAM: "https://assets.coingecko.com/coins/images/1005/large/beam.png?1547034899",
+    PEPE: "https://assets.coingecko.com/coins/images/29800/large/pepe-token.jpeg?1679481329",
+    COQ: "https://assets.coingecko.com/coins/images/33300/large/coq.png?1701920000",
+    STRK: "https://assets.coingecko.com/coins/images/33677/large/starknet.png?1703748000",
+    SUI: "https://assets.coingecko.com/coins/images/26375/large/sui_logo.png?1657210000",
+    ENS: "https://assets.coingecko.com/coins/images/19731/large/ens.png?1635024944",
+    RNDR: "https://assets.coingecko.com/coins/images/11636/large/RenderToken.png?1592627929",
+    MOG: "https://assets.coingecko.com/coins/images/30920/large/Mog_Coin.png?1687939200",
+    MNT: "https://assets.coingecko.com/coins/images/28077/large/mantle.png?1666676000",
+    ONE: "https://assets.coingecko.com/coins/images/4377/large/harmony.png?1570035464",
+    CFX: "https://assets.coingecko.com/coins/images/1315/large/conflux.png?1547035302",
+    NEAR: "https://assets.coingecko.com/coins/images/10365/large/near_icon.png?1601359077",
+    TON: "https://assets.coingecko.com/coins/images/17980/large/ton_symbol.png?1629479260",
+    INJ: "https://assets.coingecko.com/coins/images/12882/large/injective_v3_logo.png?1639530038",
+    SLP: "https://assets.coingecko.com/coins/images/13049/large/small_love_potion.png?1604640213",
+    TRUMP: "https://assets.coingecko.com/coins/images/34800/large/MAGA.png?1709000000",
+    MYRO: "https://assets.coingecko.com/coins/images/33090/large/myro.png?1700000000",
+    CAKE: "https://assets.coingecko.com/coins/images/12632/large/pancakeswap-logo-new.png?1601374110",
+    GNO: "https://assets.coingecko.com/coins/images/1080/large/gnosis-gno.png?1547035059",
+    STX: "https://assets.coingecko.com/coins/images/776/large/stacks-logo.png?1547034594",
+    WIF: "https://assets.coingecko.com/coins/images/34784/large/dogwifhat.png?1708900000",
+    JUP: "https://assets.coingecko.com/coins/images/33721/large/Jupiter_logo.png?1704000000",
+    ORDI: "https://assets.coingecko.com/coins/images/32646/large/ordi.png?1700000000",
+    BOB: "https://assets.coingecko.com/coins/images/30920/large/Mog_Coin.png?1687939200",
+    PAYPAL: "https://www.paypalobjects.com/webstatic/mktg/logo/pp_cc_mark_37x23.jpg",
+    LSK: "https://logo.svgcdn.com/token-branded/lisk.svg",
+    FLOW: "https://www.cryptologos.cc/logos/flow-flow-logo.png",
+    RON: "https://logo.svgcdn.com/token-branded/ronin.svg",
+    ZETA: "https://logo.svgcdn.com/token-branded/zeta-chain.png",
+    SEI: "https://logo.svgcdn.com/token-branded/sei-network.png",
+    FTM: "https://logo.svgcdn.com/token-branded/fantom.png",
+};

package/package.json

@@ -0,0 +1,23 @@
+{
+  "name": "@tineon/t9n",
+  "version": "0.1.2",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.json"
+  },
+  "dependencies": {
+    "zod": "^3.24.1"
+  },
+  "devDependencies": {
+    "typescript": "^5.7.3"
+  }
+}