be-components 0.4.9 → 0.5.1

package/lib/typescript/src/Wallet/components/MyBalance.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import type { MyPlayerProps, PlayerBalanceProps } from '../../ProfileManager/api/types';
+import type { AccountProps } from '../../types';
+type MyBalanceProps = {
+    player: MyPlayerProps;
+    player_balance: PlayerBalanceProps;
+    balance_account?: AccountProps;
+    walkthrough?: boolean;
+    onClose: () => void;
+    onNext: () => void;
+};
+declare const MyBalance: ({ player, balance_account, player_balance, walkthrough, onClose, onNext }: MyBalanceProps) => React.JSX.Element;
+export default MyBalance;
+//# sourceMappingURL=MyBalance.d.ts.map

package/lib/typescript/src/Wallet/components/MyBalance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MyBalance.d.ts","sourceRoot":"","sources":["../../../../../src/Wallet/components/MyBalance.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AACxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD,KAAK,cAAc,GAAG;IAClB,MAAM,EAAC,aAAa,CAAC;IACrB,cAAc,EAAC,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAC,YAAY,CAAC;IAC9B,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,MAAM,EAAC,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,QAAA,MAAM,SAAS,8EAA8E,cAAc,sBA4C1G,CAAA;AAED,eAAe,SAAS,CAAA"}

package/lib/typescript/src/Wallet/components/PayPalOrderCapture.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { AccountProps, ItemOrderProps, ItemProps, TransactionProps } from '../../types';
+type PayPalOrderCaptureProps = {
+    paypal_account: AccountProps;
+    items: ItemProps[];
+    region?: string;
+    coordinates?: any;
+    draft_item_order: ItemOrderProps;
+    button_height?: number;
+    order_valid?: boolean;
+    onOrderUpdate: (item_order: ItemOrderProps, transaction: TransactionProps) => void;
+    onCancel: () => void;
+};
+declare const PayPalOrderCapture: ({ draft_item_order, region, coordinates, items, paypal_account, button_height, order_valid, onOrderUpdate, onCancel }: PayPalOrderCaptureProps) => React.JSX.Element;
+export default PayPalOrderCapture;
+//# sourceMappingURL=PayPalOrderCapture.d.ts.map

package/lib/typescript/src/Wallet/components/PayPalOrderCapture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PayPalOrderCapture.d.ts","sourceRoot":"","sources":["../../../../../src/Wallet/components/PayPalOrderCapture.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAG7F,KAAK,uBAAuB,GAAG;IAC3B,cAAc,EAAC,YAAY,CAAC;IAC5B,KAAK,EAAC,SAAS,EAAE,CAAC;IAClB,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,WAAW,CAAC,EAAC,GAAG,CAAC;IACjB,gBAAgB,EAAC,cAAc,CAAC;IAChC,aAAa,CAAC,EAAC,MAAM,CAAC;IACtB,WAAW,CAAC,EAAC,OAAO,CAAC;IACrB,aAAa,EAAC,CAAC,UAAU,EAAC,cAAc,EAAE,WAAW,EAAC,gBAAgB,KAAK,IAAI,CAAC;IAChF,QAAQ,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,kBAAkB,0HAA0H,uBAAuB,sBAsCxK,CAAA;AAED,eAAe,kBAAkB,CAAA"}

package/lib/typescript/src/Wallet/components/RemoveAccount.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AccountProps } from '../../types';
+type UnlinkAccountCardProps = {
+    account: AccountProps;
+    onCancel: () => void;
+    onRemove: (acct: AccountProps) => void;
+};
+declare const RemoveAccountCard: ({ account, onCancel, onRemove }: UnlinkAccountCardProps) => React.JSX.Element;
+export default RemoveAccountCard;
+//# sourceMappingURL=RemoveAccount.d.ts.map

package/lib/typescript/src/Wallet/components/RemoveAccount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RemoveAccount.d.ts","sourceRoot":"","sources":["../../../../../src/Wallet/components/RemoveAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAKhD,KAAK,sBAAsB,GAAG;IAC1B,OAAO,EAAC,YAAY,CAAC;IACrB,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,EAAE,CAAC,IAAI,EAAC,YAAY,KAAK,IAAI,CAAA;CACxC,CAAA;AAED,QAAA,MAAM,iBAAiB,oCAAoC,sBAAsB,sBAmDhF,CAAA;AAED,eAAe,iBAAiB,CAAA"}

