be-components 0.4.9 → 0.5.0

package/src/Wallet/index.tsx

@@ -0,0 +1,229 @@
+import React, { useEffect, useState } from 'react';
+import { View, ActivityIndicator } from 'react-native';
+import { WalletApi, WalletHelpers } from './api';
+import Colors from '../constants/colors';
+import WalletSetup from './components/WalletSetup';
+import type { MyPlayerProps, PlayerBalanceProps } from '../ProfileManager/api/types';
+import AccountAdd from './components/ACHAdd';
+import type { AccountProps, ItemOrderProps, PlayerAddressProps, PlayerDepositLimitProps, PlayerWithdrawLimitProps, WalletSettingsProps } from '../types';
+import MyBalance from './components/MyBalance';
+import ManualCardAdd from './components/ManualCardAdd';
+import DepositCard from './components/DepositCard';
+import WithdrawCard from './components/WithdrawCard';
+import AccountManager from './components/AccountManager';
+import ManageAccountCard from './components/ManageAccountCard';
+import AccountSnoozeManager from './components/AccountSnoozeManager';
+import AccountLimitManager from './components/AccountLimitManager';
+import RemoveAccountCard from './components/RemoveAccount';
+import AddressManager from './components/AddressManager';
+import VerifyACHAccount from './components/VerifyACHAccount';
+import LinkAccountManager from './components/LinkAccountManager';
+import ManualACHAdd from './components/ManualACHAdd';
+
+type MyWalletProps = {
+    account_id?:string,
+    onClose:() => void,
+    onTransact: (item_order:ItemOrderProps, account_id?:string) => void
+}
+
+const MyWallet = ({ account_id, onTransact, onClose }:MyWalletProps) => {
+    const [ active_view, setActiveView ] = useState('account_manager');
+    const [ selected_account, setSelectedAccount ] = useState<AccountProps>();
+    const [ wallet, setWallet ] = useState<{
+        loaded:boolean,
+        player_addresses:PlayerAddressProps[],
+        wallet_settings?:WalletSettingsProps,
+        player?:MyPlayerProps,
+        player_balance?:PlayerBalanceProps,
+        deposit_limit?:PlayerDepositLimitProps,
+        withdraw_limit?:PlayerWithdrawLimitProps,
+        accounts:AccountProps[]
+    }>({
+        loaded: false,
+        accounts: [],
+        player_addresses:[]
+    })
+    const { loaded, player, wallet_settings, player_balance, deposit_limit, withdraw_limit, accounts, player_addresses } = wallet
+    const ibt_placeholder_account = accounts.find(a => a.ibt_placeholder);
+
+    useEffect(() => {
+        getData()
+    },[])
+
+    const getData = async() => {
+        WalletApi.setEnvironment();
+        const p = await WalletApi.getMyDetails();
+        const pb = await WalletApi.getMyBalance();
+        const ws = await WalletApi.getMySettings();
+        const dl = await WalletApi.getMyDepositLimit();
+        const wl = await WalletApi.getMyWithdrawLimit();
+        const pa = await WalletApi.getMyAddresses();
+        const accts = await WalletApi.getMyAccounts();
+        if(account_id){ setSelectedAccount(accts.find(a => a.account_id == account_id)) }
+
+    
+        setWallet({
+            ...wallet,
+            loaded:true,
+            player:p,
+            wallet_settings:ws,
+            player_balance: pb,
+            deposit_limit: dl,
+            player_addresses: pa,
+            withdraw_limit:wl,
+            accounts:accts
+        })
+
+    }
+    const handleSelectAccount = async(account:AccountProps) => {
+        setSelectedAccount(account)
+        if(account.status == 'verify'){ return setActiveView('verify') }
+        setActiveView('manage_account')
+    }
+
+    if(!loaded || !player || !wallet_settings || !player_balance || !deposit_limit || !withdraw_limit){
+        return (
+            <View>
+                <ActivityIndicator size='large' color={Colors.brand.midnight} />
+            </View>
+        )
+    }
+
+    return (
+        <View style={{ flex:1 }}>
+            {!WalletHelpers.isWalletAuthenticated(wallet_settings) ?
+            <WalletSetup
+                player={player}
+                wallet_settings={wallet_settings}
+                onSettingsUpdate={(ws) => {
+                    setWallet({ ...wallet, wallet_settings: ws })
+                    if(WalletHelpers.isWalletAuthenticated(ws)){ setActiveView('account_manager') }
+                }}
+            />
+            :active_view == 'account_manager' ?
+            <AccountManager
+                accounts={accounts}
+                onSelectInstantBankTransfer={() => {
+                    setActiveView('add_ibt');
+                }}
+                onClose={onClose}
+                onSelectManualACH={() => setActiveView('add_ach')}
+                onSelectManualCard={() => setActiveView('add_card')}
+                onSelectAccount={(acct) => handleSelectAccount(acct)}
+            />
+            :active_view == 'addresses' ?
+            <AddressManager
+                player={player}
+                player_addresses={player_addresses}
+                onAddAddress={(addy) => setWallet({ ...wallet, player_addresses: player_addresses.concat(addy) })}
+                onRemoveAddress={(addy) => setWallet({ ...wallet, player_addresses: player_addresses.filter(pa => pa.player_address_id != addy.player_address_id) })}
+                onSelect={() => console.log('hey')}
+                onCancel={() => console.log('cancel')}
+            />
+            :active_view == 'account_limit' && selected_account ?
+            <AccountLimitManager
+                account={selected_account}
+                onCancel={() => console.log('hey')}
+                onSetLimit={() => console.log('HEY AGAIN')}
+            />
+            :active_view == 'account_remove' && selected_account ?
+            <RemoveAccountCard
+                account={selected_account}
+                onCancel={() => console.log('hey')}
+                onRemove={() => console.log('HEY AGAIN')}
+            />
+            :active_view == 'account_snooze' && selected_account ?
+            <AccountSnoozeManager
+                account={selected_account}
+                onCancel={() => console.log('hey')}
+                onSnooze={() => console.log('HEY AGAIN')}
+            />
+            :active_view == 'manage_account' && selected_account ?
+            <ManageAccountCard
+                player={player}
+                wallet_settings={wallet_settings}
+                player_balance={player_balance}
+                account={selected_account}
+                deposit_limit={deposit_limit}
+                withdraw_limit={withdraw_limit}
+                onAccountUpdate={(acct) => setWallet({ ...wallet, accounts: accounts.filter(a => a.account_id != acct.account_id) })}
+                onClose={() => setActiveView('account_manager')}
+                onTransact={onTransact}
+            />
+            :active_view == 'deposit' && selected_account ?
+            <DepositCard
+                player={player}
+                wallet_settings={wallet_settings}
+                deposit_limit={deposit_limit}
+                account={selected_account}
+                onCancel={() => setActiveView('account_manager')}
+                onTransact={(item_order) => onTransact(item_order, selected_account.account_id)}
+            />
+            :active_view == 'withdraw' && selected_account ?
+            <WithdrawCard
+                player={player}
+                player_balance={player_balance}
+                wallet_settings={wallet_settings}
+                withdraw_limit={withdraw_limit}
+                deposit_limit={deposit_limit}
+                account={selected_account}
+                onTransact={(item_order) => onTransact(item_order, selected_account.account_id)}
+                onCancel={() => setActiveView('account_manager')}
+            />
+            :active_view == 'verify' && selected_account ?
+            <VerifyACHAccount
+                account={selected_account}
+                onClose={() => {
+                    setActiveView('account_manager')
+                    setSelectedAccount(undefined); 
+                }}
+                onUpdateAccount={(acct) => {
+                    setSelectedAccount(acct)
+                    setWallet({ ...wallet, accounts: accounts.filter(a => a.account_id != acct.account_id).concat(acct) })
+                }}
+            />
+            :active_view == 'add_ibt' && ibt_placeholder_account?
+            <LinkAccountManager
+                ibt_placeholer_account={ibt_placeholder_account}
+                onComplete={(account_id) => console.log(account_id)}
+                onCancel={() => setActiveView('account_manager')}
+            />
+            :active_view == 'add_ach'?
+            <ManualACHAdd
+                player={player}
+                onAddAccount={(acct) => setWallet({ ...wallet, accounts: accounts.concat(acct) })}
+                onCancel={() => setActiveView('account_manager')}
+
+            />
+            :active_view == 'add_card'?
+            <ManualCardAdd
+                player={player}
+                onAddAccount={(acct) => {
+                    setWallet({ ...wallet, accounts: accounts.concat(acct) })
+                    setActiveView('account_manager')
+                }}
+                onCancel={() => setActiveView('account_manager')}
+            />
+            :active_view == 'add' ?
+            <AccountAdd
+                player={player}
+                accounts={accounts}
+                onNext={() => console.log('next')}
+                onClose={() => console.log('')}
+                walkthrough
+            />
+            :active_view == 'balance' ?
+            <MyBalance
+                player={player}
+                balance_account={accounts.find(a => a.account_type == 'bettoredge')}
+                player_balance={player_balance}
+                walkthrough
+                onNext={() => console.log('')}
+                onClose={() => console.log('CLOSE')}
+            />
+            :<></>}
+        </View>
+    )
+}
+
+export default MyWallet

