refactor: update labels and translations in various components

- Changed 'تغییر گذرواژه' to 'تغییر رمز عبور' in layout.component.ts
- Updated HTML structure in list.component.html and saleInvoices components for consistency and improved styling.
- Modified sale-invoice-card.component.html to enhance the display of invoice details.
- Adjusted sale-invoice-card.component.ts to handle customer types more effectively.
- Enhanced the handling of invoice statuses in saleInvoices components.
- Improved layout and styling in shop components for better user experience.
- Refactored key-value component for better readability and maintainability.
- Updated upload file component to streamline file selection process.
- Added new styles in customize.scss and psp.scss for consistent UI.
- Adjusted environment configuration for better API endpoint management.

src/app/shared/components/invoices/correctionForm/form.component.html

@@ -3,7 +3,7 @@
 
   <div class="mt-4 flex flex-col gap-3">
     @for (item of initialValues || []; track item.id) {
-      <div class="border-surface-border rounded-xl border p-2 shadow-sm">
+      <div class="border-surface-border rounded-xl border p-2">
         <div class="flex items-center gap-3">
           <img
             [src]="item.good_snapshot.image_url || ''"

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

@@ -3,13 +3,7 @@
 } @else if (!invoice) {
   <uikit-empty-state> </uikit-empty-state>
 } @else {
-  <p-dialog [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>
-  </p-dialog>
-  <app-inner-pages-header pageTitle="اطلاعات صورت‌حساب‌" [backRoute]="backRoute">
+  <app-inner-pages-header [pageTitle]="`صورت‌حساب ${invoice.invoice_number}`" [backRoute]="backRoute">
     <ng-template #actions>
       <p-button (click)="printInvoice()" icon="pi pi-print" outlined size="small" label="چاپ" />
     </ng-template>
@@ -18,7 +12,6 @@
     <p-card>
       <div class="flex flex-col gap-4">
         <div class="listKeyValue">
-          <app-key-value label="شماره صورت‌حساب" [value]="invoice.invoice_number" />
           <app-key-value label="شماره منحصر به فرد مالیاتی" [value]="invoice.tax_id" />
           <app-key-value label="تاریخ صورت‌حساب‌" [value]="invoice.invoice_date" type="date" />
           <app-key-value label="تاریخ ایجاد صورت‌حساب‌" [value]="invoice.created_at" type="dateTime" />
@@ -117,9 +110,9 @@
             pButton
             [label]="action.label || ''"
             [icon]="action.icon || ''"
-            size="small"
             [severity]="$any(action).severity || 'secondary'"
             [outlined]="$any(action).severity === 'secondary'"
+            [loading]="actionLoading"
             (click)="action.command()"></button>
         }
       </div>

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

@@ -110,17 +110,6 @@ export class SharedSaleInvoiceSingleViewComponent {
   showCorrectionForm = signal(false);
   showReturnFromSaleForm = signal(false);
 
-  constructor() {
-    this.showErrors = this.showErrors.bind(this);
-    this.showRevokeConfirmation = this.showRevokeConfirmation.bind(this);
-    this.showCorrection = this.showCorrection.bind(this);
-    this.showReturnFromSale = this.showReturnFromSale.bind(this);
-    this.printInvoice = this.printInvoice.bind(this);
-    this.send = this.send.bind(this);
-    this.resend = this.resend.bind(this);
-    this.inquiry = this.inquiry.bind(this);
-  }
-
   showErrors = () => {};
   inquiry = () => {
     this.onInquiry.emit();
@@ -150,49 +139,49 @@ export class SharedSaleInvoiceSingleViewComponent {
       icon: 'pi pi-send',
       neededStatus: TspProviderResponseStatus.SEND_FAILURE,
       severity: 'info',
-      command: this.resend,
+      command: () => this.resend(),
     },
     {
       label: 'ارسال صورت‌حساب',
       icon: 'pi pi-send',
       neededStatus: TspProviderResponseStatus.NOT_SEND,
       severity: 'info',
-      command: this.send,
+      command: () => this.send(),
     },
     {
       label: 'استعلام وضعیت',
       icon: 'pi pi-info',
       neededStatus: TspProviderResponseStatus.FISCAL_QUEUED,
       severity: 'info',
-      command: this.inquiry,
+      command: () => this.inquiry(),
     },
     {
       label: 'دلایل خطا',
       icon: 'pi pi-question',
       neededStatus: TspProviderResponseStatus.FAILURE,
       severity: 'danger',
-      command: this.showErrors,
+      command: () => this.showErrors(),
     },
     {
       label: 'ابطال',
       icon: 'pi pi-eraser',
       neededStatus: TspProviderResponseStatus.SUCCESS,
       severity: 'danger',
-      command: this.showRevokeConfirmation,
+      command: () => this.showRevokeConfirmation(),
     },
     {
       label: 'اصلاح',
       icon: 'pi pi-file-edit',
       neededStatus: TspProviderResponseStatus.SUCCESS,
       severity: 'warn',
-      command: this.showCorrection,
+      command: () => this.showCorrection(),
     },
     {
       label: 'برگشت از فروش',
       icon: 'pi pi-cart-minus',
       neededStatus: TspProviderResponseStatus.SUCCESS,
       severity: 'warn',
-      command: this.showReturnFromSale,
+      command: () => this.showReturnFromSale(),
     },
   ];