package/lib/typescript/src/Wallet/components/VerifyACHAccount.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { AccountProps } from '../../types';
+type VerifyACHWidgetProps = {
+    account: AccountProps;
+    onUpdateAccount: (account: AccountProps) => void;
+    onClose: () => void;
+};
+declare const VerifyACHAccount: ({ account, onClose, onUpdateAccount }: VerifyACHWidgetProps) => React.JSX.Element;
+export default VerifyACHAccount;
+//# sourceMappingURL=VerifyACHAccount.d.ts.map

package/lib/typescript/src/Wallet/components/VerifyACHAccount.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"VerifyACHAccount.d.ts","sourceRoot":"","sources":["../../../../../src/Wallet/components/VerifyACHAccount.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD,KAAK,oBAAoB,GAAG;IACxB,OAAO,EAAC,YAAY,CAAC;IACrB,eAAe,EAAC,CAAC,OAAO,EAAC,YAAY,KAAK,IAAI,CAAC;IAC/C,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAA;AAED,QAAA,MAAM,gBAAgB,0CAA0C,oBAAoB,sBA2HnF,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/lib/typescript/src/Wallet/components/WalletSetup.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { WalletSettingsProps } from '../../types';
+import type { MyPlayerProps } from '../../ProfileManager/api/types';
+type WalletSetupProps = {
+    player: MyPlayerProps;
+    wallet_settings: WalletSettingsProps;
+    onSettingsUpdate: (ws: WalletSettingsProps) => void;
+};
+declare const WalletSetup: ({ wallet_settings, onSettingsUpdate }: WalletSetupProps) => React.JSX.Element;
+export default WalletSetup;
+//# sourceMappingURL=WalletSetup.d.ts.map

package/lib/typescript/src/Wallet/components/WalletSetup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WalletSetup.d.ts","sourceRoot":"","sources":["../../../../../src/Wallet/components/WalletSetup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAGvD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAIpE,KAAK,gBAAgB,GAAG;IACpB,MAAM,EAAE,aAAa,CAAC;IACtB,eAAe,EAAE,mBAAmB,CAAC;IACrC,gBAAgB,EAAC,CAAC,EAAE,EAAC,mBAAmB,KAAK,IAAI,CAAC;CACrD,CAAA;AAED,QAAA,MAAM,WAAW,0CAA0C,gBAAgB,sBAmL1E,CAAA;AAED,eAAe,WAAW,CAAA"}

package/lib/typescript/src/Wallet/components/WithdrawCard.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import type { AccountProps, ItemOrderProps, PlayerDepositLimitProps, PlayerWithdrawLimitProps, WalletSettingsProps } from '../../types';
+import type { MyPlayerProps, PlayerBalanceProps } from '../../ProfileManager/api/types';
+type WithdrawCardProps = {
+    player: MyPlayerProps;
+    wallet_settings: WalletSettingsProps;
+    player_balance: PlayerBalanceProps;
+    account: AccountProps;
+    deposit_limit: PlayerDepositLimitProps;
+    withdraw_limit: PlayerWithdrawLimitProps;
+    onTransact: (draft_order: ItemOrderProps) => void;
+    onCancel: () => void;
+};
+declare const WithdrawCard: ({ wallet_settings, onTransact, player_balance, account, withdraw_limit, deposit_limit, onCancel }: WithdrawCardProps) => React.JSX.Element;
+export default WithdrawCard;
+//# sourceMappingURL=WithdrawCard.d.ts.map

package/lib/typescript/src/Wallet/components/WithdrawCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WithdrawCard.d.ts","sourceRoot":"","sources":["../../../../../src/Wallet/components/WithdrawCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAEnD,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,uBAAuB,EAAE,wBAAwB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AAExI,OAAO,KAAK,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAMxF,KAAK,iBAAiB,GAAG;IACrB,MAAM,EAAC,aAAa,CAAC;IACrB,eAAe,EAAC,mBAAmB,CAAC;IACpC,cAAc,EAAC,kBAAkB,CAAC;IAClC,OAAO,EAAC,YAAY,CAAC;IACrB,aAAa,EAAC,uBAAuB,CAAC;IACtC,cAAc,EAAC,wBAAwB,CAAC;IACxC,UAAU,EAAC,CAAC,WAAW,EAAC,cAAc,KAAK,IAAI,CAAC;IAChD,QAAQ,EAAC,MAAM,IAAI,CAAA;CACtB,CAAA;AACD,QAAA,MAAM,YAAY,sGAAsG,iBAAiB,sBA0HxI,CAAA;AAED,eAAe,YAAY,CAAA"}

package/lib/typescript/src/Wallet/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+import type { ItemOrderProps } from '../types';
+type MyWalletProps = {
+    account_id?: string;
+    onClose: () => void;
+    onTransact: (item_order: ItemOrderProps, account_id?: string) => void;
+};
+declare const MyWallet: ({ account_id, onTransact, onClose }: MyWalletProps) => React.JSX.Element;
+export default MyWallet;
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/Wallet/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Wallet/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAgB,cAAc,EAA8F,MAAM,UAAU,CAAC;AAezJ,KAAK,aAAa,GAAG;IACjB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,UAAU,EAAE,CAAC,UAAU,EAAC,cAAc,EAAE,UAAU,CAAC,EAAC,MAAM,KAAK,IAAI,CAAA;CACtE,CAAA;AAED,QAAA,MAAM,QAAQ,wCAAwC,aAAa,sBAsMlE,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/lib/typescript/src/constants/colors.d.ts

@@ -15,6 +15,9 @@ declare const Colors: {
         cyan: string;
         electric: string;
     };
+    company: {
+        paypal: string;
+    };
     shades: {
         white: string;
         shade100: string;

package/lib/typescript/src/constants/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/constants/colors.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0DT,CAAA;AACD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/constants/colors.ts"],"names":[],"mappings":"AACA,QAAA,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6DT,CAAA;AACD,eAAe,MAAM,CAAA"}

package/lib/typescript/src/index.d.ts

@@ -7,5 +7,8 @@ import LinearGradient from "react-native-linear-gradient";
 import Colors from "./constants/colors";
 import Observer, { BEEventApi, BELinkApi } from './Observer';
 import BettorSearch from "./BettorSearch";
-export { Authenticator, Observer, BEEventApi, BELinkApi, ProfileManager, Components, SocialComponents, APIOverrides, LinearGradient, BettorSearch, Colors };
+import MyWallet from "./Wallet";
+import Checkout from "./Checkout";
+import { usePlayerLocation } from "./LocationTracker/LocationStatus";
+export { Authenticator, Observer, BEEventApi, BELinkApi, ProfileManager, Components, SocialComponents, APIOverrides, LinearGradient, usePlayerLocation, BettorSearch, Colors, MyWallet, Checkout };
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAG1C,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,YAAY,EACZ,MAAM,EACP,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,aAAa,MAAM,iBAAiB,CAAC;AAC5C,OAAO,cAAc,MAAM,kBAAkB,CAAC;AAC9C,OAAO,KAAK,UAAU,MAAM,cAAc,CAAC;AAC3C,OAAO,KAAK,gBAAgB,MAAM,oBAAoB,CAAC;AACvD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,cAAc,MAAM,8BAA8B,CAAC;AAC1D,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,YAAY,MAAM,gBAAgB,CAAC;AAC1C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAErE,OAAO,EACL,aAAa,EACb,QAAQ,EACR,UAAU,EACV,SAAS,EACT,cAAc,EACd,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,cAAc,EACd,iBAAiB,EACjB,YAAY,EACZ,MAAM,EACN,QAAQ,EACR,QAAQ,EACT,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "0.4.9",
+  "version": "0.5.1",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",
@@ -157,7 +157,9 @@
     ]
   },
   "dependencies": {
+    "@paypal/react-paypal-js": "^8.3.0",
     "@react-native-async-storage/async-storage": "^1.23.1",
+    "@react-native-community/geolocation": "^3.2.1",
     "@react-spring/web": "^9.7.3",
     "@types/uuid": "^9.0.8",
     "axios": "^1.6.8",
@@ -165,6 +167,7 @@
     "react-device-detect": "^2.2.3",
     "react-native-linear-gradient": "^2.8.3",
     "react-native-web-linear-gradient": "^1.1.2",
+    "us-bank-account-validator": "^1.0.0",
     "uuid": "^9.0.1"
   },
   "directories": {

package/src/ApiOverrides/index.ts

@@ -11,7 +11,11 @@ const ENVIRONMENT_ENDPOINTS = {
         VOUCHED_CALLBACK_URL: 'https://1f9b-64-159-204-178.ngrok-free.app/v1/players/vouch/hook',
         VOUCHED_SANDBOX: true,
         EVENT_SVC_API: 'http://localhost:3002',
-        SOCIAL_SVC_API: 'http://localhost:3011'
+        SOCIAL_SVC_API: 'http://localhost:3011',
+        WALLET_SVC_API: 'http://localhost:3012',
+        LOCATION_API: 'AIzaSyAZwcca9MedBHEedDdQmQG3AL9FMUwTvP0',
+        PAYPAL_CLIENT_ID: 'AWSlToJzIYpEfvKMPB6vSyi54Sc9LEv6R0axuLUsAiJTo42vhHMpdUkLKv3zeGuayhL-05dKgC09iaS6'
+
     },
     STAGING: {
         AUTH_SVC_API: 'https://stage-be-auth-svc.herokuapp.com',
@@ -19,7 +23,10 @@ const ENVIRONMENT_ENDPOINTS = {
         VOUCHED_CALLBACK_URL: 'https://stage-be-auth-svc.herokuapp.com/v1/players/vouch/hook',
         VOUCHED_SANDBOX: true,
         EVENT_SVC_API: 'https://stage-be-sr-svc.herokuapp.com',
-        SOCIAL_SVC_API: 'https://stage-be-soc-svc.herokuapp.com'
+        SOCIAL_SVC_API: 'https://stage-be-soc-svc.herokuapp.com',
+        WALLET_SVC_API: 'https://stage-be-pay-svc.herokuapp.com',
+        LOCATION_API: 'AIzaSyAZwcca9MedBHEedDdQmQG3AL9FMUwTvP0',
+        PAYPAL_CLIENT_ID: 'AWSlToJzIYpEfvKMPB6vSyi54Sc9LEv6R0axuLUsAiJTo42vhHMpdUkLKv3zeGuayhL-05dKgC09iaS6'
 
     },
     PRODUCTION: {
@@ -28,7 +35,10 @@ const ENVIRONMENT_ENDPOINTS = {
         VOUCHED_CALLBACK_URL: 'https://be-auth-svc.herokuapp.com/v1/players/vouch/hook',
         VOUCHED_SANDBOX: false,
         EVENT_SVC_API: 'https://api.events.bettoredge.com',
-        SOCIAL_SVC_API: 'https://api.social.bettoredge.com'
+        SOCIAL_SVC_API: 'https://api.social.bettoredge.com',
+        WALLET_SVC_API: 'https://be-pay-svc.herokuapp.com',
+        LOCATION_API: 'AIzaSyAZwcca9MedBHEedDdQmQG3AL9FMUwTvP0',
+        PAYPAL_CLIENT_ID: 'AUZbVk4xEx5hlDu52ogVyUr4LhPF7eIYWrvxqEh_ebiAlbdg8HUvCZHnNgnW9_gmkI2lx4nX095STlAr'
     }
 }
 

package/src/Checkout/api/index.tsx

@@ -0,0 +1,199 @@
+import axios from "axios";
+import { APIOverrides } from "../../ApiOverrides";
+import type { AccountProps, ItemOrderProps, ItemProps, LocationProps, PlayerAddressProps, TransactionDetailProps, TransactionProps } from "../../types";
+import type { MyPlayerProps } from "../../ProfileManager/api/types";
+import moment from "moment-mini";
+
+
+let WALLET_SVC_API = ''
+let AUTH_SVC_API = ''
+let PAYPAL_CLIENT_ID = ''
+
+export { CheckoutApi, CheckoutHelpers }
+
+const CheckoutApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        WALLET_SVC_API = endpoints['WALLET_SVC_API'] as string;
+        AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
+        PAYPAL_CLIENT_ID = endpoints['PAYPAL_CLIENT_ID'] as string;
+    },
+    getPayPalClientId: () => {
+        return PAYPAL_CLIENT_ID
+    },
+    getMyDetails: async():Promise<MyPlayerProps> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/players/player/me`)
+        return resp.data.player
+    },
+    getMyAddresses: async():Promise<PlayerAddressProps[]> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/players/addresses/me`)
+        return resp.data.player_addresses
+    },
+    updateAccountDefaultAddress: async(account_id:string, player_address_id?:string):Promise<AccountProps> => {
+        const resp = await axios.post(`${WALLET_SVC_API}/v1/accounts/account/address/default`, { account_id, player_address_id })
+        return resp.data.account
+    },
+    getAddressById: async(player_address_id:string):Promise<PlayerAddressProps> => {
+        const resp = await axios.get(`${AUTH_SVC_API}/v1/players/addresses/address/${player_address_id}`)
+        return resp.data.player_address
+    },
+    getMyAccounts: async():Promise<AccountProps[]> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/accounts/me`);
+        return resp.data.accounts
+    },
+    getAccountById: async(account_id:string):Promise<AccountProps> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/accounts/account/${account_id}`)
+        return resp.data.account
+    },
+    updateDefaultAccount:async(account_id:string):Promise<AccountProps[]> => {
+        const resp = await axios.post(`${WALLET_SVC_API}/v1/accounts/account/default`, { account_id })
+        return resp.data.accounts
+    },
+    getItemById: async(item_id:string):Promise<ItemProps> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/items/item/${item_id}`)
+        return resp.data.item
+    },
+    getItemsByIds: async(item_ids:string[]):Promise<ItemProps[]> => {
+        const resp = await axios.post(`${WALLET_SVC_API}/v1/items/bulk/get`, { item_ids })
+        return resp.data.items
+    },
+    getTransactionById: async(transaction_id:string):Promise<{ transaction:TransactionProps, transaction_details:TransactionDetailProps[] }> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/transactions/transaction/${transaction_id}`)
+        return resp.data
+    },
+    cancelTransaction: async(transaction_id?:string, external_id?:string):Promise<{ item_order:ItemOrderProps, transaction:TransactionProps }> => {
+        const resp = await axios.post(`${WALLET_SVC_API}/v1/transactions/transaction/cancel`, { transaction_id, external_id })
+        return resp.data
+    },
+    capturePayPalTransaction : async(external_id:string):Promise<{ item_order:ItemOrderProps, transaction:TransactionProps }> => {
+        const resp = await axios.post(`${WALLET_SVC_API}/v1/transactions/transaction/paypal/capture`, { external_id })
+        return resp.data
+    },
+    createOrder: async(item_order:ItemOrderProps, transaction:TransactionProps):Promise<{ item_order:ItemOrderProps, transaction:TransactionProps }> => {
+        const resp = await axios.post(`${WALLET_SVC_API}/v1/orders/order/create`, { item_order, transaction })
+        return { item_order: resp.data.item_order, transaction:resp.data.transaction }
+    },
+    getMyOrders: async(offset:number):Promise<{item_orders:ItemOrderProps[], items:ItemProps[]}> => {
+        const resp = await axios.get(`${WALLET_SVC_API}/v1/orders/me?offset=${offset}`)
+        return { item_orders: resp.data.item_orders, items: resp.data.items }
+    }
+}
+
+
+const CheckoutHelpers = {
+    filterMyPurchaseAccounts: (accounts:AccountProps[], items:ItemProps[]) => {
+        let filtered_accounts = accounts.sort((a,b) => moment(a.create_datetime).unix() - moment(b.create_datetime).unix());
+        let wallet_excluded = items.find(i => !i.wallet_allowed) ? true : false
+        if(wallet_excluded){
+            filtered_accounts = filtered_accounts.filter(a => a.account_type != 'bettoredge');
+        }
+        let ach_only = items.find(i => i.identifier == 'withdraw') ? true : false
+        if(ach_only){ filtered_accounts = filtered_accounts.filter(a => a.account_type=='ach' && !a.ibt_placeholder) }
+
+        let items_restricting_accounts = items.find(i => i.restricted_account_types)
+        if(items_restricting_accounts?.restricted_account_types && items_restricting_accounts.restricted_account_types.includes('card')){
+            filtered_accounts = filtered_accounts.filter(a => a.account_type == 'card')
+        }
+        if(items_restricting_accounts?.restricted_account_types && items_restricting_accounts.restricted_account_types.includes('ach')){
+            filtered_accounts = filtered_accounts.filter(a => a.account_type == 'ach')
+        }
+
+        return filtered_accounts.sort((a,b) => {
+            if(b.default_account && !a.default_account){ return 2 }
+            if(b.ibt_placeholder && !a.ibt_placeholder){ return -5 }
+            if(b.account_type == 'ach' && a.account_type != 'ach'){ return 1 }
+            if(b.account_type == 'card' && a.account_type != 'card'){ return -1 }
+            if(b.account_type == 'paypal' && a.account_type != 'paypal'){ return -2 }
+            return 0
+        })
+    },
+    isShippingRequired: (items:ItemProps[]) => {
+        return items.find(i => i.shipping_address_required) ? true : false
+    },
+    isBillingAddressRequired:(items:ItemProps[], account?:AccountProps) => {
+        let item_decision = items.find(i => i.billing_address_required) ? true : false
+        if(account && account.account_type == 'paypal'){ return false }
+        return item_decision
+    },
+    isLocationRequired: (items:ItemProps[]) => {
+        return items.find(i => i.location_required) ? true : false
+    },
+    isLocationRestrictedToLegalStates : (items:ItemProps[]) => {
+        return items.find(i => i.location_restricted) ? true : false
+    },
+    isCVVValid: (account:AccountProps, cvv?:string):boolean => {
+        if(!cvv){ return false }
+        if(!account.card_detail){ return false }
+        if(account.card_detail.card_brand?.toLowerCase() != 'amex' && cvv.length != 3){ return false }
+        if(account.card_detail.card_brand?.toLocaleLowerCase() == 'amex' && cvv.length != 4){ return false }
+        return true
+    },
+    isOrderValid: (draft_order:ItemOrderProps, items:ItemProps[], account?:AccountProps, cvv?:string, billing_address?:PlayerAddressProps, shipping_address?:PlayerAddressProps, player_location?:LocationProps, coords?:any):string[] => {
+        let errors:string[] = []
+        if(!account){ return ['Please select a pay with account or add a new account to complete order'] }
+        const shipping_address_required = CheckoutHelpers.isShippingRequired(items);
+        const billing_address_required = CheckoutHelpers.isBillingAddressRequired(items, account);
+        if(billing_address_required && !billing_address){ errors.push('Billing address is required') }
+        if(shipping_address_required && !shipping_address){ errors.push('Shipping address is required') }
+        if(account.account_type == 'card' && !CheckoutHelpers.isCVVValid(account, cvv)){ errors.push('CVV is not valid') }
+        let amount = parseFloat(draft_order.amount as string);
+        if(isNaN(amount)){ errors.push('Amount is not valid') }
+        if(draft_order.items.length == 0){ errors.push('Items are required') }
+
+        if(CheckoutHelpers.isLocationRequired(items) && !coords?.latitude){ errors.push('Location is required for an item being purchased') }
+        if(CheckoutHelpers.isLocationRestrictedToLegalStates(items) && player_location &&!player_location.legal_ind){ errors.push('Your current location is not eligible for this purchase') }
+        return errors
+    },
+    getTransactionFromItemAndAccountId: (item:ItemProps, account_id:string):TransactionProps => {
+        const be_client_id = Math.random().toString()//uuid.v4()
+        return {
+            transaction_id: '',
+            transaction_type: item.transaction_type,
+            account_id:account_id, 
+            amount: item.price,
+            currency: 'USD',
+            description: item.description,
+            external_id: '',
+            session_id: '',
+            be_client_id,
+            player_id: '',
+            status: 'pending',
+            create_datetime: '',
+            last_update_datetime:''
+        }
+    },
+    genItemOrder: (draft_order:ItemOrderProps, items:ItemProps[], account:AccountProps):ItemOrderProps => {
+        let amount = parseFloat(draft_order.amount as string);
+        let fee_1 = 0
+        let no_fee = items.find(i => i.no_fees) ? true : false
+        if(!no_fee){ fee_1 = Math.round(((account.transaction_fee * amount) + Number.EPSILON) * 100) / 100 }
+        let total_amount = amount + fee_1
+        return {
+            ...draft_order,
+            fee_1_amount: fee_1,
+            
+            total_amount
+        }
+    },
+    genTransactionFromItemOrder : (item_order:ItemOrderProps, items:ItemProps[], account_id?:string, cvv?:string):TransactionProps => {
+        const be_client_id = Math.random().toString()//uuid.v4()
+        let credit_item = items.find(i => i.transaction_type == 'credit') ? true : false
+        return {
+            transaction_id: '',
+            transaction_type: credit_item ? 'credit' : 'debit',
+            account_id:account_id??'', 
+            amount: item_order.total_amount,
+            currency: 'USD',
+            description: item_order.description,
+            
+            external_id: '',
+            cvv,
+            session_id: '',
+            be_client_id,
+            player_id: '',
+            status: 'pending',
+            create_datetime: '',
+            last_update_datetime:''
+        }
+    }
+}

