@orechio/platform-angular 0.6.0 → 0.7.2

package/fesm2022/orechio-platform-angular-billing-invoice.page-CLojIJkf.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, g as moeda, d as data, a as BillingErrorComponent } from './orechio-platform-angular-billing-billing-format-DFY2U19Y.mjs';
+import { P as PixPanelComponent } from './orechio-platform-angular-billing-pix-panel.component-fdORTehK.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)}.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"] }, { 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)}.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 { InvoicePage };
+//# sourceMappingURL=orechio-platform-angular-billing-invoice.page-CLojIJkf.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"orechio-platform-angular-billing-invoice.page-CLojIJkf.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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"}

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

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

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

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

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

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

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

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