9 | BANK_USDC_WALLET: rand4XuRxdtPS9gDYy6KDeGkEpi69xmkCy5oEmDYfoC
10 | SOLANA_CLUSTER: local #mainnet, devnet, local
11 | RPC_URL: http://localhost:8899/
12 | USE_DUMMY_CARD: true
13 | USDC_MINT_ADDRESS: 4zMMC9srt5Ri5X14GAgXhaHii3GnPAEERYPJgZJDncDU
14 | CIRCLE_CLIENT_TYPE: mock
15 | CIRCLE_MASTER_WALLET: 1111111111
16 |
--------------------------------------------------------------------------------
/android/app/src/release/java/com/tapcash/ReactNativeFlipper.java:
--------------------------------------------------------------------------------
1 | /**
2 | * Copyright (c) Meta Platforms, Inc. and affiliates.
3 | *
4 | * This source code is licensed under the MIT license found in the LICENSE file in the root
5 | * directory of this source tree.
6 | */
7 | package com.tapcash;
8 |
9 | import android.content.Context;
10 | import com.facebook.react.ReactInstanceManager;
11 |
12 | /**
13 | * Class responsible of loading Flipper inside your React Native application. This is the release
14 | * flavor of it so it's empty as we don't want to load Flipper.
15 | */
16 | public class ReactNativeFlipper {
17 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
18 | // Do nothing as we don't want to initialize Flipper on Release.
19 | }
20 | }
21 |
--------------------------------------------------------------------------------
/src/images/images.ts:
--------------------------------------------------------------------------------
1 | export const IMAGES = {
2 | activity: {
3 | deposit: require("./activity/deposit.png"),
4 | receive: require("./activity/recieve.png"),
5 | send: require("./activity/send.png"),
6 | withdraw: require("./activity/withdraw.png")
7 | },
8 | payments: {
9 | visaMini: require("./payments/visa-mini.png"),
10 | visaSquare: require("./payments/visa-square.png"),
11 | unknownMini: require("./payments/unknown-square.png"),
12 | unknownSquare: require("./payments/unknown-square.png")
13 | },
14 | loaders: {
15 | loaderSmall: require("./loaders/loader-sm.gif"),
16 | loaderLarge: require("./loaders/loader-lg.gif")
17 | },
18 | icons: {
19 | wallet: require("./icons/wallet.png"),
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/backend/src/dev/testing/utils.ts:
--------------------------------------------------------------------------------
1 | import * as ff from "@google-cloud/functions-framework";
2 |
3 | export function buildPostRequest(body: T): ff.Request {
4 | // Our handlers use very little of the request object, so
5 | // we can get away with just spoofing it. If we tried to use
6 | // this on a live local server, it would break.
7 | return {
8 | body: body,
9 | } as unknown as ff.Request;
10 | }
11 |
12 |
13 | export function buildGetRequest(params: T): ff.Request {
14 | // Our handlers use very little of the request object, so
15 | // we can get away with just spoofing it. If we tried to use
16 | // this on a live local server, it would break.
17 | return {
18 | query: params,
19 | } as unknown as ff.Request;
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/AppLogo.tsx:
--------------------------------------------------------------------------------
1 | import { useMemo } from "react";
2 | import { TextStyleProps } from "../common/styles";
3 | import { Text } from "./Text";
4 |
5 | interface Props {
6 | primary?: boolean;
7 | secondary?: boolean;
8 | fontSize?: number;
9 | }
10 |
11 | const defaultProps: Props = {
12 | fontSize: 84
13 | };
14 |
15 | export function AppLogo(props: Props): JSX.Element {
16 | const finalProps: Props = { ...defaultProps, ...props };
17 | const extraProps = useMemo(() => {
18 | const textProps: TextStyleProps = {};
19 | if (props.primary) textProps["primary-medium"] = true;
20 | if (props.secondary) textProps["whiteish"] = true;
21 | return textProps;
22 | }, [props]);
23 |
24 | return tap
25 | }
26 |
--------------------------------------------------------------------------------
/ios/TapCashTests/Info.plist:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 | CFBundleDevelopmentRegion
6 | en
7 | CFBundleExecutable
8 | $(EXECUTABLE_NAME)
9 | CFBundleIdentifier
10 | $(PRODUCT_BUNDLE_IDENTIFIER)
11 | CFBundleInfoDictionaryVersion
12 | 6.0
13 | CFBundleName
14 | $(PRODUCT_NAME)
15 | CFBundlePackageType
16 | BNDL
17 | CFBundleShortVersionString
18 | 1.0
19 | CFBundleSignature
20 | ????
21 | CFBundleVersion
22 | 1
23 |
24 |
25 |
--------------------------------------------------------------------------------
/src/modules/SplashScreen.tsx:
--------------------------------------------------------------------------------
1 | import { useEffect } from "react";
2 | import { TopNavScreen, TopRouteParams } from "../common/navigation";
3 | import { Screen } from "../components/Screen";
4 | import { View } from "../components/View";
5 | import { AppLogo } from "../components/AppLogo";
6 | import { NativeStackScreenProps } from "@react-navigation/native-stack";
7 |
8 | type Props = NativeStackScreenProps;
9 |
10 | export function SplashScreen(props: Props): JSX.Element {
11 | useEffect(() => {
12 | setTimeout(() => props.navigation.navigate(TopNavScreen.AUTHENTICATE), 1500);
13 | }, []);
14 |
15 | return (
16 |
17 |
18 |
19 |
20 |
21 | )
22 | }
23 |
24 |
25 |
26 |
--------------------------------------------------------------------------------
/program/tap_cash/programs/tap_cash/src/state/bank.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::prelude::*;
2 |
3 | #[account]
4 | pub struct Bank {
5 | /// Version of the Bank Account
6 | pub version: u8,
7 | /// The authority key for the bank
8 | pub authority: Pubkey,
9 | /// The fee payer key for the bank
10 | pub fee_payer: Pubkey,
11 | /// Bump seed for the bank
12 | pub bump: u8
13 | }
14 |
15 | impl Bank {
16 | /// Returns the expected size of the account in bytes.
17 | pub fn get_space() -> usize {
18 | 8 + // account discriminator
19 | 1 + // version
20 | 32 + // authority
21 | 32 + // fee_payer
22 | 1 // bump
23 | }
24 | /// Logs a message indicating that a new bank has been initialized.
25 | pub fn log_init(&self){
26 | msg!("Init new bank v.{}", self.version);
27 | }
28 | }
--------------------------------------------------------------------------------
/program/tap_cash/programs/tap_cash/src/lib.rs:
--------------------------------------------------------------------------------
1 | pub mod state;
2 | pub mod constants;
3 | pub mod instructions;
4 | pub mod model;
5 | pub mod id;
6 |
7 | use anchor_lang::prelude::*;
8 | use instructions::*;
9 |
10 | pub use id::ID;
11 |
12 | #[program]
13 | pub mod tap_cash {
14 | use super::*;
15 |
16 | pub fn initialize_bank(ctx: Context) -> Result<()> {
17 | instructions::initialize_bank(ctx)
18 | }
19 |
20 | pub fn initialize_member(ctx: Context) -> Result<()> {
21 | instructions::initialize_member(ctx)
22 | }
23 |
24 | pub fn initialize_account(ctx: Context) -> Result<()>{
25 | instructions::init_account(ctx)
26 | }
27 |
28 | pub fn send_spl(ctx: Context, withdraw_amount: u64) -> Result<()>{
29 | instructions::send_spl(ctx, withdraw_amount)
30 | }
31 | }
32 |
--------------------------------------------------------------------------------
/program/tap_cash/programs/tap_cash/src/state/member.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::prelude::*;
2 |
3 | #[account]
4 | pub struct Member {
5 | /// Version of the Member Account
6 | pub version: u8,
7 | /// The bank pda
8 | pub bank: Pubkey,
9 | /// The member PubKey received on enrollment (currently via Web3 auth)
10 | pub user_id: Pubkey,
11 | /// Bump seed for the member
12 | pub bump: u8,
13 | /// Number of accounts
14 | pub num_accounts: u8
15 | }
16 |
17 | impl Member {
18 | /// Returns the expected size of the account in bytes.
19 | pub fn get_space() -> usize {
20 | 8 + // account discriminator
21 | 1 + // version
22 | 32 + // bank pda
23 | 32 + // user id
24 | 1 + // num_accounts
25 | 1 // bump
26 | }
27 | /// Logs a message indicating that a new member has been initialized.
28 | pub fn log_init(&self){
29 | msg!("Init new member:{}", self.user_id);
30 | }
31 | }
--------------------------------------------------------------------------------
/backend/src/circle/client.ts:
--------------------------------------------------------------------------------
1 | import { Card } from "@circle-fin/circle-sdk";
2 | import { EmailAddress } from "../shared/member";
3 | import { CircleCardId } from "../types/types";
4 |
5 | /**
6 | * Tap-specific Circle client for interacting with the Circle API.
7 | */
8 | export interface CircleClient {
9 | depositUsdc(args: CircleDepositArgs): Promise;
10 | fetchCard(id: string): Promise;
11 | }
12 |
13 | /**
14 | * This is the set of arguments that are needed to deposit funds into a user's account
15 | */
16 | export interface CircleDepositArgs {
17 | /* The destination USDC associated token account to deposit the funds into */
18 | destinationAtaString: string;
19 | /* The amount of USDC to deposit */
20 | amount: number;
21 | /* The email address of the user */
22 | member: EmailAddress;
23 | /* The id of the card to use */
24 | cardId: CircleCardId;
25 | /* The cvv of the card to use */
26 | cardCvv: string;
27 | }
28 |
--------------------------------------------------------------------------------
/src/common/debounce.ts:
--------------------------------------------------------------------------------
1 | import { useCallback, useEffect, useState } from "react";
2 |
3 |
4 | export function useStateWithDebounce(
5 | callback: (value: T) => void,
6 | intervalMs: number
7 | ): [T | undefined, (value: T) => void] {
8 | const [currentValue, setCurrentValue] = useState();
9 |
10 | const setValue: (value: T) => void = useCallback(value => {
11 | if (value !== currentValue) {
12 | setCurrentValue(value);
13 | }
14 | }, [currentValue]);
15 |
16 |
17 | // call the callback `intervalMs` after the value stops changing
18 | useEffect(() => {
19 | const timeoutId: NodeJS.Timeout = setTimeout(() => {
20 | if (currentValue != null) {
21 | callback(currentValue);
22 | }
23 | }, intervalMs);
24 |
25 | return () => {
26 | clearTimeout(timeoutId);
27 | }
28 | }, [currentValue]);
29 |
30 |
31 | return [currentValue, setValue];
32 | }
33 |
--------------------------------------------------------------------------------
/backend/src/dev/testing/generate.ts:
--------------------------------------------------------------------------------
1 | import { Card, CvvResults } from "@circle-fin/circle-sdk";
2 | import { v4 as uuid } from "uuid";
3 |
4 | /**
5 | *
6 | * @returns a Circle Card with randomly generated attributes
7 | */
8 | export function generateCircleCard(): Card {
9 | return {
10 | id: uuid(),
11 | status: "pending",
12 | billingDetails: {
13 | name: "Baron Bilano",
14 | city: "Baronville",
15 | country: "Baronia",
16 | line1: "123 Baron Street",
17 | postalCode: "12345"
18 | },
19 | expMonth: 1,
20 | expYear: 2025,
21 | network: "VISA",
22 | last4: "4321",
23 | fingerprint: "alskjdflajksdflj",
24 | verification: {
25 | avs: "laksjlkasjdf",
26 | cvv: CvvResults.Pass
27 | },
28 | metadata: {
29 | email: "baron.bilano@gmail.com"
30 | },
31 | createDate: "21:30:38Z",
32 | updateDate: "21:30:38Z"
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/backend/src/program/constants.ts:
--------------------------------------------------------------------------------
1 | import { parseKeypair, parsePublicKey } from "../constants";
2 | import { Keypair, PublicKey } from "../helpers/solana";
3 |
4 | // Program Seed's Ref: program/tap_cash/programs/tap_cash/src/constants/
5 |
6 | /* Seed used for BANK PDA */
7 | export const BANK_SEED = "tap-bank";
8 | /* Seed used for MEMBER PDA */
9 | export const MEMBER_SEED = "member";
10 | /* Seed used for Account PDA (checking) */
11 | export const CHECKING_SEED = "checking";
12 |
13 | /* Authority of Program's BANK (will be used to sign transactions and pay fees) */
14 | export const BANK_AUTH: Keypair = parseKeypair("BANK_AUTH", process.env.BANK_KEY);
15 | /* ATA of USDC Wallet of the BANK */
16 | export const BANK_USDC_WALLET: PublicKey = parsePublicKey("BANK_USDC_WALLET", process.env.BANK_USDC_WALLET);
17 | /* Environment of the Program */
18 | export const PROGRAM_ENV = process.env.SOLANA_ENVIRONMENT;
19 | /* Program ID of the Program (ref: program/tap_cash/programs/tap_cash/src/id.rs) */
20 | export const TAPCASH_PROGRAM_ID: PublicKey = new PublicKey("TAPAPp2YoguQQDkicGyzTzkA3t4AgECvR1eL1hbx9qz");
21 |
--------------------------------------------------------------------------------
/ios/TapCash/AppDelegate.mm:
--------------------------------------------------------------------------------
1 | #import "AppDelegate.h"
2 |
3 | #import
4 |
5 | @implementation AppDelegate
6 |
7 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
8 | {
9 | self.moduleName = @"TapCash";
10 | return [super application:application didFinishLaunchingWithOptions:launchOptions];
11 | }
12 |
13 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
14 | {
15 | #if DEBUG
16 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
17 | #else
18 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"];
19 | #endif
20 | }
21 |
22 | /// This method controls whether the `concurrentRoot`feature of React18 is turned on or off.
23 | ///
24 | /// @see: https://reactjs.org/blog/2022/03/29/react-v18.html
25 | /// @note: This requires to be rendering on Fabric (i.e. on the New Architecture).
26 | /// @return: `true` if the `concurrentRoot` feature is enabled. Otherwise, it returns `false`.
27 | - (BOOL)concurrentRootEnabled
28 | {
29 | return true;
30 | }
31 |
32 | @end
33 |
--------------------------------------------------------------------------------
/src/components/RecipientProfile.tsx:
--------------------------------------------------------------------------------
1 | import { Avatar, ViewProps } from "react-native-ui-lib";
2 | import { View } from "./View";
3 | import { MemberPublicProfile } from "../shared/member";
4 | import { StyleSheet } from "react-native";
5 | import { Text } from "./Text";
6 | import { ViewStyleProps } from "../common/styles";
7 |
8 |
9 | export function RecipientProfile(props: MemberPublicProfile & ViewProps & ViewStyleProps): JSX.Element {
10 | return (
11 |
12 |
16 |
17 | {props.name}
18 | {props.email}
19 |
20 |
21 | );
22 | }
23 |
24 |
25 | const STYLES = StyleSheet.create({
26 | container: {
27 | paddingVertical: 12,
28 | gap: 16,
29 | },
30 |
31 | email: {
32 | fontSize: 14
33 | }
34 | })
35 |
--------------------------------------------------------------------------------
/ios/TapCash/Images.xcassets/AppIcon.appiconset/Contents.json:
--------------------------------------------------------------------------------
1 | {
2 | "images" : [
3 | {
4 | "idiom" : "iphone",
5 | "scale" : "2x",
6 | "size" : "20x20"
7 | },
8 | {
9 | "idiom" : "iphone",
10 | "scale" : "3x",
11 | "size" : "20x20"
12 | },
13 | {
14 | "idiom" : "iphone",
15 | "scale" : "2x",
16 | "size" : "29x29"
17 | },
18 | {
19 | "idiom" : "iphone",
20 | "scale" : "3x",
21 | "size" : "29x29"
22 | },
23 | {
24 | "idiom" : "iphone",
25 | "scale" : "2x",
26 | "size" : "40x40"
27 | },
28 | {
29 | "idiom" : "iphone",
30 | "scale" : "3x",
31 | "size" : "40x40"
32 | },
33 | {
34 | "idiom" : "iphone",
35 | "scale" : "2x",
36 | "size" : "60x60"
37 | },
38 | {
39 | "idiom" : "iphone",
40 | "scale" : "3x",
41 | "size" : "60x60"
42 | },
43 | {
44 | "idiom" : "ios-marketing",
45 | "scale" : "1x",
46 | "size" : "1024x1024"
47 | }
48 | ],
49 | "info" : {
50 | "author" : "xcode",
51 | "version" : 1
52 | }
53 | }
54 |
--------------------------------------------------------------------------------
/program/tap_cash/programs/tap_cash/src/state/member_account.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::prelude::*;
2 |
3 | #[account]
4 | pub struct MemberAccount {
5 | /// Version of the Member Account
6 | pub version: u8,
7 | /// The member pda
8 | pub member: Pubkey,
9 | /// The token mint
10 | pub token_mint: Pubkey,
11 | /// The associated token account
12 | pub ata: Pubkey,
13 | /// Bump seed for the member account
14 | pub bump: u8,
15 | /// Account number
16 | pub acct_no: u8,
17 | /// Account type (0=checking, 1=savings)
18 | pub acct_type: u8
19 | }
20 |
21 | impl MemberAccount {
22 | /// Returns the size of the `MemberAccount` account in bytes
23 | pub fn get_space() -> usize {
24 | 8 + // account discriminator
25 | 1 + // version
26 | 32 + // member pda
27 | 32 + // token_mint
28 | 32 + // ata
29 | 1 + // bump
30 | 1 + // account no
31 | 1 // account type
32 | }
33 | /// Prints a log message with the member's PDA address
34 | pub fn log_init(&self){
35 | msg!("Init new acct for:{}", self.member);
36 | }
37 | }
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | root: true,
3 | extends: [
4 | // By extending from a plugin config, we can get recommended rules without having to add them manually.
5 | 'eslint:recommended',
6 | "plugin:react/recommended",
7 | 'plugin:import/recommended',
8 | 'plugin:jsx-a11y/recommended',
9 | 'plugin:@typescript-eslint/recommended',
10 | 'plugin:react/jsx-runtime',
11 | ],
12 | settings: {
13 | react: {
14 | // Tells eslint-plugin-react to automatically detect the version of React to use.
15 | version: "detect",
16 | },
17 | // Tells eslint how to resolve imports
18 | 'import/resolver': {
19 | node: {
20 | paths: ["src"],
21 | extensions: [".js", ".jsx", ".ts", ".tsx"],
22 | },
23 | },
24 | },
25 | rules: {
26 | camelcase: "warn",
27 | '@typescript-eslint/no-inferrable-types': "off",
28 | quotes: ["error", "double"],
29 | semi: ["error", "always"],
30 | indent: ["error", 4],
31 | 'no-multi-spaces': ["error"],
32 | 'max-len': ["warn", 120],
33 | },
34 | };
35 |
--------------------------------------------------------------------------------
/src/components/TextInput.tsx:
--------------------------------------------------------------------------------
1 | import { Incubator, TextFieldProps } from "react-native-ui-lib";
2 | import { TextStyleProps, ViewStyleProps, useTextStyle, useViewStyle } from "../common/styles";
3 | import { TextProps } from "./Text";
4 | import { StyleSheet } from "react-native";
5 |
6 | type Props = TextFieldProps & TextProps & TextStyleProps & {
7 | inputFieldStyle?: ViewStyleProps
8 | }
9 |
10 | export function TextInput(props: Props): JSX.Element {
11 | const textStyle = useTextStyle({
12 | "gray-dark": true,
13 | "text-md": true,
14 | ...props
15 | });
16 | const fieldStyle = useViewStyle({
17 | ...props.inputFieldStyle
18 | });
19 |
20 | return (
21 |
26 | {props.children}
27 |
28 | )
29 | }
30 |
31 | const STYLE = StyleSheet.create({
32 | fieldBase: {
33 | paddingHorizontal: 16,
34 | paddingVertical: 10,
35 | },
36 | textBase: {
37 | textDecorationLine: "none"
38 | }
39 | });
40 |
--------------------------------------------------------------------------------
/src/shared/activity.ts:
--------------------------------------------------------------------------------
1 | import { Currency } from "./currency";
2 | import { AccountId, MemberPublicProfile } from "./member";
3 |
4 | export interface MemberActivity {
5 | type: MemberActivityType;
6 | deposit?: DepositActivity;
7 | send?: SendActivity;
8 | receive?: ReceiveActivity;
9 | withdraw?: WithdrawActivity;
10 |
11 | /**
12 | * Timestamp in seconds since Unix epoch. Expect to receive value from Solana,
13 | * but optional in case none is returned.
14 | */
15 | unixTimestamp?: number;
16 | }
17 |
18 | export enum MemberActivityType {
19 | DEPOSIT,
20 | SEND,
21 | RECEIVE,
22 | WITHDRAW,
23 | }
24 |
25 | export interface DepositActivity {
26 | account: AccountId;
27 | currency: Currency;
28 | amount: number;
29 | }
30 |
31 |
32 | export interface SendActivity {
33 | recipient: MemberPublicProfile;
34 | currency: Currency;
35 | amount: number;
36 | }
37 |
38 | export interface ReceiveActivity {
39 | sender: MemberPublicProfile;
40 | currency: Currency;
41 | amount: number;
42 | }
43 |
44 |
45 | export interface WithdrawActivity {
46 | source: AccountId;
47 | currency: Currency;
48 | amount: number;
49 | }
50 |
--------------------------------------------------------------------------------
/backend/src/shared/activity.ts:
--------------------------------------------------------------------------------
1 | import { Currency } from "./currency";
2 | import { AccountId, MemberPublicProfile } from "./member";
3 |
4 | export interface MemberActivity {
5 | type: MemberActivityType;
6 | deposit?: DepositActivity;
7 | send?: SendActivity;
8 | receive?: ReceiveActivity;
9 | withdraw?: WithdrawActivity;
10 |
11 | /**
12 | * Timestamp in seconds since Unix epoch. Expect to receive value from Solana,
13 | * but optional in case none is returned.
14 | */
15 | unixTimestamp?: number;
16 | }
17 |
18 | export enum MemberActivityType {
19 | DEPOSIT,
20 | SEND,
21 | RECEIVE,
22 | WITHDRAW,
23 | }
24 |
25 | export interface DepositActivity {
26 | account: AccountId;
27 | currency: Currency;
28 | amount: number;
29 | }
30 |
31 |
32 | export interface SendActivity {
33 | recipient: MemberPublicProfile;
34 | currency: Currency;
35 | amount: number;
36 | }
37 |
38 | export interface ReceiveActivity {
39 | sender: MemberPublicProfile;
40 | currency: Currency;
41 | amount: number;
42 | }
43 |
44 |
45 | export interface WithdrawActivity {
46 | source: AccountId;
47 | currency: Currency;
48 | amount: number;
49 | }
50 |
--------------------------------------------------------------------------------
/backend/src/handlers/test-curls/send.sh:
--------------------------------------------------------------------------------
1 | curl -X POST -H "Content-Type: application/json" -d '{
2 | "emailAddress": "amilz@123.com",
3 | "profilePictureUrl": "https://test.net/1.png",
4 | "name": "tino",
5 | "signerAddressBase58": "Cxcfw2GC1tfEPEuNABNwTujwr6nEtsV6Enzjxz2pDqoE"
6 | }' http://localhost:8080/save-member
7 |
8 |
9 | [113,154,196,249,251,248,198,116,19,104,102,173,218,135,205,227,227,179,179,184,25,7,242,128,8,209,160,39,38,99,218,152,178,89,12,233,233,89,37,201,228,156,171,238,113,143,72,205,158,98,122,60,11,92,186,127,63,190,14,17,104,107,128,238]
10 |
11 | curl -X POST -H "Content-Type: application/json" -d '{
12 | "senderEmailAddress": "5eiqhs@example.com",
13 | "recipientEmailAddress": "51xgcg@test.com",
14 | "amount": "69",
15 | "privateKey": [113,154,196,249,251,248,198,116,19,104,102,173,218,135,205,227,227,179,179,184,25,7,242,128,8,209,160,39,38,99,218,152,178,89,12,233,233,89,37,201,228,156,171,238,113,143,72,205,158,98,122,60,11,92,186,127,63,190,14,17,104,107,128,238]
16 | }' http://localhost:8080/send
17 |
18 | export interface ApiSendRequest {
19 | senderEmailAddress: string;
20 | recipientEmailAddress: string;
21 | amount: number;
22 | privateKey: number[];
23 | }
24 |
25 | 51xgcg@test.com
26 |
--------------------------------------------------------------------------------
/src/modules/deposit/DepositStack.tsx:
--------------------------------------------------------------------------------
1 | import { NativeStackScreenProps, createNativeStackNavigator } from "@react-navigation/native-stack";
2 | import { ProfileStackRouteParams, ProfileNavScreen, DepositStackRouteParams, DepositNavScreen, STACK_DEFAULTS } from "../../common/navigation";
3 | import { AmountInputScreen } from "./AmountInputScreen";
4 | import { DepositingScreen } from "./DepositingScreen";
5 |
6 | const Stack = createNativeStackNavigator();
7 |
8 | type Props = NativeStackScreenProps;
9 |
10 | export function DepositStack(props: Props): JSX.Element {
11 | return (
12 |
16 |
21 |
26 |
27 | )
28 | }
29 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | # OSX
2 | #
3 | .DS_Store
4 |
5 | # Xcode
6 | #
7 | build/
8 | *.pbxuser
9 | !default.pbxuser
10 | *.mode1v3
11 | !default.mode1v3
12 | *.mode2v3
13 | !default.mode2v3
14 | *.perspectivev3
15 | !default.perspectivev3
16 | xcuserdata
17 | *.xccheckout
18 | *.moved-aside
19 | DerivedData
20 | *.hmap
21 | *.ipa
22 | *.xcuserstate
23 | ios/.xcode.env.local
24 |
25 | # Android/IntelliJ
26 | #
27 | build/
28 | .idea
29 | .gradle
30 | local.properties
31 | *.iml
32 | *.hprof
33 | .cxx/
34 | *.keystore
35 | !debug.keystore
36 |
37 | # node.js
38 | #
39 | node_modules/
40 | npm-debug.log
41 | yarn-error.log
42 |
43 | # fastlane
44 | #
45 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
46 | # screenshots whenever they are needed.
47 | # For more information about the recommended setup visit:
48 | # https://docs.fastlane.tools/best-practices/source-control/
49 |
50 | **/fastlane/report.xml
51 | **/fastlane/Preview.html
52 | **/fastlane/screenshots
53 | **/fastlane/test_output
54 |
55 | # Bundle artifact
56 | *.jsbundle
57 |
58 | # Ruby / CocoaPods
59 | /ios/Pods/
60 | /vendor/bundle/
61 |
62 | # Temporary files created by Metro to check the health of the file watcher
63 | .metro-health-check*
64 |
65 | .env*
66 | !.env.example
67 |
68 | secrets/
69 |
--------------------------------------------------------------------------------
/src/components/Button.tsx:
--------------------------------------------------------------------------------
1 | import { ButtonProps, Button as RNUIButton } from "react-native-ui-lib"
2 | import { COLORS, useTextStyle } from "../common/styles";
3 | import { useMemo } from "react";
4 |
5 | interface Props {
6 | label: string;
7 | onPress: () => void;
8 | primary?: boolean;
9 | secondary?: boolean;
10 | tertiary?: boolean;
11 | disabled?: boolean;
12 | }
13 |
14 | export function Button(props: Props & ButtonProps): JSX.Element {
15 | const [fontColor, bgColor, borderColor]: [string, string, string | undefined] = useMemo(() => {
16 | if (props.secondary) return [COLORS.whiteish, COLORS.secondaryMedium, undefined];
17 | if (props.tertiary) return [COLORS.grayDark, COLORS.whiteish, COLORS.grayLight];
18 | else return [COLORS.whiteish, COLORS.primaryMedium, undefined];
19 | }, [props.secondary, props.tertiary, props.primary]);
20 |
21 | const labelStyle = {
22 | ...useTextStyle({
23 | "text-md": true,
24 | }),
25 | color: fontColor
26 | };
27 |
28 | return (
29 |
38 | )
39 | }
40 |
--------------------------------------------------------------------------------
/src/components/ShimmerBars.tsx:
--------------------------------------------------------------------------------
1 | import LinearGradient from 'react-native-linear-gradient';
2 | import ShimmerPlaceHolder from 'react-native-shimmer-placeholder';
3 | import { View } from './View';
4 | import { useWindowDimensions } from 'react-native';
5 |
6 | interface Props {
7 | loading: boolean;
8 | numBars: number;
9 | }
10 |
11 | export function ShimmerBars({ loading, numBars }: Props): JSX.Element {
12 | const windowWidth = useWindowDimensions().width;
13 | const width = Math.round(windowWidth * 0.8);
14 |
15 | const ShimmerBar = (
16 |
27 | );
28 |
29 | const bars = Array.from({ length: numBars }, () => ShimmerBar);
30 |
31 | return (
32 |
37 | {bars.map((bar, index) => (
38 |
39 | {bar}
40 |
41 | ))}
42 |
43 | );
44 | }
45 |
--------------------------------------------------------------------------------
/backend/src/handlers/withdraw.ts:
--------------------------------------------------------------------------------
1 |
2 | //TODO tests
3 |
4 | import { ApiWithdrawRequest, ApiWithdrawResult } from "../shared/api";
5 | import { EmailAddress, AccountId } from "../shared/member";
6 | import { getRequiredParam, makePostHandler } from "./model";
7 |
8 | interface WithdrawArgs {
9 | emailAddress: EmailAddress;
10 | sourceAccount: AccountId;
11 | amount: number;
12 | // TODO something about the destination bank account
13 | //TODO probably the user's private key
14 | }
15 |
16 |
17 | interface WithdrawResult {
18 | //TODO something about the result of the withdraw attempt
19 | }
20 |
21 |
22 | export const handleWithdraw = makePostHandler(withdraw, transformRequest, transformResult);
23 |
24 |
25 | async function withdraw(request: WithdrawArgs): Promise {
26 | return {
27 | //TODO
28 | }
29 | }
30 |
31 |
32 | function transformRequest(body: ApiWithdrawRequest): WithdrawArgs {
33 | return {
34 | emailAddress: getRequiredParam(body, "emailAddress"),
35 | sourceAccount: getRequiredParam(body, "sourceAccount"),
36 | amount: getRequiredParam(body, "amount", Number.parseFloat)
37 | };
38 | }
39 |
40 |
41 | function transformResult(result: WithdrawResult): ApiWithdrawResult {
42 | // nothing to return
43 | return {};
44 | }
45 |
--------------------------------------------------------------------------------
/android/app/src/main/AndroidManifest.xml:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
5 |
12 |
19 |
20 |
21 |
22 |
23 |
24 |
25 |
26 |
27 |
28 |
29 |
30 |
31 |
32 |
33 |
--------------------------------------------------------------------------------
/backend/src/circle/open-pgp.ts:
--------------------------------------------------------------------------------
1 | // Ref Implementation: https://github.com/circlefin/payments-sample-app/blob/78e3d1b5b3b548775e755f1b619720bcbe5a8789/lib/openpgp.ts
2 |
3 | import { createMessage, encrypt, readKey } from 'openpgp';
4 |
5 | interface PublicKey {
6 | keyId: string
7 | /* uuid Public Key (Not a web3 PublicKey) */
8 | publicKey: string
9 | }
10 |
11 | interface Result {
12 | /* Encrypted message */
13 | encryptedMessage: string;
14 | keyId: string;
15 | }
16 |
17 | /**
18 | * Encrypt dataToEncrypt
19 | *
20 | * @param {Object} dataToEncrypt
21 | * @param {PublicKey} Object containing keyId and publicKey properties
22 | *
23 | * @return {Object} Object containing encryptedMessage and keyId
24 | */
25 | export async function pgpEncrypt(dataToEncrypt: object, { keyId, publicKey }: PublicKey): Promise {
26 | if (!publicKey || !keyId) {
27 | throw new Error('Unable to encrypt data');
28 | }
29 |
30 | const decodedPublicKey = await readKey({ armoredKey: atob(publicKey) });
31 | const message = await createMessage({ text: JSON.stringify(dataToEncrypt) });
32 | const ciphertext = await encrypt({
33 | message,
34 | encryptionKeys: decodedPublicKey,
35 | });
36 |
37 | return {
38 | // TODO replace btoa
39 | // @ts-ignore copied from online example...
40 | encryptedMessage: btoa(ciphertext),
41 | keyId,
42 | }
43 | }
44 |
--------------------------------------------------------------------------------
/backend/src/handlers/account.ts:
--------------------------------------------------------------------------------
1 |
2 | import { ApiAccountRequest, ApiAccountResult } from "../shared/api";
3 | import { getRequiredParam, makeGetHandler } from "./model";
4 | import { getDatabaseClient } from "../helpers/singletons";
5 | import { EmailAddress, MemberPrivateProfile } from "../shared/member";
6 |
7 | interface AccountArgs {
8 | member: EmailAddress;
9 | }
10 |
11 |
12 | //TODO this needs to have authentication even though we're not (yet) sharing
13 | // anything too sensitive
14 | export const handleAccount = makeGetHandler(getAccount, transformRequest, transformResult);
15 |
16 | /**
17 | *
18 | * Fetch a member's private profile from the Database Client
19 | *
20 | * @param request AccountArgs - the request arguments
21 | * @returns a Member's private profile
22 | */
23 | async function getAccount(request: AccountArgs): Promise {
24 | return await getDatabaseClient().getMemberPrivateProfile(request.member);
25 | }
26 |
27 | function transformRequest(params: ApiAccountRequest): AccountArgs {
28 | return {
29 | member: getRequiredParam(params, "memberEmail")
30 | };
31 | }
32 |
33 | function transformResult(result: MemberPrivateProfile): ApiAccountResult {
34 | return {
35 | email: result.email,
36 | name: result.name,
37 | profile: result.profile,
38 | signerAddress: result.signerAddress.toBase58(),
39 | usdcAddress: result.usdcAddress.toBase58()
40 | };
41 | }
42 |
--------------------------------------------------------------------------------
/backend/src/handlers/test-curls/genCurl.ts:
--------------------------------------------------------------------------------
1 | import { Keypair } from "@solana/web3.js";
2 |
3 | interface ApiInitializeMemberRequest {
4 | emailAddress: string;
5 | profilePictureUrl: string;
6 | name: string;
7 | signerAddressBase58: string;
8 | }
9 |
10 | function generateRandomRequest(): ApiInitializeMemberRequest {
11 | const emailSuffixes = ['@example.com', '@test.com', '@random.com'];
12 | const profilePictureUrls = [
13 | 'https://picsum.photos/200/300',
14 | 'https://picsum.photos/300/200',
15 | 'https://picsum.photos/250/250',
16 | ];
17 | const names = ['Alice', 'Bob', 'Charlie', 'Dave', 'Eve'];
18 |
19 | const email = `${Math.random()
20 | .toString(36)
21 | .substring(7)}${emailSuffixes[Math.floor(Math.random() * emailSuffixes.length)]}`;
22 | const profilePictureUrl =
23 | profilePictureUrls[Math.floor(Math.random() * profilePictureUrls.length)];
24 | const name = names[Math.floor(Math.random() * names.length)];
25 | const signerAddressBase58 =
26 | Keypair.generate().publicKey.toBase58(); // Need to write this to do send function later
27 |
28 | return { emailAddress: email, profilePictureUrl, name, signerAddressBase58 };
29 | }
30 |
31 | const requestData = generateRandomRequest();
32 |
33 | const curlCommand = `curl -X POST -H "Content-Type: application/json" -d '${JSON.stringify(
34 | requestData,
35 | )}' http://localhost:8080/save-member`;
36 |
37 | console.log(curlCommand);
38 |
--------------------------------------------------------------------------------
/backend/src/handlers/query-recipients.ts:
--------------------------------------------------------------------------------
1 |
2 | //TODO tests
3 |
4 | import { MemberPublicProfile } from "../shared/member";
5 | import { DatabaseClient } from "../db/client";
6 | import { FirestoreClient } from "../db/firestore";
7 | import { ApiQueryRecipientsRequest, ApiQueryRecipientsResult } from "../shared/api";
8 | import { getRequiredParam, getRequiredIntegerParam, makeGetHandler } from "./model";
9 | import { getDatabaseClient } from "../helpers/singletons";
10 |
11 | interface QueryRecipientsArgs {
12 | emailQuery: string;
13 | limit: number;
14 | }
15 |
16 |
17 | type QueryRecipientsResult = MemberPublicProfile[];
18 |
19 |
20 | export const handleQueryRecipients = makeGetHandler(queryRecipients, transformRequest, transformResult);
21 |
22 | async function queryRecipients(request: QueryRecipientsArgs): Promise {
23 | return await getDatabaseClient().queryMembersByEmail(request.emailQuery, request.limit);
24 | }
25 |
26 |
27 | function transformRequest(params: ApiQueryRecipientsRequest): QueryRecipientsArgs {
28 | return {
29 | emailQuery: getRequiredParam(params, "emailQuery"),
30 | limit: getRequiredIntegerParam(params, "limit"),
31 | };
32 | }
33 |
34 |
35 | function transformResult(result: QueryRecipientsResult): ApiQueryRecipientsResult {
36 | return result.map(r => ({
37 | emailAddress: r.email,
38 | name: r.name,
39 | profilePicture: r.profile
40 | }));
41 | }
42 |
--------------------------------------------------------------------------------
/src/modules/profile/ProfileStack.tsx:
--------------------------------------------------------------------------------
1 | import { NativeStackScreenProps, createNativeStackNavigator } from "@react-navigation/native-stack";
2 | import { ProfileStackRouteParams, ProfileNavScreen, TopRouteParams, TopNavScreen, STACK_DEFAULTS } from "../../common/navigation";
3 | import { ProfileOverviewScreen } from "./ProfileSummaryScreen";
4 | import { PaymentMethodsScreen } from "./PaymentMethodsScreen";
5 | import { DepositStack } from "../deposit/DepositStack";
6 |
7 | const Stack = createNativeStackNavigator();
8 |
9 | type Props = NativeStackScreenProps;
10 |
11 | export function ProfileStack(props: Props): JSX.Element {
12 | return (
13 |
17 |
22 |
27 |
32 |
33 | )
34 | }
35 |
--------------------------------------------------------------------------------
/android/app/src/main/java/com/tapcash/MainActivity.java:
--------------------------------------------------------------------------------
1 | package com.tapcash;
2 |
3 | import android.os.Bundle;
4 | import com.facebook.react.ReactActivity;
5 | import com.facebook.react.ReactActivityDelegate;
6 | import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint;
7 | import com.facebook.react.defaults.DefaultReactActivityDelegate;
8 |
9 | public class MainActivity extends ReactActivity {
10 |
11 | @Override
12 | protected void onCreate(Bundle savedInstanceState) {
13 | super.onCreate(null);
14 | }
15 |
16 | /**
17 | * Returns the name of the main component registered from JavaScript. This is used to schedule
18 | * rendering of the component.
19 | */
20 | @Override
21 | protected String getMainComponentName() {
22 | return "TapCash";
23 | }
24 |
25 | /**
26 | * Returns the instance of the {@link ReactActivityDelegate}. Here we use a util class {@link
27 | * DefaultReactActivityDelegate} which allows you to easily enable Fabric and Concurrent React
28 | * (aka React 18) with two boolean flags.
29 | */
30 | @Override
31 | protected ReactActivityDelegate createReactActivityDelegate() {
32 | return new DefaultReactActivityDelegate(
33 | this,
34 | getMainComponentName(),
35 | // If you opted-in for the New Architecture, we enable the Fabric Renderer.
36 | DefaultNewArchitectureEntryPoint.getFabricEnabled(), // fabricEnabled
37 | // If you opted-in for the New Architecture, we enable Concurrent React (i.e. React 18).
38 | DefaultNewArchitectureEntryPoint.getConcurrentReactEnabled() // concurrentRootEnabled
39 | );
40 | }
41 | }
42 |
--------------------------------------------------------------------------------
/src/common/number.ts:
--------------------------------------------------------------------------------
1 | const USDC_FORMATTER = Intl.NumberFormat(undefined, {
2 | minimumFractionDigits: 2,
3 | minimumIntegerDigits: 1,
4 | maximumFractionDigits: 2,
5 | });
6 |
7 | const USDC_FORMATTER_SHORT = Intl.NumberFormat(undefined, {
8 | notation: "compact",
9 | compactDisplay: "short",
10 | minimumFractionDigits: 1,
11 | maximumFractionDigits: 1
12 | });
13 |
14 | export function formatUsd(amount: number, options?: {
15 | leadingSymbol?: boolean
16 | short?: boolean;
17 | stripZeroCents?: boolean;
18 | }): string {
19 | const leadingSymbol: boolean = options?.leadingSymbol ?? true;
20 | const short: boolean = options?.short ?? false;
21 | const stripZeroCents: boolean = options?.stripZeroCents ?? true;
22 |
23 | const useShortFormatter: boolean = short && (amount >= 10000);
24 |
25 | let result: string;
26 | if (useShortFormatter) {
27 | result = USDC_FORMATTER_SHORT.format(amount);
28 |
29 | } else {
30 | result = USDC_FORMATTER.format(amount);
31 | }
32 |
33 | if (leadingSymbol) {
34 | result = "$" + result;
35 | }
36 |
37 | if (stripZeroCents && !useShortFormatter && Number.isInteger(amount)) {
38 | result = result.slice(0, -3);
39 | }
40 |
41 | return result;
42 | }
43 |
44 | const DATE_FORMATTER = new Intl.DateTimeFormat('en-US', {
45 | year: 'numeric',
46 | month: 'short',
47 | day: 'numeric'
48 | });
49 |
50 | export function formatDate(unixTimestamp: number): string {
51 | const date = new Date(unixTimestamp * 1000); // Convert to milliseconds
52 | return DATE_FORMATTER.format(date);
53 | }
54 |
--------------------------------------------------------------------------------
/program/tap_cash/tests/helpers/airdrop.ts:
--------------------------------------------------------------------------------
1 | import * as anchor from "@project-serum/anchor";
2 | import { web3 } from '@project-serum/anchor';
3 |
4 | const { LAMPORTS_PER_SOL } = web3;
5 |
6 | /**
7 | *
8 | * Airdrops 100 SOL to each address in the array (for use in local environments)
9 | *
10 | * @param connection Solana connection
11 | * @param addresses array of addresses to request airdrops for
12 | * @returns array of results
13 | * @throw error if airdrop fails
14 | */
15 | export async function requestAirdrops(connection, addresses: anchor.web3.PublicKey[]) {
16 | const promises = addresses.map(async (address) => {
17 | try {
18 | const airdropBlock = await connection.getLatestBlockhash('finalized');
19 | const airdrop = await connection.requestAirdrop(address, 100 * LAMPORTS_PER_SOL);
20 | await connection.confirmTransaction({
21 | signature: airdrop,
22 | blockhash: airdropBlock.blockhash,
23 | lastValidBlockHeight: airdropBlock.lastValidBlockHeight
24 | });
25 | return { publicKey: address.toString(), status: 'success', txSignature: airdrop };
26 | } catch (error) {
27 | console.error(`Error while requesting airdrop for ${address.toString()}: ${error}`);
28 | return { publicKey: address.toString(), status: 'error', error: error };
29 | }
30 | });
31 | const results = await Promise.allSettled(promises);
32 | return results.map((result, index) => {
33 | const address = addresses[index];
34 | if (result.status === 'fulfilled') {
35 | return result.value;
36 | } else {
37 | return { publicKey: address.toString(), status: 'error', error: result.reason };
38 | }
39 | });
40 | }
--------------------------------------------------------------------------------
/src/modules/deposit/AmountInputScreen.tsx:
--------------------------------------------------------------------------------
1 | import { NativeStackScreenProps } from "@react-navigation/native-stack";
2 | import { DepositNavScreen, DepositStackRouteParams } from "../../common/navigation";
3 | import { Screen } from "../../components/Screen";
4 | import { Button } from "../../components/Button";
5 | import { useCallback, useState } from "react";
6 | import { StyleSheet } from "react-native";
7 | import { COLORS } from "../../common/styles";
8 | import { View } from "../../components/View";
9 | import { Text } from "../../components/Text";
10 | import { MAX_TX_AMOUNT } from "../../common/constants";
11 | import { DollarInput } from "../../components/DollarInput";
12 |
13 | type Props = NativeStackScreenProps;
14 |
15 | export function AmountInputScreen(props: Props): JSX.Element {
16 | const [amount, setAmount] = useState();
17 |
18 | const onSubmit = useCallback(() => {
19 | props.navigation.navigate(DepositNavScreen.DEPOSITING, { amount: (amount ?? 0) });
20 | }, [props.navigation.navigate, amount]);
21 |
22 | return (
23 |
24 |
25 |
30 |
31 | deposit to your Tap account
32 |
33 | {/* TODO Replace dummy CC */}
34 | {`from: •••• •••• •••• 4567`}
35 |
36 |
37 |
38 | )
39 | }
40 |
--------------------------------------------------------------------------------
/src/modules/send/SendStack.tsx:
--------------------------------------------------------------------------------
1 | import { NativeStackScreenProps, createNativeStackNavigator } from "@react-navigation/native-stack";
2 | import { STACK_DEFAULTS, SendNavScreen, SendStackRouteParams, TopNavScreen, TopRouteParams } from "../../common/navigation";
3 | import { RecipientInputScreen } from "./RecipientInputScreen";
4 | import { AmountInputScreen } from "./AmountInputScreen";
5 | import { ConfirmScreen } from "./ConfirmScreen";
6 | import { SendingScreen } from "./SendingScreen";
7 |
8 | const Stack = createNativeStackNavigator();
9 |
10 | type Props = NativeStackScreenProps;
11 |
12 | // more on styling/formatting the stack header at
13 | // https://reactnavigation.org/docs/screen-options
14 |
15 | export function SendStack(props: Props): JSX.Element {
16 | return (
17 |
21 |
26 |
31 |
36 |
41 |
42 | )
43 | }
44 |
--------------------------------------------------------------------------------
/backend/src/handlers/deposit.ts:
--------------------------------------------------------------------------------
1 | import { ApiDepositRequest, ApiDepositResult, ApiResponseStatus } from "../shared/api";
2 | import { EmailAddress } from "../shared/member";
3 | import { getRequiredParam, makePostHandler } from "./model";
4 | import { getCircleClient, getDatabaseClient } from "../helpers/singletons";
5 |
6 | export interface DepositArgs {
7 | /* Member email address */
8 | emailAddress: EmailAddress;
9 | /* Amount to deposit */
10 | amount: number;
11 | }
12 |
13 | /**
14 | * Result of the deposit handler. (void)
15 | */
16 | export interface DepositResult {
17 | }
18 |
19 | export const handleDeposit = makePostHandler(deposit, transformRequest, transformResult);
20 |
21 | /**
22 | *
23 | * Deposit funds into a member's account
24 | *
25 | * @param request DepositArgs - the request arguments
26 | * @returns DepositResult - the result of the deposit handler (void)
27 | * @throws SERVER_ERROR - if the deposit fails
28 | */
29 | async function deposit(request: DepositArgs): Promise {
30 | const { usdcAddress } = await getDatabaseClient().getMemberPrivateProfile(request.emailAddress);
31 |
32 | await getCircleClient().depositUsdc({
33 | destinationAtaString: usdcAddress.toString(),
34 | amount: request.amount,
35 | member: request.emailAddress,
36 | cardId: "1", //TODO ignored atm
37 | cardCvv: "123", //TODO ignored atm
38 | });
39 | return {};
40 | }
41 |
42 | function transformRequest(body: ApiDepositRequest): DepositArgs {
43 | return {
44 | emailAddress: getRequiredParam(body, "emailAddress"),
45 | amount: getRequiredParam(body, "amount", Number.parseFloat)
46 | };
47 | }
48 |
49 | function transformResult(result: DepositResult): ApiDepositResult {
50 | // nothing to return
51 | return {};
52 | }
53 |
--------------------------------------------------------------------------------
/backend/src/program/workspace.ts:
--------------------------------------------------------------------------------
1 | import * as anchor from "@project-serum/anchor";
2 | import { IDL, TapCash } from "../types/tap-cash";
3 | import { TAPCASH_PROGRAM_ID } from "./constants";
4 |
5 | /**
6 | * Workspace is a collection of objects that are used to interact with the program.
7 | */
8 | export interface WorkSpace {
9 | /* Connection to the Solana network */
10 | connection: anchor.web3.Connection;
11 | /* AnchorProvider of the program (Connection, Wallet, options) */
12 | provider: anchor.AnchorProvider;
13 | /* Program object of the program */
14 | program: anchor.Program;
15 | /* Payer of the program (Keypair) */
16 | payer: anchor.web3.Keypair;
17 | }
18 |
19 | /**
20 | *
21 | * Creates a new workspace for the an instance of the TapCashClient
22 | * Includes fallbacks if wallet is not connected or provider is not available
23 | *
24 | * @param endpoint - Solana RPC endpoint
25 | * @param bankAuth - Keypair of the Bank Authority
26 | * @returns Workspace
27 | */
28 | export function createWorkspace(
29 | endpoint: string,
30 | bankAuth: anchor.web3.Keypair
31 | ): WorkSpace {
32 | const anchorWallet = new anchor.Wallet(bankAuth);
33 | const connection = new anchor.web3.Connection(endpoint);
34 | const provider: anchor.AnchorProvider = new anchor.AnchorProvider(
35 | connection,
36 | // fallback value allows querying the program without having a wallet connected
37 | anchorWallet ?? ({} as anchor.Wallet),
38 | { commitment: 'confirmed', preflightCommitment: 'confirmed' }
39 | );
40 | const program: anchor.Program = new anchor.Program(
41 | IDL as unknown as TapCash,
42 | TAPCASH_PROGRAM_ID,
43 | provider ?? ({} as anchor.AnchorProvider)
44 | );
45 | const payer = bankAuth;
46 | return { connection, provider, program, payer };
47 | }
48 |
--------------------------------------------------------------------------------
/program/tap_cash/programs/tap_cash/src/instructions/bank.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::prelude::*;
2 |
3 | use crate::{
4 | constants::{BANK_SEED, BANK_VERSION},
5 | state::{Bank},
6 | model::error::{BankError}
7 | };
8 |
9 | /// Accounts and constraints for initializing a new bank.
10 | #[derive(Accounts)]
11 | pub struct InitializeBank<'info> {
12 | /// The Bank's creator -- should be secure (e.g., ledger)
13 | #[account(
14 | mut,
15 | owner = system_program.key() @ BankError::InvalidAuthority
16 | )]
17 | pub bank_authority: Signer<'info>,
18 |
19 | /// The Bank (for now, there will only be 1 bank) - only allowing 1 per authority key
20 | #[account(
21 | init,
22 | payer = bank_authority,
23 | space = Bank::get_space(),
24 | seeds = [BANK_SEED.as_ref(), bank_authority.key().as_ref()],
25 | bump
26 | )]
27 | pub bank: Account<'info,Bank>,
28 |
29 | /// Standard system program, for creating accounts
30 | pub system_program: Program<'info, System>,
31 |
32 | /// Standard rent sysvar, for determining rent for created accounts
33 | pub rent: Sysvar<'info, Rent>
34 | }
35 |
36 | /// Initializes a new Bank.
37 | ///
38 | /// This function creates a new account of type Bank and sets its initial state to include the bank version,
39 | /// authority, fee payer, and bump value. This function should only be called once per bank authority key.
40 | pub fn initialize_bank(
41 | ctx: Context
42 | ) -> Result<()> {
43 | let bank = &mut ctx.accounts.bank;
44 |
45 | // Create bank state account
46 | bank.set_inner(Bank {
47 | version: BANK_VERSION,
48 | authority: ctx.accounts.bank_authority.key(),
49 | fee_payer: ctx.accounts.bank_authority.key(),
50 | bump: *ctx.bumps.get("bank").unwrap()
51 | });
52 | bank.log_init();
53 | Ok(())
54 | }
--------------------------------------------------------------------------------
/ios/Podfile:
--------------------------------------------------------------------------------
1 | require_relative '../node_modules/react-native/scripts/react_native_pods'
2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules'
3 |
4 | platform :ios, min_ios_version_supported
5 | prepare_react_native_project!
6 |
7 | flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled
8 |
9 | linkage = ENV['USE_FRAMEWORKS']
10 | if linkage != nil
11 | Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
12 | use_frameworks! :linkage => linkage.to_sym
13 | end
14 |
15 | target 'TapCash' do
16 | config = use_native_modules!
17 |
18 | # Flags change depending on the env values.
19 | flags = get_default_flags()
20 |
21 | use_react_native!(
22 | :path => config[:reactNativePath],
23 | # Hermes is now enabled by default. Disable by setting this flag to false.
24 | # Upcoming versions of React Native may rely on get_default_flags(), but
25 | # we make it explicit here to aid in the React Native upgrade process.
26 | :hermes_enabled => flags[:hermes_enabled],
27 | :fabric_enabled => flags[:fabric_enabled],
28 | # Enables Flipper.
29 | #
30 | # Note that if you have use_frameworks! enabled, Flipper will not work and
31 | # you should disable the next line.
32 | :flipper_configuration => flipper_config,
33 | # An absolute path to your application root.
34 | :app_path => "#{Pod::Config.instance.installation_root}/.."
35 | )
36 |
37 | target 'TapCashTests' do
38 | inherit! :complete
39 | # Pods for testing
40 | end
41 |
42 | post_install do |installer|
43 | react_native_post_install(
44 | installer,
45 | # Set `mac_catalyst_enabled` to `true` in order to apply patches
46 | # necessary for Mac Catalyst builds
47 | :mac_catalyst_enabled => false
48 | )
49 | __apply_Xcode_12_5_M1_post_install_workaround(installer)
50 | end
51 | end
52 |
--------------------------------------------------------------------------------
/backend/src/dev/testing/MockCircleClient.ts:
--------------------------------------------------------------------------------
1 | import { Card } from "@circle-fin/circle-sdk";
2 | import { CircleClient, CircleDepositArgs } from "../../circle/client";
3 | import { ApiError } from "../../shared/error";
4 | import { MockTapCashClient } from "./MockTapCashClient";
5 | import { PublicKey } from "../../helpers/solana";
6 |
7 | export class MockCircleClient implements CircleClient {
8 | private readonly tapClient: MockTapCashClient;
9 | private readonly cards: Map = new Map();
10 | private readonly balances: Map = new Map();
11 |
12 | private constructor(tapClient: MockTapCashClient) {
13 | this.tapClient = tapClient;
14 | }
15 |
16 | public static make(tapClient: MockTapCashClient): MockCircleClient {
17 | return new MockCircleClient(tapClient);
18 | }
19 |
20 | public async depositUsdc(args: CircleDepositArgs): Promise {
21 | this.balances.set(
22 | args.destinationAtaString,
23 | this.balances.get(args.destinationAtaString) ?? 0 + args.amount
24 | );
25 | const userId: PublicKey | undefined = this.tapClient.getMemberIdFromAta(new PublicKey(args.destinationAtaString));
26 | if (userId === undefined) throw ApiError.noSuchMember(args.destinationAtaString);
27 | const balance: number | undefined = this.tapClient.getMemberAccount(userId)?.balance;
28 | if (balance === undefined) throw ApiError.noSuchMember(args.destinationAtaString);
29 | this.tapClient.setMemberBalance(userId, balance + args.amount);
30 | }
31 |
32 |
33 | public async fetchCard(id: string): Promise {
34 | const result: Card | undefined = this.cards.get(id);
35 | if (result === undefined) {
36 | throw ApiError.noCardFound();
37 | }
38 | return result;
39 | }
40 |
41 |
42 | public addCard(card: Card): void {
43 | this.cards.set(card.id, card);
44 | }
45 |
46 | }
47 |
--------------------------------------------------------------------------------
/backend/src/handlers/deposit.test.ts:
--------------------------------------------------------------------------------
1 | import { MockHttpResponse } from "../dev/testing/MockHttpResponse";
2 | import { ApiDepositRequest, ApiSaveMemberRequest } from "../shared/api";
3 | import { DatabaseClient } from "../db/client";
4 | import { InMemoryDatabaseClient } from "../dev/testing/InMemoryDatabaseClient";
5 | import { setDatabaseClient, setTapCashClient } from "../helpers/singletons";
6 | import { handleSaveMember } from "./save-member";
7 | import { buildPostRequest } from "../dev/testing/utils";
8 | import { MockTapCashClient } from "../dev/testing/MockTapCashClient";
9 | import { Keypair } from "../helpers/solana";
10 | import { handleDeposit } from "./deposit";
11 |
12 |
13 | describe('deposit handler', () => {
14 | it('deposit - all good - account is credited', async () => {
15 | const mockResponse: MockHttpResponse = new MockHttpResponse();
16 | const dbClient: DatabaseClient = InMemoryDatabaseClient.make();
17 | setDatabaseClient(dbClient);
18 |
19 | const tapClient: MockTapCashClient = MockTapCashClient.make();
20 | setTapCashClient(tapClient);
21 |
22 | // initialize member
23 | const userWallet: Keypair = Keypair.generate();
24 | await handleSaveMember(
25 | buildPostRequest({
26 | emailAddress: "mary.jane@gmail.com",
27 | profilePictureUrl: "https://www.google.com",
28 | name: "Mary Jane",
29 | signerAddressBase58: userWallet.publicKey.toBase58()
30 | }),
31 | new MockHttpResponse()
32 | );
33 |
34 | await handleDeposit(
35 | buildPostRequest({
36 | emailAddress: "mary.jane@gmail.com",
37 | amount: 100
38 | }),
39 | mockResponse
40 | )
41 |
42 | expect(mockResponse.mockedNextUse()?.status?.code).toStrictEqual(200);
43 | expect(tapClient.getMemberAccount(userWallet.publicKey)?.balance).toStrictEqual(100);
44 | });
45 | });
46 |
--------------------------------------------------------------------------------
/backend/src/handlers/send.ts:
--------------------------------------------------------------------------------
1 | import * as anchor from "@project-serum/anchor";
2 | import { ApiError, SolanaTxType } from "../shared/error";
3 | import { EmailAddress } from "../shared/member";
4 | import { ApiSendRequest, ApiSendResult } from "../shared/api";
5 | import { getRequiredParam, getPrivateKeyParam, makePostHandler } from "./model";
6 | import { getDatabaseClient, getTapCashClient } from "../helpers/singletons";
7 |
8 | //TODO tests
9 |
10 | interface SendArgs {
11 | senderEmailAddress: EmailAddress;
12 | recipientEmailAddress: EmailAddress;
13 | amount: number;
14 | privateKey: anchor.web3.Keypair;
15 | }
16 |
17 |
18 | interface SendResult {
19 | //TODO something about the result of the send attempt
20 | solanaTransactionId: string
21 | }
22 |
23 |
24 | export const handleSend = makePostHandler(send, transformRequest, transformResult);
25 |
26 | async function send(request: SendArgs): Promise {
27 | const { usdcAddress } = await getDatabaseClient().getMemberPrivateProfile(request.recipientEmailAddress);
28 | const solanaTransactionId = await getTapCashClient().sendTokens({
29 | fromMember: request.privateKey,
30 | destinationAta: usdcAddress,
31 | amount: request.amount
32 | })
33 |
34 | if (!solanaTransactionId) throw ApiError.solanaTxError(SolanaTxType.TRANSFER_TOKEN);
35 |
36 | return {
37 | solanaTransactionId
38 | }
39 | }
40 |
41 |
42 | function transformRequest(body: ApiSendRequest): SendArgs {
43 | return {
44 | senderEmailAddress: getRequiredParam(body, "senderEmailAddress"),
45 | recipientEmailAddress: getRequiredParam(body, "recipientEmailAddress"),
46 | amount: getRequiredParam(body, "amount", Number.parseFloat),
47 | privateKey: getPrivateKeyParam(body, "privateKey")
48 | };
49 | }
50 |
51 |
52 | function transformResult(result: SendResult): ApiSendResult {
53 | // nothing to return
54 | return {};
55 | }
56 |
--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "mo-cash",
3 | "version": "0.0.1",
4 | "private": true,
5 | "scripts": {
6 | "android": "react-native run-android",
7 | "ios": "react-native run-ios",
8 | "lint": "eslint .",
9 | "build-apk-windows": "SET ENVFILE=.env.dev && react-native run-android --mode=release",
10 | "build-apk": "ENVFILE=.env.dev react-native run-android --mode=release",
11 | "start-windows": "SET ENVFILE=.env.dev && react-native start",
12 | "start": "ENVFILE=.env.local react-native start",
13 | "test": "jest"
14 | },
15 | "dependencies": {
16 | "@project-serum/anchor": "^0.26.0",
17 | "@react-navigation/native": "^6.1.2",
18 | "@react-navigation/native-stack": "^6.9.8",
19 | "@toruslabs/react-native-web-browser": "^1.1.0",
20 | "@web3auth/react-native-sdk": "^3.5.0",
21 | "assert": "^2.0.0",
22 | "buffer": "^6.0.3",
23 | "react": "18.2.0",
24 | "react-native": "0.71.0",
25 | "react-native-config": "^1.5.0",
26 | "react-native-gesture-handler": "^2.9.0",
27 | "react-native-get-random-values": "^1.8.0",
28 | "react-native-linear-gradient": "^2.6.2",
29 | "react-native-reanimated": "^2.14.4",
30 | "react-native-safe-area-context": "^4.4.1",
31 | "react-native-screens": "^3.18.2",
32 | "react-native-shimmer-placeholder": "^2.0.9",
33 | "react-native-ui-lib": "^6.29.1"
34 | },
35 | "devDependencies": {
36 | "@babel/core": "^7.12.9",
37 | "@babel/preset-env": "^7.14.0",
38 | "@babel/runtime": "^7.12.5",
39 | "@react-native-community/eslint-config": "^3.0.0",
40 | "@tsconfig/react-native": "^2.0.2",
41 | "@types/jest": "^29.2.1",
42 | "@types/react": "^18.0.24",
43 | "@types/react-test-renderer": "^18.0.0",
44 | "babel-jest": "^29.2.1",
45 | "eslint": "^8.19.0",
46 | "jest": "^29.2.1",
47 | "metro-react-native-babel-preset": "^0.73.8",
48 | "react-native-dotenv": "^3.4.8",
49 | "react-test-renderer": "18.2.0",
50 | "typescript": "4.8.4"
51 | },
52 | "jest": {
53 | "preset": "react-native"
54 | }
55 | }
56 |
--------------------------------------------------------------------------------
/android/gradle.properties:
--------------------------------------------------------------------------------
1 | # Project-wide Gradle settings.
2 |
3 | # IDE (e.g. Android Studio) users:
4 | # Gradle settings configured through the IDE *will override*
5 | # any settings specified in this file.
6 |
7 | # For more details on how to configure your build environment visit
8 | # http://www.gradle.org/docs/current/userguide/build_environment.html
9 |
10 | # Specifies the JVM arguments used for the daemon process.
11 | # The setting is particularly useful for tweaking memory settings.
12 | # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m
13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m
14 |
15 | # When configured, Gradle will run in incubating parallel mode.
16 | # This option should only be used with decoupled projects. More details, visit
17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects
18 | # org.gradle.parallel=true
19 |
20 | # AndroidX package structure to make it clearer which packages are bundled with the
21 | # Android operating system, and which are packaged with your app's APK
22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn
23 | android.useAndroidX=true
24 | # Automatically convert third-party libraries to use AndroidX
25 | android.enableJetifier=true
26 |
27 | # Version of flipper SDK to use with React Native
28 | FLIPPER_VERSION=0.125.0
29 |
30 | # Use this property to specify which architecture you want to build.
31 | # You can also override it from the CLI using
32 | # ./gradlew -PreactNativeArchitectures=x86_64
33 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64
34 |
35 | # Use this property to enable support to the new architecture.
36 | # This will allow you to use TurboModules and the Fabric render in
37 | # your application. You should enable this flag either if you want
38 | # to write custom TurboModules/Fabric components OR use libraries that
39 | # are providing them.
40 | newArchEnabled=false
41 |
42 | # Use this property to enable or disable the Hermes JS engine.
43 | # If set to false, you will be using JSC instead.
44 | hermesEnabled=true
45 |
--------------------------------------------------------------------------------
/android/app/src/main/res/drawable/rn_edit_text_material.xml:
--------------------------------------------------------------------------------
1 |
2 |
16 |
21 |
22 |
23 |
32 | This source code is licensed under the MIT license found in the LICENSE file in the root
5 | * directory of this source tree.
6 | */
7 | package com.tapcash;
8 |
9 | import android.content.Context;
10 | import com.facebook.flipper.android.AndroidFlipperClient;
11 | import com.facebook.flipper.android.utils.FlipperUtils;
12 | import com.facebook.flipper.core.FlipperClient;
13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin;
14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin;
15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin;
16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping;
17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin;
18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor;
19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin;
20 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin;
21 | import com.facebook.react.ReactInstanceEventListener;
22 | import com.facebook.react.ReactInstanceManager;
23 | import com.facebook.react.bridge.ReactContext;
24 | import com.facebook.react.modules.network.NetworkingModule;
25 | import okhttp3.OkHttpClient;
26 |
27 | /**
28 | * Class responsible of loading Flipper inside your React Native application. This is the debug
29 | * flavor of it. Here you can add your own plugins and customize the Flipper setup.
30 | */
31 | public class ReactNativeFlipper {
32 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) {
33 | if (FlipperUtils.shouldEnableFlipper(context)) {
34 | final FlipperClient client = AndroidFlipperClient.getInstance(context);
35 |
36 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()));
37 | client.addPlugin(new DatabasesFlipperPlugin(context));
38 | client.addPlugin(new SharedPreferencesFlipperPlugin(context));
39 | client.addPlugin(CrashReporterPlugin.getInstance());
40 |
41 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin();
42 | NetworkingModule.setCustomClientBuilder(
43 | new NetworkingModule.CustomClientBuilder() {
44 | @Override
45 | public void apply(OkHttpClient.Builder builder) {
46 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin));
47 | }
48 | });
49 | client.addPlugin(networkFlipperPlugin);
50 | client.start();
51 |
52 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
53 | // Hence we run if after all native modules have been initialized
54 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext();
55 | if (reactContext == null) {
56 | reactInstanceManager.addReactInstanceEventListener(
57 | new ReactInstanceEventListener() {
58 | @Override
59 | public void onReactContextInitialized(ReactContext reactContext) {
60 | reactInstanceManager.removeReactInstanceEventListener(this);
61 | reactContext.runOnNativeModulesQueueThread(
62 | new Runnable() {
63 | @Override
64 | public void run() {
65 | client.addPlugin(new FrescoFlipperPlugin());
66 | }
67 | });
68 | }
69 | });
70 | } else {
71 | client.addPlugin(new FrescoFlipperPlugin());
72 | }
73 | }
74 | }
75 | }
76 |
--------------------------------------------------------------------------------
/backend/src/handlers/payment-methods.ts:
--------------------------------------------------------------------------------
1 |
2 | import { Card, CardNetworkEnum, CvvResults } from "@circle-fin/circle-sdk";
3 | import { EmailAddress } from "../shared/member";
4 | import { CreditCardCarrier, PaymentMethodSummary, PaymentMethodType } from "../shared/payment";
5 | import { CircleCardId } from "../types/types";
6 | import { ApiSavedPaymentMethodsRequest, ApiSavedPaymentMethodsResult } from "../shared/api";
7 | import { getRequiredParam, makeGetHandler } from "./model";
8 | import { getCircleClient, getDatabaseClient } from "../helpers/singletons";
9 | import { USE_DUMMY_CARD } from "../constants";
10 |
11 | /**
12 | * Arguments for the getPaymentMethods handler.
13 | */
14 | interface PaymentMethodArgs {
15 | /* Member email address */
16 | memberEmail: EmailAddress;
17 | }
18 |
19 | //TODO this needs to have authentication
20 | export const handlePaymentMethods = makeGetHandler(getPaymentMethods, transformRequest, transformResult);
21 |
22 | /**
23 | *
24 | * Fetch a member's saved payment methods from the Database Client
25 | * (uses DUMMY_CARD if USE_DUMMY_CARD is true in .env)
26 | * @param request PaymentMethodArgs - the request arguments
27 | * @returns PaymentMethodSummary[] - the result of the getPaymentMethods handler
28 | */
29 | async function getPaymentMethods(request: PaymentMethodArgs): Promise {
30 | let cards: Card[];
31 | if (USE_DUMMY_CARD) cards = [DUMMY_CARD];
32 | else {
33 | const circleCardIds: Set = await getDatabaseClient().getCircleCreditCards(request.memberEmail);
34 | cards = await Promise.all(Array.from(circleCardIds).map(id => getCircleClient().fetchCard(id)));
35 | }
36 |
37 | return cards.map(card => ({
38 | type: PaymentMethodType.CREDIT_CARD,
39 | creditCard: {
40 | carrier: circleNetworkToCarrier(card.network),
41 | holderName: card.billingDetails.name,
42 | lastFourDigits: Number.parseInt(card.last4),
43 | expiration: `${card.expMonth}/${card.expYear}`
44 | }
45 | }));
46 | }
47 |
48 | /**
49 | *
50 | * Fetch the Network Carier of a Circle Card
51 | *
52 | * @param network CardNetworkEnum - the network of the card
53 | * @returns CreditCardCarrier - the carrier of the card
54 | */
55 | function circleNetworkToCarrier(network: CardNetworkEnum): CreditCardCarrier {
56 | switch (network) {
57 | case "AMEX": return CreditCardCarrier.AMERICAN_EXPRESS;
58 | case "MASTERCARD": return CreditCardCarrier.MASTERCARD;
59 | case "VISA": return CreditCardCarrier.VISA;
60 | default: return CreditCardCarrier.UNKNOWN;
61 | }
62 | }
63 |
64 | function transformRequest(params: ApiSavedPaymentMethodsRequest): PaymentMethodArgs {
65 | return {
66 | memberEmail: getRequiredParam(params, "memberEmail"),
67 | };
68 | }
69 |
70 | function transformResult(result: PaymentMethodSummary[]): ApiSavedPaymentMethodsResult {
71 | return result;
72 | }
73 |
74 |
75 | const DUMMY_CARD: Card = {
76 | id: "baronsupercard",
77 | status: "pending",
78 | billingDetails: {
79 | name: "Baron Bilano",
80 | city: "Baronville",
81 | country: "Baronia",
82 | line1: "123 Baron Street",
83 | postalCode: "12345"
84 | },
85 | expMonth: 1,
86 | expYear: 2025,
87 | network: "VISA",
88 | last4: "4321",
89 | fingerprint: "alskjdflajksdflj",
90 | verification: {
91 | avs: "laksjlkasjdf",
92 | cvv: CvvResults.Pass
93 | },
94 | metadata: {
95 | email: "baron.bilano@gmail.com"
96 | },
97 | createDate: "21:30:38Z",
98 | updateDate: "21:30:38Z"
99 | }
100 |
--------------------------------------------------------------------------------
/backend/src/handlers/save-member.test.ts:
--------------------------------------------------------------------------------
1 | import { MockHttpResponse, UsedMethod } from "../dev/testing/MockHttpResponse";
2 | import { ApiSaveMemberRequest } from "../shared/api";
3 | import { DatabaseClient } from "../db/client";
4 | import { InMemoryDatabaseClient } from "../dev/testing/InMemoryDatabaseClient";
5 | import { setDatabaseClient, setTapCashClient } from "../helpers/singletons";
6 | import { handleSaveMember } from "./save-member";
7 | import { buildPostRequest } from "../dev/testing/utils";
8 | import { MockTapCashClient } from "../dev/testing/MockTapCashClient";
9 | import { PublicKey } from "../helpers/solana";
10 |
11 |
12 | describe('save-member handler', () => {
13 | it('save-member - all good - new member added to (mocked) db', async () => {
14 | const mockResponse: MockHttpResponse = new MockHttpResponse();
15 | const dbClient: DatabaseClient = InMemoryDatabaseClient.make();
16 | setDatabaseClient(dbClient);
17 | await handleSaveMember(
18 | buildPostRequest({
19 | emailAddress: "mary.jane@gmail.com",
20 | profilePictureUrl: "https://www.google.com",
21 | name: "Mary Jane",
22 | signerAddressBase58: "rand4XuRxdtPS9gDYy6KDeGkEpi69xmkCy5oEmDYfoC"
23 | }),
24 | mockResponse
25 | );
26 |
27 | expect(mockResponse.mockedNextUse()?.status?.code).toStrictEqual(200);
28 | expect((await dbClient.queryMembersByEmail("mary.jane@gmail.com", 1))[0].name).toStrictEqual("Mary Jane");
29 | });
30 |
31 |
32 | it('save-member - all good - new member account initialized on (mock) chain', async () => {
33 | const mockResponse: MockHttpResponse = new MockHttpResponse();
34 |
35 | const dbClient: DatabaseClient = InMemoryDatabaseClient.make();
36 | setDatabaseClient(dbClient);
37 |
38 | const tapClient: MockTapCashClient = MockTapCashClient.make();
39 | setTapCashClient(tapClient);
40 |
41 | const userId: PublicKey = new PublicKey("rand4XuRxdtPS9gDYy6KDeGkEpi69xmkCy5oEmDYfoC");
42 |
43 | await handleSaveMember(
44 | buildPostRequest({
45 | emailAddress: "mary.jane@gmail.com",
46 | profilePictureUrl: "https://www.google.com",
47 | name: "Mary Jane",
48 | signerAddressBase58: userId.toBase58()
49 | }),
50 | mockResponse
51 | );
52 |
53 | expect(mockResponse.mockedNextUse()?.status?.code).toStrictEqual(200);
54 | expect(tapClient.getMemberAccount(userId)?.balance).toStrictEqual(0);
55 | });
56 |
57 | it('save-member - member already exists - updates member data', async () => {
58 | const mockResponse: MockHttpResponse = new MockHttpResponse();
59 | const dbClient: DatabaseClient = InMemoryDatabaseClient.make();
60 | setDatabaseClient(dbClient);
61 |
62 | await handleSaveMember(
63 | buildPostRequest({
64 | emailAddress: "mary.jane@gmail.com",
65 | profilePictureUrl: "https://www.google.com",
66 | name: "Mary Jane",
67 | signerAddressBase58: "rand4XuRxdtPS9gDYy6KDeGkEpi69xmkCy5oEmDYfoC"
68 | }),
69 | new MockHttpResponse()
70 | );
71 |
72 | await handleSaveMember(
73 | buildPostRequest({
74 | emailAddress: "mary.jane@gmail.com",
75 | profilePictureUrl: "https://www.google.com",
76 | name: "Mary Doe",
77 | signerAddressBase58: "rand4XuRxdtPS9gDYy6KDeGkEpi69xmkCy5oEmDYfoC"
78 | }),
79 | mockResponse
80 | );
81 |
82 | expect(mockResponse.mockedLastUseOf(UsedMethod.STATUS)?.status?.code).toStrictEqual(200);
83 | expect((await dbClient.queryMembersByEmail("mary.jane@gmail.com", 1))[0].name).toStrictEqual("Mary Doe");
84 | });
85 | });
86 |
--------------------------------------------------------------------------------
/src/modules/send/ConfirmScreen.tsx:
--------------------------------------------------------------------------------
1 | import { NativeStackScreenProps } from "@react-navigation/native-stack";
2 | import { SendNavScreen, SendStackRouteParams } from "../../common/navigation";
3 | import { Button } from "../../components/Button";
4 | import { Text } from "../../components/Text";
5 | import { View } from "../../components/View";
6 | import { formatUsd } from "../../common/number";
7 | import { useSavedPaymentMethods } from "../../api/client";
8 | import { useEffect, useMemo } from "react";
9 | import { useUserProfile } from "../../components/profile-provider";
10 | import { PaymentMethodSummary } from "../../shared/payment";
11 | import { Loading } from "../../components/Loading";
12 | import { Screen } from "../../components/Screen";
13 | import { StyleSheet } from "react-native";
14 | import { RecipientProfile } from "../../components/RecipientProfile";
15 | import { BigDollars } from "../../components/BigDollars";
16 |
17 | type Props = NativeStackScreenProps;
18 |
19 | export function ConfirmScreen(props: Props): JSX.Element {
20 | const userProfileContext = useUserProfile();
21 | const { recipient, amount, depositAmount } = props.route.params;
22 | // round to the nearest cent
23 | const finalAmount: number = Math.round(amount * 100) / 100;
24 | const finalDepositAmount: number = Math.round(depositAmount * 100) / 100;
25 | const paymentMethodsContext = useSavedPaymentMethods();
26 | const needsDeposit: boolean = depositAmount > 0;
27 |
28 | // get a credit card to charge if the user doesnt have enough money
29 | useEffect(() => {
30 | if (needsDeposit && (userProfileContext.email != null)) {
31 | paymentMethodsContext.submit({ memberEmail: userProfileContext.email });
32 | }
33 | }, [depositAmount, userProfileContext.email]);
34 |
35 | const paymentMethod: PaymentMethodSummary | undefined = useMemo(() => {
36 | let result: PaymentMethodSummary | undefined;
37 | if ((paymentMethodsContext.data != null) && (paymentMethodsContext.data.length > 0)) {
38 | result = paymentMethodsContext.data[0];
39 | }
40 | return result;
41 | }, [paymentMethodsContext.data]);
42 |
43 | const loading: boolean = needsDeposit && (paymentMethodsContext.loading || (paymentMethodsContext.data == null));
44 |
45 | return (
46 |
47 | {loading && }
48 | {!loading && (
49 |
50 |
51 | {finalAmount}
52 | {!needsDeposit && (
53 | from your Tap account
54 | )}
55 | to
56 |
57 | {needsDeposit && (
58 |
59 | {formatUsd(finalAmount - finalDepositAmount)} from your Tap account
60 | {formatUsd(finalDepositAmount)} charged to card ending in {paymentMethod?.creditCard?.lastFourDigits}
61 |
62 | )}
63 |
64 |
77 | )}
78 |
79 | );
80 | }
81 |
82 |
83 | const STYLES = StyleSheet.create({
84 | amount: {
85 | fontSize: 53,
86 | },
87 | })
88 |
--------------------------------------------------------------------------------
/backend/src/circle/circle-emulator.ts:
--------------------------------------------------------------------------------
1 | import * as anchor from "@project-serum/anchor";
2 | import { createMintToCheckedInstruction } from "@solana/spl-token";
3 | import { ApiError } from "../shared/error";
4 | import { FAKE_USDC, RPC_URL, USDC_DECIMALS } from "../constants";
5 | import { BANK_AUTH } from "../program/constants";
6 | import { createWorkspace, WorkSpace } from "../program/workspace";
7 | import { CircleClient, CircleDepositArgs } from "./client";
8 | import { Card, CvvResults } from "@circle-fin/circle-sdk";
9 |
10 | /**
11 | * This is an Emulator for the Circle SDK. It uses mocked data to simulate the Circle SDK.
12 | * This is used for testing purposes.
13 | */
14 | export class CircleEmulator implements CircleClient {
15 | private readonly connection: anchor.web3.Connection;
16 | private readonly provider: anchor.AnchorProvider;
17 | private readonly payer: anchor.web3.Keypair;
18 | private constructor(sdk: WorkSpace) {
19 | this.connection = sdk.connection;
20 | this.provider = sdk.provider;
21 | this.payer = sdk.payer;
22 | }
23 |
24 | /**
25 | *
26 | * @returns CircleEmulator with default values for the workspace
27 | */
28 | public static ofDefaults(): CircleEmulator {
29 | return new CircleEmulator(createWorkspace(RPC_URL, BANK_AUTH));
30 | }
31 |
32 | /**
33 | *
34 | * @param sdk - Workspace to use for the emulator
35 | * @returns CircleEmulator with the provided workspace
36 | */
37 | public static withSdk(sdk: WorkSpace) {
38 | return new CircleEmulator(sdk);
39 | }
40 |
41 | /**
42 | *
43 | * Simulates the deposit of USDC into a user's account by Minting Fake USDC to the destination ATA
44 | *
45 | * @param args CircleDepositArgs - The set of arguments needed to deposit funds into a user's account
46 | * @throws generalServerError if the MintTo transaction fails
47 | */
48 | public async depositUsdc(args: CircleDepositArgs): Promise {
49 | const tokenMint: anchor.web3.PublicKey = FAKE_USDC.publicKey;
50 | const destination: anchor.web3.PublicKey = new anchor.web3.PublicKey(args.destinationAtaString);
51 | const decimalAmount = args.amount * (10 ** USDC_DECIMALS);
52 | let ix = createMintToCheckedInstruction(tokenMint, destination, this.provider.publicKey, decimalAmount, USDC_DECIMALS);
53 | let transaction = new anchor.web3.Transaction().add(ix);
54 |
55 | try {
56 | const { blockhash, lastValidBlockHeight } = await this.connection.getLatestBlockhash();
57 | transaction.recentBlockhash = blockhash;
58 | transaction.lastValidBlockHeight = lastValidBlockHeight;
59 | const txId = await anchor.web3.sendAndConfirmTransaction(this.connection, transaction, [this.payer]);
60 | return;
61 | }
62 | catch {
63 | ApiError.generalServerError("Failed to deposit funds.");
64 | }
65 | }
66 |
67 | /**
68 | *
69 | * Fetches a demo card for testing from a given id
70 | *
71 | * @param id - The id of the card to fetch (not currently utilzied)
72 | * @returns a predefined card object
73 | */
74 | public async fetchCard(id: string): Promise {
75 | //TODO fill in with something better
76 | return {
77 | id: "baronsupercard",
78 | status: "pending",
79 | billingDetails: {
80 | name: "Baron Bilano",
81 | city: "Baronville",
82 | country: "Baronia",
83 | line1: "123 Baron Street",
84 | postalCode: "12345"
85 | },
86 | expMonth: 1,
87 | expYear: 2025,
88 | network: "VISA",
89 | last4: "4321",
90 | fingerprint: "alskjdflajksdflj",
91 | verification: {
92 | avs: "laksjlkasjdf",
93 | cvv: CvvResults.Pass
94 | },
95 | metadata: {
96 | email: "baron.bilano@gmail.com"
97 | },
98 | createDate: "21:30:38Z",
99 | updateDate: "21:30:38Z"
100 | }
101 | }
102 | }
103 |
--------------------------------------------------------------------------------
/program/tap_cash/programs/tap_cash/src/instructions/member_account.rs:
--------------------------------------------------------------------------------
1 | use anchor_lang::prelude::*;
2 | use anchor_spl::{
3 | associated_token::AssociatedToken,
4 | token::{Mint, Token, TokenAccount},
5 | };
6 |
7 | use crate::{
8 | constants::{MEMBER_SEED, CHECKING_SEED, MEMBER_ACCOUNT_VERSION},
9 | state::{Member, MemberAccount, Bank}
10 | };
11 |
12 | /// Accounts and constraints for initializing a new member account.
13 | #[derive(Accounts)]
14 | pub struct InitializeMemberAccount<'info> {
15 |
16 | /// Fee payer is the Bank's defined payer (not the user)
17 | #[account(
18 | mut,
19 | constraint = payer.to_account_info().key() == bank.fee_payer.key()
20 | )]
21 | pub payer: Signer<'info>,
22 |
23 | /// The member for which we will create a new Account for
24 | #[account(
25 | mut,
26 | owner = crate::ID,
27 | has_one = bank,
28 | seeds = [
29 | MEMBER_SEED.as_ref(),
30 | bank.to_account_info().key().as_ref(),
31 | user_id.key().as_ref()
32 | ],
33 | bump = member.bump
34 | )]
35 | pub member: Account<'info, Member>,
36 |
37 | /// User ID is the Public Key the user recieved when enrolling via Web3 auth (local device wallet for signing)
38 | pub user_id: SystemAccount<'info>,
39 |
40 | /// The bank the member is enrolled in
41 | #[account(owner = crate::ID)]
42 | pub bank: Account<'info, Bank>,
43 |
44 | /// A Member Account (PDA will have authority over Token Account) (seeded based on account type (e.g., "checking", token mint, member pda, and account no--user can have multiple accounts))
45 | #[account(
46 | init,
47 | payer = payer,
48 | space = MemberAccount::get_space(),
49 | seeds = [
50 | member.to_account_info().key().as_ref(),
51 | CHECKING_SEED.as_ref(),
52 | token_mint.key().as_ref(),
53 | // Account is initiated at 0. Will be incremented in the function
54 | // so we want our seed to match the new state (not the old)
55 | &(member.num_accounts+1).to_le_bytes(),
56 | ],
57 | bump
58 | )]
59 | pub account_pda: Account<'info,MemberAccount>,
60 |
61 | /// Token account owned by the MemberAccount (derived off path between token_mint and account_pda)
62 | #[account(
63 | init,
64 | associated_token::mint = token_mint,
65 | payer = payer,
66 | associated_token::authority = account_pda,
67 | )]
68 | pub account_ata: Account<'info, TokenAccount>,
69 |
70 | /// Mint address of the Token (for now, this will be limited to USDC)
71 | pub token_mint: Account<'info, Mint>,
72 |
73 | /// Standard Token Program
74 | pub token_program: Program<'info, Token>,
75 |
76 | /// Standard Associated Token Program (for init new ATA)
77 | pub associated_token_program: Program<'info, AssociatedToken>,
78 |
79 | /// Standard system program, for creating accounts
80 | pub system_program: Program<'info, System>,
81 | }
82 |
83 | /// Initializes a new member account.
84 | ///
85 | /// This function creates a new member account with an associated token account (ATA).
86 | /// It sets its initial state to include the account version, member key, token mint, ATA key, bump value, account number, and account type.
87 | /// This function should only be called once per member account.
88 | pub fn init_account(
89 | ctx: Context
90 | ) -> Result<()> {
91 | let new_account = &mut ctx.accounts.account_pda;
92 | let member = &mut ctx.accounts.member;
93 | let account_number = member.num_accounts + 1;
94 |
95 | // Create user's new account
96 | new_account.set_inner(MemberAccount{
97 | version: MEMBER_ACCOUNT_VERSION,
98 | member: member.key(),
99 | token_mint: ctx.accounts.token_mint.key(),
100 | ata: ctx.accounts.account_ata.key(),
101 | bump: *ctx.bumps.get("account_pda").unwrap(),
102 | acct_no: account_number,
103 | acct_type: 0
104 | });
105 |
106 | // Increment number of accounts in the Member state
107 | member.num_accounts = account_number;
108 |
109 | new_account.log_init();
110 | Ok(())
111 | }
--------------------------------------------------------------------------------