From 806ac42eae767cef1fe7d60e059c45a47a4e28f0 Mon Sep 17 00:00:00 2001
From: Luis Eduardo Estevao <luis@jurunense.com.br>
Date: Tue, 10 Feb 2026 11:09:26 -0300
Subject: [PATCH] feat: add cart sales component with Kendo UI grid for
 displaying shopping items.

---
 .../cart-sales/cart-sales.component.html      | 1274 ++++-------------
 .../sales/cart-sales/cart-sales.component.ts  |   72 +-
 2 files changed, 321 insertions(+), 1025 deletions(-)

diff --git a/src/app/sales/cart-sales/cart-sales.component.html b/src/app/sales/cart-sales/cart-sales.component.html
index 62dc7de..d29e1d2 100644
--- a/src/app/sales/cart-sales/cart-sales.component.html
+++ b/src/app/sales/cart-sales/cart-sales.component.html
@@ -28,11 +28,7 @@
 
           <!-- Botão na direita -->
           <div class="col-6 col-sm-6 col-md-4 text-end">
-            <button
-              kendoButton
-              class="btn-add-itens text-btn-add-itens w-100 w-md-auto"
-              (click)="goSalesHome()"
-            >
+            <button kendoButton class="btn-add-itens text-btn-add-itens w-100 w-md-auto" (click)="goSalesHome()">
               Adicionar Itens
             </button>
           </div>
@@ -44,20 +40,10 @@
     <!-- Segunda Linha -->
     <div class="row mb-3">
       <div class="col-12" style="height: 260px">
-        <kendo-grid
-          [kendoGridBinding]="shoppingItems$ | async"
-          [sortable]="true"
-          [resizable]="true"
-          [height]="260"
-          class="text-grid"
-          (remove)="showConfirmationCancelItem($event)"
-          (edit)="showPageDiscountItem($event)"
-        >
+        <kendo-grid [kendoGridBinding]="shoppingItems$ | async" [sortable]="true" [resizable]="true" [height]="260"
+          class="text-grid" (remove)="showConfirmationCancelItem($event)" (edit)="showPageDiscountItem($event)">
           <!-- Coluna responsiva para dispositivos pequenos -->
-          <kendo-grid-column
-            media="(max-width: 768px)"
-            title="Itens do carrinho"
-          >
+          <kendo-grid-column media="(max-width: 768px)" title="Itens do carrinho">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div>
                 <h4>{{ dataItem.smallDescription }}</h4>
@@ -75,117 +61,66 @@
                   <div class="details-row">
                     <dt>
                       Valor Total:
-                      <span
-                        style="
+                      <span style="
                           font-size: 20px;
                           font-weight: 600;
                           margin-top: 10px;
                           color: blue;
-                        "
-                        >R$
+                        ">R$
                         {{
-                          dataItem.price * dataItem.quantity | number : "1.2-2"
-                        }}</span
-                      >
+                        dataItem.price * dataItem.quantity | number : "1.2-2"
+                        }}</span>
                     </dt>
                     <dd>
                       <div *ngIf="dataItem.promotion > 0">
-                        <span
-                          class="badge rounded-pill text-white"
-                          style="
+                        <span class="badge rounded-pill text-white" style="
                             opacity: 0.8;
                             background-color: #be102d;
                             margin-right: 10px;
-                          "
-                        >
-                          <small>Em promoção</small></span
-                        >
+                          ">
+                          <small>Em promoção</small></span>
                       </div>
-                      <div
-                        class="text-center"
-                        *ngIf="dataItem.deliveryType == 'EN'"
-                      >
-                        <span
-                          class="badge rounded-pill text-white"
-                          style="opacity: 0.8; background-color: #be102d"
-                        >
-                          <small>Entrega</small></span
-                        >
+                      <div class="text-center" *ngIf="dataItem.deliveryType == 'EN'">
+                        <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #be102d">
+                          <small>Entrega</small></span>
                       </div>
-                      <div
-                        class="text-center"
-                        *ngIf="dataItem.deliveryType == 'RP'"
-                      >
-                        <span
-                          class="badge rounded-pill text-white"
-                          style="opacity: 0.8; background-color: #ef7d00"
-                        >
-                          <small>Retira posterior</small></span
-                        >
+                      <div class="text-center" *ngIf="dataItem.deliveryType == 'RP'">
+                        <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #ef7d00">
+                          <small>Retira posterior</small></span>
                       </div>
 
-                      <div
-                        class="text-center"
-                        *ngIf="dataItem.deliveryType == 'RA'"
-                      >
-                        <span
-                          class="badge rounded-pill text-white"
-                          style="opacity: 0.8; background-color: #ef7d00"
-                        >
-                          <small>Retira posterior (Imediata)</small></span
-                        >
+                      <div class="text-center" *ngIf="dataItem.deliveryType == 'RA'">
+                        <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #ef7d00">
+                          <small>Retira posterior (Imediata)</small></span>
                       </div>
 
-                      <div
-                        class="text-center"
-                        *ngIf="dataItem.deliveryType == 'RI'"
-                      >
-                        <span
-                          class="badge rounded-pill text-white"
-                          style="
+                      <div class="text-center" *ngIf="dataItem.deliveryType == 'RI'">
+                        <span class="badge rounded-pill text-white" style="
                             opacity: 0.8;
                             background-color: hsl(138, 90%, 8%);
-                          "
-                        >
-                          <small>Retira imediata</small></span
-                        >
+                          ">
+                          <small>Retira imediata</small></span>
                       </div>
-                      <div
-                        class="text-center"
-                        *ngIf="dataItem.deliveryType == 'EF'"
-                      >
-                        <span
-                          class="badge rounded-pill text-white"
-                          style="
+                      <div class="text-center" *ngIf="dataItem.deliveryType == 'EF'">
+                        <span class="badge rounded-pill text-white" style="
                             opacity: 0.8;
                             background-color: hsl(258, 66%, 31%);
-                          "
-                        >
-                          <small>Encomenda</small></span
-                        >
+                          ">
+                          <small>Encomenda</small></span>
                       </div>
                     </dd>
                   </div>
                 </dl>
                 <!-- Botões de Ação -->
                 <div class="d-flex justify-content-start mt-2">
-                  <button
-                    class="btn btn-sm btn-success me-2 custom-add-btn"
-                    kendoGridAddCommand
-                    (click)="showModalProduct(dataItem)"
-                  >
+                  <button class="btn btn-sm btn-success me-2 custom-add-btn" kendoGridAddCommand
+                    (click)="showModalProduct(dataItem)">
                     <i class="bi bi-pencil"></i> Editar
                   </button>
-                  <button
-                    class="btn btn-sm btn-warning me-2 custom-edit-btn"
-                    kendoGridEditCommand
-                  >
+                  <button class="btn btn-sm btn-warning me-2 custom-edit-btn" kendoGridEditCommand>
                     <i class="bi bi-currency-dollar"></i> Desconto
                   </button>
-                  <button
-                    class="btn btn-sm btn-danger custom-remove-btn"
-                    kendoGridRemoveCommand
-                  >
+                  <button class="btn btn-sm btn-danger custom-remove-btn" kendoGridRemoveCommand>
                     <i class="bi bi-cart-dash"></i> Remover
                   </button>
                 </div>
@@ -193,24 +128,14 @@
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="numSeq"
-            title="Seq"
-            [width]="10"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="numSeq" title="Seq" [width]="10" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div class="title-product">
                 <span>{{ dataItem.numSeq }}</span>
               </div>
             </ng-template>
           </kendo-grid-column>
-          <kendo-grid-column
-            field="productId"
-            title="Código"
-            [width]="15"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="productId" title="Código" [width]="15" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div>
                 <span>{{ dataItem.idProduct }}</span>
@@ -218,12 +143,7 @@
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="description"
-            title="Produto"
-            [width]="80"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="description" title="Produto" [width]="80" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div class="title-product">
                 <span>
@@ -233,30 +153,16 @@
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="promotion"
-            title="Condição"
-            [width]="25"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="promotion" title="Condição" [width]="25" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div *ngIf="dataItem.promotion > 0">
-                <span
-                  class="badge rounded-pill text-white"
-                  style="opacity: 0.8; background-color: #be102d"
-                >
-                  <small>Em promoção</small></span
-                >
+                <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #be102d">
+                  <small>Em promoção</small></span>
               </div>
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="brand"
-            title="Marca"
-            [width]="35"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="brand" title="Marca" [width]="35" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div>
                 <span>{{ dataItem.brand }}</span>
@@ -264,24 +170,14 @@
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="discount"
-            title="Desconto"
-            [width]="15"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="discount" title="Desconto" [width]="15" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div class="text-center">
                 <span>{{ dataItem.discount | number : "1.2-2" }}%</span>
               </div>
             </ng-template>
           </kendo-grid-column>
-          <kendo-grid-column
-            field="stockId"
-            title="F.Retira"
-            [width]="20"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="stockId" title="F.Retira" [width]="20" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div class="text-center">
                 <span>Loja {{ dataItem.stockStore }}</span>
