@orechio/platform-angular 0.7.1 → 0.7.2

package/fesm2022/{orechio-platform-angular-billing-profile.page-Baa6uoM6.mjs → orechio-platform-angular-billing-profile.page-DHjsB3jJ.mjs}

@@ -4,18 +4,19 @@ 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';
+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: perfil.documentType ?? 'Cnpj',
-        documentNumber: perfil.documentNumber ?? '',
+        documentType: tipo,
+        documentNumber: mascararDocumento(tipo, perfil.documentNumber ?? ''),
         legalName: perfil.legalName ?? '',
         tradeName: perfil.tradeName ?? '',
         billingEmail: perfil.billingEmail ?? '',
-        phone: perfil.phone ?? '',
-        mobilePhone: perfil.mobilePhone ?? '',
-        postalCode: perfil.postalCode ?? '',
+        phone: mascararTelefone(perfil.phone ?? ''),
+        mobilePhone: mascararTelefone(perfil.mobilePhone ?? ''),
+        postalCode: mascararCep(perfil.postalCode ?? ''),
         street: perfil.street ?? '',
         number: perfil.number ?? '',
         complement: perfil.complement ?? '',
@@ -51,6 +52,32 @@ class ProfilePage {
     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á.
@@ -97,17 +124,17 @@ class ProfilePage {
     contato() {
         return {
             documentType: this.form.documentType,
-            documentNumber: this.form.documentNumber.trim(),
+            documentNumber: soDigitos(this.form.documentNumber),
             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),
+            phone: opcional(soDigitos(this.form.phone)),
+            mobilePhone: opcional(soDigitos(this.form.mobilePhone)),
         };
     }
     endereco() {
         return {
-            postalCode: this.form.postalCode.trim(),
+            postalCode: soDigitos(this.form.postalCode),
             street: this.form.street.trim(),
             number: this.form.number.trim(),
             complement: opcional(this.form.complement),
@@ -160,13 +187,13 @@ class ProfilePage {
 
     <ng-template #contato>
       <label>Tipo de documento
-        <select name="documentType" [(ngModel)]="form.documentType" [disabled]="travado()">
+        <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" [(ngModel)]="form.documentNumber" [disabled]="travado()" required />
+        <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 />
@@ -178,15 +205,15 @@ class ProfilePage {
         <input name="billingEmail" type="email" autocomplete="email" [(ngModel)]="form.billingEmail" required />
       </label>
       <label>Telefone (opcional)
-        <input name="phone" type="tel" [(ngModel)]="form.phone" />
+        <input name="phone" type="tel" [value]="form.phone" (input)="mascarar('phone', $event)" />
       </label>
       <label>Celular (opcional)
-        <input name="mobilePhone" type="tel" [(ngModel)]="form.mobilePhone" />
+        <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" [(ngModel)]="form.postalCode" required /></label>
+      <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>
@@ -194,7 +221,7 @@ class ProfilePage {
       <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 });
+  `, 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,
@@ -241,13 +268,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
 
     <ng-template #contato>
       <label>Tipo de documento
-        <select name="documentType" [(ngModel)]="form.documentType" [disabled]="travado()">
+        <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" [(ngModel)]="form.documentNumber" [disabled]="travado()" required />
+        <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 />
@@ -259,15 +286,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
         <input name="billingEmail" type="email" autocomplete="email" [(ngModel)]="form.billingEmail" required />
       </label>
       <label>Telefone (opcional)
-        <input name="phone" type="tel" [(ngModel)]="form.phone" />
+        <input name="phone" type="tel" [value]="form.phone" (input)="mascarar('phone', $event)" />
       </label>
       <label>Celular (opcional)
-        <input name="mobilePhone" type="tel" [(ngModel)]="form.mobilePhone" />
+        <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" [(ngModel)]="form.postalCode" required /></label>
+      <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>
@@ -275,8 +302,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
       <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"] }]
+  `, 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-Baa6uoM6.mjs.map
+//# 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":"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"}

package/fesm2022/{orechio-platform-angular-billing-subscription.page-9NF8bWhu.mjs → orechio-platform-angular-billing-subscription.page-Cotupt22.mjs}

@@ -1,7 +1,7 @@
 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-0nlddK-x.mjs';
+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'];
@@ -118,7 +118,7 @@ class SubscriptionPage {
       } @else if (atual(); as s) {
         <h2>{{ s.titulo }}</h2>
         <p>{{ s.detalhe }}</p>
-        <a data-acao [routerLink]="s.acao.link">{{ s.acao.texto }}</a>
+        <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>
@@ -129,7 +129,7 @@ class SubscriptionPage {
         <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 });
+  `, 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,
@@ -142,7 +142,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
       } @else if (atual(); as s) {
         <h2>{{ s.titulo }}</h2>
         <p>{{ s.detalhe }}</p>
-        <a data-acao [routerLink]="s.acao.link">{{ s.acao.texto }}</a>
+        <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>
@@ -153,8 +153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
         <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"] }]
+  `, 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-9NF8bWhu.mjs.map
+//# 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

@@ -29,27 +29,27 @@ const ORECHIO_BILLING_ROUTES = [
         path: '',
         pathMatch: 'full',
         title: 'Assinatura',
-        loadComponent: () => import('./orechio-platform-angular-billing-subscription.page-9NF8bWhu.mjs').then((m) => m.SubscriptionPage),
+        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-Baa6uoM6.mjs').then((m) => m.ProfilePage),
+        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-CHU_Drpu.mjs').then((m) => m.CheckoutPage),
+        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-BiEm3hRf.mjs').then((m) => m.InvoicesPage),
+        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-BVyWur3o.mjs').then((m) => m.InvoicePage),
+        loadComponent: () => import('./orechio-platform-angular-billing-invoice.page-CLojIJkf.mjs').then((m) => m.InvoicePage),
     },
 ];
 

package/fesm2022/orechio-platform-angular.mjs

@@ -52,8 +52,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
  * class contains zero hardcoded URLs, so it works unmodified against
  * Portal's /api/auth/{login,me,refresh,logout} (envelope-wrapped
  * `{ user: UserInfo }` responses, unwrapped via config.auth.unwrapUser) and
- * Store's /api/auth/{login,refresh,logout} (no `me`, unwrapped responses)
- * alike.
+ * the cookie-session hosts' /api/auth/{login,session,refresh,logout,select-branch}
+ * (unwrapped responses; `session` is configured as `me`) alike. Those hosts are
+ * Store, Moveis and any host mounting Orechio.Platform.Bff.Account 0.3.0
+ * (ADR-022), which serves exactly this contract.
  */
 class AuthClient {
     http = inject(HttpClient);
@@ -71,8 +73,10 @@ class AuthClient {
     }
     /**
      * Reads the current session. Uses the configured `me` endpoint (GET) when
-     * present (Portal); falls back to `refresh` (POST) when it isn't (Store,
-     * which has no dedicated session-read endpoint and bootstraps via refresh).
+     * present (Portal; Store and Moveis via `/api/auth/session`; and the
+     * Orechio.Platform.Bff.Account 0.3.0 session routes, ADR-022) — a read that
+     * neither rotates the session nor its cookies. Falls back to `refresh` (POST)
+     * only for a host that configures no `me`, which then bootstraps via refresh.
      */
     initSession() {
         if (this.config.auth.me) {