@astropay/payments-lib 0.1.4 → 0.1.5

package/dist/main.d.ts

@@ -1,4 +1,5 @@
+import { AstroPayCardPayment } from './public/AstroPayCardPayment';
 import { AstroPayCore } from './public/AstroPayCore';
 import { AstroPayFullCheckout } from './public/AstroPayFullCheckout';
 import { AstroPayPayment } from './public/AstroPayPayment';
-export { AstroPayCore, AstroPayCore as Core, AstroPayFullCheckout, AstroPayPayment };
+export { AstroPayCardPayment, AstroPayCore, AstroPayCore as Core, AstroPayFullCheckout, AstroPayPayment, };

package/dist/{profiler-xDfSQSgI.js → profiler-DGwCu-BH.js}

@@ -1,4 +1,4 @@
-import { p as x, V as z, W as H, w as O, X as W, Y as v, Z as X, O as Y, M as Z } from "./main-6waZa7Q3.js";
+import { p as x, V as z, W as H, w as O, X as W, Y as v, Z as X, O as Y, M as Z } from "./main--VBDistj.js";
 function q(e) {
   let t = 0;
   for (const o of e)

package/dist/public/AstroPayCardPayment/index.d.ts

@@ -0,0 +1,60 @@
+import { Component } from '../../components/templates/Component';
+import { APCardPayment } from '../../types';
+/**
+ * AstroPayCardPayment provides a secure card payment form for credit/debit transactions.
+ *
+ * @example
+ * ```ts
+ * const payment = new AstroPayCardPayment({
+ *   amount: 100,
+ *   currency: 'USD',
+ *   country: 'BR'
+ *   config: {
+ *     userId: 'user-id-789';
+ *   },
+ *   // Optional props
+ *   showPaymentSummary: true,
+ *   expirationDateFormat: 'MM/YY'
+ *   onSuccess: () => console.log('Payment successful'),
+ *   onError: () => console.error('Payment failed')
+ * });
+ * ```
+ *
+ * @see {@link APCardPayment} for all available configuration options
+ */
+export declare class AstroPayCardPayment extends Component<HTMLDivElement> {
+    private loadingWrapper;
+    private readonly componentProps;
+    private readonly methodCode;
+    constructor(params: APCardPayment);
+    private createPayment;
+    private renderAstroPayCardMethod;
+    private showErrorMessage;
+    /**
+     * Renders the payment component into the specified DOM container.
+     *
+     * @example
+     * ```ts
+     * const paymentComponent = new AstroPayCardPayment(paymentSettings);
+     * paymentComponent.render(document.getElementById('payment-container'));
+     * ```
+     *
+     * @param {HTMLElement} container - The DOM element to render the payment component into.
+     */
+    render(container: HTMLElement): void;
+    /**
+     * Destroys the payment component instance, cleaning up all DOM elements
+     * and unregistering from the AstroPay Payments Library.
+     *
+     * @example
+     * ```ts
+     * // Initialize and render component
+     * const paymentComponent = new AstroPayCardPayment(paymentSettings);
+     * paymentComponent.render(container);
+     *
+     * // Later cleanup
+     * paymentComponent.destroy();
+     * ```
+     */
+    destroy(): void;
+}

package/dist/public/AstroPayFullCheckout/index.d.ts

@@ -22,6 +22,7 @@ import { APFullCheckout } from '../../types';
 export declare class AstroPayFullCheckout extends Component<HTMLDivElement> {
     private loadingWrapper;
     private readonly componentProps;
+    private accPaymentMethods?;
     constructor(params: APFullCheckout);
     private createPayment;
     private renderPaymentMethods;

package/dist/public/AstroPayPayment/index.d.ts

@@ -21,6 +21,7 @@ import { APPayment } from '../../types';
 export declare class AstroPayPayment extends Component<HTMLDivElement> {
     private loadingWrapper;
     private readonly componentProps;
+    private readonly methodCode;
     constructor(params: APPayment);
     private createPayment;
     private renderAstroPayMethod;

package/dist/{startRecording-DynnLqeo.js → startRecording-Bvdu2DrJ.js}

@@ -1,4 +1,4 @@
-import { s as A, C, b as ft, i as Y, g as V, N as h, P as X, S as pt, a as B, c as ht, d as mt, e as St, f as q, r as gt, h as Et, j as yt, k as Tt, l as j, m as J, t as _, n as x, o as M, p as K, q as N, u as Q, v as Z, w as Nt, x as vt, y as b, z as D, A as R, B as wt, D as Mt, E as It, F as Rt, G as Ct, H as bt, I as _t, J as Lt, K as Dt, L as xt, M as Ot, O as At, Q as Vt, R as Pt, T as kt, U as zt } from "./main-6waZa7Q3.js";
+import { s as A, C, b as ft, i as Y, g as V, N as h, P as X, S as pt, a as B, c as ht, d as mt, e as St, f as q, r as gt, h as Et, j as yt, k as Tt, l as j, m as J, t as _, n as x, o as M, p as K, q as N, u as Q, v as Z, w as Nt, x as vt, y as b, z as D, A as R, B as wt, D as Mt, E as It, F as Rt, G as Ct, H as bt, I as _t, J as Lt, K as Dt, L as xt, M as Ot, O as At, Q as Vt, R as Pt, T as kt, U as zt } from "./main--VBDistj.js";
 const P = /* @__PURE__ */ new WeakMap();
 function T(t) {
   return P.has(t);

package/dist/types/index.d.ts

@@ -9,6 +9,9 @@ type APEnvironment = (typeof CONFIG_ENVIRONMENT_VALUES)[number];
 type APAvailableTheme = (typeof CONFIG_THEME_VALUES)[number];
 type APAvailableLanguages = (typeof CONFIG_LANGUAGE_VALUES)[number];
 type APAvailableCurrencyMode = (typeof CONFIG_CURRENCY_MODE_VALUES)[number];
+type APCardConfig = {
+    userId: string;
+};
 type APComponentStyles = {
     backgroundColor: string;
     fontFamily: string;
@@ -106,8 +109,13 @@ type APFullCheckout = {
     amount: number;
     currency: string;
     country: string;
+    paymentExternalId?: string;
     showTitle?: boolean;
     showDescription?: boolean;
+    cardConfig?: (APCardConfig & {
+        showPaymentSummary?: boolean;
+        expirationDateFormat?: 'MM/YYYY' | 'MM/YY';
+    }) | undefined;
     user?: {
         phoneNumber?: string;
         email?: string;
@@ -196,4 +204,46 @@ type APPayment = {
     onSuccess?: () => void;
     onError?: () => void;
 };
-export type { APEnvironment, APAvailableTheme, APAvailableLanguages, APAvailableCurrencyMode, APComponentStyles, APCore, APFullCheckout, APPayment, };
+type APCardPayment = {
+    amount: number;
+    currency: string;
+    country: string;
+    config: APCardConfig;
+    showPaymentSummary?: boolean | undefined;
+    expirationDateFormat?: 'MM/YYYY' | 'MM/YY' | undefined;
+    order?: {
+        id?: string;
+        items?: Array<{
+            name: string;
+            description?: string;
+            units: number;
+            amount: {
+                currency: string;
+                value: number;
+            };
+        }>;
+        summary?: {
+            totalAmount: {
+                currency: string;
+                value: number;
+            };
+            shipping?: {
+                label: string;
+                amount: {
+                    currency: string;
+                    value: number;
+                };
+            };
+            fees?: {
+                label: string;
+                amount: {
+                    currency: string;
+                    value: number;
+                };
+            };
+        };
+    } | undefined;
+    onSuccess?: () => void;
+    onError?: () => void;
+};
+export type { APCardConfig, APEnvironment, APAvailableTheme, APAvailableLanguages, APAvailableCurrencyMode, APComponentStyles, APCore, APFullCheckout, APPayment, APCardPayment, };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.1.4",
+  "version": "0.1.5",
   "type": "module",
   "name": "@astropay/payments-lib",
   "description": "Official AstroPay payments library for web and mobile.",
@@ -65,12 +65,13 @@
     "release:dry": "standard-version --release-as $RELEASE_TYPE --dry-run"
   },
   "dependencies": {
+    "@astropay/tokenizer-sdk": "1.1.3",
+    "@datadog/browser-rum": "6.6.3",
     "@emotion/css": "^11.13.5",
     "axios": "^1.7.9",
     "bowser": "^2.11.0",
     "i18next": "^24.2.2",
-    "qrcode": "^1.5.4",
-    "@datadog/browser-rum": "6.6.3"
+    "qrcode": "^1.5.4"
   },
   "devDependencies": {
     "@commitlint/cli": "^19.7.1",
@@ -98,8 +99,8 @@
     "prettier": "^3.4.2",
     "qrcode": "^1.5.4",
     "rollup-plugin-visualizer": "^5.14.0",
-    "ts-jest": "^29.3.1",
     "standard-version": "^9.5.0",
+    "ts-jest": "^29.3.1",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.31.1",
     "vite": "^6.1.0",