@@ -289,110 +185,60 @@
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="deliveryType"
-            title="Tipo de entrega"
-            [width]="25"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="deliveryType" title="Tipo de entrega" [width]="25" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div class="text-center" *ngIf="dataItem.deliveryType == 'EN'">
-                <span
-                  class="badge rounded-pill text-white"
-                  style="opacity: 0.8; background-color: #be102d"
-                >
-                  <small>Entrega</small></span
-                >
+                <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #be102d">
+                  <small>Entrega</small></span>
               </div>
               <div class="text-center" *ngIf="dataItem.deliveryType == 'RP'">
-                <span
-                  class="badge rounded-pill text-white"
-                  style="opacity: 0.8; background-color: #ef7d00"
-                >
-                  <small>Retira posterior</small></span
-                >
+                <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #ef7d00">
+                  <small>Retira posterior</small></span>
               </div>
 
               <div class="text-center" *ngIf="dataItem.deliveryType == 'RA'">
-                <span
-                  class="badge rounded-pill text-white"
-                  style="opacity: 0.8; background-color: #ef7d00"
-                >
-                  <small>Retira posterior (Imediata)</small></span
-                >
+                <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: #ef7d00">
+                  <small>Retira posterior (Imediata)</small></span>
               </div>
 
               <div class="text-center" *ngIf="dataItem.deliveryType == 'RI'">
-                <span
-                  class="badge rounded-pill text-white"
-                  style="opacity: 0.8; background-color: hsl(138, 90%, 8%)"
-                >
-                  <small>Retira imediata</small></span
-                >
+                <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: hsl(138, 90%, 8%)">
+                  <small>Retira imediata</small></span>
               </div>
               <div class="text-center" *ngIf="dataItem.deliveryType == 'EF'">
-                <span
-                  class="badge rounded-pill text-white"
-                  style="opacity: 0.8; background-color: hsl(258, 66%, 31%)"
-                >
-                  <small>Encomenda</small></span
-                >
+                <span class="badge rounded-pill text-white" style="opacity: 0.8; background-color: hsl(258, 66%, 31%)">
+                  <small>Encomenda</small></span>
               </div>
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="price"
-            title="Preço"
-            [width]="20"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="price" title="Preço" [width]="20" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
-              <span [ngClass]="{ 'red text-bold': dataItem.price < 0 }"
-                >R$ {{ dataItem.price | number : "1.2-2" }}</span
-              >
+              <span [ngClass]="{ 'red text-bold': dataItem.price < 0 }">R$ {{ dataItem.price | number : "1.2-2"
+                }}</span>
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="quantity"
-            title="Qtde"
-            [width]="20"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="quantity" title="Qtde" [width]="20" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <span>{{ dataItem.quantity | number : "1.2-2" }} </span>
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            field="price"
-            title="Valor total"
-            [width]="20"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column field="price" title="Valor total" [width]="20" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
-              <span [ngClass]="{ 'red text-bold': dataItem.price < 0 }"
-                >R$
+              <span [ngClass]="{ 'red text-bold': dataItem.price < 0 }">R$
                 {{
-                  dataItem.price * dataItem.quantity | number : "1.2-2"
-                }}</span
-              >
+                dataItem.price * dataItem.quantity | number : "1.2-2"
+                }}</span>
             </ng-template>
           </kendo-grid-column>
 
-          <kendo-grid-column
-            title="Ações"
-            [width]="30"
-            media="(min-width: 769px)"
-          >
+          <kendo-grid-column title="Ações" [width]="30" media="(min-width: 769px)">
             <ng-template kendoGridCellTemplate let-dataItem>
               <div class="row g-2 justify-content-start">
                 <div class="col-3 me-2" kendoGridAddCommand>
-                  <i
-                    class="bi bi-pencil text-success"
-                    (click)="showModalProduct(dataItem)"
-                  ></i>
+                  <i class="bi bi-pencil text-success" (click)="showModalProduct(dataItem)"></i>
                 </div>
                 <div class="col-3 me-2" kendoGridEditCommand>
                   <i class="bi bi-currency-dollar text-warning"></i>
@@ -428,25 +274,16 @@
                 <div class="col-12 col-sm-5 col-md-6 d-flex align-items-center">
                   <span class="title-page">Informações do cliente</span>
                 </div>
-                <div
-                  class="col-12 col-sm-7 col-md-6 d-flex justify-content-end"
-                >
+                <div class="col-12 col-sm-7 col-md-6 d-flex justify-content-end">
                   <div class="row w-100">
                     <div class="col-6 text-center">
-                      <button
-                        kendoButton
-                        class="btn-new-customer text-btn-flat-azul"
-                        (click)="showDialogCreateCustomer()"
-                      >
+                      <button kendoButton class="btn-new-customer text-btn-flat-azul"
+                        (click)="showDialogCreateCustomer()">
                         Novo cliente
                       </button>
                     </div>
                     <div class="col-6 text-center">
-                      <button
-                        kendoButton
-                        class="btn-add-itens text-btn-add-itens"
-                        (click)="selectCustomer()"
-                      >
+                      <button kendoButton class="btn-add-itens text-btn-add-itens" (click)="selectCustomer()">
                         Pesquisar cliente
                       </button>
                     </div>
@@ -459,18 +296,10 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">Nome do Cliente</span>
-                        <span
-                          *ngIf="isPreCustomer()"
-                          class="ms-5 top-0 translate-middle badge rounded-pill bg-danger"
-                          >Pré-Cadastro</span
-                        >
+                        <span *ngIf="isPreCustomer()"
+                          class="ms-5 top-0 translate-middle badge rounded-pill bg-danger">Pré-Cadastro</span>
 
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="name"
-                          #name
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="name" #name required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -481,12 +310,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">CPF / CNPJ</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="document"
-                          #cpfCnpj
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="document" #cpfCnpj required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -495,12 +319,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">CONTATO</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="cellPhone"
-                          #cellPhone
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="cellPhone" #cellPhone required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -511,12 +330,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">CEP</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="cep"
-                          #cep
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="cep" #cep required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -525,12 +339,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">endereço</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="address"
-                          #address
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="address" #address required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -541,12 +350,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">número</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="number"
-                          #number
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="number" #number required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -555,12 +359,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">cidade</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="city"
-                          #city
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="city" #city required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -569,12 +368,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">estado</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="state"
-                          #state
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="state" #state required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -585,12 +379,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">complemento</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="complement"
-                          #complement
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="complement" #complement required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -598,19 +387,11 @@
                 </div>
                 <div class="row mt-2">
                   <div style="display: flex; justify-content: space-between">
-                    <button
-                      kendoButton
-                      class="btn-new-customer text-btn-flat-azul"
-                      style="height: 40px"
-                      (click)="showPreCustomer()"
-                    >
+                    <button kendoButton class="btn-new-customer text-btn-flat-azul" style="height: 40px"
+                      (click)="showPreCustomer()">
                       <span>Pré-Cadastro</span>
                     </button>
-                    <button
-                      kendoButton
-                      class="btn-next"
-                      (click)="activePagePayment()"
-                    >
+                    <button kendoButton class="btn-next" (click)="activePagePayment()">
                       <span class="text-btn-next">Avançar</span>
                     </button>
                   </div>
@@ -642,15 +423,9 @@
                     <kendo-formfield>
                       <label>
                         <span>Filial de venda</span>
-                        <kendo-combobox
-                          #country
-                          textField="shortName"
-                          valueField="id"
-                          formControlName="invoiceStore"
-                          [data]="invoiceStores$ | async"
-                          [kendoDropDownFilter]="{ operator: 'contains' }"
-                          (selectionChange)="setInvoiceStore($event)"
-                        >
+                        <kendo-combobox #country textField="shortName" valueField="id" formControlName="invoiceStore"
+                          [data]="invoiceStores$ | async" [kendoDropDownFilter]="{ operator: 'contains' }"
+                          (selectionChange)="setInvoiceStore($event)">
                         </kendo-combobox>
                       </label>
                     </kendo-formfield>
@@ -659,15 +434,9 @@
                     <kendo-formfield>
                       <label>
                         <span>Cobrança</span>
-                        <kendo-combobox
-                          #country
-                          textField="cobranca"
-                          valueField="codcob"
-                          formControlName="billing"
-                          [data]="billing$ | async"
-                          [kendoDropDownFilter]="{ operator: 'contains' }"
-                          (selectionChange)="setBilling($event)"
-                        >
+                        <kendo-combobox #country textField="cobranca" valueField="codcob" formControlName="billing"
+                          [data]="billing$ | async" [kendoDropDownFilter]="{ operator: 'contains' }"
+                          (selectionChange)="setBilling($event)">
                         </kendo-combobox>
                       </label>
                     </kendo-formfield>
@@ -676,21 +445,15 @@
                     <kendo-formfield>
                       <label>
                         <span>Plano de pagamento</span>
