TECH-125: Create payment template

package.json

@@ -33,7 +33,7 @@
     "@angular/router": "^20.1.0",
     "@ngneat/input-mask": "^6.1.0",
     "@tailwindcss/postcss": "^4.1.11",
-    "@vality/domain-proto": "^2.0.1-f831d3a.0",
+    "@vality/domain-proto": "^2.0.1-7a97267.0",
     "@vality/fistful-proto": "^2.0.1-7c61ac5.0",
     "@vality/machinegun-proto": "^1.0.1-cc2c27c.0",
     "@vality/magista-proto": "^2.0.2-f3b4b14.0",

src/api/services.ts

@@ -12,7 +12,7 @@ import { metadata$ as scroogeMetadata$ } from '@vality/scrooge-proto';
 
 import { DomainMetadataFormExtensionsService } from '~/components/thrift-api-crud';
 import { DomainMetadataViewExtensionsService } from '~/components/thrift-api-crud/domain/domain-thrift-viewer/services/domain-metadata-view-extensions';
-import { Services as WachterServices } from '~/services';
+import { Service } from '~/services';
 import { ThriftService, createThriftServices } from '~/utils';
 
 export interface MetadataThriftService extends ThriftService {
@@ -34,15 +34,15 @@ export const services = [
     // Domain
     {
         ...domainData,
-        name: 'DMT',
+        name: Service.DMT,
         loader: () => import('@vality/domain-proto/domain_config_v2').then((m) => m.Repository),
         namespace: 'domain_config_v2',
         service: 'Repository',
         public: 'Repository',
     },
     {
         ...domainData,
-        name: 'DMTClient',
+        name: Service.DMTClient,
         loader: () =>
             import('@vality/domain-proto/domain_config_v2').then((m) => m.RepositoryClient),
         namespace: 'domain_config_v2',
@@ -51,7 +51,7 @@ export const services = [
     },
     {
         ...domainData,
-        name: 'DMTAuthor',
+        name: Service.DMTAuthor,
         loader: () =>
             import('@vality/domain-proto/domain_config_v2').then((m) => m.AuthorManagement),
         namespace: 'domain_config_v2',
@@ -60,15 +60,15 @@ export const services = [
     },
     {
         ...domainData,
-        name: 'Invoicing',
+        name: Service.Invoicing,
         loader: () => import('@vality/domain-proto/payment_processing').then((m) => m.Invoicing),
         namespace: 'payment_processing',
         service: 'Invoicing',
         public: 'Invoicing',
     },
     {
         ...domainData,
-        name: 'PartyManagement',
+        name: Service.PartyManagement,
         loader: () =>
             import('@vality/domain-proto/payment_processing').then((m) => m.PartyManagement),
         namespace: 'payment_processing',
@@ -77,23 +77,32 @@ export const services = [
     },
     {
         ...domainData,
-        name: 'WebhookManager',
+        name: Service.WebhookManager,
         loader: () => import('@vality/domain-proto/webhooker').then((m) => m.WebhookManager),
         namespace: 'webhooker',
         service: 'WebhookManager',
         public: 'WebhookManager',
     },
     {
         ...domainData,
-        name: 'Accounter',
+        name: Service.Accounter,
         loader: () => import('@vality/domain-proto/accounter').then((m) => m.Accounter),
         namespace: 'accounter',
         service: 'Accounter',
         public: 'Accounter',
     },
+    {
+        ...domainData,
+        name: Service.InvoiceTemplating,
+        loader: () =>
+            import('@vality/domain-proto/api_extensions').then((m) => m.InvoiceTemplating),
+        namespace: 'api_extensions',
+        service: 'InvoiceTemplating',
+        public: 'InvoiceTemplating',
+    },
     // Repairer
     {
-        name: 'RepairManagement',
+        name: Service.RepairManagement,
         loader: () => import('@vality/repairer-proto/repairer').then((m) => m.RepairManagement),
         metadata$: repairerMetadata$,
         namespace: 'repairer',
@@ -102,7 +111,7 @@ export const services = [
     },
     // Scrooge
     {
-        name: 'Scrooge',
+        name: Service.Scrooge,
         loader: () => import('@vality/scrooge-proto/account_balance').then((m) => m.AccountService),
         metadata$: scroogeMetadata$,
         namespace: 'account_balance',
@@ -111,7 +120,7 @@ export const services = [
     },
     // Magista
     {
-        name: 'MerchantStatistics',
+        name: Service.MerchantStatistics,
         loader: () =>
             import('@vality/magista-proto/magista').then((m) => m.MerchantStatisticsService),
         metadata$: magistaMetadata$,
@@ -121,7 +130,7 @@ export const services = [
     },
     // Machinegun
     {
-        name: 'Automaton',
+        name: Service.Automaton,
         loader: () => import('@vality/machinegun-proto/state_processing').then((m) => m.Automaton),
         metadata$: machinegunMetadata$,
         namespace: 'state_processing',
@@ -130,39 +139,39 @@ export const services = [
     },
     // Fistful
     {
-        name: 'DepositManagement',
+        name: Service.DepositManagement,
         loader: () => import('@vality/fistful-proto/deposit').then((m) => m.Management),
         metadata$: fistfulMetadata$,
         namespace: 'deposit',
         service: 'Management',
         public: 'DepositManagement',
     },
     {
-        name: 'FistfulStatistics',
+        name: Service.FistfulStatistics,
         loader: () => import('@vality/fistful-proto/fistful_stat').then((m) => m.FistfulStatistics),
         metadata$: fistfulMetadata$,
         namespace: 'fistful_stat',
         service: 'FistfulStatistics',
         public: 'FistfulStatistics',
     },
     {
-        name: 'WithdrawalManagement',
+        name: Service.WithdrawalManagement,
         loader: () => import('@vality/fistful-proto/withdrawal').then((m) => m.Management),
         metadata$: fistfulMetadata$,
         namespace: 'withdrawal',
         service: 'Management',
         public: 'WithdrawalManagement',
     },
     {
-        name: 'SourceManagement',
+        name: Service.SourceManagement,
         loader: () => import('@vality/fistful-proto/source').then((m) => m.Management),
         metadata$: fistfulMetadata$,
         namespace: 'source',
         service: 'Management',
         public: 'SourceManagement',
     },
     {
-        name: WachterServices.WalletsWebhookManager,
+        name: Service.WalletsWebhookManager,
         loader: () => import('@vality/fistful-proto/webhooker').then((m) => m.WebhookManager),
         metadata$: fistfulMetadata$,
         namespace: 'webhooker',
@@ -191,4 +200,5 @@ export const {
     WebhookManager: ThriftShopWebhooksManagementService,
     WalletsWebhookManager: ThriftWalletWebhooksManagementService,
     Accounter: ThriftAccountManagementService,
+    InvoiceTemplating: ThriftInvoiceTemplatingService,
 } = injectableServices;

src/app/app-routes.ts

@@ -1,20 +1,20 @@
 import { z } from 'zod';
 
-import { Route, Services } from '~/services';
+import { Route, Service } from '~/services';
 
 type SectionPageRoutes = Record<string, Record<string, Route>>;
 
 export const APP_ROUTES = {
     domain: {
         root: new Route('domain', {
-            services: [Services.DMT],
+            services: [Service.DMT],
             loadComponent: () => import('./domain-config').then((m) => m.DomainConfigComponent),
             queryParams: z.object({ type: z.string() }),
         }),
     },
     parties: {
         root: new Route('parties', {
-            services: [Services.DMT],
+            services: [Service.DMT],
             loadComponent: () => import('./parties').then((m) => m.PartiesComponent),
             queryParams: z.object({ type: z.string() }),
         }),

src/app/app.component.ts

@@ -26,7 +26,7 @@ import { ThriftRepositoryService } from '~/api/services';
 import { SidenavInfoModule, SidenavInfoService } from '~/components/sidenav-info';
 import { getLimitedDomainObjectDetails } from '~/components/thrift-api-crud';
 import { DomainObjectCardComponent } from '~/components/thrift-api-crud/domain';
-import { KeycloakUserService, Services } from '~/services';
+import { KeycloakUserService, Service } from '~/services';
 import { LOGGING } from '~/utils';
 
 import { APP_ROUTES } from './app-routes';
@@ -40,7 +40,7 @@ import { ROUTING_CONFIG as TERMS_ROUTING_CONFIG } from './terms/routing-config';
 import { ROUTING_CONFIG as WALLETS_ROUTING_CONFIG } from './wallets/routing-config';
 import { ROUTING_CONFIG as WITHDRAWALS_ROUTING_CONFIG } from './withdrawals/routing-config';
 
-function isHidden(services: Services[]): BaseLink['isHidden'] {
+function isHidden(services: Service[]): BaseLink['isHidden'] {
     const keycloakUserService = inject(KeycloakUserService);
     return !keycloakUserService.hasServiceRole(...services);
 }

src/app/deposits/deposit/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.FistfulStatistics],
+    services: [Service.FistfulStatistics],
 };

src/app/deposits/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.FistfulStatistics],
+    services: [Service.FistfulStatistics],
 };

src/app/machines/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.RepairManagement],
+    services: [Service.RepairManagement],
 };

src/app/parties/party/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.DMT],
+    services: [Service.DMT],
 };

src/app/parties/party/routing-rules/party-delegate-rulesets/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.DMT],
+    services: [Service.DMT],
 };

src/app/parties/party/routing-rules/party-routing-ruleset/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.DMT],
+    services: [Service.DMT],
 };

src/app/parties/party/routing-rules/routing-ruleset/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.DMT],
+    services: [Service.DMT],
 };

