@orechio/platform-angular 0.5.0 → 0.7.1

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-subscription.page-9NF8bWhu.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 [routerLink]=\"s.acao.link\">{{ s.acao.texto }}</a>\r\n\r\n        <nav class=\"orechio-billing__muted\">\r\n          <a routerLink=\"profile\">Dados de cobrança</a>\r\n          ·\r\n          <a routerLink=\"invoices\">Faturas</a>\r\n        </nav>\r\n      } @else {\r\n        <p class=\"orechio-billing__muted\">Carregando…</p>\r\n      }\r\n    </section>\r\n  `,\r\n  styles: ESTILO_BASE,\r\n})\r\nexport class SubscriptionPage implements OnInit {\r\n  private readonly client = inject(BillingClient);\r\n\r\n  private readonly assinatura = signal<Subscription | null>(null);\r\n  /** Só preenchido em Grace/Suspended: `undefined` = ainda não respondeu; `null` = nenhuma aberta. */\r\n  private readonly emAberto = signal<InvoiceListItem | null | undefined>(undefined);\r\n  protected readonly erro = signal<ProblemDetails | null>(null);\r\n  protected readonly atual = computed(() => {\r\n    const assinatura = this.assinatura();\r\n    if (!assinatura) return null;\r\n\r\n    const aberta = this.emAberto();\r\n    // Sem a resposta das faturas não se sabe o destino da ação: não se adivinha.\r\n    if (emAtraso(assinatura) && aberta === undefined) return null;\r\n\r\n    return situacao(assinatura, Date.now(), aberta ?? null);\r\n  });\r\n\r\n  ngOnInit(): void {\r\n    this.client.getSubscription().subscribe({\r\n      next: (assinatura) => {\r\n        this.assinatura.set(assinatura);\r\n        if (emAtraso(assinatura)) this.buscarFaturaEmAberto();\r\n      },\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n\r\n  private buscarFaturaEmAberto(): void {\r\n    this.client.listInvoices().subscribe({\r\n      next: (pagina) => this.emAberto.set(pagina.invoices.find((f) => EM_ABERTO.includes(f.status)) ?? null),\r\n      error: (problema: ProblemDetails) => this.erro.set(problema),\r\n    });\r\n  }\r\n}\r\n"],"names":[],"mappings":"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"}

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

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

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

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

package/fesm2022/orechio-platform-angular.mjs

