+
β‘ Lightning Zap
${balanceDisplay}
- ${railToggleHtml}
@@ -362,7 +322,6 @@ export function promptZapDetails(options = {}) {
- ${sharedMintInfoHtml}
`;
@@ -386,9 +345,7 @@ export function promptZapDetails(options = {}) {
const cancelBtn = overlay.querySelector('.zap-cancel');
const enableZapEl = overlay.querySelector('.zap-selector-enable');
const presetButtons = Array.from(overlay.querySelectorAll('.zap-preset'));
- const railOptionButtons = Array.from(overlay.querySelectorAll('.zap-rail-option'));
const warningEl = overlay.querySelector('[data-warning="insufficient-balance"]');
- const mintInfoEl = overlay.querySelector('[data-rail-info="nutzap"]');
const parseCurrentValues = () => {
const amountSats = Number(amountEl?.value || 0);
@@ -397,18 +354,6 @@ export function promptZapDetails(options = {}) {
return { amountSats, comment, shouldZap };
};
- const updateRailSelection = (rail) => {
- if (!rail || !hasAnyRail) return;
- selectedRail = rail;
- railOptionButtons.forEach((btn) => {
- btn.classList.toggle('active', btn.dataset?.rail === rail);
- });
- // Show/hide shared mint info based on selected rail.
- if (mintInfoEl) {
- mintInfoEl.style.display = (rail === 'nutzap') ? '' : 'none';
- }
- };
-
const updateBalanceWarning = () => {
if (!warningEl) return;
const { amountSats } = parseCurrentValues();
@@ -426,11 +371,6 @@ export function promptZapDetails(options = {}) {
if (amountEl && button?.dataset?.amount) {
amountEl.value = button.dataset.amount;
}
- // Re-evaluate default rail when amount changes via preset.
- if (showRailToggle) {
- const newDefault = chooseDefaultRail({ canLightning, canNutzap }, Number(button?.dataset?.amount || 0));
- if (newDefault) updateRailSelection(newDefault);
- }
updateBalanceWarning();
};
@@ -440,24 +380,9 @@ export function promptZapDetails(options = {}) {
amountEl?.addEventListener('input', () => {
presetButtons.forEach((btn) => btn.classList.remove('active'));
- // Re-evaluate default rail as the user types.
- if (showRailToggle) {
- const { amountSats } = parseCurrentValues();
- const newDefault = chooseDefaultRail({ canLightning, canNutzap }, amountSats);
- if (newDefault) updateRailSelection(newDefault);
- }
updateBalanceWarning();
});
- railOptionButtons.forEach((button) => {
- button.addEventListener('click', () => {
- const rail = button?.dataset?.rail;
- if (rail === 'nutzap' || rail === 'lightning') {
- updateRailSelection(rail);
- }
- });
- });
-
saveDefaultBtn?.addEventListener('click', async () => {
const { amountSats, comment } = parseCurrentValues();
if (!Number.isFinite(amountSats) || amountSats <= 0) {
@@ -490,13 +415,227 @@ export function promptZapDetails(options = {}) {
});
sendBtn?.addEventListener('click', () => {
- if (!hasAnyRail) return;
const { amountSats, comment, shouldZap } = parseCurrentValues();
if (shouldZap && (!Number.isFinite(amountSats) || amountSats <= 0)) {
amountEl?.focus();
return;
}
- closeActiveZapModal({ amountSats, comment, shouldZap, rail: selectedRail }, resolve);
+ closeActiveZapModal({ amountSats, comment, shouldZap }, resolve);
+ });
+
+ cancelBtn?.addEventListener('click', () => closeActiveZapModal(null, resolve));
+ overlay.addEventListener('click', (event) => {
+ if (event.target === overlay) closeActiveZapModal(null, resolve);
+ });
+
+ const onEscape = (event) => {
+ if (event.key !== 'Escape') return;
+ document.removeEventListener('keydown', onEscape);
+ closeActiveZapModal(null, resolve);
+ };
+ document.addEventListener('keydown', onEscape);
+
+ activeZapModalEl = overlay;
+ document.body.appendChild(overlay);
+ const defaultPreset = presetButtons.find((btn) => Number(btn.dataset?.amount || 0) === normalizedDefaultAmount);
+ if (defaultPreset) {
+ selectPreset(defaultPreset);
+ } else {
+ presetButtons.forEach((btn) => btn.classList.remove('active'));
+ }
+ updateBalanceWarning();
+ amountEl?.focus();
+ });
+}
+
+/**
+ * Nutzap (Cashu ecash) details dialog.
+ *
+ * Shows amount input, preset amounts, Cashu balance, the recipient's accepted
+ * mints (from kind 10019), and which shared mint will be used to send the
+ * ecash. Returns the user's choices or null if cancelled.
+ *
+ * @param {Object} options
+ * @param {number} [options.defaultAmountSats=21]
+ * @param {string} [options.defaultComment='']
+ * @param {boolean} [options.defaultShouldZap=true]
+ * @param {Function} [options.onSaveDefault]
+ * @param {number|null} [options.balanceSats=null]
+ * @param {string[]} [options.recipientMints=[]] - all mints on recipient's kind 10019
+ * @param {string[]} [options.sharedMints=[]] - mints shared with sender's wallet
+ * @returns {Promise<{amountSats:number, comment:string, shouldZap:boolean}|null>}
+ */
+export function promptNutzapDetails(options = {}) {
+ if (activeZapModalEl) {
+ return Promise.resolve(null);
+ }
+
+ const {
+ defaultAmountSats = 21,
+ defaultComment = '',
+ defaultShouldZap = true,
+ onSaveDefault = null,
+ balanceSats = null,
+ recipientMints = [],
+ sharedMints = []
+ } = options;
+
+ const normalizedRecipientMints = Array.isArray(recipientMints)
+ ? recipientMints.map((m) => String(m || '').trim()).filter(Boolean)
+ : [];
+ const normalizedSharedMints = Array.isArray(sharedMints)
+ ? sharedMints.map((m) => String(m || '').trim()).filter(Boolean)
+ : [];
+ const primarySharedMint = normalizedSharedMints[0] || '';
+
+ return new Promise((resolve) => {
+ const initialAmount = Number(defaultAmountSats);
+ const normalizedDefaultAmount = Number.isFinite(initialAmount) && initialAmount > 0
+ ? Math.floor(initialAmount)
+ : 21;
+ const normalizedDefaultComment = String(defaultComment || '').trim();
+
+ const balanceDisplay = (Number.isFinite(Number(balanceSats)) && Number(balanceSats) >= 0)
+ ? `
Cashu balance: ${Math.floor(Number(balanceSats))} sats
`
+ : '';
+
+ const sharedMintInfoHtml = primarySharedMint
+ ? `
Will send via ${escapeHtml(primarySharedMint)}
`
+ : '';
+
+ const recipientMintsListHtml = normalizedRecipientMints.length > 0
+ ? `
+
Recipient accepts mints:
+
+ ${normalizedRecipientMints.map((m) => {
+ const isShared = normalizedSharedMints.some(
+ (s) => s.replace(/\/+$/, '').toLowerCase() === m.replace(/\/+$/, '').toLowerCase()
+ );
+ return `- ${escapeHtml(m)}${isShared ? ' β' : ''}
`;
+ }).join('')}
+
+
`
+ : '';
+
+ const overlay = document.createElement('div');
+ overlay.className = 'zap-selector-overlay';
+ overlay.innerHTML = `
+
+
π₯ Nutzap
+ ${balanceDisplay}
+
+
+
+
+
+
+
+
+
+ ${sharedMintInfoHtml}
+ ${recipientMintsListHtml}
+
+
+
+
+
+
+
+
+ `;
+
+ const amountEl = overlay.querySelector('.zap-selector-amount');
+ const commentEl = overlay.querySelector('.zap-selector-comment');
+ const sendBtn = overlay.querySelector('.zap-send');
+ const saveDefaultBtn = overlay.querySelector('.zap-save-default');
+ const cancelBtn = overlay.querySelector('.zap-cancel');
+ const enableZapEl = overlay.querySelector('.zap-selector-enable');
+ const presetButtons = Array.from(overlay.querySelectorAll('.zap-preset'));
+ const warningEl = overlay.querySelector('[data-warning="insufficient-balance"]');
+
+ const parseCurrentValues = () => {
+ const amountSats = Number(amountEl?.value || 0);
+ const comment = String(commentEl?.value || '').trim();
+ const shouldZap = Boolean(enableZapEl?.checked);
+ return { amountSats, comment, shouldZap };
+ };
+
+ const updateBalanceWarning = () => {
+ if (!warningEl) return;
+ const { amountSats } = parseCurrentValues();
+ const balance = Number(balanceSats);
+ const insufficient = Number.isFinite(balance)
+ && balance >= 0
+ && Number.isFinite(amountSats)
+ && amountSats > balance;
+ warningEl.textContent = insufficient ? 'Insufficient balance' : '';
+ warningEl.style.display = insufficient ? '' : 'none';
+ };
+
+ const selectPreset = (button) => {
+ presetButtons.forEach((btn) => btn.classList.toggle('active', btn === button));
+ if (amountEl && button?.dataset?.amount) {
+ amountEl.value = button.dataset.amount;
+ }
+ updateBalanceWarning();
+ };
+
+ presetButtons.forEach((button) => {
+ button.addEventListener('click', () => selectPreset(button));
+ });
+
+ amountEl?.addEventListener('input', () => {
+ presetButtons.forEach((btn) => btn.classList.remove('active'));
+ updateBalanceWarning();
+ });
+
+ saveDefaultBtn?.addEventListener('click', async () => {
+ const { amountSats, comment } = parseCurrentValues();
+ if (!Number.isFinite(amountSats) || amountSats <= 0) {
+ amountEl?.focus();
+ return;
+ }
+
+ if (typeof onSaveDefault === 'function') {
+ try {
+ await onSaveDefault({ amountSats, comment });
+ saveDefaultBtn.textContent = 'Saved';
+ setTimeout(() => {
+ if (saveDefaultBtn) saveDefaultBtn.textContent = 'Save as default';
+ }, 1200);
+ } catch (error) {
+ console.error('[zaps] Save as default failed:', error?.message || error, error);
+ saveDefaultBtn.textContent = 'Save failed';
+ setTimeout(() => {
+ if (saveDefaultBtn) saveDefaultBtn.textContent = 'Save as default';
+ }, 1200);
+ }
+ return;
+ }
+
+ console.warn('[zaps] Save as default unavailable: onSaveDefault callback not provided');
+ saveDefaultBtn.textContent = 'Unavailable';
+ setTimeout(() => {
+ if (saveDefaultBtn) saveDefaultBtn.textContent = 'Save as default';
+ }, 1200);
+ });
+
+ sendBtn?.addEventListener('click', () => {
+ const { amountSats, comment, shouldZap } = parseCurrentValues();
+ if (shouldZap && (!Number.isFinite(amountSats) || amountSats <= 0)) {
+ amountEl?.focus();
+ return;
+ }
+ closeActiveZapModal({ amountSats, comment, shouldZap }, resolve);
});
cancelBtn?.addEventListener('click', () => closeActiveZapModal(null, resolve));
@@ -519,8 +658,6 @@ export function promptZapDetails(options = {}) {
} else {
presetButtons.forEach((btn) => btn.classList.remove('active'));
}
- // Initialize rail selection and dependent UI state.
- updateRailSelection(selectedRail);
updateBalanceWarning();
amountEl?.focus();
});