@sneat/components 0.27.30 → 0.27.31

package/esm2022/index.js

@@ -12,4 +12,5 @@ export * from './lib/save-event';
 export * from './lib/date-input/date-input.component';
 export * from './lib/user-country/user-country.component';
 export * from './lib/card-list/sneat-card-list.component';
+export * from './lib/subscription-recovery/subscription-recovery.component';
 //# sourceMappingURL=index.js.map

package/esm2022/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC","sourcesContent":["export * from './lib/app-version';\nexport * from './lib/pipes';\nexport * from './lib/virtual-slider/virtual-slider';\nexport * from './lib/card-list';\nexport * from './lib/error-card';\nexport * from './lib/country-selector';\nexport * from './lib/filter-item';\nexport * from './lib/copyright';\nexport * from './lib/dialog-header';\nexport * from './lib/country-input';\nexport * from './lib/save-event';\nexport * from './lib/date-input/date-input.component';\nexport * from './lib/user-country/user-country.component';\nexport * from './lib/card-list/sneat-card-list.component';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../libs/components/src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,aAAa,CAAC;AAC5B,cAAc,qCAAqC,CAAC;AACpD,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,mBAAmB,CAAC;AAClC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC;AACpC,cAAc,kBAAkB,CAAC;AACjC,cAAc,uCAAuC,CAAC;AACtD,cAAc,2CAA2C,CAAC;AAC1D,cAAc,2CAA2C,CAAC;AAC1D,cAAc,6DAA6D,CAAC","sourcesContent":["export * from './lib/app-version';\nexport * from './lib/pipes';\nexport * from './lib/virtual-slider/virtual-slider';\nexport * from './lib/card-list';\nexport * from './lib/error-card';\nexport * from './lib/country-selector';\nexport * from './lib/filter-item';\nexport * from './lib/copyright';\nexport * from './lib/dialog-header';\nexport * from './lib/country-input';\nexport * from './lib/save-event';\nexport * from './lib/date-input/date-input.component';\nexport * from './lib/user-country/user-country.component';\nexport * from './lib/card-list/sneat-card-list.component';\nexport * from './lib/subscription-recovery/subscription-recovery.component';\n"]}

package/esm2022/lib/subscription-recovery/subscription-recovery.component.js