src/app/parties/party/shops/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.DMT],
+    services: [Service.DMT],
 };

src/app/parties/party/wallet-webhooks/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.WalletsWebhookManager],
+    services: [Service.WalletsWebhookManager],
 };

src/app/parties/party/webhooks/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.WebhookManager],
+    services: [Service.WebhookManager],
 };

src/app/payments/payment/routing-config.ts

@@ -1,5 +1,5 @@
-import { RoutingConfig, Services } from '~/services';
+import { RoutingConfig, Service } from '~/services';
 
 export const ROUTING_CONFIG: RoutingConfig = {
-    services: [Services.MerchantStatistics],
+    services: [Service.MerchantStatistics],
 };

src/app/payments/payments.component.html

@@ -43,16 +43,28 @@
         (selectedChange)="selected$.next($event)"
         (update)="reload($event ?? {})"
     >
-        <button [disabled]="!(selected$ | async)?.length" mat-button (click)="failMachines()">
-            Fail machines
-        </button>
-        <button mat-button (click)="createPaymentAdjustments()">Create adjustments by file</button>
         <button
             [disabled]="!(selected$ | async)?.length"
-            mat-flat-button
-            (click)="createPaymentAdjustment()"
+            [matBadge]="(selected$ | async)?.length || ''"
+            mat-button
+            (click)="failMachines()"
         >
