# Changelog ## [6.1.0-beta.69] - 2026/08/31 ### Fixed - Status labels no longer capitalize the letter after an accent. The title-case helper matched word boundaries with `\b\w`, which excludes accented characters, so "EN REVISIÓN" rendered as "En RevisióN". Word boundaries are now detected with whitespace plus the Unicode letter class. - Checks without a stored image show the "not available" placeholder again. `viacheck-check-detail` only applies its `errorImage` prop in the legacy carousel; with `newDesign` it mounts the CheckViewer and forwards an empty URL with no fallback, leaving the frame blank. The viewer is now fed the placeholder when the check has no front image. - The filters card no longer paints over the host's blue top bar on small screens. `.cdr-filters-form` was raised to `z-index: 100` when it only needed to clear the results table's sticky header (`z-index: 2`), and ViaOne's `.navigation` declares `z-index: 1001` without `position`, making that value inert. The filters subtree now uses `z-index: 3`. ## [6.1.0-beta.68] - 2026/08/31 ### Changed - The close (X) button of the check zoom no longer fills with blue on hover, focus or press: it keeps the same white background with the blue frame and glyph at all times. Inverting it meant the control changed completely at the exact moment of the click, and over the check image the solid blue block drew more attention than the check itself. `:active` and `:focus` are pinned explicitly because the browser applies its own pressed-button styling. Keyboard focus is now shown with a ring outside the frame instead of the inverted fill, so removing the inversion does not cost accessibility. ## [6.1.0-beta.67] - 2026/08/31 ### Fixed - The filter placeholders were hardcoded in English and stayed that way with the UI in Spanish: Transit, Account, Check #, Payee, Batch ID and the "$ to" of the Between range. They now go through `t()`. No new translation keys were needed: `langReport.transit`, `account`, `checkNumber`, `payee`, `batchId` and `to` already existed and were already being used for the labels of those same fields. Each call keeps an inline English fallback so a host missing a key still renders something usable instead of the raw key. - The amount comparison select widened from 110px to 130px. A native `select` clips its text with no ellipsis, so the Spanish "Seleccionar" was being cut to "Selecciona" and read like a typo. The string was always correct in all four locale files; the box was too narrow. ## [6.1.0-beta.66] - 2026/08/31 ### Added - The Reason column is back, sitting right after Status among the base columns. It renders only when at least one row on the current page carries a non-empty `returnedReason`, the same dataset criterion the CTR block uses: a column that is empty on every row is noise. The value is the same `returnedReason` the detail panel already shows, so no backend or SP change was needed. Label comes from the new `langReport.reason` key ("Motivo" / "Reason"), with an inline fallback so an old host without the key still renders a usable header. Column widths are positional (`nth-child`), so the presence of the column has to reach the CSS: the component now adds a `cdr-container--with-reason` modifier. With Reason the CTR block shifts from positions 7-9 to 8-10, which is why two new width blocks were added (10 columns with CTR, 7 without). The Reason cell wraps instead of truncating, since cutting the text would leave the agent without the actual return motive. ### Changed - Every purple in the report is now `violet-700` (`#4a3781`) from the design system, via a new `$violet` variable. It previously used the CSS keyword `purple` (`#800080`), which is not part of the palette. Covers the amount, the status text and the totals panel value for temporary account. ## [6.1.0-beta.65] - 2026/08/31 ### Changed - The info icon in the totals panel is now the institutional blue (`$secondary`) instead of grey. Scoped to `.ctr-info-icon.cdr-totals__info` on purpose, so the icons in the CTR column stay grey. There the icon sits next to the Send / Resend / Sent control and the state colour is already carried by the button; in the totals panel the icon is the only interactive element of the label, so it needs to read as one. ## [6.1.0-beta.64] - 2026/08/31 ### Changed - The info tooltip icons in the totals panel move to the right of the Hold and Temporary Account labels, so the label reads first and the icon trails it. - The tooltip bubble is now the institutional blue (`$secondary`, `#075ca6`) with white text, replacing the dark grey. The arrow follows the same colour. Reuses the existing `$secondary` variable instead of adding a duplicate hex, so it stays tied to the same blue as the viewer's Front/Back/Zoom buttons and the ARCA registration notice. White on `#075ca6` gives 5.9:1, above the AA minimum. Note this applies to every CTR tooltip, including the ones in the CTR column next to the Send / Resend / Sent controls, which keeps them consistent. ## [6.1.0-beta.63] - 2026/08/31 ### Added - Info tooltip icons next to the Hold and Temporary Account labels in the totals panel, restoring the ones the previous `SummaryChecks` layout had. They carry the same copy (`summaryCheck.holdtooltip` / `summaryCheck.temporarytooltip`), so no new translation keys are needed. Reuses the package's existing CSS-only tooltip (`data-ctr-tooltip` + `::after`) instead of pulling in `react-tooltip`. A `cdr-totals__info` modifier lets the bubble wrap at a fixed 220px, since these strings are full sentences while the CTR tooltip is a short `nowrap` label. ### Changed - Restyled the close (X) button of the check zoom overlay: blue glyph (`#075ca6`) inside a blue framed box, with hover and keyboard focus inverting the frame. The definitive style now lives in `@viamericas/viacheck-check-viewer` 0.0.4. This report keeps its own override because npm can resolve an older nested copy of the viewer here; restating the frame guarantees the design regardless of the installed viewer version. The override also trims the button from 48x48 to 40x40 so the frame stays inside the overlay's 44px top padding instead of clipping over the check image. ## [6.1.0-beta.61] - 2026/08/31 ### Changed - The STATUS text takes the same colour as the row's amount whenever the backend sends one. The two used to be driven by different fields: the amount colour comes from `item.color` (where the money ended up — hold, temporary account, void, credited) and the status text from `checkStatus` (how far along the check is). A check can be "Scanned" and sit in a temporary account at the same time, which rendered a green status next to a purple amount. Mapping applied: `summary-hold-style` → blue `#005ea6`, `summary-void-style` → red `#d21b40`, `summary-temporary-style` → purple, `summary-clean-style` → green `#54ba4c`. When `item.color` is absent the status keeps the colour derived from its own key, so nothing regresses for states the backend sends no amount colour for. - The Temporary Account total in the summary panel is purple, matching the amount and status colours the same concept uses in the table. It was rendering in the default dark grey. New modifier `cdr-totals__item-value--purple`. - Per-column alignment rules are scoped to `.cdr-results__table-section` instead of `.cdr-container`. The detail panel also renders tables (Transit / Account / Clearing Date) and the `nth-child` rules were reaching them: the "Account" title picked up the left alignment meant for the USER header in column 2. The detail panel's table alignment is now declared explicitly. It used to be centred only as a side effect of that same leak, so removing the leak without stating it would have left those columns left-aligned. ### Fixed - Info icons in the CTR column really do line up now, and the send/resend buttons are narrower. 6.1.0-beta.60 gave the action slot `flex: 1 1 auto`. With an `auto` basis each element starts from its natural width (button ~112px, "Sent" text ~35px) and only the leftover space is shared, so they ended up different widths and the icons stayed slightly off. The slot now has a fixed 92px width, which pins the icon position and sizes every button the same. 92px fits the longest label in both languages ("Reenviar") and is narrower than the 112px the consumer sets. `.ctr-btn` width and min-width are overridden so the slot governs the size. ## [6.1.0-beta.60] - 2026/08/31 ### Removed - Parentheses around VOID amounts in the VALUE column. The red amount and the STATUS column already state the check is void, and the parentheses read as a negative figure. Note: the embedded batch-detail view (`dataGrid !== null`) still renders the parentheses and the fixed `0.00` above the amount. It builds its columns from `dataGrid.columns` and has been left untouched since 6.1.0-beta.54 to avoid disturbing its layout, so the two views now differ more visibly. ### Changed - The VOID entry in the STATUS column uses the same red (`#d21b40`) as the amount, instead of orange. Hold and Scanned already matched their amount colour; void was the only state where the two disagreed. `delete`, `returned` and `imgbad` keep their orange, since the backend sends no amount colour for them. - Info icons in the CTR column line up across rows. The cell centred itself as a whole, so a ~112px button left the icon much further right than the ~35px "Sent" text and the icons did not form a column. The action slot now takes the available width and centres its own content, which pins the icon to a fixed position regardless of what the slot holds. Side effect: the send/resend buttons stretch to fill the slot, so they all share one width instead of the consumer's fixed 112px. - CTR deadline badges align to the left edge of their column, and the column header lines up with them. They were centred, so each badge started at a different x depending on its length ("Sent 08/31/26" vs "15 days remain") and no header alignment could match them. - The CTR column header is centred again, reverting the left alignment introduced in 6.1.0-beta.58. Its content is a wide control, which a centred title suits better. USER, ID CTR and CTR DEADLINE stay left-aligned. ### Fixed - The chip remove control no longer turns red on hover, and the clear-all control is grey instead of orange. Red read as a destructive action when it only drops a search criterion, and the orange accent implied a primary action. - The multiselect control's box (border, radius, background, height, typography) is now pinned from within `.cdr-filters__field`. `CheckboxSelect.css` declares it with single-class selectors, which lose against the consumer's global rules: in the reports micro-front the control rendered with no border and an orange chevron instead of grey. ## [6.1.0-beta.58] - 2026/08/31 ### Fixed - The CTR info icon used `cursor: help`, which renders a question-mark pointer and reads as unresolved contextual help. It now uses `cursor: default`. ### Changed - Column headers for USER, ID CTR, CTR and CTR DEADLINE are left-aligned. Only the headers changed; the cell values keep their alignment, since those columns hold centred controls and badges. - Check number column back to 85px from the 105px set in 6.1.0-beta.56 (row min-width 990px, no-CTR layout 590px). The wider value was needed for the spelled-out English label, which consumers have since shortened. - The `SENT` / `RESENT` state renders as plain green text instead of a disabled grey button. A greyed-out control reads as something waiting to be enabled, when the submission has in fact already completed. It is a state, not an action, so it is no longer styled as one. The info icon and its tooltip are unchanged, and still carry the sent date. Consumers can drop any `.ctr-btn-sent` rule: that class is no longer rendered. The new element is `.ctr-sent-text`, styled by the package. ## [6.1.0-beta.57] - 2026/08/31 ### Fixed - Reverted the Status and ARCA Status filters back to `CheckboxSelect`. Release 6.1.0-beta.56 swapped them for a react-select wrapper, which dropped the checkbox list and the "All" option. Only the chips in the control were wanted, not a different dropdown. See the `Changed (filters)` entry below for the behaviour that ships now. ### Changed - The CTR info icon is now `fa-info-circle`, the same Font Awesome glyph the ARCA registration form uses for its notification hint, instead of a circle drawn with `border-radius` plus a literal `"i"` character. It renders in a single grey tone for all three states. The per-state colours (grey / orange / blue) were dropped because the button beside it already carries the state, and the icon reading as a status signal was redundant. ## [6.1.0-beta.56] - 2026/08/31 ### Changed (filters) > Nota: publicado con los filtros migrados a react-select. Ese cambio se revirtió > en 6.1.0-beta.57; lo descrito acá es el comportamiento definitivo, disponible a > partir de esa versión. - `CheckboxSelect` shows the current selection as chips inside the control, one per selected item, each with its own remove control, plus a control that clears the whole selection. The dropdown is untouched: it keeps the "All" option and a checkbox per option. Previously the control collapsed the selection into `"N selected"`, so the applied criteria were not visible and a single one could not be dropped without opening the list and hunting for it. Implementation notes: - The trigger is no longer a `