@coinflowlabs/vue 1.11.0 → 1.12.1

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

@@ -0,0 +1,38 @@
+import { PropType } from 'vue';
+import { CoinflowEnvs, MerchantTheme } from '../../lib/common';
+export interface CardFormV2TokenResponse {
+    token: string;
+    expMonth?: string;
+    expYear?: string;
+}
+declare function tokenize(): Promise<CardFormV2TokenResponse>;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    args: {
+        type: PropType<{
+            merchantId: string;
+            env?: CoinflowEnvs;
+            theme?: MerchantTheme;
+            variant: "card-form" | "card-number-form" | "cvv-form";
+            token?: string;
+            onLoad?: () => void;
+        }>;
+        required: true;
+    };
+}>, {
+    tokenize: typeof tokenize;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    args: {
+        type: PropType<{
+            merchantId: string;
+            env?: CoinflowEnvs;
+            theme?: MerchantTheme;
+            variant: "card-form" | "card-number-form" | "cvv-form";
+            token?: string;
+            onLoad?: () => void;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    iframeRef: HTMLIFrameElement;
+}, HTMLIFrameElement>;
+export default _default;

package/dist/index.d.ts

@@ -6,7 +6,81 @@ import { default as CoinflowCvvInput } from './components/card-form/CoinflowCvvI
 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 CoinflowCardFormV2 } from './components/card-form/CoinflowCardFormV2.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, CoinflowCvvOnlyInput, CoinflowPurchaseProtection, CoinflowCardNumberOnlyInput, CoinflowApplePayButton, CoinflowGooglePayButton, };
+declare const CoinflowCardForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<{
+            merchantId: string;
+            env?: import('./lib/common').CoinflowEnvs;
+            theme?: import('./lib/common').MerchantTheme;
+            variant: "card-form" | "card-number-form" | "cvv-form";
+            token?: string;
+            onLoad?: () => void;
+        }>;
+        required: true;
+    };
+}>, {
+    tokenize: () => Promise<import('./components/card-form/CoinflowCardFormV2.vue').CardFormV2TokenResponse>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<{
+            merchantId: string;
+            env?: import('./lib/common').CoinflowEnvs;
+            theme?: import('./lib/common').MerchantTheme;
+            variant: "card-form" | "card-number-form" | "cvv-form";
+            token?: string;
+            onLoad?: () => void;
+        }>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {
+    iframeRef: HTMLIFrameElement;
+}, HTMLIFrameElement>;
+/** @deprecated Use CoinflowCardForm instead */
+declare const CoinflowLegacyCardNumberInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<import('./lib/common').CoinflowCardNumberInputProps & import('./lib/common').MerchantIdOrCheckoutJwt>;
+        required: true;
+    };
+}>, {
+    getToken: () => Promise<import('./lib/common').CoinflowCardTokenResponse>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<import('./lib/common').CoinflowCardNumberInputProps & import('./lib/common').MerchantIdOrCheckoutJwt>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+/** @deprecated Use CoinflowCardForm instead */
+declare const CoinflowLegacyCvvInput: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+/** @deprecated Use CoinflowCardForm instead */
+declare const CoinflowLegacyCvvOnlyInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<import('./lib/common').CoinflowCvvOnlyInputProps & import('./lib/common').MerchantIdOrCheckoutJwt>;
+        required: true;
+    };
+}>, {
+    getToken: () => Promise<import('./lib/common').CoinflowCardTokenResponse>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<import('./lib/common').CoinflowCvvOnlyInputProps & import('./lib/common').MerchantIdOrCheckoutJwt>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+/** @deprecated Use CoinflowCardForm instead */
+declare const CoinflowLegacyCardNumberOnlyInput: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<import('./lib/common').CoinflowCardNumberInputProps & import('./lib/common').MerchantIdOrCheckoutJwt>;
+        required: true;
+    };
+}>, {
+    getToken: () => Promise<import('./lib/common').CoinflowCardTokenResponse>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    args: {
+        type: import('vue').PropType<import('./lib/common').CoinflowCardNumberInputProps & import('./lib/common').MerchantIdOrCheckoutJwt>;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+export { CoinflowIframe, CoinflowWithdraw, CoinflowPurchase, CoinflowPurchaseProtection, CoinflowApplePayButton, CoinflowGooglePayButton, CoinflowCardForm, CoinflowCardFormV2, CoinflowLegacyCardNumberInput, CoinflowLegacyCvvInput, CoinflowLegacyCvvOnlyInput, CoinflowLegacyCardNumberOnlyInput, CoinflowCardNumberInput, CoinflowCvvInput, CoinflowCvvOnlyInput, CoinflowCardNumberOnlyInput, };

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

@@ -86,6 +86,12 @@ export type MerchantTheme = {
     ctaColor?: string;
     font?: string;
     style?: MerchantStyle;
+    fontSize?: string;
+    fontWeight?: string;
+    cardNumberPlaceholder?: string;
+    cvvPlaceholder?: string;
+    expirationPlaceholder?: string;
+    showCardIcon?: boolean;
 };
 interface BaseCustomerInfo {
     verificationId?: string;

package/dist/lib/common/types/Subtotal.d.ts

@@ -193,6 +193,16 @@ export interface TypedCurrencyCents<T extends Currency> extends Cents {
     currency: T;
 }
 export declare function isTypedCurrencyCents<T extends Currency>(cents: CurrencyCents, currency: T): cents is TypedCurrencyCents<T>;
+export interface ExchangeRate<T extends Currency = Currency> {
+    base: Currency;
+    rate: number;
+    to: T;
+}
+export declare function invertRate<T extends Currency = Currency>(ex: {
+    base: T;
+    rate: number;
+    to: Currency;
+}): ExchangeRate<T>;
 export interface TokenSubtotal {
     /**
      * The tokens address

package/package.json

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