@@ -252,37 +252,37 @@ class BranchSelector {
         return branch.id.slice(0, 8);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BranchSelector, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: BranchSelector, isStandalone: true, selector: "orechio-branch-selector", inputs: { branches: { classPropertyName: "branches", publicName: "branches", isSignal: true, isRequired: true, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: `
-    @if (branches().length === 0) {
-      <p class="orechio-branch-selector__empty" role="status">{{ emptyLabel() }}</p>
-    } @else {
-      <fieldset class="orechio-branch-selector" [disabled]="busy()">
-        <legend>{{ legend() }}</legend>
-
-        @for (branch of branches(); track branch.id; let index = $index) {
-          <label class="orechio-branch-selector__option">
-            <input
-              type="radio"
-              name="orechio-branch"
-              [value]="branch.id"
-              [checked]="chosen === branch.id"
-              (change)="choose(branch.id)"
-            />
-            <span class="orechio-branch-selector__label">{{ label(branch, index) }}</span>
-            <span class="orechio-branch-selector__hint">{{ fragment(branch) }}</span>
-          </label>
-        }
-
-        <button
-          type="button"
-          class="orechio-branch-selector__confirm"
-          [disabled]="!chosen || busy()"
-          (click)="confirm()"
-        >
-          {{ confirmLabel() }}
-        </button>
-      </fieldset>
-    }
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.2", type: BranchSelector, isStandalone: true, selector: "orechio-branch-selector", inputs: { branches: { classPropertyName: "branches", publicName: "branches", isSignal: true, isRequired: true, transformFunction: null }, busy: { classPropertyName: "busy", publicName: "busy", isSignal: true, isRequired: false, transformFunction: null }, legend: { classPropertyName: "legend", publicName: "legend", isSignal: true, isRequired: false, transformFunction: null }, confirmLabel: { classPropertyName: "confirmLabel", publicName: "confirmLabel", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { selected: "selected" }, ngImport: i0, template: `
+    @if (branches().length === 0) {
+      <p class="orechio-branch-selector__empty" role="status">{{ emptyLabel() }}</p>
+    } @else {
+      <fieldset class="orechio-branch-selector" [disabled]="busy()">
+        <legend>{{ legend() }}</legend>
+
+        @for (branch of branches(); track branch.id; let index = $index) {
+          <label class="orechio-branch-selector__option">
+            <input
+              type="radio"
+              name="orechio-branch"
+              [value]="branch.id"
+              [checked]="chosen === branch.id"
+              (change)="choose(branch.id)"
+            />
+            <span class="orechio-branch-selector__label">{{ label(branch, index) }}</span>
+            <span class="orechio-branch-selector__hint">{{ fragment(branch) }}</span>
+          </label>
+        }
+
+        <button
+          type="button"
+          class="orechio-branch-selector__confirm"
+          [disabled]="!chosen || busy()"
+          (click)="confirm()"
+        >
+          {{ confirmLabel() }}
+        </button>
+      </fieldset>
+    }
   `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImport: i0, type: BranchSelector, decorators: [{
@@ -290,37 +290,37 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.2", ngImpor
             args: [{
                     selector: 'orechio-branch-selector',
                     changeDetection: ChangeDetectionStrategy.OnPush,
-                    template: `
-    @if (branches().length === 0) {
-      <p class="orechio-branch-selector__empty" role="status">{{ emptyLabel() }}</p>
-    } @else {
-      <fieldset class="orechio-branch-selector" [disabled]="busy()">
-        <legend>{{ legend() }}</legend>
-
-        @for (branch of branches(); track branch.id; let index = $index) {
-          <label class="orechio-branch-selector__option">
-            <input
-              type="radio"
-              name="orechio-branch"
-              [value]="branch.id"
-              [checked]="chosen === branch.id"
-              (change)="choose(branch.id)"
-            />
-            <span class="orechio-branch-selector__label">{{ label(branch, index) }}</span>
-            <span class="orechio-branch-selector__hint">{{ fragment(branch) }}</span>
-          </label>
-        }
-
-        <button
-          type="button"
-          class="orechio-branch-selector__confirm"
-          [disabled]="!chosen || busy()"
-          (click)="confirm()"
-        >
-          {{ confirmLabel() }}
-        </button>
-      </fieldset>
-    }
+                    template: `
+    @if (branches().length === 0) {
+      <p class="orechio-branch-selector__empty" role="status">{{ emptyLabel() }}</p>
+    } @else {
+      <fieldset class="orechio-branch-selector" [disabled]="busy()">
+        <legend>{{ legend() }}</legend>
+
+        @for (branch of branches(); track branch.id; let index = $index) {
+          <label class="orechio-branch-selector__option">
+            <input
+              type="radio"
+              name="orechio-branch"
+              [value]="branch.id"
+              [checked]="chosen === branch.id"
+              (change)="choose(branch.id)"
+            />
+            <span class="orechio-branch-selector__label">{{ label(branch, index) }}</span>
+            <span class="orechio-branch-selector__hint">{{ fragment(branch) }}</span>
+          </label>
+        }
+
+        <button
+          type="button"
+          class="orechio-branch-selector__confirm"
+          [disabled]="!chosen || busy()"
+          (click)="confirm()"
+        >
+          {{ confirmLabel() }}
+        </button>
+      </fieldset>
+    }
   `,
                 }]
         }], propDecorators: { branches: [{ type: i0.Input, args: [{ isSignal: true, alias: "branches", required: true }] }], busy: [{ type: i0.Input, args: [{ isSignal: true, alias: "busy", required: false }] }], legend: [{ type: i0.Input, args: [{ isSignal: true, alias: "legend", required: false }] }], confirmLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "confirmLabel", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], selected: [{ type: i0.Output, args: ["selected"] }] } });