-                        <kendo-combobox
-                          #country
-                          textField="descricao"
-                          valueField="codplpag"
-                          formControlName="paymentPlan"
-                          [data]="paymentPlans"
-                          [kendoDropDownFilter]="{ operator: 'contains' }"
-                          (selectionChange)="setPaymentPlan($event)"
-                        >
+                        <kendo-combobox #country textField="descricao" valueField="codplpag"
+                          formControlName="paymentPlan" [data]="paymentPlans"
+                          [kendoDropDownFilter]="{ operator: 'contains' }" (selectionChange)="setPaymentPlan($event)">
                         </kendo-combobox>
                       </label>
                     </kendo-formfield>
                   </div>
 
-                  <div class="col-12 mt-3">
+                  <!-- <div class="col-12 mt-3">
                     <kendo-formfield>
                       <label>
                         <span>Parceiro Jurunense</span>
@@ -706,23 +469,15 @@
                         </kendo-combobox>
                       </label>
                     </kendo-formfield>
-                  </div>
+                  </div> -->
                 </div>
                 <div class="row" style="margin-top: 20px; margin-bottom: 0">
                   <!-- <div class="col-8 text-end"> -->
                   <div style="display: flex; justify-content: space-between">
-                    <button
-                      kendoButton
-                      class="btn-prior me-2"
-                      (click)="activePageCustomer()"
-                    >
+                    <button kendoButton class="btn-prior me-2" (click)="activePageCustomer()">
                       <span class="text-btn-prior text-center">Retornar</span>
                     </button>
-                    <button
-                      kendoButton
-                      class="btn-next"
-                      (click)="activePageAddress()"
-                    >
+                    <button kendoButton class="btn-next" (click)="activePageAddress()">
                       <span class="text-btn-next text-center">Avançar</span>
                     </button>
                   </div>
@@ -760,28 +515,14 @@
               <div class="container-address">
                 <span class="title-page">Endereço de entrega</span>
                 <div class="btn-group">
-                  <button
-                    kendoButton
-                    class="btn-add-address text-center"
-                    (click)="showDialogCreateAddress()"
-                  >
+                  <button kendoButton class="btn-add-address text-center" (click)="showDialogCreateAddress()">
                     <span class="text-btn-add-address">Adicionar</span>
                   </button>
-                  <button
-                    kendoButton
-                    class="btn-address"
-                    (click)="showDialogSelectAddress()"
-                  >
+                  <button kendoButton class="btn-address" (click)="showDialogSelectAddress()">
                     <span class="text-btn-address text-center">Alterar</span>
                   </button>
-                  <button
-                    kendoButton
-                    class="btn-remove-address"
-                    (click)="removeSelectAddress()"
-                  >
-                    <span class="text-btn-remove-address text-center"
-                      >Remover</span
-                    >
+                  <button kendoButton class="btn-remove-address" (click)="removeSelectAddress()">
+                    <span class="text-btn-remove-address text-center">Remover</span>
                   </button>
                 </div>
               </div>
@@ -791,12 +532,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">CEP</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="zipCode"
-                          #cep
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="zipCode" #cep required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -805,12 +541,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">endereço</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="address"
-                          #address
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="address" #address required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -821,12 +552,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">número</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="number"
-                          #number
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="number" #number required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -835,12 +561,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">cidade</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="city"
-                          #city
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="city" #city required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -849,12 +570,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">estado</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="state"
-                          #state
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="state" #state required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -865,12 +581,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">complemento</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="complement"
-                          #complement
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="complement" #complement required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -880,15 +591,8 @@
                   <div class="col-12">
                     <kendo-formfield>
                       <label class="w-100">
-                        <span class="title-form-column"
-                          >Ponto de referência</span
-                        >
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="referencePoint"
-                          #notify
-                          required
-                        >
+                        <span class="title-form-column">Ponto de referência</span>
+                        <kendo-textbox class="is-text" formControlName="referencePoint" #notify required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -899,12 +603,7 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span class="title-form-column">observações</span>
-                        <kendo-textbox
-                          class="is-text"
-                          formControlName="note"
-                          #notify
-                          required
-                        >
+                        <kendo-textbox class="is-text" formControlName="note" #notify required>
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
@@ -912,18 +611,10 @@
                 </div>
                 <div class="row mt-2">
                   <div style="display: flex; justify-content: space-between">
-                    <button
-                      kendoButton
-                      class="btn-prior me-2"
-                      (click)="activePagePayment()"
-                    >
+                    <button kendoButton class="btn-prior me-2" (click)="activePagePayment()">
                       <span class="text-btn-prior text-center">Retornar</span>
                     </button>
-                    <button
-                      kendoButton
-                      class="btn-next"
-                      (click)="activePageNoteDelivery()"
-                    >
+                    <button kendoButton class="btn-next" (click)="activePageNoteDelivery()">
                       <span class="text-btn-next text-center">Avançar</span>
                     </button>
                   </div>
@@ -950,10 +641,7 @@
                     <label>
                       <kendo-formfield>
                         <span>Previsão de entrega</span>
-                        <kendo-datepicker
-                          (blur)="setDataDelivery()"
-                          formControlName="shippingDate"
-                        >
+                        <kendo-datepicker (blur)="setDataDelivery()" formControlName="shippingDate">
                         </kendo-datepicker>
                       </kendo-formfield>
                       <!--kendo-formfield>
@@ -969,89 +657,53 @@
                     </label>
                   </div>
                   <div class="col-6 mt-2 ms-auto">
-                    <kendo-formfield
-                      *ngIf="isInvoiceStore9Or10() === true"
-                      orientation="horizontal"
-                      showHints="initial"
-                    >
+                    <kendo-formfield *ngIf="isInvoiceStore9Or10() === true" orientation="horizontal"
+                      showHints="initial">
                       <label class="k-label">Prioridade de Entrega</label>
 
                       <ul class="k-radio-list k-list-horizontal">
                         <li class="k-radio-item">
                           <label>
-                            <input
-                              type="radio"
-                              #medium
-                              value="B"
-                              kendoRadioButton
-                              formControlName="shippingPriority"
-                              (blur)="setDataDelivery()"
-                            />
+                            <input type="radio" #medium value="B" kendoRadioButton formControlName="shippingPriority"
+                              (blur)="setDataDelivery()" />
                             <span class="ms-2">Entrega</span>
                           </label>
                         </li>
 
                         <li class="k-radio-item">
                           <label>
-                            <input
-                              type="radio"
-                              #medium
-                              value="M"
-                              kendoRadioButton
-                              formControlName="shippingPriority"
-                              (blur)="setDataDelivery()"
-                            />
+                            <input type="radio" #medium value="M" kendoRadioButton formControlName="shippingPriority"
+                              (blur)="setDataDelivery()" />
                             <span class="ms-2">Retira</span>
                           </label>
                         </li>
 
                         <li class="k-radio-item">
                           <label>
-                            <input
-                              type="radio"
-                              #medium
-                              value="A"
-                              kendoRadioButton
-                              formControlName="shippingPriority"
-                              (blur)="setDataDelivery()"
-                            />
+                            <input type="radio" #medium value="A" kendoRadioButton formControlName="shippingPriority"
+                              (blur)="setDataDelivery()" />
                             <span class="ms-2">Delivery</span>
                           </label>
                         </li>
                       </ul>
                     </kendo-formfield>
-                    <kendo-formfield
-                      *ngIf="isInvoiceStore9Or10() === false"
-                      orientation="horizontal"
-                      showHints="initial"
-                    >
+                    <kendo-formfield *ngIf="isInvoiceStore9Or10() === false" orientation="horizontal"
+                      showHints="initial">
                       <label class="k-label">Prioridade de Entrega</label>
 
                       <ul class="k-radio-list k-list-horizontal">
                         <li class="k-radio-item">
                           <label>
-                            <input
-                              type="radio"
-                              #medium
-                              value="B"
-                              kendoRadioButton
-                              formControlName="shippingPriority"
-                              (blur)="setDataDelivery()"
-                            />
+                            <input type="radio" #medium value="B" kendoRadioButton formControlName="shippingPriority"
+                              (blur)="setDataDelivery()" />
                             <span class="ms-2">Entrega</span>
                           </label>
                         </li>
 
                         <li class="k-radio-item">
                           <label>
-                            <input
-                              type="radio"
-                              #medium
-                              value="A"
-                              kendoRadioButton
-                              formControlName="shippingPriority"
-                              (blur)="setDataDelivery()"
-                            />
+                            <input type="radio" #medium value="A" kendoRadioButton formControlName="shippingPriority"
+                              (blur)="setDataDelivery()" />
                             <span class="ms-2">Delivery</span>
                           </label>
                         </li>
@@ -1063,20 +715,12 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span>Observações do Pedido</span>
-                        <kendo-textbox
-                          [maxlength]="50"
-                          formControlName="notesText1"
-                          (blur)="setDataDelivery()"
-                        >
+                        <kendo-textbox [maxlength]="50" formControlName="notesText1" (blur)="setDataDelivery()">
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
                     <kendo-formfield>
