* feat: import system improvements, INK2 fix, and Swedish text corrections - SIE parser: Windows-1252 and CP437 encoding detection and decoding - Bank file parser: add Nordea Business (Företag) CSV format - Bank file parser: improve format detection for SEB, Länsförsäkringar, generic CSV - INK2 engine: calculate årets resultat (7222) from income statement for open fiscal years - Dashboard: parallel Supabase queries, simplified dashboard page - Fix Swedish characters (å, ä, ö) in BAS data descriptions, validation messages, AI consent disclosures - Import wizard UI improvements across all steps - Migration: add 'bas_range' match type to sie_account_mappings constraint - Extensive new tests for SIE parser encoding and bank file parser Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: arcim migration wizard UX fixes, Sentry setup, and extension scaffolding Arcim migration wizard improvements: - Progress bar now excludes non-interactive steps (migrating/result) - Fix OAuth text to match target="_blank" behavior (new tab, not redirect) - Display month names instead of "Månad X" in preview - Fix Swedish typo "förifylla" in no-company-info message - Replace native checkboxes with shadcn Switch in options step - Add ConfirmationDialog before starting migration - Show progress percentage during migration - Add "Nästa steg" guidance and navigation links in result step - Add "Försök igen" button in error state (returns to options) - Add Bokio company ID help text (GUID from URL) - Add Fortnox integration add-on hint on connection failure Also includes: SIE import system improvements, INK2 fixes, Swedish text corrections, Sentry error tracking setup, and arcim-migration extension scaffolding. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * fix: address PR review feedback - Fix OAuth error recovery blank page (restore provider from URL params) - Pass real userId to MigrationWizard instead of empty string - Remove ~50 debug console.log statements from sie-import.ts - Fix comment referencing account 3740 → 3741 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com> * feat: comprehensive UI design audit and normalization Dashboard audit: - Fix muted-foreground contrast (4.31:1 → 5.08:1) for WCAG AA - Add prefers-reduced-motion media query for all animations - Replace border-l-2 accent anti-pattern with subtle full-border colors - Add aria-expanded to toggle buttons, role="status" to live counters - Fix touch targets on deadline buttons (28px → 36px) - Vary section spacing for rhythm (mb-12/mb-10/mb-8) - Remove unused imports and dead code Transactions audit + hardening: - Add pagination (200 per page) with "Ladda fler" button - Replace height animation with transform-only exit animation - Show batch progress in floating action bar during processing - Fix batch bar mobile overlap (bottom-20 on mobile) - Replace clickable badges with proper button elements - Add safe area padding to fullscreen swipe view - Add response.ok check to suggestion fetch - Add truncation to invoice number buttons Invoicing audit: - Remove border-l-4 accent pattern from invoice cards - Replace string concatenation with cn() utility Systemic sweep (34 files): - All page headings: font-bold → font-display font-medium (Fraunces) - All stat numbers: font-bold → font-display font-medium tabular-nums - All hard-coded blue/amber/emerald colors → design tokens - Remove all dark mode overrides (tokens handle automatically) - Tint pure white card background to 99% Design context added to CLAUDE.md with brand personality, aesthetic direction, and 5 design principles. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: bookkeeping flow audit — design system, accessibility, UX - Replace raw <select> with shadcn Select component (JournalEntryForm) - Add confirmation dialog for account deletion (ChartOfAccountsManager) - Remove console.error from production code (JournalEntryList, JournalEntryForm) - Fix contradictory h-7/min-h-[44px] button sizing → h-10 (ChartOfAccountsManager) - Increase BAS catalog "Lägg till" touch target h-7 → h-9 - Improve loading state with spinner (JournalEntryList) - Improve empty state with icon, description, and guidance (JournalEntryList) - Add response.ok check on journal entry fetch - Add aria-expanded to entry expand buttons - Add tabular-nums to desktop debit/credit columns Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: onboarding and empty state improvements Onboarding: - Replace font-serif with font-display (Fraunces) for brand consistency - Remove console.error calls from production code Empty states: - Fix broken /transactions/new link in EmptyTransactions (route doesn't exist) - Add actionHref fallback to EmptyCustomers when no onAction prop provided - Improve EmptyTransactions description copy Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: clarify Swedish UX copy — terminology, errors, descriptions Terminology consistency: - "Försenad" → "Förfallen" for overdue invoices (customers/[id]) - "bokföringsorder" → actionable description in bookkeeping page - "verifikation har bifogats" → "underlag har bifogats" in doc warning - "Fortsätt ändå" → "Bokför utan underlag" (specific action) Error messages — replace generic "Fel" + "Något gick fel" with specific: - "Något gick fel vid bokföring" → "Transaktionen kunde inte bokföras" - "Något gick fel vid matchning" → "Transaktionen kunde inte matchas" - "Kunde inte hämta X" → "Kunde inte ladda X" + recovery hint - Add "Försök igen" guidance to all error toasts Page descriptions — replace redundant with actionable: - Invoices: "Skapa och hantera" → "Skicka, följ betalningar, skapa kreditnotor" - Bookkeeping: list of features → actionable description Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: design critique — dashboard affordance, reports description Dashboard: - Add ChevronRight indicator to clickable summary cards (Att få betalt, Koppla bank) to distinguish from static cards - Add cursor-pointer to linked cards Reports: - Replace feature list description with actionable guidance "Huvudbok, grundbok..." → "Generera skattedeklarationer..." Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: replace generic "Fel" error toasts with specific messages Deadlines: 5 generic "Fel" → specific per-action titles (create, toggle, edit, delete, load) Expenses detail: 5 generic "Fel" → specific per-action titles (load, approve, pay, credit, delete) Expenses new: 3 generic "Fel" → instructional validation messages (supplier name, supplier selection, invoice number) Customers: 1 generic "Fel" → specific load error with recovery hint All error toasts now follow pattern: title = what failed, description = how to recover Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: replace all remaining generic "Fel" error toasts (37 instances) Systematic sweep across 12 dashboard pages replacing generic title: 'Fel' with context-specific error titles: - Load errors: "Kunde inte ladda [resurs]" - Action errors: "[Åtgärd] misslyckades" - Validation: "[Fält] saknas" Every error toast now tells the user what failed without needing to read the description. Recovery hints added where missing. Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: import flow — normalize stat typography, remove console.warn - Replace font-bold with font-display font-medium on 13 stat numbers across SIEPreviewStep, BankFilePreviewStep, BankFileConfirmStep, ImportResultStep (missed by systemic sweep since these are in components/import/, not app/(dashboard)/) - Add tabular-nums to stat numbers displaying counts/currency - Remove console.warn in ArcimMigrationWorkspace Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: final cleanup — console statements, remaining font-bold stats Remove production console statements: - Step1EntityType: remove debug console.warn (dead code after onNext) - TransactionBookingDialog: remove console.error on doc link failure - JournalEntryAttachments: remove 3 console.error calls Normalize remaining font-bold stat displays: - SwipeCategorizationView: 3 instances (completion, amount displays) - NEDeclarationView: yearly result heading + value Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> * fix: address Greptile review feedback loadMoreTransactions: add inbox item enrichment matching fetchTransactions - Paginated transactions now fetch invoice_inbox_items in parallel - Fixes missing document indicator, template suggestions, and inbox match card for transactions loaded via "Ladda fler" fetchAllPages: add maxPages guard (default 500) to prevent infinite loop - If Arcim gateway returns hasMore:true indefinitely, the loop now exits after 500 pages instead of running forever Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com> --------- Co-authored-by: Claude Opus 4.6 <noreply@anthropic.com>
217 lines
6.2 KiB
TypeScript
217 lines
6.2 KiB
TypeScript
/**
|
|
* HTTP client for the Arcim Sync gateway API.
|
|
*
|
|
* Targets the consent-based resource API (/api/v1/consents/...) which
|
|
* provides typed, normalized access to any Swedish accounting provider.
|
|
*/
|
|
|
|
import type {
|
|
ArcimProvider,
|
|
ConsentRecord,
|
|
OtcResponse,
|
|
PaginatedResponse,
|
|
CompanyInformationDto,
|
|
CustomerDto,
|
|
SupplierDto,
|
|
SalesInvoiceDto,
|
|
SupplierInvoiceDto,
|
|
} from '../types'
|
|
|
|
function getBaseUrl(): string {
|
|
const url = process.env.ARCIM_SYNC_GATEWAY_URL
|
|
if (!url) throw new Error('ARCIM_SYNC_GATEWAY_URL is not configured')
|
|
return url.replace(/\/$/, '')
|
|
}
|
|
|
|
function getApiKey(): string {
|
|
const key = process.env.ARCIM_SYNC_API_KEY
|
|
if (!key) throw new Error('ARCIM_SYNC_API_KEY is not configured')
|
|
return key
|
|
}
|
|
|
|
async function request<T>(
|
|
path: string,
|
|
options: RequestInit = {}
|
|
): Promise<T> {
|
|
const url = `${getBaseUrl()}${path}`
|
|
const response = await fetch(url, {
|
|
...options,
|
|
headers: {
|
|
'Authorization': `Bearer ${getApiKey()}`,
|
|
'Content-Type': 'application/json',
|
|
...options.headers,
|
|
},
|
|
})
|
|
|
|
if (!response.ok) {
|
|
const body = await response.text().catch(() => '')
|
|
throw new Error(`Arcim API ${response.status}: ${body || response.statusText}`)
|
|
}
|
|
|
|
return response.json()
|
|
}
|
|
|
|
// ── Consent lifecycle ───────────────────────────────────────────────
|
|
|
|
export async function createConsent(
|
|
provider: ArcimProvider,
|
|
name: string,
|
|
orgNumber?: string,
|
|
companyName?: string
|
|
): Promise<ConsentRecord> {
|
|
return request<ConsentRecord>('/api/v1/consents', {
|
|
method: 'POST',
|
|
body: JSON.stringify({ name, provider, orgNumber, companyName }),
|
|
})
|
|
}
|
|
|
|
export async function getConsent(consentId: string): Promise<ConsentRecord> {
|
|
return request<ConsentRecord>(`/api/v1/consents/${consentId}`)
|
|
}
|
|
|
|
export async function generateOtc(
|
|
consentId: string,
|
|
expiresInMinutes: number = 60
|
|
): Promise<OtcResponse> {
|
|
return request<OtcResponse>(`/api/v1/consents/${consentId}/otc`, {
|
|
method: 'POST',
|
|
body: JSON.stringify({ expiresInMinutes }),
|
|
})
|
|
}
|
|
|
|
export async function deleteConsent(consentId: string): Promise<void> {
|
|
await request(`/api/v1/consents/${consentId}`, { method: 'DELETE' })
|
|
}
|
|
|
|
// ── OAuth helpers ───────────────────────────────────────────────────
|
|
|
|
export async function getAuthUrl(
|
|
provider: ArcimProvider,
|
|
state?: string
|
|
): Promise<{ url: string }> {
|
|
const params = new URLSearchParams()
|
|
if (state) params.set('state', state)
|
|
const qs = params.toString()
|
|
return request<{ url: string }>(`/api/v1/auth/${provider}/url${qs ? `?${qs}` : ''}`)
|
|
}
|
|
|
|
export async function exchangeAuthToken(
|
|
consentId: string,
|
|
provider: ArcimProvider,
|
|
otcCode: string,
|
|
oauthCode: string
|
|
): Promise<{ success: boolean; consentId: string }> {
|
|
return request(`/api/v1/auth/${provider}/callback`, {
|
|
method: 'POST',
|
|
body: JSON.stringify({
|
|
code: oauthCode,
|
|
consentId,
|
|
otcCode,
|
|
}),
|
|
})
|
|
}
|
|
|
|
// ── Token-based auth (Bokio, Björn Lundén, Briox) ──────────────────
|
|
|
|
export async function submitProviderToken(
|
|
consentId: string,
|
|
provider: ArcimProvider,
|
|
apiToken: string,
|
|
companyId?: string
|
|
): Promise<{ success: boolean; consentId: string }> {
|
|
return request(`/api/v1/auth/${provider}/callback`, {
|
|
method: 'POST',
|
|
body: JSON.stringify({
|
|
code: apiToken,
|
|
consentId,
|
|
...(companyId ? { companyId } : {}),
|
|
}),
|
|
})
|
|
}
|
|
|
|
// ── Resource fetching (paginated) ───────────────────────────────────
|
|
|
|
async function fetchAllPages<T>(
|
|
consentId: string,
|
|
resource: string,
|
|
params?: Record<string, string>,
|
|
pageSize: number = 100,
|
|
maxPages: number = 500
|
|
): Promise<T[]> {
|
|
const all: T[] = []
|
|
let page = 1
|
|
|
|
while (page <= maxPages) {
|
|
const query = new URLSearchParams({
|
|
page: String(page),
|
|
pageSize: String(pageSize),
|
|
...params,
|
|
})
|
|
const result = await request<PaginatedResponse<T>>(
|
|
`/api/v1/consents/${consentId}/${resource}?${query}`
|
|
)
|
|
all.push(...result.data)
|
|
|
|
if (!result.hasMore || result.data.length === 0) break
|
|
page++
|
|
}
|
|
|
|
return all
|
|
}
|
|
|
|
// ── Typed resource accessors ────────────────────────────────────────
|
|
|
|
export async function fetchCompanyInfo(
|
|
consentId: string
|
|
): Promise<CompanyInformationDto | null> {
|
|
// CompanyInformation is a singleton resource — gateway returns { data: object }
|
|
const result = await request<{ data: CompanyInformationDto }>(
|
|
`/api/v1/consents/${consentId}/companyinformation`
|
|
)
|
|
return result.data ?? null
|
|
}
|
|
|
|
export async function fetchCustomers(consentId: string): Promise<CustomerDto[]> {
|
|
return fetchAllPages<CustomerDto>(consentId, 'customers')
|
|
}
|
|
|
|
export async function fetchSuppliers(consentId: string): Promise<SupplierDto[]> {
|
|
return fetchAllPages<SupplierDto>(consentId, 'suppliers')
|
|
}
|
|
|
|
export async function fetchSalesInvoices(
|
|
consentId: string,
|
|
params?: Record<string, string>
|
|
): Promise<SalesInvoiceDto[]> {
|
|
return fetchAllPages<SalesInvoiceDto>(consentId, 'salesinvoices', params)
|
|
}
|
|
|
|
export async function fetchSupplierInvoices(
|
|
consentId: string,
|
|
params?: Record<string, string>
|
|
): Promise<SupplierInvoiceDto[]> {
|
|
return fetchAllPages<SupplierInvoiceDto>(consentId, 'supplierinvoices', params)
|
|
}
|
|
|
|
// ── SIE export ────────────────────────────────────────────────────
|
|
|
|
export interface SIEExportFile {
|
|
fiscalYear: number
|
|
sieType: number
|
|
rawContent: string
|
|
accountCount: number
|
|
transactionCount: number
|
|
}
|
|
|
|
export async function fetchSIEExport(
|
|
consentId: string,
|
|
sieType?: number
|
|
): Promise<{ files: SIEExportFile[] }> {
|
|
const params = new URLSearchParams()
|
|
if (sieType) params.set('sieType', String(sieType))
|
|
const qs = params.toString()
|
|
return request<{ files: SIEExportFile[] }>(
|
|
`/api/v1/consents/${consentId}/sie/export${qs ? `?${qs}` : ''}`
|
|
)
|
|
}
|