@maestro_io/maestro-web-sdk 2.0.2 → 2.1.1

package/dist/MaestroEventDelegate.d.ts

@@ -3,7 +3,11 @@ import IMaestroEventDelegate from './interfaces/IMaestroEventDelegate';
  * Our own implementation of the IMaestroEventDelegate interface. Useful for Development and Testing
  */
 export default class MaestroEventDelegate implements IMaestroEventDelegate {
+    getBettingAPIBaseURL(): string;
     userRequestedNewKeyPlaysData(): Promise<void>;
     startFocusManagement(): Promise<void>;
+    userIsAuthenticated(): Promise<boolean>;
+    getUserSWID(): Promise<string | null>;
+    getUserToken(): Promise<string | null>;
     playClip(atIndex: number): void;
 }

package/dist/components/atoms/BaseButton/BaseButton.d.ts

@@ -1,9 +1,7 @@
 import React from 'react';
 import { ButtonHTMLAttributes } from 'react';
-interface BaseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
-}
-declare class BaseButton extends React.Component<BaseButtonProps> {
-    constructor(props: BaseButtonProps);
+import './BaseButton.styles.css';
+declare class BaseButton extends React.Component<ButtonHTMLAttributes<HTMLButtonElement>> {
     render(): React.JSX.Element;
 }
 export default BaseButton;

package/dist/components/atoms/Image/index.d.ts

@@ -3,7 +3,11 @@ import { ImgHTMLAttributes } from 'react';
 interface ImageProps extends ImgHTMLAttributes<HTMLImageElement> {
 }
 declare class Image extends React.Component<ImageProps> {
+    state: {
+        failed: boolean;
+    };
     constructor(props: ImageProps);
-    render(): React.JSX.Element;
+    handleError: () => void;
+    render(): React.JSX.Element | null;
 }
 export default Image;

package/dist/components/atoms/Rive/index.d.ts

@@ -0,0 +1,88 @@
+/// <reference types="prop-types" />
+import React from 'react';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+declare const _default: {
+    new (props?: (React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+        id: string;
+        autoFocus: boolean;
+        autoPlay: boolean;
+        src: string;
+        onLoadRiveInstance: (riveInstance: any) => void;
+    } & WithFocusableProps) | undefined, context?: any): {
+        state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: import("../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
+        componentDidMount(): void;
+        componentDidUpdate(): void;
+        componentWillUnmount(): void;
+        render(): React.ReactElement<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+            id: string;
+            autoFocus: boolean;
+            autoPlay: boolean;
+            src: string;
+            onLoadRiveInstance: (riveInstance: any) => void;
+        } & WithFocusableProps>;
+        setState<K extends keyof import("../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+            id: string;
+            autoFocus: boolean;
+            autoPlay: boolean;
+            src: string;
+            onLoadRiveInstance: (riveInstance: any) => void;
+        } & WithFocusableProps) => import("../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
+        forceUpdate(callBack?: (() => any) | undefined): void;
+        props: Readonly<{
+            children?: React.ReactNode;
+        }> & Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+            id: string;
+            autoFocus: boolean;
+            autoPlay: boolean;
+            src: string;
+            onLoadRiveInstance: (riveInstance: any) => void;
+        } & WithFocusableProps>;
+        context: any;
+        refs: {
+            [key: string]: React.ReactInstance;
+        };
+        componentWillMount?(): void;
+        componentWillReceiveProps?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+            id: string;
+            autoFocus: boolean;
+            autoPlay: boolean;
+            src: string;
+            onLoadRiveInstance: (riveInstance: any) => void;
+        } & WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+            id: string;
+            autoFocus: boolean;
+            autoPlay: boolean;
+            src: string;
+            onLoadRiveInstance: (riveInstance: any) => void;
+        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<React.CanvasHTMLAttributes<HTMLCanvasElement> & {
+            id: string;
+            autoFocus: boolean;
+            autoPlay: boolean;
+            src: string;
+            onLoadRiveInstance: (riveInstance: any) => void;
+        } & WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: import("prop-types").Requireable<string>;
+    };
+};
+export default _default;

