whisper-money/resources/js/components/transactions
Víctor Falcón 4c83cb8b33
feat(import): persist per-account import configuration on the backend (#698)
## What & why

Import configuration (the CSV/Excel column mapping and date format a
user
sets up per account) was stored in the browser's `localStorage`, so it
never
followed the user to another device. Importing the same account's
statement on
mobile — or on a new machine — meant reconfiguring the mapping from
scratch.

This moves that configuration to the backend, keyed per account and per
import
type, so it's preconfigured and loaded automatically wherever the user
imports.

## Demo

Cross-device QA: import transactions on "device 1" with a custom column
mapping, then clear **all** cookies + local/session storage (simulating
a
fresh device), log back in, and start a new import — the mapping
(Description → *Movement*, Amount → *How Much*, date format
*DD-MM-YYYY*)
is auto-loaded from the backend with no manual setup.


https://github.com/user-attachments/assets/e449dfe9-3970-48d4-97ca-9e415c73835b



## How

- New `account_import_configs` table: one row per `(account_id, type)`
where
`type` is `transaction` or `balance`. The mapping + date format are
stored as
  an opaque `config` JSON blob (exactly what the client sends).
- `GET/PUT /api/accounts/{account}/import-config`
(`AccountImportConfigController`),
authorized via the existing `AccountPolicy` (`view`/`update`) — mirrors
  `AccountBalanceController`. `PUT` upserts on `(account_id, type)`.
- Frontend: the two import-config storage helpers now read/write the
endpoint
via `axios` instead of `localStorage` (merged into a single module — the
  transaction and balance variants shared the same logic).
- The saved config is fetched **off the file-parse critical path**: the
parsed
file shows immediately with auto-detected columns, and the saved mapping
is
applied when it arrives (guarded so a slow load can't clobber a file
picked
afterwards). A slow or hanging request never blocks the preview or Next
  button. When no config exists or the request fails, it falls back to
  auto-detection exactly as before.

## Notes / decisions

- **No localStorage migration.** Existing per-device configs aren't
migrated;
on the next import the mapping is auto-detected and re-saved to the
backend,
so it self-heals after one import. The old `import_config_account_*`
keys are
  simply no longer read.
- The mapping-validity check against the actual file headers stays
client-side
  (it depends on the just-parsed file).

## Testing

- `tests/Feature/AccountImportConfigTest.php` (9 tests): auth required,
  cross-user 403 on read and write, save→persist→load round-trip, upsert
  de-duplication, transaction/balance independence, and validation
  (unknown type, missing column mapping).
- Sibling suites green (`AccountBalanceControllerTest`,
`SavedFilterTest`) —
no regression from the new `Account::importConfigs()` relation or
routes.
2026-07-18 16:10:40 +02:00
..
ai-upsell-sample.test.ts
…
ai-upsell-sample.ts
…
bulk-actions-bar.tsx
…
bulk-category-select.tsx
…
bulk-label-select.tsx
…
categorizer-card.tsx
…
categorizer-command.tsx
…
category-cell.tsx
…
category-select.tsx
…
edit-transaction-dialog.test.tsx
…
edit-transaction-dialog.tsx
…
import-step-account.test.tsx
…
import-step-account.tsx
…
import-step-mapping.tsx
…
import-step-preview.tsx
…
import-step-upload.test.tsx
…
import-step-upload.tsx
…
import-transactions-button.tsx
…
import-transactions-drawer.tsx
…
saved-filters.tsx
…
transaction-actions-menu.test.tsx
…
transaction-actions-menu.tsx
…
transaction-analysis-drawer.test.tsx
…
transaction-analysis-drawer.tsx
…
transaction-columns.test.tsx
…
transaction-columns.tsx
…
transaction-description.test.tsx
…
transaction-description.tsx
…
transaction-filters.test.tsx
…
transaction-filters.tsx
…
transaction-list.test.tsx
…
transaction-list.tsx
…