be-components 1.1.0 → 1.1.2

package/src/Competition/components/ManageSeasonForm.tsx

@@ -1,5 +1,5 @@
 import { FlatList, Image, ScrollView, TextInput, TouchableOpacity, View } from "react-native"
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import type { CompetitionSeasonProps } from "../../types"
 import { CompetitionHelpers, CompetitionSeasonApi } from "../api"
 import { Button, Switch, Text } from "../../Components"

package/src/Competition/components/MarketsCard.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react"
+import React, { useState } from "react"
 import { ActivityIndicator, FlatList, TouchableOpacity, View } from "react-native"
 import type { CompetitionMatchMarketProps, MarketProps, PlayerPickProps } from "../../types"
 import Colors from "../../constants/colors"

package/src/Competition/components/MatchMarketCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActivityIndicator, FlatList, View } from "react-native"
 import MarketsCard from "./MarketsCard"
 import moment from 'moment-mini';

package/src/Competition/components/NavOutPrompt.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Image, TouchableOpacity, View } from "react-native"
 import type { CodeRequestProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';

package/src/Competition/components/SeasonInfoModal.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import { FlatList, Image, ScrollView, TouchableOpacity, View, ActivityIndicator } from "react-native"
 import CompetitionCard from "./CompetitionCard"
 import type { CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, PublicPlayerProps } from "../../types"

package/src/Competition/components/TeamEventCard.tsx

@@ -1,6 +1,6 @@
+import React from 'react';
 import { ActivityIndicator, FlatList, Image, View } from "react-native"
 import type { CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionProps, CompetitionTypeProps, EventProps, MarketProps, PlayerPickProps } from "../../types"
-
 import MarketsCard from './MarketsCard';
 import { Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Competition/components/WagerPickForm.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react"
+import React, { useState } from "react"
 import { TextInput, View } from "react-native"
 import type { PlayerPickProps } from "../../types"
 import { CompetitionHelpers } from "../api"

package/src/Competition/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import CompetitionPlay from "./components/CompetitionPlay"
 import { CompetitionApi } from './api';
 import { View } from 'react-native';

package/src/Components/Button.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActivityIndicator, Image, TouchableOpacity, View } from "react-native"
 import { Text } from '.';
 import Colors from '../constants/colors';

package/src/Components/Checkbox.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, TouchableOpacity } from 'react-native';
 import Colors from '../constants/colors';
 

package/src/Components/Icons.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import Colors from '../constants/colors';
 
 type IconProps = {

package/src/Components/ImageUploader.tsx

@@ -1,7 +1,7 @@
  // Set your cloud name and unsigned upload preset here:
  const YOUR_CLOUD_NAME = "hoabts6mc";
  const YOUR_UNSIGNED_UPLOAD_PRESET = "be_auth_svc";
- import { useRef } from "react";
+ import React, { useRef } from "react";
 import { TouchableOpacity } from "react-native";
 
 

package/src/Components/Jerseys.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Image as RN_Image } from 'react-native';
 import type { AthleteProps, LeagueProps, TeamProps } from "../types"
 import Colors from '../constants/colors';

package/src/Components/LinearDiagnal.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { View, StyleSheet } from "react-native"
 import LinearGradient from "react-native-linear-gradient";
 import Colors from '../constants/colors';

package/src/Components/Spring.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { useSpring, animated } from '@react-spring/web';
 
 type SpringViewProps = {

package/src/Components/Switch.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, TouchableOpacity } from 'react-native';
 import Colors from '../constants/colors';
 

package/src/Components/Text.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Text as RNText, useWindowDimensions } from 'react-native';
 import '../Font.css';
 import Colors from '../constants/colors';

package/src/Components/TextInput.tsx

@@ -1,4 +1,5 @@
 
+import React from 'react';
 import { TextInput as RNTextInput, useWindowDimensions } from 'react-native';
 import Colors from '../constants/colors';
 

package/src/Components/ViewportObserver.tsx

@@ -1,4 +1,4 @@
-import { useState, useMemo, useEffect } from "react";
+import  { useState, useMemo, useEffect } from "react";
 
 export const useIsInViewport = (ref:any) => {
     const [isIntersecting, setIsIntersecting] = useState(false);

package/src/LocationTracker/index.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Image, Linking } from 'react-native';
 import { Button, Text } from '../Components';
 import Colors from '../constants/colors';

package/src/Observer/Observer.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { deviceDetect } from 'react-device-detect';
 import { BEEventApi } from './api';
 

package/src/Poll/components/CampaignPlay.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, FlatList, Image, ScrollView, TouchableOpacity, View } from 'react-native';
 import type { PollCampaignProps, PollProps, PollResponseProps } from '../../types';
 import Colors from '../../constants/colors';

package/src/Poll/components/CampaignProgressBar.tsx

