feat: implement stock keeping unit management form and list components

- Added StockKeepingUnitFormComponent for creating and editing stock keeping units.
- Introduced StockKeepingUnitsComponent for listing stock keeping units with pagination.
- Integrated form fields for code, name, VAT, and SKU type in the stock keeping unit form.
- Created API routes for stock keeping units with CRUD operations.
- Updated input components to handle numeric and price types with Persian/Arabic digit normalization.
- Enhanced key-value component to support tag display instead of badge.
- Adjusted layout styles for sidebar menu.
- Added AGENT.md for repository-specific coding guidelines and practices.
- Implemented good management form with file upload and category selection.

src/app/domains/pos/modules/landing/components/payment/form-dialog.component.ts

@@ -1,4 +1,5 @@
 import { Maybe } from '@/core';
+import { NativeBridgeService } from '@/core/services';
 import { ToastService } from '@/core/services/toast.service';
 import { AbstractFormDialog } from '@/shared/abstractClasses';
 import { InputComponent, KeyValueComponent } from '@/shared/components';
@@ -37,6 +38,7 @@ export class PosPaymentFormDialogComponent
 {
   private readonly store = inject(PosLandingStore);
   private readonly paymentBridge = inject(PosPaymentBridgeAbstract);
+  private readonly nativeBridgeService = inject(NativeBridgeService);
   private readonly toastServices = inject(ToastService);
 
   readonly totalAmount = computed(() => this.store.orderPricingInfo().totalAmount);
@@ -203,15 +205,6 @@ export class PosPaymentFormDialogComponent
 
   override showSuccessMessage = false;
 
-  override ngOnInit() {
-    this.restorePaymentCallback = this.paymentBridge.registerPaymentResultListener((payload) => {
-      const parsedAmount = this.extractAmountFromPaymentResult(payload);
-      if (parsedAmount !== null) {
-        this.payedInTerminal.update((items) => [...items, parsedAmount]);
-      }
-    });
-  }
-
   ngOnDestroy() {
     this.restorePaymentCallback?.();
   }
@@ -230,48 +223,70 @@ export class PosPaymentFormDialogComponent
       terminals: (rawPayment.terminals || []).map((value) => Number(value || 0)),
     };
 
-    if (payment.terminals.some((terminal) => terminal > 0) && this.paymentBridge.isEnabled()) {
-      for (let terminal of payment.terminals) {
-        this.toastServices.info({ text: 'در حال پردازش پرداخت با دستگاه...', life: 3000 });
-        if (terminal <= 0) continue;
-        this.toastServices.info({ text: ' دستگاه...', life: 3000 });
-        // @ts-ignore
-        window.AndroidBridge?.pay(terminal, '0');
-        const payResult = this.paymentBridge.pay({
-          amount: terminal,
-          id: '0',
-        });
-
-        if (!payResult.success) {
-          return this.toastServices.warn({
-            text: payResult.error || 'پرداخت با دستگاه انجام نشد. لطفا دوباره تلاش کنید.',
-          });
-        }
-      }
-    }
-
     this.store.setPayment(payment);
 
-    this.store
-      .submitOrder()
-      .pipe(
-        catchError((err) => {
-          return throwError(() => err);
-        }),
-      )
-      .subscribe((res) => {
-        if (this.paymentBridge.isEnabled()) {
-          this.paymentBridge.print({
-            invoiceId: res?.id,
-            code: res?.code,
+    const terminalPaymentIsDone = this.checkTerminalPayments();
+
+    if (terminalPaymentIsDone) {
+      this.store
+        .submitOrder()
+        .pipe(
+          catchError((err) => {
+            return throwError(() => err);
+          }),
+        )
+        .subscribe((res) => {
+          this.close();
+          this.onSubmit.emit();
+          this.toastServices.success({
+            text: 'فاکتور شما با موفقیت ایجاد شد',
           });
-        }
-        this.close();
-        this.onSubmit.emit();
-        this.toastServices.success({
-          text: 'فاکتور شما با موفقیت ایجاد شد',
         });
-      });
+    }
+  }
+
+  private checkTerminalPayments(): boolean {
+    this.form.controls.terminals.controls = this.form.controls.terminals.controls.filter(
+      (control) => control.value,
+    );
+    const terminalPayments = this.form.controls.terminals.controls.map(
+      (terminal) => terminal.value!,
+    );
+
+    this.selectedPayByTerminalStep.set(terminalPayments.length);
+
+    if (terminalPayments.length) {
+      if (this.nativeBridgeService.isEnabled()) {
+        for (let i in terminalPayments) {
+          const terminal = terminalPayments[i];
+          this.toastServices.info({ text: 'در حال پردازش پرداخت با دستگاه...', life: 3000 });
+          this.payByTerminal(parseInt(i), terminal);
+          break;
+        }
+      } else {
+        this.toastServices.error({
+          text: 'امکان ارتباط با دستگاه پرداخت میسر نیست.',
+        });
+        return false;
+      }
+
+      return false;
+    }
+
+    return true;
+  }
+
+  private payByTerminal(id: number, amount: number) {
+    const payResult = this.nativeBridgeService.pay({
+      amount,
+      id: id.toString(),
+    });
+
+    // if (!payResult.success) {
+    //   return this.toastServices.warn({
+    //     text: payResult.error || 'پرداخت با دستگاه انجام نشد. لطفا دوباره تلاش کنید.',
+    //   });
+    // }
   }
 
   override onSuccess(response: IPayment): void {}