-                      <kendo-textbox
-                        [maxlength]="50"
-                        formControlName="notesText2"
-                        (blur)="setDataDelivery()"
-                      >
+                      <kendo-textbox [maxlength]="50" formControlName="notesText2" (blur)="setDataDelivery()">
                       </kendo-textbox>
                     </kendo-formfield>
                   </div>
@@ -1084,43 +728,25 @@
                     <kendo-formfield>
                       <label class="w-100">
                         <span>Observações de Entrega</span>
-                        <kendo-textbox
-                          [maxlength]="75"
-                          formControlName="notesDeliveryText1"
-                          (blur)="setDataDelivery()"
-                        >
+                        <kendo-textbox [maxlength]="75" formControlName="notesDeliveryText1" (blur)="setDataDelivery()">
                         </kendo-textbox>
                       </label>
                     </kendo-formfield>
                     <kendo-formfield>
-                      <kendo-textbox
-                        [maxlength]="75"
-                        formControlName="notesDeliveryText2"
-                        (blur)="setDataDelivery()"
-                      >
+                      <kendo-textbox [maxlength]="75" formControlName="notesDeliveryText2" (blur)="setDataDelivery()">
                       </kendo-textbox>
                     </kendo-formfield>
                     <kendo-formfield>
-                      <kendo-textbox
-                        [maxlength]="75"
-                        formControlName="notesDeliveryText3"
-                        (blur)="setDataDelivery()"
-                      >
+                      <kendo-textbox [maxlength]="75" formControlName="notesDeliveryText3" (blur)="setDataDelivery()">
                       </kendo-textbox>
                     </kendo-formfield>
                   </div>
                 </div>
-                <div
-                  class="row me-0 ms-0 justify-content-end align-items-end"
-                  style="margin-top: 20px; margin-bottom: 0"
-                >
+                <div class="row me-0 ms-0 justify-content-end align-items-end"
+                  style="margin-top: 20px; margin-bottom: 0">
                   <div class="col-4 text-end">
                     <button kendoButton class="btn-prior">
-                      <span
-                        class="text-btn-prior text-center"
-                        (click)="activePageAddress()"
-                        >Retornar</span
-                      >
+                      <span class="text-btn-prior text-center" (click)="activePageAddress()">Retornar</span>
                     </button>
                   </div>
                 </div>
@@ -1145,10 +771,7 @@
               <form class="p-3" [formGroup]="formResumeOrder">
                 <div class="row w-100 m-0 mt-2 align-items-end">
                   <div class="col-6 text-card-order">Valor do pedido</div>
-                  <div
-                    *ngIf="totalCart$"
-                    class="col-6 ms-auto text-end order-value"
-                  >
+                  <div *ngIf="totalCart$" class="col-6 ms-auto text-end order-value">
                     {{ totalCart$ | async | currency }}
                   </div>
                 </div>
@@ -1161,36 +784,21 @@
 
                 <div class="row w-100 m-0 p-0 mt-2 align-items-center">
                   <!-- Texto: Lançar taxa de entrega -->
-                  <div
-                    class="col-4 col-sm-5 col-md-6 text-card-order text-center text-md-start"
-                  >
+                  <div class="col-4 col-sm-5 col-md-6 text-card-order text-center text-md-start">
                     Lançar taxa de entrega
                   </div>
 
                   <!-- Input e Botão -->
                   <div class="col-8 col-sm-7 col-md-6">
-                    <div
-                      class="row d-flex align-items-center justify-content-between"
-                    >
+                    <div class="row d-flex align-items-center justify-content-between">
                       <!-- Input numérico -->
                       <div class="col-7 col-sm-6 col-md-6 mb-2 mb-sm-0">
-                        <input
-                          class="input-numeric form-control w-100"
-                          type="number"
-                          disabled="true"
-                          formControlName="taxValue"
-                          #taxvalue
-                        />
+                        <input class="input-numeric form-control w-100" type="number" disabled="true"
+                          formControlName="taxValue" #taxvalue />
                       </div>
                       <!-- Botão Alterar -->
-                      <div
-                        class="col-5 col-sm-6 col-md-6 text-center text-md-end"
-                      >
-                        <button
-                          kendoButton
-                          class="btn-flat-azul w-100 w-sm-auto"
-                          (click)="showConfirmationTax()"
-                        >
+                      <div class="col-5 col-sm-6 col-md-6 text-center text-md-end">
+                        <button kendoButton class="btn-flat-azul w-100 w-sm-auto" (click)="showConfirmationTax()">
                           Alterar
                         </button>
                       </div>
@@ -1200,35 +808,21 @@
 
                 <div class="row w-100 m-0 p-0 mt-2 align-items-center">
                   <!-- Texto: Lançar taxa de entrega -->
-                  <div
-                    class="col-4 col-sm-5 col-md-6 text-card-order text-center text-md-start"
-                  >
+                  <div class="col-4 col-sm-5 col-md-6 text-card-order text-center text-md-start">
                     Desconto sobre o total
                   </div>
 
                   <!-- Input e Botão -->
                   <div class="col-8 col-sm-7 col-md-6">
-                    <div
-                      class="row d-flex align-items-center justify-content-between"
-                    >
+                    <div class="row d-flex align-items-center justify-content-between">
                       <!-- Input numérico -->
                       <div class="col-7 col-sm-6 col-md-6 mb-2 mb-sm-0">
-                        <input
-                          class="input-numeric form-control w-100"
-                          type="number"
-                          formControlName="discount"
-                          #discount
-                        />
+                        <input class="input-numeric form-control w-100" type="number" formControlName="discount"
+                          #discount />
                       </div>
                       <!-- Botão Alterar -->
-                      <div
-                        class="col-5 col-sm-6 col-md-6 text-center text-md-end"
-                      >
-                        <button
-                          kendoButton
-                          class="btn-flat-azul w-100 w-sm-auto"
-                          (click)="applyDiscountOrder()"
-                        >
+                      <div class="col-5 col-sm-6 col-md-6 text-center text-md-end">
+                        <button kendoButton class="btn-flat-azul w-100 w-sm-auto" (click)="applyDiscountOrder()">
                           Aplicar
                         </button>
                       </div>
@@ -1243,51 +837,29 @@
                 <div class="row w-100 ps-3 pe-0 align-items-center">
                   <!-- VALOR TOTAL -->
                   <div class="col-12 col-sm-6 d-flex flex-column">
-                    <span class="d-block label-text-total ms-2"
-                      >VALOR TOTAL</span
-                    >
+                    <span class="d-block label-text-total ms-2">VALOR TOTAL</span>
                     <span *ngIf="shopping$ | async" class="label-total ms-2">
                       {{
-                        (shopping$ | async).vlpedido + getTaxValue() | currency
+                      (shopping$ | async).vlpedido + getTaxValue() | currency
                       }}
                     </span>
                   </div>
 
                   <!-- Botões -->
                   <div class="col-12 col-sm-6 p-0 mt-3 mt-sm-0">
-                    <div
-                      class="row w-100 m-0 p-0 d-flex justify-content-between"
-                    >
+                    <div class="row w-100 m-0 p-0 d-flex justify-content-between">
                       <div class="col-6 p-1">
-                        <button
-                          kendoButton
-                          class="btn-pre-order w-100"
-                          [disabled]="isLoadingPreOrder"
-                          [icon]="loadingIconPreOrder"
-                          (click)="showConfirmation()"
-                        >
-                          <span
-                            *ngIf="!isLoadingPreOrder"
-                            class="text-btn-order"
-                            >Fechar orçamento</span
-                          >
+                        <button kendoButton class="btn-pre-order w-100" [disabled]="isLoadingPreOrder"
+                          [icon]="loadingIconPreOrder" (click)="showConfirmation()">
+                          <span *ngIf="!isLoadingPreOrder" class="text-btn-order">Fechar orçamento</span>
                         </button>
                       </div>
                       <div class="col-6 p-1">
-                        <button
-                          *ngIf="!isLoadingOrder"
-                          kendoButton
-                          class="btn-order w-100"
-                          (click)="confirmCreateOrder()"
-                          [disabled]="isLoadingOrder"
-                          [icon]="loadingIconOrder"
-                        >
+                        <button *ngIf="!isLoadingOrder" kendoButton class="btn-order w-100"
+                          (click)="confirmCreateOrder()" [disabled]="isLoadingOrder" [icon]="loadingIconOrder">
                           <span class="text-btn-order">Fechar pedido</span>
                         </button>
-                        <kendo-loader
-                          *ngIf="isLoadingOrder"
-                          size="small"
-                        ></kendo-loader>
+                        <kendo-loader *ngIf="isLoadingOrder" size="small"></kendo-loader>
                       </div>
                     </div>
                   </div>
@@ -1298,21 +870,11 @@
         </div>
       </div>
     </div>