@@ -1,5 +1,5 @@
 import { FlatList, TouchableOpacity, View } from "react-native"
-import { useState } from "react"
+import React, { useState } from "react"
 import type { PollCampaignProps, PollProps, PollResponseProps } from '../../types';
 import Colors from '../../constants/colors';
 import { Icons, Text } from '../../Components';

package/src/Poll/components/CampaignResult.tsx

@@ -1,5 +1,5 @@
 import { FlatList, Image, ScrollView, TouchableOpacity, View } from "react-native"
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import { PollCampaignApi } from "../api"
 import type { PollCampaignLeaderProps, PollCampaignProps, PollProps, PollResponseProps, PublicPlayerProps } from "../../types"
 import { Button, Icons, Text } from "../../Components"

package/src/Poll/components/CampaignSelector.tsx

@@ -1,6 +1,6 @@
 import { ActivityIndicator, FlatList, ScrollView, View } from "react-native"
 
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 
 import PollCampaignCard from "./PollCampaignCard";
 import type { PollCampaignProps } from "../../types";

package/src/Poll/components/PollCampaignCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Image, TouchableOpacity, View } from "react-native"
 import type { PollCampaignProps } from "../../types"
 import { Text } from '../../Components';

package/src/Poll/components/PollCard.tsx

@@ -1,5 +1,5 @@
 import { ActivityIndicator, FlatList, Image, ScrollView, TouchableOpacity, View } from 'react-native';
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import PollOptionCard from './PollOptionCard';
 import ResponseTimer from './ResponseTimer';
 import type { PollOptionProps, PollProps, PollResponseProps, PollSummaryProps } from '../../types';

package/src/Poll/components/PollOptionCard.tsx

@@ -1,4 +1,4 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import { TextInput, TouchableOpacity, View } from "react-native"
 import type { PollOptionProps, PollResponseProps, PollSummaryProps } from "../../types";
 import Colors from "../../constants/colors";

package/src/Poll/components/PollSelectCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TouchableOpacity, View } from "react-native"
 import type { PollCampaignProps, PollOptionProps, PollProps, PollResponseProps } from "../../types"
 import Colors from "../../constants/colors"

package/src/Poll/components/ResponseTimer.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import { View } from "react-native"
 import { Text } from "../../Components"
 import Colors from "../../constants/colors"

package/src/Poll/components/WidgetHeader.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Image, TouchableOpacity, View } from "react-native"
 import { Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Poll/flashmarket/ResultCard.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { Image, View, TouchableOpacity, ActivityIndicator } from 'react-native';
 import type { PollCampaignLeaderProps, PollProps, PollResponseProps, PublicPlayerProps } from '../../types';
 import { PollCampaignApi, PollCampaignHelpers } from '../api';

package/src/Poll/flashmarket/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, View, Image, TouchableOpacity } from "react-native";
 import type { PollCampaignProps, PollOptionProps, PollProps, PollResponseProps, PollSummaryProps } from '../../types';
 import Colors from '../../constants/colors';

package/src/Poll/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import CampaignPlay from "./components/CampaignPlay"
 import { PollCampaignApi } from './api';
 import FlashMarket from './flashmarket';

package/src/ProfileManager/Components/BasicInfoManager.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, TouchableOpacity, ScrollView } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/Components/BasicStatus.tsx

@@ -1,4 +1,4 @@
-import { View, Image, ScrollView } from 'react-native';
+import React, { View, Image, ScrollView } from 'react-native';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';
 import type { CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { ActivityIndicator, View, Image } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/Components/DOBManager.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import moment from 'moment-mini';
 import { View, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';

package/src/ProfileManager/Components/EmailManager.tsx

@@ -1,5 +1,5 @@
 
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/Components/PasswordManager.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, FlatList, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import type { PasswordStateProps } from '../api/types';

package/src/ProfileManager/Components/PhoneManager.tsx

@@ -1,5 +1,5 @@
 
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/Components/ProfilePicManager.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { Image, View, ScrollView, TouchableOpacity } from "react-native"
 import { Button, Icons, Text } from '../../Components';
 import ImageUploader from '../../Components/ImageUploader';

package/src/ProfileManager/Components/ProfileWelcome.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, Image, ScrollView } from 'react-native';
 import Colors from '../../constants/colors';
 import { Button, Icons, Text } from '../../Components';

package/src/ProfileManager/Components/ProfileWizard.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, FlatList, TouchableOpacity, Image, Linking } from 'react-native';
 import type { ProfileLevelProps, ProfileStepProps, SettingProps } from "../api/types"
 import { Button, Icons, Text } from '../../Components';

