be-components 0.7.4 → 0.7.6

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Authenticator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAkD,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKtG,KAAK,uBAAuB,GAAG;IAC3B,gBAAgB,EAAC,MAAM,CAAC;IACxB,KAAK,EAAC,MAAM,CAAC;IACb,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,YAAY,CAAC,EAAC,OAAO,GAAC,UAAU,CAAA;IAChC,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,MAAM,EAAC,MAAM,CAAC;IACd,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,aAAa,CAAC,EAAC,MAAM,CAAC;IACtB,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,aAAa,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAC,MAAM,EAAE,MAAM,EAAC,SAAS,GAAC,MAAM,KAAK,IAAI,CAAA;IACvE,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,aAAa,kKAAkK,uBAAuB,sBAmG3M,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Authenticator/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAOnD,OAAO,KAAK,EAAkD,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAKtG,KAAK,uBAAuB,GAAG;IAC3B,gBAAgB,EAAC,MAAM,CAAC;IACxB,KAAK,EAAC,MAAM,CAAC;IACb,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,YAAY,CAAC,EAAC,OAAO,GAAC,UAAU,CAAA;IAChC,aAAa,CAAC,EAAC,OAAO,CAAC;IACvB,MAAM,EAAC,MAAM,CAAC;IACd,KAAK,CAAC,EAAC,MAAM,GAAC,MAAM,CAAA;IACpB,UAAU,CAAC,EAAC,MAAM,CAAC;IACnB,aAAa,CAAC,EAAC,MAAM,CAAC;IACtB,OAAO,CAAC,EAAC,OAAO,CAAC;IACjB,eAAe,EAAE,CAAC,aAAa,EAAC,kBAAkB,KAAK,IAAI,CAAC;IAC5D,iBAAiB,CAAC,EAAE,CAAC,SAAS,EAAC,MAAM,EAAE,MAAM,EAAC,SAAS,GAAC,MAAM,KAAK,IAAI,CAAA;IACvE,OAAO,EAAE,MAAM,IAAI,CAAA;CACtB,CAAA;AAED,QAAA,MAAM,aAAa,yKAAyK,uBAAuB,sBAuGlN,CAAA;AAED,eAAe,aAAa,CAAA"}

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

@@ -1,5 +1,5 @@
 import type { PollCampaignGoalProps, PollCampaignLeaderProps, PollCampaignProps, PollOptionProps, PollProps, PollResponseProps, PollSummaryProps } from "../../types";