-            Create adjustments
+            Fail machines
         </button>
+        <button mat-button (click)="createInvoiceTemplate()">Create invoice template</button>
+        @if ((selected$ | async)?.length) {
+            <button
+                [disabled]="!(selected$ | async)?.length"
+                [matBadge]="(selected$ | async)?.length"
+                mat-flat-button
+                (click)="createPaymentAdjustment()"
+            >
+                Create adjustments
+            </button>
+        } @else {
+            <button mat-flat-button matBadge="CSV" (click)="createPaymentAdjustments()">
+                Create adjustments
+            </button>
+        }
     </cc-payments-table>
 </cc-page-layout>

src/app/payments/payments.component.ts

@@ -8,6 +8,7 @@ import { CommonModule } from '@angular/common';
 import { Component, DestroyRef, OnInit, inject } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule, NonNullableFormBuilder, ReactiveFormsModule } from '@angular/forms';
+import { MatBadgeModule } from '@angular/material/badge';
 import { MatButtonModule } from '@angular/material/button';
 
 import { StatPayment } from '@vality/magista-proto/magista';
@@ -33,6 +34,7 @@ import {
 } from '@vality/matez';
 import { ThriftFormExtension, ThriftFormModule, isTypeWithAliases } from '@vality/ng-thrift';
 
+import { CreateInvoiceTemplateDialogComponent } from '~/components/create-invoice-template-dialog';
 import { FailMachinesDialogComponent, Type } from '~/components/fail-machines-dialog';
 import { MerchantFieldModule } from '~/components/merchant-field/merchant-field.module';
 import { PageLayoutModule } from '~/components/page-layout';
@@ -71,6 +73,7 @@ interface Filters {
         FormsModule,
         MagistaThriftFormComponent,
         PaymentsTableComponent,
+        MatBadgeModule,
     ],
 })
 export class PaymentsComponent implements OnInit {
@@ -222,4 +225,8 @@ export class PaymentsComponent implements OnInit {
                 }
             });
     }
+
+    createInvoiceTemplate() {
+        this.dialogService.open(CreateInvoiceTemplateDialogComponent);
+    }
 }