/* screen-settings.jsx — Company profile, invoice defaults, bank, language → window.QScreens.Settings */ (function () { const { useState } = React; const Q = window.Q, Icons = window.Icons; const { Icon } = Icons; const { AppBar, Card, Kicker, Button, Field, Input, Textarea, Select, Segmented, Toggle, QR, NitaMark, Collapsible } = Q; const t = window.t; function Settings({ api }) { const { db, setDb } = api; const co = db.COMPANY; const config = db.config || {}; const setCo = patch => setDb(d => ({ ...d, COMPANY: { ...d.COMPANY, ...patch } })); /* Write through to the canonical db.config; taxes also mirror onto COMPANY.taxes so the legacy reads still present stay in sync. */ const setConfig = patch => setDb(d => { const nextConfig = { ...d.config, ...patch }; const nextCo = patch.taxes ? { ...d.COMPANY, taxes: patch.taxes.map(tx => ({ id: tx.id, name: tx.name, rate: tx.rate })) } : d.COMPANY; return { ...d, config: nextConfig, COMPANY: nextCo }; }); const pm = co.payment || {}; const setPm = patch => setCo({ payment: { ...co.payment, ...patch } }); const setMethod = (key, patch) => setPm({ [key]: { ...(co.payment[key] || {}), ...patch } }); /* Currency names in the active locale (Intl.DisplayNames), falling back to the English seed name if the API or code is unsupported. */ const curName = (() => { let dn = null; try { dn = new Intl.DisplayNames(window.getLocale() === "fr" ? "fr" : "en", { type: "currency" }); } catch (e) {} return c => { try { return (dn && dn.of(c.code)) || c.name; } catch (e) { return c.name; } }; })(); const configTaxes = config.taxes || co.taxes || []; const configCurrencies = config.currencies || Object.values(window.CURRENCIES); const curOpts = configCurrencies.map(c => ({ value: c.code, label: `${c.code} · ${curName(c)}` })); const termOpts = [0, 15, 30, 45, 60].map(n => ({ value: String(n), label: n === 0 ? t("set.terms.receipt") : n === 60 ? t("g.net60") : t("g.net" + n) })); /* The company-default tax Select keys by tax id (not rate) so two taxes at the same rate (e.g. GST 5% vs VAT 5%) stay distinct. Selecting one stores BOTH the rate AND the name so the default carries identity downstream. */ const taxOpts = configTaxes.map(txObj => ({ value: txObj.id, label: txObj.name ? `${txObj.name} (${txObj.rate}%)` : window.LIB.fmtPct(txObj.rate) })); const defaultTaxId = (() => { const byName = configTaxes.find(tx => tx.rate === co.taxRate && (co.taxName == null || tx.name === co.taxName)); return (byName || configTaxes.find(tx => tx.rate === co.taxRate) || {}).id || ""; })(); /* Numbering scheme: the dropdown writes co.numbering (the invoice pattern LIB.nextNumber honors), and every option previews the REAL next number for that pattern against the live nextSeq — so the choices and the hint below agree to the digit (P2-2). co.numbering may be missing on an old db; fall back to the first preset so the Select is never desynced. */ const numPatterns = ["INV-{YYYY}-{seq}", "{YYYY}{seq}", "F-{seq}"]; const numOpts = numPatterns.map(p => ({ value: p, label: window.LIB.nextNumber({ ...co, numbering: p }, "invoice") })); const numValue = typeof co.numbering === "string" && numPatterns.indexOf(co.numbering) !== -1 ? co.numbering : numPatterns[0]; const locale = db.locale || "en"; return (
{/* ── Cluster 1: Your business ── */} {t("set.group.business")} {/* Company profile */}
{co.logo ? : }
{co.name}
{co.logo && ( )}
setCo({ name: e.target.value })} /> setCo({ email: e.target.value })} type="email" /> setCo({ phone: e.target.value })} mono />