package/dist/components/atoms/SvgIcon/BetGeneralIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare const BetGeneralIcon: (props: IconProps) => React.JSX.Element;
+export default BetGeneralIcon;

package/dist/components/atoms/SvgIcon/BetsWarningIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class BetsWarningIcon extends React.Component<IconProps> {
+    constructor(props: IconProps);
+    render(): React.JSX.Element;
+}
+export default BetsWarningIcon;

package/dist/components/atoms/SvgIcon/CheckmarkIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare const CheckmarkIcon: (props: IconProps) => React.JSX.Element;
+export default CheckmarkIcon;

package/dist/components/atoms/SvgIcon/CollapseIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare const CollapseIcon: (props: IconProps) => React.JSX.Element;
+export default CollapseIcon;

package/dist/components/atoms/SvgIcon/ExpandIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare const ExpandIcon: (props: IconProps) => React.JSX.Element;
+export default ExpandIcon;

package/dist/components/atoms/SvgIcon/FlameIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class FlameIcon extends React.Component<IconProps> {
+    constructor(props: IconProps);
+    render(): React.JSX.Element;
+}
+export default FlameIcon;

package/dist/components/atoms/SvgIcon/Icon.d.ts

@@ -5,6 +5,9 @@ import BetsIcon from './BetsIcon';
 import StatsIcon from './StatsIcon';
 import FantasyIcon from './FantasyIcon';
 import WarningIcon from './WarningIcon';