-export { PollCampaignApi, PollCampaignHelpers, PollApi, PollCampaignGoalApi, PollOptionApi, PollResponseApi };
+export { PollCampaignApi, PollCampaignHelpers, PollApi, PollCampaignGoalApi, PollOptionApi, PollResponseApi, PollResponseHelpers };
 declare const PollCampaignApi: {
     setEnvironment: () => void;
     getPlayersByPlayerIds: (player_ids: string[]) => Promise<any>;
@@ -54,6 +54,10 @@ declare const PollResponseApi: {
     getRespondersByCampaignId: (poll_campaign_id: string, offset: number) => Promise<string[]>;
     getMyCampaignResponses: (poll_campaign_id: string) => Promise<PollResponseProps[]>;
 };
+declare const PollResponseHelpers: {
+    getOptionColor: (po: PollOptionProps, pr?: PollResponseProps) => string;
+    updateSummariesWithResponse: (pr: PollResponseProps, summaries: PollSummaryProps[]) => PollSummaryProps[];
+};
 declare const PollOptionApi: {
     createPollOption: (poll_option: PollOptionProps) => Promise<PollOptionProps>;
     updatePollOption: (poll_option: PollOptionProps) => Promise<PollOptionProps>;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/api/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,qBAAqB,EAAE,uBAAuB,EAAE,iBAAiB,EAAE,eAAe,EAAE,SAAS,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAC;AAKtK,OAAO,EACH,eAAe,EACf,mBAAmB,EACnB,OAAO,EACP,mBAAmB,EACnB,aAAa,EACb,eAAe,EAClB,CAAA;AAED,QAAA,MAAM,eAAe;;wCAKwB,MAAM,EAAE;wCAIT,iBAAiB,KAAE,QAAQ,iBAAiB,CAAC;wCAI7C,iBAAiB,KAAE,QAAQ,iBAAiB,CAAC;4CAIxC,MAAM,KAAE,QAAQ,iBAAiB,CAAC;wCAItC,MAAM,UAAS,MAAM,KAAE,QAAQ,iBAAiB,EAAE,CAAC;0CAIjD,MAAM,KAAE,QAAQ,iBAAiB,CAAC;yCAInC,MAAM,KAAE,QAAQ,iBAAiB,CAAC;4CAI/B,MAAM,KAAE,QAAQ,iBAAiB,CAAC;2CAInC,MAAM,KAAE,QAAQ,iBAAiB,CAAC;4CAIjC,MAAM,UAAS,MAAM,WAAU,MAAM,KAAE,QAAQ,iBAAiB,EAAE,CAAC;+CAIhE,MAAM,UAAS,MAAM,KAAE,QAAQ,uBAAuB,EAAE,CAAC;0CAI9D,MAAM,UAAS,MAAM,UAAS,MAAM,KAAE,QAAQ,iBAAiB,EAAE,CAAC;CAIhH,CAAA;AAED,QAAA,MAAM,mBAAmB;gCACM,SAAS,EAAE,kBAAiB,iBAAiB,EAAE,kBAAiB,iBAAiB;CAe/G,CAAA;AAED,QAAA,MAAM,OAAO;uBACe,SAAS,KAAE,QAAQ,SAAS,CAAC;uBAI7B,SAAS,KAAE,QAAQ;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,YAAY,EAAC,eAAe,EAAE,CAAA;KAAE,CAAC;4BAIlE,MAAM,KAAE,QAAQ;QAAE,IAAI,EAAC,SAAS,CAAC;QAAC,YAAY,EAAC,eAAe,EAAE,CAAA;KAAE,CAAC;yBAItE,MAAM,sBAAqB,MAAM,kBAAiB,MAAM,KAAE,QAAQ,SAAS,CAAC;0BAI3E,MAAM,KAAE,QAAQ,SAAS,CAAC;6CAIP,MAAM,KAAE,QAAQ;QAAE,KAAK,EAAC,SAAS,EAAE,CAAC;QAAC,mBAAmB,EAAC,qBAAqB,EAAE,CAAA;KAAE,CAAC;8CAIlF,MAAM,EAAE,uBAAsB,GAAG,KAAE,QAAQ,IAAI,CAAC;+CAI/C,MAAM,cAAa,MAAM,KAAE,QAAQ,SAAS,EAAE,CAAC;2BAInE,MAAM,KAAE,QAAQ;QAAE,IAAI,EAAC,SAAS,CAAC;QAAC,YAAY,EAAC,eAAe,EAAE,CAAC;QAAC,cAAc,EAAE,gBAAgB,EAAE,CAAA;KAAE,CAAC;CAKtI,CAAA;AAED,QAAA,MAAM,mBAAmB;qDACiC,MAAM,KAAE,QAAQ,qBAAqB,CAAC;iDAI1C,qBAAqB,KAAE,QAAQ,qBAAqB,CAAC;iDAIrD,qBAAqB,KAAE,QAAQ,qBAAqB,CAAC;CAI1G,CAAA;AAED,QAAA,MAAM,eAAe;wCACwB,iBAAiB,KAAE,QAAQ,iBAAiB,CAAC;mCAInD,MAAM,KAAE,QAAQ,iBAAiB,GAAG,SAAS,CAAC;qCAI5C,MAAM,UAAS,MAAM,KAAE,QAAQ,MAAM,EAAE,CAAC;kDAI3B,MAAM,UAAS,MAAM,KAAE,QAAQ,MAAM,EAAE,CAAC;+CAI3C,MAAM,KAAE,QAAQ,iBAAiB,EAAE,CAAC;CAItF,CAAA;AAED,QAAA,MAAM,aAAa;oCACsB,eAAe,KAAE,QAAQ,eAAe,CAAC;oCAIzC,eAAe,KAAE,QAAQ,eAAe,CAAC;CAIjF,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/api/index.ts"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+type FlashMarketProps = {
+    poll_id: string;
+    next_allowed?: boolean;
+    player_id?: string;
+    onRequestAuthenticate: () => void;
+};
+declare const FlashMarket: ({ poll_id, player_id, onRequestAuthenticate }: FlashMarketProps) => React.JSX.Element;
+export default FlashMarket;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Poll/flashmarket/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAUnD,KAAK,gBAAgB,GAAG;IACpB,OAAO,EAAC,MAAM,CAAC;IACf,YAAY,CAAC,EAAC,OAAO,CAAC;IACtB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,qBAAqB,EAAC,MAAM,IAAI,CAAA;CACnC,CAAA;AAKD,QAAA,MAAM,WAAW,kDAAkD,gBAAgB,sBAgNlF,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -1,7 +1,13 @@
 import React from 'react';
 type PollCampaignModuleProps = {
-    poll_campaign_id: string;
+    poll_campaign_id?: string;
+    poll_id?: string;
+    player_id?: string;
+    height?: number;
+    width?: number;
+    type: 'campaign' | 'poll';
+    onRequestAuthenticate: () => void;
 };
-declare const PollCampaign: ({ poll_campaign_id }: PollCampaignModuleProps) => React.JSX.Element;
+declare const PollCampaign: ({ poll_campaign_id, poll_id, type, player_id, onRequestAuthenticate }: PollCampaignModuleProps) => React.JSX.Element;
 export default PollCampaign;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Poll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAKnD,KAAK,uBAAuB,GAAG;IAC3B,gBAAgB,EAAC,MAAM,CAAA;CAC1B,CAAA;AACD,QAAA,MAAM,YAAY,yBAA0B,uBAAuB,sBAclE,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Poll/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAMnD,KAAK,uBAAuB,GAAG;IAC3B,gBAAgB,CAAC,EAAC,MAAM,CAAC;IACzB,OAAO,CAAC,EAAC,MAAM,CAAC;IAChB,SAAS,CAAC,EAAC,MAAM,CAAC;IAClB,MAAM,CAAC,EAAC,MAAM,CAAC;IACf,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,IAAI,EAAE,UAAU,GAAG,MAAM,CAAC;IAC1B,qBAAqB,EAAE,MAAM,IAAI,CAAA;CACpC,CAAA;AACD,QAAA,MAAM,YAAY,0EAA2E,uBAAuB,sBA2BnH,CAAA;AAED,eAAe,YAAY,CAAA"}

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;AAC1C,OAAO,QAAQ,MAAM,UAAU,CAAC;AAChC,OAAO,QAAQ,MAAM,YAAY,CAAC;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAC9C,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,EACR,YAAY,EACZ,iBAAiB,EAClB,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;AACrE,OAAO,YAAY,MAAM,QAAQ,CAAC;AAClC,OAAO,iBAAiB,MAAM,eAAe,CAAC;AAE9C,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,EACR,YAAY,EACZ,iBAAiB,EAClB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "be-components",
-  "version": "0.7.4",
+  "version": "0.7.6",
   "description": "Components for BettorEdge Apps",
   "main": "lib/commonjs/index",
   "module": "lib/module/index",

package/src/Authenticator/Components/AuthStrategyIdentifier.tsx

@@ -0,0 +1,72 @@
+import React from 'react';
+import { View } from "react-native"
+import { Icons, Text, TextInput } from "../../Components"
+import type { AuthStrategyIdentifierProps } from '../api/types';
+import Colors from '../../constants/colors';
+import { AuthenticateHelpers } from '../api';
+
+type AuthStrategyIdentifierCardProps = {
+    auth_strategy_identifier:AuthStrategyIdentifierProps,
+    auth_request?: any,
+    auto_focus?:boolean,
+    onChangeIdentifier: (text:string,  is_valid:boolean, pretty_value?:string) => void 
+}
+
+const AuthStrategyIdentifier = ({ auth_strategy_identifier, auto_focus, auth_request, onChangeIdentifier }:AuthStrategyIdentifierCardProps) => {
+    
+
+    const getAttributeIcon = (attribute:string) => {
+        switch(attribute){
+            case 'email': return <Icons.EmailIcon size={20} color={Colors.brand.midnight}/>
+            case 'phone': return <Icons.PhoneIcon size={20} color={Colors.brand.midnight} />
+            case 'username': return <Icons.UserIcon size={20} color={Colors.brand.midnight} />
+            default: return <Icons.UserIcon size={20} color={Colors.brand.midnight} />
+        }
+    }
+
+    if(!auth_strategy_identifier.auth_identifier){ return <></> }
+    const is_valid = AuthenticateHelpers.isAttributeValid(auth_request.attribute, auth_request.value)
+
+    return (
+        <View>
+            <View style={{ margin:10 }}>
+                <Text size={16} color={Colors.brand.midnight} weight='bold'>{auth_strategy_identifier.label}</Text>
+                <Text style={{ marginTop:4 }} size={14} color={Colors.brand.midnight} weight='regular'>{auth_strategy_identifier.description}</Text>
+                <View style={{ marginTop:5, flexDirection:'row', alignItems:'center', borderRadius:22, borderWidth:1, borderColor:Colors.shades.shade600 }}>
+                    <View style={{ paddingLeft:10, paddingRight:15 }}>
+                    {getAttributeIcon(auth_strategy_identifier.auth_identifier.attribute)}
+                    </View>
+                    <TextInput
+                        style={{ flex:1 }}
+                        value={auth_request.pretty_value ?? auth_request.value}
+                        placeholder={`${auth_strategy_identifier.label}`}
+                        autoFocus={auto_focus}
+                        placeholderTextColor={Colors.brand.slate}
+                        onChangeText={(text) => {
+                            let pretty_value:string | undefined = undefined
+                            if(auth_request.attribute == 'phone'){
+                                text = AuthenticateHelpers.unformatPhone(text)
+                                pretty_value = AuthenticateHelpers.formatPhone(text)
+                            }
+                            onChangeIdentifier(text, is_valid.valid, pretty_value)
+                        }}
+                    />
+                    {auth_request.value ?
+                    <View style={{ padding:10 }}>
+                        { is_valid.valid ?
+                        <Icons.CheckCirlceIcon color={Colors.utility.success} size={14} />
+                        :
+                        <Icons.AlertIcon color={Colors.utility.warning} size={14} />
+                        }
+                    </View>
+                    :<></>}
+                </View>
+                {auth_request.value && !is_valid.valid ?
+                <Text style={{ marginTop:2 }} size={12} color={Colors.utility.warning} weight='semibold' textAlign="right">{is_valid.error}</Text>
+                :<></>}
+            </View>
+        </View>
+    )
+}
+
+export default AuthStrategyIdentifier

package/src/Authenticator/Components/StrategyForm.tsx

@@ -3,10 +3,11 @@ import { Button, Checkbox, Icons, Text, TextInput } from "../../Components";
 import Colors from "../../constants/colors";
 import type { AuthExecutionRequestProps, AuthStrategyIdentifierProps, AuthStrategyProps, AuthenticatedProps } from '../api/types';
 import { AuthenticateApi, AuthenticateHelpers } from '../api';
-import { Linking, TouchableOpacity, View , FlatList} from 'react-native';
-import type { PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
+import { Linking, TouchableOpacity, View , FlatList, Image } from 'react-native';
+import type { CompanyProps, PlayerReferralProps, PromoProps, PublicPlayerProps } from '../../types';
 import { view_styles } from '../../constants/styles';
 import { ProfileHelpers } from '../../ProfileManager/api';
+import AuthStrategyIdentifier from './AuthStrategyIdentifier';
 
 type StrategyFormProps = {
     visible:boolean,
@@ -16,6 +17,8 @@ type StrategyFormProps = {
     company_id?:string,
     distinct_id:string,
     source:string,
+    theme?:'full'|'mini',
+    company?:CompanyProps,
     opt_in_url?:string,
     show_referral?:boolean,
     referral_code?:string,
@@ -23,7 +26,9 @@ type StrategyFormProps = {
     onAuthenticated: (auth_response:AuthenticatedProps) => void
 }
 
-const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinct_id, source, show_referral, referral_code, width, opt_in_url, onAuthenticated, onLogin }:StrategyFormProps) => {
+const mini_steps = ['intro', 'execution', 'verify']
+
+const StrategyForm = ({ visible, company, theme, strategy, auth_strategy_id, company_id, distinct_id, source, show_referral, referral_code, width, opt_in_url, onAuthenticated, onLogin }:StrategyFormProps) => {
 
     const [ action_loading, setActionLoading ] = useState(false);
     const [ active_view, setActiveView ] = useState('authenticate');
@@ -32,7 +37,9 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinc
         promo?:PromoProps,
         referrer?:PublicPlayerProps
     }>({})
+    const [ active_mini_index, setActiveMiniIndex ] = useState(0);
     const [ opted_in, setOptedIn ] = useState(true);
+    const [ active_index, setActiveIndex ] = useState<number>(0)
     const [ token, setToken ] = useState('');
     const [ verify_error, setVerifyError ] = useState<string|undefined>();
     const [ verify_attempt_allowed, setVeryAttemptAllowed ] = useState(true);
@@ -54,7 +61,7 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinc
     
 
     const { auth_strategy, auth_strategy_identifiers } = strategy;
-    const verify_strategy_identifier = auth_strategy_identifiers.find(asi => asi.auth_strategy_identifier_id == verify_state?.auth_strategy_identifier_id);
+    const verify_strategy_identifier = auth_strategy_identifiers[0]//.find(asi => asi.auth_strategy_identifier_id == verify_state?.auth_strategy_identifier_id);
 
     useEffect(() => {
         if(!auth_strategy){ return }
@@ -73,7 +80,6 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinc
             //if(!asi.auth_identifier){ return }
             return { attribute: asi.auth_identifier?.attribute ?? '', value: '' }
         })
-
         setAuthExecutionRequest({
             auth_strategy_id,
             company_id,
@@ -86,15 +92,6 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinc
        
     }
 
-    const getAttributeIcon = (attribute:string) => {
-        switch(attribute){
-            case 'email': return <Icons.EmailIcon size={20} color={Colors.brand.midnight}/>
-            case 'phone': return <Icons.PhoneIcon size={20} color={Colors.brand.midnight} />
-            case 'username': return <Icons.UserIcon size={20} color={Colors.brand.midnight} />
-            default: return <Icons.UserIcon size={20} color={Colors.brand.midnight} />
-        }
-    }
-
     const verifyAuthStrategyIdentifier = async() => {
         if(authenticated){ return }
         if(!verify_state){ return  }
@@ -146,62 +143,220 @@ const StrategyForm = ({ visible, strategy, auth_strategy_id, company_id, distinc
         if(!data.item.auth_identifier){ return <></> }
         const auth_request = auth_execution_request.attributes.find(a => a.attribute == data.item.auth_identifier?.attribute)
         if(!auth_request){ return <></> }
-        const is_valid = AuthenticateHelpers.isAttributeValid(auth_request.attribute, auth_request.value)
+
+        return (
+            <AuthStrategyIdentifier
+                auth_strategy_identifier={data.item}
+                auth_request={auth_request}
+                onChangeIdentifier={(text, is_valid, pretty_value) => {
+                    setAuthExecutionRequest({ 
+                        ...auth_execution_request, 
+                        attributes: auth_execution_request.attributes.filter(a => a.attribute != auth_request.attribute).concat({ 
+                            attribute: auth_request.attribute, 
+                            value: text,
+                            pretty_value,
+                            is_valid
+                        }) 
+                    })
+                }}
+            />
+        )
+    }
+
+    const strategy_valid = AuthenticateHelpers.isStrategyValid(auth_execution_request)
+    if(!visible || !auth_strategy){ return <></> }
+
+    if(theme == 'mini'){
+        const active_mini_step = mini_steps[active_mini_index];
+        const active_strategy_identifier = auth_strategy_identifiers[active_index]
+        const auth_request = auth_execution_request.attributes.find(a => a.attribute == active_strategy_identifier?.auth_identifier?.attribute)
+        const last_index = auth_strategy_identifiers.length - 1 == active_index ? true : false
+        if(!auth_request || !active_mini_step){ return <></> }
         return (
-            <View>
-                <View style={{ margin:10 }}>
-                    <Text size={16} color={Colors.brand.midnight} weight='bold'>{data.item.label}</Text>
-                    <Text style={{ marginTop:4 }} size={14} color={Colors.brand.midnight} weight='regular'>{data.item.description}</Text>
-                    <View style={{ marginTop:5, flexDirection:'row', alignItems:'center', borderRadius:22, borderWidth:1, borderColor:Colors.shades.shade600 }}>
-                        <View style={{ paddingLeft:10, paddingRight:15 }}>
-                        {getAttributeIcon(data.item.auth_identifier.attribute)}
+            <View style={{ width }}>
+                {active_mini_step == 'intro' ?
+                <View>
+                    <View style={{ flexDirection:'row' }}>
+                        {company ?
+                        <View style={{ padding:10 }}>
+                            <Image
+                                source={{ uri: company.company_image?.url }}
+                                style={{ height:60, width:60 }}
+                                resizeMode='cover'
+                            />
+                        </View>
+                        :<></>}
+                        <View style={{ flex:1, padding:10 }}>
+                            <Text size={16} color={Colors.brand.midnight} weight='bold'>Welcome!</Text>
+                            <Text style={{ marginTop:4 }} size={14} color={Colors.brand.midnight}>Please complete the required steps to participate with {company?.company_name ?? 'Bettoredge'}</Text>
                         </View>
+                    </View>
+                    <View style={{ flexDirection:'row', padding:10, paddingTop:0 }}>
+                        {opt_in_url ?
+                        <View style={{ flex:1, flexDirection:'row', alignItems:'center' }}>
+                            <Checkbox 
+                                size={20}
+                                checked={opted_in}
+                                onSelect={(checked) => setOptedIn(checked)}
+                            />
+                            <Text style={{ marginLeft:15 }} size={14} color={Colors.brand.midnight}>By continuing, you agree to the terms and conditions outlined
+                            <TouchableOpacity onPress={() => Linking.openURL(opt_in_url) }>
+                                <Text size={14} color={Colors.brand.electric} weight='bold'> here.</Text>
+                            </TouchableOpacity>
+                            </Text>
+                        </View>
+                        :<></>}
+                        <Button
+                            title={`Next`}
+                            style={{  opacity:opt_in_url && !opted_in ? 0.5:1 }}
+                            disabled={opt_in_url && !opted_in ? true : false}
+                            title_color={Colors.shades.white}
+                            backgroundColor={Colors.brand.electric}
+                            //borderRadius={8}
+                            padding={15}
+                            onPress={() => {
+                                setActiveMiniIndex(active_mini_index + 1)
+                            }}
+                        />
+                    </View>
+                </View>
+                :active_mini_step == 'execution' ?
+                <View>
+
+                {active_view == 'authenticate' && active_strategy_identifier?
+                <View>
+                    <AuthStrategyIdentifier
+                        auth_strategy_identifier={active_strategy_identifier}
+                        auth_request={auth_request}
+                        auto_focus={true}
+                        onChangeIdentifier={(text, is_valid, pretty_value) => {
+                            setAuthExecutionRequest({ 
+                                ...auth_execution_request, 
+                                attributes: auth_execution_request.attributes.filter(a => a.attribute != auth_request.attribute).concat({ 
+                                    attribute: auth_request.attribute, 
+                                    value: text,
+                                    pretty_value,
+                                    is_valid
+                                }) 
+                            })
+                        }}
+                    />
+                    <View style={{ flexDirection:'row', alignItems:'center', padding:10, paddingTop:0 }}>
+                    {active_index != 0 ?
+                    <Button
+                        title={`Back`}
+                        style={{ flex:1, marginRight:5}}
+                        title_color={Colors.brand.electric}
+                        borderWidth={1}
+                        borderColor={Colors.brand.electric}
+                        backgroundColor={Colors.shades.white}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            setActiveIndex(active_index - 1)
+                        }}
+                    />
+                    :<></>}
+                    {last_index ?
+                    <Button
+                        title={`Let's Go!`}
+                        loading={action_loading}
+
+                        style={{ flex:3, opacity:strategy_valid && opted_in && !action_loading?1:0.5 }}
+                        disabled={action_loading || !strategy_valid || !opted_in}
+                        title_color={Colors.shades.white}
+                        backgroundColor={Colors.brand.electric}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            executeAuthStrategy()
+                        }}
+                    />
+                    :
+
+                        <Button
+                            title={`Next`}
+                            style={{ flex:3, opacity:auth_request?.is_valid?1:0.5 }}
+                            disabled={!auth_request?.is_valid}
+                            title_color={Colors.shades.white}
+                            backgroundColor={Colors.brand.electric}
+                            //borderRadius={8}
+                            padding={15}
+                            onPress={() => {
+                                setActiveIndex(active_index + 1)
+                            }}
+                        />
+                    }
+                    </View>
+                </View>
+                : active_view == 'verify' && verify_strategy_identifier ?
+                <View nativeID="sign_up" style={{ flex:1 }}>
+                <View style={{ padding:10 }}>
+                    <Text size={18} color={Colors.brand.midnight} weight='semibold'>{verify_strategy_identifier.verify_label??'Enter Verification Code'}</Text>
+                    <View style={{ padding:10 }}>
                         <TextInput
-                            style={{ flex:1 }}
-                            value={auth_request.pretty_value ?? auth_request.value}
-                            placeholder={`${data.item.label}`}
-                            autoFocus={data.item.priority == 1 ? true : false}
+                            style={{ textAlign:'center', fontFamily:'barlow-bold', fontSize:14, borderWidth:1, borderColor:Colors.shades.shade600 }}
+                            value={token}
+                            keyboardType='default'
+                            placeholder='Enter Code'
+                            autoFocus
+                            textContentType={verify_strategy_identifier.secure_text_entry ? undefined : 'oneTimeCode'}
+                            secureTextEntry={verify_strategy_identifier.secure_text_entry}
                             placeholderTextColor={Colors.brand.slate}
                             onChangeText={(text) => {
-                                let pretty_value:string | undefined = undefined
-                                if(auth_request.attribute == 'phone'){
-                                    text = AuthenticateHelpers.unformatPhone(text)
-                                    pretty_value = AuthenticateHelpers.formatPhone(text)
-                                }
-                                setAuthExecutionRequest({ 
-                                    ...auth_execution_request, 
-                                    attributes: auth_execution_request.attributes.filter(a => a.attribute != auth_request.attribute).concat({ 
-                                        attribute: auth_request.attribute, 
-                                        value: text,
-                                        pretty_value
-                                    }) 
-                                })
+                                setToken(text);
                             }}
                         />
-                        {auth_request.value ?
-                        <View style={{ padding:10 }}>
-                            { is_valid.valid ?
-                            <Icons.CheckCirlceIcon color={Colors.utility.success} size={14} />
-                            :
-                            <Icons.AlertIcon color={Colors.utility.warning} size={14} />
-                            }
-                        </View>
-                        :<></>}
                     </View>
-                    {auth_request.value && !is_valid.valid ?
-                    <Text style={{ marginTop:2 }} size={12} color={Colors.utility.warning} weight='semibold' textAlign="right">{is_valid.error}</Text>
+                    {verify_error ?
+                    <Text style={{ marginTop:10 }} size={14} color={Colors.utility.warning}>{verify_error}</Text>
                     :<></>}
                 </View>
+                <View nativeID="action_row" style={{ flexDirection:'row', padding:10, paddingTop:0 }}>
+                <Button
+                        title={'BACK'}
+                        loading={action_loading}
+                        style={{ flex:1, marginRight:5 }}
+                        //disabled={!token || action_loading || !verify_attempt_allowed}
+                        title_color={Colors.brand.electric}
+                        borderColor={Colors.brand.electric}
+                        borderWidth={1}
+                        //backgroundColor={Colors.utility.success}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            setActiveView('authenticate');
+                            setVerifyState(undefined)
+                        }}
+                    />
+                    <Button
+                        title={verify_attempt_allowed && !action_loading? 'Verify': 'Retry in 10 seconds'}
+                        loading={action_loading}
+                        style={{ flex:3, opacity:token&&verify_attempt_allowed?1:0.5 }}
+                        disabled={!token || action_loading || !verify_attempt_allowed}
+                        title_color={Colors.shades.white}
+                        backgroundColor={Colors.utility.success}
+                        //borderRadius={8}
+                        padding={15}
+                        onPress={() => {
+                            verifyAuthStrategyIdentifier()
+                        }}
+                    />
+                </View>
+            </View>
+               :<></> }
+
+                </View>
+                :<></>}
+                
+                
             </View>
         )
     }
 
-    const strategy_valid = AuthenticateHelpers.isStrategyValid(auth_execution_request)
-    if(!visible || !auth_strategy){ return <></> }
     return (
         <View style={{ width:width, flex:1 }}>
             {active_view == 'authenticate' ?
-            
             <View nativeID="sign_up" style={{ flex:1 }}>
                 {show_referral && code_details.player_referral && code_details.promo ?
                 <View style={{ margin:15, flexDirection:'row', backgroundColor:Colors.shades.white, borderRadius:8, ...view_styles.float }}>

package/src/Authenticator/api/types.d.ts

@@ -67,7 +67,8 @@ export interface AuthExecutionRequestProps {
     attributes: {
         attribute: string,
         value: string,
-        pretty_value?:string
+        pretty_value?:string,
+        is_valid?:boolean,
     }[]
 }
 

package/src/Authenticator/index.tsx

@@ -17,6 +17,7 @@ type AuthenticateWizardProps = {
     default_view?:'login'|'register'
     show_referral?:boolean,
     source:string,
+    theme?:'full'|'mini'
     opt_in_url?:string,
     referral_code?:string,
     visible?:boolean,
@@ -25,7 +26,7 @@ type AuthenticateWizardProps = {
     onClose: () => void
 }
 
-const Authenticator = ({ visible, show_referral, auth_strategy_id, default_view, company_id, source, referral_code, width, opt_in_url, onTryAuthenticate, onAuthenticated, onClose }:AuthenticateWizardProps) => {
+const Authenticator = ({ visible, theme, show_referral, auth_strategy_id, default_view, company_id, source, referral_code, width, opt_in_url, onTryAuthenticate, onAuthenticated, onClose }:AuthenticateWizardProps) => {
     const [ loaded, setLoaded ] = useState(false);
     const [ company, setCompany ] = useState<CompanyProps>();
     const [ distinct_id, setDistinctID ] = useState<string>();
@@ -75,8 +76,8 @@ const Authenticator = ({ visible, show_referral, auth_strategy_id, default_view,
     if(!loaded || !distinct_id){ return <></> }
     if(!visible){ return <></> }
     return (
-        <View style={{ flex:1, width, minHeight:600 }}>
-            {company ?
+        <View style={{ flex:1, width, minHeight:theme!='mini'?600:undefined }}>
+            {company && theme != 'mini' ?
             <View style={{ padding:20, flexDirection:'row', alignItems:'center', borderTopRightRadius:22, borderTopLeftRadius:22, borderBottomWidth:1, borderColor:Colors.accents.accent200 }}>
                 <View style={{ flex:1, marginRight:10 }}>
                     <Text size={28} weight='bold' color={Colors.brand.midnight}>{active_view == 'login' ? 'Log In!': 'Welcome!'}</Text>
@@ -94,7 +95,9 @@ const Authenticator = ({ visible, show_referral, auth_strategy_id, default_view,
             <StrategyForm
                 visible={active_view == 'register' ? true : false}
                 width={width}
+                company={company}
                 strategy={strategy}
+                theme={theme}
                 onLogin={() => setActiveView('login')}
                 auth_strategy_id={auth_strategy_id}
                 company_id={company_id}
@@ -112,6 +115,7 @@ const Authenticator = ({ visible, show_referral, auth_strategy_id, default_view,
                 onTryAuthenticate={(attribute, result) => onTryAuthenticate ? onTryAuthenticate(attribute, result) : console.log()}
                 onRegister={() => setActiveView('register')}
             />
+            {theme != 'mini' ?
             <View style={{ padding:10 }}>
                 <Button
                     title='CLOSE'
@@ -122,6 +126,7 @@ const Authenticator = ({ visible, show_referral, auth_strategy_id, default_view,
                     onPress={() => onClose()}
                 />
             </View>
+            :<></>}
         </View>
     )
 }

package/src/Poll/api/index.ts

@@ -1,6 +1,7 @@
 import axios from "axios"
 import type { PollCampaignGoalProps, PollCampaignLeaderProps, PollCampaignProps, PollOptionProps, PollProps, PollResponseProps, PollSummaryProps } from "../../types";
 import { APIOverrides } from "../../ApiOverrides";
+import Colors from "../../constants/colors";
 
 let AUTH_SVC_API = ''
 
@@ -10,7 +11,8 @@ export {
     PollApi, 
     PollCampaignGoalApi, 
     PollOptionApi, 
-    PollResponseApi 
+    PollResponseApi,
+    PollResponseHelpers
 }
 
 const PollCampaignApi = {
@@ -120,7 +122,9 @@ const PollApi = {
         return resp.data.polls
     },
     getPollById : async(poll_id:string):Promise<{ poll:PollProps, poll_options:PollOptionProps[], poll_summaries: PollSummaryProps[] }> => {
+        console.log('getting data')
         const resp = await axios.get(`${AUTH_SVC_API}/v1/polls/poll/${poll_id}`)
+
         const { poll, poll_options, poll_summaries } = resp.data;
         return { poll, poll_options, poll_summaries }
     }
@@ -164,6 +168,36 @@ const PollResponseApi = {
     }
 }
 
+const PollResponseHelpers = {
+    getOptionColor: (po:PollOptionProps, pr?:PollResponseProps) => {
+        if(!pr){ return Colors.shades.white }
+        if(pr.status == 'pending'){ return Colors.shades.white }
+        switch(po.result_ind){
+            case 'win':
+                return Colors.highlights.highlight400Faded
+            case 'lose':
+                return Colors.highlights.highlight300Faded
+            case 'draw':
+                return Colors.brand.slate
+            default:
+                if(pr?.poll_option_id == po.poll_option_id){ return Colors.brand.midnight }
+                return 'transparent'
+        }
+    },
+    updateSummariesWithResponse : (pr:PollResponseProps, summaries:PollSummaryProps[]) => {
+        let new_total = summaries.reduce((a,b) => a + parseFloat(b.stake as unknown as string), 0) + parseFloat(pr.stake as string)
+        summaries = summaries.map(s => {
+            if(s.poll_option_id == pr.poll_option_id){
+                s.count += 1
+                s.stake += parseFloat(pr.stake as string)
+            }
+            s.pct = s.stake / new_total
+            return s
+        })
+        return summaries
+    }
+}
+
 const PollOptionApi = {
     createPollOption : async(poll_option:PollOptionProps):Promise<PollOptionProps> => {
         const resp = await axios.post(`${AUTH_SVC_API}/v1/polls/poll/option/create`, { poll_option })