be-components 1.0.9 → 1.1.0

package/src/Checkout/components/PayPalOrderCapture.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { PayPalButtons } from "@paypal/react-paypal-js";
 import { View } from "react-native";
 import type { AccountProps, ItemOrderProps, ItemProps, TransactionProps } from '../../types';

package/src/Checkout/components/ShippingSummaryCard.tsx

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

package/src/Checkout/index.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import  { useEffect, useState } from 'react';
 import { View, StyleSheet, Linking, ScrollView, ActivityIndicator } from "react-native";
 import type { AccountProps, ItemOrderProps, ItemProps, MyPlayerProps, PlayerAddressProps, TransactionProps } from '../types';
 import { Button, Icons, Text } from '../Components';

package/src/Competition/components/AthleteMarketCard.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { ActivityIndicator, FlatList, View } from "react-native"
 import MarketsCard from "./MarketsCard"
 import type { AthleteProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionProps, CompetitionTypeProps, EventProps, MarketProps, PlayerPickProps } from '../../types';

package/src/Competition/components/CompetitionCard.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Image, TouchableOpacity, View } from "react-native"
 import type { CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps } from "../../types";
 import { CompetitionHelpers } from "../api";

package/src/Competition/components/CompetitionInfoCard.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { Image, TouchableOpacity, View } from "react-native"
 import type { CompetitionProps, CompetitionTypeProps, MyPlayerProps } from "../../types"
 import moment from 'moment-mini';

package/src/Competition/components/CompetitionLeaderboard.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react"
+import { useEffect, useState } from "react"
 import { FlatList, Image, ScrollView, TouchableOpacity, View, ActivityIndicator } from "react-native"
 import type { CompetitionProps, CompetitionRecordProps, CompetitionResultProps, CompetitionTypeProps, PublicPlayerProps } from "../../types"
 import { CompetitionApi, CompetitionResultApi } from "../api"

package/src/Competition/components/CompetitionPlay.tsx

@@ -1,7 +1,7 @@
 import { ActivityIndicator, FlatList, Image, ImageBackground, ScrollView, TouchableOpacity, View } from "react-native"
 import type { AthleteProps, CodeRequestProps, CompanyProps, CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionPayoutTypeProps, CompetitionPlayerProps, CompetitionProps, CompetitionResultTypeProps, CompetitionSeasonProps, CompetitionTypeProps, LeagueProps, MarketProps, MyPlayerProps, PlayerBalanceProps, PlayerPickProps, PlayerReferralProps, PromoProps, PublicPlayerProps, RewardOptionProps, TeamProps } from "../../types";
 import Colors from '../../constants/colors';
-import React, { useEffect, useState } from "react"
+import { useEffect, useState } from "react"
 import TeamEventCard from './TeamEventCard';
 import NavOutPrompt from './NavOutPrompt';
 import AthleteMarketCard from './AthleteMarketCard';

package/src/Competition/components/CompetitionSeasonCard.tsx

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

package/src/Competition/components/CompetitionSelector.tsx

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

package/src/Competition/components/CompetitionTypeCard.tsx

@@ -1,5 +1,5 @@
 import { FlatList, Image, View } from 'react-native';
