@orechio/platform-angular 0.6.0 → 0.7.1

package/fesm2022/orechio-platform-angular-billing-invoices.page-BiEm3hRf.mjs

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { B as BillingClient, S as STATUS_DA_FATURA, m as moeda, d as data, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-0nlddK-x.mjs';
+
+const TAMANHO_DA_PAGINA = 20;
+class InvoicesPage {
+    client = inject(BillingClient);
+    status = STATUS_DA_FATURA;
+    moeda = moeda;
+    data = data;
+    pagina = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pagina" }] : /* istanbul ignore next */ []));
+    erro = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "erro" }] : /* istanbul ignore next */ []));
+    temProxima = computed(() => {
+        const p = this.pagina();
+        return !!p && p.page * p.pageSize < p.total;
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "temProxima" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.carregar(1);
+    }
+    carregar(pagina) {
+        this.client.listInvoices(pagina, TAMANHO_DA_PAGINA).subscribe({
+            next: (resultado) => this.pagina.set(resultado),
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: InvoicesPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: InvoicesPage, isStandalone: true, selector: "orechio-billing-invoices", ngImport: i0, template: `
+    <section class="orechio-billing">
+      <h1>Faturas</h1>
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      } @else if (pagina(); as p) {
+        @if (p.invoices.length === 0) {
+          <p class="orechio-billing__muted">Nenhuma fatura ainda.</p>
+        } @else {
+          <ul>
+            @for (fatura of p.invoices; track fatura.id) {
+              <li>
+                <a [routerLink]="fatura.id">Fatura {{ fatura.number }}</a>
+                — {{ status[fatura.status] }} — {{ moeda(fatura.amount) }} — vence em {{ data(fatura.dueDate) }}
+              </li>
+            }
+          </ul>
+
+          <nav>
+            @if (p.page > 1) {
+              <button type="button" (click)="carregar(p.page - 1)">Anteriores</button>
+            }
+            @if (temProxima()) {
+              <button type="button" (click)="carregar(p.page + 1)">Próximas</button>
+            }
+          </nav>
+        }
+        <a routerLink="..">Voltar para a assinatura</a>
+      } @else {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+    </section>
+  `, isInline: true, styles: [".orechio-billing{display:flex;flex-direction:column;gap:var(--orechio-space-3, .75rem);max-width:40rem;margin:0 auto;padding:var(--orechio-space-6, 1.5rem);color:var(--orechio-color-text, inherit);font-family:var(--orechio-font-body, inherit)}.orechio-billing form{display:flex;flex-direction:column;gap:var(--orechio-space-2, .5rem)}.orechio-billing__muted{color:var(--orechio-color-text-muted, #666)}.orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"], dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: BillingErrorComponent, selector: "orechio-billing-error", inputs: ["problema"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: InvoicesPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-invoices', standalone: true, imports: [RouterLink, BillingErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="orechio-billing">
+      <h1>Faturas</h1>
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      } @else if (pagina(); as p) {
+        @if (p.invoices.length === 0) {
+          <p class="orechio-billing__muted">Nenhuma fatura ainda.</p>
+        } @else {
+          <ul>
+            @for (fatura of p.invoices; track fatura.id) {
+              <li>
+                <a [routerLink]="fatura.id">Fatura {{ fatura.number }}</a>
+                — {{ status[fatura.status] }} — {{ moeda(fatura.amount) }} — vence em {{ data(fatura.dueDate) }}
+              </li>
+            }
+          </ul>
+
+          <nav>
+            @if (p.page > 1) {
+              <button type="button" (click)="carregar(p.page - 1)">Anteriores</button>
+            }
+            @if (temProxima()) {
+              <button type="button" (click)="carregar(p.page + 1)">Próximas</button>
+            }
+          </nav>
+        }
+        <a routerLink="..">Voltar para a assinatura</a>
+      } @else {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+    </section>
+  `, styles: [".orechio-billing{display:flex;flex-direction:column;gap:var(--orechio-space-3, .75rem);max-width:40rem;margin:0 auto;padding:var(--orechio-space-6, 1.5rem);color:var(--orechio-color-text, inherit);font-family:var(--orechio-font-body, inherit)}.orechio-billing form{display:flex;flex-direction:column;gap:var(--orechio-space-2, .5rem)}.orechio-billing__muted{color:var(--orechio-color-text-muted, #666)}.orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"] }]
+        }] });
+
+export { InvoicesPage };
+//# sourceMappingURL=orechio-platform-angular-billing-invoices.page-BiEm3hRf.mjs.map

package/fesm2022/orechio-platform-angular-billing-invoices.page-BiEm3hRf.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-invoices.page-BiEm3hRf.mjs","sources":["../../../projects/platform-angular/billing/src/pages/invoices.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, computed, inject, signal } from '@angular/core';\r\nimport { RouterLink } from '@angular/router';\r\nimport { ProblemDetails } from '@orechio/platform-angular';\r\nimport { BillingClient } from '../billing-client';\r\nimport { BillingErrorComponent } from '../billing-error.component';\r\nimport { ESTILO_BASE, STATUS_DA_FATURA, data, moeda } from '../billing-format';\r\nimport { InvoicesPage as PaginaDeFaturas } from '../billing-models';\r\n\r\nconst TAMANHO_DA_PAGINA = 20;\r\n\r\n@Component({\r\n  selector: 'orechio-billing-invoices',\r\n  standalone: true,\r\n  imports: [RouterLink, BillingErrorComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <section class=\"orechio-billing\">\r\n      <h1>Faturas</h1>\r\n\r\n      @if (erro(); as problema) {\r\n        <orechio-billing-error [problema]=\"problema\" />\r\n      } @else if (pagina(); as p) {\r\n        @if (p.invoices.length === 0) {\r\n          <p class=\"orechio-billing__muted\">Nenhuma fatura ainda.</p>\r\n        } @else {\r\n          <ul>\r\n            @for (fatura of p.invoices; track fatura.id) {\r\n              <li>\r\n                <a [routerLink]=\"fatura.id\">Fatura {{ fatura.number }}</a>\r\n                — {{ status[fatura.status] }} — {{ moeda(fatura.amount) }} — vence em {{ data(fatura.dueDate) }}\r\n              </li>\r\n            }\r\n          </ul>\r\n\r\n          <nav>\r\n            @if (p.page > 1) {\r\n              <button type=\"button\" (click)=\"carregar(p.page - 1)\">Anteriores</button>\r\n            }\r\n            @if (temProxima()) {\r\n              <button type=\"button\" (click)=\"carregar(p.page + 1)\">Próximas</button>\r\n            }\r\n          </nav>\r\n        }\r\n        <a routerLink=\"..\">Voltar para a assinatura</a>\r\n      } @else {\r\n        <p class=\"orechio-billing__muted\">Carregando…</p>\r\n      }\r\n    </section>\r\n  `,\r\n  styles: ESTILO_BASE,\r\n})\r\nexport class InvoicesPage implements OnInit {\r\n  private readonly client = inject(BillingClient);\r\n\r\n  protected readonly status = STATUS_DA_FATURA;\r\n  protected readonly moeda = moeda;\r\n  protected readonly data = data;\r\n  protected readonly pagina = signal<PaginaDeFaturas | null>(null);\r\n  protected readonly erro = signal<ProblemDetails | null>(null);\r\n  protected readonly temProxima = computed(() => {\r\n    const p = this.pagina();\r\n    return !!p && p.page * p.pageSize < p.total;\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    this.carregar(1);\r\n  }\r\n\r\n  protected carregar(pagina: number): void {\r\n    this.client.listInvoices(pagina, TAMANHO_DA_PAGINA).subscribe({\r\n      next: (resultado) => this.pagina.set(resultado),\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;;;AAQA,MAAM,iBAAiB,GAAG,EAAE;MA2Cf,YAAY,CAAA;AACN,IAAA,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;IAE5B,MAAM,GAAG,gBAAgB;IACzB,KAAK,GAAG,KAAK;IACb,IAAI,GAAG,IAAI;IACX,MAAM,GAAG,MAAM,CAAyB,IAAI;+EAAC;IAC7C,IAAI,GAAG,MAAM,CAAwB,IAAI;6EAAC;AAC1C,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAC5C,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,MAAM,EAAE;AACvB,QAAA,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,QAAQ,GAAG,CAAC,CAAC,KAAK;IAC7C,CAAC;mFAAC;IAEF,QAAQ,GAAA;AACN,QAAA,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC;IAClB;AAEU,IAAA,QAAQ,CAAC,MAAc,EAAA;QAC/B,IAAI,CAAC,MAAM,CAAC,YAAY,CAAC,MAAM,EAAE,iBAAiB,CAAC,CAAC,SAAS,CAAC;AAC5D,YAAA,IAAI,EAAE,CAAC,SAAS,KAAK,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,SAAS,CAAC;AAC/C,YAAA,KAAK,EAAE,CAAC,QAAwB,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC7D,SAAA,CAAC;IACJ;uGAtBW,YAAY,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAZ,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,YAAY,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,0BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EApCb,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCT,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,ydAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAnCS,UAAU,kPAAE,qBAAqB,EAAA,QAAA,EAAA,uBAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAsChC,YAAY,EAAA,UAAA,EAAA,CAAA;kBAzCxB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,0BAA0B,EAAA,UAAA,EACxB,IAAI,EAAA,OAAA,EACP,CAAC,UAAU,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAC3B,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,ydAAA,CAAA,EAAA;;;;;"}

package/fesm2022/orechio-platform-angular-billing-pix-panel.component-B608dQmc.mjs

@@ -0,0 +1,81 @@
+import * as i0 from '@angular/core';
+import { input, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+
+/**
+ * O QR e o copia-e-cola, como a Platform os devolveu. O `encodedImage` é PNG em base64
+ * (ASAAS); o `payload` é o código que o app do banco aceita colado.
+ */
+class PixPanelComponent {
+    pix = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pix" }] : /* istanbul ignore next */ []));
+    /** Página de pagamento do ASAAS, aberta em nova aba; sem ela, o link não aparece. */
+    invoiceUrl = input(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invoiceUrl" }] : /* istanbul ignore next */ []));
+    copiado = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "copiado" }] : /* istanbul ignore next */ []));
+    semAreaDeTransferencia = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "semAreaDeTransferencia" }] : /* istanbul ignore next */ []));
+    copiar() {
+        const areaDeTransferencia = globalThis.navigator?.clipboard;
+        if (!areaDeTransferencia) {
+            this.semAreaDeTransferencia.set(true);
+            return;
+        }
+        areaDeTransferencia.writeText(this.pix().payload).then(() => this.copiado.set(true), () => this.semAreaDeTransferencia.set(true));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: PixPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: PixPanelComponent, isStandalone: true, selector: "orechio-billing-pix", inputs: { pix: { classPropertyName: "pix", publicName: "pix", isSignal: true, isRequired: true, transformFunction: null }, invoiceUrl: { classPropertyName: "invoiceUrl", publicName: "invoiceUrl", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    <div class="orechio-billing-pix">
+      <img data-qr [src]="'data:image/png;base64,' + pix().encodedImage" alt="QR Code PIX" width="240" height="240" />
+
+      <p>Ou copie o código PIX e cole no app do seu banco:</p>
+      <code class="orechio-billing-pix__codigo">{{ pix().payload }}</code>
+      <button type="button" data-copiar (click)="copiar()">
+        {{ copiado() ? 'Código copiado' : 'Copiar código' }}
+      </button>
+      @if (semAreaDeTransferencia()) {
+        <p class="orechio-billing-pix__aviso">Selecione o código acima e copie manualmente.</p>
+      }
+
+      @if (pix().expirationDate; as validade) {
+        <p class="orechio-billing-pix__aviso">Válido até {{ validade }}.</p>
+      }
+
+      @if (invoiceUrl(); as url) {
+        <a data-invoice-url [href]="url" target="_blank" rel="noopener noreferrer">
+          Pagar pelo site do ASAAS
+        </a>
+      }
+    </div>
+  `, isInline: true, styles: [".orechio-billing-pix{display:flex;flex-direction:column;align-items:flex-start;gap:var(--orechio-space-2, .5rem)}.orechio-billing-pix__codigo{word-break:break-all}.orechio-billing-pix__aviso{color:var(--orechio-color-text-muted, #666)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: PixPanelComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-pix', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="orechio-billing-pix">
+      <img data-qr [src]="'data:image/png;base64,' + pix().encodedImage" alt="QR Code PIX" width="240" height="240" />
+
+      <p>Ou copie o código PIX e cole no app do seu banco:</p>
+      <code class="orechio-billing-pix__codigo">{{ pix().payload }}</code>
+      <button type="button" data-copiar (click)="copiar()">
+        {{ copiado() ? 'Código copiado' : 'Copiar código' }}
+      </button>
+      @if (semAreaDeTransferencia()) {
+        <p class="orechio-billing-pix__aviso">Selecione o código acima e copie manualmente.</p>
+      }
+
+      @if (pix().expirationDate; as validade) {
+        <p class="orechio-billing-pix__aviso">Válido até {{ validade }}.</p>
+      }
+
+      @if (invoiceUrl(); as url) {
+        <a data-invoice-url [href]="url" target="_blank" rel="noopener noreferrer">
+          Pagar pelo site do ASAAS
+        </a>
+      }
+    </div>
+  `, styles: [".orechio-billing-pix{display:flex;flex-direction:column;align-items:flex-start;gap:var(--orechio-space-2, .5rem)}.orechio-billing-pix__codigo{word-break:break-all}.orechio-billing-pix__aviso{color:var(--orechio-color-text-muted, #666)}\n"] }]
+        }], propDecorators: { pix: [{ type: i0.Input, args: [{ isSignal: true, alias: "pix", required: true }] }], invoiceUrl: [{ type: i0.Input, args: [{ isSignal: true, alias: "invoiceUrl", required: false }] }] } });
+
+export { PixPanelComponent as P };
+//# sourceMappingURL=orechio-platform-angular-billing-pix-panel.component-B608dQmc.mjs.map

