update many things

src/app/domains/pos/modules/saleInvoices/components/list.component.html

@@ -5,10 +5,11 @@
         <p-button
           icon="pi pi-filter"
           type="button"
+          size="small"
           [outlined]="!activeFilters().length"
           (click)="toggleFilterVisible()"
         ></p-button>
-        <button pButton icon="pi pi-refresh" type="button" outlined (click)="refresh()"></button>
+        <button pButton icon="pi pi-refresh" type="button" size="small" outlined (click)="refresh()"></button>
       </div>
     </ng-template>
   </app-inner-pages-header>

src/app/domains/pos/modules/saleInvoices/components/sale-invoice-card.component.html

@@ -14,19 +14,43 @@
   </div>
   <hr />
   <div class="flex items-center justify-center gap-4">
+    @if (["success", "failure"].includes(saleInvoice.status.value.toLowerCase())) {
+      <p-button
+        label="ابطال"
+        type="button"
+        severity="danger"
+        (click)="revokeInvoice()"
+        [loading]="revokingInvoiceLoading()"
+        [disabled]="onAction()"
+      ></p-button>
+    }
     @if (saleInvoice.status.value.toLowerCase() === "not_send") {
-      <p-button label="ارسال فاکتور" type="button" (click)="sendInvoice()" [loading]="sendingLoading()"></p-button>
+      <p-button
+        label="ارسال فاکتور"
+        type="button"
+        (click)="sendInvoice()"
+        [loading]="sendingLoading()"
+        [disabled]="onAction()"
+      ></p-button>
     }
     @if (saleInvoice.status.value.toLowerCase() === "queued") {
       <p-button
         label="استعلام وضعیت ارسال"
         type="button"
+        severity="info"
         (click)="getStatus()"
         [loading]="gettingStatusLoading()"
+        [disabled]="onAction()"
       ></p-button>
     }
     @if (saleInvoice.status.value.toLowerCase() === "failure") {
-      <p-button label="ارسال فاکتور" type="button" (click)="resendInvoice()" [loading]="resendingLoading()"></p-button>
+      <p-button
+        label="ارسال مجدد"
+        type="button"
+        (click)="resendInvoice()"
+        [loading]="resendingLoading()"
+        [disabled]="onAction()"
+      ></p-button>
     }
     <a [routerLink]="singlePageRoute()" pButton type="button" (click)="viewDetails()" outlined>مشاهده جزییات</a>
   </div>

src/app/domains/pos/modules/saleInvoices/components/sale-invoice-card.component.ts

@@ -5,7 +5,6 @@ import { Component, computed, EventEmitter, inject, Input, Output, signal } from
 import { RouterLink } from '@angular/router';
 import { Button, ButtonDirective } from 'primeng/button';
 import { Card } from 'primeng/card';
-import { Tag } from 'primeng/tag';
 import { finalize } from 'rxjs';
 import { posSaleInvoicesNamedRoutes } from '../constants';
 import { IPosSaleInvoicesSummaryResponse } from '../models';
@@ -17,7 +16,6 @@ import { PosSaleInvoicesService } from '../services/main.service';
   imports: [
     Button,
     KeyValueComponent,
-    Tag,
     Card,
     RouterLink,
     ButtonDirective,
@@ -34,6 +32,15 @@ export class SaleInvoiceCardComponent {
   sendingLoading = signal(false);
   gettingStatusLoading = signal(false);
   resendingLoading = signal(false);
+  revokingInvoiceLoading = signal(false);
+
+  onAction = computed(
+    () =>
+      this.sendingLoading() ||
+      this.gettingStatusLoading() ||
+      this.resendingLoading() ||
+      this.revokingInvoiceLoading(),
+  );
 
   singlePageRoute = computed(() =>
     posSaleInvoicesNamedRoutes.saleInvoice.meta.pagePath!(this.saleInvoice?.id),
@@ -74,9 +81,6 @@ export class SaleInvoiceCardComponent {
       .getInquiry(this.saleInvoice.id)
       .pipe(finalize(() => this.gettingStatusLoading.set(false)))
       .subscribe((res) => {
-        this.toastService.info({
-          text: `وضعیت: ${res.status || 'نامشخص'}`,
-        });
         this.refreshRequested.emit();
       });
   }
@@ -91,5 +95,16 @@ export class SaleInvoiceCardComponent {
         this.refreshRequested.emit();
       });
   }
+
+  revokeInvoice() {
+    this.revokingInvoiceLoading.set(true);
+    this.service
+      .revoke(this.saleInvoice.id)
+      .pipe(finalize(() => this.revokingInvoiceLoading.set(false)))
+      .subscribe(() => {
+        this.toastService.success({ text: 'ابطال فاکتور با موفقیت انجام شد.' });
+        this.refreshRequested.emit();
+      });
+  }
   viewDetails() {}
 }