-    <app-confirmation
-      *ngIf="openedConfirmation"
-      opened="openedConfirmation"
-      title="{{ titleMessage }}"
-      message="{{ messageConfirmation }}"
-      textButtonConfirmation="{{ textButtonConfirmation }}"
-      textButtonCancel="{{ textButtonCancel }}"
-      (resultEvent)="returnConfirmation($event)"
-    ></app-confirmation>
-    <app-auth-user
-      *ngIf="openedAuthUser"
-      opened="openedConfirmation"
-      title="{{ titleMessage }}"
-      (resultEvent)="returnAuthUser($event)"
-    ></app-auth-user>
+    <app-confirmation *ngIf="openedConfirmation" opened="openedConfirmation" title="{{ titleMessage }}"
+      message="{{ messageConfirmation }}" textButtonConfirmation="{{ textButtonConfirmation }}"
+      textButtonCancel="{{ textButtonCancel }}" (resultEvent)="returnConfirmation($event)"></app-confirmation>
+    <app-auth-user *ngIf="openedAuthUser" opened="openedConfirmation" title="{{ titleMessage }}"
+      (resultEvent)="returnAuthUser($event)"></app-auth-user>
   </div>
 
   <footer>
@@ -1328,175 +890,80 @@
   </footer>
   <div kendoDialogContainer></div>
   <div *ngIf="openInformation">
-    <app-message-information
-      opened="true"
-      title="Autorização de desconto"
-      message="Ops! Desconto autorizado inferior ao desconto informado."
-      information="Percentual autorizado para o usuário insuficiente para desconto informado. (Desconto autorizado: {{
+    <app-message-information opened="true" title="Autorização de desconto"
+      message="Ops! Desconto autorizado inferior ao desconto informado." information="Percentual autorizado para o usuário insuficiente para desconto informado. (Desconto autorizado: {{
         percentAuth | number
-      }}%)"
-      (resultEvent)="closeInformation($event)"
-    ></app-message-information>
+      }}%)" (resultEvent)="closeInformation($event)"></app-message-information>
   </div>
 
   <div *ngIf="showInformation">
-    <app-message-information
-      opened="showInformation"
-      title="{{ titleInformation }}"
-      message="{{ messageInformation }}"
-      information="{{ informationDescription }}"
-      (resultEvent)="returnShowInformation()"
-    ></app-message-information>
+    <app-message-information opened="showInformation" title="{{ titleInformation }}" message="{{ messageInformation }}"
+      information="{{ informationDescription }}" (resultEvent)="returnShowInformation()"></app-message-information>
   </div>
 
   <div *ngIf="showInformationCreateOrder">
-    <app-message-information
-      opened="showInformationCreateOrder"
-      title="{{ titleInformation }}"
-      message="{{ messageInformation }}"
-      information="{{ informationDescription }}"
-      (resultEvent)="closeSale()"
-    ></app-message-information>
+    <app-message-information opened="showInformationCreateOrder" title="{{ titleInformation }}"
+      message="{{ messageInformation }}" information="{{ informationDescription }}"
+      (resultEvent)="closeSale()"></app-message-information>
   </div>
 
-  <app-confirmation
-    *ngIf="openedConfirmationTax"
-    opened="openedConfirmationTax"
-    title="{{ titleMessage }}"
-    message="{{ messageConfirmation }}"
-    textButtonConfirmation="{{ textButtonConfirmation }}"
-    textButtonCancel="{{ textButtonCancel }}"
-    (resultEvent)="returnConfirmationTax($event)"
-  ></app-confirmation>
+  <app-confirmation *ngIf="openedConfirmationTax" opened="openedConfirmationTax" title="{{ titleMessage }}"
+    message="{{ messageConfirmation }}" textButtonConfirmation="{{ textButtonConfirmation }}"
+    textButtonCancel="{{ textButtonCancel }}" (resultEvent)="returnConfirmationTax($event)"></app-confirmation>
 
-  <app-confirmation
-    *ngIf="openedConfirmationOrder"
-    opened="openedConfirmationOrder"
-    title="{{ titleMessage }}"
-    message="{{ messageConfirmation }}"
-    detailMessage="{{ informationDelivery }}"
-    textButtonConfirmation="{{ textButtonConfirmation }}"
-    textButtonCancel="{{ textButtonCancel }}"
-    (resultEvent)="createOrder($event)"
-  ></app-confirmation>
+  <app-confirmation *ngIf="openedConfirmationOrder" opened="openedConfirmationOrder" title="{{ titleMessage }}"
+    message="{{ messageConfirmation }}" detailMessage="{{ informationDelivery }}"
+    textButtonConfirmation="{{ textButtonConfirmation }}" textButtonCancel="{{ textButtonCancel }}"
+    (resultEvent)="createOrder($event)"></app-confirmation>
 
-  <app-confirmation
-    *ngIf="openedConfirmationCancelItem"
-    opened="openedConfirmationCancelItem"
-    title="{{ titleMessage }}"
-    message="{{ messageConfirmation }}"
-    textButtonConfirmation="{{ textButtonConfirmation }}"
-    textButtonCancel="{{ textButtonCancel }}"
-    (resultEvent)="returnConfirmationCancelItem($event)"
-  ></app-confirmation>
+  <app-confirmation *ngIf="openedConfirmationCancelItem" opened="openedConfirmationCancelItem"
+    title="{{ titleMessage }}" message="{{ messageConfirmation }}" textButtonConfirmation="{{ textButtonConfirmation }}"
+    textButtonCancel="{{ textButtonCancel }}" (resultEvent)="returnConfirmationCancelItem($event)"></app-confirmation>
 
-  <app-confirmation
-    *ngIf="openConfirmChangePayment"
-    opened="openConfirmChangePayment"
-    title="{{ titleMessage }}"
-    message="{{ messageConfirmation }}"
-    textButtonConfirmation="{{ textButtonConfirmation }}"
-    textButtonCancel="{{ textButtonCancel }}"
-    (resultEvent)="confirmChangePaymentPlan($event)"
-  ></app-confirmation>
+  <app-confirmation *ngIf="openConfirmChangePayment" opened="openConfirmChangePayment" title="{{ titleMessage }}"
+    message="{{ messageConfirmation }}" textButtonConfirmation="{{ textButtonConfirmation }}"
+    textButtonCancel="{{ textButtonCancel }}" (resultEvent)="confirmChangePaymentPlan($event)"></app-confirmation>
 
-  <app-discount-item-sales
-    *ngIf="showDiscountItem"
-    opened="showDiscountItem"
-    title="{{ titleMessage }}"
-    textButtonConfirmation="{{ textButtonConfirmation }}"
-    textButtonCancel="{{ textButtonCancel }}"
-    [shoppingItem]="itemSelect"
-    (resultEvent)="returnDiscountItem($event)"
-  ></app-discount-item-sales>
+  <app-discount-item-sales *ngIf="showDiscountItem" opened="showDiscountItem" title="{{ titleMessage }}"
+    textButtonConfirmation="{{ textButtonConfirmation }}" textButtonCancel="{{ textButtonCancel }}"
+    [shoppingItem]="itemSelect" (resultEvent)="returnDiscountItem($event)"></app-discount-item-sales>
 
-  <app-create-customer-modal
-    *ngIf="showCreateCustomer"
-    openedDialog="showCreateCustomer"
-    (resultEvent)="returnCreateCustomer($event)"
-  >
+  <app-create-customer-modal *ngIf="showCreateCustomer" openedDialog="showCreateCustomer"
+    (resultEvent)="returnCreateCustomer($event)">
   </app-create-customer-modal>
-  <app-select-customer
-    *ngIf="showSelectCustomer"
-    openedDialog="showSelectCustomer"
-    (resultEvent)="resultSelectCustomer($event)"
-  >
+  <app-select-customer *ngIf="showSelectCustomer" openedDialog="showSelectCustomer"
+    (resultEvent)="resultSelectCustomer($event)">
   </app-select-customer>
-  <app-create-address-modal
-    *ngIf="showCreateAddress"
-    openedDialog="showCreateAddress"
-    [customerId]="customer.customerId"
-    (resultEvent)="returnCreateAddress($event)"
-  >
+  <app-create-address-modal *ngIf="showCreateAddress" openedDialog="showCreateAddress"
+    [customerId]="customer.customerId" (resultEvent)="returnCreateAddress($event)">
   </app-create-address-modal>
 
-  <app-select-address
-    *ngIf="showSelectAddress"
-    openedDialog="showSelectAddress"
-    [customerId]="customer.customerId"
-    (resultEvent)="returnSelectAddress($event)"
-  >
+  <app-select-address *ngIf="showSelectAddress" openedDialog="showSelectAddress" [customerId]="customer.customerId"
+    (resultEvent)="returnSelectAddress($event)">
   </app-select-address>
 
-  <kendo-window
-    [top]="100"
-    [left]="50"
-    title="Orçamento de venda"
-    [(state)]="windowState"
-    *ngIf="openedPrintPreOrder"
-    (close)="openClosePrintPreOrder(false)"
-  >
-    <stimulsoft-viewer-angular
-      [requestUrl]="urlPrintPreOrder"
-      [action]="'InitViewer'"
-      [width]="'95%'"
-      [height]="'800px'"
-    ></stimulsoft-viewer-angular>
+  <kendo-window [top]="100" [left]="50" title="Orçamento de venda" [(state)]="windowState" *ngIf="openedPrintPreOrder"
+    (close)="openClosePrintPreOrder(false)">
+    <stimulsoft-viewer-angular [requestUrl]="urlPrintPreOrder" [action]="'InitViewer'" [width]="'95%'"
+      [height]="'800px'"></stimulsoft-viewer-angular>
   </kendo-window>
 
