@coinflowlabs/vue 1.13.0 → 1.15.0

package/dist/components/CoinflowPurchase.vue.d.ts

@@ -24,7 +24,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         };
         redemptionCheck?: boolean;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -63,7 +62,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         wallet?: undefined;
         blockchain?: import('..').CoinflowBlockchain | undefined;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         onAuthDeclined?: import('..').OnAuthDeclinedMethod;
@@ -100,7 +98,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         blockchain: "polygon";
         wallet: import('..').EthWallet;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -138,7 +135,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         blockchain: "eth";
         wallet: import('..').EthWallet;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -176,7 +172,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         blockchain: "base";
         wallet: import('..').EthWallet;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -214,7 +209,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         blockchain: "arbitrum";
         wallet: import('..').EthWallet;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -252,7 +246,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         wallet: import('..').StellarWallet;
         blockchain: "stellar";
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -290,7 +283,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         blockchain: "monad";
         wallet: import('..').EthWallet;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;
@@ -328,7 +320,6 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         blockchain: "tempo";
         wallet: import('..').EthWallet;
         subtotal?: import('..').Subtotal;
-        customPayInFees?: import('..').PurchaseCustomPayInFee[];
         presentment?: import('..').Currency;
         onSuccess?: import('..').OnSuccessMethod;
         sessionKey?: string;

package/dist/lib/common/CoinflowTypes.d.ts

