@inttegro/angular 0.1.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Inttegro
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,16 @@
+# `@inttegro/angular`
+
+Angular adapter for Inttegro hosted workflows. The component automatically uses
+`@inttegro/js` to load the executable runtime from Inttegro's fixed origin; it
+does not bundle the payment-collection runtime.
+
+```ts
+import { CheckoutComponent } from '@inttegro/angular'
+
+@Component({
+  imports: [CheckoutComponent],
+  template:
+    '<inttegro-checkout [orderId]="orderId" (completed)="onCompleted()" />',
+})
+export class PaymentPage {}
+```

package/fesm2022/inttegro-angular.mjs

@@ -0,0 +1,185 @@
+import * as i0 from '@angular/core';
+import { EventEmitter, ViewChild, Output, Input, ChangeDetectionStrategy, Component } from '@angular/core';
+import { loadInttegro } from '@inttegro/js';
+
+/**
+ * Standalone Angular component that embeds Inttegro-hosted Checkout.
+ *
+ * Add the component to a host component's `imports` array. It loads the hosted
+ * runtime after its view initializes, creates one controller, and destroys that
+ * controller with the Angular view. Changing `orderId`, `timeout`, or `title`
+ * replaces the controller; changing `appearance` or `locale` updates it in
+ * place.
+ *
+ * Keep this component mounted while a payment attempt or confirmation is
+ * pending. The successful `completed` output is suitable for navigation, but
+ * fulfillment must use server-retrieved Order state or a signed webhook.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   standalone: true,
+ *   imports: [CheckoutComponent],
+ *   template: `
+ *     <inttegro-checkout
+ *       [orderId]="orderId"
+ *       [appearance]="{ theme: 'system' }"
+ *       (completed)="onCompleted()"
+ *       (error)="onError($event)"
+ *     />
+ *   `,
+ * })
+ * export class PaymentPage {
+ *   orderId = input.required<string>()
+ *   onCompleted(): void { location.assign('/orders/complete') }
+ *   onError(error: CheckoutErrorEvent | Error): void {
+ *     reportCheckoutError(error)
+ *   }
+ * }
+ * ```
+ *
+ * @category Angular
+ */
+class CheckoutComponent {
+    constructor() {
+        /** Client-safe reference for the finalized Order being paid. */
+        this.orderId = '';
+        /** Emitted after Checkout reports its successful terminal state. */
+        this.completed = new EventEmitter();
+        /** Emitted for loader/mount failures and sanitized hosted errors. */
+        this.error = new EventEmitter();
+        /** Emitted for every sanitized hosted Checkout lifecycle event. */
+        this.event = new EventEmitter();
+        /** Emitted once the iframe is interactive. */
+        this.ready = new EventEmitter();
+        this.viewReady = false;
+        this.generation = 0;
+    }
+    ngAfterViewInit() {
+        this.viewReady = true;
+        void this.mountCheckout();
+    }
+    ngOnChanges(changes) {
+        if (!this.viewReady)
+            return;
+        if (changes['orderId'] || changes['timeout'] || changes['title']) {
+            void this.mountCheckout();
+            return;
+        }
+        if (changes['appearance'] || changes['locale']) {
+            this.checkout?.update(definedOptions({ appearance: this.appearance, locale: this.locale }));
+        }
+    }
+    ngOnDestroy() {
+        this.destroyCheckout();
+    }
+    /**
+     * Moves focus into hosted Checkout when its controller is ready.
+     * Before initialization or after teardown this method safely does nothing.
+     */
+    focus() {
+        this.checkout?.focus();
+    }
+    /**
+     * Applies a new locale or color scheme when a controller exists.
+     * Prefer binding `appearance` and `locale` for declarative Angular views.
+     */
+    update(options) {
+        this.checkout?.update(options);
+    }
+    async mountCheckout() {
+        if (!this.container)
+            return;
+        this.destroyCheckout();
+        const generation = this.generation;
+        const target = this.container.nativeElement;
+        try {
+            const inttegro = await loadInttegro();
+            if (generation !== this.generation || !inttegro)
+                return;
+            const checkout = inttegro.createCheckout(definedOptions({
+                appearance: this.appearance,
+                locale: this.locale,
+                orderId: this.orderId,
+                timeout: this.timeout,
+                title: this.title,
+            }));
+            if (generation !== this.generation) {
+                checkout.destroy();
+                return;
+            }
+            this.checkout = checkout;
+            this.unsubscribe = checkout.onEvent((event) => {
+                this.event.emit(event);
+                if (event.type === 'ready')
+                    this.ready.emit(event);
+                if (event.type === 'completed')
+                    this.completed.emit(event);
+                if (event.type === 'error')
+                    this.error.emit(event);
+            });
+            await checkout.mount(target);
+        }
+        catch (error) {
+            if (generation !== this.generation)
+                return;
+            this.error.emit(error instanceof Error ? error : new Error('Checkout failed to load.'));
+        }
+    }
+    destroyCheckout() {
+        this.generation += 1;
+        this.unsubscribe?.();
+        this.unsubscribe = undefined;
+        this.checkout?.destroy();
+        this.checkout = undefined;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CheckoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "22.1.5", type: CheckoutComponent, isStandalone: true, selector: "inttegro-checkout", inputs: { appearance: "appearance", locale: "locale", orderId: "orderId", timeout: "timeout", title: "title" }, outputs: { completed: "completed", error: "error", event: "event", ready: "ready" }, viewQueries: [{ propertyName: "container", first: true, predicate: ["container"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: '<div #container></div>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.5", ngImport: i0, type: CheckoutComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'inttegro-checkout',
+                    standalone: true,
+                    template: '<div #container></div>',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                }]
+        }], propDecorators: { appearance: [{
+                type: Input
+            }], locale: [{
+                type: Input
+            }], orderId: [{
+                type: Input,
+                args: [{ required: true }]
+            }], timeout: [{
+                type: Input
+            }], title: [{
+                type: Input
+            }], completed: [{
+                type: Output
+            }], error: [{
+                type: Output
+            }], event: [{
+                type: Output
+            }], ready: [{
+                type: Output
+            }], container: [{
+                type: ViewChild,
+                args: ['container', { static: true }]
+            }] } });
+function definedOptions(options) {
+    return Object.fromEntries(Object.entries(options).filter(([, value]) => value !== undefined));
+}
+
+/**
+ * Angular standalone component adapter for Inttegro-hosted Checkout.
+ *
+ * @module @inttegro/angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { CheckoutComponent };
+//# sourceMappingURL=inttegro-angular.mjs.map

package/fesm2022/inttegro-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"inttegro-angular.mjs","sources":["../../src/lib/checkout.component.ts","../../src/public-api.ts","../../src/inttegro-angular.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  EventEmitter,\n  Input,\n  Output,\n  ViewChild,\n  type AfterViewInit,\n  type OnChanges,\n  type OnDestroy,\n  type SimpleChanges,\n} from '@angular/core'\nimport {\n  loadInttegro,\n  type CheckoutAppearance,\n  type CheckoutController,\n  type CheckoutErrorEvent,\n  type CheckoutEvent,\n  type CheckoutUpdateOptions,\n} from '@inttegro/js'\n\n/**\n * Standalone Angular component that embeds Inttegro-hosted Checkout.\n *\n * Add the component to a host component's `imports` array. It loads the hosted\n * runtime after its view initializes, creates one controller, and destroys that\n * controller with the Angular view. Changing `orderId`, `timeout`, or `title`\n * replaces the controller; changing `appearance` or `locale` updates it in\n * place.\n *\n * Keep this component mounted while a payment attempt or confirmation is\n * pending. The successful `completed` output is suitable for navigation, but\n * fulfillment must use server-retrieved Order state or a signed webhook.\n *\n * @example\n * ```ts\n * @Component({\n *   standalone: true,\n *   imports: [CheckoutComponent],\n *   template: `\n *     <inttegro-checkout\n *       [orderId]=\"orderId\"\n *       [appearance]=\"{ theme: 'system' }\"\n *       (completed)=\"onCompleted()\"\n *       (error)=\"onError($event)\"\n *     />\n *   `,\n * })\n * export class PaymentPage {\n *   orderId = input.required<string>()\n *   onCompleted(): void { location.assign('/orders/complete') }\n *   onError(error: CheckoutErrorEvent | Error): void {\n *     reportCheckoutError(error)\n *   }\n * }\n * ```\n *\n * @category Angular\n */\n@Component({\n  selector: 'inttegro-checkout',\n  standalone: true,\n  template: '<div #container></div>',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class CheckoutComponent implements AfterViewInit, OnChanges, OnDestroy {\n  /** Initial and reactive theme preference for hosted Checkout. */\n  @Input() appearance?: CheckoutAppearance\n  /** Initial and reactive BCP 47 locale preference. */\n  @Input() locale?: string\n  /** Client-safe reference for the finalized Order being paid. */\n  @Input({ required: true }) orderId = ''\n  /** Mount timeout from 1,000–60,000 ms; defaults to 15,000 ms. */\n  @Input() timeout?: number\n  /** Accessible iframe title; defaults to `Checkout`. */\n  @Input() title?: string\n\n  /** Emitted after Checkout reports its successful terminal state. */\n  @Output() readonly completed = new EventEmitter<\n    Extract<CheckoutEvent, { type: 'completed' }>\n  >()\n  /** Emitted for loader/mount failures and sanitized hosted errors. */\n  @Output() readonly error = new EventEmitter<CheckoutErrorEvent | Error>()\n  /** Emitted for every sanitized hosted Checkout lifecycle event. */\n  @Output() readonly event = new EventEmitter<CheckoutEvent>()\n  /** Emitted once the iframe is interactive. */\n  @Output() readonly ready = new EventEmitter<\n    Extract<CheckoutEvent, { type: 'ready' }>\n  >()\n\n  @ViewChild('container', { static: true })\n  private container?: ElementRef<HTMLDivElement>\n\n  private checkout: CheckoutController | undefined\n  private unsubscribe: (() => void) | undefined\n  private viewReady = false\n  private generation = 0\n\n  ngAfterViewInit(): void {\n    this.viewReady = true\n    void this.mountCheckout()\n  }\n\n  ngOnChanges(changes: SimpleChanges): void {\n    if (!this.viewReady) return\n\n    if (changes['orderId'] || changes['timeout'] || changes['title']) {\n      void this.mountCheckout()\n      return\n    }\n\n    if (changes['appearance'] || changes['locale']) {\n      this.checkout?.update(\n        definedOptions({ appearance: this.appearance, locale: this.locale }),\n      )\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.destroyCheckout()\n  }\n\n  /**\n   * Moves focus into hosted Checkout when its controller is ready.\n   * Before initialization or after teardown this method safely does nothing.\n   */\n  focus(): void {\n    this.checkout?.focus()\n  }\n\n  /**\n   * Applies a new locale or color scheme when a controller exists.\n   * Prefer binding `appearance` and `locale` for declarative Angular views.\n   */\n  update(options: CheckoutUpdateOptions): void {\n    this.checkout?.update(options)\n  }\n\n  private async mountCheckout(): Promise<void> {\n    if (!this.container) return\n    this.destroyCheckout()\n    const generation = this.generation\n    const target = this.container.nativeElement\n\n    try {\n      const inttegro = await loadInttegro()\n      if (generation !== this.generation || !inttegro) return\n      const checkout = inttegro.createCheckout(\n        definedOptions({\n          appearance: this.appearance,\n          locale: this.locale,\n          orderId: this.orderId,\n          timeout: this.timeout,\n          title: this.title,\n        }),\n      )\n      if (generation !== this.generation) {\n        checkout.destroy()\n        return\n      }\n      this.checkout = checkout\n      this.unsubscribe = checkout.onEvent((event) => {\n        this.event.emit(event)\n        if (event.type === 'ready') this.ready.emit(event)\n        if (event.type === 'completed') this.completed.emit(event)\n        if (event.type === 'error') this.error.emit(event)\n      })\n      await checkout.mount(target)\n    } catch (error) {\n      if (generation !== this.generation) return\n      this.error.emit(\n        error instanceof Error ? error : new Error('Checkout failed to load.'),\n      )\n    }\n  }\n\n  private destroyCheckout(): void {\n    this.generation += 1\n    this.unsubscribe?.()\n    this.unsubscribe = undefined\n    this.checkout?.destroy()\n    this.checkout = undefined\n  }\n}\n\nfunction definedOptions<Value extends object>(options: Value): Value {\n  return Object.fromEntries(\n    Object.entries(options).filter(([, value]) => value !== undefined),\n  ) as Value\n}\n","/**\n * Angular standalone component adapter for Inttegro-hosted Checkout.\n *\n * @module @inttegro/angular\n */\nexport { CheckoutComponent } from './lib/checkout.component'\nexport type {\n  CheckoutAppearance,\n  CheckoutErrorEvent,\n  CheckoutEvent,\n  CheckoutTheme,\n} from '@inttegro/js'\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/package.json

@@ -0,0 +1,46 @@
+{
+  "name": "@inttegro/angular",
+  "version": "0.1.0",
+  "description": "Angular components for Inttegro hosted workflows",
+  "type": "module",
+  "engines": {
+    "node": ">=18"
+  },
+  "dependencies": {
+    "@inttegro/js": "0.1.0",
+    "tslib": "^2.8.1"
+  },
+  "peerDependencies": {
+    "@angular/common": ">=18 <23",
+    "@angular/core": ">=18 <23"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/zebodotdev/js.git",
+    "directory": "packages/angular"
+  },
+  "homepage": "https://studio.inttegro.com/web/angular",
+  "author": "Inttegro Eng <engineering@inttegro.com> (https://inttegro.com)",
+  "license": "MIT",
+  "publishConfig": {
+    "access": "public",
+    "provenance": true
+  },
+  "typedocOptions": {
+    "entryPoints": [
+      "src/public-api.ts"
+    ]
+  },
+  "module": "fesm2022/inttegro-angular.mjs",
+  "typings": "types/inttegro-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/inttegro-angular.d.ts",
+      "default": "./fesm2022/inttegro-angular.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/types/inttegro-angular.d.ts

@@ -0,0 +1,89 @@
+import * as _inttegro_js from '@inttegro/js';
+import { CheckoutAppearance, CheckoutErrorEvent, CheckoutEvent, CheckoutUpdateOptions } from '@inttegro/js';
+export { CheckoutAppearance, CheckoutErrorEvent, CheckoutEvent, CheckoutTheme } from '@inttegro/js';
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnChanges, OnDestroy, EventEmitter, SimpleChanges } from '@angular/core';
+
+/**
+ * Standalone Angular component that embeds Inttegro-hosted Checkout.
+ *
+ * Add the component to a host component's `imports` array. It loads the hosted
+ * runtime after its view initializes, creates one controller, and destroys that
+ * controller with the Angular view. Changing `orderId`, `timeout`, or `title`
+ * replaces the controller; changing `appearance` or `locale` updates it in
+ * place.
+ *
+ * Keep this component mounted while a payment attempt or confirmation is
+ * pending. The successful `completed` output is suitable for navigation, but
+ * fulfillment must use server-retrieved Order state or a signed webhook.
+ *
+ * @example
+ * ```ts
+ * @Component({
+ *   standalone: true,
+ *   imports: [CheckoutComponent],
+ *   template: `
+ *     <inttegro-checkout
+ *       [orderId]="orderId"
+ *       [appearance]="{ theme: 'system' }"
+ *       (completed)="onCompleted()"
+ *       (error)="onError($event)"
+ *     />
+ *   `,
+ * })
+ * export class PaymentPage {
+ *   orderId = input.required<string>()
+ *   onCompleted(): void { location.assign('/orders/complete') }
+ *   onError(error: CheckoutErrorEvent | Error): void {
+ *     reportCheckoutError(error)
+ *   }
+ * }
+ * ```
+ *
+ * @category Angular
+ */
+declare class CheckoutComponent implements AfterViewInit, OnChanges, OnDestroy {
+    /** Initial and reactive theme preference for hosted Checkout. */
+    appearance?: CheckoutAppearance;
+    /** Initial and reactive BCP 47 locale preference. */
+    locale?: string;
+    /** Client-safe reference for the finalized Order being paid. */
+    orderId: string;
+    /** Mount timeout from 1,000–60,000 ms; defaults to 15,000 ms. */
+    timeout?: number;
+    /** Accessible iframe title; defaults to `Checkout`. */
+    title?: string;
+    /** Emitted after Checkout reports its successful terminal state. */
+    readonly completed: EventEmitter<_inttegro_js.CheckoutCompletedEvent>;
+    /** Emitted for loader/mount failures and sanitized hosted errors. */
+    readonly error: EventEmitter<CheckoutErrorEvent | Error>;
+    /** Emitted for every sanitized hosted Checkout lifecycle event. */
+    readonly event: EventEmitter<CheckoutEvent>;
+    /** Emitted once the iframe is interactive. */
+    readonly ready: EventEmitter<_inttegro_js.CheckoutReadyEvent>;
+    private container?;
+    private checkout;
+    private unsubscribe;
+    private viewReady;
+    private generation;
+    ngAfterViewInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    /**
+     * Moves focus into hosted Checkout when its controller is ready.
+     * Before initialization or after teardown this method safely does nothing.
+     */
+    focus(): void;
+    /**
+     * Applies a new locale or color scheme when a controller exists.
+     * Prefer binding `appearance` and `locale` for declarative Angular views.
+     */
+    update(options: CheckoutUpdateOptions): void;
+    private mountCheckout;
+    private destroyCheckout;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CheckoutComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CheckoutComponent, "inttegro-checkout", never, { "appearance": { "alias": "appearance"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "orderId": { "alias": "orderId"; "required": true; }; "timeout": { "alias": "timeout"; "required": false; }; "title": { "alias": "title"; "required": false; }; }, { "completed": "completed"; "error": "error"; "event": "event"; "ready": "ready"; }, never, never, true, never>;
+}
+
+export { CheckoutComponent };
+//# sourceMappingURL=inttegro-angular.d.ts.map

package/types/inttegro-angular.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"inttegro-angular.d.ts","sources":["../../src/lib/checkout.component.ts"],"mappings":";;;;;;AAsBA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqCG;AACH,cAMa,iBAAkB,YAAW,aAAa,EAAE,SAAS,EAAE,SAAS;;iBAErD,kBAAkB;;;;AAIb;;;;;;wBAOC,YAAA,CAAA,YAAA,CAAA,sBAAA;;oBAIJ,YAAA,CAAA,kBAAA,GAAA,KAAA;;oBAEA,YAAA,CAAA,aAAA;;oBAEA,YAAA,CAAA,YAAA,CAAA,kBAAA;;;;;;AAYxB;AAKA,yBAAqB,aAAa;AAelC;AAIA;;;AAGG;AACH;AAIA;;;AAGG;AACH,oBAAgB,qBAAqB;;AA0CrC;yCA/GW,iBAAiB;2CAAjB,iBAAiB;AAsH7B;;","names":[]}