@coinflowlabs/vue 0.2.4 → 0.2.6

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

@@ -1,7 +1,6 @@
-/// <reference types="@solana/web3.js" />
-import { PropType } from "vue";
-import { CoinflowPurchaseProps } from "../../lib/common";
-declare const _sfc_main: import("vue").DefineComponent<{
+import { PropType } from 'vue';
+import { CoinflowPurchaseProps } from '../../lib/common';
+declare const _default: import('vue').DefineComponent<{
     args: {
         type: PropType<CoinflowPurchaseProps & {
             color: "white" | "black";
@@ -12,201 +11,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: true;
     };
-}, {
-    onSuccess: import("../../lib/common").OnSuccessMethod | undefined;
-    iframeProps: () => {
-        walletPubkey: string | null | undefined;
-        transaction: undefined;
-        routePrefix: string;
-        route: string;
-        wallet: import("../../lib/common").SolanaWallet;
-        partialSigners?: import("@solana/web3.js").Signer[] | undefined;
-        debugTx?: boolean | undefined;
-        connection: import("@solana/web3.js").Connection;
-        blockchain: "solana";
-        token?: string | import("@solana/web3.js").PublicKey | undefined;
-        rent?: {
-            lamports: string | number;
-        } | undefined;
-        nativeSolToConvert?: {
-            lamports: string | number;
-        } | undefined;
-        amount?: string | number | undefined;
-        onSuccess?: import("../../lib/common").OnSuccessMethod | undefined;
-        webhookInfo?: object | undefined;
-        email?: string | undefined;
-        chargebackProtectionData?: import("../../lib/common").ChargebackProtectionData | undefined;
-        planCode?: string | undefined;
-        disableApplePay?: boolean | undefined;
-        disableGooglePay?: boolean | undefined;
-        customerInfo?: import("../../lib/common").CustomerInfo | undefined;
-        settlementType?: import("../../lib/common").SettlementType | undefined;
-        authOnly?: boolean | undefined;
-        deviceId?: string | undefined;
-        jwtToken?: string | undefined;
-        origins?: string[] | undefined;
-        merchantId: string;
-        env?: import("../../lib/common").CoinflowEnvs | undefined;
-        loaderBackground?: string | undefined;
-        handleHeightChange?: ((height: string) => void) | undefined;
-        theme?: import("../../lib/common").MerchantTheme | undefined;
-        color: "white" | "black";
-    } | {
-        walletPubkey: string | null | undefined;
-        transaction: undefined;
-        routePrefix: string;
-        route: string;
-        wallet: import("../../lib/common").NearWallet;
-        blockchain: "near";
-        action?: import("../../lib/common").NearFtTransferCallAction | undefined;
-        nearDeposit?: string | undefined;
-        amount?: string | number | undefined;
-        onSuccess?: import("../../lib/common").OnSuccessMethod | undefined;
-        webhookInfo?: object | undefined;
-        email?: string | undefined;
-        chargebackProtectionData?: import("../../lib/common").ChargebackProtectionData | undefined;
-        planCode?: string | undefined;
-        disableApplePay?: boolean | undefined;
-        disableGooglePay?: boolean | undefined;
-        customerInfo?: import("../../lib/common").CustomerInfo | undefined;
-        settlementType?: import("../../lib/common").SettlementType | undefined;
-        authOnly?: boolean | undefined;
-        deviceId?: string | undefined;
-        jwtToken?: string | undefined;
-        origins?: string[] | undefined;
-        merchantId: string;
-        env?: import("../../lib/common").CoinflowEnvs | undefined;
-        loaderBackground?: string | undefined;
-        handleHeightChange?: ((height: string) => void) | undefined;
-        theme?: import("../../lib/common").MerchantTheme | undefined;
-        color: "white" | "black";
-    } | {
-        walletPubkey: string | null | undefined;
-        transaction: undefined;
-        routePrefix: string;
-        route: string;
-        blockchain: "polygon";
-        token?: string | undefined;
-        wallet: import("../../lib/common").EthWallet;
-        amount?: string | number | undefined;
-        onSuccess?: import("../../lib/common").OnSuccessMethod | undefined;
-        webhookInfo?: object | undefined;
-        email?: string | undefined;
-        chargebackProtectionData?: import("../../lib/common").ChargebackProtectionData | undefined;
-        planCode?: string | undefined;
-        disableApplePay?: boolean | undefined;
-        disableGooglePay?: boolean | undefined;
-        customerInfo?: import("../../lib/common").CustomerInfo | undefined;
-        settlementType?: import("../../lib/common").SettlementType | undefined;
-        authOnly?: boolean | undefined;
-        deviceId?: string | undefined;
-        jwtToken?: string | undefined;
-        origins?: string[] | undefined;
-        merchantId: string;
-        env?: import("../../lib/common").CoinflowEnvs | undefined;
-        loaderBackground?: string | undefined;
-        handleHeightChange?: ((height: string) => void) | undefined;
-        theme?: import("../../lib/common").MerchantTheme | undefined;
-        color: "white" | "black";
-    } | {
-        walletPubkey: string | null | undefined;
-        transaction: undefined;
-        routePrefix: string;
-        route: string;
-        blockchain: "eth";
-        token?: string | undefined;
-        wallet: import("../../lib/common").EthWallet;
-        amount?: string | number | undefined;
-        onSuccess?: import("../../lib/common").OnSuccessMethod | undefined;
-        webhookInfo?: object | undefined;
-        email?: string | undefined;
-        chargebackProtectionData?: import("../../lib/common").ChargebackProtectionData | undefined;
-        planCode?: string | undefined;
-        disableApplePay?: boolean | undefined;
-        disableGooglePay?: boolean | undefined;
-        customerInfo?: import("../../lib/common").CustomerInfo | undefined;
-        settlementType?: import("../../lib/common").SettlementType | undefined;
-        authOnly?: boolean | undefined;
-        deviceId?: string | undefined;
-        jwtToken?: string | undefined;
-        origins?: string[] | undefined;
-        merchantId: string;
-        env?: import("../../lib/common").CoinflowEnvs | undefined;
-        loaderBackground?: string | undefined;
-        handleHeightChange?: ((height: string) => void) | undefined;
-        theme?: import("../../lib/common").MerchantTheme | undefined;
-        color: "white" | "black";
-    } | {
-        walletPubkey: string | null | undefined;
-        transaction: undefined;
-        routePrefix: string;
-        route: string;
-        blockchain: "base";
-        token?: string | undefined;
-        wallet: import("../../lib/common").EthWallet;
-        amount?: string | number | undefined;
-        onSuccess?: import("../../lib/common").OnSuccessMethod | undefined;
-        webhookInfo?: object | undefined;
-        email?: string | undefined;
-        chargebackProtectionData?: import("../../lib/common").ChargebackProtectionData | undefined;
-        planCode?: string | undefined;
-        disableApplePay?: boolean | undefined;
-        disableGooglePay?: boolean | undefined;
-        customerInfo?: import("../../lib/common").CustomerInfo | undefined;
-        settlementType?: import("../../lib/common").SettlementType | undefined;
-        authOnly?: boolean | undefined;
-        deviceId?: string | undefined;
-        jwtToken?: string | undefined;
-        origins?: string[] | undefined;
-        merchantId: string;
-        env?: import("../../lib/common").CoinflowEnvs | undefined;
-        loaderBackground?: string | undefined;
-        handleHeightChange?: ((height: string) => void) | undefined;
-        theme?: import("../../lib/common").MerchantTheme | undefined;
-        color: "white" | "black";
-    };
-    messageHandlers: () => {
-        handleHeightChange: ((height: string) => void) | undefined;
-        onSuccess: import("../../lib/common").OnSuccessMethod | undefined;
-        handleSendTransaction: (transaction: string) => Promise<string>;
-        handleSignMessage?: ((message: string) => Promise<string>) | undefined;
-        handleSignTransaction?: ((transaction: string) => Promise<string>) | undefined;
-    };
-    handleMessage: ({ data }: {
-        data: string;
-    }) => void;
-    CoinflowIFrame: import("vue").DefineComponent<{
-        args: {
-            type: PropType<import("../../lib/common").CoinflowIFrameProps & import("../../lib/common").IFrameMessageHandlers>;
-            required: true;
-        };
-    }, unknown, unknown, {
-        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, origin }: {
-            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;
-        };
-    }>> & {
-        onOnMessage?: ((args_0: {
-            data: string;
-            origin: string;
-        }) => any) | undefined;
-    }, {}, {}>;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     args: {
         type: PropType<CoinflowPurchaseProps & {
             color: "white" | "black";
@@ -218,4 +23,4 @@ declare const _sfc_main: import("vue").DefineComponent<{
         required: true;
     };
 }>>, {}, {}>;
-export default _sfc_main;
+export default _default;

package/dist/index.d.ts

@@ -1,12 +1,12 @@
-import CoinflowIframe from "./components/CoinflowIframe.vue";
-import CoinflowWithdraw from "./components/CoinflowWithdraw.vue";
-import CoinflowPurchase from "./components/CoinflowPurchase.vue";
-import CoinflowCardNumberInput from "./components/card-form/CoinflowCardNumberInput.vue";
-import CoinflowCvvInput from "./components/card-form/CoinflowCvvInput.vue";
-import CoinflowCvvOnlyInput from "./components/card-form/CoinflowCvvInput.vue";
-import CoinflowPurchaseProtection from './components/CoinflowPurchaseProtection.vue';
-import CoinflowCardNumberOnlyInput from './components/card-form/CoinflowCardNumberOnlyInput.vue';
-import CoinflowApplePayButton from "./components/mobile-wallet/CoinflowApplePayButton.vue";
-import CoinflowGooglePayButton from "./components/mobile-wallet/CoinflowGooglePayButton.vue";
+import { default as CoinflowIframe } from './components/CoinflowIframe.vue';
+import { default as CoinflowWithdraw } from './components/CoinflowWithdraw.vue';
+import { default as CoinflowPurchase } from './components/CoinflowPurchase.vue';
+import { default as CoinflowCardNumberInput } from './components/card-form/CoinflowCardNumberInput.vue';
+import { default as CoinflowCvvInput } from './components/card-form/CoinflowCvvInput.vue';
+import { default as CoinflowCvvOnlyInput } from './components/card-form/CoinflowCvvOnlyInput.vue';
+import { default as CoinflowPurchaseProtection } from './components/CoinflowPurchaseProtection.vue';
+import { default as CoinflowCardNumberOnlyInput } from './components/card-form/CoinflowCardNumberOnlyInput.vue';
+import { default as CoinflowApplePayButton } from './components/mobile-wallet/CoinflowApplePayButton.vue';
+import { default as CoinflowGooglePayButton } from './components/mobile-wallet/CoinflowGooglePayButton.vue';
 export * from './lib/common';
-export { CoinflowIframe, CoinflowWithdraw, CoinflowCvvInput, CoinflowCardNumberInput, CoinflowPurchase, CoinflowPurchaseProtection, CoinflowCvvOnlyInput, CoinflowCardNumberOnlyInput, CoinflowApplePayButton, CoinflowGooglePayButton };
+export { CoinflowIframe, CoinflowWithdraw, CoinflowCvvInput, CoinflowCardNumberInput, CoinflowPurchase, CoinflowPurchaseProtection, CoinflowCvvOnlyInput, CoinflowCardNumberOnlyInput, CoinflowApplePayButton, CoinflowGooglePayButton, };

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

@@ -1,4 +1,4 @@
-import type { Connection, VersionedTransaction, PublicKey, Signer, Transaction } from '@solana/web3.js';
+import { Connection, VersionedTransaction, PublicKey, Signer, Transaction } from '@solana/web3.js';
 export declare enum SettlementType {
     Credits = "Credits",
     USDC = "USDC",
@@ -147,6 +147,11 @@ export interface ChargebackProtectionItem {
      */
     rawProductData?: RawProductData;
 }
+export declare enum ThreeDsChallengePreference {
+    NoPreference = "NoPreference",
+    Frictionless = "Frictionless",
+    Challenge = "Challenge"
+}
 export interface CoinflowCommonPurchaseProps extends CoinflowTypes {
     amount?: number | string;
     onSuccess?: OnSuccessMethod;
@@ -170,6 +175,7 @@ export interface CoinflowCommonPurchaseProps extends CoinflowTypes {
      * The origin array would then be: [https://foo.com,https://bar.com]
      */
     origins?: string[];
+    threeDsChallengePreference?: ThreeDsChallengePreference;
 }
 export interface CoinflowSolanaPurchaseProps extends CoinflowCommonPurchaseProps {
     wallet: SolanaWallet;
@@ -287,8 +293,12 @@ export interface ReservoirRedeem extends CommonEvmRedeem {
     items: ReservoirItems;
     taker?: string;
 }
-export type EvmTransactionData = SafeMintRedeem | ReturnedTokenIdRedeem | ReservoirRedeem | KnownTokenIdRedeem | NormalRedeem;
-export interface CoinflowIFrameProps extends Omit<CoinflowTypes, 'merchantId'>, Pick<CoinflowCommonPurchaseProps, 'chargebackProtectionData' | 'webhookInfo' | 'amount' | 'customerInfo' | 'settlementType' | 'email' | 'planCode' | 'deviceId' | 'jwtToken' | 'origins'>, Pick<CoinflowCommonWithdrawProps, 'bankAccountLinkRedirect' | 'additionalWallets' | 'transactionSigner' | 'lockAmount' | 'lockDefaultToken' | 'origins'>, Pick<CoinflowEvmPurchaseProps, 'authOnly'>, Pick<CoinflowSolanaPurchaseProps, 'rent' | 'nativeSolToConvert' | 'token'> {
+export interface TokenRedeem extends CommonEvmRedeem {
+    type: 'token';
+    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'> {
     walletPubkey: string | null | undefined;
     route: string;
     routePrefix?: string;

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

@@ -1,4 +1,4 @@
-import { CoinflowBlockchain, CoinflowEnvs, CoinflowIFrameProps, CoinflowPurchaseProps } from './CoinflowTypes';
+import { CoinflowBlockchain, CoinflowEnvs, CoinflowIFrameProps, CoinflowPurchaseProps, SolanaWallet } from './CoinflowTypes';
 export declare class CoinflowUtils {
     env: CoinflowEnvs;
     url: string;
@@ -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, }: 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, }: CoinflowIFrameProps): string;
     static getTransaction(props: CoinflowPurchaseProps): string | undefined;
     static byBlockchain<T>(blockchain: CoinflowBlockchain, args: {
         solana: T;
@@ -18,4 +18,9 @@ export declare class CoinflowUtils {
         polygon: T;
         base: T;
     }): T;
+    static getWalletFromEmail({ email, merchantId, env, }: {
+        email: string;
+        merchantId: string;
+        env: CoinflowEnvs;
+    }): Promise<SolanaWallet>;
 }

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

@@ -1,5 +1,5 @@
+import { default as base58Imported } from 'bs58';
 import * as SolanaWeb3Js from '@solana/web3.js';
-import base58Imported from 'bs58';
 declare const web3: typeof SolanaWeb3Js | undefined;
 declare const base58: typeof base58Imported | undefined;
 export { web3, base58 };

package/dist/lib/common/card-form/TokenEx.d.ts

@@ -1,3 +1,49 @@
+import { CardType, CoinflowEnvs } from '../CoinflowTypes';
+import { CSSProperties } from 'react';
+export declare const TokenExCardNumberIframeId = "tokenExCardNumber";
+export declare const TokenExCvvContainerID = "tokenExCardCvv";
+export interface TokenExIframe extends ReturnType<typeof TokenEx.Iframe> {
+    tokenize: () => Promise<TokenizationResponse>;
+}
+export declare const CARD_TYPE_MAPPING: Record<CardType, string>;
+export interface TokenExIFrameConfiguration {
+    origin: string;
+    timestamp: string;
+    tokenExID: string;
+    tokenScheme: string;
+    authenticationKey: string;
+    pci: true;
+    token?: string;
+}
+export interface CardFormInputStyles {
+    base: CSSProperties | string;
+    placeholder?: CSSProperties | string;
+    focus?: CSSProperties | string;
+    error?: CSSProperties | string;
+}
+export type CoinflowCardTokenResponse = {
+    token: string;
+};
+export interface CoinflowCardNumberInputProps {
+    env: CoinflowEnvs;
+    css: CardFormInputStyles & {
+        cvv: CardFormInputStyles;
+    };
+    debug?: boolean;
+    origins?: string[];
+    font?: string;
+}
+export interface CoinflowCvvOnlyInputProps {
+    token: string;
+    cardType: CardType;
+    env: CoinflowEnvs;
+    css: CardFormInputStyles & {
+        cvv: CardFormInputStyles;
+    };
+    debug?: boolean;
+    origins?: string[];
+    font?: string;
+}
 export interface TokenizationResponse {
     cardType: string;
     cvvIncluded: true;
@@ -32,8 +78,8 @@ declare global {
             returnWhash?: boolean;
             enforceLuhnCompliance?: boolean;
             use3DS?: boolean;
-            validateOnKeyUp?: boolean;
-            validateOnCvvKeyUp?: boolean;
+            enableValidateOnKeyUp?: boolean;
+            enableValidateOnCvvKeyUp?: boolean;
             expiresInSeconds?: number;
             useExtendedBIN?: boolean;
             inlineIframeJavaScript?: boolean;
@@ -76,9 +122,11 @@ declare global {
                 base: string;
                 focus: string;
                 error: string;
+                placeholder: string;
                 cvv: {
                     base: string;
                     focus: string;
+                    placeholder: string;
                     error: string;
                 };
             };

package/dist/lib/common/card-form/tokenexHelpers.d.ts

@@ -1,43 +1,28 @@
+import { TokenExIframe, TokenExIFrameConfiguration } from './TokenEx';
 import { CardType, CoinflowEnvs } from '../CoinflowTypes';
-import { TokenExIframe, TokenExIFrameConfiguration } from './cardFormTypes';
-export declare function getIframeConfig({ token, origins, env, }: {
-    token?: string;
-    origins: string[] | undefined;
-    env: CoinflowEnvs;
-}): Promise<TokenExIFrameConfiguration>;
-export declare function setTokenExScriptTag({ env, setTokenExScriptLoaded, }: {
-    env: CoinflowEnvs;
-    setTokenExScriptLoaded: (b: boolean) => void;
-}): void;
-export declare function doInitializeCvvOnlyTokenExIframe({ token, cardType, css, debug, fontFamily, origins, tokenExScriptLoaded, env, setCachedToken, setLoaded, }: {
-    token: string;
-    cardType: CardType;
+export interface DoInitializeTokenExIframeArgs {
     css: string;
     debug?: boolean;
-    fontFamily?: string;
+    font?: string;
     origins: string[] | undefined;
     tokenExScriptLoaded: boolean;
     env: CoinflowEnvs;
     setCachedToken: (s: string | undefined) => void;
     setLoaded: (b: boolean) => void;
-}): Promise<TokenExIframe | undefined>;
-export declare function doInitializeTokenExIframe({ css, debug, fontFamily, origins, tokenExScriptLoaded, env, setCachedToken, setLoaded, }: {
-    css: string;
-    debug?: boolean;
-    fontFamily?: string;
+}
+export interface DoInitializeCvvOnlyTokenExIframeArgs extends DoInitializeTokenExIframeArgs {
+    token: string;
+    cardType: CardType;
+}
+export declare function getIframeConfig({ token, origins, env, }: {
+    token?: string;
     origins: string[] | undefined;
-    tokenExScriptLoaded: boolean;
     env: CoinflowEnvs;
-    setCachedToken: (s: string | undefined) => void;
-    setLoaded: (b: boolean) => void;
-}): Promise<TokenExIframe | undefined>;
-export declare function doInitializeTokenExCardOnlyIframe({ css, debug, fontFamily, origins, tokenExScriptLoaded, env, setCachedToken, setLoaded, }: {
-    css: string;
-    debug?: boolean;
-    fontFamily?: string;
-    origins: string[] | undefined;
-    tokenExScriptLoaded: boolean;
+}): Promise<TokenExIFrameConfiguration>;
+export declare function setTokenExScriptTag({ env, setTokenExScriptLoaded, }: {
     env: CoinflowEnvs;
-    setCachedToken: (s: string | undefined) => void;
-    setLoaded: (b: boolean) => void;
-}): Promise<TokenExIframe | undefined>;
+    setTokenExScriptLoaded: (b: boolean) => void;
+}): void;
+export declare function doInitializeCvvOnlyTokenExIframe(args: DoInitializeCvvOnlyTokenExIframeArgs): Promise<TokenExIframe | undefined>;
+export declare function doInitializeTokenExIframe(args: DoInitializeTokenExIframeArgs): Promise<TokenExIframe | undefined>;
+export declare function doInitializeTokenExCardOnlyIframe(args: DoInitializeTokenExIframeArgs): Promise<TokenExIframe | undefined>;

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

@@ -1,6 +1,5 @@
 export * from './CoinflowTypes';
 export * from './CoinflowUtils';
 export * from './CoinflowLibMessageHandlers';
-export * from './card-form/cardFormTypes';
 export * from './card-form/TokenEx';
 export * from './card-form/tokenexHelpers';

package/dist/main.d.ts

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

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

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

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

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

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coinflowlabs/vue",
   "private": false,
-  "version": "0.2.4",
+  "version": "0.2.6",
   "type": "module",
   "files": [
     "dist",
@@ -27,25 +27,26 @@
   "peerDependencies": {
     "vue": "~3.4.30",
     "@solana/web3.js": ">=1.54.0",
-    "bs58": "^4.0.1"
+    "bs58": "^4.0.1",
+    "tweetnacl": "^1.0.3"
   },
   "devDependencies": {
     "@types/bs58": "^4.0.4",
-    "@rushstack/eslint-patch": "^1.2.0",
-    "@types/node": "^18.11.18",
-    "@vitejs/plugin-vue": "^4.0.0",
+    "@rushstack/eslint-patch": "^1.10.4",
+    "@types/node": "^22.5.0",
+    "@vitejs/plugin-vue": "^5.1.2",
     "@vue/eslint-config-prettier": "^7.0.0",
-    "@vue/eslint-config-typescript": "^11.0.2",
+    "@vue/eslint-config-typescript": "^13.0.0",
     "copyfiles": "^2.4.1",
     "eslint": "^8.31.0",
-    "eslint-plugin-vue": "^9.8.0",
-    "prettier": "^2.8.1",
-    "typescript": "^4.9.3",
-    "vite": "^4.0.0",
-    "vite-plugin-dts": "^1.7.1",
-    "vitepress": "^1.0.0-alpha.34",
-    "vue": "^3.2.45",
-    "vue-tsc": "^1.0.11"
+    "eslint-plugin-vue": "^9.27.0",
+    "prettier": "^3.3.3",
+    "typescript": "^5.5.4",
+    "vite": "^5.4.2",
+    "vite-plugin-dts": "^4.0.3",
+    "vitepress": "^1.3.4",
+    "vue": "^3.4.38",
+    "vue-tsc": "^2.0.29"
   },
   "dependencies": {
     "lz-string": "^1.5.0"
@@ -56,6 +57,9 @@
     },
     "bs58": {
       "optional": true
+    },
+    "tweetnacl": {
+      "optional": true
     }
   }
 }

package/dist/lib/common/card-form/cardFormTypes.d.ts

@@ -1,47 +0,0 @@
-import { CSSProperties } from 'react';
-import { TokenizationResponse } from './TokenEx';
-import { CardType, CoinflowEnvs } from '../CoinflowTypes';
-export declare const TokenExCardNumberIframeId = "tokenExCardNumber";
-export declare const TokenExCvvContainerID = "tokenExCardCvv";
-export interface TokenExIframe extends ReturnType<typeof TokenEx.Iframe> {
-    tokenize: () => Promise<TokenizationResponse>;
-}
-export declare const CARD_TYPE_MAPPING: Record<CardType, string>;
-export interface TokenExIFrameConfiguration {
-    origin: string;
-    timestamp: string;
-    tokenExID: string;
-    tokenScheme: string;
-    authenticationKey: string;
-    pci: true;
-    token?: string;
-}
-export interface CardFormInputStyles {
-    base: CSSProperties | string;
-    placeholder?: CSSProperties | string;
-    focus?: CSSProperties | string;
-    error?: CSSProperties | string;
-}
-export type CoinflowCardTokenResponse = {
-    token: string;
-};
-export interface CoinflowCardNumberInputProps {
-    env: CoinflowEnvs;
-    css: CardFormInputStyles & {
-        cvv: CardFormInputStyles;
-    };
-    debug?: boolean;
-    origins?: string[];
-    font?: string;
-}
-export interface CoinflowCvvOnlyInputProps {
-    token: string;
-    cardType: CardType;
-    env: CoinflowEnvs;
-    css: CardFormInputStyles & {
-        cvv: CardFormInputStyles;
-    };
-    debug?: boolean;
-    origins?: string[];
-    font?: string;
-}