package/fesm2022/orechio-platform-angular-billing-pix-panel.component-B608dQmc.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-pix-panel.component-B608dQmc.mjs","sources":["../../../projects/platform-angular/billing/src/pix-panel.component.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, input, signal } from '@angular/core';\r\nimport { PixData } from './billing-models';\r\n\r\n/**\r\n * O QR e o copia-e-cola, como a Platform os devolveu. O `encodedImage` é PNG em base64\r\n * (ASAAS); o `payload` é o código que o app do banco aceita colado.\r\n */\r\n@Component({\r\n  selector: 'orechio-billing-pix',\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <div class=\"orechio-billing-pix\">\r\n      <img data-qr [src]=\"'data:image/png;base64,' + pix().encodedImage\" alt=\"QR Code PIX\" width=\"240\" height=\"240\" />\r\n\r\n      <p>Ou copie o código PIX e cole no app do seu banco:</p>\r\n      <code class=\"orechio-billing-pix__codigo\">{{ pix().payload }}</code>\r\n      <button type=\"button\" data-copiar (click)=\"copiar()\">\r\n        {{ copiado() ? 'Código copiado' : 'Copiar código' }}\r\n      </button>\r\n      @if (semAreaDeTransferencia()) {\r\n        <p class=\"orechio-billing-pix__aviso\">Selecione o código acima e copie manualmente.</p>\r\n      }\r\n\r\n      @if (pix().expirationDate; as validade) {\r\n        <p class=\"orechio-billing-pix__aviso\">Válido até {{ validade }}.</p>\r\n      }\r\n\r\n      @if (invoiceUrl(); as url) {\r\n        <a data-invoice-url [href]=\"url\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n          Pagar pelo site do ASAAS\r\n        </a>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: `\r\n    .orechio-billing-pix { display: flex; flex-direction: column; align-items: flex-start; gap: var(--orechio-space-2, 0.5rem); }\r\n    .orechio-billing-pix__codigo { word-break: break-all; }\r\n    .orechio-billing-pix__aviso { color: var(--orechio-color-text-muted, #666); }\r\n  `,\r\n})\r\nexport class PixPanelComponent {\r\n  readonly pix = input.required<PixData>();\r\n  /** Página de pagamento do ASAAS, aberta em nova aba; sem ela, o link não aparece. */\r\n  readonly invoiceUrl = input<string | null | undefined>(null);\r\n\r\n  protected readonly copiado = signal(false);\r\n  protected readonly semAreaDeTransferencia = signal(false);\r\n\r\n  protected copiar(): void {\r\n    const areaDeTransferencia = globalThis.navigator?.clipboard;\r\n    if (!areaDeTransferencia) {\r\n      this.semAreaDeTransferencia.set(true);\r\n      return;\r\n    }\r\n\r\n    areaDeTransferencia.writeText(this.pix().payload).then(\r\n      () => this.copiado.set(true),\r\n      () => this.semAreaDeTransferencia.set(true),\r\n    );\r\n  }\r\n}\r\n"],"names":[],"mappings":";;;AAGA;;;AAGG;MAmCU,iBAAiB,CAAA;IACnB,GAAG,GAAG,KAAK,CAAC,QAAQ;4EAAW;;IAE/B,UAAU,GAAG,KAAK,CAA4B,IAAI;mFAAC;IAEzC,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;IACvB,sBAAsB,GAAG,MAAM,CAAC,KAAK;+FAAC;IAE/C,MAAM,GAAA;AACd,QAAA,MAAM,mBAAmB,GAAG,UAAU,CAAC,SAAS,EAAE,SAAS;QAC3D,IAAI,CAAC,mBAAmB,EAAE;AACxB,YAAA,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC;YACrC;QACF;AAEA,QAAA,mBAAmB,CAAC,SAAS,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,IAAI,CACpD,MAAM,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,EAC5B,MAAM,IAAI,CAAC,sBAAsB,CAAC,GAAG,CAAC,IAAI,CAAC,CAC5C;IACH;uGAnBW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAjB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EA9BlB,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,+OAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAOU,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAlC7B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,qBAAqB,cACnB,IAAI,EAAA,eAAA,EACC,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA;;;;;;;;;;;;;;;;;;;;;;;AAuBT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,+OAAA,CAAA,EAAA;;;;;"}