+import FlameIcon from './FlameIcon';
+import BetsWarningIcon from './BetsWarningIcon';
+import MobilePhoneIcon from './MobilePhoneIcon';
 declare const iconImports: {
     keyPlays: typeof KeyPlaysIcon;
     play: typeof PlayIcon;
@@ -12,6 +15,13 @@ declare const iconImports: {
     stats: typeof StatsIcon;
     fantasy: typeof FantasyIcon;
     warning: typeof WarningIcon;
+    expand: (props: IconProps) => React.JSX.Element;
+    collapse: (props: IconProps) => React.JSX.Element;
+    times: (props: IconProps) => React.JSX.Element;
+    checkmark: (props: IconProps) => React.JSX.Element;
+    flame: typeof FlameIcon;
+    betsWarning: typeof BetsWarningIcon;
+    mobilePhone: typeof MobilePhoneIcon;
 };
 export type IconsName = keyof typeof iconImports;
 export type IconProps = {

package/dist/components/atoms/SvgIcon/MobilePhoneIcon.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare class MobilePhoneIcon extends React.Component<IconProps> {
+    constructor(props: IconProps);
+    render(): React.JSX.Element;
+}
+export default MobilePhoneIcon;

package/dist/components/atoms/SvgIcon/TimesIcon.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IconProps } from './Icon';
+declare const TimesIcon: (props: IconProps) => React.JSX.Element;
+export default TimesIcon;

package/dist/components/core/OverlayContainer.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const OverlayContainer: React.ClassicComponentClass<unknown>;
+export default OverlayContainer;

package/dist/components/core/PanelManager/PanelManager.d.ts

@@ -9,6 +9,7 @@ declare class PanelManager extends React.Component<{}, PanelManagerState> {
     constructor(props: {});
     componentDidMount(): void;
     componentWillUnmount(): void;
+    goToPanel(panel: MaestroPanelType): () => void;
     render(): React.JSX.Element;
 }
 export default PanelManager;

package/dist/components/core/ScrollableContainer/FocusableItem.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type Props = {
+    children: React.ReactNode;
+};
+declare const _default: React.ComponentType<Props>;
+export default _default;

package/dist/components/core/ScrollableContainer/ScrollableContainer.d.ts

@@ -0,0 +1,75 @@
+import React from 'react';
+import './ScrollableContainer.styles.css';
+import { Layout } from '@/external/spatial-navigation/utils';
+export interface ScrollableContainerContextType {
+    /**
+     * Sets a reference for a focusable item.
+     * This is used to register the item in the context so it can be focused later.
+     */
+    setRef: (ref: HTMLElement) => void;
+    /**
+     * Called when an item is focused.
+     * This function scrolls the container to the focused item if necessary.
+     */
+    scrollToFocusedElement: (layout: Layout) => void;
+    /**
+     * An array of all registered focusable items.
+     * This is used to determine the order of focusable items.
+     */
+    refsMap: HTMLElement[];
+}
+type ScrollableContainerProps = {
+    children?: React.ReactNode;
+    /**
+     * The element that is scrollable.
+     * This is typically a container that has overflow set to auto or scroll.
+     */
+    scrollableContainerRef?: HTMLElement | null;
+    /**
+     * The top offset of the container, used to adjust the scroll position.
+     * This is useful if the container has a fixed header or similar elements.
+     */
+    containerTopOffset?: number;
+} & React.HTMLAttributes<HTMLDivElement>;
+/**
+ * ScrollableContainer component provides a context for focusable items
+ * that allows them to register themselves and handle scrolling
+ * when they become focused.
+ * @example
+ * ```jsx
+ * <ScrollableContainer scrollableContainerRef={scrollableContainerRef}>
+ *    <FocusableItem>Item 1</FocusableItem>
+ *    <FocusableItem>Item 2</FocusableItem>
+ *    <FocusableItem>Item 3</FocusableItem>
+ * </ScrollableContainer>
+ * ```
+ */
+declare class ScrollableContainer extends React.Component<ScrollableContainerProps> {
+    private refsMap;
+    private hash;
+    private lastHash;
+    state: {
+        scrolled: boolean;
+    };
+    setRef: (ref: HTMLElement) => void;
+    static childContextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    getOrderedRefs: () => HTMLElement[];
+    /**
+     * @description - Scrolls the container to the focused element if necessary
+     */
+    private scrollToFocusedElement;
+    getChildContext(): ScrollableContainerContextType;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+}
+export declare const DEFAULT_SCROLLABLE_CONTAINER_CONTEXT: ScrollableContainerContextType;
+export declare const SCROLLABLE_CONTEXT_TYPE: {
+    refsMap: React.Requireable<any>;
+    setRef: React.Requireable<any>;
+    scrollToFocusedElement: React.Requireable<any>;
+};
+export default ScrollableContainer;

package/dist/components/core/ScrollableContainer/index.d.ts

@@ -0,0 +1,2 @@
+import ScrollableContainer from './ScrollableContainer';
+export default ScrollableContainer;

package/dist/components/molecules/ActionButton/ActionButton.d.ts

@@ -13,15 +13,12 @@ declare const _default: {
         stealFocus: () => void;
         onUpdateFocus: (focused: boolean) => void;
         onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
-        onEnterPressHandler: (details: {
-            pressedKeys: Record<string, number>;
-        }) => void;
+        onEnterPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
         onEnterReleaseHandler: () => void;
-        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: {
-            pressedKeys: Record<string, number>;
-        }) => boolean | void;
-        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: any) => void;
-        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: any) => void;
+        onBackPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: import("../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
         componentDidMount(): void;
         componentDidUpdate(): void;
         componentWillUnmount(): void;

package/dist/components/molecules/Overlay/Overlay.d.ts

@@ -0,0 +1,34 @@
+import React from 'react';
+import { OverlayType, IFantasyPayload } from '@/types/OverlayTypes';
+import { IWinningBet } from '@/models/IWinningBet';
+interface OverlayProps {
+    id: string;
+    position?: {
+        top?: number;
+        left?: number;
+        right?: number;
+        bottom?: number;
+    };
+    overlayType: OverlayType;
+    winningBet?: IWinningBet;
+    fantasy?: IFantasyPayload;
+    onOverlayAction?: (overlayType: OverlayType) => void;
+    onOverlayViewed?: (overlayType: OverlayType) => void;
+}
+interface OverlayState {
+    autoDismiss: boolean;
+    hasTrackedView: boolean;
+}
+export declare const WINNING_BET_RIVE_FILE_URL = "https://static.gcp.maestro.io/media/664b9c57d59a7a431542d814/67db106027ddcdcd2ecb97d4.riv";
+declare class Overlay extends React.Component<OverlayProps, OverlayState> {
+    private autoDismissTimeout;
+    constructor(props: OverlayProps);
+    componentWillUnmount(): void;
+    private handleOverlayAction;
+    get overlayTitle(): string;
+    get overlayMetadata(): string;
+    private trackOverlayViewed;
+    onLoadRiveInstance: (riveInstance: any | null) => void;
+    render(): React.JSX.Element;
+}
+export default Overlay;

package/dist/components/molecules/Overlay/index.d.ts

@@ -0,0 +1,2 @@
+import Overlay from './Overlay';
+export default Overlay;

package/dist/components/molecules/PanelNavButton/PanelNavButton.d.ts

@@ -1,107 +1,56 @@
+import { IconsName } from '@/components/atoms/SvgIcon/Icon';
 import './PanelNavButton.styles.css';
 import React from 'react';
-import { RemoteControlProps } from '@/helpers/withRemoteControl';
+import PropTypes from 'prop-types';
+type PanelNavButtonProps = {
+    iconName: IconsName;
+    index: number;
+    active: boolean;
+    children?: React.ReactNode;
+    focused?: boolean;
+    focusKey: string;
+    onBecameFocused: () => void;
+};
 declare const _default: {
-    new (props: RemoteControlProps & {
-        iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-        index: number;
-        active: boolean;
-        children?: React.ReactNode;
-        focused?: boolean | undefined;
-        focusKey: string;
-        onBecameFocused: () => void;
-        buttonRef?: React.Ref<HTMLDivElement> | undefined;
-    } & import("@/external/spatial-navigation").WithFocusableProps): {
-        cleanup?: (() => void) | undefined;
-        componentDidUpdate(prevProps: Readonly<RemoteControlProps & {
-            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-            index: number;
-            active: boolean;
-            children?: React.ReactNode;
-            focused?: boolean | undefined;
-            focusKey: string;
-            onBecameFocused: () => void;
-            buttonRef?: React.Ref<HTMLDivElement> | undefined;
-        } & import("@/external/spatial-navigation").WithFocusableProps>): void;
+    new (props?: (PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps) | undefined, context?: any): {
+        state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState;
+        getChildContext(): {
+            parentFocusKey: string;
+        };
+        setFocus: (focusKey: string) => void;
+        navigateByDirection: (direction: import("../../../external/spatial-navigation/utils").Direction, details?: Record<string, any>) => void;
+        stealFocus: () => void;
+        onUpdateFocus: (focused: boolean) => void;
+        onUpdateHasFocusedChild: (hasFocusedChild: boolean) => void;
+        onEnterPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onEnterReleaseHandler: () => void;
+        onBackPressHandler: (details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onArrowPressHandler: (direction: import("../../../external/spatial-navigation/utils").Direction, details: import("../../../external/spatial-navigation/utils").Details) => boolean | void;
+        onBecameFocusedHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
+        onBecameBlurredHandler: (layout: import("../../../external/spatial-navigation/utils").Layout, details: import("../../../external/spatial-navigation/utils").Details) => void;
         componentDidMount(): void;
+        componentDidUpdate(): void;
         componentWillUnmount(): void;
-        handleKeyDown: (e: KeyboardEvent) => void;
-        render(): React.JSX.Element;
-        setState<K extends "active">(state: {
-            active: boolean;
-        } | ((prevState: Readonly<{
-            active: boolean;
-        }>, props: RemoteControlProps & {
-            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-            index: number;
-            active: boolean;
-            children?: React.ReactNode;
-            focused?: boolean | undefined;
-            focusKey: string;
-            onBecameFocused: () => void;
-            buttonRef?: React.Ref<HTMLDivElement> | undefined;
-        } & import("@/external/spatial-navigation").WithFocusableProps) => {
-            active: boolean;
-        } | Pick<{
-            active: boolean;
-        }, K>) | Pick<{
-            active: boolean;
-        }, K>, callback?: (() => any) | undefined): void;
+        render(): React.ReactElement<PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps>;
+        setState<K extends keyof import("../../../external/spatial-navigation/withFocusable").WithFocusableState>(state: import("../../../external/spatial-navigation/withFocusable").WithFocusableState | ((prevState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, props: PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps) => import("../../../external/spatial-navigation/withFocusable").WithFocusableState | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K>) | Pick<import("../../../external/spatial-navigation/withFocusable").WithFocusableState, K>, callback?: (() => any) | undefined): void;
         forceUpdate(callBack?: (() => any) | undefined): void;
         props: Readonly<{
             children?: React.ReactNode;
-        }> & Readonly<RemoteControlProps & {
-            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-            index: number;
-            active: boolean;
-            children?: React.ReactNode;
-            focused?: boolean | undefined;
-            focusKey: string;
-            onBecameFocused: () => void;
-            buttonRef?: React.Ref<HTMLDivElement> | undefined;
-        } & import("@/external/spatial-navigation").WithFocusableProps>;
-        state: Readonly<{
-            active: boolean;
-        }>;
+        }> & Readonly<PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps>;
         context: any;
         refs: {
             [key: string]: React.ReactInstance;
         };
         componentWillMount?(): void;
-        componentWillReceiveProps?(nextProps: Readonly<RemoteControlProps & {
-            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-            index: number;
-            active: boolean;
-            children?: React.ReactNode;
-            focused?: boolean | undefined;
-            focusKey: string;
-            onBecameFocused: () => void;
-            buttonRef?: React.Ref<HTMLDivElement> | undefined;
-        } & import("@/external/spatial-navigation").WithFocusableProps>, nextContext: any): void;
-        shouldComponentUpdate?(nextProps: Readonly<RemoteControlProps & {
-            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-            index: number;
-            active: boolean;
-            children?: React.ReactNode;
-            focused?: boolean | undefined;
-            focusKey: string;
-            onBecameFocused: () => void;
-            buttonRef?: React.Ref<HTMLDivElement> | undefined;
-        } & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<{
-            active: boolean;
-        }>, nextContext: any): boolean;
-        componentWillUpdate?(nextProps: Readonly<RemoteControlProps & {
-            iconName: "play" | "keyPlays" | "stats" | "fantasy" | "bets" | "warning";
-            index: number;
-            active: boolean;
-            children?: React.ReactNode;
-            focused?: boolean | undefined;
-            focusKey: string;
-            onBecameFocused: () => void;
-            buttonRef?: React.Ref<HTMLDivElement> | undefined;
-        } & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<{
-            active: boolean;
-        }>, nextContext: any): void;
+        componentWillReceiveProps?(nextProps: Readonly<PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps>, nextContext: any): void;
+        shouldComponentUpdate?(nextProps: Readonly<PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): boolean;
+        componentWillUpdate?(nextProps: Readonly<PanelNavButtonProps & import("@/external/spatial-navigation").WithFocusableProps>, nextState: Readonly<import("../../../external/spatial-navigation/withFocusable").WithFocusableState>, nextContext: any): void;
+    };
+    contextTypes: {
+        parentFocusKey: PropTypes.Requireable<string>;
+    };
+    childContextTypes: {
+        parentFocusKey: PropTypes.Requireable<string>;
     };
 };
 export default _default;

package/dist/components/molecules/SegmentButton/SegmentButton.d.ts

@@ -1,10 +1,9 @@
 import { HTMLAttributes } from 'react';
 import './SegmentButton.styles.css';
 import React from 'react';
-interface SegmentButtonProps extends HTMLAttributes<HTMLButtonElement> {
-}
-declare class SegmentButton extends React.Component<SegmentButtonProps> {
-    constructor(props: SegmentButtonProps);
-    render(): React.JSX.Element;
-}
-export default SegmentButton;
+import { WithFocusableProps } from '@/external/spatial-navigation';
+type SegmentButtonProps = HTMLAttributes<HTMLButtonElement> & WithFocusableProps & {
+    active: boolean;
+};
+declare const _default: React.ComponentType<SegmentButtonProps>;
+export default _default;

package/dist/components/organisms/PanelNavigation/PanelNavigation.d.ts

@@ -1,6 +1,7 @@
 import { IconsName } from '@/components/atoms/SvgIcon/Icon';
 import './PanelNavigation.styles.css';
 import React from 'react';
+import { Direction } from '@/external/spatial-navigation/utils';
 interface PanelNavigationProps {
     items: {
         title: string;
@@ -10,6 +11,12 @@ interface PanelNavigationProps {
     }[];
 }
 declare class PanelNavigation extends React.Component<PanelNavigationProps> {
+    state: {
+        itemFocused: null;
+        lastFocused: null;
+    };
+    handleBecameFocused: (index: number) => () => void;
+    handleArrowPress: (direction: Direction) => void;
     render(): React.JSX.Element;
 }
 export default PanelNavigation;

package/dist/components/organisms/SegmentController/SegmentController.d.ts

@@ -1,14 +1,28 @@
 import React from 'react';
 import './SegmentController.styles.css';
+import { Details, Direction, Layout } from '@/external/spatial-navigation/utils';
+import { WithFocusableProps } from '@/external/spatial-navigation';
+export type SegmentItem = {
+    title: string;
+    onEnter: () => void;
+};
 interface SegmentControllerProps {
     backgroundColor?: string;
-    items: {
-        title: string;
-        onEnter: () => void;
-    }[];
+    items: SegmentItem[];
 }
 declare class SegmentController extends React.Component<SegmentControllerProps> {
-    constructor(props: SegmentControllerProps);
+    context: import("@/components/core/ScrollableContainer/ScrollableContainer").ScrollableContainerContextType;
+    static contextTypes: {
+        refsMap: React.Requireable<any>;
+        setRef: React.Requireable<any>;
+        scrollToFocusedElement: React.Requireable<any>;
+    };
+    state: {
+        activeIndex: number;
+        lastActiveIndex: number;
+    };
+    onBecameFocused: (item: SegmentItem, i: number) => (layout: Layout) => void;
+    handleArrowPress: (index: number) => (direction: Direction, _props: WithFocusableProps, details: Details) => void;
     render(): React.JSX.Element;
 }
 export default SegmentController;

package/dist/components/organisms/SegmentController/index.d.ts

@@ -1,2 +1,3 @@
-import SegmentController from './SegmentController';
+import SegmentController, { SegmentItem } from './SegmentController';
 export default SegmentController;
+export type { SegmentItem };

package/dist/external/AxiosNetworkClient.d.ts

@@ -1,14 +1,19 @@
+import { AxiosInstance } from 'axios';
 import { INetworkClient } from './ports/networkClient';
 declare class AxiosNetworkClient implements INetworkClient {
     private client;
-    constructor({ baseURL, retries, delay, backoff, }: {
+    private retries;
+    private delay;
+    private backoff;
+    constructor({ baseURL, retries, delay, backoff, axiosInstance, }: {
         baseURL: string;
         retries: number;
         delay: number;
         backoff: number;
+        axiosInstance?: AxiosInstance;
     });
-    private handleRetry;
-    get<TResponseData = any>(endpoint: string, params?: any): Promise<TResponseData>;
+    private retry;
+    get<TResponseData = any>(endpoint: string, params?: Record<string, any>, headers?: Record<string, string>): Promise<TResponseData>;
     post<TRequestData = any, TResponseData = any>(endpoint: string, data: TRequestData): Promise<TResponseData>;
     setAuthentication(token: string | null, apiKey: string | null): void;
 }