odoo-addon-account-reconcile-oca 16.0.1.2.12.2__py3-none-any.whl → 17.0.1.0.0.20__py3-none-any.whl

odoo/addons/account_reconcile_oca/static/description/index.html

@@ -366,10 +366,11 @@ ul.auto-toc {
 !! This file is generated by oca-gen-addon-readme !!
 !! changes will be overwritten.                   !!
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
-!! source digest: sha256:7fe40b33ad622d1d511a9203e3e94c024050eb427a77330a46a60977c6ce423b
+!! source digest: sha256:eaa1b6b3dece89dbb5fd23794f5d597769b2e3cc3823ffb127b4dd7808251d19
 !!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! -->
-<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/account-reconcile/tree/16.0/account_reconcile_oca"><img alt="OCA/account-reconcile" src="https://img.shields.io/badge/github-OCA%2Faccount--reconcile-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/account-reconcile-16-0/account-reconcile-16-0-account_reconcile_oca"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/account-reconcile&amp;target_branch=16.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
-<p>This addon allows to reconcile bank statements and account marked as <cite>reconcile</cite>.</p>
+<p><a class="reference external image-reference" href="https://odoo-community.org/page/development-status"><img alt="Beta" src="https://img.shields.io/badge/maturity-Beta-yellow.png" /></a> <a class="reference external image-reference" href="http://www.gnu.org/licenses/agpl-3.0-standalone.html"><img alt="License: AGPL-3" src="https://img.shields.io/badge/licence-AGPL--3-blue.png" /></a> <a class="reference external image-reference" href="https://github.com/OCA/account-reconcile/tree/17.0/account_reconcile_oca"><img alt="OCA/account-reconcile" src="https://img.shields.io/badge/github-OCA%2Faccount--reconcile-lightgray.png?logo=github" /></a> <a class="reference external image-reference" href="https://translation.odoo-community.org/projects/account-reconcile-17-0/account-reconcile-17-0-account_reconcile_oca"><img alt="Translate me on Weblate" src="https://img.shields.io/badge/weblate-Translate%20me-F47D42.png" /></a> <a class="reference external image-reference" href="https://runboat.odoo-community.org/builds?repo=OCA/account-reconcile&amp;target_branch=17.0"><img alt="Try me on Runboat" src="https://img.shields.io/badge/runboat-Try%20me-875A7B.png" /></a></p>
+<p>This addon allows to reconcile bank statements and account marked as
+reconcile.</p>
 <p><strong>Table of contents</strong></p>
 <div class="contents local topic" id="contents">
 <ul class="simple">
@@ -392,13 +393,13 @@ ul.auto-toc {
 <h1><a class="toc-backref" href="#toc-entry-1">Usage</a></h1>
 <div class="section" id="bank-reconcile">
 <h2><a class="toc-backref" href="#toc-entry-2">Bank reconcile</a></h2>
-<p>Access <cite>Invoicing / Dashboard</cite> with a user with Full Acounting capabilities.
-Select reconcile on the journal of your choice.</p>
+<p>Access Invoicing / Dashboard with a user with Full Acounting
+capabilities. Select reconcile on the journal of your choice.</p>
 </div>
 <div class="section" id="account-reconcile">
 <h2><a class="toc-backref" href="#toc-entry-3">Account reconcile</a></h2>
-<p>Access <cite>Invoicing / Accounting / Actions / Reconcile</cite>
-All the possible reconcile options will show and you will be able to reconcile properly.
+<p>Access Invoicing / Accounting / Actions / Reconcile All the possible
+reconcile options will show and you will be able to reconcile properly.
 You can access the same widget from accounts and Partners.</p>
 </div>
 </div>
@@ -414,7 +415,7 @@ You can access the same widget from accounts and Partners.</p>
 <p>Bugs are tracked on <a class="reference external" href="https://github.com/OCA/account-reconcile/issues">GitHub Issues</a>.
 In case of trouble, please check there if your issue has already been reported.
 If you spotted it first, help us to smash it by providing a detailed and welcomed
-<a class="reference external" href="https://github.com/OCA/account-reconcile/issues/new?body=module:%20account_reconcile_oca%0Aversion:%2016.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
+<a class="reference external" href="https://github.com/OCA/account-reconcile/issues/new?body=module:%20account_reconcile_oca%0Aversion:%2017.0%0A%0A**Steps%20to%20reproduce**%0A-%20...%0A%0A**Current%20behavior**%0A%0A**Expected%20behavior**">feedback</a>.</p>
 <p>Do not contact contributors directly about support or help with technical issues.</p>
 </div>
 <div class="section" id="credits">
@@ -441,7 +442,7 @@ mission is to support the collaborative development of Odoo features and
 promote its widespread use.</p>
 <p>Current <a class="reference external" href="https://odoo-community.org/page/maintainer-role">maintainer</a>:</p>
 <p><a class="reference external image-reference" href="https://github.com/etobella"><img alt="etobella" src="https://github.com/etobella.png?size=40px" /></a></p>
-<p>This module is part of the <a class="reference external" href="https://github.com/OCA/account-reconcile/tree/16.0/account_reconcile_oca">OCA/account-reconcile</a> project on GitHub.</p>
+<p>This module is part of the <a class="reference external" href="https://github.com/OCA/account-reconcile/tree/17.0/account_reconcile_oca">OCA/account-reconcile</a> project on GitHub.</p>
 <p>You are welcome to contribute. To learn how please visit <a class="reference external" href="https://odoo-community.org/page/Contribute">https://odoo-community.org/page/Contribute</a>.</p>
 </div>
 </div>

odoo/addons/account_reconcile_oca/static/src/js/reconcile/reconcile_controller.esm.js

@@ -1,14 +1,17 @@
 /** @odoo-module */
-const {useState, useSubEnv} = owl;
+const {onMounted, onWillStart, useState, useSubEnv} = owl;
+import {useBus, useService} from "@web/core/utils/hooks";
 import {KanbanController} from "@web/views/kanban/kanban_controller";
 import {View} from "@web/views/view";
-import {useService} from "@web/core/utils/hooks";
+import {formatMonetary} from "@web/views/fields/formatters";
 
 export class ReconcileController extends KanbanController {
     async setup() {
         super.setup();
         this.state = useState({
             selectedRecordId: null,
+            journalBalance: 0,
+            currency: false,
         });
         useSubEnv({
             parentController: this,
@@ -19,7 +22,42 @@ export class ReconcileController extends KanbanController {
         this.action = useService("action");
         this.router = useService("router");
         this.activeActions = this.props.archInfo.activeActions;
-        this.model.addEventListener("update", () => this.selectRecord(), {once: true});
+        useBus(this.model.bus, "update", () => {
+            this.selectRecord();
+        });
+        onWillStart(() => {
+            this.updateJournalInfo();
+        });
+        onMounted(() => {
+            this.selectRecord();
+        });
+    }
+    get journalId() {
+        if (this.props.resModel === "account.bank.statement.line") {
+            return this.props.context.active_id;
+        }
+        return false;
+    }
+    async updateJournalInfo() {
+        var journalId = this.journalId;
+        if (!journalId) {
+            return;
+        }
+        var result = await this.orm.call("account.journal", "read", [
+            [journalId],
+            ["current_statement_balance", "currency_id", "company_currency_id"],
+        ]);
+        this.state.journalBalance = result[0].current_statement_balance;
+        this.state.currency = (result[0].currency_id ||
+            result[0].company_currency_id)[0];
+    }
+    get journalBalanceStr() {
+        if (!this.state.journalBalance) {
+            return "";
+        }
+        return formatMonetary(this.state.journalBalance, {
+            currencyId: this.state.currency,
+        });
     }
     exposeController(controller) {
         this.form_controller = controller;
@@ -45,6 +83,7 @@ export class ReconcileController extends KanbanController {
         return {
             resId: this.state.selectedRecordId,
             type: "form",
+            noBreadcrumbs: true,
             context: {
                 ...(this.props.context || {}),
                 form_view_ref: this.props.context.view_ref,
@@ -55,7 +94,7 @@ export class ReconcileController extends KanbanController {
         };
     }
     async selectRecord(record) {
-        var resId = undefined;
+        var resId = false;
         if (record === undefined && this.props.resId) {
             resId = this.props.resId;
         } else if (record === undefined) {
@@ -97,6 +136,7 @@ export class ReconcileController extends KanbanController {
         this.router.pushState({id: resId});
     }
 }
+
 ReconcileController.components = {
     ...ReconcileController.components,
     View,

odoo/addons/account_reconcile_oca/static/src/js/reconcile/reconcile_renderer.esm.js

@@ -2,7 +2,58 @@
 
 import {KanbanRenderer} from "@web/views/kanban/kanban_renderer";
 import {ReconcileKanbanRecord} from "./reconcile_kanban_record.esm.js";
-export class ReconcileRenderer extends KanbanRenderer {}
+import {formatMonetary} from "@web/views/fields/formatters";
+import {useService} from "@web/core/utils/hooks";
+
+export class ReconcileRenderer extends KanbanRenderer {
+    setup() {
+        super.setup();
+        this.action = useService("action");
+        this.orm = useService("orm");
+    }
+    getAggregates() {
+        if (
+            this.env.parentController.props.resModel !== "account.bank.statement.line"
+        ) {
+            return [];
+        }
+        const {list} = this.props;
+        const aggregates = [];
+        for (const record of list.records) {
+            const aggregateId = record.data.aggregate_id && record.data.aggregate_id;
+            if (
+                aggregateId &&
+                (!aggregates.length || aggregates[0].id !== aggregateId)
+            ) {
+                aggregates.push({
+                    id: aggregateId,
+                    name: record.data.aggregate_name,
+                    balance: record.data.statement_balance_end_real,
+                    balanceStr: formatMonetary(record.data.statement_balance_end_real, {
+                        currencyId: record.data.currency_id[0],
+                    }),
+                });
+            }
+        }
+        return aggregates;
+    }
+    async onClickStatement(statementId) {
+        const action = await this.orm.call(
+            "account.bank.statement",
+            "action_open_statement",
+            [[statementId]],
+            {
+                context: this.props.context,
+            }
+        );
+        const model = this.props.list.model;
+        this.action.doAction(action, {
+            async onClose() {
+                model.root.load();
+            },
+        });
+    }
+}
 
 ReconcileRenderer.components = {
     ...KanbanRenderer.components,

odoo/addons/account_reconcile_oca/static/src/js/reconcile_form/reconcile_form_controller.esm.js

@@ -17,6 +17,9 @@ export class ReconcileFormController extends FormController {
             afterExecuteAction: this.afterExecuteActionButton.bind(this),
         });
     }
+    displayName() {
+        return this.env.config.getDisplayName();
+    }
     async reloadFormController() {
         var is_reconciled = this.model.root.data.is_reconciled;
         await this.model.root.load();

odoo/addons/account_reconcile_oca/static/src/js/reconcile_manual/reconcile_manual_controller.esm.js

@@ -15,6 +15,9 @@ export class ReconcileManualController extends FormController {
             afterExecuteAction: this.afterExecuteActionButton.bind(this),
         });
     }
+    displayName() {
+        return this.env.config.getDisplayName();
+    }
     async reloadFormController() {
         try {
             await this.model.root.load();

odoo/addons/account_reconcile_oca/static/src/js/reconcile_move_line/reconcile_move_line_renderer.esm.js

@@ -10,7 +10,7 @@ export class ReconcileMoveLineRenderer extends ListRenderer {
                 record.resId
             )
         ) {
-            classes += " o_field_account_reconcile_oca_move_line_selected";
+            classes += " o_field_account_reconcile_oca_move_line_selected table-info";
         }
         return classes;
     }

odoo/addons/account_reconcile_oca/static/src/js/widgets/reconcile_chatter_field.esm.js

@@ -1,15 +1,22 @@
 /** @odoo-module **/
 
-import {ChatterContainer} from "@mail/components/chatter_container/chatter_container";
+// import {ChatterContainer} from "@mail/components/chatter_container/chatter_container";
+// import {Chatter} from "@mail/core/web/chatter";
 import {registry} from "@web/core/registry";
+import {standardFieldProps} from "@web/views/fields/standard_field_props";
+import {Chatter} from "@mail/core/web/chatter";
 
 const {Component} = owl;
 
 export class AccountReconcileChatterWidget extends Component {}
+AccountReconcileChatterWidget.props = {...standardFieldProps};
 AccountReconcileChatterWidget.template =
     "account_reconcile_oca.AccountReconcileChatterWidget";
-AccountReconcileChatterWidget.components = {...Component.components, ChatterContainer};
-
+AccountReconcileChatterWidget.components = {...Component.components, Chatter};
+export const AccountReconcileChatterWidgetField = {
+    component: AccountReconcileChatterWidget,
+    supportedTypes: [],
+};
 registry
     .category("fields")
-    .add("account_reconcile_oca_chatter", AccountReconcileChatterWidget);
+    .add("account_reconcile_oca_chatter", AccountReconcileChatterWidgetField);

odoo/addons/account_reconcile_oca/static/src/js/widgets/reconcile_data_widget.esm.js

@@ -1,8 +1,7 @@
 /** @odoo-module **/
-
-import fieldUtils from "web.field_utils";
+import {formatDate, parseDate} from "@web/core/l10n/dates";
+import {formatMonetary} from "@web/views/fields/formatters";
 import {registry} from "@web/core/registry";
-import session from "web.session";
 
 const {Component} = owl;
 
@@ -22,45 +21,31 @@ export class AccountReconcileDataWidget extends Component {
     getReconcileLines() {
         var data = this.props.record.data[this.props.name].data;
         for (var line in data) {
-            data[line].amount_format = fieldUtils.format.monetary(
-                data[line].amount,
-                undefined,
-                {
-                    currency: session.get_currency(data[line].currency_id),
-                }
-            );
-            data[line].debit_format = fieldUtils.format.monetary(
-                data[line].debit,
-                undefined,
-                {
-                    currency: session.get_currency(data[line].currency_id),
-                }
-            );
-            data[line].credit_format = fieldUtils.format.monetary(
-                data[line].credit,
-                undefined,
-                {
-                    currency: session.get_currency(data[line].currency_id),
-                }
-            );
-            data[line].amount_currency_format = fieldUtils.format.monetary(
+            data[line].amount_format = formatMonetary(data[line].amount, {
+                currencyId: data[line].currency_id,
+            });
+            data[line].debit_format = formatMonetary(data[line].debit, {
+                currencyId: data[line].currency_id,
+            });
+            data[line].credit_format = formatMonetary(data[line].credit, {
+                currencyId: data[line].currency_id,
+            });
+            data[line].amount_currency_format = formatMonetary(
                 data[line].currency_amount,
-                undefined,
                 {
-                    currency: session.get_currency(data[line].line_currency_id),
+                    currencyId: data[line].line_currency_id,
                 }
             );
             if (data[line].original_amount) {
-                data[line].original_amount_format = fieldUtils.format.monetary(
+                data[line].original_amount_format = formatMonetary(
                     data[line].original_amount,
-                    undefined,
                     {
-                        currency: session.get_currency(data[line].currency_id),
+                        currencyId: data[line].currency_id,
                     }
                 );
             }
-            data[line].date_format = fieldUtils.format.date(
-                fieldUtils.parse.date(data[line].date, undefined, {isUTC: true})
+            data[line].date_format = formatDate(
+                parseDate(data[line].date, undefined, {isUTC: true})
             );
         }
         return data;
@@ -86,6 +71,10 @@ export class AccountReconcileDataWidget extends Component {
 }
 AccountReconcileDataWidget.template = "account_reconcile_oca.ReconcileDataWidget";
 
+export const AccountReconcileDataWidgetField = {
+    component: AccountReconcileDataWidget,
+    supportedTypes: [],
+};
 registry
     .category("fields")
-    .add("account_reconcile_oca_data", AccountReconcileDataWidget);
+    .add("account_reconcile_oca_data", AccountReconcileDataWidgetField);

odoo/addons/account_reconcile_oca/static/src/js/widgets/reconcile_move_line_widget.esm.js

@@ -1,19 +1,29 @@
 /** @odoo-module **/
 
 import {View} from "@web/views/view";
+import {evaluateBooleanExpr} from "@web/core/py_js/py";
+import {getFieldContext} from "@web/model/relational_model/utils";
 import {registry} from "@web/core/registry";
+import {standardFieldProps} from "@web/views/fields/standard_field_props";
 
 const {Component, useSubEnv} = owl;
 
 export class AccountReconcileMatchWidget extends Component {
     setup() {
         // Necessary in order to avoid a loop
-        super.setup(...arguments);
         useSubEnv({
             config: {},
             parentController: this.env.parentController,
         });
     }
+
+    getDomain() {
+        let domain = this.props.domain;
+        if (typeof domain === "function") {
+            domain = domain();
+        }
+        return domain;
+    }
     get listViewProperties() {
         return {
             type: "list",
@@ -22,15 +32,18 @@ export class AccountReconcileMatchWidget extends Component {
                     // Hiding the control panel buttons
                     "top-left": false,
                     "bottom-left": false,
+                    layoutActions: false,
                 },
             },
+            noBreadcrumbs: true,
             resModel: this.props.record.fields[this.props.name].relation,
             searchMenuTypes: ["filter"],
-            domain: this.props.record.getFieldDomain(this.props.name).toList(),
+            domain: this.getDomain(),
             context: {
-                ...this.props.record.getFieldContext(this.props.name),
+                ...this.props.context,
+                ...getFieldContext(this.props.record, this.props.name),
             },
-            // Disables de selector
+            // Disables selector
             allowSelectors: false,
             // We need to force the search view in order to show the right one
             searchViewId: false,
@@ -39,13 +52,56 @@ export class AccountReconcileMatchWidget extends Component {
         };
     }
 }
+AccountReconcileMatchWidget.props = {
+    ...standardFieldProps,
+    placeholder: {type: String, optional: true},
+    canOpen: {type: Boolean, optional: true},
+    canCreate: {type: Boolean, optional: true},
+    canWrite: {type: Boolean, optional: true},
+    canQuickCreate: {type: Boolean, optional: true},
+    canCreateEdit: {type: Boolean, optional: true},
+    context: {type: String, optional: true},
+    domain: {type: [Array, Function], optional: true},
+    nameCreateField: {type: String, optional: true},
+    searchLimit: {type: Number, optional: true},
+    relation: {type: String, optional: true},
+    string: {type: String, optional: true},
+    canScanBarcode: {type: Boolean, optional: true},
+    update: {type: Function, optional: true},
+    value: {optional: true},
+    decorations: {type: Object, optional: true},
+};
 AccountReconcileMatchWidget.template = "account_reconcile_oca.ReconcileMatchWidget";
-
 AccountReconcileMatchWidget.components = {
     ...AccountReconcileMatchWidget.components,
     View,
 };
 
+export const AccountReconcileMatchWidgetField = {
+    component: AccountReconcileMatchWidget,
+    supportedTypes: [],
+    extractProps({attrs, context, decorations, options}, dynamicInfo) {
+        const hasCreatePermission = attrs.can_create
+            ? evaluateBooleanExpr(attrs.can_create)
+            : true;
+        const hasWritePermission = attrs.can_write
+            ? evaluateBooleanExpr(attrs.can_write)
+            : true;
+        const canCreate = options.no_create ? false : hasCreatePermission;
+        return {
+            placeholder: attrs.placeholder,
+            canOpen: !options.no_open,
+            canCreate,
+            canWrite: hasWritePermission,
+            canQuickCreate: canCreate && !options.no_quick_create,
+            canCreateEdit: canCreate && !options.no_create_edit,
+            context: context,
+            decorations,
+            domain: dynamicInfo.domain,
+        };
+    },
+};
+
 registry
     .category("fields")
-    .add("account_reconcile_oca_match", AccountReconcileMatchWidget);
+    .add("account_reconcile_oca_match", AccountReconcileMatchWidgetField);

odoo/addons/account_reconcile_oca/static/src/js/widgets/selection_badge_uncheck.esm.js

@@ -4,6 +4,7 @@ import {
     preloadSelection,
 } from "@web/views/fields/badge_selection/badge_selection_field";
 import {registry} from "@web/core/registry";
+import {standardFieldProps} from "@web/views/fields/standard_field_props";
 
 export class FieldSelectionBadgeUncheck extends BadgeSelectionField {
     async onChange(value) {
@@ -19,9 +20,17 @@ export class FieldSelectionBadgeUncheck extends BadgeSelectionField {
     }
 }
 
+FieldSelectionBadgeUncheck.props = {...standardFieldProps};
 FieldSelectionBadgeUncheck.supportedTypes = ["many2one", "selection"];
 FieldSelectionBadgeUncheck.additionalClasses = ["o_field_selection_badge"];
-registry.category("fields").add("selection_badge_uncheck", FieldSelectionBadgeUncheck);
+
+export const FieldSelectionBadgeUncheckField = {
+    component: FieldSelectionBadgeUncheck,
+    supportedTypes: ["many2one"],
+};
+registry
+    .category("fields")
+    .add("selection_badge_uncheck", FieldSelectionBadgeUncheckField);
 
 registry.category("preloadedData").add("selection_badge_uncheck", {
     loadOnTypes: ["many2one"],

odoo/addons/account_reconcile_oca/static/src/scss/reconcile.scss

@@ -6,7 +6,23 @@
     flex-flow: row wrap;
     height: 100%;
     .o_kanban_renderer.o_kanban_ungrouped .o_kanban_record {
+        &:hover {
+            .o_reconcile_create_statement {
+                opacity: 100;
+            }
+        }
         margin: 0 0 0;
+        min-width: fit-content;
+        width: 100%;
+        .o_reconcile_create_statement {
+            position: absolute;
+            height: 4px;
+            margin: 0;
+            padding: 2px 0 0 0;
+            border: 0;
+            top: -14px;
+            opacity: 0;
+        }
         > div {
             border-right: thick solid rgba(0, 0, 0, 0);
         }
@@ -26,23 +42,8 @@
         height: 100%;
     }
     .o_form_view {
-        .btn-info:not(.dropdown-toggle):not(.dropdown-item) {
-            text-transform: uppercase;
-        }
         .o_form_statusbar.o_account_reconcile_oca_statusbar {
-            .btn:not(.dropdown-toggle):not(.dropdown-item) {
-                text-transform: uppercase;
-            }
             height: 40px;
-            > .o_statusbar_buttons {
-                height: 100%;
-                > .btn {
-                    margin: 0;
-                    height: 100%;
-                    padding: 10px;
-                    border-radius: 0;
-                }
-            }
         }
         .o_field_account_reconcile_oca_data {
             .o_field_account_reconcile_oca_balance_float {

odoo/addons/account_reconcile_oca/static/src/xml/reconcile.xml

@@ -4,8 +4,44 @@
         t-name="account_reconcile_oca.ReconcileRenderer"
         t-inherit="web.KanbanRenderer"
         t-inherit-mode="primary"
-        owl="1"
     >
+        <xpath expr="//t[@t-as='groupOrRecord']" position="before">
+            <div class="m-2 d-flex w-100" t-if="env.parentController.journalId">
+                <span
+                    class="flex-fill text-900 text-start ps-0 fw-bold fs-4 align-self-center"
+                >Global Balance</span>
+                <span
+                    class="pe-0 fw-bold fs-4 align-self-center"
+                    t-esc="env.parentController.journalBalanceStr"
+                />
+            </div>
+            <t t-set="aggregates" t-value="getAggregates()" />
+        </xpath>
+        <xpath expr="//t[@t-else='']/KanbanRecord" position="before">
+            <t
+                t-if="aggregates.length and groupOrRecord.record.data.aggregate_id and aggregates[0].id == groupOrRecord.record.data.aggregate_id"
+            >
+                <t t-set="aggregate" t-value="aggregates.shift()" />
+                <div class="m-2 d-flex w-100">
+                    <span
+                        class="flex-fill text-900 text-start ps-0 fw-bold fs-4 align-self-center"
+                        t-esc="aggregate.name"
+                    />
+                    <span
+                        t-if="groupOrRecord.record.data.reconcile_aggregate == 'statement'"
+                        t-on-click="() => this.onClickStatement(aggregate.id)"
+                        class="pe-0 fw-bold fs-4 align-self-center btn btn-link"
+                        t-esc="aggregate.balanceStr"
+                    />
+                    <!--
+                    <span
+                        t-if="groupOrRecord.record.data.reconcile_aggregate != 'statement'"
+                        class="pe-0 fw-bold fs-4 align-self-center text-link"
+                        t-esc="aggregate.balanceStr"
+                    />-->
+                </div>
+            </t>
+        </xpath>
         <xpath expr="div[hasclass('o_kanban_renderer')]" position="attributes">
             <attribute
                 name="class"
@@ -23,7 +59,6 @@
         t-name="account_reconcile_oca.ReconcileController"
         t-inherit="web.KanbanView"
         t-inherit-mode="primary"
-        owl="1"
     >
         <!-- we pass to the component the selected record -->
         <xpath expr="//Layout/t[2]" position="attributes">
@@ -42,17 +77,17 @@
             </div>
         </xpath>
     </t>
-    <t t-name="account_reconcile.ReconcileView.Buttons" owl="1">
+    <t t-name="account_reconcile.ReconcileView.Buttons">
         <button
             t-on-click="onClickNewButton"
             class="btn btn-primary"
             t-if="activeActions.create"
         >Create</button>
     </t>
-    <t t-name="account_reconcile_oca.ReconcileMatchWidget" owl="1">
-        <View t-props="listViewProperties" />
+    <t t-name="account_reconcile_oca.ReconcileMatchWidget">
+        <View t-props="this.listViewProperties" />
     </t>
-    <t t-name="account_reconcile_oca.ReconcileDataWidget" owl="1">
+    <t t-name="account_reconcile_oca.ReconcileDataWidget">
         <table
             class="table table-sm position-relative mb-0 table-striped o_reconcile_widget_table"
             style="table-layout: auto"
@@ -138,17 +173,16 @@
             </tbody>
         </table>
     </t>
-    <t t-name="account_reconcile_oca.AccountReconcileChatterWidget" owl="1">
-        <ChatterContainer
+    <t t-name="account_reconcile_oca.AccountReconcileChatterWidget">
+        <Chatter
             threadModel="this.props.record.fields[this.props.name].relation"
-            threadId="this.props.value[0]"
+            threadId="this.props.record.data[this.props.name][0]"
         />
     </t>
     <t
         t-name="account_reconcile_oca.ReconcileMoveLineController"
         t-inherit="web.ListView"
         t-inherit-mode="primary"
-        owl="1"
     >
         <xpath expr="//t[@list='model.root']" position="attributes">
             <attribute name="parentRecord">props.parentRecord</attribute>