-  <kendo-window
-    modal="true"
-    [top]="100"
-    [left]="50"
-    title="Pedido de venda"
-    [(state)]="windowState"
-    *ngIf="openedPrintOrder"
-    (close)="openClosePrintOrder(false)"
-  >
-    <stimulsoft-viewer-angular
-      [requestUrl]="urlPrintOrder"
-      [action]="'InitViewerOrder'"
-      [width]="'95%'"
-      [height]="'800px'"
-    ></stimulsoft-viewer-angular>
+  <kendo-window modal="true" [top]="100" [left]="50" title="Pedido de venda" [(state)]="windowState"
+    *ngIf="openedPrintOrder" (close)="openClosePrintOrder(false)">
+    <stimulsoft-viewer-angular [requestUrl]="urlPrintOrder" [action]="'InitViewerOrder'" [width]="'95%'"
+      [height]="'800px'"></stimulsoft-viewer-angular>
   </kendo-window>
 </div>
 
-<div
-  class="modal fade"
-  id="staticBackdrop"
-  data-bs-backdrop="static"
-  data-bs-keyboard="false"
-  tabindex="-1"
-  aria-labelledby="staticBackdropLabel"
-  aria-hidden="true"
->
+<div class="modal fade" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1"
+  aria-labelledby="staticBackdropLabel" aria-hidden="true">
   <app-shopping-item-modal [item]="itemSelect"></app-shopping-item-modal>
 </div>
 
-<kendo-dialog
-  *ngIf="showDialogDiscountOrder"
-  (close)="closeDialogDiscountOrder()"
-  [width]="500"
-  autoFocusedElement="#inputDiscount"
->
-  <kendo-dialog-titlebar
-    style="background-color: rgb(34, 34, 61); color: white"
-  >
-    <div
-      class="justify-content-center text-center"
-      style="font-size: 18px; line-height: 1.3em; color: white"
-    >
+<kendo-dialog *ngIf="showDialogDiscountOrder" (close)="closeDialogDiscountOrder()" [width]="500"
+  autoFocusedElement="#inputDiscount">
+  <kendo-dialog-titlebar style="background-color: rgb(34, 34, 61); color: white">
+    <div class="justify-content-center text-center" style="font-size: 18px; line-height: 1.3em; color: white">
       <span class="k-icon k-i-user d-inline"></span>
       <h5 class="d-inline ms-2">Pedido de venda</h5>
     </div>
@@ -1507,105 +974,69 @@
       <div class="form-group col-md-6">
         <label class="k-form-field">
           <span class="d-block">Valor do pedido</span>
-          <input
-            currencyMask
-            class="d-block w-100 text-input"
-            formControlName="value"
-            disabled
-            [options]="{
+          <input currencyMask class="d-block w-100 text-input" formControlName="value" disabled [options]="{
               prefix: 'R$ ',
               thousands: '.',
               decimal: ',',
               spinners: false
-            }"
-          />
+            }" />
         </label>
       </div>
       <div class="form-group col-md-6" *ngIf="userManager">
         <label class="k-form-field">
           <span>% Margem</span>
-          <input
-            currencyMask
-            class="d-block w-100 text-input"
-            formControlName="profit"
-            disabled
-            [options]="{
+          <input currencyMask class="d-block w-100 text-input" formControlName="profit" disabled [options]="{
               prefix: '',
               thousands: '.',
               decimal: ',',
               spinners: false
-            }"
-          />
+            }" />
         </label>
       </div>
       <div class="form-group col-md-6">
         <label class="k-form-field">
           <span>Percentual de desconto</span>
-          <input
-            (blur)="calcDiscountOrderValue()"
-            id="inputDiscount"
-            currencyMask
-            class="d-block w-100 text-input"
-            formControlName="discount"
-            [options]="{
+          <input (blur)="calcDiscountOrderValue()" id="inputDiscount" currencyMask class="d-block w-100 text-input"
+            formControlName="discount" [options]="{
               prefix: '',
               thousands: '.',
               decimal: ',',
               spinners: false
-            }"
-          />
+            }" />
         </label>
       </div>
       <div class="form-group col-md-6">
         <label class="k-form-field">
           <span>Valor de desconto</span>
-          <input
-            (blur)="calcPercentOrderDiscount()"
-            id="discountValue"
-            currencyMask
-            class="d-block w-100 text-input"
-            formControlName="discountValue"
-            [options]="{
+          <input (blur)="calcPercentOrderDiscount()" id="discountValue" currencyMask class="d-block w-100 text-input"
+            formControlName="discountValue" [options]="{
               prefix: 'R$ ',
               thousands: '.',
               decimal: ',',
               spinners: false
-            }"
-          />
+            }" />
         </label>
       </div>
       <div class="form-group col-md-6">
         <label class="k-form-field">
           <span>Valor líquido</span>
-          <input
-            currencyMask
-            class="d-block w-100 text-input"
-            formControlName="netValue"
-            disabled
-            [options]="{
+          <input currencyMask class="d-block w-100 text-input" formControlName="netValue" disabled [options]="{
               prefix: 'R$ ',
               thousands: '.',
               decimal: ',',
               spinners: false
-            }"
-          />
+            }" />
         </label>
       </div>
       <div class="form-group col-md-6" *ngIf="userManager">
         <label class="k-form-field">
           <span>% Margem Líquida</span>
-          <input
-            currencyMask
-            class="d-block w-100 text-input"
-            formControlName="netProfit"
-            disabled
-            [options]="{
+          <input currencyMask class="d-block w-100 text-input" formControlName="netProfit" disabled [options]="{
               prefix: '',
               thousands: '.',
               decimal: ',',
               spinners: false
-            }"
-          />
+            }" />
         </label>
       </div>
     </form>
@@ -1618,39 +1049,21 @@
   </kendo-dialog-actions>
 </kendo-dialog>
 
-<kendo-dialog
-  title="Selecione o modelo do orçamento"
-  animation="zoom"
-  *ngIf="openedModelPrintPreOrder"
-  (close)="closeModelPrintPreOrder('Cancelar')"
-  [minWidth]="250"
-  [width]="450"
->
+<kendo-dialog title="Selecione o modelo do orçamento" animation="zoom" *ngIf="openedModelPrintPreOrder"
+  (close)="closeModelPrintPreOrder('Cancelar')" [minWidth]="250" [width]="450">
   <form class="k-form" [formGroup]="formModelPreOrder">
     <kendo-formfield showHints="initial">
       <label class="k-label">Selecione o modelo de orçamento</label>
       <ul class="k-radio-list">
         <li class="k-radio-item">
           <label>
-            <input
-              type="radio"
-              #bobina
-              value="B"
-              kendoRadioButton
-              formControlName="model"
-            />
+            <input type="radio" #bobina value="B" kendoRadioButton formControlName="model" />
             <span class="ms-2">Bobina</span>
           </label>
         </li>
         <li class="k-radio-item">
           <label>
-            <input
-              type="radio"
-              #bobina
-              value="P"
-              kendoRadioButton
-              formControlName="model"
-            />
+            <input type="radio" #bobina value="P" kendoRadioButton formControlName="model" />
             <span class="ms-2">Bobina sem Preço</span>
           </label>
         </li>
@@ -1658,13 +1071,7 @@
         <!--li class="k-radio-item"></li-->
         <li class="k-radio-item">
           <label>
-            <input
-              type="radio"
-              #bobina
-              value="A"
-              kendoRadioButton
-              formControlName="model"
-            />
+            <input type="radio" #bobina value="A" kendoRadioButton formControlName="model" />
             <span class="ms-2">Formulário A4</span>
           </label>
         </li>
@@ -1675,38 +1082,19 @@
     <button kendoButton (click)="closeModelPrintPreOrder('Não')">
       Cancelar
     </button>
-    <button
-      kendoButton
-      (click)="closeModelPrintPreOrder('Sim')"
-      themeColor="primary"
-    >
+    <button kendoButton (click)="closeModelPrintPreOrder('Sim')" themeColor="primary">
       Imprimir
     </button>
   </kendo-dialog-actions>
 </kendo-dialog>
 
-<kendo-dialog
-  title="Pré-cadastro de cliente"
-  animation="zoom"
-  *ngIf="openedPreCustomer"
-  (close)="closeModelPreCustomer('Cancelar')"
-  [minWidth]="250"
-  [width]="450"
->
+<kendo-dialog title="Pré-cadastro de cliente" animation="zoom" *ngIf="openedPreCustomer"
+  (close)="closeModelPreCustomer('Cancelar')" [minWidth]="250" [width]="450">
   <form class="k-form" [formGroup]="formPreCustomer">
     <fieldset class="k-form-fieldset">
       <kendo-formfield>