src/app/domains/pos/modules/saleInvoices/constants/apiRoutes/index.ts

@@ -8,6 +8,7 @@ export const POS_SALE_INVOICES_API_ROUTES = {
     retry: (invoiceId: string) => `${baseUrl()}/${invoiceId}/fiscal/retry`,
     status: (invoiceId: string) => `${baseUrl()}/${invoiceId}/fiscal/status`,
     getInquiry: (invoiceId: string) => `${baseUrl()}/${invoiceId}/inquiry`,
+    revoke: (invoiceId: string) => `${baseUrl()}/${invoiceId}/revoke`,
     attempts: (invoiceId: string) => `${baseUrl()}/${invoiceId}/fiscal/attempts`,
   },
 };

src/app/domains/pos/modules/saleInvoices/models/io.d.ts

@@ -1,4 +1,5 @@
 import ISummary from '@/core/models/summary';
+import { TspProviderResponseStatus } from '@/shared/catalog';
 import { IEnumTranslate } from '@/shared/models/enum_translate.type';
 
 export interface IPosSaleInvoicesRawResponse {

src/app/domains/pos/modules/saleInvoices/services/main.service.ts

@@ -59,6 +59,13 @@ export class PosSaleInvoicesService {
     );
   }
 
+  revoke(invoiceId: string): Observable<IPosSaleInvoiceFiscalStatusResponse> {
+    return this.http.post<IPosSaleInvoiceFiscalStatusResponse>(
+      this.apiRoutes.fiscal.revoke(invoiceId),
+      {},
+    );
+  }
+
   getFiscalAttempts(invoiceId: string): Observable<IPosSaleInvoiceFiscalAttemptsResponse> {
     return this.http.get<IPosSaleInvoiceFiscalAttemptsResponse>(
       this.apiRoutes.fiscal.attempts(invoiceId),

src/app/domains/pos/modules/saleInvoices/views/single.component.html

@@ -1 +1,3 @@
-<consumer-saleInvoice-shared [loading]="loading()" [invoice]="invoice()" variant="pos" />
+<div class="p-4">
+  <consumer-saleInvoice-shared [loading]="loading()" [invoice]="invoice()" [backRoute]="backRoute()" variant="pos" />
+</div>

src/app/domains/pos/modules/saleInvoices/views/single.component.ts

@@ -2,6 +2,7 @@ import { ConsumerSaleInvoiceSharedComponent } from '@/domains/consumer/component
 import pageParamsUtils from '@/utils/page-params.utils';
 import { Component, computed, inject, signal } from '@angular/core';
 import { ActivatedRoute } from '@angular/router';
+import { posSaleInvoicesNamedRoutes } from '../constants';
 import { PosSaleInvoiceStore } from '../store/main.store';
 
 @Component({
@@ -19,6 +20,8 @@ export class PosSaleInvoiceComponent {
   readonly invoice = computed(() => this.store.entity());
   readonly loading = computed(() => this.store.loading());
 
+  readonly backRoute = computed(() => posSaleInvoicesNamedRoutes.saleInvoices.meta.pagePath!());
+
   ngOnInit() {
     this.store.getData(this.invoiceId());
   }