- Need an invoice for a PO? +
-- Need an invoice for a PO? -
@@ -644,7 +459,7 @@ async function renderJoinCta(options = {}) { @@ -759,21 +574,19 @@ async function fetchUserContext() { return userContextCache; } - // Fetch billing info for revenue tier and subscription status - let revenueTier = null; + // Fetch billing info for subscription status let isPersonal = org.is_personal; let isMember = false; try { const billingResponse = await fetch(`/api/organizations/${org.id}/billing`, { credentials: 'include' }); if (billingResponse.ok) { const billingData = await billingResponse.json(); - revenueTier = billingData.revenue_tier; isPersonal = billingData.is_personal ?? isPersonal; isMember = billingData.subscription?.status === 'active'; } } catch (billingError) { - // Billing fetch failed, proceed without revenue tier - console.warn('Could not fetch billing info for pricing personalization'); + // Billing fetch failed, proceed without subscription info + console.warn('Could not fetch billing info'); } userContextCache = { @@ -781,7 +594,6 @@ async function fetchUserContext() { orgId: org.id, orgName: org.name, isPersonal: isPersonal, - revenueTier: revenueTier, isMember: isMember }; @@ -838,240 +650,3 @@ function escapeHtml(text) { return div.innerHTML; } -/** - * Escape HTML special characters to prevent XSS (for invoice modal) - */ -function escapeHtmlForInvoice(str) { - if (!str) return ''; - return str.replace(/[&<>"']/g, char => ({ - '&': '&', - '<': '<', - '>': '>', - '"': '"', - "'": ''' - })[char]); -} - -/** - * Open the invoice request modal - * @param {Object} options - Optional configuration - * @param {string} options.companyName - Pre-fill company name - * @param {string} options.selectedProduct - Pre-select a product by lookup_key - * @param {string} options.customerType - Filter products by customer type (e.g., 'company', 'individual') - * @param {string} options.revenueTier - Filter products by revenue tier - */ -async function openInvoiceRequestModal(options = {}) { - // Ensure styles are injected - injectJoinCtaStyles(); - - // Remove any existing modal - const existingModal = document.getElementById('invoiceRequestModal'); - if (existingModal) { - existingModal.remove(); - } - - // Fetch products from API with filtering if provided - let url = '/api/billing-products?category=membership'; - if (options.customerType) { - url += `&customer_type=${encodeURIComponent(options.customerType)}`; - } - if (options.revenueTier) { - url += `&revenue_tier=${encodeURIComponent(options.revenueTier)}`; - } - - let membershipProducts = []; - try { - const response = await fetch(url); - if (response.ok) { - const data = await response.json(); - membershipProducts = data.products || []; - } - } catch (error) { - console.error('Error fetching products:', error); - } - - // Generate product options HTML - // Filter to subscription products only (excludes legacy one-time invoice products) - let productOptionsHtml = ''; - if (membershipProducts.length > 0) { - const subscriptionProducts = membershipProducts.filter(p => p.billing_type === 'subscription'); - for (const product of subscriptionProducts) { - const price = formatCurrency(product.amount_cents, product.currency); - const selected = options.selectedProduct === product.lookup_key ? ' selected' : ''; - const escapedLookupKey = escapeHtmlForInvoice(product.lookup_key); - const escapedDisplayName = escapeHtmlForInvoice(product.display_name); - productOptionsHtml += ``; - } - } else { - // Fallback if no products configured in Stripe - productOptionsHtml += ''; - } - - // Escape company name for HTML attribute - const companyNameValue = escapeHtmlForInvoice(options.companyName || ''); - - const modalHtml = ` - - `; - - document.body.insertAdjacentHTML('beforeend', modalHtml); - - // Focus first input - setTimeout(() => { - document.getElementById('invoice-company')?.focus(); - }, 100); -} - -/** - * Close the invoice request modal - */ -function closeInvoiceRequestModal() { - const modal = document.getElementById('invoiceRequestModal'); - if (modal) { - modal.remove(); - } -} - -/** - * Submit the invoice request form - */ -async function submitInvoiceRequest(event) { - event.preventDefault(); - - const form = event.target; - const submitBtn = document.getElementById('invoiceSubmitBtn'); - const errorDiv = document.getElementById('invoiceFormError'); - - // Disable button and show loading state - submitBtn.disabled = true; - submitBtn.textContent = 'Sending...'; - errorDiv.style.display = 'none'; - - const formData = new FormData(form); - - const requestData = { - companyName: formData.get('companyName'), - contactName: formData.get('contactName'), - contactEmail: formData.get('contactEmail'), - lookupKey: formData.get('lookupKey'), - billingAddress: { - line1: formData.get('line1'), - line2: formData.get('line2') || undefined, - city: formData.get('city'), - state: formData.get('state'), - postal_code: formData.get('postal_code'), - country: formData.get('country'), - }, - }; - - try { - const response = await fetch('/api/invoice-request', { - method: 'POST', - headers: { - 'Content-Type': 'application/json', - }, - body: JSON.stringify(requestData), - }); - - const result = await response.json(); - - if (!response.ok) { - throw new Error(result.message || 'Failed to send invoice'); - } - - // Show success state - const modalBody = document.querySelector('.invoice-modal-body'); - const modalFooter = document.querySelector('.invoice-modal-footer'); - - modalBody.innerHTML = ` -We've sent an invoice to ${requestData.contactEmail}. Please check your email for payment instructions.
-The invoice is due within 30 days. You can pay online via the link in the email.
-