package/src/Checkout/components/AccountSummaryCard.tsx

@@ -0,0 +1,169 @@
+import React from 'react';
+import { View, TouchableOpacity, Image } from "react-native";
+import { Button, Checkbox, Icons, Text, TextInput } from '../../Components';
+import type { AccountProps, ItemProps, PlayerAddressProps } from '../../types';
+import Colors from '../../constants/colors';
+import { CheckoutApi, CheckoutHelpers } from '../api';
+import moment from 'moment-mini';
+
+type AccountSummaryCardProps = {
+    selected_account?:AccountProps,
+    accounts:AccountProps[],
+    cvv?:string,
+    items:ItemProps[],
+    player_address?:PlayerAddressProps,
+    billing_address_required?:boolean,
+    onRequestNewAccount:() => void,
+    onCVVChange:(new_cvv:string) => void,
+    onChangeAddress:() => void
+    onAccountsUpdate:(accounts:AccountProps[]) => void,
+    onSelectAccount:(account:AccountProps) => void
+}
+const AccountSummaryCard = ({ accounts, cvv, items, selected_account, billing_address_required, player_address, onRequestNewAccount, onCVVChange, onAccountsUpdate, onSelectAccount, onChangeAddress }:AccountSummaryCardProps) => {
+
+    const my_accounts = CheckoutHelpers.filterMyPurchaseAccounts(accounts, items);
+
+
+    const getLabel = (account:AccountProps) => {
+        switch(account.account_type){
+            case 'ach':
+                if(account.ibt_placeholder){
+                    return (
+                        <View style={{ flexDirection:'row', alignItems:'center', padding:4 }}>
+                            <Image
+                                source={{ uri: 'https://res.cloudinary.com/hoabts6mc/image/upload/v1695821528/1630344814441_wjq98b.png' }}
+                                style={{ width:50, height:30 }}
+                                resizeMode='cover'
+                            />
+                        </View>
+                    )
+                }
+                if(account.ach_detail?.payment_provider == 'nuvei'){ 
+                    return (
+                        <View style={{ flexDirection:'row', alignItems:'center', padding:4 }}>
+                            <Icons.BankInstantIcon size={22} color={Colors.brand.midnight}/>
+                            <Text style={{ marginLeft:3 }} size={12} color={Colors.brand.midnight} weight='semibold'>{account.ach_detail?.bank_name}</Text>
+                        </View>
+                    ) 
+                }
+                return (
+                    <View style={{ flexDirection:'row', alignItems:'center', padding:4 }}>
+                        <Icons.BankIcon size={22} color={Colors.brand.midnight}/>
+                        <Text style={{ marginLeft:3 }} size={12} color={Colors.brand.midnight} weight='semibold'>{account.ach_detail?.bank_name}</Text>
+                    </View>
+                ) 
+            case 'card':
+                return renderCardIcon(account.card_detail?.card_brand)
+            case 'paypal':
+                return (
+                    <View style={{ flexDirection:'row', alignItems:'center', padding:4, backgroundColor:Colors.company.paypal }}>
+                        <Icons.PayPalIcon size={50} color={Colors.brand.midnight}/>
+                    </View>
+                )
+            default: return <></>
+
+        }
+    }
+
+    const renderCardIcon = (brand?:string) => {
+        switch(brand?.toLowerCase()){
+            case 'amex':
+                return <Icons.AmexCardIcon size={50} />
+            case 'visa':
+                return <Icons.VisaCardIcon size={50} />
+            case 'mastercard':
+                return <Icons.MasterCardIcon size={50} />
+            case 'discover':
+                return <Icons.DiscoverCardIcon size={50} />
+            default:
+                return <Icons.CreditCardIcon size={50} color={Colors.brand.midnight}/>
+        }
+    }
+
+
+    const renderAccounts = (data: { item:AccountProps, index:number }) => {
+        const selected = data.item.account_id == selected_account?.account_id ? true : false
+        return (
+            <TouchableOpacity 
+                style={{ margin:3, flexDirection:'row', backgroundColor:selected?Colors.highlights.highlight400Faded:'transparent', borderWidth:selected?2:1, borderColor:selected?Colors.brand.electric:Colors.shades.shade600, borderRadius:4 }}
+                onPress={() => onSelectAccount(data.item)}>
+                {getLabel(data.item)}
+            </TouchableOpacity>
+        )
+    }
+    
+    const handleUpdateDefault = async(account_id:string) => {
+        const updated_accounts = await CheckoutApi.updateDefaultAccount(account_id);
+        onAccountsUpdate(updated_accounts)
+    }
+
+    return (
+        <View style={{  padding:5 }}>
+            <View style={{ padding:5, paddingTop:10, paddingBottom:10, flexDirection:'row', alignItems:'center' }}>
+                <Text style={{ flex:1 }} size={14} color={Colors.brand.midnight} weight='semibold'>Account</Text>
+                <Button
+                    title='Add New Account'
+                    title_color={Colors.brand.electric}
+                    backgroundColor='transparent'
+                    onPress={() => onRequestNewAccount()}
+                />
+            </View>
+            <View nativeID='account_selector' style={{ flexDirection:'row', flexWrap:'wrap' }}>
+                {my_accounts.map((a,i) => {
+                    return renderAccounts({ item: a, index:i })
+                })}
+            </View>
+            {selected_account ?
+            <View style={{ padding:10, marginTop:5 }}>
+                <View style={{ flexDirection:'row', alignItems:'center' }}>
+                    <View style={{ flex:1, marginRight:5 }}>
+                        <Text size={14} weight='bold'>{selected_account.account_label}</Text>
+                        {selected_account.account_type == 'card' && selected_account.card_detail ?
+                            <Text style={{ marginTop:3 }} size={12} color={Colors.brand.slate}>EXP: {moment(selected_account.card_detail.expiration_date).format('MM/YYYY')}</Text>
+                        :<></>}   
+                    </View>
+                    <View style={{ flexDirection:'row', alignItems:'center' }}>
+                        <Text style={{ marginRight:5 }} size={14} color={Colors.brand.midnight}>Default</Text>
+                        <Checkbox
+                            checked={selected_account.default_account ? true : false}
+                            onSelect={() => handleUpdateDefault(selected_account.account_id)}
+                            size={20}
+                        />
+                    </View>
+                </View>
+                {selected_account.account_type == 'card' ?
+                <View style={{ flexDirection:'row', alignItems:'center', marginTop:10 }}>
+                    <Text style={{ flex:1 }} color={Colors.brand.midnight} size={12}>Enter CVV</Text>
+                    <TextInput
+                        style={{ textAlign:'center', width:100, padding:10, borderRadius:4 }}
+                        placeholderTextColor={Colors.brand.slate}
+                        placeholder='123'
+                        value={cvv}
+                        onChangeText={(text) => onCVVChange(text)}
+                    />
+                </View>
+                :<></>}
+                {billing_address_required ?
+                <View style={{ marginTop:15, flexDirection:'row', alignItems:'center' }}>
+                    {player_address ?
+                    <View style={{ flex:1 }}>
+                        <Text size={12} color={Colors.brand.midnight}>{player_address.street}</Text>
+                        <Text style={{ marginTop:3 }} size={12} color={Colors.brand.midnight}>{player_address.city}, {player_address.state} {player_address.zip}</Text>
+                    </View>
+                    :<View style={{flex:1}} />}
+                    <Button
+                        title={player_address ? 'CHANGE':'ADD BILLING ADDRESS'}
+                        title_color={Colors.brand.electric}
+                        padding={5}
+                        onPress={() => onChangeAddress()}
+                    />
+                </View>
+                :<></>}
+            </View>
+            :<></>}
+
+        </View>
+    )
+}
+
+export default AccountSummaryCard

package/src/Checkout/components/ItemSummaryCard.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Image, View } from "react-native";
+import type { ItemProps } from "../../types";
+import { Text } from '../../Components';
+import Colors from '../../constants/colors';
+
+type ItemSummaryCardProps = {
+    items:ItemProps[]
+}
+const ItemSummaryCard = ({ items }:ItemSummaryCardProps) => {
+
+    const default_item = items[0]
+
+    if(!default_item){ return <></> }
+    return (
+        <View>
+            <View style={{ flexDirection:'row', alignItems:'center' }}>
+                <View style={{ padding:5, marginRight:10 }}>
+                    <Image
+                        source={{ uri: default_item.images.find(i => i.default)?.url }}
+                        style={{ height:50, width:50 }}
+                        resizeMode='cover'
+                    />
+                </View>
+                <View style={{ flex:1 }}>
+                    <Text size={16} color={Colors.brand.midnight} weight='bold'>{default_item.name}</Text>
+                    <Text style={{ marginTop:5 }} size={14} color={Colors.brand.midnight} weight='regular'>{default_item.description}</Text>
+                </View>
+            </View>
+        </View>
+    )
+}
+
+export default ItemSummaryCard