package/fesm2022/orechio-platform-angular-billing-profile.page-Baa6uoM6.mjs

@@ -0,0 +1,282 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { Router, ActivatedRoute, RouterLink } from '@angular/router';
+import { B as BillingClient, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-0nlddK-x.mjs';
+
+function doPerfil(perfil) {
+    return {
+        documentType: perfil.documentType ?? 'Cnpj',
+        documentNumber: perfil.documentNumber ?? '',
+        legalName: perfil.legalName ?? '',
+        tradeName: perfil.tradeName ?? '',
+        billingEmail: perfil.billingEmail ?? '',
+        phone: perfil.phone ?? '',
+        mobilePhone: perfil.mobilePhone ?? '',
+        postalCode: perfil.postalCode ?? '',
+        street: perfil.street ?? '',
+        number: perfil.number ?? '',
+        complement: perfil.complement ?? '',
+        neighborhood: perfil.neighborhood ?? '',
+        city: perfil.city ?? '',
+        state: perfil.state ?? '',
+    };
+}
+/** Campo opcional vazio vai como `null`, que é o que a Platform espera nos `string?`. */
+function opcional(valor) {
+    const limpo = valor.trim();
+    return limpo ? limpo : null;
+}
+/**
+ * Perfil de cobrança (ADR-021 §3.5, item 2). Cria com `POST profile`; edita por partes, como a
+ * Platform: `PATCH profile/contact` e `PATCH profile/address` — não existe PUT.
+ */
+class ProfilePage {
+    client = inject(BillingClient);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    form = doPerfil({});
+    perfil = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "perfil" }] : /* istanbul ignore next */ []));
+    travado = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "travado" }] : /* istanbul ignore next */ []));
+    enviando = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "enviando" }] : /* istanbul ignore next */ []));
+    salvo = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "salvo" }] : /* istanbul ignore next */ []));
+    erro = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "erro" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.carregar();
+    }
+    criar() {
+        this.enviar(this.client.createProfile({ ...this.contato(), ...this.endereco() }), () => {
+            // Quem veio do pagamento volta para ele: foi o checkout que mandou para cá.
+            if (this.route.snapshot.queryParamMap.get('next') === 'checkout') {
+                void this.router.navigate(['../checkout'], { relativeTo: this.route });
+                return;
+            }
+            this.carregar();
+        });
+    }
+    salvarContato() {
+        this.enviar(this.client.updateProfileContact(this.contato()), () => this.salvo.set(true));
+    }
+    salvarEndereco() {
+        this.enviar(this.client.updateProfileAddress(this.endereco()), () => this.salvo.set(true));
+    }
+    carregar() {
+        this.client.getProfile().subscribe({
+            next: (perfil) => {
+                this.form = doPerfil(perfil);
+                this.travado.set(perfil.isDocumentLocked === true);
+                this.perfil.set(perfil);
+            },
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    enviar(chamada, depois) {
+        if (this.enviando())
+            return;
+        this.enviando.set(true);
+        this.salvo.set(false);
+        this.erro.set(null);
+        chamada.subscribe({
+            next: () => {
+                this.enviando.set(false);
+                depois();
+            },
+            error: (problema) => {
+                this.enviando.set(false);
+                this.erro.set(problema);
+            },
+        });
+    }
+    contato() {
+        return {
+            documentType: this.form.documentType,
+            documentNumber: this.form.documentNumber.trim(),
+            legalName: this.form.legalName.trim(),
+            tradeName: opcional(this.form.tradeName),
+            billingEmail: this.form.billingEmail.trim(),
+            phone: opcional(this.form.phone),
+            mobilePhone: opcional(this.form.mobilePhone),
+        };
+    }
+    endereco() {
+        return {
+            postalCode: this.form.postalCode.trim(),
+            street: this.form.street.trim(),
+            number: this.form.number.trim(),
+            complement: opcional(this.form.complement),
+            neighborhood: this.form.neighborhood.trim(),
+            city: this.form.city.trim(),
+            state: this.form.state.trim().toUpperCase(),
+        };
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ProfilePage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: ProfilePage, isStandalone: true, selector: "orechio-billing-profile", ngImport: i0, template: `
+    <section class="orechio-billing">
+      <h1>Dados de cobrança</h1>
+
+      @if (perfil(); as p) {
+        @if (!p.exists) {
+          <p class="orechio-billing__muted">
+            Informe os dados que vão na cobrança. O CPF ou CNPJ é exigido pelo emissor do PIX.
+          </p>
+          <form data-criar (ngSubmit)="criar()">
+            <ng-container *ngTemplateOutlet="contato" />
+            <ng-container *ngTemplateOutlet="endereco" />
+            <button type="submit" [disabled]="enviando()">{{ enviando() ? 'Salvando…' : 'Salvar' }}</button>
+          </form>
+        } @else {
+          <form data-contato (ngSubmit)="salvarContato()">
+            <h2>Contato</h2>
+            <ng-container *ngTemplateOutlet="contato" />
+            <button type="submit" [disabled]="enviando()">Salvar contato</button>
+          </form>
+
+          <form data-endereco (ngSubmit)="salvarEndereco()">
+            <h2>Endereço</h2>
+            <ng-container *ngTemplateOutlet="endereco" />
+            <button type="submit" [disabled]="enviando()">Salvar endereço</button>
+          </form>
+        }
+
+        @if (salvo()) {
+          <p role="status">Dados salvos.</p>
+        }
+        <a routerLink="..">Voltar para a assinatura</a>
+      } @else if (!erro()) {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      }
+    </section>
+
+    <ng-template #contato>
+      <label>Tipo de documento
+        <select name="documentType" [(ngModel)]="form.documentType" [disabled]="travado()">
+          <option value="Cpf">CPF</option>
+          <option value="Cnpj">CNPJ</option>
+        </select>
+      </label>
+      <label>{{ form.documentType === 'Cpf' ? 'CPF' : 'CNPJ' }}
+        <input name="documentNumber" inputmode="numeric" [(ngModel)]="form.documentNumber" [disabled]="travado()" required />
+      </label>
+      <label>{{ form.documentType === 'Cpf' ? 'Nome completo' : 'Razão social' }}
+        <input name="legalName" [(ngModel)]="form.legalName" [disabled]="travado()" required />
+      </label>
+      <label>Nome fantasia (opcional)
+        <input name="tradeName" [(ngModel)]="form.tradeName" />
+      </label>
+      <label>E-mail de cobrança
+        <input name="billingEmail" type="email" autocomplete="email" [(ngModel)]="form.billingEmail" required />
+      </label>
+      <label>Telefone (opcional)
+        <input name="phone" type="tel" [(ngModel)]="form.phone" />
+      </label>
+      <label>Celular (opcional)
+        <input name="mobilePhone" type="tel" [(ngModel)]="form.mobilePhone" />
+      </label>
+    </ng-template>
+
+    <ng-template #endereco>
+      <label>CEP <input name="postalCode" inputmode="numeric" autocomplete="postal-code" [(ngModel)]="form.postalCode" required /></label>
+      <label>Rua <input name="street" autocomplete="address-line1" [(ngModel)]="form.street" required /></label>
+      <label>Número <input name="number" [(ngModel)]="form.number" required /></label>
+      <label>Complemento (opcional) <input name="complement" autocomplete="address-line2" [(ngModel)]="form.complement" /></label>
+      <label>Bairro <input name="neighborhood" [(ngModel)]="form.neighborhood" required /></label>
+      <label>Cidade <input name="city" autocomplete="address-level2" [(ngModel)]="form.city" required /></label>
+      <label>UF <input name="state" maxlength="2" autocomplete="address-level1" [(ngModel)]="form.state" required /></label>
+    </ng-template>
+  `, isInline: true, styles: [".orechio-billing{display:flex;flex-direction:column;gap:var(--orechio-space-3, .75rem);max-width:40rem;margin:0 auto;padding:var(--orechio-space-6, 1.5rem);color:var(--orechio-color-text, inherit);font-family:var(--orechio-font-body, inherit)}.orechio-billing form{display:flex;flex-direction:column;gap:var(--orechio-space-2, .5rem)}.orechio-billing__muted{color:var(--orechio-color-text-muted, #666)}.orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"], dependencies: [{ kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.SelectControlValueAccessor, selector: "select:not([multiple]):not([ngNoCva])[formControlName],select:not([multiple]):not([ngNoCva])[formControl],select:not([multiple]):not([ngNoCva])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],[formArray],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.MaxLengthValidator, selector: "[maxlength][formControlName],[maxlength][formControl],[maxlength][ngModel]", inputs: ["maxlength"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i1.NgForm, selector: "form:not([ngNoForm]):not([formGroup]):not([formArray]),ng-form,[ngForm]", inputs: ["ngFormOptions"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: BillingErrorComponent, selector: "orechio-billing-error", inputs: ["problema"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: ProfilePage, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-profile', standalone: true, imports: [FormsModule, NgTemplateOutlet, RouterLink, BillingErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="orechio-billing">
+      <h1>Dados de cobrança</h1>
+
+      @if (perfil(); as p) {
+        @if (!p.exists) {
+          <p class="orechio-billing__muted">
+            Informe os dados que vão na cobrança. O CPF ou CNPJ é exigido pelo emissor do PIX.
+          </p>
+          <form data-criar (ngSubmit)="criar()">
+            <ng-container *ngTemplateOutlet="contato" />
+            <ng-container *ngTemplateOutlet="endereco" />
+            <button type="submit" [disabled]="enviando()">{{ enviando() ? 'Salvando…' : 'Salvar' }}</button>
+          </form>
+        } @else {
+          <form data-contato (ngSubmit)="salvarContato()">
+            <h2>Contato</h2>
+            <ng-container *ngTemplateOutlet="contato" />
+            <button type="submit" [disabled]="enviando()">Salvar contato</button>
+          </form>
+
+          <form data-endereco (ngSubmit)="salvarEndereco()">
+            <h2>Endereço</h2>
+            <ng-container *ngTemplateOutlet="endereco" />
+            <button type="submit" [disabled]="enviando()">Salvar endereço</button>
+          </form>
+        }
+
+        @if (salvo()) {
+          <p role="status">Dados salvos.</p>
+        }
+        <a routerLink="..">Voltar para a assinatura</a>
+      } @else if (!erro()) {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      }
+    </section>
+
+    <ng-template #contato>
+      <label>Tipo de documento
+        <select name="documentType" [(ngModel)]="form.documentType" [disabled]="travado()">
+          <option value="Cpf">CPF</option>
+          <option value="Cnpj">CNPJ</option>
+        </select>
+      </label>
+      <label>{{ form.documentType === 'Cpf' ? 'CPF' : 'CNPJ' }}
+        <input name="documentNumber" inputmode="numeric" [(ngModel)]="form.documentNumber" [disabled]="travado()" required />
+      </label>
+      <label>{{ form.documentType === 'Cpf' ? 'Nome completo' : 'Razão social' }}
+        <input name="legalName" [(ngModel)]="form.legalName" [disabled]="travado()" required />
+      </label>
+      <label>Nome fantasia (opcional)
+        <input name="tradeName" [(ngModel)]="form.tradeName" />
+      </label>
+      <label>E-mail de cobrança
+        <input name="billingEmail" type="email" autocomplete="email" [(ngModel)]="form.billingEmail" required />
+      </label>
+      <label>Telefone (opcional)
+        <input name="phone" type="tel" [(ngModel)]="form.phone" />
+      </label>
+      <label>Celular (opcional)
+        <input name="mobilePhone" type="tel" [(ngModel)]="form.mobilePhone" />
+      </label>
+    </ng-template>
+
+    <ng-template #endereco>
+      <label>CEP <input name="postalCode" inputmode="numeric" autocomplete="postal-code" [(ngModel)]="form.postalCode" required /></label>
+      <label>Rua <input name="street" autocomplete="address-line1" [(ngModel)]="form.street" required /></label>
+      <label>Número <input name="number" [(ngModel)]="form.number" required /></label>
+      <label>Complemento (opcional) <input name="complement" autocomplete="address-line2" [(ngModel)]="form.complement" /></label>
+      <label>Bairro <input name="neighborhood" [(ngModel)]="form.neighborhood" required /></label>
+      <label>Cidade <input name="city" autocomplete="address-level2" [(ngModel)]="form.city" required /></label>
+      <label>UF <input name="state" maxlength="2" autocomplete="address-level1" [(ngModel)]="form.state" required /></label>
+    </ng-template>
+  `, styles: [".orechio-billing{display:flex;flex-direction:column;gap:var(--orechio-space-3, .75rem);max-width:40rem;margin:0 auto;padding:var(--orechio-space-6, 1.5rem);color:var(--orechio-color-text, inherit);font-family:var(--orechio-font-body, inherit)}.orechio-billing form{display:flex;flex-direction:column;gap:var(--orechio-space-2, .5rem)}.orechio-billing__muted{color:var(--orechio-color-text-muted, #666)}.orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"] }]
+        }] });
+
+export { ProfilePage };
+//# sourceMappingURL=orechio-platform-angular-billing-profile.page-Baa6uoM6.mjs.map

package/fesm2022/orechio-platform-angular-billing-profile.page-Baa6uoM6.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-profile.page-Baa6uoM6.mjs","sources":["../../../projects/platform-angular/billing/src/pages/profile.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, inject, signal } from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { FormsModule } from '@angular/forms';\r\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\r\nimport { Observable } from 'rxjs';\r\nimport { ProblemDetails } from '@orechio/platform-angular';\r\nimport { BillingClient } from '../billing-client';\r\nimport { BillingErrorComponent } from '../billing-error.component';\r\nimport { ESTILO_BASE } from '../billing-format';\r\nimport {\r\n  BillingAddressRequest,\r\n  BillingContactRequest,\r\n  BillingProfile,\r\n  DocumentType,\r\n} from '../billing-models';\r\n\r\ninterface Formulario {\r\n  documentType: DocumentType;\r\n  documentNumber: string;\r\n  legalName: string;\r\n  tradeName: string;\r\n  billingEmail: string;\r\n  phone: string;\r\n  mobilePhone: string;\r\n  postalCode: string;\r\n  street: string;\r\n  number: string;\r\n  complement: string;\r\n  neighborhood: string;\r\n  city: string;\r\n  state: string;\r\n}\r\n\r\nfunction doPerfil(perfil: BillingProfile): Formulario {\r\n  return {\r\n    documentType: perfil.documentType ?? 'Cnpj',\r\n    documentNumber: perfil.documentNumber ?? '',\r\n    legalName: perfil.legalName ?? '',\r\n    tradeName: perfil.tradeName ?? '',\r\n    billingEmail: perfil.billingEmail ?? '',\r\n    phone: perfil.phone ?? '',\r\n    mobilePhone: perfil.mobilePhone ?? '',\r\n    postalCode: perfil.postalCode ?? '',\r\n    street: perfil.street ?? '',\r\n    number: perfil.number ?? '',\r\n    complement: perfil.complement ?? '',\r\n    neighborhood: perfil.neighborhood ?? '',\r\n    city: perfil.city ?? '',\r\n    state: perfil.state ?? '',\r\n  };\r\n}\r\n\r\n/** Campo opcional vazio vai como `null`, que é o que a Platform espera nos `string?`. */\r\nfunction opcional(valor: string): string | null {\r\n  const limpo = valor.trim();\r\n  return limpo ? limpo : null;\r\n}\r\n\r\n/**\r\n * Perfil de cobrança (ADR-021 §3.5, item 2). Cria com `POST profile`; edita por partes, como a\r\n * Platform: `PATCH profile/contact` e `PATCH profile/address` — não existe PUT.\r\n */\r\n@Component({\r\n  selector: 'orechio-billing-profile',\r\n  standalone: true,\r\n  imports: [FormsModule, NgTemplateOutlet, RouterLink, BillingErrorComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <section class=\"orechio-billing\">\r\n      <h1>Dados de cobrança</h1>\r\n\r\n      @if (perfil(); as p) {\r\n        @if (!p.exists) {\r\n          <p class=\"orechio-billing__muted\">\r\n            Informe os dados que vão na cobrança. O CPF ou CNPJ é exigido pelo emissor do PIX.\r\n          </p>\r\n          <form data-criar (ngSubmit)=\"criar()\">\r\n            <ng-container *ngTemplateOutlet=\"contato\" />\r\n            <ng-container *ngTemplateOutlet=\"endereco\" />\r\n            <button type=\"submit\" [disabled]=\"enviando()\">{{ enviando() ? 'Salvando…' : 'Salvar' }}</button>\r\n          </form>\r\n        } @else {\r\n          <form data-contato (ngSubmit)=\"salvarContato()\">\r\n            <h2>Contato</h2>\r\n            <ng-container *ngTemplateOutlet=\"contato\" />\r\n            <button type=\"submit\" [disabled]=\"enviando()\">Salvar contato</button>\r\n          </form>\r\n\r\n          <form data-endereco (ngSubmit)=\"salvarEndereco()\">\r\n            <h2>Endereço</h2>\r\n            <ng-container *ngTemplateOutlet=\"endereco\" />\r\n            <button type=\"submit\" [disabled]=\"enviando()\">Salvar endereço</button>\r\n          </form>\r\n        }\r\n\r\n        @if (salvo()) {\r\n          <p role=\"status\">Dados salvos.</p>\r\n        }\r\n        <a routerLink=\"..\">Voltar para a assinatura</a>\r\n      } @else if (!erro()) {\r\n        <p class=\"orechio-billing__muted\">Carregando…</p>\r\n      }\r\n\r\n      @if (erro(); as problema) {\r\n        <orechio-billing-error [problema]=\"problema\" />\r\n      }\r\n    </section>\r\n\r\n    <ng-template #contato>\r\n      <label>Tipo de documento\r\n        <select name=\"documentType\" [(ngModel)]=\"form.documentType\" [disabled]=\"travado()\">\r\n          <option value=\"Cpf\">CPF</option>\r\n          <option value=\"Cnpj\">CNPJ</option>\r\n        </select>\r\n      </label>\r\n      <label>{{ form.documentType === 'Cpf' ? 'CPF' : 'CNPJ' }}\r\n        <input name=\"documentNumber\" inputmode=\"numeric\" [(ngModel)]=\"form.documentNumber\" [disabled]=\"travado()\" required />\r\n      </label>\r\n      <label>{{ form.documentType === 'Cpf' ? 'Nome completo' : 'Razão social' }}\r\n        <input name=\"legalName\" [(ngModel)]=\"form.legalName\" [disabled]=\"travado()\" required />\r\n      </label>\r\n      <label>Nome fantasia (opcional)\r\n        <input name=\"tradeName\" [(ngModel)]=\"form.tradeName\" />\r\n      </label>\r\n      <label>E-mail de cobrança\r\n        <input name=\"billingEmail\" type=\"email\" autocomplete=\"email\" [(ngModel)]=\"form.billingEmail\" required />\r\n      </label>\r\n      <label>Telefone (opcional)\r\n        <input name=\"phone\" type=\"tel\" [(ngModel)]=\"form.phone\" />\r\n      </label>\r\n      <label>Celular (opcional)\r\n        <input name=\"mobilePhone\" type=\"tel\" [(ngModel)]=\"form.mobilePhone\" />\r\n      </label>\r\n    </ng-template>\r\n\r\n    <ng-template #endereco>\r\n      <label>CEP <input name=\"postalCode\" inputmode=\"numeric\" autocomplete=\"postal-code\" [(ngModel)]=\"form.postalCode\" required /></label>\r\n      <label>Rua <input name=\"street\" autocomplete=\"address-line1\" [(ngModel)]=\"form.street\" required /></label>\r\n      <label>Número <input name=\"number\" [(ngModel)]=\"form.number\" required /></label>\r\n      <label>Complemento (opcional) <input name=\"complement\" autocomplete=\"address-line2\" [(ngModel)]=\"form.complement\" /></label>\r\n      <label>Bairro <input name=\"neighborhood\" [(ngModel)]=\"form.neighborhood\" required /></label>\r\n      <label>Cidade <input name=\"city\" autocomplete=\"address-level2\" [(ngModel)]=\"form.city\" required /></label>\r\n      <label>UF <input name=\"state\" maxlength=\"2\" autocomplete=\"address-level1\" [(ngModel)]=\"form.state\" required /></label>\r\n    </ng-template>\r\n  `,\r\n  styles: ESTILO_BASE,\r\n})\r\nexport class ProfilePage implements OnInit {\r\n  private readonly client = inject(BillingClient);\r\n  private readonly router = inject(Router);\r\n  private readonly route = inject(ActivatedRoute);\r\n\r\n  protected form: Formulario = doPerfil({} as BillingProfile);\r\n  protected readonly perfil = signal<BillingProfile | null>(null);\r\n  protected readonly travado = signal(false);\r\n  protected readonly enviando = signal(false);\r\n  protected readonly salvo = signal(false);\r\n  protected readonly erro = signal<ProblemDetails | null>(null);\r\n\r\n  ngOnInit(): void {\r\n    this.carregar();\r\n  }\r\n\r\n  protected criar(): void {\r\n    this.enviar(this.client.createProfile({ ...this.contato(), ...this.endereco() }), () => {\r\n      // Quem veio do pagamento volta para ele: foi o checkout que mandou para cá.\r\n      if (this.route.snapshot.queryParamMap.get('next') === 'checkout') {\r\n        void this.router.navigate(['../checkout'], { relativeTo: this.route });\r\n        return;\r\n      }\r\n      this.carregar();\r\n    });\r\n  }\r\n\r\n  protected salvarContato(): void {\r\n    this.enviar(this.client.updateProfileContact(this.contato()), () => this.salvo.set(true));\r\n  }\r\n\r\n  protected salvarEndereco(): void {\r\n    this.enviar(this.client.updateProfileAddress(this.endereco()), () => this.salvo.set(true));\r\n  }\r\n\r\n  private carregar(): void {\r\n    this.client.getProfile().subscribe({\r\n      next: (perfil) => {\r\n        this.form = doPerfil(perfil);\r\n        this.travado.set(perfil.isDocumentLocked === true);\r\n        this.perfil.set(perfil);\r\n      },\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n\r\n  private enviar(chamada: Observable<unknown>, depois: () => void): void {\r\n    if (this.enviando()) return;\r\n    this.enviando.set(true);\r\n    this.salvo.set(false);\r\n    this.erro.set(null);\r\n\r\n    chamada.subscribe({\r\n      next: () => {\r\n        this.enviando.set(false);\r\n        depois();\r\n      },\r\n      error: (problema: ProblemDetails) => {\r\n        this.enviando.set(false);\r\n        this.erro.set(problema);\r\n      },\r\n    });\r\n  }\r\n\r\n  private contato(): BillingContactRequest {\r\n    return {\r\n      documentType: this.form.documentType,\r\n      documentNumber: this.form.documentNumber.trim(),\r\n      legalName: this.form.legalName.trim(),\r\n      tradeName: opcional(this.form.tradeName),\r\n      billingEmail: this.form.billingEmail.trim(),\r\n      phone: opcional(this.form.phone),\r\n      mobilePhone: opcional(this.form.mobilePhone),\r\n    };\r\n  }\r\n\r\n  private endereco(): BillingAddressRequest {\r\n    return {\r\n      postalCode: this.form.postalCode.trim(),\r\n      street: this.form.street.trim(),\r\n      number: this.form.number.trim(),\r\n      complement: opcional(this.form.complement),\r\n      neighborhood: this.form.neighborhood.trim(),\r\n      city: this.form.city.trim(),\r\n      state: this.form.state.trim().toUpperCase(),\r\n    };\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}