feat: remove AGENT.md and add new agents.md with updated repository-specific instructions

refactor: update shared-saleInvoice.component.ts to simplify SKU code handling

refactor: modify goods.component.html to optimize payload form dialog rendering

fix: adjust goods.component.ts to ensure payload form visibility logic is correct

fix: update order-section.component.ts to improve customer dialog and payment form visibility

style: enhance form.component.html button styling for better responsiveness

fix: change abstract-form.ts to reset form with default values on initialization

refactor: streamline page-data-list-grid-view.component.html for better caption handling

refactor: update page-data-list-grid-view.component.ts to remove unused methods and improve readability

refactor: simplify page-data-list-table-view.component.html and remove redundant code

refactor: clean up page-data-list-table-view.component.ts by removing unnecessary methods

feat: enhance page-data-list.component.html with new caption and paginator templates

feat: create page-data-value.component.ts to encapsulate data rendering logic for grid and table views

style: update presets.ts to modify color palette for better UI consistency

src/app/domains/pos/modules/landing/components/goods.component.html

@@ -36,11 +36,7 @@
     }
   </div>
 
-  @defer (when showPayloadForm()) {
-    <pos-payload-form-dialog
-      [(visible)]="showPayloadForm"
-      [good]="selectedGoodToAdd()!"
-      (onClose)="onClosePayloadForm()"
-    />
+  @if (showPayloadForm() && selectedGoodToAdd(); as selectedGood) {
+    <pos-payload-form-dialog [(visible)]="showPayloadForm" [good]="selectedGood" (onClose)="onClosePayloadForm()" />
   }
 </div>

src/app/domains/pos/modules/landing/components/goods.component.ts

@@ -67,14 +67,14 @@ export class PosGoodsComponent {
   }
 
   addGood(good: IGoodResponse) {
-    this.showPayloadForm.set(true);
-
-    console.log('good', good);
-
+    this.showPayloadForm.set(false);
+    this.selectedGoodToAdd.set(null);
     this.selectedGoodToAdd.set(good);
+    queueMicrotask(() => this.showPayloadForm.set(true));
   }
 
   onClosePayloadForm() {
+    this.showPayloadForm.set(false);
     this.selectedGoodToAdd.set(null);
   }
 }

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

@@ -72,13 +72,13 @@ export class PosOrderSectionComponent {
   }
 
   openCustomerDialog() {
-    // this.this.store.submitOrder();
-    this.isVisibleCustomerForm.set(true);
+    this.isVisibleCustomerForm.set(false);
+    queueMicrotask(() => this.isVisibleCustomerForm.set(true));
   }
 
   submitAndPay() {
-    // this.this.store.submitOrder();
-    this.isVisiblePaymentForm.set(true);
+    this.isVisiblePaymentForm.set(false);
+    queueMicrotask(() => this.isVisiblePaymentForm.set(true));
   }
 
   addMoreGoods() {

src/app/domains/pos/modules/landing/components/payloads/standard/form.component.html

@@ -27,6 +27,6 @@
       [discountAmount]="discountAmount()"
       [taxAmount]="taxAmount()"
     />
-    <p-button (onClick)="submit()"> {{ preparedCTAText() }} </p-button>
+    <p-button class="sm:w-auto w-full" (onClick)="submit()"> {{ preparedCTAText() }} </p-button>
   </div>
 </form>