@orechio/platform-angular 0.6.0 → 0.7.1

package/fesm2022/orechio-platform-angular-billing-billing-format-0nlddK-x.mjs

@@ -0,0 +1,194 @@
+import { HttpClient, HttpParams } from '@angular/common/http';
+import * as i0 from '@angular/core';
+import { inject, Injectable, input, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { catchError, throwError } from 'rxjs';
+import { normalizeProblemDetails } from '@orechio/platform-angular';
+import { ORECHIO_BILLING_CONFIG } from './orechio-platform-angular-billing.mjs';
+
+/**
+ * O cliente do BFF de cobrança (`Orechio.Platform.Bff.Account` 0.2.0,
+ * `MapOrechioBillingEndpoints`). Same-origin, só com o BFF do host — mesmo desenho do
+ * `AccountClient`, e o erro sai pelo mesmo `normalizeProblemDetails`.
+ */
+class BillingClient {
+    http = inject(HttpClient);
+    config = inject(ORECHIO_BILLING_CONFIG);
+    getSubscription() {
+        return this.falha(this.http.get(this.url('/subscription')));
+    }
+    getProfile() {
+        return this.falha(this.http.get(this.url('/profile')));
+    }
+    createProfile(request) {
+        return this.falha(this.http.post(this.url('/profile'), request));
+    }
+    updateProfileContact(request) {
+        return this.falha(this.http.patch(this.url('/profile/contact'), request));
+    }
+    updateProfileAddress(request) {
+        return this.falha(this.http.patch(this.url('/profile/address'), request));
+    }
+    listPlans() {
+        return this.falha(this.http.get(this.url('/plans')));
+    }
+    previewPricing(planId, branchCount, cycle) {
+        const params = new HttpParams({ fromObject: { planId, branchCount, cycle } });
+        return this.falha(this.http.get(this.url('/pricing/preview'), { params }));
+    }
+    /**
+     * Checkout PIX. O corpo é o `CheckoutRequest` da Platform (`cycle`, `method`), sem
+     * `applicationId`: com o token de produto, a Platform usa o app do token.
+     */
+    checkout(cycle) {
+        return this.falha(this.http.post(this.url('/checkout'), { cycle, method: 'pix' }));
+    }
+    listInvoices(page = 1, pageSize = 20) {
+        const params = new HttpParams({ fromObject: { page, pageSize } });
+        return this.falha(this.http.get(this.url('/invoices'), { params }));
+    }
+    getInvoice(id) {
+        return this.falha(this.http.get(this.url(`/invoices/${encodeURIComponent(id)}`)));
+    }
+    refreshInvoicePix(id) {
+        return this.falha(this.http.post(this.url(`/invoices/${encodeURIComponent(id)}/refresh`), null));
+    }
+    url(path) {
+        return `${this.config.basePath}${path}`;
+    }
+    falha(chamada) {
+        return chamada.pipe(catchError((error) => throwError(() => normalizeProblemDetails(error))));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BillingClient, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BillingClient, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BillingClient, decorators: [{
+            type: Injectable,
+            args: [{ providedIn: 'root' }]
+        }] });
+
+const ENDERECO_INCOMPLETO = 'Preencha o endereço completo.';
+const DOCUMENTO_INVALIDO = 'CPF ou CNPJ inválido.';
+const DOCUMENTO_TRAVADO = 'O documento e o nome já foram usados em uma cobrança e não podem mais ser alterados.';
+const PLANO_INDISPONIVEL = 'O plano da assinatura não está disponível. Fale com o suporte.';
+const SO_O_TITULAR = 'Só o titular da conta pode ver e pagar a cobrança.';
+/**
+ * Os codes que as rotas de cobrança da Platform e do BFF emitem de fato
+ * (`Commerce*Endpoints`, handlers de `Billing/`, value objects de perfil,
+ * `PermissionAuthorization`, `Bff.Account`).
+ */
+const MENSAGENS = {
+    'session.missing': 'Sua sessão expirou. Entre novamente para continuar.',
+    'platform.unavailable': 'O serviço de cobrança está indisponível no momento. Tente novamente em instantes.',
+    'http.0': 'Sem conexão com o servidor. Verifique sua internet e tente novamente.',
+    rate_limit_exceeded: 'Muitas tentativas. Aguarde alguns minutos e tente novamente.',
+    'access.platform_only': SO_O_TITULAR,
+    'permission.denied': SO_O_TITULAR,
+    'subscription.not_found': 'Nenhuma assinatura encontrada para esta conta.',
+    'billing_profile.not_found': 'Cadastre os dados de cobrança antes de pagar.',
+    'billing_profile.already_exists': 'Os dados de cobrança já estão cadastrados.',
+    'billing_profile.legal_name_required': 'Informe o nome completo ou a razão social.',
+    'billing_profile.billing_email_required': 'Informe o e-mail de cobrança.',
+    'billing_profile.billing_email_invalid': 'Informe um e-mail de cobrança válido.',
+    'billing_profile.mobile_phone_too_long': 'O celular informado é longo demais.',
+    'billing_profile.document_type_locked': DOCUMENTO_TRAVADO,
+    'billing_profile.document_number_locked': DOCUMENTO_TRAVADO,
+    'billing_profile.legal_name_locked': DOCUMENTO_TRAVADO,
+    'tax_document.value_required': 'Informe o CPF ou o CNPJ.',
+    'tax_document.length_invalid': DOCUMENTO_INVALIDO,
+    'tax_document.checksum_invalid': DOCUMENTO_INVALIDO,
+    'address.postal_code_invalid': 'CEP inválido.',
+    'address.state_invalid': 'UF inválida. Use a sigla do estado, como SP.',
+    'address.street_required': ENDERECO_INCOMPLETO,
+    'address.number_required': ENDERECO_INCOMPLETO,
+    'address.neighborhood_required': ENDERECO_INCOMPLETO,
+    'address.city_required': ENDERECO_INCOMPLETO,
+    'checkout.subscription_not_eligible': 'Não há pagamento de assinatura a fazer agora. Veja as faturas em aberto.',
+    'checkout.open_invoice_exists': 'Já existe uma fatura em aberto. Pague a fatura em aberto em vez de gerar uma nova cobrança.',
+    'checkout.pending_other_method': 'Já existe uma cobrança em aberto por outro meio de pagamento. Veja as faturas.',
+    'checkout.credit_card_not_supported': 'Pagamento por cartão ainda não está disponível.',
+    'checkout.invoice_in_inconsistent_state': 'A cobrança anterior ficou incompleta. Tente novamente em alguns minutos.',
+    'billing.cycle_invalid': 'Escolha um ciclo de cobrança válido.',
+    'pricing_preview.cycle_invalid': 'Escolha um ciclo de cobrança válido.',
+    'plan.not_found': PLANO_INDISPONIVEL,
+    'plan.not_available': PLANO_INDISPONIVEL,
+    'subscription.plan_inactive': PLANO_INDISPONIVEL,
+    'invoice.not_found': 'Fatura não encontrada.',
+    'invoice.payment_unavailable': 'Esta cobrança não está mais disponível para pagamento. Fale com o suporte.',
+    'invoice.refresh_not_allowed': 'Esta fatura não está mais em aberto.',
+    'invoice.refresh_pix_only': 'Só é possível gerar QR para faturas PIX.',
+    'invoice.no_external_payment': 'Esta fatura ainda não tem cobrança gerada. Tente novamente em alguns minutos.',
+};
+const GENERICA = 'Não foi possível concluir a operação. Tente novamente; se continuar, informe o código de atendimento ao suporte.';
+/**
+ * O texto de tela para um erro do BFF, escolhido por `code`. O corpo do erro (`message`) nunca
+ * vira texto: ele é escrito para log, não para o cliente.
+ */
+function mensagemDeErro(problema) {
+    const conhecida = MENSAGENS[problema.code];
+    if (conhecida)
+        return { texto: conhecida };
+    return problema.correlationId
+        ? { texto: GENERICA, correlationId: problema.correlationId }
+        : { texto: GENERICA };
+}
+
+class BillingErrorComponent {
+    problema = input.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "problema" }] : /* istanbul ignore next */ []));
+    mensagem = computed(() => mensagemDeErro(this.problema()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "mensagem" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BillingErrorComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: BillingErrorComponent, isStandalone: true, selector: "orechio-billing-error", inputs: { problema: { classPropertyName: "problema", publicName: "problema", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
+    <div class="orechio-billing__error" role="alert">
+      <p>{{ mensagem().texto }}</p>
+      @if (mensagem().correlationId; as id) {
+        <p>Código de atendimento: <code>{{ id }}</code></p>
+      }
+    </div>
+  `, isInline: true, styles: [".orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BillingErrorComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-error', standalone: true, changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <div class="orechio-billing__error" role="alert">
+      <p>{{ mensagem().texto }}</p>
+      @if (mensagem().correlationId; as id) {
+        <p>Código de atendimento: <code>{{ id }}</code></p>
+      }
+    </div>
+  `, styles: [".orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"] }]
+        }], propDecorators: { problema: [{ type: i0.Input, args: [{ isSignal: true, alias: "problema", required: true }] }] } });
+
+const MOEDA = new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' });
+function moeda(valor) {
+    return MOEDA.format(valor);
+}
+function data(iso) {
+    return iso ? new Date(iso).toLocaleDateString('pt-BR') : '';
+}
+const STATUS_DA_FATURA = {
+    Created: 'Em emissão',
+    Pending: 'Em aberto',
+    Paid: 'Paga',
+    Overdue: 'Vencida',
+    Refunded: 'Estornada',
+    Cancelled: 'Cancelada',
+};
+const ESTILO_BASE = `
+  .orechio-billing {
+    display: flex;
+    flex-direction: column;
+    gap: var(--orechio-space-3, 0.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, 0.5rem); }
+  .orechio-billing__muted { color: var(--orechio-color-text-muted, #666); }
+  .orechio-billing__error { color: var(--orechio-color-danger, #b00020); }
+`;
+
+export { BillingClient as B, STATUS_DA_FATURA as S, BillingErrorComponent as a, data as d, moeda as m };
+//# sourceMappingURL=orechio-platform-angular-billing-billing-format-0nlddK-x.mjs.map

