Fix create invoice params into dialog (#193)

src/app/sections/payment-section/operations/invoices/create-invoice/components/create-invoice-dialog/create-invoice-dialog.component.ts

@@ -3,8 +3,6 @@ import { FormControl } from '@angular/forms';
 import { MatDialogRef, MAT_DIALOG_DATA } from '@angular/material/dialog';
 import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { Shop } from '@vality/swag-payments';
-import pick from 'lodash-es/pick';
-import moment from 'moment';
 
 import { InvoicesService } from '@dsh/app/api/payments';
 
@@ -30,15 +28,9 @@ export class CreateInvoiceDialogComponent {
     }
 
     create(): void {
-        const { value } = this.formControl;
         this.invoicesService
             .createInvoice({
-                invoiceParams: {
-                    ...pick(value, ['product', 'description', 'amount', 'shopID']),
-                    dueDate: moment(value.dueDate).utc().endOf('d').format(),
-                    currency: this.shops.find((s) => s.id === value.shopID)?.currency,
-                    metadata: {},
-                },
+                invoiceParams: this.formControl.value,
             })
             .pipe(untilDestroyed(this))
             .subscribe(({ invoice }) => {

src/app/sections/payment-section/operations/invoices/invoices.component.html

@@ -9,6 +9,7 @@
         <ng-container *ngIf="'CreateInvoice' | isAccessAllowed">
             <button
                 *transloco="let i; scope: 'payment-section'; read: 'paymentSection.invoices'"
+                [disabled]="(shops$ | async).length === 0"
                 color="accent"
                 dsh-button
                 (click)="create()"

src/app/sections/payment-section/operations/invoices/invoices.component.ts

@@ -4,9 +4,11 @@ import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';
 import { NotifyLogService, QueryParamsService } from '@vality/ng-core';
 import { take } from 'rxjs/operators';
 
+import { ShopsDataService } from '@dsh/app/shared';
 import { SpinnerType } from '@dsh/components/indicators';
 
 import { RealmMixService, PaymentInstitutionRealmService } from '../../services';
+import { filterShopsByRealm } from '../operators';
 
 import { CreateInvoiceService } from './create-invoice';
 import { Filters, SearchFiltersParams } from './invoices-search-filters';
@@ -29,6 +31,9 @@ export class InvoicesComponent implements OnInit {
     spinnerType = SpinnerType.FulfillingBouncingCircle;
     realm$ = this.paymentInstitutionRealmService.realm$;
     params$ = this.qp.params$;
+    shops$ = this.paymentInstitutionRealmService.realm$.pipe(
+        filterShopsByRealm(this.shopsDataService.shops$),
+    );
 
     constructor(
         private invoicesService: FetchInvoicesService,
@@ -39,6 +44,7 @@ export class InvoicesComponent implements OnInit {
         private paymentInstitutionRealmService: PaymentInstitutionRealmService,
         private qp: QueryParamsService<Filters>,
         private realmMixService: RealmMixService<SearchFiltersParams>,
+        private shopsDataService: ShopsDataService,
     ) {}
 
     ngOnInit(): void {