-        <kendo-label
-          [for]="document"
-          text="CPF/CNPJ*"
-          type="number"
-        ></kendo-label>
-        <input
-          #document
-          formControlName="document"
-          kendoTextBox
-          (blur)="searchCustomer()"
-        />
+        <kendo-label [for]="document" text="CPF/CNPJ*" type="number"></kendo-label>
+        <input #document formControlName="document" kendoTextBox (blur)="searchCustomer()" />
         <kendo-formerror>Error: Número do CPF é obrigatório</kendo-formerror>
       </kendo-formfield>
       <kendo-formfield>
@@ -1722,50 +1110,27 @@
   </form>
   <kendo-dialog-actions>
     <button kendoButton (click)="closeModelPreCustomer('Não')">Cancelar</button>
-    <button
-      kendoButton
-      (click)="closeModelPreCustomer('Sim')"
-      themeColor="primary"
-    >
+    <button kendoButton (click)="closeModelPreCustomer('Sim')" themeColor="primary">
       Gravar
     </button>
   </kendo-dialog-actions>
 </kendo-dialog>
 
-<kendo-dialog
-  modal="true"
-  title="Selecione o modelo do pedido"
-  animation="zoom"
-  *ngIf="openedModelPrintOrder"
-  (close)="closeModelPrintOrder('Cancelar')"
-  [minWidth]="250"
-  [width]="450"
->
+<kendo-dialog modal="true" title="Selecione o modelo do pedido" animation="zoom" *ngIf="openedModelPrintOrder"
+  (close)="closeModelPrintOrder('Cancelar')" [minWidth]="250" [width]="450">
   <form class="k-form" [formGroup]="formModelOrder">
     <kendo-formfield showHints="initial">
       <label class="k-label">Selecione o modelo de pedido</label>
       <ul class="k-radio-list">
         <li class="k-radio-item">
           <label>
-            <input
-              type="radio"
-              #bobina
-              value="B"
-              kendoRadioButton
-              formControlName="model"
-            />
+            <input type="radio" #bobina value="B" kendoRadioButton formControlName="model" />
             <span class="ms-2">Bobina</span>
           </label>
         </li>
         <li class="k-radio-item">
           <label>
-            <input
-              type="radio"
-              #bobina
-              value="A"
-              kendoRadioButton
-              formControlName="model"
-            />
+            <input type="radio" #bobina value="A" kendoRadioButton formControlName="model" />
             <span class="ms-2">Formulário A4</span>
           </label>
         </li>
@@ -1774,29 +1139,16 @@
   </form>
   <kendo-dialog-actions>
     <button kendoButton (click)="closeModelPrintOrder('Não')">Cancelar</button>
-    <button
-      kendoButton
-      (click)="closeModelPrintOrder('Sim')"
-      themeColor="primary"
-    >
+    <button kendoButton (click)="closeModelPrintOrder('Sim')" themeColor="primary">
       Imprimir
     </button>
   </kendo-dialog-actions>
 </kendo-dialog>
 
-<kendo-dialog
-  *ngIf="showProductsWithoutTax"
-  (close)="closeProductsWithoutTax()"
-  [width]="950"
-  [height]="500"
-  title="Produtos sem tributação"
->
+<kendo-dialog *ngIf="showProductsWithoutTax" (close)="closeProductsWithoutTax()" [width]="950" [height]="500"
+  title="Produtos sem tributação">
   <kendo-grid [data]="productsWithoutTax">
-    <kendo-grid-column
-      field="productId"
-      title="Código"
-      [width]="40"
-    ></kendo-grid-column>
+    <kendo-grid-column field="productId" title="Código" [width]="40"></kendo-grid-column>
     <kendo-grid-column field="description" title="Descrição" [width]="250">
     </kendo-grid-column>
     <kendo-grid-column field="package" title="Embalagem" [width]="60">
@@ -1806,53 +1158,32 @@
   </kendo-grid>
 
   <kendo-dialog-actions>
-    <button
-      kendoButton
-      themeColor="primary"
-      (click)="closeProductsWithoutTax()"
-    >
+    <button kendoButton themeColor="primary" (click)="closeProductsWithoutTax()">
       Fechar
     </button>
   </kendo-dialog-actions>
 </kendo-dialog>
 
-<kendo-dialog
-  *ngIf="showConfirmUser"
-  (close)="closeConfirmUser()"
-  [width]="450"
-  title="Liberar taxa de entrega"
->
+<kendo-dialog *ngIf="showConfirmUser" (close)="closeConfirmUser()" [width]="450" title="Liberar taxa de entrega">
   <div>
     <form class="k-form" [formGroup]="userForm">
       <kendo-formfield showErrors="initial">
         <label class="w-100">
           <span>Nome do usuário </span>
-          <kendo-textbox
-            formControlName="userName"
-            [clearButton]="true"
-            #userName
-            required
-          ></kendo-textbox>
+          <kendo-textbox formControlName="userName" [clearButton]="true" #userName required></kendo-textbox>
         </label>
-        <kendo-formerror *ngIf="userForm.controls.userName.errors?.required"
-          >Error: Informe o nome do usuário</kendo-formerror
-        >
+        <kendo-formerror *ngIf="userForm.controls.userName.errors?.required">Error: Informe o nome do
+          usuário</kendo-formerror>
       </kendo-formfield>
 
       <kendo-formfield showErrors="initial">
         <label class="w-100">
           <span>Senha</span>
 
-          <input
-            kendoTextBox
-            type="password"
-            #password
-            formControlName="password"
-          />
+          <input kendoTextBox type="password" #password formControlName="password" />
         </label>
-        <kendo-formerror *ngIf="userForm.controls.password.errors?.required"
-          >Error: Informe a senha do usuário</kendo-formerror
-        >
+        <kendo-formerror *ngIf="userForm.controls.password.errors?.required">Error: Informe a senha do
+          usuário</kendo-formerror>
       </kendo-formfield>
 
       <kendo-formfield>
@@ -1906,21 +1237,10 @@
   </kendo-grid>
 </kendo-dialog> -->
 
-<kendo-dialog
-  *ngIf="showSelectDeliveryTax"
-  (close)="confirmSelectDeliveryTax(false)"
-  title="Opções de entrega para o endereço"
-  class="responsive-dialog"
->
-  <kendo-grid
-    [data]="dataDeliveryTax"
-    [resizable]="true"
-    [scrollable]="true"
-    [loading]="loadingDeliveryTax"
-    [selectable]="true"
-    (selectionChange)="selectDeliveryTax($event)"
-    style="height: 100hv; width: 100wv"
-  >
+<kendo-dialog *ngIf="showSelectDeliveryTax" (close)="confirmSelectDeliveryTax(false)"
+  title="Opções de entrega para o endereço" class="responsive-dialog">
+  <kendo-grid [data]="dataDeliveryTax" [resizable]="true" [scrollable]="true" [loading]="loadingDeliveryTax"
+    [selectable]="true" (selectionChange)="selectDeliveryTax($event)" style="height: 100hv; width: 100wv">
     <ng-template kendoGridNoRecordsTemplate>
       <h4>Sem registros para serem exibidos.</h4>
     </ng-template>
@@ -1933,41 +1253,16 @@
     </ng-template>
 
     <!-- columns for mid-size devices -->
-    <kendo-grid-column
-      media="(min-width: 769px)"
-      field="store"
-      title="Filial"
-      [width]="90"
-    >
+    <kendo-grid-column media="(min-width: 769px)" field="store" title="Filial" [width]="90">
     </kendo-grid-column>
-    <kendo-grid-column
-      media="(min-width: 769px)"
-      field="carrierName"
-      title="Transportadora"
-      [width]="180"
-    >
+    <kendo-grid-column media="(min-width: 769px)" field="carrierName" title="Transportadora" [width]="180">
     </kendo-grid-column>
-    <kendo-grid-column
-      media="(min-width: 769px)"
-      field="cityName"
-      title="Cidade de Entrega"
-      [width]="120"
-    >
+    <kendo-grid-column media="(min-width: 769px)" field="cityName" title="Cidade de Entrega" [width]="120">
     </kendo-grid-column>
-    <kendo-grid-column
-      media="(min-width: 769px)"
-      field="deliveryTime"
-      title="Prazo de Entrega"
-      [width]="150"
-    >
+    <kendo-grid-column media="(min-width: 769px)" field="deliveryTime" title="Prazo de Entrega" [width]="150">
     </kendo-grid-column>
-    <kendo-grid-column
-      media="(min-width: 769px)"
-      field="deliveryValue"
-      title="Valor Frete"
-      [width]="100"
-      [class]="{ 'text-end': true }"
-    >
+    <kendo-grid-column media="(min-width: 769px)" field="deliveryValue" title="Valor Frete" [width]="100"
+      [class]="{ 'text-end': true }">
       <ng-template kendoGridCellTemplate let-dataItem>
         {{ dataItem.deliveryValue | currency }}
       </ng-template>