package/src/constants/colors.ts

@@ -16,6 +16,9 @@ const Colors = {
       cyan: '#52BCD1',
       electric:'#4D8FCD'
     },
+    company: {
+      paypal: '#FCBB32'
+    },
     shades: {
       white: '#FFFFFF',
       shade100: '#F2F5F7',

package/src/index.tsx

@@ -7,7 +7,9 @@ import LinearGradient from "react-native-linear-gradient";
 import Colors from "./constants/colors";
 import Observer, { BEEventApi, BELinkApi } from './Observer';
 import BettorSearch from "./BettorSearch";
-
+import MyWallet from "./Wallet";
+import Checkout from "./Checkout";
+import { usePlayerLocation } from "./LocationTracker/LocationStatus";
 
 export {
   Authenticator,
@@ -19,6 +21,9 @@ export {
   SocialComponents,
   APIOverrides,
   LinearGradient,
+  usePlayerLocation,
   BettorSearch,
-  Colors
+  Colors,
+  MyWallet,
+  Checkout
 }

package/src/types.d.ts

@@ -25,7 +25,15 @@ export interface PublicPlayerProps {
 }
 
 
-
+export interface LocationProps { 
+    location_id:string, 
+    value:string, 
+    label:string, 
+    legal_ind:boolean,
+    location_image: string,
+    create_datetime:any,
+    last_update_datetime: any
+}
 
 //EVENTS SVC TYPES
 
@@ -352,3 +360,289 @@ export interface PollResponseProps {
     create_datetime:any,
     last_update_datetime:any
 }
+
+
+
+
+
+//WALLET TYPES
+
+export interface WalletSettingsProps {
+    wallet_settings_id: string,
+    player_id:string,
+    require_pin: boolean,
+    pin?: string,
+    allow_cards:boolean,
+    allow_manual_ach:boolean,
+    allow_paypal:boolean,
+    agreed_to_terms:boolean,
+    auth_end_datetime?: any,
+    terms_timestamp?:any,
+    status: string,
+    status_description?:string,
+    create_datetime:any,
+    last_update_datetime: any
+}
+
+
+export interface AccountProps {
+    account_id:string,
+    player_id:string,
+    account_type: 'card' | 'ach' | 'paypal' | 'bettoredge',
+    account_label: string,
+    status:string,
+    ach_detail?:ACHDetailProps,
+    card_detail?:CardDetailProps,
+    default_account?:boolean,
+    create_datetime:any,
+    default_billing_address_id?:string,
+    transaction_fee:number,
+    client_id?:string,
+    redirect_url?:string,
+    ibt_placeholder?:boolean,
+    legacy_id?:string,
+    last_verify_attempt?:any
+    last_update_datetime:any
+}
+
+export interface AccountActionProps { 
+    action_id:string, 
+    action_type:string, 
+    action_title:string, 
+    action_description:string 
+}
+
+export interface PlayerAddressProps {
+    player_address_id:string,
+    player_id:string,
+    name?: string,
+    street: string,
+    city: string,
+    state: string,
+    country:string,
+    type: 'shipping' | 'billing',
+    zip:string,
+    status:string,
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+
+export interface ACHDetailProps {
+    ach_detail_id:string,
+    account_id:string,
+    external_id:string,
+    masked_account_number?:string,
+    bank_name:string,
+    account_type: 'checking' | 'savings'
+    routing_number?:string,
+    account_number?:string,
+    encryption_iv?:string,
+    session_id?:string,
+    payment_provider:'nuvei' | 'payliance',
+    ach_type: 'ibf' | 'manual',
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface CardDetailProps {
+    card_detail_id: string,
+    account_id:string,
+    first_name:string,
+    last_name:string,
+    middle_name?:string,
+    expiration_date:any,
+    card_number:string,
+    card_type?:string,
+    card_brand?:string,
+    masked_card_number:string,
+    encryption_iv:any,
+    authorize_transaction_id?:string,
+    fail_reason?:string,
+    cvv:string,
+    default_address_id?:string,
+    status:string,
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface AccountLimitProps {
+    account_limit_id:string,
+    account_id:string,
+    limit_amount:number,
+    limit_days:number,
+    status:'active'|'inactive',
+    current_amount:number,
+    create_datetime:any,
+    reset_datetime:any,
+    last_update_datetime:any 
+}
+
+export interface AccountSnoozeProps {
+    account_snooze_id:string,
+    account_id:string,
+    snooze_days: number,
+    status: 'active' | 'inactive',
+    create_datetime:any,
+    end_datetime:any,
+    last_update_datetime:any
+}
+
+export interface TransactionProps {
+    transaction_id:string,
+    account_id:string,
+    transaction_type: 'debit' | 'credit',
+    description: string,
+    currency: 'USD',
+    player_id:string,
+    amount: number,
+    billing_address_id?:string,
+    is_error?:boolean,
+    error_code?:string, //If we get an error on the transaction, we need to start showing the users the errors
+    error_description?:string,
+    be_client_id?:string,
+    redirect_url?:string,
+    require_review?:boolean,
+    session_id?:string,
+    cvv?:string,
+    transaction_details?:TransactionDetailProps[],
+    player_balance_request_id?:string, //Used for withdraws.  When the withdraw processes, this id is sent to auth-svc to confirm the money was moved
+    external_id?:string | number,
+    status:'redirect'|'posted'|'failed'|'settled'|'error'|'chargeback'|'pending'|'cancelled',
+    external_status?:string,
+    estimated_settle_datetime?:any,
+    ip_address?:string,
+    legacy_id?:string,
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface TransactionDetailProps { 
+    transaction_detail_id:string,
+    transaction_id:string,
+    amount:number,
+    action?: 'deposit' | 'withdraw' | 'chargeback' | 'wallet_purchase',
+    fee_type?: 'processing' | 'shipping' | 'chargeback',
+    description: string,
+    legacy_id?:string,
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface ItemOrderProps {
+    item_order_id:string,
+    items:{
+        item_id:string,
+        size?:SizeOptionProps,
+        color?:ColorOptionProps,
+        quantity:number,
+        amount:number
+    }[],
+    amount:number | string,
+    transaction_id?:string,
+    player_id:string,
+    external_id?:string,
+    status:string,
+    fee_1?: string,
+    fee_1_amount?:number,
+    fee_2?:string,
+    fee_2_amount?:number,
+    recurring_order_id?:string,
+    debit_only?:boolean,
+    region?: string,
+    type: 'wallet' | 'store' | 'affiliate',
+    location?: any,
+    shipping_status?:'not_shipped'|'in_transit'|'delivered',
+    shipping_address_id?:string,
+    tracking_url?:string,
+    total_amount:number,
+    description:string,
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface PlayerDepositLimitProps {
+    player_deposit_limit_id:string, 
+    player_id:string, 
+    instant_limit:number,
+    instant_available:number,
+    instant_deposits:number,
+    last_days_card_deposits:number,
+    last_days_ach_deposits:number,
+    ach_fee:number,
+    card_fee:number,
+    paypal_fee:number,
+    streak:number, 
+    streak_type:'success'|'fail', 
+    hold_days:number, 
+    ach_daily_limit: number,
+    card_daily_limit:number,
+    create_datetime:any, 
+    last_update_datetime:any
+}
+
+export interface PlayerWithdrawLimitProps {
+    player_withdraw_limit_id:string,
+    player_id:string,
+    ach_daily_limit: number,
+    card_daily_limit:number,
+    promo_received: number,
+    promo_received_date?:string,
+    total_staked:number,
+    withdraws_per_week: number,
+    last_days_ach_withdraws:number,
+    last_days_card_withdraws:number,
+    week_withdraw_count:number
+    create_datetime: any,
+    last_update_datetime:any
+}
+
+
+export interface SizeOptionProps {
+    size: 'xs'|'s'|'m'|'l'|'xl'|'xxl'|'xxxl',
+    label: string,
+    in_stock:boolean
+}
+
+export interface ColorOptionProps {
+    color: string, //Hex value
+    label: string
+    in_stock: boolean
+}
+
+export interface ItemProps {
+    item_id:string,
+    company_id:string,
+    type: 'store'|'affiliate'|'wallet'
+    name: string,
+    item_fees: ItemFeeProps[],
+    description: string,
+    value?:number,
+    transaction_type: 'credit'|'debit',
+    catalog_id?:string,
+    identifier?:string,
+    price:number,
+    size_options?: SizeOptionProps[],
+    color_options?: ColorOptionProps[], 
+    price_editable?:boolean,
+    location_required?:boolean,
+    location_restricted?:boolean,
+    locations_allowed?:string[],
+    shipping_address_required:boolean,
+    billing_address_required:boolean,
+    wallet_allowed:boolean,
+    images: any[] | ItemImageProps[],
+    status:string,
+    debit_only?:boolean,
+    no_fees?:boolean,
+    recurring_eligible?:boolean,
+    recur_frequency?:number,
+    recur_frequency_unit?:'days'|'months'|'weeks',
+    recur_next_item_id?:string,
+    create_datetime:any,
+    last_update_datetime:any
+}
+
+export interface ItemImageProps {
+    url:string, default:boolean, color?:string, width?:number, height?:number
+}