create invoice settlementStatus catalog and set to single invoice details, update single invoice detail actions

src/app/shared/catalog/invoiceSettlementType/index.ts

@@ -0,0 +1,3 @@
+export * from './invoice-settlement-type-tag.component';
+export * from './invoice-settlement-type-translator.util';
+export * from './type';

src/app/shared/catalog/invoiceSettlementType/invoice-settlement-type-tag.component.html

@@ -0,0 +1 @@
+<p-tag [severity]="severity" size="large" [value]="translate || label"></p-tag>

src/app/shared/catalog/invoiceSettlementType/invoice-settlement-type-tag.component.ts

@@ -0,0 +1,31 @@
+import { Component, Input } from '@angular/core';
+import { Tag } from 'primeng/tag';
+import taxProviderStatusTranslatorUtil from './invoice-settlement-type-translator.util';
+import { InvoiceSettlementType } from './type';
+
+@Component({
+  selector: 'catalog-invoice-settlement-type-tag',
+  templateUrl: './invoice-settlement-type-tag.component.html',
+  imports: [Tag],
+})
+export class CatalogInvoiceSettlementTypeTagComponent {
+  @Input({ required: true }) type!: InvoiceSettlementType;
+  @Input() translate!: string;
+
+  get severity() {
+    switch (this.type) {
+      case 'CASH':
+        return 'success';
+      case 'CREDIT':
+        return 'secondary';
+      case 'MIXED':
+        return 'warn';
+      default:
+        return 'secondary';
+    }
+  }
+
+  get label() {
+    return taxProviderStatusTranslatorUtil(this.type);
+  }
+}

src/app/shared/catalog/invoiceSettlementType/invoice-settlement-type-translator.util.ts

@@ -0,0 +1,14 @@
+import { InvoiceSettlementType } from './type';
+
+export default (status: InvoiceSettlementType) => {
+  switch (status) {
+    case 'CASH':
+      return 'نقدی';
+    case 'CREDIT':
+      return 'نسیه';
+    case 'MIXED':
+      return 'نقدی / نسیه';
+    default:
+      return 'نامشخص';
+  }
+};

src/app/shared/catalog/invoiceSettlementType/type.ts

@@ -0,0 +1,8 @@
+export const InvoiceSettlementType = {
+  CASH: 'CASH',
+  CREDIT: 'CREDIT',
+  MIXED: 'MIXED',
+} as const;
+
+export type InvoiceSettlementType =
+  (typeof InvoiceSettlementType)[keyof typeof InvoiceSettlementType];

src/app/shared/components/invoices/sale-invoice-full-response.model.ts

@@ -1,6 +1,7 @@
 import { Maybe } from '@/core';
 import ISummary from '@/core/models/summary';
 import { InvoiceTypes, TspProviderResponseStatus } from '@/shared/catalog';
