@coinflowlabs/angular 0.2.1 → 0.3.0

package/lib/common/CoinflowTypes.d.ts

@@ -34,13 +34,13 @@ export interface CustomerInfo {
     lng?: string;
 }
 /** Coinflow Types **/
-export type CoinflowBlockchain = 'solana' | 'near' | 'eth' | 'polygon' | 'base' | 'arbitrum';
+export type CoinflowBlockchain = 'solana' | 'near' | 'eth' | 'polygon' | 'base' | 'arbitrum' | 'user';
 export type CoinflowEnvs = 'prod' | 'staging' | 'staging-live' | 'sandbox' | 'local';
 export interface CoinflowTypes {
     merchantId: string;
     env?: CoinflowEnvs;
     loaderBackground?: string;
-    blockchain: CoinflowBlockchain;
+    blockchain?: CoinflowBlockchain | undefined;
     handleHeightChange?: (height: string) => void;
     theme?: MerchantTheme;
 }
@@ -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.
      *
@@ -195,6 +199,11 @@ export interface CoinflowSolanaPurchaseProps extends CoinflowCommonPurchaseProps
         lamports: string | number;
     };
 }
+export interface CoinflowSessionKeyPurchaseProps extends CoinflowCommonPurchaseProps {
+    sessionKey: string;
+    wallet?: undefined;
+    blockchain?: CoinflowBlockchain | undefined;
+}
 export interface CoinflowNearPurchaseProps extends CoinflowCommonPurchaseProps {
     wallet: NearWallet;
     blockchain: 'near';
@@ -218,7 +227,7 @@ export interface CoinflowBasePurchaseProps extends CoinflowEvmPurchaseProps {
 export interface CoinflowArbitrumPurchaseProps extends CoinflowEvmPurchaseProps {
     blockchain: 'arbitrum';
 }
-export type CoinflowPurchaseProps = CoinflowSolanaPurchaseProps | CoinflowNearPurchaseProps | CoinflowPolygonPurchaseProps | CoinflowEthPurchaseProps | CoinflowBasePurchaseProps | CoinflowArbitrumPurchaseProps;
+export type CoinflowPurchaseProps = CoinflowSolanaPurchaseProps | CoinflowSessionKeyPurchaseProps | CoinflowNearPurchaseProps | CoinflowPolygonPurchaseProps | CoinflowEthPurchaseProps | CoinflowBasePurchaseProps | CoinflowArbitrumPurchaseProps;
 /** Withdraw **/
 export interface CoinflowCommonWithdrawProps extends CoinflowTypes {
     onSuccess?: OnSuccessMethod;
@@ -307,8 +316,9 @@ 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;
+    sessionKey?: string;
     route: string;
     routePrefix?: string;
     transaction?: string;

package/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, sessionKey, 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;
@@ -18,6 +18,7 @@ export declare class CoinflowUtils {
         polygon: T;
         base: T;
         arbitrum: T;
+        user: T;
     }): T;
     static getWalletFromUserId({ userId, merchantId, env, }: {
         userId: string;

package/lib/mobile-wallet/apple-pay-overlay.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class CoinflowApplePayOverlayComponent {
+    color: 'white' | 'black';
+    fill(): "#000" | "#FFF";
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoinflowApplePayOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoinflowApplePayOverlayComponent, "coinflow-apple-pay-overlay", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/mobile-wallet/coinflow-apple-pay-button.component.d.ts

@@ -0,0 +1,11 @@
+import { CoinflowPurchaseProps } from '../common';
+import * as i0 from "@angular/core";
+export declare class CoinflowApplePayButtonComponent {
+    purchaseProps: CoinflowPurchaseProps & {
+        color: 'white' | 'black';
+        onError?: (message: string) => void;
+    };
+    fill(): "#000" | "#FFF";
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoinflowApplePayButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoinflowApplePayButtonComponent, "lib-coinflow-apple-pay-button", never, { "purchaseProps": { "alias": "purchaseProps"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/mobile-wallet/coinflow-google-pay-button.component.d.ts

@@ -0,0 +1,10 @@
+import { CoinflowPurchaseProps } from '../common';
+import * as i0 from "@angular/core";
+export declare class CoinflowGooglePayButtonComponent {
+    purchaseProps: CoinflowPurchaseProps & {
+        color: 'white' | 'black';
+        onError?: (message: string) => void;
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoinflowGooglePayButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoinflowGooglePayButtonComponent, "lib-coinflow-google-pay-button", never, { "purchaseProps": { "alias": "purchaseProps"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/mobile-wallet/coinflow-mobile-wallet-button.component.d.ts

@@ -0,0 +1,21 @@
+import { CoinflowIFrameProps, CoinflowPurchaseProps, IFrameMessageHandlers } from '../common';
+import * as i0 from "@angular/core";
+export declare class CoinflowMobileWalletButtonComponent {
+    purchaseProps: CoinflowPurchaseProps & {
+        color: 'white' | 'black';
+        onError?: (message: string) => void;
+    };
+    route: string;
+    overlayDisplayOverride: string | undefined;
+    alignItems: string | undefined;
+    opacity: number;
+    display: string;
+    iframeProps?: CoinflowIFrameProps;
+    messageHandlers?: IFrameMessageHandlers;
+    handleMessage({ data }: {
+        data: string;
+    }): void;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoinflowMobileWalletButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoinflowMobileWalletButtonComponent, "lib-coinflow-mobile-wallet-button", never, { "purchaseProps": { "alias": "purchaseProps"; "required": false; }; "route": { "alias": "route"; "required": false; }; "overlayDisplayOverride": { "alias": "overlayDisplayOverride"; "required": false; }; "alignItems": { "alias": "alignItems"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/lib/mobile-wallet/google-pay-overlay.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class CoinflowGooglePayOverlayComponent {
+    color: 'white' | 'black';
+    static ɵfac: i0.ɵɵFactoryDeclaration<CoinflowGooglePayOverlayComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CoinflowGooglePayOverlayComponent, "coinflow-google-pay-overlay", never, { "color": { "alias": "color"; "required": false; }; }, {}, never, never, true, never>;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coinflowlabs/angular",
-  "version": "0.2.1",
+  "version": "0.3.0",
   "peerDependencies": {
     "@angular/common": "^17.3.0",
     "@angular/core": "^17.3.0",
@@ -11,7 +11,7 @@
     "tweetnacl": "^1.0.3"
   },
   "dependencies": {
-    "tslib": "^2.7.0"
+    "tslib": "^2.8.0"
   },
   "peerDependenciesMeta": {
     "@coinflowlabs/lib-common": {

package/public-api.d.ts

@@ -8,3 +8,5 @@ export * from './lib/card-form/coinflow-card-number-input.component';
 export * from './lib/card-form/coinflow-card-number-only-input.component';
 export * from './lib/card-form/coinflow-cvv-input.component';
 export * from './lib/card-form/coinflow-cvv-only-input.component';
+export * from './lib/mobile-wallet/coinflow-apple-pay-button.component';
+export * from './lib/mobile-wallet/coinflow-google-pay-button.component';