@orechio/platform-angular 0.6.0 → 0.7.2

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

@@ -0,0 +1,309 @@
+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 { m as mascararCep, b as mascararTelefone, c as mascararDocumento, B as BillingClient, e as mascararCpf, f as mascararCnpj, s as soDigitos, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-DFY2U19Y.mjs';
+
+function doPerfil(perfil) {
+    const tipo = perfil.documentType ?? 'Cnpj';
+    return {
+        documentType: tipo,
+        documentNumber: mascararDocumento(tipo, perfil.documentNumber ?? ''),
+        legalName: perfil.legalName ?? '',
+        tradeName: perfil.tradeName ?? '',
+        billingEmail: perfil.billingEmail ?? '',
+        phone: mascararTelefone(perfil.phone ?? ''),
+        mobilePhone: mascararTelefone(perfil.mobilePhone ?? ''),
+        postalCode: mascararCep(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();
+    }
+    /**
+     * Máscara ao digitar: o campo é reescrito pela máscara e o formulário guarda o texto
+     * mascarado. Sem `ngModel` de propósito — com ele, digitar um caractere que a máscara
+     * descarta deixaria o valor do modelo igual ao anterior, e o campo continuaria mostrando
+     * o caractere digitado.
+     */
+    mascarar(campo, evento) {
+        const entrada = evento.target;
+        const mascarado = this.mascara(campo)(entrada.value);
+        entrada.value = mascarado;
+        this.form[campo] = mascarado;
+    }
+    trocarTipo(tipo) {
+        this.form.documentType = tipo;
+        this.form.documentNumber = mascararDocumento(tipo, this.form.documentNumber);
+    }
+    mascara(campo) {
+        switch (campo) {
+            case 'documentNumber':
+                return this.form.documentType === 'Cpf' ? mascararCpf : mascararCnpj;
+            case 'postalCode':
+                return mascararCep;
+            default:
+                return mascararTelefone;
+        }
+    }
+    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: soDigitos(this.form.documentNumber),
+            legalName: this.form.legalName.trim(),
+            tradeName: opcional(this.form.tradeName),
+            billingEmail: this.form.billingEmail.trim(),
+            phone: opcional(soDigitos(this.form.phone)),
+            mobilePhone: opcional(soDigitos(this.form.mobilePhone)),
+        };
+    }
+    endereco() {
+        return {
+            postalCode: soDigitos(this.form.postalCode),
+            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" (ngModelChange)="trocarTipo($event)" [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" [value]="form.documentNumber" (input)="mascarar('documentNumber', $event)" [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" [value]="form.phone" (input)="mascarar('phone', $event)" />
+      </label>
+      <label>Celular (opcional)
+        <input name="mobilePhone" type="tel" [value]="form.mobilePhone" (input)="mascarar('mobilePhone', $event)" />
+      </label>
+    </ng-template>
+
+    <ng-template #endereco>
+      <label>CEP <input name="postalCode" inputmode="numeric" autocomplete="postal-code" [value]="form.postalCode" (input)="mascarar('postalCode', $event)" 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)}.orechio-billing__acao{align-self:flex-start;display:inline-block;padding:var(--orechio-space-2, .5rem) var(--orechio-space-4, 1rem);border-radius:var(--orechio-radius, .375rem);background:var(--orechio-color-primary, #1a56db);color:var(--orechio-color-on-primary, #fff);font-weight:600;text-decoration:none}.orechio-billing__acao:hover,.orechio-billing__acao:focus-visible{background:var(--orechio-color-primary-hover, var(--orechio-color-primary, #1446b0))}\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" (ngModelChange)="trocarTipo($event)" [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" [value]="form.documentNumber" (input)="mascarar('documentNumber', $event)" [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" [value]="form.phone" (input)="mascarar('phone', $event)" />
+      </label>
+      <label>Celular (opcional)
+        <input name="mobilePhone" type="tel" [value]="form.mobilePhone" (input)="mascarar('mobilePhone', $event)" />
+      </label>
+    </ng-template>
+
+    <ng-template #endereco>
+      <label>CEP <input name="postalCode" inputmode="numeric" autocomplete="postal-code" [value]="form.postalCode" (input)="mascarar('postalCode', $event)" 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)}.orechio-billing__acao{align-self:flex-start;display:inline-block;padding:var(--orechio-space-2, .5rem) var(--orechio-space-4, 1rem);border-radius:var(--orechio-radius, .375rem);background:var(--orechio-color-primary, #1a56db);color:var(--orechio-color-on-primary, #fff);font-weight:600;text-decoration:none}.orechio-billing__acao:hover,.orechio-billing__acao:focus-visible{background:var(--orechio-color-primary-hover, var(--orechio-color-primary, #1446b0))}\n"] }]
+        }] });
+
+export { ProfilePage };
+//# sourceMappingURL=orechio-platform-angular-billing-profile.page-DHjsB3jJ.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-profile.page-DHjsB3jJ.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 {\r\n  ESTILO_BASE,\r\n  mascararCep,\r\n  mascararCpf,\r\n  mascararCnpj,\r\n  mascararDocumento,\r\n  mascararTelefone,\r\n  soDigitos,\r\n} 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\n/** Os campos que levam máscara, e qual máscara cada um leva (o documento depende do tipo). */\r\ntype CampoMascarado = 'documentNumber' | 'phone' | 'mobilePhone' | 'postalCode';\r\n\r\nfunction doPerfil(perfil: BillingProfile): Formulario {\r\n  const tipo = perfil.documentType ?? 'Cnpj';\r\n  return {\r\n    documentType: tipo,\r\n    documentNumber: mascararDocumento(tipo, perfil.documentNumber ?? ''),\r\n    legalName: perfil.legalName ?? '',\r\n    tradeName: perfil.tradeName ?? '',\r\n    billingEmail: perfil.billingEmail ?? '',\r\n    phone: mascararTelefone(perfil.phone ?? ''),\r\n    mobilePhone: mascararTelefone(perfil.mobilePhone ?? ''),\r\n    postalCode: mascararCep(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\" (ngModelChange)=\"trocarTipo($event)\" [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\" [value]=\"form.documentNumber\" (input)=\"mascarar('documentNumber', $event)\" [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\" [value]=\"form.phone\" (input)=\"mascarar('phone', $event)\" />\r\n      </label>\r\n      <label>Celular (opcional)\r\n        <input name=\"mobilePhone\" type=\"tel\" [value]=\"form.mobilePhone\" (input)=\"mascarar('mobilePhone', $event)\" />\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\" [value]=\"form.postalCode\" (input)=\"mascarar('postalCode', $event)\" 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  /**\r\n   * Máscara ao digitar: o campo é reescrito pela máscara e o formulário guarda o texto\r\n   * mascarado. Sem `ngModel` de propósito — com ele, digitar um caractere que a máscara\r\n   * descarta deixaria o valor do modelo igual ao anterior, e o campo continuaria mostrando\r\n   * o caractere digitado.\r\n   */\r\n  protected mascarar(campo: CampoMascarado, evento: Event): void {\r\n    const entrada = evento.target as HTMLInputElement;\r\n    const mascarado = this.mascara(campo)(entrada.value);\r\n    entrada.value = mascarado;\r\n    this.form[campo] = mascarado;\r\n  }\r\n\r\n  protected trocarTipo(tipo: DocumentType): void {\r\n    this.form.documentType = tipo;\r\n    this.form.documentNumber = mascararDocumento(tipo, this.form.documentNumber);\r\n  }\r\n\r\n  private mascara(campo: CampoMascarado): (valor: string) => string {\r\n    switch (campo) {\r\n      case 'documentNumber':\r\n        return this.form.documentType === 'Cpf' ? mascararCpf : mascararCnpj;\r\n      case 'postalCode':\r\n        return mascararCep;\r\n      default:\r\n        return mascararTelefone;\r\n    }\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: soDigitos(this.form.documentNumber),\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(soDigitos(this.form.phone)),\r\n      mobilePhone: opcional(soDigitos(this.form.mobilePhone)),\r\n    };\r\n  }\r\n\r\n  private endereco(): BillingAddressRequest {\r\n    return {\r\n      postalCode: soDigitos(this.form.postalCode),\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":";;;;;;;;AA4CA,SAAS,QAAQ,CAAC,MAAsB,EAAA;AACtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAC,YAAY,IAAI,MAAM;IAC1C,OAAO;AACL,QAAA,YAAY,EAAE,IAAI;QAClB,cAAc,EAAE,iBAAiB,CAAC,IAAI,EAAE,MAAM,CAAC,cAAc,IAAI,EAAE,CAAC;AACpE,QAAA,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AACjC,QAAA,SAAS,EAAE,MAAM,CAAC,SAAS,IAAI,EAAE;AACjC,QAAA,YAAY,EAAE,MAAM,CAAC,YAAY,IAAI,EAAE;QACvC,KAAK,EAAE,gBAAgB,CAAC,MAAM,CAAC,KAAK,IAAI,EAAE,CAAC;QAC3C,WAAW,EAAE,gBAAgB,CAAC,MAAM,CAAC,WAAW,IAAI,EAAE,CAAC;QACvD,UAAU,EAAE,WAAW,CAAC,MAAM,CAAC,UAAU,IAAI,EAAE,CAAC;AAChD,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,EAAE;AAC3B,QAAA,MAAM,EAAE,MAAM,CAAC,MAAM,IAAI,EAAE;AAC3B,QAAA,UAAU,EAAE,MAAM,CAAC,UAAU,IAAI,EAAE;AACnC,QAAA,YAAY,EAAE,MAAM,CAAC,YAAY,IAAI,EAAE;AACvC,QAAA,IAAI,EAAE,MAAM,CAAC,IAAI,IAAI,EAAE;AACvB,QAAA,KAAK,EAAE,MAAM,CAAC,KAAK,IAAI,EAAE;KAC1B;AACH;AAEA;AACA,SAAS,QAAQ,CAAC,KAAa,EAAA;AAC7B,IAAA,MAAM,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE;IAC1B,OAAO,KAAK,GAAG,KAAK,GAAG,IAAI;AAC7B;AAEA;;;AAGG;MAsFU,WAAW,CAAA;AACL,IAAA,MAAM,GAAG,MAAM,CAAC,aAAa,CAAC;AAC9B,IAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC;AACvB,IAAA,KAAK,GAAG,MAAM,CAAC,cAAc,CAAC;AAErC,IAAA,IAAI,GAAe,QAAQ,CAAC,EAAoB,CAAC;IACxC,MAAM,GAAG,MAAM,CAAwB,IAAI;+EAAC;IAC5C,OAAO,GAAG,MAAM,CAAC,KAAK;gFAAC;IACvB,QAAQ,GAAG,MAAM,CAAC,KAAK;iFAAC;IACxB,KAAK,GAAG,MAAM,CAAC,KAAK;8EAAC;IACrB,IAAI,GAAG,MAAM,CAAwB,IAAI;6EAAC;IAE7D,QAAQ,GAAA;QACN,IAAI,CAAC,QAAQ,EAAE;IACjB;AAEA;;;;;AAKG;IACO,QAAQ,CAAC,KAAqB,EAAE,MAAa,EAAA;AACrD,QAAA,MAAM,OAAO,GAAG,MAAM,CAAC,MAA0B;AACjD,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,KAAK,CAAC;AACpD,QAAA,OAAO,CAAC,KAAK,GAAG,SAAS;AACzB,QAAA,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,SAAS;IAC9B;AAEU,IAAA,UAAU,CAAC,IAAkB,EAAA;AACrC,QAAA,IAAI,CAAC,IAAI,CAAC,YAAY,GAAG,IAAI;AAC7B,QAAA,IAAI,CAAC,IAAI,CAAC,cAAc,GAAG,iBAAiB,CAAC,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;IAC9E;AAEQ,IAAA,OAAO,CAAC,KAAqB,EAAA;QACnC,QAAQ,KAAK;AACX,YAAA,KAAK,gBAAgB;AACnB,gBAAA,OAAO,IAAI,CAAC,IAAI,CAAC,YAAY,KAAK,KAAK,GAAG,WAAW,GAAG,YAAY;AACtE,YAAA,KAAK,YAAY;AACf,gBAAA,OAAO,WAAW;AACpB,YAAA;AACE,gBAAA,OAAO,gBAAgB;;IAE7B;IAEU,KAAK,GAAA;QACb,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,aAAa,CAAC,EAAE,GAAG,IAAI,CAAC,OAAO,EAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC,EAAE,MAAK;;AAErF,YAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,UAAU,EAAE;AAChE,gBAAA,KAAK,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,KAAK,EAAE,CAAC;gBACtE;YACF;YACA,IAAI,CAAC,QAAQ,EAAE;AACjB,QAAA,CAAC,CAAC;IACJ;IAEU,aAAa,GAAA;QACrB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC3F;IAEU,cAAc,GAAA;QACtB,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,oBAAoB,CAAC,IAAI,CAAC,QAAQ,EAAE,CAAC,EAAE,MAAM,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC;IAC5F;IAEQ,QAAQ,GAAA;AACd,QAAA,IAAI,CAAC,MAAM,CAAC,UAAU,EAAE,CAAC,SAAS,CAAC;AACjC,YAAA,IAAI,EAAE,CAAC,MAAM,KAAI;AACf,gBAAA,IAAI,CAAC,IAAI,GAAG,QAAQ,CAAC,MAAM,CAAC;gBAC5B,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC,gBAAgB,KAAK,IAAI,CAAC;AAClD,gBAAA,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,MAAM,CAAC;YACzB,CAAC;AACD,YAAA,KAAK,EAAE,CAAC,QAAwB,KAAK,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;AAC7D,SAAA,CAAC;IACJ;IAEQ,MAAM,CAAC,OAA4B,EAAE,MAAkB,EAAA;QAC7D,IAAI,IAAI,CAAC,QAAQ,EAAE;YAAE;AACrB,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;AACvB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;QAEnB,OAAO,CAAC,SAAS,CAAC;YAChB,IAAI,EAAE,MAAK;AACT,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,gBAAA,MAAM,EAAE;YACV,CAAC;AACD,YAAA,KAAK,EAAE,CAAC,QAAwB,KAAI;AAClC,gBAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;AACxB,gBAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC;YACzB,CAAC;AACF,SAAA,CAAC;IACJ;IAEQ,OAAO,GAAA;QACb,OAAO;AACL,YAAA,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY;YACpC,cAAc,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,cAAc,CAAC;YACnD,SAAS,EAAE,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE;YACrC,SAAS,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC;YACxC,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;YAC3C,KAAK,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;YAC3C,WAAW,EAAE,QAAQ,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;SACxD;IACH;IAEQ,QAAQ,GAAA;QACd,OAAO;YACL,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YAC3C,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC/B,MAAM,EAAE,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE;YAC/B,UAAU,EAAE,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC;YAC1C,YAAY,EAAE,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,IAAI,EAAE;YAC3C,IAAI,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,EAAE;YAC3B,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;SAC5C;IACH;uGAnHW,WAAW,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAX,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,WAAW,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yBAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhFZ,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ET,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,o6BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EA/ES,WAAW,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,aAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,cAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,wSAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,0BAAA,EAAA,QAAA,EAAA,0JAAA,EAAA,MAAA,EAAA,CAAA,aAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,sGAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,QAAA,EAAA,4EAAA,EAAA,MAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,MAAA,EAAA,QAAA,EAAA,yEAAA,EAAA,MAAA,EAAA,CAAA,eAAA,CAAA,EAAA,OAAA,EAAA,CAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,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;;2FAkF/D,WAAW,EAAA,UAAA,EAAA,CAAA;kBArFvB,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,yBAAyB,cACvB,IAAI,EAAA,OAAA,EACP,CAAC,WAAW,EAAE,gBAAgB,EAAE,UAAU,EAAE,qBAAqB,CAAC,EAAA,eAAA,EAC1D,uBAAuB,CAAC,MAAM,EAAA,QAAA,EACrC,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA6ET,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,o6BAAA,CAAA,EAAA;;;;;"}