@@ -0,0 +1,226 @@
+import { ChangeDetectionStrategy, Component, InjectionToken, inject, input, signal, } from '@angular/core';
+import { ActivatedRoute, RouterLink } from '@angular/router';
+import { IonButton } from '@ionic/angular/ion-button';
+import { IonCard } from '@ionic/angular/ion-card';
+import { IonCardContent } from '@ionic/angular/ion-card-content';
+import { IonCardHeader } from '@ionic/angular/ion-card-header';
+import { IonCardTitle } from '@ionic/angular/ion-card-title';
+import { IonItem } from '@ionic/angular/ion-item';
+import { IonLabel } from '@ionic/angular/ion-label';
+import { IonList } from '@ionic/angular/ion-list';
+import { IonNote } from '@ionic/angular/ion-note';
+import * as i0 from "@angular/core";
+/** The host supplies authenticated read-only billing infrastructure. */
+export const SUBSCRIPTION_RECOVERY = new InjectionToken('SubscriptionRecovery');
+export class SubscriptionRecoveryComponent {
+    constructor() {
+        this.port = inject(SUBSCRIPTION_RECOVERY, { optional: true });
+        this.route = inject(ActivatedRoute);
+        this.title = input('Finish subscription setup', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "title" }] : /* istanbul ignore next */ []));
+        this.items = signal([], /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+        this.mode = signal('live', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+        this.signedIn = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "signedIn" }] : /* istanbul ignore next */ []));
+        this.busy = signal(false, /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "busy" }] : /* istanbul ignore next */ []));
+        this.error = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "error" }] : /* istanbul ignore next */ []));
+        this.next = signal('', /* @ts-ignore */
+        ...(ngDevMode ? [{ debugName: "next" }] : /* istanbul ignore next */ []));
+        this.generation = 0;
+        this.observerGeneration = 0;
+        this.identity = null;
+        this.routeSubscription = this.route.queryParamMap.subscribe((params) => {
+            this.generation++;
+            const observerGeneration = ++this.observerGeneration;
+            this.stopIdentity?.();
+            this.items.set([]);
+            this.next.set('');
+            this.error.set('');
+            this.busy.set(false);
+            this.signedIn.set(false);
+            const values = params.getAll('checkout');
+            if (values.length > 1 || (values.length === 1 && values[0] !== 'test'))
+                return;
+            this.mode.set(values[0] === 'test' ? 'test' : 'live');
+            this.stopIdentity = this.port?.observeIdentity((id) => {
+                if (observerGeneration !== this.observerGeneration)
+                    return;
+                this.generation++;
+                this.identity = id;
+                this.signedIn.set(Boolean(id));
+                this.items.set([]);
+                this.next.set('');
+                this.busy.set(false);
+                this.error.set('');
+                if (id)
+                    void this.load(false);
+            });
+        });
+    }
+    async load(more) {
+        if (!this.port || !this.identity || this.busy())
+            return;
+        const generation = this.generation;
+        const after = more ? this.next() : '';
+        this.busy.set(true);
+        this.error.set('');
+        try {
+            const page = await this.port.load(this.mode(), after);
+            if (generation !== this.generation)
+                return;
+            const items = more ? [...this.items(), ...page.items] : page.items;
+            this.items.set([
+                ...new Map(items.map((item) => [item.id, item])).values(),
+            ]);
+            this.next.set(page.next ?? '');
+        }
+        catch {
+            if (generation === this.generation)
+                this.error.set('Your purchases could not be checked. Please retry.');
+        }
+        finally {
+            if (generation === this.generation)
+                this.busy.set(false);
+        }
+    }
+    refresh() {
+        if (this.busy())
+            return;
+        this.generation++;
+        this.next.set('');
+        void this.load(false);
+    }
+    ngOnDestroy() {
+        this.generation++;
+        this.observerGeneration++;
+        this.stopIdentity?.();
+        this.routeSubscription.unsubscribe();
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SubscriptionRecoveryComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.3", type: SubscriptionRecoveryComponent, isStandalone: true, selector: "sneat-subscription-recovery", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
+    @if (port && signedIn()) {
+      <ion-card aria-label="Unfinished subscriptions">
+        <ion-card-header
+          ><ion-card-title
+            >{{ title() }}
+            @if (mode() === 'test') {
+              · Test mode
+            }
+          </ion-card-title></ion-card-header
+        >
+        <ion-card-content>
+          @if (items().length) {
+            <ion-list>
+              @for (item of items(); track item.id) {
+                <ion-item
+                  [routerLink]="item.path"
+                  [queryParams]="item.query"
+                  button
+                  detail
+                >
+                  <ion-label class="ion-text-wrap"
+                    ><h2>{{ item.label }}</h2>
+                    <p>{{ item.action }}</p></ion-label
+                  >
+                </ion-item>
+              }
+            </ion-list>
+          } @else if (!busy() && !error()) {
+            <p>No subscriptions waiting for setup.</p>
+          }
+          @if (busy()) {
+            <p role="status">Checking your purchases…</p>
+          }
+          @if (error()) {
+            <p role="alert">{{ error() }}</p>
+            <ion-button fill="outline" (click)="load(false)">Retry</ion-button>
+          }
+          @if (next() && !busy() && !error()) {
+            <ion-button fill="clear" (click)="load(true)"
+              >Show more purchases</ion-button
+            >
+          }
+          <ion-note
+            >Opening a purchase checks its current status. It does not charge
+            you again.</ion-note
+          >
+        </ion-card-content>
+      </ion-card>
+    }
+  `, isInline: true, dependencies: [{ kind: "directive", type: RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "browserUrl", "routerLink"] }, { kind: "component", type: IonButton, selector: "ion-button", inputs: ["buttonType", "color", "disabled", "download", "expand", "fill", "form", "href", "mode", "rel", "routerAnimation", "routerDirection", "shape", "size", "strong", "target", "type"], outputs: ["ionFocus", "ionBlur"] }, { kind: "component", type: IonCard, selector: "ion-card", inputs: ["button", "color", "disabled", "download", "href", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonCardContent, selector: "ion-card-content", inputs: ["mode"] }, { kind: "component", type: IonCardHeader, selector: "ion-card-header", inputs: ["color", "mode", "translucent"] }, { kind: "component", type: IonCardTitle, selector: "ion-card-title", inputs: ["color", "mode"] }, { kind: "component", type: IonItem, selector: "ion-item", inputs: ["button", "color", "detail", "detailIcon", "disabled", "download", "href", "lines", "mode", "rel", "routerAnimation", "routerDirection", "target", "type"] }, { kind: "component", type: IonLabel, selector: "ion-label", inputs: ["color", "mode", "position"] }, { kind: "component", type: IonList, selector: "ion-list", inputs: ["inset", "lines", "mode"] }, { kind: "component", type: IonNote, selector: "ion-note", inputs: ["color", "mode"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.3", ngImport: i0, type: SubscriptionRecoveryComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'sneat-subscription-recovery',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    imports: [
+                        RouterLink,
+                        IonButton,
+                        IonCard,
+                        IonCardContent,
+                        IonCardHeader,
+                        IonCardTitle,
+                        IonItem,
+                        IonLabel,
+                        IonList,
+                        IonNote,
+                    ],
+                    template: `
+    @if (port && signedIn()) {
+      <ion-card aria-label="Unfinished subscriptions">
+        <ion-card-header
+          ><ion-card-title
+            >{{ title() }}
+            @if (mode() === 'test') {
+              · Test mode
+            }
+          </ion-card-title></ion-card-header
+        >
+        <ion-card-content>
+          @if (items().length) {
+            <ion-list>
+              @for (item of items(); track item.id) {
+                <ion-item
+                  [routerLink]="item.path"
+                  [queryParams]="item.query"
+                  button
+                  detail
+                >
+                  <ion-label class="ion-text-wrap"
+                    ><h2>{{ item.label }}</h2>
+                    <p>{{ item.action }}</p></ion-label
+                  >
+                </ion-item>
+              }
+            </ion-list>
+          } @else if (!busy() && !error()) {
+            <p>No subscriptions waiting for setup.</p>
+          }
+          @if (busy()) {
+            <p role="status">Checking your purchases…</p>
+          }
+          @if (error()) {
+            <p role="alert">{{ error() }}</p>
+            <ion-button fill="outline" (click)="load(false)">Retry</ion-button>
+          }
+          @if (next() && !busy() && !error()) {
+            <ion-button fill="clear" (click)="load(true)"
+              >Show more purchases</ion-button
+            >
+          }
+          <ion-note
+            >Opening a purchase checks its current status. It does not charge
+            you again.</ion-note
+          >
+        </ion-card-content>
+      </ion-card>
+    }
+  `,
+                }]
+        }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }] } });
+//# sourceMappingURL=subscription-recovery.component.js.map

package/esm2022/lib/subscription-recovery/subscription-recovery.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"subscription-recovery.component.js","sourceRoot":"","sources":["../../../../../../libs/components/src/lib/subscription-recovery/subscription-recovery.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  InjectionToken,\n  OnDestroy,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { ActivatedRoute, RouterLink } from '@angular/router';\nimport { IonButton } from '@ionic/angular/ion-button';\nimport { IonCard } from '@ionic/angular/ion-card';\nimport { IonCardContent } from '@ionic/angular/ion-card-content';\nimport { IonCardHeader } from '@ionic/angular/ion-card-header';\nimport { IonCardTitle } from '@ionic/angular/ion-card-title';\nimport { IonItem } from '@ionic/angular/ion-item';\nimport { IonLabel } from '@ionic/angular/ion-label';\nimport { IonList } from '@ionic/angular/ion-list';\nimport { IonNote } from '@ionic/angular/ion-note';\n\nexport type SubscriptionRecoveryMode = 'live' | 'test';\nexport interface SubscriptionRecoveryItem {\n  id: string;\n  label: string;\n  action: string;\n  path: string;\n  query: Record<string, string>;\n}\nexport interface SubscriptionRecoveryPort {\n  observeIdentity(callback: (id: string | null) => void): () => void;\n  load(\n    mode: SubscriptionRecoveryMode,\n    after: string,\n  ): Promise<{ items: SubscriptionRecoveryItem[]; next?: string }>;\n}\n/** The host supplies authenticated read-only billing infrastructure. */\nexport const SUBSCRIPTION_RECOVERY =\n  new InjectionToken<SubscriptionRecoveryPort>('SubscriptionRecovery');\n\n@Component({\n  selector: 'sneat-subscription-recovery',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  imports: [\n    RouterLink,\n    IonButton,\n    IonCard,\n    IonCardContent,\n    IonCardHeader,\n    IonCardTitle,\n    IonItem,\n    IonLabel,\n    IonList,\n    IonNote,\n  ],\n  template: `\n    @if (port && signedIn()) {\n      <ion-card aria-label=\"Unfinished subscriptions\">\n        <ion-card-header\n          ><ion-card-title\n            >{{ title() }}\n            @if (mode() === 'test') {\n              · Test mode\n            }\n          </ion-card-title></ion-card-header\n        >\n        <ion-card-content>\n          @if (items().length) {\n            <ion-list>\n              @for (item of items(); track item.id) {\n                <ion-item\n                  [routerLink]=\"item.path\"\n                  [queryParams]=\"item.query\"\n                  button\n                  detail\n                >\n                  <ion-label class=\"ion-text-wrap\"\n                    ><h2>{{ item.label }}</h2>\n                    <p>{{ item.action }}</p></ion-label\n                  >\n                </ion-item>\n              }\n            </ion-list>\n          } @else if (!busy() && !error()) {\n            <p>No subscriptions waiting for setup.</p>\n          }\n          @if (busy()) {\n            <p role=\"status\">Checking your purchases…</p>\n          }\n          @if (error()) {\n            <p role=\"alert\">{{ error() }}</p>\n            <ion-button fill=\"outline\" (click)=\"load(false)\">Retry</ion-button>\n          }\n          @if (next() && !busy() && !error()) {\n            <ion-button fill=\"clear\" (click)=\"load(true)\"\n              >Show more purchases</ion-button\n            >\n          }\n          <ion-note\n            >Opening a purchase checks its current status. It does not charge\n            you again.</ion-note\n          >\n        </ion-card-content>\n      </ion-card>\n    }\n  `,\n})\nexport class SubscriptionRecoveryComponent implements OnDestroy {\n  protected readonly port = inject(SUBSCRIPTION_RECOVERY, { optional: true });\n  private readonly route = inject(ActivatedRoute);\n  readonly title = input('Finish subscription setup');\n  protected readonly items = signal<SubscriptionRecoveryItem[]>([]);\n  protected readonly mode = signal<SubscriptionRecoveryMode>('live');\n  protected readonly signedIn = signal(false);\n  protected readonly busy = signal(false);\n  protected readonly error = signal('');\n  protected readonly next = signal('');\n  private generation = 0;\n  private observerGeneration = 0;\n  private identity: string | null = null;\n  private stopIdentity?: () => void;\n  private readonly routeSubscription = this.route.queryParamMap.subscribe(\n    (params) => {\n      this.generation++;\n      const observerGeneration = ++this.observerGeneration;\n      this.stopIdentity?.();\n      this.items.set([]);\n      this.next.set('');\n      this.error.set('');\n      this.busy.set(false);\n      this.signedIn.set(false);\n      const values = params.getAll('checkout');\n      if (values.length > 1 || (values.length === 1 && values[0] !== 'test'))\n        return;\n      this.mode.set(values[0] === 'test' ? 'test' : 'live');\n      this.stopIdentity = this.port?.observeIdentity((id) => {\n        if (observerGeneration !== this.observerGeneration) return;\n        this.generation++;\n        this.identity = id;\n        this.signedIn.set(Boolean(id));\n        this.items.set([]);\n        this.next.set('');\n        this.busy.set(false);\n        this.error.set('');\n        if (id) void this.load(false);\n      });\n    },\n  );\n\n  protected async load(more: boolean): Promise<void> {\n    if (!this.port || !this.identity || this.busy()) return;\n    const generation = this.generation;\n    const after = more ? this.next() : '';\n    this.busy.set(true);\n    this.error.set('');\n    try {\n      const page = await this.port.load(this.mode(), after);\n      if (generation !== this.generation) return;\n      const items = more ? [...this.items(), ...page.items] : page.items;\n      this.items.set([\n        ...new Map(items.map((item) => [item.id, item])).values(),\n      ]);\n      this.next.set(page.next ?? '');\n    } catch {\n      if (generation === this.generation)\n        this.error.set('Your purchases could not be checked. Please retry.');\n    } finally {\n      if (generation === this.generation) this.busy.set(false);\n    }\n  }\n  refresh(): void {\n    if (this.busy()) return;\n    this.generation++;\n    this.next.set('');\n    void this.load(false);\n  }\n  ngOnDestroy(): void {\n    this.generation++;\n    this.observerGeneration++;\n    this.stopIdentity?.();\n    this.routeSubscription.unsubscribe();\n  }\n}\n"]}

