From f50219a094716042d55561ee425ffca7cc1cf47c Mon Sep 17 00:00:00 2001
From: ahasani194 <ahasani194@gmail.com>
Date: Sun, 31 May 2026 10:34:43 +0330
Subject: [PATCH] transform pos payload forms to shared

---
 .gitignore                                    |  1 +
 .../payloads/payload-form.component.html      |  4 +-
 .../payloads/payload-form.component.ts        | 15 +++---
 .../domains/pos/modules/shop/models/index.ts  |  1 -
 .../domains/pos/modules/shop/models/types.ts  |  2 +-
 .../calculated-amount-card.component.html}    |  0
 .../calculated-amount-card.component.ts}      |  6 +--
 src/app/shared/components/dialog/index.ts     |  2 +
 src/app/shared/components/index.ts            |  5 +-
 .../posPayment/gold-form.component.html}      |  2 +-
 .../posPayment/gold-form.component.ts}        | 46 +++++++++----------
 src/app/shared/components/posPayment/index.ts |  2 +
 .../posPayment/standard-form.component.html}  |  2 +-
 .../posPayment/standard-form.component.ts}    | 36 +++++++--------
 src/app/shared/models/index.ts                |  3 ++
 .../models/posPayments.type.ts}               |  0
 src/environments/environment.tis.ts           |  4 +-
 17 files changed, 72 insertions(+), 59 deletions(-)
 rename src/app/{domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.html => shared/components/calculatedAmountCard/calculated-amount-card.component.html} (100%)
 rename src/app/{domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.ts => shared/components/calculatedAmountCard/calculated-amount-card.component.ts} (70%)
 create mode 100644 src/app/shared/components/dialog/index.ts
 rename src/app/{domains/pos/modules/shop/components/payloads/gold/form.component.html => shared/components/posPayment/gold-form.component.html} (98%)
 rename src/app/{domains/pos/modules/shop/components/payloads/gold/form.component.ts => shared/components/posPayment/gold-form.component.ts} (87%)
 create mode 100644 src/app/shared/components/posPayment/index.ts
 rename src/app/{domains/pos/modules/shop/components/payloads/standard/form.component.html => shared/components/posPayment/standard-form.component.html} (95%)
 rename src/app/{domains/pos/modules/shop/components/payloads/standard/form.component.ts => shared/components/posPayment/standard-form.component.ts} (74%)
 create mode 100644 src/app/shared/models/index.ts
 rename src/app/{domains/pos/modules/shop/models/payload.ts => shared/models/posPayments.type.ts} (100%)

diff --git a/.gitignore b/.gitignore
index baef06d..dcd6729 100644
--- a/.gitignore
+++ b/.gitignore
@@ -43,3 +43,4 @@ testem.log
 Thumbs.db
 
 .env.*
