update input

src/app/domains/pos/modules/shop/components/order/order-section-dialog.component.html

@@ -0,0 +1,3 @@
+<shared-light-bottomsheet [(visible)]="visible" [closable]="true" header="جزییات صورت‌حساب‌">
+  <pos-order-section (onAddMoreGoods)="closeInvoiceBottomSheet()" (onSubmit)="submitOrder()" />
+</shared-light-bottomsheet>

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

@@ -0,0 +1,21 @@
+import { AbstractDialog } from '@/shared/abstractClasses/abstract-dialog';
+import { SharedLightBottomsheetComponent } from '@/shared/components';
+import { Component, EventEmitter, Output } from '@angular/core';
+import { PosOrderSectionComponent } from './order-section.component';
+
+@Component({
+  selector: 'pos-order-section-dialog',
+  templateUrl: 'order-section-dialog.component.html',
+  imports: [SharedLightBottomsheetComponent, PosOrderSectionComponent],
+})
+export class PosOrderSectionDialogComponent extends AbstractDialog {
+  @Output() onCloseInvoiceBottomSheet = new EventEmitter();
+  @Output() onSubmitOrder = new EventEmitter();
+
+  closeInvoiceBottomSheet = () => {
+    this.onCloseInvoiceBottomSheet.emit();
+  };
+  submitOrder = () => {
+    this.onSubmitOrder.emit();
+  };
+}

src/app/domains/pos/modules/shop/views/root.component.html

@@ -33,10 +33,12 @@
       </div>
     </button>
   }
-  <shared-light-bottomsheet [(visible)]="showInvoiceBottomSheet" [closable]="true" header="جزییات صورت‌حساب‌">
-    <pos-order-section (onAddMoreGoods)="closeInvoiceBottomSheet()" (onSubmit)="submitOrder()" />
-  </shared-light-bottomsheet>
-
+  @if (showInvoiceBottomSheet()) {
+    <pos-order-section-dialog
+      [(visible)]="showInvoiceBottomSheet"
+      (onAddMoreGoods)="closeInvoiceBottomSheet()"
+      (onSubmit)="submitOrder()" />
+  }
   @if (isVisiblePaymentForm()) {
     <pos-payment-form-dialog [(visible)]="isVisiblePaymentForm" (onSubmit)="submitPayment($event)" />
   }

src/app/domains/pos/modules/shop/views/root.component.ts

@@ -2,11 +2,11 @@
 import { Maybe } from '@/core';
 import { PosInfoStore } from '@/domains/pos/store/pos.store';
 import { AbstractIsMobileComponent } from '@/shared/abstractClasses/abstract-is-mobile';
-import { SharedLightBottomsheetComponent } from '@/shared/components/dialog/light-bottomsheet.component';
 import { PageLoadingComponent } from '@/shared/components/page-loading.component';
 import { PriceMaskDirective } from '@/shared/directives';
 import { ChangeDetectionStrategy, Component, computed, inject, signal } from '@angular/core';
 import { ButtonDirective } from 'primeng/button';
+import { PosOrderSectionDialogComponent } from '../components/order/order-section-dialog.component';
 import { PosOrderSectionComponent } from '../components/order/order-section.component';
 import { PosOrderSubmittedDialogComponent } from '../components/order/order-submitted-dialog.component';
 import { PosPaymentFormDialogComponent } from '../components/payment/form-dialog.component';
@@ -25,10 +25,10 @@ import { PosLandingStore } from '../store/main.store';
     PosOrderSectionComponent,
     PageLoadingComponent,
     PriceMaskDirective,
-    SharedLightBottomsheetComponent,
     ButtonDirective,
     PosOrderSubmittedDialogComponent,
     PosPaymentFormDialogComponent,
+    PosOrderSectionDialogComponent,
   ],
 })
 export class PosShopComponent extends AbstractIsMobileComponent {