package/fesm2022/orechio-platform-angular-billing-billing-format-0nlddK-x.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-billing-format-0nlddK-x.mjs","sources":["../../../projects/platform-angular/billing/src/billing-client.ts","../../../projects/platform-angular/billing/src/billing-errors.ts","../../../projects/platform-angular/billing/src/billing-error.component.ts","../../../projects/platform-angular/billing/src/billing-format.ts"],"sourcesContent":["import { HttpClient, HttpErrorResponse, HttpParams } from '@angular/common/http';\r\nimport { Injectable, inject } from '@angular/core';\r\nimport { Observable, catchError, throwError } from 'rxjs';\r\nimport { ProblemDetails, normalizeProblemDetails } from '@orechio/platform-angular';\r\nimport { ORECHIO_BILLING_CONFIG } from './billing-config';\r\nimport {\r\n  BillingAddressRequest,\r\n  BillingContactRequest,\r\n  BillingCycle,\r\n  BillingProfile,\r\n  CheckoutResult,\r\n  CreateBillingProfileRequest,\r\n  InvoiceDetail,\r\n  InvoicesPage,\r\n  Plan,\r\n  PricingPreview,\r\n  RefreshedPayment,\r\n  Subscription,\r\n} from './billing-models';\r\n\r\n/**\r\n * O cliente do BFF de cobrança (`Orechio.Platform.Bff.Account` 0.2.0,\r\n * `MapOrechioBillingEndpoints`). Same-origin, só com o BFF do host — mesmo desenho do\r\n * `AccountClient`, e o erro sai pelo mesmo `normalizeProblemDetails`.\r\n */\r\n@Injectable({ providedIn: 'root' })\r\nexport class BillingClient {\r\n  private readonly http = inject(HttpClient);\r\n  private readonly config = inject(ORECHIO_BILLING_CONFIG);\r\n\r\n  getSubscription(): Observable<Subscription> {\r\n    return this.falha(this.http.get<Subscription>(this.url('/subscription')));\r\n  }\r\n\r\n  getProfile(): Observable<BillingProfile> {\r\n    return this.falha(this.http.get<BillingProfile>(this.url('/profile')));\r\n  }\r\n\r\n  createProfile(request: CreateBillingProfileRequest): Observable<{ id: string }> {\r\n    return this.falha(this.http.post<{ id: string }>(this.url('/profile'), request));\r\n  }\r\n\r\n  updateProfileContact(request: BillingContactRequest): Observable<void> {\r\n    return this.falha(this.http.patch<void>(this.url('/profile/contact'), request));\r\n  }\r\n\r\n  updateProfileAddress(request: BillingAddressRequest): Observable<void> {\r\n    return this.falha(this.http.patch<void>(this.url('/profile/address'), request));\r\n  }\r\n\r\n  listPlans(): Observable<Plan[]> {\r\n    return this.falha(this.http.get<Plan[]>(this.url('/plans')));\r\n  }\r\n\r\n  previewPricing(planId: string, branchCount: number, cycle: BillingCycle): Observable<PricingPreview> {\r\n    const params = new HttpParams({ fromObject: { planId, branchCount, cycle } });\r\n    return this.falha(this.http.get<PricingPreview>(this.url('/pricing/preview'), { params }));\r\n  }\r\n\r\n  /**\r\n   * Checkout PIX. O corpo é o `CheckoutRequest` da Platform (`cycle`, `method`), sem\r\n   * `applicationId`: com o token de produto, a Platform usa o app do token.\r\n   */\r\n  checkout(cycle: BillingCycle): Observable<CheckoutResult> {\r\n    return this.falha(this.http.post<CheckoutResult>(this.url('/checkout'), { cycle, method: 'pix' }));\r\n  }\r\n\r\n  listInvoices(page = 1, pageSize = 20): Observable<InvoicesPage> {\r\n    const params = new HttpParams({ fromObject: { page, pageSize } });\r\n    return this.falha(this.http.get<InvoicesPage>(this.url('/invoices'), { params }));\r\n  }\r\n\r\n  getInvoice(id: string): Observable<InvoiceDetail> {\r\n    return this.falha(this.http.get<InvoiceDetail>(this.url(`/invoices/${encodeURIComponent(id)}`)));\r\n  }\r\n\r\n  refreshInvoicePix(id: string): Observable<RefreshedPayment> {\r\n    return this.falha(this.http.post<RefreshedPayment>(this.url(`/invoices/${encodeURIComponent(id)}/refresh`), null));\r\n  }\r\n\r\n  private url(path: string): string {\r\n    return `${this.config.basePath}${path}`;\r\n  }\r\n\r\n  private falha<T>(chamada: Observable<T>): Observable<T> {\r\n    return chamada.pipe(\r\n      catchError((error: HttpErrorResponse) =>\r\n        throwError((): ProblemDetails => normalizeProblemDetails(error)),\r\n      ),\r\n    );\r\n  }\r\n}\r\n","import { ProblemDetails } from '@orechio/platform-angular';\r\n\r\nexport interface MensagemDeErro {\r\n  texto: string;\r\n  /** Só para code desconhecido: é o que o suporte cruza com o log dos dois lados. */\r\n  correlationId?: string;\r\n}\r\n\r\nconst ENDERECO_INCOMPLETO = 'Preencha o endereço completo.';\r\nconst DOCUMENTO_INVALIDO = 'CPF ou CNPJ inválido.';\r\nconst DOCUMENTO_TRAVADO =\r\n  'O documento e o nome já foram usados em uma cobrança e não podem mais ser alterados.';\r\nconst PLANO_INDISPONIVEL = 'O plano da assinatura não está disponível. Fale com o suporte.';\r\nconst SO_O_TITULAR = 'Só o titular da conta pode ver e pagar a cobrança.';\r\n\r\n/**\r\n * Os codes que as rotas de cobrança da Platform e do BFF emitem de fato\r\n * (`Commerce*Endpoints`, handlers de `Billing/`, value objects de perfil,\r\n * `PermissionAuthorization`, `Bff.Account`).\r\n */\r\nconst MENSAGENS: Record<string, string> = {\r\n  'session.missing': 'Sua sessão expirou. Entre novamente para continuar.',\r\n  'platform.unavailable':\r\n    'O serviço de cobrança está indisponível no momento. Tente novamente em instantes.',\r\n  'http.0': 'Sem conexão com o servidor. Verifique sua internet e tente novamente.',\r\n  rate_limit_exceeded: 'Muitas tentativas. Aguarde alguns minutos e tente novamente.',\r\n\r\n  'access.platform_only': SO_O_TITULAR,\r\n  'permission.denied': SO_O_TITULAR,\r\n\r\n  'subscription.not_found': 'Nenhuma assinatura encontrada para esta conta.',\r\n\r\n  'billing_profile.not_found': 'Cadastre os dados de cobrança antes de pagar.',\r\n  'billing_profile.already_exists': 'Os dados de cobrança já estão cadastrados.',\r\n  'billing_profile.legal_name_required': 'Informe o nome completo ou a razão social.',\r\n  'billing_profile.billing_email_required': 'Informe o e-mail de cobrança.',\r\n  'billing_profile.billing_email_invalid': 'Informe um e-mail de cobrança válido.',\r\n  'billing_profile.mobile_phone_too_long': 'O celular informado é longo demais.',\r\n  'billing_profile.document_type_locked': DOCUMENTO_TRAVADO,\r\n  'billing_profile.document_number_locked': DOCUMENTO_TRAVADO,\r\n  'billing_profile.legal_name_locked': DOCUMENTO_TRAVADO,\r\n  'tax_document.value_required': 'Informe o CPF ou o CNPJ.',\r\n  'tax_document.length_invalid': DOCUMENTO_INVALIDO,\r\n  'tax_document.checksum_invalid': DOCUMENTO_INVALIDO,\r\n  'address.postal_code_invalid': 'CEP inválido.',\r\n  'address.state_invalid': 'UF inválida. Use a sigla do estado, como SP.',\r\n  'address.street_required': ENDERECO_INCOMPLETO,\r\n  'address.number_required': ENDERECO_INCOMPLETO,\r\n  'address.neighborhood_required': ENDERECO_INCOMPLETO,\r\n  'address.city_required': ENDERECO_INCOMPLETO,\r\n\r\n  'checkout.subscription_not_eligible':\r\n    'Não há pagamento de assinatura a fazer agora. Veja as faturas em aberto.',\r\n  'checkout.open_invoice_exists':\r\n    'Já existe uma fatura em aberto. Pague a fatura em aberto em vez de gerar uma nova cobrança.',\r\n  'checkout.pending_other_method':\r\n    'Já existe uma cobrança em aberto por outro meio de pagamento. Veja as faturas.',\r\n  'checkout.credit_card_not_supported': 'Pagamento por cartão ainda não está disponível.',\r\n  'checkout.invoice_in_inconsistent_state':\r\n    'A cobrança anterior ficou incompleta. Tente novamente em alguns minutos.',\r\n  'billing.cycle_invalid': 'Escolha um ciclo de cobrança válido.',\r\n  'pricing_preview.cycle_invalid': 'Escolha um ciclo de cobrança válido.',\r\n  'plan.not_found': PLANO_INDISPONIVEL,\r\n  'plan.not_available': PLANO_INDISPONIVEL,\r\n  'subscription.plan_inactive': PLANO_INDISPONIVEL,\r\n\r\n  'invoice.not_found': 'Fatura não encontrada.',\r\n  'invoice.payment_unavailable':\r\n    'Esta cobrança não está mais disponível para pagamento. Fale com o suporte.',\r\n  'invoice.refresh_not_allowed': 'Esta fatura não está mais em aberto.',\r\n  'invoice.refresh_pix_only': 'Só é possível gerar QR para faturas PIX.',\r\n  'invoice.no_external_payment':\r\n    'Esta fatura ainda não tem cobrança gerada. Tente novamente em alguns minutos.',\r\n};\r\n\r\nconst GENERICA =\r\n  'Não foi possível concluir a operação. Tente novamente; se continuar, informe o código de atendimento ao suporte.';\r\n\r\n/**\r\n * O texto de tela para um erro do BFF, escolhido por `code`. O corpo do erro (`message`) nunca\r\n * vira texto: ele é escrito para log, não para o cliente.\r\n */\r\nexport function mensagemDeErro(problema: ProblemDetails): MensagemDeErro {\r\n  const conhecida = MENSAGENS[problema.code];\r\n  if (conhecida) return { texto: conhecida };\r\n\r\n  return problema.correlationId\r\n    ? { texto: GENERICA, correlationId: problema.correlationId }\r\n    : { texto: GENERICA };\r\n}\r\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\r\nimport { ProblemDetails } from '@orechio/platform-angular';\r\nimport { mensagemDeErro } from './billing-errors';\r\n\r\n@Component({\r\n  selector: 'orechio-billing-error',\r\n  standalone: true,\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <div class=\"orechio-billing__error\" role=\"alert\">\r\n      <p>{{ mensagem().texto }}</p>\r\n      @if (mensagem().correlationId; as id) {\r\n        <p>Código de atendimento: <code>{{ id }}</code></p>\r\n      }\r\n    </div>\r\n  `,\r\n  styles: `.orechio-billing__error { color: var(--orechio-color-danger, #b00020); }`,\r\n})\r\nexport class BillingErrorComponent {\r\n  readonly problema = input.required<ProblemDetails>();\r\n  protected readonly mensagem = computed(() => mensagemDeErro(this.problema()));\r\n}\r\n","import { InvoiceStatus } from './billing-models';\r\n\r\nconst MOEDA = new Intl.NumberFormat('pt-BR', { style: 'currency', currency: 'BRL' });\r\n\r\nexport function moeda(valor: number): string {\r\n  return MOEDA.format(valor);\r\n}\r\n\r\nexport function data(iso: string | null | undefined): string {\r\n  return iso ? new Date(iso).toLocaleDateString('pt-BR') : '';\r\n}\r\n\r\nexport const STATUS_DA_FATURA: Record<InvoiceStatus, string> = {\r\n  Created: 'Em emissão',\r\n  Pending: 'Em aberto',\r\n  Paid: 'Paga',\r\n  Overdue: 'Vencida',\r\n  Refunded: 'Estornada',\r\n  Cancelled: 'Cancelada',\r\n};\r\n\r\nexport const ESTILO_BASE = `\r\n  .orechio-billing {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: var(--orechio-space-3, 0.75rem);\r\n    max-width: 40rem;\r\n    margin: 0 auto;\r\n    padding: var(--orechio-space-6, 1.5rem);\r\n    color: var(--orechio-color-text, inherit);\r\n    font-family: var(--orechio-font-body, inherit);\r\n  }\r\n  .orechio-billing form { display: flex; flex-direction: column; gap: var(--orechio-space-2, 0.5rem); }\r\n  .orechio-billing__muted { color: var(--orechio-color-text-muted, #666); }\r\n  .orechio-billing__error { color: var(--orechio-color-danger, #b00020); }\r\n`;\r\n"],"names":[],"mappings":"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"}

