be-components 7.5.8 → 7.6.0

package/src/Wallet/components/WithdrawCard.tsx

@@ -5,6 +5,7 @@ import { ItemOrderApi, ItemOrderHelpers } from '../api';
 import { Button, Text, TextInput, View } from '../../Components/Themed';
 import { useColors } from '../../constants/useColors';
 import { Icons } from '../../Components';
+import ManualACHAdd from './ManualACHAdd';
 
 
 type WithdrawCardProps = {
@@ -12,6 +13,8 @@ type WithdrawCardProps = {
     wallet_settings:WalletSettingsProps,
     player_balance:PlayerBalanceProps,
     account:AccountProps,
+    instant?:boolean,
+    onAccountUpdate:(account:AccountProps) => void,
     onFocusPosition?:(pos:FocusPositionProps) => void,
     deposit_limit:PlayerDepositLimitProps,
     withdraw_limit:PlayerWithdrawLimitProps,
@@ -19,26 +22,38 @@ type WithdrawCardProps = {
     onCancel:() => void
 }
 const sections = ['header','input','limits']
-const WithdrawCard = ({ wallet_settings, onTransact, player_balance, account, withdraw_limit, onFocusPosition, deposit_limit , onCancel}:WithdrawCardProps) => {
+const WithdrawCard = ({ player, wallet_settings, onTransact, instant, player_balance, account, withdraw_limit, onAccountUpdate, onFocusPosition, deposit_limit , onCancel}:WithdrawCardProps) => {
     const Colors = useColors();
     const [ draft_order, setDraftOrder ] = useState<ItemOrderProps>();
-
+    const [ confirm_ach, setConfirmAch ] = useState(false);
+    //const [ withdraw_item, setWithdrawItem ] = useState<ItemProps | undefined>(undefined);
     useEffect(() => {
         getItemFromServer()
     },[])
 
     const getItemFromServer = async() => {
-        const item = await ItemOrderApi.getItemByIdentifier('withdraw')
+        const item = await ItemOrderApi.getItemByIdentifier(instant?'instant_withdraw':'withdraw');
+        //setWithdrawItem(item);
         setDraftOrder(ItemOrderHelpers.genWithdrawOrder(item, account))
     }
 
-
+    
     const { errors, available_for_withdraw } = ItemOrderHelpers.isWithdrawOrderValid(account, withdraw_limit, deposit_limit, player_balance, wallet_settings, draft_order)
 
     const handleTransact = () => {
         if(!draft_order){ return }
         if(errors.length > 0){ return }
-        onTransact({ ...draft_order, total_amount: draft_order.amount as number })
+
+        //OK LETS CHECK THE ACCOUNT TYPE AND IF WE NEED ACCOUNT NUMBER INFORMATION
+        if(!instant){
+            if(!account.ach_detail?.account_number){
+                return setConfirmAch(true);
+            }
+        }
+        //Lets get the item
+        let draft_item = draft_order.items[0]
+        if(!draft_item){ return }
+        onTransact({ ...draft_order, total_amount: draft_order.amount as number, items: [{ ...draft_item, amount: draft_order.amount as number }] })
     }
 
 
@@ -51,7 +66,9 @@ const WithdrawCard = ({ wallet_settings, onTransact, player_balance, account, wi
                 return (
                     <View nativeID='deposit_rules' style={{ padding:10 }}>
                         <Text size={28} textAlign='center' theme='h1'>Withdraw to your bank</Text>
+                        {!instant ?
                         <Text style={{ marginTop:10 }} size={14} textAlign='center' theme='description'>Withdraws can take up to 3 business days</Text>
+                        :<></>}
                     </View>
                 )
             case 'input':
@@ -181,6 +198,25 @@ const WithdrawCard = ({ wallet_settings, onTransact, player_balance, account, wi
                     onPress={() => handleTransact()}
                 />
             </View>
+            {confirm_ach ?
+            <View type='blur' style={{ position:'absolute', top:0, left:0, right:0, bottom:0, flex:1, padding:20 }}>
+                <ManualACHAdd
+                    account_id={account.account_id}
+                    player={player}
+                    onAddAccount={(account) => console.log(account)}
+                    onUpdateAchDetails={(ach_detail) => {
+                        console.log('HERE!!!')
+                        let new_account = { ...account }
+                        new_account.ach_detail = ach_detail
+                        console.log(new_account) 
+                        onAccountUpdate(new_account);
+                        setConfirmAch(false);
+                    }}
+                    onCancel={() => setConfirmAch(false)}
+                    onFocusPosition={onFocusPosition}
+                />
+            </View>
+            :<></>}
         </View>
     )
 }

package/src/Wallet/index.tsx

@@ -291,6 +291,7 @@ const MyWallet = ({ height, new_balance, account_id, view_mode, insets, header_s
                     :walkthrough.step_action == 'manual_ach' ?
                     <ManualACHAdd
                         player={player}
+                        onUpdateAchDetails={(_) => console.log('')}
                         onFocusPosition={onFocusPosition}
                         onAddAccount={(acct) => {
                             setWallet({ ...wallet, accounts: accounts.concat(acct) })
@@ -343,6 +344,7 @@ const MyWallet = ({ height, new_balance, account_id, view_mode, insets, header_s
                 {walkthrough.step_action == 'manual_ach' ?
                 <ManualACHAdd
                     player={player}
+                    onUpdateAchDetails={(_) => console.log('')}
                     onFocusPosition={onFocusPosition}
                     onAddAccount={(acct) => setWallet({ ...wallet, accounts: accounts.concat(acct) })}
                     onCancel={() => setWalkthrough({ ...walkthrough, step_action: undefined })}
@@ -485,7 +487,10 @@ const MyWallet = ({ height, new_balance, account_id, view_mode, insets, header_s
                 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) })}
+                onAccountUpdate={(acct) => {
+                    setWallet({ ...wallet, accounts: accounts.filter(a => a.account_id != acct.account_id).concat(acct) })
+                    if(selected_account.account_id == acct.account_id){ setSelectedAccount(acct) }
+                }}
                 onClose={() => setView({active_view:'my_accounts'})}
                 onTransact={(o, account_id) => {
                     setView({ active_view: 'my_accounts' });
@@ -516,6 +521,27 @@ const MyWallet = ({ height, new_balance, account_id, view_mode, insets, header_s
                 wallet_settings={wallet_settings}
                 withdraw_limit={withdraw_limit}
                 deposit_limit={deposit_limit}
+                onAccountUpdate={(acct) => {
+                    setWallet({ ...wallet, accounts: accounts.filter(a => a.account_id != acct.account_id).concat(acct) })
+                    if(selected_account.account_id == acct.account_id){ setSelectedAccount(acct) }
+                }}
+                account={selected_account}
+                onTransact={(item_order) => onTransact(item_order, selected_account.account_id)}
+                onCancel={() => setView({active_view:'my_accounts'})}
+            />
+            :active_view == 'instant_withdraw' && selected_account ?
+            <WithdrawCard
+                player={player}
+                instant
+                onFocusPosition={onFocusPosition}
+                player_balance={player_balance}
+                wallet_settings={wallet_settings}
+                withdraw_limit={withdraw_limit}
+                deposit_limit={deposit_limit}
+                onAccountUpdate={(acct) => {
+                    setWallet({ ...wallet, accounts: accounts.filter(a => a.account_id != acct.account_id).concat(acct) })
+                    if(selected_account.account_id == acct.account_id){ setSelectedAccount(acct) }
+                }}
                 account={selected_account}
                 onTransact={(item_order) => onTransact(item_order, selected_account.account_id)}
                 onCancel={() => setView({active_view:'my_accounts'})}
@@ -546,6 +572,7 @@ const MyWallet = ({ height, new_balance, account_id, view_mode, insets, header_s
             :active_view == 'add_ach'?
             <ManualACHAdd
                 player={player}
+                onUpdateAchDetails={(_) => console.log('')}
                 onFocusPosition={onFocusPosition}
                 onAddAccount={(acct) => setWallet({ ...wallet, accounts: accounts.concat(acct) })}
                 onCancel={() => setView({active_view:'my_accounts'})}

package/src/types.d.ts

@@ -1303,6 +1303,8 @@ export interface ACHDetailProps {
     account_type: 'checking' | 'savings'
     routing_number?:string,
     account_number?:string,
+    manual_withdraw_allowed?:boolean,
+    instant_allowed?:boolean,
     encryption_iv?:string,
     session_id?:string,
     payment_provider:'nuvei' | 'payliance',
@@ -1492,6 +1494,7 @@ export interface ItemProps {
     color_options?: ColorOptionProps[], 
     price_editable?:boolean,
     location_required?:boolean,
+    processing_fee?:number,
     location_restricted?:boolean,
     locations_allowed?:string[],
     shipping_address_required:boolean,