be-components 6.5.7 → 6.5.8

package/lib/typescript/lib/module/Guide/GuideButton.d.ts

@@ -0,0 +1,10 @@
+export default GuideButton;
+declare function GuideButton({ client_native_id, onError, onHelp, show_label, label }: {
+    client_native_id: any;
+    onError: any;
+    onHelp: any;
+    show_label: any;
+    label: any;
+}): React.FunctionComponentElement<any>;
+import React from 'react';
+//# sourceMappingURL=GuideButton.d.ts.map

package/lib/typescript/lib/module/Guide/GuideButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuideButton.d.ts","sourceRoot":"","sources":["../../../../module/Guide/GuideButton.js"],"names":[],"mappings":";AAKA;;;;;;wCAiCC;kBAtCiB,OAAO"}

package/lib/typescript/lib/module/Guide/api/index.d.ts

@@ -0,0 +1,5 @@
+export namespace HelpApi {
+    function setEnvironment(): void;
+    function getHelpByNativeId(native_id: any): Promise<any>;
+}
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/lib/module/Guide/api/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../module/Guide/api/index.js"],"names":[],"mappings":";IASkB,gCAMf;IACkB,yDAQlB"}

package/lib/typescript/lib/module/Guide/index.d.ts

@@ -1,6 +1,8 @@
-export default function GuideWrapper({ children, guide }: {
+export default function GuideWrapper({ active, children, guide, onComplete }: {
+    active: any;
     children: any;
     guide: any;
+    onComplete: any;
 }): React.FunctionComponentElement<{
     children?: React.ReactNode | undefined;
 }> | React.DetailedReactHTMLElement<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement> | React.FunctionComponentElement<React.RefAttributes<any>>;

package/lib/typescript/lib/module/Guide/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Guide/index.js"],"names":[],"mappings":"AAKA;;;;;8JAsOC;kBA3OkD,OAAO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../module/Guide/index.js"],"names":[],"mappings":"AAKA;;;;;;;8JAwOC;kBA7OkD,OAAO"}

package/lib/typescript/lib/module/MarketComponents/components/TeamEventMarket/index.d.ts

@@ -1,6 +1,6 @@
-declare const _default: React.MemoExoticComponent<({ event, guide, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }: {
+declare const _default: React.MemoExoticComponent<({ event, show_help, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }: {
     event: any;
-    guide: any;
+    show_help: any;
     parlays: any;
     hide_non_primary: any;
     disabled_markets: any;

package/lib/typescript/src/Guide/GuideButton.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import type { GuideResponseProps } from '../types';
+type GuideButtonProps = {
+    client_native_id: string;
+    show_label?: boolean;
+    label?: string;
+    onError: () => void;
+    onHelp: (guide: GuideResponseProps) => void;
+};
+declare const GuideButton: ({ client_native_id, onError, onHelp, show_label, label }: GuideButtonProps) => React.JSX.Element;
+export default GuideButton;
+//# sourceMappingURL=GuideButton.d.ts.map

package/lib/typescript/src/Guide/GuideButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GuideButton.d.ts","sourceRoot":"","sources":["../../../../src/Guide/GuideButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAGnD,KAAK,gBAAgB,GAAG;IACpB,gBAAgB,EAAC,MAAM,CAAC;IACxB,UAAU,CAAC,EAAC,OAAO,CAAC;IACpB,KAAK,CAAC,EAAC,MAAM,CAAC;IACd,OAAO,EAAC,MAAM,IAAI,CAAC;IACnB,MAAM,EAAC,CAAC,KAAK,EAAC,kBAAkB,KAAK,IAAI,CAAA;CAC5C,CAAA;AAED,QAAA,MAAM,WAAW,GAAI,0DAAyD,gBAAgB,sBAgB7F,CAAA;AAED,eAAe,WAAW,CAAA"}

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

@@ -0,0 +1,13 @@
+import type { HelpPromptProps, HelpTourProps } from "../../types";
+export { HelpApi };
+declare const HelpApi: {
+    setEnvironment: () => void;
+    getHelpByNativeId: (native_id: string) => Promise<undefined | {
+        view_type: "prompt" | "tour";
+        help_prompt: HelpPromptProps;
+        help_tour: HelpTourProps;
+        tour_prompts: HelpPromptProps[];
+        active_tour_prompt: string | undefined;
+    }>;
+};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/Guide/api/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAOlE,OAAO,EAAE,OAAO,EAAE,CAAA;AAIlB,QAAA,MAAM,OAAO;;mCAQ0B,MAAM,KAAE,OAAO,CAAC,SAAS,GAAG;QAAC,SAAS,EAAC,QAAQ,GAAC,MAAM,CAAC;QAAC,WAAW,EAAC,eAAe,CAAC;QAAC,SAAS,EAAC,aAAa,CAAC;QAAC,YAAY,EAAC,eAAe,EAAE,CAAC;QAAC,kBAAkB,EAAC,MAAM,GAAC,SAAS,CAAA;KAAC,CAAC;CAUzN,CAAA"}

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

@@ -1,8 +1,10 @@
 import React from "react";
-import type { GuideWrapProps } from "../types";
+import type { GuideResponseProps } from "../types";
 export type GuideWrapperProps = {
     children: React.ReactNode;
-    guide?: GuideWrapProps;
+    active?: boolean;
+    guide?: GuideResponseProps;
+    onComplete: (status: 'cancelled' | 'complete') => void;
 };
-export default function GuideWrapper({ children, guide }: GuideWrapperProps): React.JSX.Element;
+export default function GuideWrapper({ active, children, guide, onComplete }: GuideWrapperProps): React.JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Guide/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAK/C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,cAAc,CAAC;CACxB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,iBAAiB,qBAkO1E"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/Guide/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAU3D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAKnD,MAAM,MAAM,iBAAiB,GAAG;IAC9B,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,MAAM,CAAC,EAAC,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,kBAAkB,CAAC;IAC3B,UAAU,EAAE,CAAC,MAAM,EAAC,WAAW,GAAC,UAAU,KAAK,IAAI,CAAA;CACpD,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,YAAY,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,iBAAiB,qBAiO9F"}

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/index.d.ts

@@ -1,11 +1,11 @@
 import React from 'react';
-import type { BEEventProps, BestAvailableOrderProps, CompetitionProps, EventOrderStatProps, EventProps, GuideWrapProps, LeagueProps, MarketProps, OrderProps, ParlayProps, PodcastProps, PollProps, SquaresCompetitionProps, TradeProps } from '../../../types';
+import type { BEEventProps, BestAvailableOrderProps, CompetitionProps, EventOrderStatProps, EventProps, LeagueProps, MarketProps, OrderProps, ParlayProps, PodcastProps, PollProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 type TeamEventMarketProps = {
     event: EventProps;
     markets: MarketProps[];
     parlays?: ParlayProps[];
     init_expanded?: boolean;
-    guide?: GuideWrapProps;
+    show_help?: boolean;
     onViewMarketStats?: () => void;
     onSetMarket?: (market_id: string, side_type?: string, side_id?: string) => void;
     league?: LeagueProps;
@@ -48,6 +48,6 @@ type TeamEventMarketProps = {
     onActivate?: (event_id: string, event_type: string) => void;
     activate_loading?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ event, guide, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }: TeamEventMarketProps) => React.JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ event, show_help, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }: TeamEventMarketProps) => React.JSX.Element>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/MarketComponents/components/TeamEventMarket/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamEventMarket/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/MarketComponents/components/TeamEventMarket/index.tsx"],"names":[],"mappings":"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"}

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

@@ -1,10 +1,10 @@
 declare const _default: {
-    TeamEventMarket: import("react").MemoExoticComponent<({ event, guide, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }: {
+    TeamEventMarket: import("react").MemoExoticComponent<({ event, show_help, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }: {
         event: import("../types").EventProps;
         markets: import("../types").MarketProps[];
         parlays?: import("../types").ParlayProps[];
         init_expanded?: boolean;
-        guide?: import("../types").GuideWrapProps;
+        show_help?: boolean;
         onViewMarketStats?: () => void;
         onSetMarket?: (market_id: string, side_type?: string, side_id?: string) => void;
         league?: import("../types").LeagueProps;

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;mDAsC0K,CAAC,iBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;qBAAwqB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAvB30B,CAAC,iBACxC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAD8B,CAAC;qBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuBwS,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAhB7W,CAAA;qBACA,CAAA;;;;;;;;;;;;;AAJJ,wBAmBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/MarketComponents/index.tsx"],"names":[],"mappings":";;;;;;;;mDAsCgO,CAAC,iBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;qBAAwqB,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mDAvBj4B,CAAC,iBACxC,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAD8B,CAAC;qBAAkB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAuBwS,CAAC;mBAAgB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAhB7W,CAAA;qBACA,CAAA;;;;;;;;;;;;;AAJJ,wBAmBC"}

package/package.json

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

package/src/Guide/GuideButton.tsx

@@ -0,0 +1,34 @@
+import React from 'react';
+import { Icons } from "../Components"
+import { Button, Text } from "../Components/Themed"
+import { useColors } from "../constants/useColors"
+import type { GuideResponseProps } from '../types';
+import { HelpApi } from './api';
+
+type GuideButtonProps = {
+    client_native_id:string,
+    show_label?:boolean,
+    label?:string,
+    onError:() => void,
+    onHelp:(guide:GuideResponseProps) => void
+}
+
+const GuideButton = ({ client_native_id, onError, onHelp, show_label, label }:GuideButtonProps) => {
+    const Colors = useColors();
+    const getGuide = async() => {
+        HelpApi.setEnvironment();
+        const guide_response = await HelpApi.getHelpByNativeId(client_native_id);
+        if(!guide_response){ return onError() }
+        return onHelp(guide_response);
+    }
+    return (
+        <Button transparent style={{ padding:10, flexDirection:'row', alignItems:'center' }} onPress={() => getGuide()}>
+            <Icons.AlertIcon size={18} color={Colors.text.warning} />
+            {show_label ?
+            <Text style={{ marginLeft:3 }} theme='warning'>{label ?? 'Need Help?'}</Text>
+            :<></>}
+        </Button>
+    )
+}
+
+export default GuideButton

package/src/Guide/api/index.ts

@@ -0,0 +1,33 @@
+import axios from "axios";
+import { APIOverrides } from "../../ApiOverrides"
+import type { HelpPromptProps, HelpTourProps } from "../../types";
+
+//let EVENT_SVC_API = ''
+let AUTH_SVC_API = ''
+//let MK_SVC_API = ''
+//let SOCIAL_SVC_API = ''
+
+export { HelpApi }
+
+
+
+const HelpApi = {
+    setEnvironment: () => {
+        const endpoints = APIOverrides.getEndpoints();
+        //EVENT_SVC_API = endpoints['EVENT_SVC_API'] as string;
+        //MK_SVC_API = endpoints['MK_SVC_API'] as string;
+        AUTH_SVC_API = endpoints['AUTH_SVC_API'] as string;
+        //SOCIAL_SVC_API = endpoints['SOCIAL_SVC_API'] as string;
+    },
+    getHelpByNativeId: async(native_id:string):Promise<undefined | {view_type:'prompt'|'tour', help_prompt:HelpPromptProps, help_tour:HelpTourProps, tour_prompts:HelpPromptProps[], active_tour_prompt:string|undefined}> => {
+        try {
+            const resp = await axios.get(`${AUTH_SVC_API}/v1/help/prompts/native_id/${native_id}`);
+            return resp.data
+        } catch (e) {
+            console.log(e);
+            return undefined
+        }
+    }
+    
+}
+

package/src/Guide/index.tsx

@@ -8,23 +8,25 @@ import {
   TouchableHighlight,
   TouchableWithoutFeedback,
 } from "react-native";
-import type { GuideWrapProps } from "../types";
+import type { GuideResponseProps } from "../types";
 import { Button, Text, View } from "../Components/Themed";
 import { useColors } from "../constants/useColors";
 import { Icons } from "../Components";
 
 export type GuideWrapperProps = {
   children: React.ReactNode;
-  guide?: GuideWrapProps;
+  active?:boolean,
+  guide?: GuideResponseProps;
+  onComplete: (status:'cancelled'|'complete') => void
 };
 
 type Layout = { x: number; y: number; width: number; height: number };
 
-export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
+export default function GuideWrapper({ active, children, guide, onComplete }: GuideWrapperProps) {
   const Colors = useColors();
-  const wrapper_guid = guide ?? {};
-  const { tour, active, onComplete } = wrapper_guid;
-
+  const wrapper_guid:GuideResponseProps = guide ?? { view_type: 'prompt' };
+  const { tour_prompts } = wrapper_guid;
+  const tour = tour_prompts ?? []
   const refs = useRef<{ [key: string]: any }>({});
   const containerRef = useRef<any>(null);
 
@@ -41,10 +43,10 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
   const { width: screenWidth } = useWindowDimensions();
 
   const sortedTour = tour
-    ? [...tour].sort((a, b) => (a.priority ?? 0) - (b.priority ?? 0))
+    ? [...tour].sort((a, b) => (a.tour_priority ?? 0) - (b.tour_priority ?? 0))
     : [];
   const step = sortedTour[currentStep];
-  const stepRef = step ? refs.current[step.nativeID] : undefined;
+  const stepRef = step ? refs.current[step.client_native_id] : undefined;
 
   const isTouchable = (child: any) => {
     const typeName = (child.type as any)?.displayName || child.type;
@@ -56,6 +58,8 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
     );
   };
 
+
+
   // Recursively attach refs to children with nativeID
   const attachRefs = (nodes: React.ReactNode): React.ReactNode => {
     return React.Children.map(nodes, (child) => {
@@ -192,6 +196,7 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
 
       {/* Tooltip: always above overlay */}
       <View
+        float
         onLayout={(ev) => setTooltipHeight(ev.nativeEvent.layout.height)}
         style={{
           position: "absolute",
@@ -199,8 +204,6 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
           minWidth: 300,
           borderColor: Colors.text.success,
           borderWidth: 1,
-          borderRadius: 8,
-          padding: 10,
           top: layout.y - tooltipHeight - 10, // 10px margin above overlay
           left: right ? undefined : layout.x,
           right: right ? 5 : undefined,
@@ -208,7 +211,7 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
         }}
       >
         {step.title && (
-          <View type='header' style={{ flexDirection: "row", alignItems: "center", marginBottom: 5, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
+          <View type='header' style={{ flexDirection: "row", alignItems: "center", padding:10, borderTopRightRadius:8, borderTopLeftRadius:8 }}>
             <Icons.AlertIcon size={14} color={Colors.text.warning} />
             <Text theme="h1" style={{ flex: 1, marginLeft: 10, marginRight: 10 }}>
               {step.title}
@@ -230,18 +233,16 @@ export default function GuideWrapper({ children, guide }: GuideWrapperProps) {
         )}
 
         {step.body && (
-          <View type='body' style={{ padding: 5 }}>
+          <View type='body' style={{ padding: 10 }}>
             <Text theme="h2">{step.body}</Text>
           </View>
         )}
 
-        <View type='footer' style={{ flexDirection: "row", alignItems: "center", marginTop: 5, borderBottomRightRadius:8,borderBottomLeftRadius:8 }}>
+        <View type='footer' style={{ flexDirection: "row", alignItems: "center", padding: 10, borderBottomRightRadius:8,borderBottomLeftRadius:8 }}>
           {currentStep > 0 && (
             <Button type="action" onPress={handlePrev} style={{ flex: 1, marginRight: 5 }} title="BACK" />
           )}
-          {!step.clickable && (
             <Button type="success" onPress={handleNext} style={{ flex: 1 }} title={isLastStep ? "Done" : "Next"} />
-          )}
         </View>
       </View>
     </View>

package/src/MarketComponents/components/TeamEventMarket/index.tsx

@@ -1,6 +1,6 @@
 import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
 import { Image, FlatList, ActivityIndicator, ScrollView } from 'react-native';
-import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, GuideWrapProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, ParlayProps, PodcastProps, PollProps, SquaresCompetitionProps, TradeProps } from '../../../types';
+import type { AthleteProps, BEEventProps, BestAvailableOrderProps, CompanyProps, CompetitionProps, EventOrderStatProps, EventProps, GuideResponseProps, LeagueProps, MarketProps, MarketSideOptionProps, OrderProps, ParlayProps, PodcastProps, PollProps, SquaresCompetitionProps, TradeProps } from '../../../types';
 import { view_styles } from '../../../constants/styles';
 import { Icons, LinearDiagnal } from '../../../Components';
 import {TeamEventMarketHelpers} from './api';
@@ -20,13 +20,14 @@ import { useColors } from '../../../constants/useColors';
 import OrderGradeBar from '../OrderGradeBar';
 import moment from 'moment-mini';
 import { GuideView } from 'be-components';
+import GuideButton from '../../../Guide/GuideButton';
 
 type TeamEventMarketProps = {
     event:EventProps,
     markets:MarketProps[],
     parlays?:ParlayProps[],
     init_expanded?:boolean,
-    guide?: GuideWrapProps,
+    show_help?:boolean,
     onViewMarketStats?:() => void,
     onSetMarket?:(market_id:string, side_type?:string, side_id?:string) => void,
     league?:LeagueProps,
@@ -63,9 +64,11 @@ type TeamEventMarketProps = {
     onActivate?:(event_id:string, event_type:string) => void
     activate_loading?:boolean
 }
-const TeamEventMarket = ({ event, guide, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
+const TeamEventMarket = ({ event, show_help, parlays, hide_non_primary, disabled_markets, flash_markets, league, float, style, init_expanded, hot_markets_direction, show_id, hide_liquidity, show_podcasts, activate_loading, competitions, squares_competitions, show_grades, markets, latest_trades, best_available_orders, event_order_stats, default_price_view, onSetMarket, onTeamSelect, onFlashSelect, onParlaySelect, onSquaresSelect, onCompetitionSelect, onExpand, onOrder, onViewMarketStats, onView, onViewAdditionalMarkets, onTradeLongPress, onTVSelect, onActivate, onEvent, onShare, onPodcastSelect }:TeamEventMarketProps) => {
     const C = useColors();
     const [ market_width, setMarketWidth ] = useState(180);
+    const [ guide_response, setGuide ] = useState<{guide_active:boolean, guide?:GuideResponseProps}>({ guide_active:false });
+    const { guide_active, guide } = guide_response;
     const [ expanded_data, setExpandedData ] = useState<{
         expanded:boolean,
         loaded:boolean,
@@ -410,9 +413,9 @@ const TeamEventMarket = ({ event, guide, parlays, hide_non_primary, disabled_mar
     const { non_primary_markets, available } = useMemo(() => TeamEventMarketHelpers.sortNonPrimaryMarkets(TeamEventMarketHelpers.getNonPrimaryMarkets(event, markets), event_order_stats, latest_trades),[JSON.stringify(event_order_stats), JSON.stringify(latest_trades), markets.length, event.last_update_datetime])
     const tv_link = event.info?.broadcast?.link && onTVSelect ? event.info?.broadcast?.link : undefined
     return (
-        <GuideView guide={guide}>
+        <GuideView guide={guide} active={guide_active} onComplete={() => setGuide({ guide_active: false })}>
 
-        <View ref={ref} float={float} style={[style]}>
+        <View nativeID='team_event_market' ref={ref} float={float} style={[style]}>
             {sponsor ?
             <LinearGradient style={{ marginTop:-1, marginLeft:-1, marginRight:-1, padding:10, flexDirection:'row', alignItems:'center', borderTopRightRadius:8, borderTopLeftRadius:8 }} start={{x: 0, y: 0}} end={{x: 1, y: 0}} colors={[sponsor.brand_primary ?? C.text.h1, sponsor.brand_secondary ?? C.text.h1]}>
                 {onActivate && event_status != 'closed' ?
@@ -503,7 +506,14 @@ const TeamEventMarket = ({ event, guide, parlays, hide_non_primary, disabled_mar
                         <Text theme='light' selectable>{event.event_id}</Text>
                         :<></>}
                     </View>
-                    
+                    {show_help ?
+                    <GuideButton
+                        onError={() => alert('Unable to get help')}
+                        onHelp={(guide) => { setGuide({ guide_active:true, guide })}}
+                        show_label
+                        client_native_id='team_event_market'
+                    />
+                    :<></>}
                 </View>
                 <Button transparent disabled={!tv_link} style={{ flexDirection:'row', alignItems:'center', padding:0 }}
                 onPress={() => tv_link && onTVSelect ? onTVSelect(tv_link) : console.log('')}>
@@ -637,7 +647,7 @@ const TeamEventMarket = ({ event, guide, parlays, hide_non_primary, disabled_mar
                 }
             </View>
             {flash_markets && onFlashSelect && flash_markets.length > 1 ?
-            <View style={{ borderTopWidth:1, borderColor:C.borders.light, paddingTop:5 }}>
+            <View  style={{ borderTopWidth:1, borderColor:C.borders.light, paddingTop:5 }}>
                 <FlatList
                     data={flash_markets.sort((a,b) => (a.total_responses??0) - (b.total_responses??0) || moment(a.end_datetime).unix() - moment(b.end_datetime).unix())}
                     key='flash_markets_event'
@@ -648,7 +658,7 @@ const TeamEventMarket = ({ event, guide, parlays, hide_non_primary, disabled_mar
             </View>
             :<></>}
             {onFlashSelect && upcoming_flash_market ?
-            <View type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomWidth:1, borderColor:C.borders.light }}>
+            <View nativeID='team_event_flash_markets' type='footer' style={{ flexDirection:'row', alignItems:'center', padding:10, borderBottomWidth:1, borderColor:C.borders.light }}>
                 {upcoming_flash_market.poll_image && flash_markets && flash_markets.length == 1 ?
                 <Image
                     source={{ uri: upcoming_flash_market.poll_image.url }}
@@ -670,7 +680,7 @@ const TeamEventMarket = ({ event, guide, parlays, hide_non_primary, disabled_mar
             </View>
             :<></>}
             {event_status == 'active' ?
-            <View type='footer' style={{ padding:10, flexDirection:'row', alignItems:'center', flexWrap:'wrap', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
+            <View type='footer' nativeID='team_event_activities' style={{ padding:10, flexDirection:'row', alignItems:'center', flexWrap:'wrap', borderBottomLeftRadius:8, borderBottomRightRadius:8 }}>
                 {!hide_liquidity ?
                 <Button 
                 nativeID='team_event_liquidity'

package/src/types.d.ts

@@ -7,8 +7,68 @@ export interface ErrorProps {
     message: string
 }
 
+//HELP
+
+export interface HelpActionProps {
+    action_label:string, 
+    action_type:string, 
+    action_url?:string, 
+    internal_nav_options: { 
+        page_stack:string, 
+        page:string, 
+        page_params:any 
+    }, 
+    button_color:string, 
+    button_border_color:string, 
+    action_label_font:string
+}
+export interface HelpMediaObjProps {
+    media_url:string, 
+    height:string, 
+    width:string
+}
+export interface HelpTourProps {
+    help_tour_id:string, 
+    help_tour_name:string, 
+    help_tour_description:string, 
+    status:'active' | 'inactive', 
+    carousel_change_seconds:number, 
+    create_datetime:any, 
+    last_update_datetime:any
+}
+export interface HelpPromptProps {
+    help_prompt_id:string, 
+    client_native_id:string, 
+    help_tour_id?:string, 
+    tour_priority?:number, 
+    title:string, 
+    title_font_color?:string, 
+    body:string, 
+    body_font_color?:string, 
+    media_type?:'IMAGE'|'VIDEO', 
+    media_obj?:HelpMediaObjProps, 
+    footer?:string, 
+    footer_font_color?:string, 
+    help_background_color?:string, 
+    help_background_opacity_color:string, 
+    actions:HelpActionProps[], 
+    status:'active'|'inactive', 
+    create_datetime:any, 
+    last_update_datetime:any, 
+    prompt_type:string
+}
+
+export interface GuideResponseProps {
+    view_type:'prompt'|'tour', 
+    help_prompt?:HelpPromptProps,
+    help_tour?:HelpTourProps,
+    tour_prompts?:HelpPromptProps[],
+    active_tour_prompt?:string
+}
+
 export interface GuideWrapProps {
-    tour?:TourStepProps[],
+    tour?:HelpPromptProps[],
+    help_tour?:HelpTourProps,
     onComplete?:(state:'cancelled'|'complete') => void,
     active?:boolean
 }