@@ -29,7 +29,7 @@ export declare enum SettlementType {
 }
 /**
  * Configuration for a single custom pay-in fee line item.
- * Use with customPayInFees prop on purchase flows.
+ * Pass via the `customPayInFees` field on `/checkout/link` or `/checkout/jwt-token`.
  */
 export interface PurchaseCustomPayInFee {
     lineItemLabel: string;
@@ -79,6 +79,7 @@ export declare enum MerchantStyle {
 export type MerchantTheme = {
     primary?: string;
     background?: string;
+    cardBackground?: string;
     backgroundAccent?: string;
     backgroundAccent2?: string;
     textColor?: string;
@@ -92,6 +93,7 @@ export type MerchantTheme = {
     cardNumberPlaceholder?: string;
     cvvPlaceholder?: string;
     expirationPlaceholder?: string;
+    placeholderColor?: string;
     showCardIcon?: boolean;
 };
 interface BaseCustomerInfo {
@@ -264,16 +266,48 @@ export declare enum PaymentMethods {
     credits = "credits",
     crypto = "crypto",
     wire = "wire",
-    cashApp = "cashApp"
+    cashApp = "cashApp",
+    rain = "rain"
 }
 export declare const paymentMethodLabels: Record<PaymentMethods, string>;
-export interface CoinflowCommonPurchaseProps extends CoinflowTypes {
-    subtotal?: Subtotal;
+export interface CoinflowCommonPaymentIntentProps extends Omit<CoinflowTypes, 'blockchain'> {
+    paymentIntentId: string;
+    onSuccess?: OnSuccessMethod;
+    onAuthDeclined?: OnAuthDeclinedMethod;
+    /**
+     * If true, pre-checks the partial USDC payment checkbox when USDC balance is available.
+     * If false or undefined, maintains default behavior (unchecked).
+     */
+    partialUsdcChecked?: boolean;
+    /**
+     * The DeviceID gotten from the Coinflow SDK:
+     *  https://docs.coinflow.cash/guides/checkout/fraud-protection/chargeback-protection/implement-chargeback-protection#how-to-add-chargeback-protection
+     *
+     * nSureSDK.getDeviceId()
+     */
+    deviceId?: string;
+    /**
+     * If rendering the Coinflow component within multiple nested iframes, all ancestors in the chain must be provided as a comma-separated list.
+     *
+     * Example:
+     * Primary origin that will be interacting with the Coinflow iFrame: foo.com
+     * Subsequent origins that will render foo.com: bar.com
+     * The origin array would then be: [https://foo.com,https://bar.com]
+     */
+    origins?: string[];
     /**
-     * Custom pay-in fees to add to checkout. Each fee appears as a separate line item.
-     * These fees are added to the subtotal and displayed to the customer.
+     * End-user wallet used for wallet-authenticated payment-intent checkout flows.
+     *
+     * Required when the target payment intent type depends on a customer wallet
+     * (for example: EVM/Solana/Stellar transaction intents or credits/USDC signing flows).
+     *
+     * The wallet implementation must match the active blockchain.
      */
-    customPayInFees?: PurchaseCustomPayInFee[];
+    wallet?: WalletTypes;
+    blockchain?: 'solana' | 'eth' | 'polygon' | 'base' | 'arbitrum' | 'stellar' | 'monad';
+}
+export interface CoinflowCommonPurchaseProps extends CoinflowTypes {
+    subtotal?: Subtotal;
     presentment?: Currency;
     onSuccess?: OnSuccessMethod;
     sessionKey?: string;
@@ -601,7 +635,7 @@ export interface DecentRedeem extends CommonEvmRedeem {
  * Gas fees for the transaction will be automatically calculated and added to the total charged to the customer. Optionally the merchant can opt to pay for these gas fees.
  */
 export type EvmTransactionData = SafeMintRedeem | ReturnedTokenIdRedeem | KnownTokenIdRedeem | NormalRedeem | TokenRedeem | DecentRedeem;
-export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId' | 'handleHeightChange'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'chargebackProtectionAccountType' | 'webhookInfo' | 'subtotal' | 'customPayInFees' | 'presentment' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken' | 'origins' | 'threeDsChallengePreference' | 'supportEmail' | 'allowedPaymentMethods' | 'accountFundingTransaction' | 'partialUsdcChecked' | 'isZeroAuthorization' | 'zeroAuthorizationConfig'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken' | 'origins' | 'allowedWithdrawSpeeds'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'destinationAuthKey' | 'redemptionCheck'>, WithGeo {
+export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId' | 'handleHeightChange'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'chargebackProtectionAccountType' | 'webhookInfo' | 'subtotal' | 'presentment' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken' | 'origins' | 'threeDsChallengePreference' | 'supportEmail' | 'allowedPaymentMethods' | 'accountFundingTransaction' | 'partialUsdcChecked' | 'isZeroAuthorization' | 'zeroAuthorizationConfig'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken' | 'origins' | 'allowedWithdrawSpeeds'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'destinationAuthKey' | 'redemptionCheck'>, WithGeo {
     walletPubkey: string | null | undefined;
     sessionKey?: string;
     route: string;
@@ -616,6 +650,22 @@ export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId' |
     usePermit?: boolean;
     handleHeightChangeId: string | number;
 }
+export interface CoinflowIntentsIFrameProps {
+    theme?: MerchantTheme;
+    merchantCss?: string;
+    color?: 'white' | 'black';
+    intentId: string;
+    route: string;
+    routePrefix?: string;
+    handleHeightChangeId: string | number;
+    env?: CoinflowEnvs;
+    loaderBackground?: string;
+    handleHeightChange?: (height: string) => void;
+    origins?: string[];
+    deviceId?: string;
+    walletPubkey?: string | undefined | null;
+    blockchain?: 'solana' | 'eth' | 'polygon' | 'base' | 'arbitrum' | 'stellar' | 'monad';
+}
 export declare enum CardType {
     VISA = "VISA",
     MASTERCARD = "MSTR",

package/dist/lib/common/CoinflowUtils.d.ts

@@ -1,4 +1,4 @@
-import { CoinflowBlockchain, CoinflowEnvs, CoinflowIFrameProps, CoinflowPurchaseProps, CustomerInfo, WithGeo } from './CoinflowTypes';
+import { CoinflowBlockchain, CoinflowEnvs, CoinflowIFrameProps, CoinflowIntentsIFrameProps, CoinflowPurchaseProps, CustomerInfo, WithGeo } from './CoinflowTypes';
 export declare class CoinflowUtils {
     env: CoinflowEnvs;
     url: string;
@@ -7,9 +7,12 @@ export declare class CoinflowUtils {
     static getCoinflowBaseUrl(env?: CoinflowEnvs): string;
     static getCoinflowAppBaseUrl(env?: CoinflowEnvs): string;
     static getCoinflowApiUrl(env?: CoinflowEnvs): string;
-    static getCoinflowUrl({ walletPubkey, sessionKey, route, routePrefix, env, subtotal, customPayInFees, presentment, transaction, blockchain, webhookInfo, email, loaderBackground, handleHeightChangeId, bankAccountLinkRedirect, additionalWallets, chargebackProtectionData, chargebackProtectionAccountType, merchantCss, color, rent, lockDefaultToken, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, threeDsChallengePreference, supportEmail, destinationAuthKey, allowedPaymentMethods, accountFundingTransaction, partialUsdcChecked, redemptionCheck, allowedWithdrawSpeeds, isZeroAuthorization, zeroAuthorizationConfig, userLocation, baseUrl, }: CoinflowIFrameProps & {
+    static getCoinflowUrl({ walletPubkey, sessionKey, route, routePrefix, env, subtotal, presentment, transaction, blockchain, webhookInfo, email, loaderBackground, handleHeightChangeId, bankAccountLinkRedirect, additionalWallets, chargebackProtectionData, chargebackProtectionAccountType, merchantCss, color, rent, lockDefaultToken, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, threeDsChallengePreference, supportEmail, destinationAuthKey, allowedPaymentMethods, accountFundingTransaction, partialUsdcChecked, redemptionCheck, allowedWithdrawSpeeds, isZeroAuthorization, zeroAuthorizationConfig, userLocation, baseUrl, }: CoinflowIFrameProps & {
         baseUrl?: string;
     } & WithGeo): string;
+    static getCoinflowIntentsUrl({ baseUrl, route, color, theme, env, origins, deviceId, merchantCss, loaderBackground, handleHeightChangeId, }: CoinflowIntentsIFrameProps & {
+        baseUrl?: string;
+    }): string;
     static getTransaction(props: CoinflowPurchaseProps): string | undefined;
     static byBlockchain<T>(blockchain: CoinflowBlockchain, args: {
         solana: T;

package/dist/testing/CardFormV2Test.vue.d.ts

@@ -0,0 +1,41 @@
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    cardForm: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        args: {
+            type: import('vue').PropType<{
+                merchantId: string;
+                env?: import('..').CoinflowEnvs;
+                theme?: import('..').MerchantTheme;
+                variant: "card-form" | "card-number-form" | "cvv-form";
+                token?: string;
+                onLoad?: () => void;
+            }>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        tokenize: () => Promise<import('../components/card-form/CoinflowCardFormV2.vue').CardFormV2TokenResponse>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {}, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        iframeRef: HTMLIFrameElement;
+    }, HTMLIFrameElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        args: {
+            type: import('vue').PropType<{
+                merchantId: string;
+                env?: import('..').CoinflowEnvs;
+                theme?: import('..').MerchantTheme;
+                variant: "card-form" | "card-number-form" | "cvv-form";
+                token?: string;
+                onLoad?: () => void;
+            }>;
+            required: true;
+        };
+    }>> & Readonly<{}>, {
+        tokenize: () => Promise<import('../components/card-form/CoinflowCardFormV2.vue').CardFormV2TokenResponse>;
+    }, {}, {}, {}, {}> | null;
+}, HTMLDivElement>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coinflowlabs/vue",
   "private": false,
-  "version": "1.13.0",
+  "version": "1.15.0",
   "type": "module",
   "files": [
     "dist",