package/index.d.ts

@@ -12,3 +12,4 @@ export * from './lib/save-event';
 export * from './lib/date-input/date-input.component';
 export * from './lib/user-country/user-country.component';
 export * from './lib/card-list/sneat-card-list.component';
+export * from './lib/subscription-recovery/subscription-recovery.component';

package/lib/subscription-recovery/subscription-recovery.component.d.ts

@@ -0,0 +1,40 @@
+import { InjectionToken, OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export type SubscriptionRecoveryMode = 'live' | 'test';
+export interface SubscriptionRecoveryItem {
+    id: string;
+    label: string;
+    action: string;
+    path: string;
+    query: Record<string, string>;
+}
+export interface SubscriptionRecoveryPort {
+    observeIdentity(callback: (id: string | null) => void): () => void;
+    load(mode: SubscriptionRecoveryMode, after: string): Promise<{
+        items: SubscriptionRecoveryItem[];
+        next?: string;
+    }>;
+}
+/** The host supplies authenticated read-only billing infrastructure. */
+export declare const SUBSCRIPTION_RECOVERY: InjectionToken<SubscriptionRecoveryPort>;
+export declare class SubscriptionRecoveryComponent implements OnDestroy {
+    protected readonly port: SubscriptionRecoveryPort | null;
+    private readonly route;
+    readonly title: import("@angular/core").InputSignal<string>;
+    protected readonly items: import("@angular/core").WritableSignal<SubscriptionRecoveryItem[]>;
+    protected readonly mode: import("@angular/core").WritableSignal<SubscriptionRecoveryMode>;
+    protected readonly signedIn: import("@angular/core").WritableSignal<boolean>;
+    protected readonly busy: import("@angular/core").WritableSignal<boolean>;
+    protected readonly error: import("@angular/core").WritableSignal<string>;
+    protected readonly next: import("@angular/core").WritableSignal<string>;
+    private generation;
+    private observerGeneration;
+    private identity;
+    private stopIdentity?;
+    private readonly routeSubscription;
+    protected load(more: boolean): Promise<void>;
+    refresh(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SubscriptionRecoveryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SubscriptionRecoveryComponent, "sneat-subscription-recovery", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sneat/components",
-  "version": "0.27.30",
+  "version": "0.27.31",
   "publishConfig": {
     "access": "public"
   },