package/fesm2022/orechio-platform-angular-billing-checkout.page-CHU_Drpu.mjs

@@ -0,0 +1,186 @@
+import * as i0 from '@angular/core';
+import { inject, signal, ChangeDetectionStrategy, Component } from '@angular/core';
+import { Router, ActivatedRoute, RouterLink } from '@angular/router';
+import { forkJoin } from 'rxjs';
+import { B as BillingClient, m as moeda, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-0nlddK-x.mjs';
+import { P as PixPanelComponent } from './orechio-platform-angular-billing-pix-panel.component-B608dQmc.mjs';
+
+const STATUS_COM_CHECKOUT = ['Trial', 'PendingPayment', 'Grace', 'Suspended'];
+const CICLOS = [
+    { valor: 'Monthly', rotulo: 'Mensal' },
+    { valor: 'Yearly', rotulo: 'Anual' },
+];
+/**
+ * Pagar a assinatura (ADR-021 §3.5, item 3): o plano ATUAL — trocar de plano é v2 —, o preço
+ * de cada ciclo vindo de `pricing/preview`, e o checkout PIX.
+ */
+class CheckoutPage {
+    client = inject(BillingClient);
+    router = inject(Router);
+    route = inject(ActivatedRoute);
+    moeda = moeda;
+    previas = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "previas" }] : /* istanbul ignore next */ []));
+    ciclo = signal('Monthly', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "ciclo" }] : /* istanbul ignore next */ []));
+    inelegivel = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "inelegivel" }] : /* istanbul ignore next */ []));
+    enviando = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "enviando" }] : /* istanbul ignore next */ []));
+    pix = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pix" }] : /* istanbul ignore next */ []));
+    invoiceUrl = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invoiceUrl" }] : /* istanbul ignore next */ []));
+    erro = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "erro" }] : /* istanbul ignore next */ []));
+    rotulo(ciclo) {
+        return CICLOS.find((c) => c.valor === ciclo)?.rotulo ?? ciclo;
+    }
+    ngOnInit() {
+        forkJoin({ assinatura: this.client.getSubscription(), perfil: this.client.getProfile() }).subscribe({
+            next: ({ assinatura, perfil }) => {
+                // O checkout serve Trial, PendingPayment, Grace e Suspended (`InitiateCheckoutCommand`,
+                // passo 4; os dois últimos desde a BILLING-2b, e só sem fatura aberta — ver `pagar`).
+                // Checado antes do perfil: não se pede cadastro para um pagamento que não existe.
+                if (!STATUS_COM_CHECKOUT.includes(assinatura.status)) {
+                    this.inelegivel.set(true);
+                    return;
+                }
+                // O checkout recusa sem perfil (`billing_profile.not_found`). Mandar para o perfil
+                // ANTES poupa o cliente de escolher o ciclo para receber um erro.
+                if (!perfil.exists || !perfil.isComplete) {
+                    void this.router.navigate(['../profile'], {
+                        relativeTo: this.route,
+                        queryParams: { next: 'checkout' },
+                    });
+                    return;
+                }
+                this.ciclo.set(assinatura.cycle);
+                this.carregarPrecos(assinatura);
+            },
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    pagar() {
+        if (this.enviando())
+            return;
+        this.enviando.set(true);
+        this.erro.set(null);
+        this.client.checkout(this.ciclo()).subscribe({
+            next: (resultado) => {
+                this.enviando.set(false);
+                this.invoiceUrl.set(resultado.invoiceUrl ?? null);
+                if (resultado.pix)
+                    this.pix.set(resultado.pix);
+                else
+                    this.erro.set({ code: 'checkout.pix_missing', status: 200 });
+            },
+            error: (problema) => {
+                this.enviando.set(false);
+                // Em Grace/Suspended com fatura aberta a Platform recusa: a aberta é a que se paga.
+                if (problema.code === 'checkout.open_invoice_exists') {
+                    void this.router.navigate(['../invoices'], { relativeTo: this.route });
+                    return;
+                }
+                this.erro.set(problema);
+            },
+        });
+    }
+    carregarPrecos(assinatura) {
+        forkJoin(CICLOS.map(({ valor }) => this.client.previewPricing(assinatura.planId, assinatura.branchCountSnapshot, valor))).subscribe({
+            next: (previas) => this.previas.set(previas),
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CheckoutPage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: CheckoutPage, isStandalone: true, selector: "orechio-billing-checkout", ngImport: i0, template: `
+    <section class="orechio-billing">
+      <h1>Pagar assinatura</h1>
+
+      @if (pix(); as dados) {
+        <p>Pague o PIX abaixo. A assinatura é atualizada assim que o pagamento for confirmado.</p>
+        <orechio-billing-pix [pix]="dados" [invoiceUrl]="invoiceUrl()" />
+        <a routerLink="..">Voltar para a assinatura</a>
+      } @else if (inelegivel()) {
+        <p>Não há pagamento de assinatura a fazer agora.</p>
+        <a routerLink="../invoices">Ver faturas</a>
+      } @else if (previas().length) {
+        <h2>{{ previas()[0].planName }}</h2>
+
+        <fieldset>
+          <legend>Ciclo de cobrança</legend>
+          @for (previa of previas(); track previa.cycle) {
+            <label>
+              <input
+                type="radio"
+                name="ciclo"
+                [value]="previa.cycle"
+                [checked]="ciclo() === previa.cycle"
+                (change)="ciclo.set(previa.cycle)"
+              />
+              {{ rotulo(previa.cycle) }} — {{ moeda(previa.total) }}
+            </label>
+          }
+        </fieldset>
+
+        <button type="button" data-gerar-pix (click)="pagar()" [disabled]="enviando()">
+          {{ enviando() ? 'Gerando PIX…' : 'Gerar PIX' }}
+        </button>
+      } @else if (!erro()) {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      }
+    </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"] }, { kind: "component", type: PixPanelComponent, selector: "orechio-billing-pix", inputs: ["pix", "invoiceUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: CheckoutPage, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-checkout', standalone: true, imports: [RouterLink, BillingErrorComponent, PixPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="orechio-billing">
+      <h1>Pagar assinatura</h1>
+
+      @if (pix(); as dados) {
+        <p>Pague o PIX abaixo. A assinatura é atualizada assim que o pagamento for confirmado.</p>
+        <orechio-billing-pix [pix]="dados" [invoiceUrl]="invoiceUrl()" />
+        <a routerLink="..">Voltar para a assinatura</a>
+      } @else if (inelegivel()) {
+        <p>Não há pagamento de assinatura a fazer agora.</p>
+        <a routerLink="../invoices">Ver faturas</a>
+      } @else if (previas().length) {
+        <h2>{{ previas()[0].planName }}</h2>
+
+        <fieldset>
+          <legend>Ciclo de cobrança</legend>
+          @for (previa of previas(); track previa.cycle) {
+            <label>
+              <input
+                type="radio"
+                name="ciclo"
+                [value]="previa.cycle"
+                [checked]="ciclo() === previa.cycle"
+                (change)="ciclo.set(previa.cycle)"
+              />
+              {{ rotulo(previa.cycle) }} — {{ moeda(previa.total) }}
+            </label>
+          }
+        </fieldset>
+
+        <button type="button" data-gerar-pix (click)="pagar()" [disabled]="enviando()">
+          {{ enviando() ? 'Gerando PIX…' : 'Gerar PIX' }}
+        </button>
+      } @else if (!erro()) {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      }
+    </section>
+  `, styles: [".orechio-billing{display:flex;flex-direction:column;gap:var(--orechio-space-3, .75rem);max-width:40rem;margin:0 auto;padding:var(--orechio-space-6, 1.5rem);color:var(--orechio-color-text, inherit);font-family:var(--orechio-font-body, inherit)}.orechio-billing form{display:flex;flex-direction:column;gap:var(--orechio-space-2, .5rem)}.orechio-billing__muted{color:var(--orechio-color-text-muted, #666)}.orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"] }]
+        }] });
+
+export { CheckoutPage };
+//# sourceMappingURL=orechio-platform-angular-billing-checkout.page-CHU_Drpu.mjs.map