package/src/ProfileManager/Components/SettingsManager.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { ScrollView, View, FlatList, StyleSheet, TouchableOpacity } from 'react-native';
 import { Button, Icons, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/Components/VouchCard.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Platform, TouchableOpacity, Image, ScrollView } from 'react-native';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, Image, ActivityIndicator } from 'react-native';
 import Colors from '../constants/colors';
 import { Text } from '../Components';

package/src/SocialComponents/PlayerCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import type { PlayerFollowerProps, PublicPlayerProps } from "../types";
 import { Image, View, TouchableOpacity, StyleSheet } from 'react-native';
 import Colors from '../constants/colors';

package/src/SocialComponents/PlayerFollowButton.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { Button } from "../Components"
 import Colors from "../constants/colors"
 import type { PlayerFollowerProps } from "../types"

package/src/SocialComponents/PlayerList.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, StyleSheet } from "react-native";
 import { SocialComponentApi } from './api';
 import PlayerCard from './PlayerCard';

package/src/Socket/index.tsx

@@ -1,5 +1,5 @@
 import { SocketAPI } from './api/index';
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import { AppState, ActivityIndicator } from 'react-native';
 import Colors from '../constants/colors';
 

package/src/Squares/components/BidForm.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActivityIndicator, FlatList, TouchableOpacity, View, ScrollView } from 'react-native';
 import { view_styles } from '../../constants/styles';
 import { Text } from '../../Components';

package/src/Squares/components/BidToggle.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TouchableOpacity, View } from "react-native"
 import { Text } from "../../Components"
 import Colors from "../../constants/colors"

package/src/Squares/components/BoardStats.tsx

@@ -3,7 +3,7 @@ import { Icons, Text } from "../../Components"
 import { view_styles } from "../../constants/styles"
 import Colors from "../../constants/colors"
 import type { PlayerSquareProps, SquareProps, SquaresCompetitionProps } from "../../types"