@@ -1984,17 +1279,13 @@
                 <span class="label-card">Filial: {{ dataItem.store }}</span>
               </dt>
               <dd>
-                <span class="label-card"
-                  >Prazo: {{ dataItem.deliveryTime }}</span
-                >
+                <span class="label-card">Prazo: {{ dataItem.deliveryTime }}</span>
               </dd>
             </div>
             <div class="details-row">
               <dt>
                 Valor Frete:
-                <span class="freight-value"
-                  >R$ {{ dataItem.deliveryValue | number : "1.2-2" }}</span
-                >
+                <span class="freight-value">R$ {{ dataItem.deliveryValue | number : "1.2-2" }}</span>
               </dt>
             </div>
           </dl>
@@ -2004,43 +1295,27 @@
   </kendo-grid>
 </kendo-dialog>
 
-<kendo-dialog
-  *ngIf="showAuthPartner"
-  (close)="closeAuthPartner(false)"
-  [width]="450"
-  title="Autorizar parceiro da venda"
->
+<kendo-dialog *ngIf="showAuthPartner" (close)="closeAuthPartner(false)" [width]="450"
+  title="Autorizar parceiro da venda">
   <div>
     <form class="k-form" [formGroup]="userForm">
       <kendo-formfield showErrors="initial">
         <label class="w-100">
           <span>Nome do usuário</span>
-          <kendo-textbox
-            formControlName="userName"
-            [clearButton]="true"
-            #userName
-            required
-          ></kendo-textbox>
+          <kendo-textbox formControlName="userName" [clearButton]="true" #userName required></kendo-textbox>
         </label>
-        <kendo-formerror *ngIf="userForm.controls.userName.errors?.required"
-          >Error: Informe o nome do usuário</kendo-formerror
-        >
+        <kendo-formerror *ngIf="userForm.controls.userName.errors?.required">Error: Informe o nome do
+          usuário</kendo-formerror>
       </kendo-formfield>
 
       <kendo-formfield showErrors="initial">
         <label class="w-100">
           <span>Senha</span>
 
-          <input
-            kendoTextBox
-            type="password"
-            #password
-            formControlName="password"
-          />
+          <input kendoTextBox type="password" #password formControlName="password" />
         </label>
-        <kendo-formerror *ngIf="userForm.controls.password.errors?.required"
-          >Error: Informe a senha do usuário</kendo-formerror
-        >
+        <kendo-formerror *ngIf="userForm.controls.password.errors?.required">Error: Informe a senha do
+          usuário</kendo-formerror>
       </kendo-formfield>
     </form>
   </div>
@@ -2056,15 +1331,8 @@
     <legend>Informe a loja que o cliente irá fazer a retirada</legend>
     <label>
       <span class="d-block">Lojas disponíveis</span>
-      <kendo-combobox
-        class="mt-2"
-        #country
-        textField="name"
-        valueField="id"
-        [data]="storePlaces$ | async"
-        [kendoDropDownFilter]="{ operator: 'contains' }"
-        (selectionChange)="setStorePlace($event)"
-      >
+      <kendo-combobox class="mt-2" #country textField="name" valueField="id" [data]="storePlaces$ | async"
+        [kendoDropDownFilter]="{ operator: 'contains' }" (selectionChange)="setStorePlace($event)">
       </kendo-combobox>
     </label>
   </div>
@@ -2072,12 +1340,8 @@
     <button kendoButton themeColor="primary" (click)="closeDeliveryStore(true)">
       Confirmar
     </button>
-    <button
-      kendoButton
-      themeColor="secondary"
-      (click)="closeDeliveryStore(false)"
-    >
+    <button kendoButton themeColor="secondary" (click)="closeDeliveryStore(false)">
       Cancelar
     </button>
   </kendo-dialog-actions>
-</kendo-dialog>
+</kendo-dialog>
\ No newline at end of file
diff --git a/src/app/sales/cart-sales/cart-sales.component.ts b/src/app/sales/cart-sales/cart-sales.component.ts
index 87ba4aa..9d34c0f 100644
--- a/src/app/sales/cart-sales/cart-sales.component.ts
+++ b/src/app/sales/cart-sales/cart-sales.component.ts
@@ -79,8 +79,7 @@ export interface JsonModel {
   ],
 })
 export class CartSalesComponent
-  implements OnInit, AfterViewInit, OnDestroy, OnChanges
-{
+  implements OnInit, AfterViewInit, OnDestroy, OnChanges {
   public containerRef: ViewContainerRef;
   public resultQuestion;
 
@@ -233,11 +232,11 @@ export class CartSalesComponent
     discountValue: number;
     carrierId: number;
   } = {
-    taxValue: 0,
-    discountValue: 0,
-    orderValue: 0,
-    carrierId: 0,
-  };
+      taxValue: 0,
+      discountValue: 0,
+      orderValue: 0,
+      carrierId: 0,
+    };
 
   public windowState: WindowState = 'maximized';
   public openedPrintPreOrder = false;
@@ -275,13 +274,13 @@ export class CartSalesComponent
     private readonly messageService: MessageService,
     private readonly productService: ProductService,
     private readonly customerService: CustomerService
-  ) {}
+  ) { }
 
   ngOnChanges(changes: SimpleChanges): void {
     this.loadShopping();
   }
 
-  ngAfterViewInit(): void {}
+  ngAfterViewInit(): void { }
 
   ngOnDestroy(): void {
     if (this.shoppingSubscription) {
@@ -536,8 +535,8 @@ export class CartSalesComponent
         address != null
           ? address.placeId
           : customer != null
-          ? customer.placeId
-          : 0,
+            ? customer.placeId
+            : 0,
         cartId
       )
       .subscribe((data) => {
@@ -561,7 +560,7 @@ export class CartSalesComponent
           this.formNotes.get('shippingDate').value == undefined ||
           this.formNotes.get('shippingDate').value == null ||
           Date.parse(this.formNotes.get('shippingDate').value) <
-            Date.parse(deliveryDate.toDateString())
+          Date.parse(deliveryDate.toDateString())
         ) {
           const model: JsonModel = {
             shippingDate: deliveryDate != null ? deliveryDate.toString() : null,
@@ -1579,6 +1578,40 @@ export class CartSalesComponent
     }
   }
 
+  public updateCart(
+    cartId: string,
+    customerId: number,
+    addressId: number,
+    saleStoreId: string,
+    paymentPlanId: number,
+    billingId: string
+  ) {
+    this.shoppingService.getShopping(cartId).subscribe((shopping) => {
+      if (shopping) {
+        shopping.codcli = customerId;
+        shopping.codendentcli = addressId;
+        shopping.saleStore = saleStoreId;
+        shopping.codplpag = paymentPlanId;
+        shopping.codcob = billingId;
+
+        this.shoppingService.updateShopping(shopping).subscribe(
+          (response) => {
+            console.log('Cart updated successfully:', response);
+            this.store.dispatch(
+              new LoadShoppingAction(this.shoppingService.getCart())
+            );
+            this.loadFormOrder();
+          },
+          (error) => {
+            console.error('Error updating cart:', error);
+          }
+        );
+      } else {
+        console.error('Shopping cart not found for ID:', cartId);
+      }
+    });
+  }
+
   showDialogSelectAddress() {
     if (this.customer == null) {
       this.titleInformation = 'Selecionar endereço de entrega';
@@ -1654,9 +1687,8 @@ export class CartSalesComponent
 
       this.informationDelivery = `Pedido com data de entrega para o dia
                     ${dataTexto}
-                    - Tipo de entrega: ${
-                      dataDelivery.scheduleDelivery ? 'PROGRAMADA' : 'NORMAL'
-                    }`;
+                    - Tipo de entrega: ${dataDelivery.scheduleDelivery ? 'PROGRAMADA' : 'NORMAL'
+        }`;
     }
 
     this.titleMessage = 'Gerar pedido de venda';
@@ -1750,7 +1782,7 @@ export class CartSalesComponent
 
     if (
       Date.parse(this.formNotes.get('shippingDate').value) ==
-        Date.parse(deliveryDate.toDateString()) &&
+      Date.parse(deliveryDate.toDateString()) &&
       this.formNotes.get('scheduleDelivery').value == true
     ) {
       this.titleInformation = 'Pedido de venda';
@@ -2268,8 +2300,8 @@ export class CartSalesComponent
   closeModelPrintPreOrder(action: string) {
     console.log(
       `Dialog result: ${action}` +
-        ' - ' +
-        this.formModelPreOrder.get('model').value
+      ' - ' +
+      this.formModelPreOrder.get('model').value
     );
     this.openedModelPrintPreOrder = false;
     this.modelPrintPreOrder = this.formModelPreOrder.get('model').value;
@@ -2712,8 +2744,8 @@ export class CartSalesComponent
         address != null
           ? address.placeId
           : customer != null
-          ? customer.placeId
-          : 0,
+            ? customer.placeId
+            : 0,
         cartId
       )
       .pipe(map((result) => (deliveryDays = result.deliveryDays)))