@coinflowlabs/vue 0.2.7 → 0.2.8

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
 import { CoinflowIFrameProps, IFrameMessageHandlers } from '../lib/common';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowIFrameProps & IFrameMessageHandlers>;
         required: true;
     };
-}, unknown, unknown, {
+}>, {}, {}, {
     url(): string;
 }, {
     sendMessage(message: string): void;
@@ -16,7 +16,7 @@ declare const _default: import('vue').DefineComponent<{
     listenForMessage(isResponseValid: (response: string) => boolean): Promise<string>;
     sendAndReceiveMessage(message: string, isResponseValid: (response: string) => boolean): Promise<string>;
 }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    onMessage({ data, origin }: {
+    onMessage(_data: {
         data: string;
         origin: string;
     }): true;
@@ -25,10 +25,10 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<CoinflowIFrameProps & IFrameMessageHandlers>;
         required: true;
     };
-}>> & {
-    onOnMessage?: ((args_0: {
+}>> & Readonly<{
+    onOnMessage?: ((_data: {
         data: string;
         origin: string;
     }) => any) | undefined;
-}, {}, {}>;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
 import { CoinflowPurchaseProps } from '../lib/common';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowPurchaseProps>;
         required: true;
     };
-}, unknown, unknown, {
+}>, {}, {}, {
     iframeProps(): {
         walletPubkey: string | null | undefined;
         route: string;
@@ -35,6 +35,7 @@ declare const _default: import('vue').DefineComponent<{
         authOnly?: boolean;
         deviceId?: string;
         jwtToken?: string;
+        supportEmail?: string;
         origins?: string[];
         threeDsChallengePreference?: import('../lib/common').ThreeDsChallengePreference;
         merchantId: string;
@@ -63,6 +64,7 @@ declare const _default: import('vue').DefineComponent<{
         authOnly?: boolean;
         deviceId?: string;
         jwtToken?: string;
+        supportEmail?: string;
         origins?: string[];
         threeDsChallengePreference?: import('../lib/common').ThreeDsChallengePreference;
         merchantId: string;
@@ -90,6 +92,7 @@ declare const _default: import('vue').DefineComponent<{
         authOnly?: boolean;
         deviceId?: string;
         jwtToken?: string;
+        supportEmail?: string;
         origins?: string[];
         threeDsChallengePreference?: import('../lib/common').ThreeDsChallengePreference;
         merchantId: string;
@@ -117,6 +120,7 @@ declare const _default: import('vue').DefineComponent<{
         authOnly?: boolean;
         deviceId?: string;
         jwtToken?: string;
+        supportEmail?: string;
         origins?: string[];
         threeDsChallengePreference?: import('../lib/common').ThreeDsChallengePreference;
         merchantId: string;
@@ -144,6 +148,7 @@ declare const _default: import('vue').DefineComponent<{
         authOnly?: boolean;
         deviceId?: string;
         jwtToken?: string;
+        supportEmail?: string;
         origins?: string[];
         threeDsChallengePreference?: import('../lib/common').ThreeDsChallengePreference;
         merchantId: string;
@@ -171,6 +176,7 @@ declare const _default: import('vue').DefineComponent<{
         authOnly?: boolean;
         deviceId?: string;
         jwtToken?: string;
+        supportEmail?: string;
         origins?: string[];
         threeDsChallengePreference?: import('../lib/common').ThreeDsChallengePreference;
         merchantId: string;
@@ -191,5 +197,37 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<CoinflowPurchaseProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {
+    CoinflowIFrame: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        args: {
+            type: PropType<import('../lib/common').CoinflowIFrameProps & import('../lib/common').IFrameMessageHandlers>;
+            required: true;
+        };
+    }>, {}, {}, {
+        url(): string;
+    }, {
+        sendMessage(message: string): void;
+        handleIframeMessages({ data, origin }: {
+            data: string;
+            origin: string;
+        }): void;
+        listenForMessage(isResponseValid: (response: string) => boolean): Promise<string>;
+        sendAndReceiveMessage(message: string, isResponseValid: (response: string) => boolean): Promise<string>;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        onMessage(_data: {
+            data: string;
+            origin: string;
+        }): true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        args: {
+            type: PropType<import('../lib/common').CoinflowIFrameProps & import('../lib/common').IFrameMessageHandlers>;
+            required: true;
+        };
+    }>> & Readonly<{
+        onOnMessage?: ((_data: {
+            data: string;
+            origin: string;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,6 +1,6 @@
 import { PropType } from 'vue';
 import { CoinflowEnvs } from '../lib/common';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<{
             env: CoinflowEnvs;
@@ -8,7 +8,7 @@ declare const _default: import('vue').DefineComponent<{
         }>;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<{
             env: CoinflowEnvs;
@@ -16,5 +16,5 @@ declare const _default: import('vue').DefineComponent<{
         }>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,11 +1,11 @@
 import { PropType } from 'vue';
 import { CoinflowWithdrawProps } from '../lib/common';
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowWithdrawProps>;
         required: true;
     };
-}, unknown, unknown, {
+}>, {}, {}, {
     iframeProps(): {
         walletPubkey: string | null | undefined;
         route: string;
@@ -168,5 +168,37 @@ declare const _default: import('vue').DefineComponent<{
         type: PropType<CoinflowWithdrawProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {
+    CoinflowIFrame: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        args: {
+            type: PropType<import('../lib/common').CoinflowIFrameProps & import('../lib/common').IFrameMessageHandlers>;
+            required: true;
+        };
+    }>, {}, {}, {
+        url(): string;
+    }, {
+        sendMessage(message: string): void;
+        handleIframeMessages({ data, origin }: {
+            data: string;
+            origin: string;
+        }): void;
+        listenForMessage(isResponseValid: (response: string) => boolean): Promise<string>;
+        sendAndReceiveMessage(message: string, isResponseValid: (response: string) => boolean): Promise<string>;
+    }, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        onMessage(_data: {
+            data: string;
+            origin: string;
+        }): true;
+    }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        args: {
+            type: PropType<import('../lib/common').CoinflowIFrameProps & import('../lib/common').IFrameMessageHandlers>;
+            required: true;
+        };
+    }>> & Readonly<{
+        onOnMessage?: ((_data: {
+            data: string;
+            origin: string;
+        }) => any) | undefined;
+    }>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/card-form/CoinflowCardNumberInput.vue.d.ts

@@ -1,17 +1,17 @@
 import { CoinflowCardNumberInputProps, CoinflowCardTokenResponse } from '../../lib/common';
 import { PropType } from 'vue';
 declare function getToken(): Promise<CoinflowCardTokenResponse>;
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowCardNumberInputProps>;
         required: true;
     };
-}, {
+}>, {
     getToken: typeof getToken;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowCardNumberInputProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/card-form/CoinflowCardNumberOnlyInput.vue.d.ts

@@ -1,17 +1,17 @@
 import { CoinflowCardNumberInputProps, CoinflowCardTokenResponse } from '../../lib/common';
 import { PropType } from 'vue';
 declare function getToken(): Promise<CoinflowCardTokenResponse>;
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowCardNumberInputProps>;
         required: true;
     };
-}, {
+}>, {
     getToken: typeof getToken;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowCardNumberInputProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/card-form/CoinflowCvvInput.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/card-form/CoinflowCvvOnlyInput.vue.d.ts

@@ -1,17 +1,17 @@
 import { PropType } from 'vue';
 import { CoinflowCardTokenResponse, CoinflowCvvOnlyInputProps } from '../../lib/common';
 declare function getToken(): Promise<CoinflowCardTokenResponse>;
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowCvvOnlyInputProps>;
         required: true;
     };
-}, {
+}>, {
     getToken: typeof getToken;
-}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowCvvOnlyInputProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/card-form/useCardformIframe.d.ts

@@ -17,13 +17,30 @@ declare const useCardFormIframe: (env: CoinflowEnvs) => {
         binLookup: () => void;
         validateConfig: () => void;
         setFraudServicesRequestDetails: (data: string) => void;
+    } | undefined, TokenExIframe | {
+        tokenize: () => Promise<import('../../lib/common').TokenizationResponse>;
+        load: () => void;
+        on: (event: string, callback: (data?: any) => void) => void;
+        validate: () => void;
+        reset: () => void;
+        blur: () => void;
+        cvvBlur: () => void;
+        focus: () => void;
+        cvvFocus: () => void;
+        remove: () => void;
+        toggleMask: () => void;
+        toggleCvvMask: () => void;
+        setPAN: (pan: string) => void;
+        binLookup: () => void;
+        validateConfig: () => void;
+        setFraudServicesRequestDetails: (data: string) => void;
     } | undefined>;
     initializeTokenExIframe: (args: Omit<Parameters<typeof doInitializeTokenExIframe>[0], "env" | "tokenExScriptLoaded" | "setCachedToken" | "setLoaded">) => Promise<TokenExIframe | undefined>;
     initializeCvvOnlyTokenExIframe: (args: Omit<Parameters<typeof doInitializeCvvOnlyTokenExIframe>[0], "env" | "tokenExScriptLoaded" | "setCachedToken" | "setLoaded">) => Promise<TokenExIframe | undefined>;
     initializeTokenExCardOnlyIframe: (args: Omit<Parameters<typeof doInitializeTokenExCardOnlyIframe>[0], "env" | "tokenExScriptLoaded" | "setCachedToken" | "setLoaded">) => Promise<TokenExIframe | undefined>;
-    loaded: import('vue').Ref<boolean>;
-    cachedToken: import('vue').Ref<string | undefined>;
+    loaded: import('vue').Ref<boolean, boolean>;
+    cachedToken: import('vue').Ref<string | undefined, string | undefined>;
     setTokenExScriptTag: typeof setTokenExScriptTag;
-    tokenExScriptLoaded: import('vue').Ref<boolean>;
+    tokenExScriptLoaded: import('vue').Ref<boolean, boolean>;
 };
 export default useCardFormIframe;

package/dist/components/mobile-wallet/ApplePayOverlay.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/mobile-wallet/CoinflowApplePayButton.vue.d.ts

@@ -1,18 +1,14 @@
 import { PropType } from 'vue';
-import { CoinflowPurchaseProps } from '../../lib/common';
-declare const _default: import('vue').DefineComponent<{
+import { CoinflowMobileWalletProps } from './MobileWalletButton.vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
-        type: PropType<CoinflowPurchaseProps & {
-            color: "white" | "black";
-        }>;
+        type: PropType<CoinflowMobileWalletProps>;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
-        type: PropType<CoinflowPurchaseProps & {
-            color: "white" | "black";
-        }>;
+        type: PropType<CoinflowMobileWalletProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/mobile-wallet/CoinflowGooglePayButton.vue.d.ts

@@ -1,18 +1,14 @@
 import { PropType } from 'vue';
-import { CoinflowPurchaseProps } from '../../lib/common';
-declare const _default: import('vue').DefineComponent<{
+import { CoinflowMobileWalletProps } from './MobileWalletButton.vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
-        type: PropType<CoinflowPurchaseProps & {
-            color: "white" | "black";
-        }>;
+        type: PropType<CoinflowMobileWalletProps>;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
-        type: PropType<CoinflowPurchaseProps & {
-            color: "white" | "black";
-        }>;
+        type: PropType<CoinflowMobileWalletProps>;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/mobile-wallet/GooglePayOverlay.vue.d.ts

@@ -1,12 +1,12 @@
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: true;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     color: {
         type: StringConstructor;
         required: true;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/dist/components/mobile-wallet/MobileWalletButton.vue.d.ts

@@ -1,5 +1,9 @@
 import { PropType } from 'vue';
 import { CoinflowPurchaseProps } from '../../lib/common';
+export type CoinflowMobileWalletProps = CoinflowPurchaseProps & {
+    color: 'white' | 'black';
+    onError?: (error: string) => void;
+};
 declare function __VLS_template(): {
     slots: {
         default?(_: {}): any;
@@ -8,11 +12,9 @@ declare function __VLS_template(): {
     attrs: Partial<{}>;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
-declare const __VLS_component: import('vue').DefineComponent<{
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     args: {
-        type: PropType<CoinflowPurchaseProps & {
-            color: "white" | "black";
-        }>;
+        type: PropType<CoinflowMobileWalletProps>;
         required: true;
     };
     route: {
@@ -27,11 +29,9 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
-        type: PropType<CoinflowPurchaseProps & {
-            color: "white" | "black";
-        }>;
+        type: PropType<CoinflowMobileWalletProps>;
         required: true;
     };
     route: {
@@ -46,7 +46,7 @@ declare const __VLS_component: import('vue').DefineComponent<{
         type: StringConstructor;
         required: false;
     };
-}>>, {}, {}>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;
 type __VLS_WithTemplateSlots<T, S> = T & {

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

@@ -23,7 +23,8 @@ declare enum IFrameMessageMethods {
     SignTransaction = "signTransaction",
     SendTransaction = "sendTransaction",
     HeightChange = "heightChange",
-    Success = "success"
+    Success = "success",
+    Load = "load"
 }
 export declare function getWalletPubkey({ wallet, }: Pick<CoinflowPurchaseProps, 'wallet'>): string | null | undefined;
 export declare function handleIFrameMessage(rawMessage: string, handlers: IFrameMessageHandlers): Promise<string> | void;

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

@@ -169,6 +169,10 @@ export interface CoinflowCommonPurchaseProps extends CoinflowTypes {
     authOnly?: boolean;
     deviceId?: string;
     jwtToken?: string;
+    /**
+     * Your company email address that the customer can contact.
+     */
+    supportEmail?: string;
     /**
      * If rendering the Coinflow component within multiple nested iframes, all ancestors in the chain must be provided as a comma-separated list.
      *
@@ -307,7 +311,7 @@ export interface TokenRedeem extends CommonEvmRedeem {
     destination: string;
 }
 export type EvmTransactionData = SafeMintRedeem | ReturnedTokenIdRedeem | ReservoirRedeem | KnownTokenIdRedeem | NormalRedeem | TokenRedeem;
-export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'webhookInfo' | 'amount' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken' | 'origins' | 'threeDsChallengePreference'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken' | 'origins'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'token'> {
+export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'webhookInfo' | 'amount' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken' | 'origins' | 'threeDsChallengePreference' | 'supportEmail'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken' | 'origins'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'token'> {
     walletPubkey: string | null | undefined;
     route: string;
     routePrefix?: string;

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

@@ -9,7 +9,7 @@ export declare class CoinflowUtils {
     }>;
     static getCoinflowBaseUrl(env?: CoinflowEnvs): string;
     static getCoinflowApiUrl(env?: CoinflowEnvs): string;
-    static getCoinflowUrl({ walletPubkey, route, routePrefix, env, amount, transaction, blockchain, webhookInfo, email, loaderBackground, handleHeightChange, bankAccountLinkRedirect, additionalWallets, nearDeposit, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, token, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, threeDsChallengePreference, }: CoinflowIFrameProps): string;
+    static getCoinflowUrl({ walletPubkey, route, routePrefix, env, amount, transaction, blockchain, webhookInfo, email, loaderBackground, handleHeightChange, bankAccountLinkRedirect, additionalWallets, nearDeposit, chargebackProtectionData, merchantCss, color, rent, lockDefaultToken, token, tokens, planCode, disableApplePay, disableGooglePay, customerInfo, settlementType, lockAmount, nativeSolToConvert, theme, usePermit, transactionSigner, authOnly, deviceId, jwtToken, origins, threeDsChallengePreference, supportEmail, }: CoinflowIFrameProps): string;
     static getTransaction(props: CoinflowPurchaseProps): string | undefined;
     static byBlockchain<T>(blockchain: CoinflowBlockchain, args: {
         solana: T;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coinflowlabs/vue",
   "private": false,
-  "version": "0.2.7",
+  "version": "0.2.8",
   "type": "module",
   "files": [
     "dist",
@@ -33,19 +33,19 @@
   "devDependencies": {
     "@types/bs58": "^4.0.4",
     "@rushstack/eslint-patch": "^1.10.4",
-    "@types/node": "^22.5.5",
+    "@types/node": "^22.7.5",
     "@vitejs/plugin-vue": "^5.1.4",
-    "@vue/eslint-config-prettier": "^7.0.0",
+    "@vue/eslint-config-prettier": "^10.0.0",
     "@vue/eslint-config-typescript": "^13.0.0",
     "copyfiles": "^2.4.1",
     "eslint": "^8.57.1",
-    "eslint-plugin-vue": "^9.28.0",
+    "eslint-plugin-vue": "^9.29.0",
     "prettier": "^3.3.3",
     "typescript": "^5.5.4",
-    "vite": "^5.4.7",
-    "vite-plugin-dts": "^4.2.1",
-    "vitepress": "^1.3.4",
-    "vue": "^3.4.38",
+    "vite": "^5.4.8",
+    "vite-plugin-dts": "^4.2.3",
+    "vitepress": "^1.4.1",
+    "vue": "^3.5.11",
     "vue-tsc": "^2.1.6"
   },
   "dependencies": {