+import { InvoiceSettlementType } from '@/shared/catalog/invoiceSettlementType';
 import { IEnumTranslate } from '@/shared/models/enum_translate.type';
 
 export interface ISaleInvoiceFullRawResponse {
@@ -24,6 +25,7 @@ export interface ISaleInvoiceFullRawResponse {
   tax_id: Maybe<string>;
   reference_invoice: Maybe<string>;
   notes: Maybe<string>;
+  settlement_type: IEnumTranslate<InvoiceSettlementType>;
 }
 
 export interface ISaleInvoiceFullResponse extends ISaleInvoiceFullRawResponse {}

src/app/shared/components/invoices/sale-invoice-single-view.component.html

@@ -3,6 +3,12 @@
 } @else if (!invoice) {
   <uikit-empty-state> </uikit-empty-state>
 } @else {
+  <shared-light-bottomsheet [visible]="actionLoading" [closable]="false" header="لطفا صبر کنید">
+    <div class="flex h-[30svh] flex-col items-center justify-center gap-6">
+      <p-progressSpinner />
+      <span class="text-lg font-bold">در حال ارسال درخواست شما...</span>
+    </div>
+  </shared-light-bottomsheet>
   <div class="flex flex-col gap-6">
     <app-card-data cardTitle="اطلاعات صورت‌حساب‌" [editable]="false" [backRoute]="backRoute">
       <ng-template #moreActions>
@@ -26,11 +32,18 @@
             <app-key-value label="توضیحات" [value]="invoice.notes || '----'" />
           </div>
         </div>
-        <p-divider align="center"> اطلاعات پرداخت </p-divider>
+        <p-divider align="center"> اطلاعات مالی</p-divider>
         <div class="grid items-center gap-3 sm:grid-cols-2 sm:gap-4 md:grid-cols-3">
-          <app-key-value label="مجموع قابل پرداخت" [value]="invoice.total_amount" type="price" />
           <app-key-value label="مبلغ تخفیف" [value]="invoice.discount_amount" type="price" />
           <app-key-value label="مبلغ مالیات" [value]="invoice.tax_amount" type="price" />
+          <app-key-value label="مجموع قابل پرداخت" [value]="invoice.total_amount" type="price" />
+        </div>
+
+        <p-divider align="center"> اطلاعات پرداخت</p-divider>
+        <div class="grid items-center gap-3 sm:grid-cols-2 sm:gap-4 md:grid-cols-3">
+          <app-key-value label="نحوه‌ی تسویه‌حساب">
+            <catalog-invoice-settlement-type-tag [type]="invoice.settlement_type.value" />
+          </app-key-value>
 
           @for (payment of invoice.payments; track $index) {
             <app-key-value

src/app/shared/components/invoices/sale-invoice-single-view.component.ts

@@ -7,7 +7,12 @@ import {
   CatalogInvoiceTypeTagComponent,
   CatalogTaxProviderStatusTagComponent,
 } from '@/shared/catalog';
-import { AppCardComponent, KeyValueComponent } from '@/shared/components';
+import { CatalogInvoiceSettlementTypeTagComponent } from '@/shared/catalog/invoiceSettlementType';
+import {
+  AppCardComponent,
+  KeyValueComponent,
+  SharedLightBottomsheetComponent,
+} from '@/shared/components';
 import { ISaleInvoiceFullResponse } from '@/shared/components/invoices/sale-invoice-full-response.model';
 import { PageLoadingComponent } from '@/shared/components/page-loading.component';
 import {
@@ -34,7 +39,9 @@ import { MenuItem } from 'primeng/api';
 import { Button } from 'primeng/button';
 import { Divider } from 'primeng/divider';
 import { Menu } from 'primeng/menu';
+import { ProgressSpinner } from 'primeng/progressspinner';
 import { TableModule } from 'primeng/table';
+import { Observable } from 'rxjs';
 import { AppConfirmationService } from '../confirmationDialog/confirmation-dialog.service';
 
 export type TSaleInvoiceSingleViewVariant = 'full' | 'customer' | 'pos';
@@ -55,6 +62,9 @@ export type TSaleInvoiceSingleViewVariant = 'full' | 'customer' | 'pos';
     CatalogInvoiceTypeTagComponent,
     Menu,
     Button,
+    CatalogInvoiceSettlementTypeTagComponent,
+    SharedLightBottomsheetComponent,
+    ProgressSpinner,
   ],
 })
 export class SharedSaleInvoiceSingleViewComponent {
@@ -69,8 +79,13 @@ export class SharedSaleInvoiceSingleViewComponent {
   @Input() invoice!: Maybe<ISaleInvoiceFullResponse>;
   @Input() variant: TSaleInvoiceSingleViewVariant = 'full';
   @Input() backRoute?: UrlTree | string | any[];
+  @Input() sendToTspLoading: boolean = false;
+  @Input() resendToTspLoading: boolean = false;
+  @Input() inquiryLoading: boolean = false;
 
   @Output() onRefresh = new EventEmitter<void>();
+  @Output() onSendToTsp = new EventEmitter<Observable<any>>();
+  @Output() onInquiry = new EventEmitter<Observable<any>>();
 
   @ViewChild('totalAmount', { static: false }) totalAmount!: TemplateRef<any>;
 
@@ -82,9 +97,21 @@ export class SharedSaleInvoiceSingleViewComponent {
     this.showCorrection = this.showCorrection.bind(this);
     this.showBackFromSale = this.showBackFromSale.bind(this);
     this.printInvoice = this.printInvoice.bind(this);
+    this.send = this.send.bind(this);
+    this.inquiry = this.inquiry.bind(this);
+  }
+
+  get actionLoading() {
+    return this.sendToTspLoading || this.inquiryLoading || this.resendToTspLoading;
   }
 
   showErrors() {}
+  inquiry() {
+    this.onInquiry.emit();
+  }
+  send() {
+    this.onSendToTsp.emit();
+  }
   showRevokeConfirmation() {
     this.confirmationService.ask({
       header: `ابطال صورت‌حساب‌ شماره ${this.invoice!.invoice_number}`,
@@ -112,6 +139,18 @@ export class SharedSaleInvoiceSingleViewComponent {
     if (changes['invoice'] && this.invoice) {
       const invoiceStatus = this.invoice.status.value;
       const actions: MenuItem[] = [
+        {
+          label: 'ارسال صورت‌حساب',
+          icon: 'pi pi-send',
+          neededStatus: 'NOT_SEND',
+          command: this.send,
+        },
+        {
+          label: 'استعلام وضعیت',
+          icon: 'pi pi-info',
+          neededStatus: 'FISCAL_QUEUED',
+          command: this.inquiry,
+        },
         {
           label: 'دلایل خطا',
           icon: 'pi pi-question',