package/fesm2022/orechio-platform-angular-billing-subscription.page-Cotupt22.mjs

@@ -0,0 +1,160 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { RouterLink } from '@angular/router';
+import { d as data, B as BillingClient, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-DFY2U19Y.mjs';
+
+const DIA = 24 * 60 * 60 * 1000;
+const EM_ABERTO = ['Created', 'Pending', 'Overdue'];
+const emAtraso = (assinatura) => assinatura.status === 'Grace' || assinatura.status === 'Suspended';
+/**
+ * A ação de cada estado segue o que a Platform aceita: o checkout serve `Trial`,
+ * `PendingPayment` e, desde a BILLING-2b, `Grace` e `Suspended` — mas só sem fatura aberta
+ * (`Created|Pending|Overdue`; com ela, `checkout.open_invoice_exists`). Em carência e suspensão
+ * a ação depende disso: fatura aberta → o detalhe dela; nenhuma → o checkout. Cancelada e
+ * expirada não têm ação de pagamento nesta versão: reativar é v2 (ADR-021 §3.5).
+ */
+function situacao(assinatura, agora, emAberto) {
+    const pagar = { texto: 'Pagar agora', link: 'checkout' };
+    const faturas = { texto: 'Ver faturas', link: 'invoices' };
+    const acaoDeAtraso = emAberto
+        ? { texto: 'Pagar fatura em aberto', link: `invoices/${emAberto.id}` }
+        : { texto: 'Pagar', link: 'checkout' };
+    const orientacao = emAberto ? 'Pague a fatura em aberto' : 'Faça o pagamento';
+    switch (assinatura.status) {
+        case 'Trial': {
+            const dias = Math.max(0, Math.ceil((Date.parse(assinatura.trialEndsAt) - agora) / DIA));
+            const restante = dias === 0 ? 'O período de teste termina hoje.'
+                : dias === 1 ? 'Falta 1 dia para o fim do período de teste.'
+                    : `Faltam ${dias} dias para o fim do período de teste.`;
+            return { titulo: 'Período de teste', detalhe: restante, acao: { texto: 'Assinar agora', link: 'checkout' } };
+        }
+        case 'PendingPayment':
+            return {
+                titulo: 'Pagamento pendente',
+                detalhe: 'A assinatura começa assim que o primeiro pagamento for confirmado.',
+                acao: pagar,
+            };
+        case 'Active':
+            return {
+                titulo: 'Assinatura ativa',
+                detalhe: assinatura.currentPeriodEndsAt
+                    ? `Próxima renovação em ${data(assinatura.currentPeriodEndsAt)}.`
+                    : 'Tudo em dia.',
+                acao: faturas,
+            };
+        case 'Grace':
+            return {
+                titulo: 'Pagamento em atraso',
+                detalhe: assinatura.graceEndsAt
+                    ? `O acesso continua até ${data(assinatura.graceEndsAt)}. ${orientacao} para não ter o acesso suspenso.`
+                    : `${orientacao} para não ter o acesso suspenso.`,
+                acao: acaoDeAtraso,
+            };
+        case 'Suspended':
+            return {
+                titulo: 'Assinatura suspensa',
+                detalhe: `O acesso foi suspenso por falta de pagamento. ${orientacao} para voltar a usar.`,
+                acao: acaoDeAtraso,
+            };
+        case 'Cancelled':
+            return {
+                titulo: 'Assinatura cancelada',
+                detalhe: assinatura.cancelEffectiveAt
+                    ? `O cancelamento vale a partir de ${data(assinatura.cancelEffectiveAt)}. Para reativar, fale com o suporte.`
+                    : 'Para reativar, fale com o suporte.',
+                acao: faturas,
+            };
+        case 'Expired':
+            return {
+                titulo: 'Assinatura expirada',
+                detalhe: 'Para voltar a assinar, fale com o suporte.',
+                acao: faturas,
+            };
+    }
+}
+class SubscriptionPage {
+    client = inject(BillingClient);
+    assinatura = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "assinatura" }] : /* istanbul ignore next */ []));
+    /** Só preenchido em Grace/Suspended: `undefined` = ainda não respondeu; `null` = nenhuma aberta. */
+    emAberto = signal(undefined, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "emAberto" }] : /* istanbul ignore next */ []));
+    erro = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "erro" }] : /* istanbul ignore next */ []));
+    atual = computed(() => {
+        const assinatura = this.assinatura();
+        if (!assinatura)
+            return null;
+        const aberta = this.emAberto();
+        // Sem a resposta das faturas não se sabe o destino da ação: não se adivinha.
+        if (emAtraso(assinatura) && aberta === undefined)
+            return null;
+        return situacao(assinatura, Date.now(), aberta ?? null);
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "atual" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        this.client.getSubscription().subscribe({
+            next: (assinatura) => {
+                this.assinatura.set(assinatura);
+                if (emAtraso(assinatura))
+                    this.buscarFaturaEmAberto();
+            },
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    buscarFaturaEmAberto() {
+        this.client.listInvoices().subscribe({
+            next: (pagina) => this.emAberto.set(pagina.invoices.find((f) => EM_ABERTO.includes(f.status)) ?? null),
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: SubscriptionPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: SubscriptionPage, isStandalone: true, selector: "orechio-billing-subscription", ngImport: i0, template: `
+    <section class="orechio-billing">
+      <h1>Assinatura</h1>
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      } @else if (atual(); as s) {
+        <h2>{{ s.titulo }}</h2>
+        <p>{{ s.detalhe }}</p>
+        <a data-acao class="orechio-billing__acao" [routerLink]="s.acao.link">{{ s.acao.texto }}</a>
+
+        <nav class="orechio-billing__muted">
+          <a routerLink="profile">Dados de cobrança</a>
+          ·
+          <a routerLink="invoices">Faturas</a>
+        </nav>
+      } @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)}.orechio-billing__acao{align-self:flex-start;display:inline-block;padding:var(--orechio-space-2, .5rem) var(--orechio-space-4, 1rem);border-radius:var(--orechio-radius, .375rem);background:var(--orechio-color-primary, #1a56db);color:var(--orechio-color-on-primary, #fff);font-weight:600;text-decoration:none}.orechio-billing__acao:hover,.orechio-billing__acao:focus-visible{background:var(--orechio-color-primary-hover, var(--orechio-color-primary, #1446b0))}\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: SubscriptionPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-subscription', standalone: true, imports: [RouterLink, BillingErrorComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="orechio-billing">
+      <h1>Assinatura</h1>
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      } @else if (atual(); as s) {
+        <h2>{{ s.titulo }}</h2>
+        <p>{{ s.detalhe }}</p>
+        <a data-acao class="orechio-billing__acao" [routerLink]="s.acao.link">{{ s.acao.texto }}</a>
+
+        <nav class="orechio-billing__muted">
+          <a routerLink="profile">Dados de cobrança</a>
+          ·
+          <a routerLink="invoices">Faturas</a>
+        </nav>
+      } @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)}.orechio-billing__acao{align-self:flex-start;display:inline-block;padding:var(--orechio-space-2, .5rem) var(--orechio-space-4, 1rem);border-radius:var(--orechio-radius, .375rem);background:var(--orechio-color-primary, #1a56db);color:var(--orechio-color-on-primary, #fff);font-weight:600;text-decoration:none}.orechio-billing__acao:hover,.orechio-billing__acao:focus-visible{background:var(--orechio-color-primary-hover, var(--orechio-color-primary, #1446b0))}\n"] }]
+        }] });
+
+export { SubscriptionPage };
+//# sourceMappingURL=orechio-platform-angular-billing-subscription.page-Cotupt22.mjs.map

package/fesm2022/orechio-platform-angular-billing-subscription.page-Cotupt22.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-subscription.page-Cotupt22.mjs","sources":["../../../projects/platform-angular/billing/src/pages/subscription.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, data } from '../billing-format';\r\nimport { InvoiceListItem, InvoiceStatus, Subscription } from '../billing-models';\r\n\r\nconst DIA = 24 * 60 * 60 * 1000;\r\nconst EM_ABERTO: InvoiceStatus[] = ['Created', 'Pending', 'Overdue'];\r\n\r\nconst emAtraso = (assinatura: Subscription) =>\r\n  assinatura.status === 'Grace' || assinatura.status === 'Suspended';\r\n\r\ninterface Situacao {\r\n  titulo: string;\r\n  detalhe: string;\r\n  acao: { texto: string; link: string };\r\n}\r\n\r\n/**\r\n * A ação de cada estado segue o que a Platform aceita: o checkout serve `Trial`,\r\n * `PendingPayment` e, desde a BILLING-2b, `Grace` e `Suspended` — mas só sem fatura aberta\r\n * (`Created|Pending|Overdue`; com ela, `checkout.open_invoice_exists`). Em carência e suspensão\r\n * a ação depende disso: fatura aberta → o detalhe dela; nenhuma → o checkout. Cancelada e\r\n * expirada não têm ação de pagamento nesta versão: reativar é v2 (ADR-021 §3.5).\r\n */\r\nfunction situacao(assinatura: Subscription, agora: number, emAberto: InvoiceListItem | null): Situacao {\r\n  const pagar = { texto: 'Pagar agora', link: 'checkout' };\r\n  const faturas = { texto: 'Ver faturas', link: 'invoices' };\r\n  const acaoDeAtraso = emAberto\r\n    ? { texto: 'Pagar fatura em aberto', link: `invoices/${emAberto.id}` }\r\n    : { texto: 'Pagar', link: 'checkout' };\r\n  const orientacao = emAberto ? 'Pague a fatura em aberto' : 'Faça o pagamento';\r\n\r\n  switch (assinatura.status) {\r\n    case 'Trial': {\r\n      const dias = Math.max(0, Math.ceil((Date.parse(assinatura.trialEndsAt) - agora) / DIA));\r\n      const restante =\r\n        dias === 0 ? 'O período de teste termina hoje.'\r\n        : dias === 1 ? 'Falta 1 dia para o fim do período de teste.'\r\n        : `Faltam ${dias} dias para o fim do período de teste.`;\r\n      return { titulo: 'Período de teste', detalhe: restante, acao: { texto: 'Assinar agora', link: 'checkout' } };\r\n    }\r\n    case 'PendingPayment':\r\n      return {\r\n        titulo: 'Pagamento pendente',\r\n        detalhe: 'A assinatura começa assim que o primeiro pagamento for confirmado.',\r\n        acao: pagar,\r\n      };\r\n    case 'Active':\r\n      return {\r\n        titulo: 'Assinatura ativa',\r\n        detalhe: assinatura.currentPeriodEndsAt\r\n          ? `Próxima renovação em ${data(assinatura.currentPeriodEndsAt)}.`\r\n          : 'Tudo em dia.',\r\n        acao: faturas,\r\n      };\r\n    case 'Grace':\r\n      return {\r\n        titulo: 'Pagamento em atraso',\r\n        detalhe: assinatura.graceEndsAt\r\n          ? `O acesso continua até ${data(assinatura.graceEndsAt)}. ${orientacao} para não ter o acesso suspenso.`\r\n          : `${orientacao} para não ter o acesso suspenso.`,\r\n        acao: acaoDeAtraso,\r\n      };\r\n    case 'Suspended':\r\n      return {\r\n        titulo: 'Assinatura suspensa',\r\n        detalhe: `O acesso foi suspenso por falta de pagamento. ${orientacao} para voltar a usar.`,\r\n        acao: acaoDeAtraso,\r\n      };\r\n    case 'Cancelled':\r\n      return {\r\n        titulo: 'Assinatura cancelada',\r\n        detalhe: assinatura.cancelEffectiveAt\r\n          ? `O cancelamento vale a partir de ${data(assinatura.cancelEffectiveAt)}. Para reativar, fale com o suporte.`\r\n          : 'Para reativar, fale com o suporte.',\r\n        acao: faturas,\r\n      };\r\n    case 'Expired':\r\n      return {\r\n        titulo: 'Assinatura expirada',\r\n        detalhe: 'Para voltar a assinar, fale com o suporte.',\r\n        acao: faturas,\r\n      };\r\n  }\r\n}\r\n\r\n@Component({\r\n  selector: 'orechio-billing-subscription',\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>Assinatura</h1>\r\n\r\n      @if (erro(); as problema) {\r\n        <orechio-billing-error [problema]=\"problema\" />\r\n      } @else if (atual(); as s) {\r\n        <h2>{{ s.titulo }}</h2>\r\n        <p>{{ s.detalhe }}</p>\r\n        <a data-acao class=\"orechio-billing__acao\" [routerLink]=\"s.acao.link\">{{ s.acao.texto }}</a>\r\n\r\n        <nav class=\"orechio-billing__muted\">\r\n          <a routerLink=\"profile\">Dados de cobrança</a>\r\n          ·\r\n          <a routerLink=\"invoices\">Faturas</a>\r\n        </nav>\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 SubscriptionPage implements OnInit {\r\n  private readonly client = inject(BillingClient);\r\n\r\n  private readonly assinatura = signal<Subscription | null>(null);\r\n  /** Só preenchido em Grace/Suspended: `undefined` = ainda não respondeu; `null` = nenhuma aberta. */\r\n  private readonly emAberto = signal<InvoiceListItem | null | undefined>(undefined);\r\n  protected readonly erro = signal<ProblemDetails | null>(null);\r\n  protected readonly atual = computed(() => {\r\n    const assinatura = this.assinatura();\r\n    if (!assinatura) return null;\r\n\r\n    const aberta = this.emAberto();\r\n    // Sem a resposta das faturas não se sabe o destino da ação: não se adivinha.\r\n    if (emAtraso(assinatura) && aberta === undefined) return null;\r\n\r\n    return situacao(assinatura, Date.now(), aberta ?? null);\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    this.client.getSubscription().subscribe({\r\n      next: (assinatura) => {\r\n        this.assinatura.set(assinatura);\r\n        if (emAtraso(assinatura)) this.buscarFaturaEmAberto();\r\n      },\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n\r\n  private buscarFaturaEmAberto(): void {\r\n    this.client.listInvoices().subscribe({\r\n      next: (pagina) => this.emAberto.set(pagina.invoices.find((f) => EM_ABERTO.includes(f.status)) ?? null),\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

package/fesm2022/orechio-platform-angular-billing.mjs

@@ -0,0 +1,69 @@
+import { InjectionToken } from '@angular/core';
+
+const ORECHIO_BILLING_CONFIG = new InjectionToken('ORECHIO_BILLING_CONFIG');
+function provideOrechioBilling(options = {}) {
+    const bruto = options.basePath ?? '/api/billing';
+    // Mesma regra do `BillingRoutePrefix` do BFF, no mesmo momento: na composição. Uma URL
+    // absoluta aqui levaria a cobrança para fora do domínio do produto, onde o cookie de sessão
+    // não vai junto.
+    if (!bruto.startsWith('/') || bruto.startsWith('//')) {
+        throw new Error(`provideOrechioBilling: \`basePath\` precisa ser um caminho same-origin começando com '/': '${bruto}'.`);
+    }
+    const config = { basePath: bruto.replace(/\/+$/, '') };
+    return [{ provide: ORECHIO_BILLING_CONFIG, useValue: config }];
+}
+
+/**
+ * As rotas de cobrança. O host as monta em `/billing` — é para lá que os e-mails de cobrança
+ * da Platform apontam (`{base}/billing`, ADR-021 §3.2):
+ *
+ * <pre>
+ * { path: 'billing', children: ORECHIO_BILLING_ROUTES }
+ * </pre>
+ *
+ * Os caminhos ENTRE as telas são fixos (a situação leva a `checkout` e `invoices`, o
+ * pagamento sem perfil leva a `profile`). Todas com `loadComponent`, como as de conta.
+ */
+const ORECHIO_BILLING_ROUTES = [
+    {
+        path: '',
+        pathMatch: 'full',
+        title: 'Assinatura',
+        loadComponent: () => import('./orechio-platform-angular-billing-subscription.page-Cotupt22.mjs').then((m) => m.SubscriptionPage),
+    },
+    {
+        path: 'profile',
+        title: 'Dados de cobrança',
+        loadComponent: () => import('./orechio-platform-angular-billing-profile.page-DHjsB3jJ.mjs').then((m) => m.ProfilePage),
+    },
+    {
+        path: 'checkout',
+        title: 'Pagar assinatura',
+        loadComponent: () => import('./orechio-platform-angular-billing-checkout.page-CNl0PPiE.mjs').then((m) => m.CheckoutPage),
+    },
+    {
+        path: 'invoices',
+        title: 'Faturas',
+        loadComponent: () => import('./orechio-platform-angular-billing-invoices.page-COsCT5NY.mjs').then((m) => m.InvoicesPage),
+    },
+    {
+        path: 'invoices/:id',
+        title: 'Fatura',
+        loadComponent: () => import('./orechio-platform-angular-billing-invoice.page-CLojIJkf.mjs').then((m) => m.InvoicePage),
+    },
+];
+
+/*
+ * Public API Surface of @orechio/platform-angular/billing
+ *
+ * BILLING-3 — as telas de cobrança do titular (ADR-021 §3.5). Mesmo contrato do entry
+ * `account`: `BillingClient` e as páginas NÃO são exportados. As telas são alcançadas por
+ * `ORECHIO_BILLING_ROUTES`, e os caminhos entre elas só valem montados juntos.
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ORECHIO_BILLING_CONFIG, ORECHIO_BILLING_ROUTES, provideOrechioBilling };
+//# sourceMappingURL=orechio-platform-angular-billing.mjs.map

package/fesm2022/orechio-platform-angular-billing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing.mjs","sources":["../../../projects/platform-angular/billing/src/billing-config.ts","../../../projects/platform-angular/billing/src/billing.routes.ts","../../../projects/platform-angular/billing/src/public-api.ts","../../../projects/platform-angular/billing/src/orechio-platform-angular-billing.ts"],"sourcesContent":["import { InjectionToken, Provider } from '@angular/core';\r\n\r\nexport interface OrechioBillingConfig {\r\n  /**\r\n   * Prefixo do BFF de cobrança (`MapOrechioBillingEndpoints`), same-origin. O BFF lê a sessão\r\n   * do host e fala com a Platform; o browser nunca vê token nem fala com a Platform.\r\n   */\r\n  basePath: string;\r\n}\r\n\r\nexport const ORECHIO_BILLING_CONFIG = new InjectionToken<OrechioBillingConfig>(\r\n  'ORECHIO_BILLING_CONFIG',\r\n);\r\n\r\nexport interface OrechioBillingOptions {\r\n  /** Default `/api/billing`, o mesmo `BillingRoutePrefix` default do BFF. */\r\n  basePath?: string;\r\n}\r\n\r\nexport function provideOrechioBilling(options: OrechioBillingOptions = {}): Provider[] {\r\n  const bruto = options.basePath ?? '/api/billing';\r\n\r\n  // Mesma regra do `BillingRoutePrefix` do BFF, no mesmo momento: na composição. Uma URL\r\n  // absoluta aqui levaria a cobrança para fora do domínio do produto, onde o cookie de sessão\r\n  // não vai junto.\r\n  if (!bruto.startsWith('/') || bruto.startsWith('//')) {\r\n    throw new Error(\r\n      `provideOrechioBilling: \\`basePath\\` precisa ser um caminho same-origin começando com '/': '${bruto}'.`,\r\n    );\r\n  }\r\n\r\n  const config: OrechioBillingConfig = { basePath: bruto.replace(/\\/+$/, '') };\r\n  return [{ provide: ORECHIO_BILLING_CONFIG, useValue: config }];\r\n}\r\n","import { Routes } from '@angular/router';\r\n\r\n/**\r\n * As rotas de cobrança. O host as monta em `/billing` — é para lá que os e-mails de cobrança\r\n * da Platform apontam (`{base}/billing`, ADR-021 §3.2):\r\n *\r\n * <pre>\r\n * { path: 'billing', children: ORECHIO_BILLING_ROUTES }\r\n * </pre>\r\n *\r\n * Os caminhos ENTRE as telas são fixos (a situação leva a `checkout` e `invoices`, o\r\n * pagamento sem perfil leva a `profile`). Todas com `loadComponent`, como as de conta.\r\n */\r\nexport const ORECHIO_BILLING_ROUTES: Routes = [\r\n  {\r\n    path: '',\r\n    pathMatch: 'full',\r\n    title: 'Assinatura',\r\n    loadComponent: () => import('./pages/subscription.page').then((m) => m.SubscriptionPage),\r\n  },\r\n  {\r\n    path: 'profile',\r\n    title: 'Dados de cobrança',\r\n    loadComponent: () => import('./pages/profile.page').then((m) => m.ProfilePage),\r\n  },\r\n  {\r\n    path: 'checkout',\r\n    title: 'Pagar assinatura',\r\n    loadComponent: () => import('./pages/checkout.page').then((m) => m.CheckoutPage),\r\n  },\r\n  {\r\n    path: 'invoices',\r\n    title: 'Faturas',\r\n    loadComponent: () => import('./pages/invoices.page').then((m) => m.InvoicesPage),\r\n  },\r\n  {\r\n    path: 'invoices/:id',\r\n    title: 'Fatura',\r\n    loadComponent: () => import('./pages/invoice.page').then((m) => m.InvoicePage),\r\n  },\r\n];\r\n","/*\r\n * Public API Surface of @orechio/platform-angular/billing\r\n *\r\n * BILLING-3 — as telas de cobrança do titular (ADR-021 §3.5). Mesmo contrato do entry\r\n * `account`: `BillingClient` e as páginas NÃO são exportados. As telas são alcançadas por\r\n * `ORECHIO_BILLING_ROUTES`, e os caminhos entre elas só valem montados juntos.\r\n */\r\n\r\nexport type { OrechioBillingConfig, OrechioBillingOptions } from './billing-config';\r\nexport { ORECHIO_BILLING_CONFIG, provideOrechioBilling } from './billing-config';\r\n\r\nexport { ORECHIO_BILLING_ROUTES } from './billing.routes';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;MAUa,sBAAsB,GAAG,IAAI,cAAc,CACtD,wBAAwB;AAQpB,SAAU,qBAAqB,CAAC,OAAA,GAAiC,EAAE,EAAA;AACvE,IAAA,MAAM,KAAK,GAAG,OAAO,CAAC,QAAQ,IAAI,cAAc;;;;AAKhD,IAAA,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,KAAK,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE;AACpD,QAAA,MAAM,IAAI,KAAK,CACb,8FAA8F,KAAK,CAAA,EAAA,CAAI,CACxG;IACH;AAEA,IAAA,MAAM,MAAM,GAAyB,EAAE,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,EAAE,CAAC,EAAE;IAC5E,OAAO,CAAC,EAAE,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE,MAAM,EAAE,CAAC;AAChE;;AC/BA;;;;;;;;;;AAUG;AACI,MAAM,sBAAsB,GAAW;AAC5C,IAAA;AACE,QAAA,IAAI,EAAE,EAAE;AACR,QAAA,SAAS,EAAE,MAAM;AACjB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,aAAa,EAAE,MAAM,OAAO,mEAA2B,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,gBAAgB,CAAC;AACzF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,mBAAmB;AAC1B,QAAA,aAAa,EAAE,MAAM,OAAO,8DAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC;AAC/E,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,kBAAkB;AACzB,QAAA,aAAa,EAAE,MAAM,OAAO,+DAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC;AACjF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,UAAU;AAChB,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,aAAa,EAAE,MAAM,OAAO,+DAAuB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC;AACjF,KAAA;AACD,IAAA;AACE,QAAA,IAAI,EAAE,cAAc;AACpB,QAAA,KAAK,EAAE,QAAQ;AACf,QAAA,aAAa,EAAE,MAAM,OAAO,8DAAsB,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC;AAC/E,KAAA;;;ACvCH;;;;;;AAMG;;ACNH;;AAEG;;;;"}