@ic-pay/icpay-widget 0.1.86 → 0.1.90

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as lit from 'lit';
-import { LitElement } from 'lit';
+import { LitElement, TemplateResult } from 'lit';
 import { Icpay, PriceCalculationResult } from '@ic-pay/icpay-sdk';
 
 type ThemeConfig = {
@@ -47,6 +47,7 @@ type CommonConfig = {
     disablePaymentButton?: boolean;
     disableAfterSuccess?: boolean;
     showLedgerDropdown?: 'buttons' | 'dropdown' | 'none';
+    onramp?: OnrampConfig;
 };
 type CryptoOption = {
     symbol: string;
@@ -118,6 +119,15 @@ type DonationThermometerConfig = CommonConfig & {
         raised: number;
     }) => void;
 };
+type OnrampConfig = {
+    environment?: 'STAGING' | 'PRODUCTION';
+    apiKey?: string | null;
+    width?: number | string;
+    height?: number | string;
+    autoOpen?: boolean;
+    creditCardLabel?: string;
+    enabled?: boolean;
+};
 type PayButtonConfig = CommonConfig & {
     amountUsd?: number;
     cryptoOptions?: CryptoOption[];
@@ -153,6 +163,10 @@ type WidgetSdk = {
     client: InstanceType<typeof Icpay>;
     quoteUsd(usdAmount: number, ledgerCanisterId: string): Promise<PriceCalculationResult>;
     sendUsd(usdAmount: number, ledgerCanisterId: string, metadata?: Record<string, any>): Promise<any>;
+    startOnrampUsd(usdAmount: number, ledgerCanisterId: string, metadata?: Record<string, any>): Promise<any>;
+    notifyIntentUntilComplete(paymentIntentId: string, intervalMs?: number, orderId?: string): {
+        stop: () => void;
+    };
 };
 declare function createSdk(config: CommonConfig): WidgetSdk;
 
@@ -182,6 +196,7 @@ declare class ICPayProgressBar extends LitElement {
     private currentAmount;
     private currentCurrency;
     private currentLedgerSymbol;
+    private confirmLoadingStartedAt;
     private progressionTimer;
     theme?: {
         primaryColor?: string;
@@ -200,6 +215,7 @@ declare class ICPayProgressBar extends LitElement {
     private onTransactionUpdated;
     private onTransactionCompleted;
     private onTransactionFailed;
+    private onTransactionMismatched;
     private onMethodError;
     private onSDKError;
     private onWalletConnected;
@@ -225,6 +241,7 @@ declare class ICPayProgressBar extends LitElement {
     private renderSuccessState;
     private renderErrorState;
     private renderProgressContent;
+    private renderConfirmTip;
     private retryTransaction;
     private closeProgress;
     private renderStep;
@@ -247,10 +264,21 @@ declare class ICPayTokenSelector extends LitElement {
         primaryColor?: string;
         secondaryColor?: string;
     };
+    open: boolean;
+    showLabel: boolean;
+    private triggerEl?;
+    private wrapperEl?;
+    private menuPos;
     connectedCallback(): void;
     updated(changed: Map<string, unknown>): void;
+    firstUpdated(): void;
+    disconnectedCallback(): void;
     private get effectiveSymbol();
+    private getOptionBySymbol;
+    private getLogoUrl;
     private onSelect;
+    private toggleDropdown;
+    private closeDropdown;
     render(): lit.TemplateResult<1>;
 }
 declare global {
@@ -274,12 +302,26 @@ declare class ICPayPremiumContent extends LitElement {
     private pendingAction;
     private showWalletModal;
     private pnp;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
+    private transakMessageHandlerBound;
+    private onrampPollTimer;
+    private onrampPollingActive;
+    private onrampNotifyController;
     private tryAutoConnectPNP;
     private get cryptoOptions();
     connectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
     private loadVerifiedLedgers;
     private onPay;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnramp;
+    private createOnrampIntent;
+    private startOnrampPolling;
     private select;
     private getWalletId;
     private getWalletLabel;
@@ -309,6 +351,14 @@ declare class ICPayTipJar extends LitElement {
     private pendingAction;
     private showWalletModal;
     private pnp;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
+    private transakMessageHandlerBound;
+    private onrampPollTimer;
+    private onrampPollingActive;
+    private onrampNotifyController;
     private tryAutoConnectPNP;
     private get amounts();
     private get cryptoOptions();
@@ -319,6 +369,12 @@ declare class ICPayTipJar extends LitElement {
     private selectSymbol;
     private get fillPercentage();
     private tip;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnramp;
+    private createOnrampIntent;
+    private startOnrampPolling;
     private getWalletId;
     private getWalletLabel;
     private getWalletIcon;
@@ -350,7 +406,21 @@ declare class ICPayArticlePaywall extends LitElement {
     private pendingAction;
     private showWalletModal;
     private pnp;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
+    private transakMessageHandlerBound;
+    private onrampPollTimer;
+    private onrampPollingActive;
+    private onrampNotifyController;
     private tryAutoConnectPNP;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnramp;
+    private createOnrampIntent;
+    private startOnrampPolling;
     private get cryptoOptions();
     connectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
@@ -383,6 +453,14 @@ declare class ICPayCoffeeShop extends LitElement {
     private pendingAction;
     private showWalletModal;
     private pnp;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
+    private transakMessageHandlerBound;
+    private onrampPollTimer;
+    private onrampPollingActive;
+    private onrampNotifyController;
     private get cryptoOptions();
     connectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
@@ -391,6 +469,12 @@ declare class ICPayCoffeeShop extends LitElement {
     private selectSymbol;
     private get selectedItem();
     private order;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnramp;
+    private createOnrampIntent;
+    private startOnrampPolling;
     private getWalletId;
     private getWalletLabel;
     private getWalletIcon;
@@ -419,6 +503,14 @@ declare class ICPayDonationThermometer extends LitElement {
     private pendingAction;
     private showWalletModal;
     private pnp;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
+    private transakMessageHandlerBound;
+    private onrampPollTimer;
+    private onrampPollingActive;
+    private onrampNotifyController;
     private tryAutoConnectPNP;
     private get amounts();
     private get cryptoOptions();
@@ -429,6 +521,12 @@ declare class ICPayDonationThermometer extends LitElement {
     private selectSymbol;
     private get fillPercentage();
     private donate;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnramp;
+    private createOnrampIntent;
+    private startOnrampPolling;
     private getWalletId;
     private getWalletLabel;
     private getWalletIcon;
@@ -454,7 +552,17 @@ declare class ICPayPayButton extends LitElement {
     private walletConnected;
     private pendingAction;
     private showWalletModal;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
+    private onrampPollTimer;
+    private transakMessageHandlerBound;
     private pnp;
+    private sdk;
+    private onrampPollingActive;
+    private onrampNotifyController;
+    private getSdk;
     private get cryptoOptions();
     connectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
@@ -466,6 +574,12 @@ declare class ICPayPayButton extends LitElement {
     private getWalletIcon;
     private connectWithWallet;
     private renderWalletModal;
+    private startOnramp;
+    private createOnrampIntent;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnrampPolling;
     private pay;
     render(): lit.TemplateResult<1>;
 }
@@ -490,7 +604,15 @@ declare class ICPayAmountInput extends LitElement {
     private walletConnected;
     private pendingAction;
     private showWalletModal;
+    private showOnrampModal;
+    private onrampSessionId;
+    private onrampPaymentIntentId;
+    private onrampErrorMessage;
     private pnp;
+    private transakMessageHandlerBound;
+    private onrampPollTimer;
+    private onrampPollingActive;
+    private onrampNotifyController;
     private get cryptoOptions();
     connectedCallback(): void;
     protected updated(changed: Map<string, unknown>): void;
@@ -503,6 +625,12 @@ declare class ICPayAmountInput extends LitElement {
     private getWalletLabel;
     private getWalletIcon;
     private connectWithWallet;
+    private attachTransakMessageListener;
+    private detachTransakMessageListener;
+    private onTransakMessage;
+    private startOnramp;
+    private createOnrampIntent;
+    private startOnrampPolling;
     private pay;
     render(): lit.TemplateResult<1>;
 }
@@ -512,4 +640,33 @@ declare global {
     }
 }
 
-export { type AmountInputConfig, type ArticlePaywallConfig, type CoffeeShopConfig, type CommonConfig, type CryptoOption, type DonationThermometerConfig, ICPayAmountInput, ICPayArticlePaywall, ICPayCoffeeShop, ICPayDonationThermometer, ICPayPayButton, ICPayPremiumContent, ICPayTipJar, type PayButtonConfig, type PlugNPlayConfig, type PremiumContentConfig, type ProgressBarConfig, type ThemeConfig, type TipJarConfig, type WidgetSdk, applyThemeVars, baseStyles, createSdk };
+type Environment = 'STAGING' | 'PRODUCTION';
+type TransakOnrampOptions = {
+    visible: boolean;
+    /** If provided, will embed Transak directly with session id */
+    sessionId?: string | null;
+    /** Optional error message to show when sessionId is missing */
+    errorMessage?: string | null;
+    /** Transak apiKey (public key). Required if using double-iframe helper */
+    apiKey?: string | null;
+    /** Controls staging vs production */
+    environment?: Environment;
+    /** Optional width/height for inner iframe */
+    width?: number | string;
+    height?: number | string;
+    /** Called when user closes modal */
+    onClose: () => void;
+    /** Called when user clicks to go back to wallet selector */
+    onBack?: () => void;
+};
+/**
+ * Renders a modal containing Transak onramp widget.
+ * - If sessionId is present, we embed Transak directly using the session flow URL.
+ * - Otherwise, we fall back to Transak's double-iframe helper page that loads an inner iframe
+ *   pointing to global-stg/global with the provided apiKey.
+ *
+ * Reference: https://docs.transak.com/docs/double-embed-iframe-webapp
+ */
+declare function renderTransakOnrampModal(opts: TransakOnrampOptions): TemplateResult | null;
+
+export { type AmountInputConfig, type ArticlePaywallConfig, type CoffeeShopConfig, type CommonConfig, type CryptoOption, type DonationThermometerConfig, ICPayAmountInput, ICPayArticlePaywall, ICPayCoffeeShop, ICPayDonationThermometer, ICPayPayButton, ICPayPremiumContent, ICPayTipJar, type OnrampConfig, type PayButtonConfig, type PlugNPlayConfig, type PremiumContentConfig, type ProgressBarConfig, type ThemeConfig, type TipJarConfig, type WidgetSdk, applyThemeVars, baseStyles, createSdk, renderTransakOnrampModal };