package/fesm2022/orechio-platform-angular-billing-checkout.page-CHU_Drpu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-checkout.page-CHU_Drpu.mjs","sources":["../../../projects/platform-angular/billing/src/pages/checkout.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, inject, signal } from '@angular/core';\r\nimport { ActivatedRoute, Router, RouterLink } from '@angular/router';\r\nimport { forkJoin } from 'rxjs';\r\nimport { ProblemDetails } from '@orechio/platform-angular';\r\nimport { BillingClient } from '../billing-client';\r\nimport { BillingErrorComponent } from '../billing-error.component';\r\nimport { ESTILO_BASE, moeda } from '../billing-format';\r\nimport { BillingCycle, PixData, PricingPreview, Subscription, SubscriptionStatus } from '../billing-models';\r\nimport { PixPanelComponent } from '../pix-panel.component';\r\n\r\nconst STATUS_COM_CHECKOUT: SubscriptionStatus[] = ['Trial', 'PendingPayment', 'Grace', 'Suspended'];\r\n\r\nconst CICLOS: { valor: BillingCycle; rotulo: string }[] = [\r\n  { valor: 'Monthly', rotulo: 'Mensal' },\r\n  { valor: 'Yearly', rotulo: 'Anual' },\r\n];\r\n\r\n/**\r\n * Pagar a assinatura (ADR-021 §3.5, item 3): o plano ATUAL — trocar de plano é v2 —, o preço\r\n * de cada ciclo vindo de `pricing/preview`, e o checkout PIX.\r\n */\r\n@Component({\r\n  selector: 'orechio-billing-checkout',\r\n  standalone: true,\r\n  imports: [RouterLink, BillingErrorComponent, PixPanelComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <section class=\"orechio-billing\">\r\n      <h1>Pagar assinatura</h1>\r\n\r\n      @if (pix(); as dados) {\r\n        <p>Pague o PIX abaixo. A assinatura é atualizada assim que o pagamento for confirmado.</p>\r\n        <orechio-billing-pix [pix]=\"dados\" [invoiceUrl]=\"invoiceUrl()\" />\r\n        <a routerLink=\"..\">Voltar para a assinatura</a>\r\n      } @else if (inelegivel()) {\r\n        <p>Não há pagamento de assinatura a fazer agora.</p>\r\n        <a routerLink=\"../invoices\">Ver faturas</a>\r\n      } @else if (previas().length) {\r\n        <h2>{{ previas()[0].planName }}</h2>\r\n\r\n        <fieldset>\r\n          <legend>Ciclo de cobrança</legend>\r\n          @for (previa of previas(); track previa.cycle) {\r\n            <label>\r\n              <input\r\n                type=\"radio\"\r\n                name=\"ciclo\"\r\n                [value]=\"previa.cycle\"\r\n                [checked]=\"ciclo() === previa.cycle\"\r\n                (change)=\"ciclo.set(previa.cycle)\"\r\n              />\r\n              {{ rotulo(previa.cycle) }} — {{ moeda(previa.total) }}\r\n            </label>\r\n          }\r\n        </fieldset>\r\n\r\n        <button type=\"button\" data-gerar-pix (click)=\"pagar()\" [disabled]=\"enviando()\">\r\n          {{ enviando() ? 'Gerando PIX…' : 'Gerar PIX' }}\r\n        </button>\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  styles: ESTILO_BASE,\r\n})\r\nexport class CheckoutPage 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 readonly moeda = moeda;\r\n  protected readonly previas = signal<PricingPreview[]>([]);\r\n  protected readonly ciclo = signal<BillingCycle>('Monthly');\r\n  protected readonly inelegivel = signal(false);\r\n  protected readonly enviando = signal(false);\r\n  protected readonly pix = signal<PixData | null>(null);\r\n  protected readonly invoiceUrl = signal<string | null>(null);\r\n  protected readonly erro = signal<ProblemDetails | null>(null);\r\n\r\n  protected rotulo(ciclo: BillingCycle): string {\r\n    return CICLOS.find((c) => c.valor === ciclo)?.rotulo ?? ciclo;\r\n  }\r\n\r\n  ngOnInit(): void {\r\n    forkJoin({ assinatura: this.client.getSubscription(), perfil: this.client.getProfile() }).subscribe({\r\n      next: ({ assinatura, perfil }) => {\r\n        // O checkout serve Trial, PendingPayment, Grace e Suspended (`InitiateCheckoutCommand`,\r\n        // passo 4; os dois últimos desde a BILLING-2b, e só sem fatura aberta — ver `pagar`).\r\n        // Checado antes do perfil: não se pede cadastro para um pagamento que não existe.\r\n        if (!STATUS_COM_CHECKOUT.includes(assinatura.status)) {\r\n          this.inelegivel.set(true);\r\n          return;\r\n        }\r\n\r\n        // O checkout recusa sem perfil (`billing_profile.not_found`). Mandar para o perfil\r\n        // ANTES poupa o cliente de escolher o ciclo para receber um erro.\r\n        if (!perfil.exists || !perfil.isComplete) {\r\n          void this.router.navigate(['../profile'], {\r\n            relativeTo: this.route,\r\n            queryParams: { next: 'checkout' },\r\n          });\r\n          return;\r\n        }\r\n\r\n        this.ciclo.set(assinatura.cycle);\r\n        this.carregarPrecos(assinatura);\r\n      },\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n\r\n  protected pagar(): void {\r\n    if (this.enviando()) return;\r\n    this.enviando.set(true);\r\n    this.erro.set(null);\r\n\r\n    this.client.checkout(this.ciclo()).subscribe({\r\n      next: (resultado) => {\r\n        this.enviando.set(false);\r\n        this.invoiceUrl.set(resultado.invoiceUrl ?? null);\r\n        if (resultado.pix) this.pix.set(resultado.pix);\r\n        else this.erro.set({ code: 'checkout.pix_missing', status: 200 });\r\n      },\r\n      error: (problema: ProblemDetails) => {\r\n        this.enviando.set(false);\r\n        // Em Grace/Suspended com fatura aberta a Platform recusa: a aberta é a que se paga.\r\n        if (problema.code === 'checkout.open_invoice_exists') {\r\n          void this.router.navigate(['../invoices'], { relativeTo: this.route });\r\n          return;\r\n        }\r\n        this.erro.set(problema);\r\n      },\r\n    });\r\n  }\r\n\r\n  private carregarPrecos(assinatura: Subscription): void {\r\n    forkJoin(\r\n      CICLOS.map(({ valor }) =>\r\n        this.client.previewPricing(assinatura.planId, assinatura.branchCountSnapshot, valor),\r\n      ),\r\n    ).subscribe({\r\n      next: (previas) => this.previas.set(previas),\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-invoice.page-BVyWur3o.mjs

@@ -0,0 +1,136 @@
+import * as i0 from '@angular/core';
+import { inject, signal, computed, ChangeDetectionStrategy, Component } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { B as BillingClient, S as STATUS_DA_FATURA, m as moeda, d as data, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-0nlddK-x.mjs';
+import { P as PixPanelComponent } from './orechio-platform-angular-billing-pix-panel.component-B608dQmc.mjs';
+
+/**
+ * Detalhe de fatura. O detalhe da Platform não traz dado de pagamento (`InvoiceDetailDto`):
+ * o QR vem do refresh, que a Platform aceita para fatura PIX `Pending` ou `Overdue`
+ * (`RefreshPaymentDataCommand`, passo 2) — o que inclui a fatura de renovação.
+ */
+class InvoicePage {
+    client = inject(BillingClient);
+    route = inject(ActivatedRoute);
+    status = STATUS_DA_FATURA;
+    moeda = moeda;
+    data = data;
+    fatura = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "fatura" }] : /* istanbul ignore next */ []));
+    pix = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "pix" }] : /* istanbul ignore next */ []));
+    invoiceUrl = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "invoiceUrl" }] : /* istanbul ignore next */ []));
+    gerando = signal(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "gerando" }] : /* istanbul ignore next */ []));
+    erro = signal(null, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "erro" }] : /* istanbul ignore next */ []));
+    podeGerarQr = computed(() => {
+        const f = this.fatura();
+        return !!f && f.paymentMethod === 'Pix' && (f.status === 'Pending' || f.status === 'Overdue');
+    }, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "podeGerarQr" }] : /* istanbul ignore next */ []));
+    ngOnInit() {
+        const id = this.route.snapshot.paramMap.get('id') ?? '';
+        this.client.getInvoice(id).subscribe({
+            next: (fatura) => this.fatura.set(fatura),
+            error: (problema) => this.erro.set(problema),
+        });
+    }
+    gerarQr() {
+        const f = this.fatura();
+        if (!f || this.gerando())
+            return;
+        this.gerando.set(true);
+        this.erro.set(null);
+        this.client.refreshInvoicePix(f.id).subscribe({
+            next: (pix) => {
+                this.gerando.set(false);
+                // O refresh traz o PIX e o `invoiceUrl` juntos: o link acompanha o QR que está na tela.
+                this.invoiceUrl.set(pix.invoiceUrl ?? null);
+                this.pix.set(pix);
+            },
+            error: (problema) => {
+                this.gerando.set(false);
+                this.erro.set(problema);
+            },
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: InvoicePage, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: InvoicePage, isStandalone: true, selector: "orechio-billing-invoice", ngImport: i0, template: `
+    <section class="orechio-billing">
+      @if (fatura(); as f) {
+        <h1>Fatura {{ f.number }}</h1>
+        <p>{{ status[f.status] }} — {{ moeda(f.amount) }} — vence em {{ data(f.dueDate) }}</p>
+        <p class="orechio-billing__muted">
+          {{ f.planNameAtTime }}, de {{ data(f.periodStartsAt) }} a {{ data(f.periodEndsAt) }}
+        </p>
+
+        <ul>
+          @for (item of f.items; track item.order) {
+            <li>{{ item.description }} — {{ item.quantity }} × {{ moeda(item.unitAmount) }} = {{ moeda(item.totalAmount) }}</li>
+          }
+        </ul>
+
+        @if (podeGerarQr()) {
+          <button type="button" data-gerar-qr (click)="gerarQr()" [disabled]="gerando()">
+            {{ gerando() ? 'Gerando…' : 'Gerar novo QR' }}
+          </button>
+        }
+
+        @if (pix(); as dados) {
+          <orechio-billing-pix [pix]="dados" [invoiceUrl]="invoiceUrl()" />
+        }
+      } @else if (!erro()) {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      }
+
+      <a routerLink="..">Voltar para as faturas</a>
+    </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"] }, { kind: "component", type: PixPanelComponent, selector: "orechio-billing-pix", inputs: ["pix", "invoiceUrl"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: InvoicePage, decorators: [{
+            type: Component,
+            args: [{ selector: 'orechio-billing-invoice', standalone: true, imports: [RouterLink, BillingErrorComponent, PixPanelComponent], changeDetection: ChangeDetectionStrategy.OnPush, template: `
+    <section class="orechio-billing">
+      @if (fatura(); as f) {
+        <h1>Fatura {{ f.number }}</h1>
+        <p>{{ status[f.status] }} — {{ moeda(f.amount) }} — vence em {{ data(f.dueDate) }}</p>
+        <p class="orechio-billing__muted">
+          {{ f.planNameAtTime }}, de {{ data(f.periodStartsAt) }} a {{ data(f.periodEndsAt) }}
+        </p>
+
+        <ul>
+          @for (item of f.items; track item.order) {
+            <li>{{ item.description }} — {{ item.quantity }} × {{ moeda(item.unitAmount) }} = {{ moeda(item.totalAmount) }}</li>
+          }
+        </ul>
+
+        @if (podeGerarQr()) {
+          <button type="button" data-gerar-qr (click)="gerarQr()" [disabled]="gerando()">
+            {{ gerando() ? 'Gerando…' : 'Gerar novo QR' }}
+          </button>
+        }
+
+        @if (pix(); as dados) {
+          <orechio-billing-pix [pix]="dados" [invoiceUrl]="invoiceUrl()" />
+        }
+      } @else if (!erro()) {
+        <p class="orechio-billing__muted">Carregando…</p>
+      }
+
+      @if (erro(); as problema) {
+        <orechio-billing-error [problema]="problema" />
+      }
+
+      <a routerLink="..">Voltar para as faturas</a>
+    </section>
+  `, styles: [".orechio-billing{display:flex;flex-direction:column;gap:var(--orechio-space-3, .75rem);max-width:40rem;margin:0 auto;padding:var(--orechio-space-6, 1.5rem);color:var(--orechio-color-text, inherit);font-family:var(--orechio-font-body, inherit)}.orechio-billing form{display:flex;flex-direction:column;gap:var(--orechio-space-2, .5rem)}.orechio-billing__muted{color:var(--orechio-color-text-muted, #666)}.orechio-billing__error{color:var(--orechio-color-danger, #b00020)}\n"] }]
+        }] });
+
+export { InvoicePage };
+//# sourceMappingURL=orechio-platform-angular-billing-invoice.page-BVyWur3o.mjs.map

package/fesm2022/orechio-platform-angular-billing-invoice.page-BVyWur3o.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-invoice.page-BVyWur3o.mjs","sources":["../../../projects/platform-angular/billing/src/pages/invoice.page.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, OnInit, computed, inject, signal } from '@angular/core';\r\nimport { ActivatedRoute, RouterLink } from '@angular/router';\r\nimport { ProblemDetails } from '@orechio/platform-angular';\r\nimport { BillingClient } from '../billing-client';\r\nimport { BillingErrorComponent } from '../billing-error.component';\r\nimport { ESTILO_BASE, STATUS_DA_FATURA, data, moeda } from '../billing-format';\r\nimport { InvoiceDetail, PixData } from '../billing-models';\r\nimport { PixPanelComponent } from '../pix-panel.component';\r\n\r\n/**\r\n * Detalhe de fatura. O detalhe da Platform não traz dado de pagamento (`InvoiceDetailDto`):\r\n * o QR vem do refresh, que a Platform aceita para fatura PIX `Pending` ou `Overdue`\r\n * (`RefreshPaymentDataCommand`, passo 2) — o que inclui a fatura de renovação.\r\n */\r\n@Component({\r\n  selector: 'orechio-billing-invoice',\r\n  standalone: true,\r\n  imports: [RouterLink, BillingErrorComponent, PixPanelComponent],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  template: `\r\n    <section class=\"orechio-billing\">\r\n      @if (fatura(); as f) {\r\n        <h1>Fatura {{ f.number }}</h1>\r\n        <p>{{ status[f.status] }} — {{ moeda(f.amount) }} — vence em {{ data(f.dueDate) }}</p>\r\n        <p class=\"orechio-billing__muted\">\r\n          {{ f.planNameAtTime }}, de {{ data(f.periodStartsAt) }} a {{ data(f.periodEndsAt) }}\r\n        </p>\r\n\r\n        <ul>\r\n          @for (item of f.items; track item.order) {\r\n            <li>{{ item.description }} — {{ item.quantity }} × {{ moeda(item.unitAmount) }} = {{ moeda(item.totalAmount) }}</li>\r\n          }\r\n        </ul>\r\n\r\n        @if (podeGerarQr()) {\r\n          <button type=\"button\" data-gerar-qr (click)=\"gerarQr()\" [disabled]=\"gerando()\">\r\n            {{ gerando() ? 'Gerando…' : 'Gerar novo QR' }}\r\n          </button>\r\n        }\r\n\r\n        @if (pix(); as dados) {\r\n          <orechio-billing-pix [pix]=\"dados\" [invoiceUrl]=\"invoiceUrl()\" />\r\n        }\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\r\n      <a routerLink=\"..\">Voltar para as faturas</a>\r\n    </section>\r\n  `,\r\n  styles: ESTILO_BASE,\r\n})\r\nexport class InvoicePage implements OnInit {\r\n  private readonly client = inject(BillingClient);\r\n  private readonly route = inject(ActivatedRoute);\r\n\r\n  protected readonly status = STATUS_DA_FATURA;\r\n  protected readonly moeda = moeda;\r\n  protected readonly data = data;\r\n  protected readonly fatura = signal<InvoiceDetail | null>(null);\r\n  protected readonly pix = signal<PixData | null>(null);\r\n  protected readonly invoiceUrl = signal<string | null>(null);\r\n  protected readonly gerando = signal(false);\r\n  protected readonly erro = signal<ProblemDetails | null>(null);\r\n  protected readonly podeGerarQr = computed(() => {\r\n    const f = this.fatura();\r\n    return !!f && f.paymentMethod === 'Pix' && (f.status === 'Pending' || f.status === 'Overdue');\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    const id = this.route.snapshot.paramMap.get('id') ?? '';\r\n    this.client.getInvoice(id).subscribe({\r\n      next: (fatura) => this.fatura.set(fatura),\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n\r\n  protected gerarQr(): void {\r\n    const f = this.fatura();\r\n    if (!f || this.gerando()) return;\r\n\r\n    this.gerando.set(true);\r\n    this.erro.set(null);\r\n    this.client.refreshInvoicePix(f.id).subscribe({\r\n      next: (pix) => {\r\n        this.gerando.set(false);\r\n        // O refresh traz o PIX e o `invoiceUrl` juntos: o link acompanha o QR que está na tela.\r\n        this.invoiceUrl.set(pix.invoiceUrl ?? null);\r\n        this.pix.set(pix);\r\n      },\r\n      error: (problema: ProblemDetails) => {\r\n        this.gerando.set(false);\r\n        this.erro.set(problema);\r\n      },\r\n    });\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}