-import { useState } from "react"
+import React, { useState } from "react"
 
 type BoardStatsProps = {
     player_id?:string,

package/src/Squares/components/EventCard.tsx

@@ -4,7 +4,7 @@ import { Icons, Text } from "../../Components"
 import type { EventProps, LeagueProps } from "../../types"
 import moment from "moment-mini"
 import Colors from "../../constants/colors"
-import { useState } from "react"
+import React, { useState } from "react"
 
 type EventCardProps = {
     league?:LeagueProps,

package/src/Squares/components/MySquaresCard.tsx

@@ -2,7 +2,7 @@ import { View, TouchableOpacity, FlatList } from 'react-native';
 import type { PlayerSquareProps, SquareOfferProps, SquareProps } from '../../types';
 import { view_styles } from '../../constants/styles';
 import { Button, Icons, Text } from '../../Components';
-import { useState } from 'react';
+import React, { useState } from 'react';
 import Colors from '../../constants/colors';
 import { SquaresApi } from '../api';
 

package/src/Squares/components/OfferForm.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { ActivityIndicator, FlatList, TouchableOpacity, View } from "react-native"
 import { Text } from "../../Components"
 import type { PlayerSquareProps, SquareOfferProps, SquareProps } from "../../types"

package/src/Squares/components/ResultsCard.tsx

@@ -3,7 +3,7 @@ import { view_styles } from "../../constants/styles"
 import { Icons, Text } from "../../Components"
 import Colors from "../../constants/colors"
 import type { PublicPlayerProps, SquareProps, SquareResultProps } from "../../types"
-import { useState } from "react"
+import React, { useState } from "react"
 
 type ResultCardProps = {
     square_results:SquareResultProps[],

package/src/Squares/components/SquareCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TouchableOpacity, View } from "react-native"
 import type { EventProps, PlayerSquareProps, SquareOfferProps, SquareProps, SquareResultProps, SquareStateProps } from "../../types"
 import Colors from "../../constants/colors"

package/src/Squares/components/SquareOfferCard.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { View, Image, TouchableOpacity, ImageBackground } from 'react-native';
 import { Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Squares/components/SquareOwners.tsx

@@ -4,7 +4,7 @@ import { view_styles } from '../../constants/styles';
 import { Icons, Text } from '../../Components';
 import { SqauresHelpers } from '../api';
 import Colors from '../../constants/colors';
-import { useState } from 'react';
+import React, { useState } from 'react';
 
 
 type SquareOwnersCardProps = {

package/src/Squares/components/SquaresBoard.tsx

@@ -5,7 +5,7 @@ import SquareCard from "./SquareCard";
 import { SqauresHelpers } from "../api";
 import Colors from "../../constants/colors";
 import { view_styles } from "../../constants/styles";
-import { useState } from "react";
+import React, { useState } from "react";
 
 type SquaresBoardProps = {
     squares_competition:SquaresCompetitionProps,

package/src/Squares/components/SquaresDetails.tsx

@@ -3,7 +3,7 @@ import type { SquaresCompetitionProps, SquaresPayoutProps, SquaresTypeProps } fr
 import { view_styles } from "../../constants/styles"
 import { Icons, Text } from "../../Components"
 import Colors from "../../constants/colors"
-import { useState } from "react"
+import React, { useState } from "react"
 
 type SquaresDetailsProps = {
     squares_competition:SquaresCompetitionProps,

package/src/Squares/index.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import { ActivityIndicator, View, Image, TouchableOpacity, ScrollView } from 'react-native';
 import type { BuySquaresResponseProps, EventProps, LeagueProps, OfferResponseProps, PlayerSquareProps, PublicPlayerProps, SquareOfferProps, SquareProps, SquareResultProps, SquaresCompetitionProps, SquaresPayoutProps, SquaresTypeProps } from "../types"
 import Colors from "../constants/colors";

package/src/Wallet/components/ACHAddCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, TouchableOpacity, Image, ScrollView } from 'react-native';
 import type { AccountProps, MyPlayerProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';

package/src/Wallet/components/AccountCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, TouchableOpacity } from "react-native";
 import type { AccountProps } from '../../types';
 import { Icons, Text } from '../../Components';

package/src/Wallet/components/AccountLimitManager.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { FlatList, TouchableOpacity, View, ScrollView } from 'react-native';
 import type { AccountLimitProps, AccountProps } from '../../types';
 import { WalletApi, WalletHelpers } from '../api';

package/src/Wallet/components/AccountManager.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { FlatList, View, TouchableOpacity, Image, ScrollView } from 'react-native';
 import type { AccountProps } from '../../types';
 import AccountCard from './AccountCard';

package/src/Wallet/components/AccountSnoozeManager.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { FlatList, TouchableOpacity, View, ScrollView } from 'react-native';
 import type { AccountProps, AccountSnoozeProps } from '../../types';
 import { WalletApi } from '../api';

package/src/Wallet/components/AddressCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TouchableOpacity, View } from 'react-native';
 import type { PlayerAddressProps } from '../../types';
 import { Button, Text } from '../../Components';

package/src/Wallet/components/AddressManager.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { FlatList, TouchableOpacity, View, ScrollView } from 'react-native';
 import type { LocationProps, MyPlayerProps, PlayerAddressProps } from '../../types';
 import { WalletApi, WalletHelpers } from '../api';

package/src/Wallet/components/DepositCard.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { View, ActivityIndicator, Image, ScrollView } from "react-native";
 import type { AccountProps, AccountSnoozeProps, CodeRequestProps, ItemOrderProps, MyPlayerProps, PlayerDepositLimitProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, WalletSettingsProps } from '../../types';
 import { ItemOrderApi, ItemOrderHelpers, WalletApi } from '../api';

package/src/Wallet/components/FundAccountCard.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, TouchableOpacity, Image, ScrollView } from 'react-native';
 import type { AccountProps, CodeRequestProps, MyPlayerProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';

package/src/Wallet/components/ItemOrderCard.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { View, TouchableOpacity } from 'react-native';
 import { Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Wallet/components/ItemOrderDetailCard.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from "react"
+import React, { useEffect, useState } from "react"
 import { FlatList, View, ActivityIndicator} from "react-native"
 import { Text } from '../../Components';
 import { ItemOrderApi, WalletApi } from '../api';

package/src/Wallet/components/LinkAccountManager.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { TouchableOpacity, View, Linking } from "react-native"
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Wallet/components/ManageAccountCard.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { View, TouchableOpacity, FlatList, ScrollView } from "react-native";
 import type { AccountActionProps, AccountProps, ItemOrderProps, MyPlayerProps, PlayerBalanceProps, PlayerDepositLimitProps, PlayerWithdrawLimitProps, WalletSettingsProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';

package/src/Wallet/components/ManualACHAdd.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { View, TouchableOpacity, ScrollView } from "react-native";
 import { Button, Checkbox, Text, TextInput } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Wallet/components/ManualCardAdd.tsx

@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import React, { useState } from 'react';
 import { View, StyleSheet, ScrollView } from "react-native";
 import { WalletApi, WalletHelpers } from '../api';
 import { Button, Icons, Text, TextInput } from '../../Components';

package/src/Wallet/components/MyBalance.tsx

@@ -1,3 +1,4 @@
+import React from 'react';
 import { View, TouchableOpacity, ScrollView } from "react-native"
 import type { AccountProps, MyPlayerProps, PlayerBalanceProps } from '../../types';
 import { Button, Icons, Text } from '../../Components';

package/src/Wallet/components/OrderManager.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import React, { useEffect, useState } from 'react';
 import { FlatList, View, ActivityIndicator, ScrollView } from 'react-native';
 import { ItemOrderApi } from '../api';
 import type { ItemOrderProps, ItemProps } from '../../types';