-import React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import type { CompetitionPayoutTypeProps, CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, PublicPlayerProps } from '../../types';
 import { Button, Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/Competition/components/EnterCompetitionPrompt.tsx

@@ -1,6 +1,6 @@
 import { TouchableOpacity, View } from "react-native"
 
-import React, { useEffect, useState } from "react"
+import { useEffect, useState } from "react"
 import type { CompetitionProps, CompetitionResultTypeProps, CompetitionTypeProps, MyPlayerProps, PlayerBalanceProps } from "../../types"
 import Colors from "../../constants/colors"
 import { Button, Icons, Text } from "../../Components"

package/src/Competition/components/LeaderPicks.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from "react"
+import { useEffect, useState } from "react"
 import { FlatList, Image, ScrollView, TouchableOpacity, View } from "react-native"
 import TeamEventCard from "./TeamEventCard"
 

package/src/Competition/components/ManageSeasonForm.tsx

@@ -1,5 +1,5 @@
 import { FlatList, Image, ScrollView, TextInput, TouchableOpacity, View } from "react-native"
-import React, { useEffect, useState } from "react"
+import { 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 React, { useState } from "react"
+import { 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,4 +1,3 @@
-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,4 +1,3 @@
-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 React, { useEffect, useState } from "react"
+import { 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,4 +1,3 @@
-import React from 'react';
 import { ActivityIndicator, FlatList, Image, View } from "react-native"
 import type { CompetitionMatchMarketProps, CompetitionMatchProps, CompetitionProps, CompetitionTypeProps, EventProps, MarketProps, PlayerPickProps } from "../../types"
 

package/src/Competition/components/WagerPickForm.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react"
+import { 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 React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import CompetitionPlay from "./components/CompetitionPlay"
 import { CompetitionApi } from './api';
 import { View } from 'react-native';

package/src/Components/Button.tsx

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-import React from 'react';
 import { View, TouchableOpacity } from 'react-native';
 import Colors from '../constants/colors';
 

package/src/Components/Icons.tsx

@@ -1,8 +1,8 @@
-import React from 'react';
 import Colors from '../constants/colors';
 
 type IconProps = {
     color?: string,
+    secondary_color?:string,
     size?:number,
     direction?:'up'|'down'|'left'|'right'
 }
@@ -21,6 +21,23 @@ type IconProps = {
     )
 }
 
+const UnbidSquare = ({ color, secondary_color }:IconProps) => {
+
+    return (
+        <svg width="45" height="45" viewBox="0 0 50 51" fill="none" xmlns="http://www.w3.org/2000/svg">
+        <mask id="mask0_720_125" style={{ maskType: 'alpha' }} maskUnits="userSpaceOnUse" x="0" y="0" width="50" height="51">
+        <rect y="0.5" width="50" height="50" rx="5.67771" fill="#D9D9D9"/>
+        </mask>
+        <g mask="url(#mask0_720_125)">
+        <rect y="0.5" width="50" height="50" rx="5.67771" fill={color??Colors.brand.midnight}/>
+        <rect x="-50.6396" y="53.9214" width="72.8366" height="71.825" transform="rotate(-45 -50.6396 53.9214)" fill={secondary_color??Colors.brand.cyan}/>
+        <rect x="0.300451" y="0.800451" width="49.3991" height="49.3991" rx="5.37725" stroke="#FCFCFC" stroke-width="0.600902"/>
+        <rect x="-2.30176" y="0.5" width="52.9414" height="50.256" fill={secondary_color??Colors.brand.cyan} fill-opacity="0.4"/>
+        <path d="M14.0734 29V18.4516H18.1562C19.3411 18.4516 20.2213 18.7049 20.7965 19.2115C21.3718 19.7095 21.6595 20.4007 21.6595 21.2851C21.6595 21.7574 21.5478 22.1781 21.3246 22.5473C21.1099 22.908 20.8266 23.1913 20.4746 23.3974C20.8695 23.5605 21.2259 23.8568 21.5436 24.2861C21.8613 24.7068 22.0201 25.2306 22.0201 25.8574C22.0201 26.7761 21.7239 27.5317 21.1314 28.1242C20.5389 28.7081 19.7189 29 18.6714 29H14.0734ZM16.2114 27.1711H18.3623C18.7401 27.1711 19.0707 27.0595 19.354 26.8362C19.646 26.613 19.7919 26.2867 19.7919 25.8574C19.7919 25.4624 19.6631 25.1361 19.4055 24.8785C19.1565 24.6124 18.7916 24.4793 18.3108 24.4793H16.2114V27.1711ZM16.2114 22.6761H17.9888C18.4267 22.6761 18.7744 22.5731 19.032 22.367C19.2982 22.1609 19.4313 21.8561 19.4313 21.4526C19.4313 20.6798 18.9633 20.2934 18.0274 20.2934H16.2114V22.6761ZM23.5399 29V18.4516H25.6779V29H23.5399ZM27.7 29V18.4516H30.9972C32.6372 18.4516 33.8865 18.911 34.7451 19.8297C35.6038 20.7399 36.0331 22.0364 36.0331 23.7194C36.0331 24.2603 35.9859 24.7669 35.8914 25.2392C35.8055 25.7114 35.6424 26.1837 35.402 26.6559C35.1702 27.1282 34.8696 27.5317 34.5004 27.8666C34.1398 28.2015 33.659 28.4762 33.0579 28.6909C32.4569 28.897 31.7699 29 30.9972 29H27.7ZM29.838 27.1969H30.7911C31.7957 27.1969 32.547 26.9221 33.045 26.3726C33.543 25.823 33.792 24.9386 33.792 23.7194C33.792 22.4658 33.5344 21.5771 33.0193 21.0533C32.5041 20.5295 31.7699 20.2676 30.8169 20.2676H29.838V27.1969Z" fill="white"/>
+        </g>
+        </svg>
+    )
+}
 
 const DiscoverCardIcon = ({ size }:IconProps) => {
     const ratio = 0.7
@@ -1025,6 +1042,59 @@ const IBTFLowIcon = ({ size }: IconProps) => {
 }
 
 
+const PieIcon = ({ color, size }:IconProps) => {
+    return (
+    <svg width={`${size ?? 14}`} height={`${size ?? 14}`} viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg">
+    <title>stats-svgrepo-com (1)</title>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+        <g id="stats-svgrepo-com-(1)" transform="translate(1.000000, 1.000000)" stroke={color ?? Colors.brand.midnight}>
+            <path d="M0.0487155625,9.94908701 C-0.243938891,7.09124252 0.802475441,4.46977279 2.63602934,2.6362189 C4.26464749,1.00760074 6.51467118,0 8.99990522,0 L8.99990522,6.6712795 C8.99990522,7.95756181 10.0424382,9.00009478 11.3287205,9.00009478 L18,9.00009478 C18,14.3082411 13.4048593,18.5428035 7.9752265,17.9431336 C3.81402173,17.4835807 0.474888758,14.113785 0.0487155625,9.94908701 Z" id="Path"></path>
+            <path d="M11.450207,5.77352121 L11.450207,0.340007031 C13.7790223,0.340007031 17.6596048,4.85984935 17.6596048,6.54979297 L12.2264788,6.54979297 C11.7975886,6.54979297 11.450207,6.20241136 11.450207,5.77352121 Z" id="Path"></path>
+        </g>
+    </g>
+    </svg>
+    )
+}
+
+const SquaresIcon = ({ color, size }:IconProps) => {
+    return (
+        <svg width={`${size ?? 14}`} height={`${size ?? 14}`} viewBox="0 0 50 50" version="1.1" xmlns="http://www.w3.org/2000/svg" >
+            <title>Artboard</title>
+            <g id="Artboard" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="6" y="6" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="16" y="6" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="26" y="6" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="36" y="6" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="6" y="16" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="16" y="16" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="26" y="16" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="36" y="16" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="6" y="26" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="16" y="26" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="26" y="26" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="36" y="26" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="6" y="36" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="16" y="36" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="26" y="36" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" stroke={color ?? Colors.brand.midnight} x="36" y="36" width="8" height="8" rx="1"></rect>
+                <rect id="Rectangle" fill-opacity="0.2" fill="#D8D8D8" x="4" y="3" width="42" height="43" rx="1"></rect>
+            </g>
+        </svg>
+    )
+}
+
+const OwnedSquareIcon = ({ color, size }:IconProps) => {
+    return (
+        <svg width={`${size ?? 14}`} height={`${size ?? 14}`}  viewBox="0 0 20 19" version="1.1" xmlns="http://www.w3.org/2000/svg">
+            <title>square-user-check-svgrepo-com</title>
+            <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round">
+                <g id="square-user-check-svgrepo-com" transform="translate(1.000000, 1.000000)" stroke={color ?? Colors.brand.midnight} stroke-width="2">
+                    <path d="M11.6470588,14.8235294 L13.7647059,16.9411765 L18,12.7058824 M7.41176471,16.9411765 L3.38823529,16.9411765 C2.20224706,16.9411765 1.60924235,16.9411765 1.15625647,16.7103529 C0.757789412,16.5073765 0.433831765,16.1833765 0.230812941,15.7849412 C0,15.3319765 0,14.7389294 0,13.5529412 L0,3.38823529 C0,2.20224706 0,1.60924235 0.230812941,1.15625647 C0.433831765,0.757789412 0.757789412,0.433831765 1.15625647,0.230812941 C1.60924235,0 2.20224706,0 3.38823529,0 L13.5529412,0 C14.7389294,0 15.3319765,0 15.7849412,0.230812941 C16.1833765,0.433831765 16.5073765,0.757789412 16.7103529,1.15625647 C16.9411765,1.60924235 16.9411765,2.20224706 16.9411765,3.38823529 L16.9411765,8.47058824 M3.17647059,16.9411765 C3.17647059,16.5785294 3.21292588,16.2244588 3.28237412,15.8823529 C3.77289529,13.4659059 5.90933647,11.6470588 8.47058824,11.6470588 M10.5882353,6.35294118 C10.5882353,7.52251765 9.64016471,8.47058824 8.47058824,8.47058824 C7.30101176,8.47058824 6.35294118,7.52251765 6.35294118,6.35294118 C6.35294118,5.18339647 7.30101176,4.23529412 8.47058824,4.23529412 C9.64016471,4.23529412 10.5882353,5.18339647 10.5882353,6.35294118 Z" id="Shape"></path>
+                </g>
+            </g>
+        </svg>
+    )
+}
 
 
 
@@ -1032,7 +1102,9 @@ export default {
     SearchIcon,
     EyeOnIcon,
     AlertIcon,
+    PieIcon,
     BankIcon,
+    SquaresIcon,
     EditIcon,
     PreferencesIcon,
     CheckCirlceIcon,
@@ -1043,6 +1115,7 @@ export default {
     PhoneIcon,
     EmailIcon,
     NotificationIcon,
+    OwnedSquareIcon,
     InProgressIcon,
     LockClosedIcon,
     CloseIcon,
@@ -1080,5 +1153,6 @@ export default {
     TransactionSuccessIcon,
     TransactionErrorIcon,
     VisaCardIcon,
-    MasterCardIcon
+    MasterCardIcon,
+    UnbidSquare
 }

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 React, { useRef } from "react";
+ import { useRef } from "react";
 import { TouchableOpacity } from "react-native";
 
 

package/src/Components/Jerseys.tsx

@@ -1,4 +1,3 @@
-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 React, { useState } from 'react';
+import { 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,4 +1,3 @@
-import React from 'react';
 import { useSpring, animated } from '@react-spring/web';
 
 type SpringViewProps = {

package/src/Components/Switch.tsx

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

package/src/Components/Text.tsx

@@ -1,7 +1,7 @@
-import React from 'react';
 import { Text as RNText, useWindowDimensions } from 'react-native';
 import '../Font.css';
 import Colors from '../constants/colors';
+import { text_styles } from '../constants/styles';
 
 
 export interface TextProps { 
@@ -9,13 +9,15 @@ export interface TextProps {
     color?:string, 
     size?: number, 
     children:any, 
+    selectable?:boolean,
+    theme?:string,
     textAlign?:'left'|'center'|'right', 
     style?:any 
 }
 
 const STANDARD_SIZE = 414
 
-const Text = ({ weight, color, size, children, textAlign, style }: TextProps) => {
+const Text = ({ weight, color, size, children, theme, selectable, textAlign, style }: TextProps) => {
     const dimensions = useWindowDimensions();
 
     let rendered_size = size ?? 14
@@ -35,8 +37,26 @@ const Text = ({ weight, color, size, children, textAlign, style }: TextProps) =>
         }
     }
 
+    const getAttributes = () => {
+        let default_theme = { color:color??Colors.shades.black, fontSize: size??14, fontFamily:weight?getFontFamily(weight):'barlow-regular', textAlign: textAlign??'left'  }
+        switch(theme){
+            case 'header': return text_styles.header
+            case 'header_2': return text_styles.header_2
+            case 'error_header_2': return text_styles.error_header_2
+            case 'body': return text_styles.body
+            case 'error_body': return text_styles.error_body
+            case 'body_2': return text_styles.body_2
+            case 'error_body_2': return text_styles.error_body_2
+
+            default: return default_theme
+        }
+    }
+    const new_style = getAttributes()
     return (
-        <RNText style={[{ color:color??Colors.shades.black, fontSize: rendered_size, fontFamily: weight?getFontFamily(weight):'barlow-regular', textAlign:textAlign??'left' }, style]}>
+        <RNText
+            style={{ ...new_style, ...style }}
+            selectable={selectable}
+            >
             {children}
         </RNText>
     )

package/src/Components/TextInput.tsx

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

package/src/LocationTracker/index.tsx

@@ -1,4 +1,3 @@
-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,3 @@
-import React from 'react';
 import { useEffect, useState } from 'react';
 import { deviceDetect } from 'react-device-detect';
 import { BEEventApi } from './api';

package/src/Poll/components/CampaignPlay.tsx

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

package/src/Poll/components/CampaignProgressBar.tsx

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

package/src/Poll/components/CampaignResult.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { FlatList, Image, ScrollView, TouchableOpacity, View } from "react-native"
 import { useEffect, useState } from "react"
 import { PollCampaignApi } from "../api"

package/src/Poll/components/CampaignSelector.tsx

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

package/src/Poll/components/PollCampaignCard.tsx

@@ -1,4 +1,3 @@
-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,4 +1,3 @@
-import React from 'react';
 import { ActivityIndicator, FlatList, Image, ScrollView, TouchableOpacity, View } from 'react-native';
 import { useEffect, useState } from 'react';
 import PollOptionCard from './PollOptionCard';

package/src/Poll/components/PollOptionCard.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import { 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,4 +1,3 @@
-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 React, { useEffect, useState } from "react"
+import { 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,4 +1,3 @@
-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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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,3 @@
-import React from 'react';
 import { View, Image, ScrollView } from 'react-native';
 import { Button, Icons, Text } from '../../Components';
 import Colors from '../../constants/colors';

package/src/ProfileManager/Components/CodeRedeem.tsx

@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useState } from 'react';
+import { 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,4 +1,3 @@
-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 React, { useEffect, useState } from 'react';
+import { 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 React, { useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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 React, { useEffect, useState } from 'react';
+import { 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,4 +1,3 @@
-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,4 +1,3 @@
-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 React, { useEffect, useState } from 'react';
+import { useEffect, useState } from 'react';
 import { View, StyleSheet } from "react-native";
 import { SocialComponentApi } from './api';
 import PlayerCard from './PlayerCard';