+.env
diff --git a/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.html b/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.html
index 0b35a50..308d0a3 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.html
+++ b/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.html
@@ -7,14 +7,14 @@
   (onHide)="close()">
   @if (good) {
     @if (isGoldMode()) {
-      <pos-gold-payload-form
+      <shared-gold-payload-form
         [initialValues]="goldPayload()"
         [vatPercentage]="vatPercentage()"
         [editMode]="editMode()"
         [isRapidInvoice]="isRapidInvoice()"
         (onSubmit)="submit($event)" />
     } @else if (isStandardMode()) {
-      <pos-standard-payload-form
+      <shared-standard-payload-form
         [initialValues]="standardPayload()"
         [vatPercentage]="vatPercentage()"
         [measureUnit]="good.measure_unit"
diff --git a/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.ts b/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.ts
index 6a242e8..3ddbad7 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.ts
+++ b/src/app/domains/pos/modules/shop/components/payloads/payload-form.component.ts
@@ -1,20 +1,23 @@
 import { IGoodResponse } from '@/domains/pos/models/good.io';
 import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
-import { SharedLightBottomsheetComponent } from '@/shared/components/dialog/light-bottomsheet.component';
+import {
+  SharedGoldPayloadFormComponent,
+  SharedLightBottomsheetComponent,
+  SharedStandardPayloadFormComponent,
+} from '@/shared/components';
+import { IGoldPayload, IStandardPayload } from '@/shared/models';
 import { Component, computed, EventEmitter, inject, Input, Output, signal } from '@angular/core';
 import { PosConfigRapidInvoiceService } from '../../../configs/components/rapidInvoice/services/main.service';
-import { IGoldPayload, IPosOrderItem, IStandardPayload } from '../../models';
+import { IPosOrderItem } from '../../models';
 import { PosLandingStore } from '../../store/main.store';
-import { PosGoldPayloadFormComponent } from './gold/form.component';
-import { PosStandardPayloadFormComponent } from './standard/form.component';
 
 @Component({
   selector: 'pos-payload-form-dialog',
   templateUrl: './payload-form.component.html',
   imports: [
-    PosGoldPayloadFormComponent,
+    SharedGoldPayloadFormComponent,
+    SharedStandardPayloadFormComponent,
     SharedLightBottomsheetComponent,
-    PosStandardPayloadFormComponent,
   ],
 })
 export class PayloadFormDialogComponent extends AbstractDialog {
diff --git a/src/app/domains/pos/modules/shop/models/index.ts b/src/app/domains/pos/modules/shop/models/index.ts
index a9af7ed..9c84a71 100644
--- a/src/app/domains/pos/modules/shop/models/index.ts
+++ b/src/app/domains/pos/modules/shop/models/index.ts
@@ -1,6 +1,5 @@
 export * from './customer';
 export * from './io';
-export * from './payload';
 export * from './payment';
 export * from './posPaymentResult';
 export * from './types';
diff --git a/src/app/domains/pos/modules/shop/models/types.ts b/src/app/domains/pos/modules/shop/models/types.ts
index 0d67b00..243bb5b 100644
--- a/src/app/domains/pos/modules/shop/models/types.ts
+++ b/src/app/domains/pos/modules/shop/models/types.ts
@@ -1,6 +1,6 @@
 import ISummary from '@/core/models/summary';
 import { IGoodResponse } from '@/domains/pos/models/good.io';
-import { TPosOrderGoodPayload } from './payload';
+import { TPosOrderGoodPayload } from '@/shared/models';
 
 export interface IPosOrderItem<T = TPosOrderGoodPayload> {
   unit_price: number;
diff --git a/src/app/domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.html b/src/app/shared/components/calculatedAmountCard/calculated-amount-card.component.html
similarity index 100%
rename from src/app/domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.html
rename to src/app/shared/components/calculatedAmountCard/calculated-amount-card.component.html
diff --git a/src/app/domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.ts b/src/app/shared/components/calculatedAmountCard/calculated-amount-card.component.ts
similarity index 70%
rename from src/app/domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.ts
rename to src/app/shared/components/calculatedAmountCard/calculated-amount-card.component.ts
index 142fc62..4411a2c 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/form-dialog-amount-card-template.component.ts
+++ b/src/app/shared/components/calculatedAmountCard/calculated-amount-card.component.ts
@@ -3,11 +3,11 @@ import { Component, Input } from '@angular/core';
 import { Card } from 'primeng/card';
 
 @Component({
-  selector: 'pos-form-dialog-amount-card-template',
-  templateUrl: './form-dialog-amount-card-template.component.html',
+  selector: 'shared-calculated-amount-card',
+  templateUrl: './calculated-amount-card.component.html',
   imports: [Card, PriceMaskDirective],
 })
-export class PosFormDialogAmountCardTemplateComponent {
+export class CalculatedAmountCardComponent {
   @Input({ required: true }) baseTotalAmount!: number;
   @Input({ required: true }) totalAmount!: number;
   @Input({ required: true }) discountAmount!: number;
diff --git a/src/app/shared/components/dialog/index.ts b/src/app/shared/components/dialog/index.ts
new file mode 100644
index 0000000..10ffd99
--- /dev/null
+++ b/src/app/shared/components/dialog/index.ts
@@ -0,0 +1,2 @@
+export * from './dialog.component';
+export * from './light-bottomsheet.component';
diff --git a/src/app/shared/components/index.ts b/src/app/shared/components/index.ts
index 3812deb..7d49b9d 100644
--- a/src/app/shared/components/index.ts
+++ b/src/app/shared/components/index.ts
@@ -1,12 +1,15 @@
 // export * from './abstract-select.component';
+export * from './amountPercentageInput/amount-percentage-input.component';
 export * from './breadcrumb.component';
+export * from './calculatedAmountCard/calculated-amount-card.component';
 export * from './card-data.component';
 export * from './changePasswordFormDialog/change-password-form-dialog.component';
-export * from './dialog/dialog.component';
+export * from './dialog';
 export * from './fields';
 export * from './inlineConfirmation/inline-confirmation.component';
 export * from './inlineEdit/inline-edit.component';
 export * from './input/input.component';
 export * from './key-value.component/key-value.component';
 export * from './passwordInput/password-input.component';
+export * from './posPayment';
 export * from './table-action-row.component';
diff --git a/src/app/domains/pos/modules/shop/components/payloads/gold/form.component.html b/src/app/shared/components/posPayment/gold-form.component.html
similarity index 98%
rename from src/app/domains/pos/modules/shop/components/payloads/gold/form.component.html
rename to src/app/shared/components/posPayment/gold-form.component.html
index 6c014e2..14f0f87 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/gold/form.component.html
+++ b/src/app/shared/components/posPayment/gold-form.component.html
@@ -52,7 +52,7 @@
 
   <hr />
   <div class="flex w-full flex-col justify-center gap-4">
-    <pos-form-dialog-amount-card-template
+    <shared-calculated-amount-card
       [totalAmount]="totalAmount()"
       [baseTotalAmount]="baseTotalAmount()"
       [discountAmount]="form.controls.discount_amount.value || 0"
diff --git a/src/app/domains/pos/modules/shop/components/payloads/gold/form.component.ts b/src/app/shared/components/posPayment/gold-form.component.ts
similarity index 87%
rename from src/app/domains/pos/modules/shop/components/payloads/gold/form.component.ts
rename to src/app/shared/components/posPayment/gold-form.component.ts
index 99372db..5fe2c2f 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/gold/form.component.ts
+++ b/src/app/shared/components/posPayment/gold-form.component.ts
@@ -1,37 +1,46 @@
 import { greaterThanValidator } from '@/core/validators/greater.validator';
 import { PosConfigGoldPriceService } from '@/domains/pos/modules/configs/components/goldPrice/services/main.service';
+import { IPosOrderItem } from '@/domains/pos/modules/shop/models';
 import { AbstractForm } from '@/shared/abstractClasses';
 import { EnumSelectComponent } from '@/shared/apiEnum/select.component';
-import { InputComponent } from '@/shared/components';
-import { AmountPercentageInputComponent } from '@/shared/components/amountPercentageInput/amount-percentage-input.component';
+import {
+  AmountPercentageInputComponent,
+  CalculatedAmountCardComponent,
+  InputComponent,
+} from '@/shared/components';
 import { TGoldKarat } from '@/shared/localEnum/constants/goldKarat';
-import { formatWithCurrency } from '@/utils';
+import { IGoldPayload } from '@/shared/models';
 import { Component, computed, EventEmitter, inject, Input, Output, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { FormsModule, ReactiveFormsModule, Validators } from '@angular/forms';
 import { ButtonDirective } from 'primeng/button';
 import { SelectButton, SelectButtonChangeEvent } from 'primeng/selectbutton';
-import { IGoldPayload, IPosOrderItem } from '../../../models';
-import { PosFormDialogAmountCardTemplateComponent } from '../form-dialog-amount-card-template.component';
 
 @Component({
-  selector: 'pos-gold-payload-form',
-  templateUrl: './form.component.html',
+  selector: 'shared-gold-payload-form',
+  templateUrl: './gold-form.component.html',
   imports: [
     FormsModule,
     ReactiveFormsModule,
     InputComponent,
     EnumSelectComponent,
-    PosFormDialogAmountCardTemplateComponent,
     SelectButton,
     AmountPercentageInputComponent,
     ButtonDirective,
+    CalculatedAmountCardComponent,
   ],
 })
-export class PosGoldPayloadFormComponent extends AbstractForm<
+export class SharedGoldPayloadFormComponent extends AbstractForm<
   IPosOrderItem<IGoldPayload>,
   IPosOrderItem<IGoldPayload>
 > {
+  @Input({ required: true }) vatPercentage!: number;
+  @Input() isRapidInvoice: boolean = false;
+  @Input() ctaText: string = '';
+
+  @Output() onSubmitForm = new EventEmitter<IGoldPayload>();
+  @Output() onChangeTotalAmount = new EventEmitter<number>();
+
   override defaultValues: Partial<IPosOrderItem<IGoldPayload>> = {
     // unit_price: 200_000_000,
     // quantity: 2,
@@ -43,12 +52,6 @@ export class PosGoldPayloadFormComponent extends AbstractForm<
     } as any,
   };
 
-  @Input({ required: true }) vatPercentage!: number;
-  @Input() isRapidInvoice!: boolean;
-
-  @Output() onSubmitForm = new EventEmitter<IGoldPayload>();
-  @Output() onChangeTotalAmount = new EventEmitter<number>();
-
   private readonly posGoldConfig = inject(PosConfigGoldPriceService);
 
   readonly discountTypeItems = [
@@ -74,7 +77,11 @@ export class PosGoldPayloadFormComponent extends AbstractForm<
   goldDefaultUnitPrice = signal<number>(0);
 
   preparedCTAText = computed(() =>
-    this.editMode ? 'اعمال ویرایش' : this.isRapidInvoice ? 'ثبت و پرداخت' : 'افزودن به لیست خرید'
+    this.ctaText || this.editMode
+      ? 'اعمال ویرایش'
+      : this.isRapidInvoice
+        ? 'ثبت و پرداخت'
+        : 'افزودن به لیست خرید'
   );
 
   private readonly initialForm = () => {
@@ -169,13 +176,6 @@ export class PosGoldPayloadFormComponent extends AbstractForm<
     this.onChangeTotalAmount.emit(totalAmount);
   }
 
-  toAmountFormat(amount: number) {
-    if (!amount) {
-      return '';
-    }
-    return `(${formatWithCurrency(amount)})`;
-  }
-
   changeDiscountCalculation($event: SelectButtonChangeEvent) {
     this.discountType.set($event.value);
 
diff --git a/src/app/shared/components/posPayment/index.ts b/src/app/shared/components/posPayment/index.ts
new file mode 100644
index 0000000..61d2bc0
--- /dev/null
+++ b/src/app/shared/components/posPayment/index.ts
@@ -0,0 +1,2 @@
+export * from './gold-form.component';
+export * from './standard-form.component';
diff --git a/src/app/domains/pos/modules/shop/components/payloads/standard/form.component.html b/src/app/shared/components/posPayment/standard-form.component.html
similarity index 95%
rename from src/app/domains/pos/modules/shop/components/payloads/standard/form.component.html
rename to src/app/shared/components/posPayment/standard-form.component.html
index e2ea680..0a27f8d 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/standard/form.component.html
+++ b/src/app/shared/components/posPayment/standard-form.component.html
@@ -19,7 +19,7 @@
 
   <hr />
   <div class="flex w-full flex-col justify-center gap-4">
-    <pos-form-dialog-amount-card-template
+    <shared-calculated-amount-card
       [totalAmount]="totalAmount()"
       [baseTotalAmount]="baseTotalAmount()"
       [discountAmount]="discountAmount()"
diff --git a/src/app/domains/pos/modules/shop/components/payloads/standard/form.component.ts b/src/app/shared/components/posPayment/standard-form.component.ts
similarity index 74%
rename from src/app/domains/pos/modules/shop/components/payloads/standard/form.component.ts
rename to src/app/shared/components/posPayment/standard-form.component.ts
index 6609023..2bed352 100644
--- a/src/app/domains/pos/modules/shop/components/payloads/standard/form.component.ts
+++ b/src/app/shared/components/posPayment/standard-form.component.ts
@@ -1,34 +1,37 @@
 import ISummary from '@/core/models/summary';
 import { greaterThanValidator } from '@/core/validators';
 import { AbstractForm } from '@/shared/abstractClasses';
-import { InputComponent } from '@/shared/components';
-import { AmountPercentageInputComponent } from '@/shared/components/amountPercentageInput/amount-percentage-input.component';
-import { formatWithCurrency } from '@/utils';
+import {
+  AmountPercentageInputComponent,
+  CalculatedAmountCardComponent,
+  InputComponent,
+} from '@/shared/components';
+import { IStandardPayload } from '@/shared/models';
 import { Component, computed, EventEmitter, Input, Output, signal } from '@angular/core';
 import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
 import { ReactiveFormsModule, Validators } from '@angular/forms';
 import { ButtonDirective } from 'primeng/button';
-import { IPosOrderItem, IStandardPayload } from '../../../models';
-import { PosFormDialogAmountCardTemplateComponent } from '../form-dialog-amount-card-template.component';
+import { IPosOrderItem } from '../../../domains/pos/modules/shop/models';
 
 @Component({
-  selector: 'pos-standard-payload-form',
-  templateUrl: './form.component.html',
+  selector: 'shared-standard-payload-form',
+  templateUrl: './standard-form.component.html',
   imports: [
     ReactiveFormsModule,
     InputComponent,
-    PosFormDialogAmountCardTemplateComponent,
     AmountPercentageInputComponent,
     ButtonDirective,
+    CalculatedAmountCardComponent,
   ],
 })
-export class PosStandardPayloadFormComponent extends AbstractForm<
+export class SharedStandardPayloadFormComponent extends AbstractForm<
   IPosOrderItem<IStandardPayload>,
   IPosOrderItem<IStandardPayload>
 > {
   @Input({ required: true }) measureUnit!: ISummary;
   @Input({ required: true }) vatPercentage!: number;
-  @Input() isRapidInvoice!: boolean;
+  @Input() isRapidInvoice: boolean = false;
+  @Input() ctaText: string = '';
   @Output() onChangeTotalAmount = new EventEmitter<number>();
 
   private readonly initialForm = () => {
@@ -66,16 +69,13 @@ export class PosStandardPayloadFormComponent extends AbstractForm<
   taxAmount = signal<number>(0);
 
   preparedCTAText = computed(() =>
-    this.editMode ? 'اعمال ویرایش' : this.isRapidInvoice ? 'ثبت و پرداخت' : 'افزودن به لیست خرید'
+    this.ctaText || this.editMode
+      ? 'اعمال ویرایش'
+      : this.isRapidInvoice
+        ? 'ثبت و پرداخت'
+        : 'افزودن به لیست خرید'
   );
 
-  toPriceFormat(amount: number) {
-    if (!amount) {
-      return '';
-    }
-    return `(${formatWithCurrency(amount)})`;
-  }
-
   updateCalculateAmount(value: Partial<IPosOrderItem<IStandardPayload>>) {
     const baseTotalAmount = (value.unit_price ?? 0) * (value.quantity ?? 0);
     const discountAmount = Number(value.discount_amount ?? '0');
diff --git a/src/app/shared/models/index.ts b/src/app/shared/models/index.ts
new file mode 100644
index 0000000..83aeb94
--- /dev/null
+++ b/src/app/shared/models/index.ts
@@ -0,0 +1,3 @@
+export * from './consumer.type';
+export * from './enum_translate.type';
+export * from './posPayments.type';
diff --git a/src/app/domains/pos/modules/shop/models/payload.ts b/src/app/shared/models/posPayments.type.ts
similarity index 100%
rename from src/app/domains/pos/modules/shop/models/payload.ts
rename to src/app/shared/models/posPayments.type.ts
diff --git a/src/environments/environment.tis.ts b/src/environments/environment.tis.ts
index 73cd0a5..914a195 100644
--- a/src/environments/environment.tis.ts
+++ b/src/environments/environment.tis.ts
@@ -1,9 +1,9 @@
 // TIS tenant environment configuration
 export const environment = {
   production: true,
-  apiBaseUrl: 'https://psp-api.shift-am.ir',
+  // apiBaseUrl: 'https://psp-api.shift-am.ir',
   // apiBaseUrl: 'http://192.168.128.73:5002',
-  // apiBaseUrl: 'http://localhost:5002',
+  apiBaseUrl: 'http://localhost:5002',
   host: 'localhost',
   port: 5000,
   enableLogging: false,