@coinflowlabs/angular 0.1.3 → 0.2.0

package/lib/common/CoinflowTypes.d.ts

@@ -34,7 +34,7 @@ export interface CustomerInfo {
     lng?: string;
 }
 /** Coinflow Types **/
-export type CoinflowBlockchain = 'solana' | 'near' | 'eth' | 'polygon' | 'base';
+export type CoinflowBlockchain = 'solana' | 'near' | 'eth' | 'polygon' | 'base' | 'arbitrum';
 export type CoinflowEnvs = 'prod' | 'staging' | 'staging-live' | 'sandbox' | 'local';
 export interface CoinflowTypes {
     merchantId: string;
@@ -113,7 +113,10 @@ export interface CoinflowPolygonHistoryProps extends CoinflowEvmHistoryProps {
 export interface CoinflowBaseHistoryProps extends CoinflowEvmHistoryProps {
     blockchain: 'base';
 }
-export type CoinflowHistoryProps = CoinflowSolanaHistoryProps | CoinflowNearHistoryProps | CoinflowPolygonHistoryProps | CoinflowEthHistoryProps | CoinflowBaseHistoryProps;
+export interface CoinflowArbitrumHistoryProps extends CoinflowEvmHistoryProps {
+    blockchain: 'arbitrum';
+}
+export type CoinflowHistoryProps = CoinflowSolanaHistoryProps | CoinflowNearHistoryProps | CoinflowPolygonHistoryProps | CoinflowEthHistoryProps | CoinflowBaseHistoryProps | CoinflowArbitrumHistoryProps;
 /** Transactions **/
 export type NearFtTransferCallAction = {
     methodName: 'ft_transfer_call';
@@ -147,6 +150,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 +178,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;
@@ -206,7 +215,10 @@ export interface CoinflowEthPurchaseProps extends CoinflowEvmPurchaseProps {
 export interface CoinflowBasePurchaseProps extends CoinflowEvmPurchaseProps {
     blockchain: 'base';
 }
-export type CoinflowPurchaseProps = CoinflowSolanaPurchaseProps | CoinflowNearPurchaseProps | CoinflowPolygonPurchaseProps | CoinflowEthPurchaseProps | CoinflowBasePurchaseProps;
+export interface CoinflowArbitrumPurchaseProps extends CoinflowEvmPurchaseProps {
+    blockchain: 'arbitrum';
+}
+export type CoinflowPurchaseProps = CoinflowSolanaPurchaseProps | CoinflowNearPurchaseProps | CoinflowPolygonPurchaseProps | CoinflowEthPurchaseProps | CoinflowBasePurchaseProps | CoinflowArbitrumPurchaseProps;
 /** Withdraw **/
 export interface CoinflowCommonWithdrawProps extends CoinflowTypes {
     onSuccess?: OnSuccessMethod;
@@ -217,7 +229,7 @@ export interface CoinflowCommonWithdrawProps extends CoinflowTypes {
     bankAccountLinkRedirect?: string;
     additionalWallets?: {
         wallet: string;
-        blockchain: 'solana' | 'eth' | 'near' | 'polygon';
+        blockchain: 'solana' | 'eth' | 'near' | 'polygon' | 'base' | 'arbitrum';
     }[];
     lockAmount?: boolean;
     transactionSigner?: string;
@@ -254,7 +266,10 @@ export interface CoinflowPolygonWithdrawProps extends CoinflowEvmWithdrawProps {
 export interface CoinflowBaseWithdrawProps extends CoinflowEvmWithdrawProps {
     blockchain: 'base';
 }
-export type CoinflowWithdrawProps = CoinflowSolanaWithdrawProps | CoinflowNearWithdrawProps | CoinflowEthWithdrawProps | CoinflowPolygonWithdrawProps | CoinflowBaseWithdrawProps;
+export interface CoinflowArbitrumWithdrawProps extends CoinflowEvmWithdrawProps {
+    blockchain: 'arbitrum';
+}
+export type CoinflowWithdrawProps = CoinflowSolanaWithdrawProps | CoinflowNearWithdrawProps | CoinflowEthWithdrawProps | CoinflowPolygonWithdrawProps | CoinflowBaseWithdrawProps | CoinflowArbitrumWithdrawProps;
 export interface CommonEvmRedeem {
     waitForHash?: boolean;
 }
@@ -287,8 +302,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/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;
@@ -17,5 +17,16 @@ export declare class CoinflowUtils {
         eth: T;
         polygon: T;
         base: T;
+        arbitrum: T;
     }): T;
+    static getWalletFromUserId({ userId, merchantId, env, }: {
+        userId: string;
+        merchantId: string;
+        env: CoinflowEnvs;
+    }): Promise<SolanaWallet>;
+    static getWalletFromEmail({ email, merchantId, env, }: {
+        email: string;
+        merchantId: string;
+        env: CoinflowEnvs;
+    }): Promise<SolanaWallet>;
 }

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

@@ -0,0 +1,154 @@
+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;
+    firstSix: string;
+    lastFour: string;
+    referenceNumber: string;
+    token: string;
+    tokenHMAC: string;
+}
+declare global {
+    namespace TokenEx {
+        interface FraudServicesConfig {
+            useKount?: boolean;
+            kount?: {
+                merchantId?: string;
+                mode?: string;
+                anId?: string;
+            };
+        }
+        interface Config {
+            debug?: boolean;
+            enablePrettyFormat?: boolean;
+            maskInput?: boolean;
+            enableValidateOnBlur?: boolean;
+            enableAriaRequired?: boolean;
+            pci?: boolean;
+            cvvOnly?: boolean;
+            allowUnknownCardTypes?: boolean;
+            enableAutoComplete?: boolean;
+            returnAutoCompleteValues?: boolean;
+            returnKhash?: boolean;
+            returnWhash?: boolean;
+            enforceLuhnCompliance?: boolean;
+            use3DS?: boolean;
+            enableValidateOnKeyUp?: boolean;
+            enableValidateOnCvvKeyUp?: boolean;
+            expiresInSeconds?: number;
+            useExtendedBIN?: boolean;
+            inlineIframeJavaScript?: boolean;
+            iframeVersion?: number;
+            authenticationKey?: string;
+            origin?: string;
+            tokenExID?: string;
+            timestamp?: string;
+            tokenScheme?: string;
+            token?: string;
+            customDataLabel?: string;
+            customCvvDataLabel?: string;
+            title?: string;
+            cvvTitle?: string;
+            inputTitle?: string;
+            cvvInputTitle?: string;
+            cardMaxLengths?: {
+                visa?: number;
+                mastercard?: number;
+                americanExpress?: number;
+                discover?: number;
+                jcb?: number;
+                diners?: number;
+            };
+            fraudServices?: FraudServicesConfig;
+            threeDSMethodNotificationUrl?: string;
+            customDataTypes?: string | object;
+            cvvContainerID?: string;
+            cvvPlaceholder?: string;
+            cardType?: string;
+            forterSiteId?: string;
+            forterUsername?: string;
+            customRegEx?: string;
+            placeholder?: string;
+            inputType?: string;
+            inputMode?: string;
+            font?: string;
+            cvv?: boolean;
+            styles: {
+                base: string;
+                focus: string;
+                error: string;
+                placeholder: string;
+                cvv: {
+                    base: string;
+                    focus: string;
+                    placeholder: string;
+                    error: string;
+                };
+            };
+        }
+        interface IframeAPI {
+            load(): void;
+            on: (event: string, callback: (data?: any) => void) => void;
+            tokenize(): 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;
+        }
+        function Iframe(containerID: string, configuration: Config): IframeAPI;
+    }
+}

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

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

package/lib/common/index.d.ts

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

package/package.json

@@ -1,16 +1,17 @@
 {
   "name": "@coinflowlabs/angular",
-  "version": "0.1.3",
+  "version": "0.2.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
     "@coinflowlabs/lib-common": "*",
     "@solana/web3.js": ">=1.54.0",
     "bs58": "~5.0.0",
-    "lz-string": "^1.5.0"
+    "lz-string": "^1.5.0",
+    "tweetnacl": "^1.0.3"
   },
   "dependencies": {
-    "tslib": "^2.6.3"
+    "tslib": "^2.7.0"
   },
   "peerDependenciesMeta": {
     "@coinflowlabs/lib-common": {