feat: add public sale invoices module with routing and service integration

- Introduced PUBLIC_SALE_INVOICES_ROUTES for handling sale invoice routes.
- Created PublicSaleInvoicesService to fetch single invoice data from the API.
- Implemented PublicSaleInvoiceStore for managing invoice state.
- Added PublicSaleInvoiceComponent to display invoice details.
- Updated app routes to include public sale invoices.
- Removed pre-invoice dialog component and its associated files.
- Enhanced order submitted dialog with QR code for invoice sharing.
- Updated sale invoice single view to reflect new data structure.
- Refactored page data list component for improved layout and functionality.

src/app/domains/pos/modules/landing/components/order/order-submitted-dialog.component.html

@@ -4,13 +4,15 @@
   [modal]="true"
   [style]="{ 'max-height': '90svh', height: 'auto' }"
   [closable]="true"
-  (onHide)="close()"
->
-  <div class="text-center pt-10 pb-14 flex flex-col items-center justify-center gap-4">
-    <i class="" class="pi pi-check-circle text-6xl! text-green-700"></i>
-    <p class="text-lg font-bold">فاکتور شما با موفقیت ایجاد شد.</p>
+  (onHide)="close()">
+  <div class="flex flex-col items-center justify-center gap-4 pt-10 pb-14 text-center">
+    <qrcode [qrdata]="publicInvoiceRoute()" [width]="220" [errorCorrectionLevel]="'M'"></qrcode>
+    <div class="flex items-center gap-2">
+      <i class="" class="pi pi-check-circle text-xl! text-green-700"></i>
+      <p class="text-lg font-bold">فاکتور شما با موفقیت ایجاد شد.</p>
+    </div>
   </div>
-  <div class="flex gap-2 justify-center">
+  <div class="flex justify-center gap-2">
     <button pButton type="button" outlined (click)="printInvoice()">چاپ</button>
     <button pButton type="button" outlined (click)="sendInvoice()">ارسال به سامانه مودیان</button>
     <button pButton type="button" outlined (click)="openOrderDetails()">جزئیات</button>

src/app/domains/pos/modules/landing/components/order/order-submitted-dialog.component.ts

@@ -6,6 +6,7 @@ import { SharedLightBottomsheetComponent } from '@/shared/components/dialog/ligh
 import { formatJalali } from '@/utils';
 import { Component, computed, inject, Input, signal } from '@angular/core';
 import { Router } from '@angular/router';
+import { QRCodeComponent } from 'angularx-qrcode';
 import { ButtonDirective } from 'primeng/button';
 import { finalize } from 'rxjs';
 import { posSaleInvoicesNamedRoutes } from '../../../saleInvoices/constants';
@@ -15,7 +16,7 @@ import { IPosOrderResponse } from '../../models';
 @Component({
   selector: 'pos-order-submitted-dialog',
   templateUrl: 'order-submitted-dialog.component.html',
-  imports: [SharedLightBottomsheetComponent, ButtonDirective],
+  imports: [SharedLightBottomsheetComponent, ButtonDirective, QRCodeComponent],
 })
 export class PosOrderSubmittedDialogComponent extends AbstractDialog {
   @Input({ required: true }) invoice!: IPosOrderResponse;
@@ -33,12 +34,16 @@ export class PosOrderSubmittedDialogComponent extends AbstractDialog {
     return '';
   });
 
+  readonly publicInvoiceRoute = computed(
+    () => `${window.location.origin}/sale-invoices/${this.invoice.id}`
+  );
+
   sendingLoading = signal(false);
   sended = signal(false);
 
   openOrderDetails() {
     this.router.navigateByUrl(
-      posSaleInvoicesNamedRoutes.saleInvoice.meta.pagePath!(this.invoice.id),
+      posSaleInvoicesNamedRoutes.saleInvoice.meta.pagePath!(this.invoice.id)
     );
   }
 

src/app/domains/pos/modules/landing/components/pre-invoice-dialog.component.html

@@ -1,11 +0,0 @@
-<shared-light-bottomsheet
-  [(visible)]="visible"
-  header="پیش فاکتور"
-  [modal]="true"
-  [style]="{ 'max-height': '90svh', height: 'auto' }"
-  [closable]="true"
-  (onHide)="close()"
->
-  <form [formGroup]="form"></form>
-  <uikit-datepicker [control]="form.controls.invoiceDate" label="تاریخ فاکتور" />
-</shared-light-bottomsheet>

src/app/domains/pos/modules/landing/components/pre-invoice-dialog.component.ts

@@ -1,25 +0,0 @@
-import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
-import { SharedLightBottomsheetComponent } from '@/shared/components/dialog/light-bottomsheet.component';
-import { UikitFlatpickrJalaliComponent } from '@/uikit';
-import { Component, inject } from '@angular/core';
-import { FormBuilder, ReactiveFormsModule, Validators } from '@angular/forms';
-import { PosLandingStore } from '../store/main.store';
-
-@Component({
-  selector: 'pos-pre-invoice-dialog',
-  templateUrl: './pre-invoice-dialog.component.html',
-  imports: [SharedLightBottomsheetComponent, UikitFlatpickrJalaliComponent, ReactiveFormsModule],
-})
-export class PosPreInvoiceDialogComponent extends AbstractDialog {
-  private readonly store = inject(PosLandingStore);
-  private readonly fb = inject(FormBuilder);
-
-  private initForm() {
-    const form = this.fb.group({
-      invoiceDate: [this.store.invoiceDate(), [Validators.required]],
-    });
-    return form;
-  }
-
-  form = this.initForm();
-}