Enable the play and pause on the story element

dist/components/Container.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function (): JSX.Element;

dist/components/Header.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { HeaderProps } from './../interfaces';
+declare const Header: ({ profileImage, heading, subheading }: HeaderProps) => JSX.Element;
+export default Header;

dist/components/Progress.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProgressProps } from './../interfaces';
+declare const _default: (props: ProgressProps) => JSX.Element;
+export default _default;

dist/components/ProgressArray.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _default: () => JSX.Element;
+export default _default;

dist/components/ProgressWrapper.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ProgressWrapperProps } from './../interfaces';
+declare const ProgressWrapper: (props: ProgressWrapperProps) => JSX.Element;
+export default ProgressWrapper;

dist/components/SeeMore.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { SeeMoreProps } from './../interfaces';
+export default function seeMore(props: SeeMoreProps): JSX.Element;

dist/components/Spinner.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const Spinner: () => JSX.Element;
+export default Spinner;

dist/components/Story.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { StoryProps } from "./../interfaces";
+declare const Story: (props: StoryProps) => JSX.Element;
+export default Story;

dist/context/Global.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import { GlobalCtx } from '../interfaces';
+export declare const initialContext: {
+    defaultInterval: number;
+    width: number;
+    height: number;
+};
+declare const GlobalContext: React.Context<GlobalCtx>;
+export default GlobalContext;

dist/context/Progress.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ProgressContext } from './../interfaces';
+declare const _default: React.Context<ProgressContext>;
+export default _default;

dist/context/Stories.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { StoriesContext as StoriesContextInterface, Story } from '../interfaces';
+export declare const initialContext: {
+    stories: Story[];
+};
+declare const StoriesContext: React.Context<StoriesContextInterface>;
+export default StoriesContext;

dist/index.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { ReactInstaStoriesProps, Story } from './interfaces';
+declare const ReactInstaStories: {
+    (props: ReactInstaStoriesProps): JSX.Element;
+    defaultProps: {
+        width: number;
+        height: number;
+        defaultInterval: number;
+    };
+};
+export declare const WithHeader: React.FC<{
+    story: Story;
+    globalHeader: Function;
+}>;
+export declare const WithSeeMore: React.FC<{
+    story: Story;
+    action: import("./interfaces").Action;
+    customCollapsed?: React.ComponentType<{
+        toggleMore: (show: boolean) => void;
+        action: import("./interfaces").Action;
+    }>;
+}>;
+export default ReactInstaStories;

dist/interfaces.d.ts

@@ -0,0 +1,143 @@
+import * as React from 'react';
+export interface ReactInstaStoriesProps {
+    stories: Story[];
+    width?: NumberOrString;
+    height?: NumberOrString;
+    loader?: JSX.Element;
+    header?: Function;
+    storyContainerStyles?: Record<string, any>;
+    topStoriesProgressStyles?: Record<string, any>;
+    storyStyles?: Object;
+    loop?: boolean;
+    defaultInterval?: number;
+    isPaused?: boolean;
+    currentIndex?: number;
+    renderers?: {
+        renderer: Renderer;
+        tester: Tester;
+    }[];
+    onAllStoriesEnd?: Function;
+    onStoryStart?: Function;
+    onStoryEnd?: Function;
+    keyboardNavigation?: boolean;
+    preventDefault?: boolean;
+}
+export interface GlobalCtx {
+    width?: NumberOrString;
+    height?: NumberOrString;
+    loader?: JSX.Element;
+    header?: Function;
+    storyContainerStyles?: Record<string, any>;
+    storyStyles?: Object;
+    loop?: boolean;
+    defaultInterval?: number;
+    isPaused?: boolean;
+    currentIndex?: number;
+    renderers?: {
+        renderer: Renderer;
+        tester: Tester;
+    }[];
+    onAllStoriesEnd?: Function;
+    onStoryStart?: Function;
+    onStoryEnd?: Function;
+    keyboardNavigation?: boolean;
+    preventDefault?: boolean;
+    topStoriesProgressStyles?: Record<string, any>;
+}
+declare type NumberOrString = number | string;
+export interface StoriesContext {
+    stories: Story[];
+}
+export interface ContainerState {
+    currentId: number;
+    pause: boolean;
+    count: number;
+    storiesDone: number;
+}
+export declare type Action = (action: string, bufferAction?: boolean) => void;
+export interface Renderer extends React.FC<{
+    action: Action;
+    isPaused: boolean;
+    story: Story;
+    config: {
+        width?: NumberOrString;
+        height?: NumberOrString;
+        loader?: JSX.Element;
+        header?: Function;
+        storyStyles?: Object;
+    };
+    messageHandler: (type: string, data: any) => ({
+        ack: 'OK' | 'ERROR';
+    });
+}> {
+}
+export declare type Tester = (story: Story) => {
+    condition: boolean;
+    priority: number;
+};
+export interface StoryProps {
+    story: Story;
+    action: Action;
+    playState: boolean;
+    getVideoDuration: Function;
+    bufferAction: boolean;
+}
+export interface StoryState {
+    loaded: boolean;
+    showMore: boolean;
+}
+export interface Story {
+    url?: string;
+    seeMore?: Function;
+    seeMoreCollapsed?: React.ComponentType<{
+        toggleMore: (show: boolean) => void;
+        action: Action;
+    }>;
+    header?: Header;
+    type?: string;
+    duration?: number;
+    styles?: object;
+    content?: Renderer;
+    originalContent?: Renderer;
+}
+export interface Header {
+    heading: string;
+    subheading: string;
+    profileImage: string;
+}
+export interface SeeMoreProps {
+    seeMoreContent: Function;
+    showContent: boolean;
+    action: Action;
+    toggleMore: (show: boolean) => void;
+    customCollapsed: React.ComponentType<{
+        toggleMore: (show: boolean) => void;
+        action: Action;
+    }>;
+}
+export interface HeaderProps {
+    profileImage: string;
+    heading: string;
+    subheading: string;
+}
+export interface ProgressProps {
+    width: number;
+    active: number;
+    count: number;
+}
+export interface ProgressWrapperProps {
+    children: any;
+    width: number;
+    pause: boolean;
+    bufferAction: boolean;
+}
+export interface ProgressArrayProps {
+}
+export interface ProgressContext {
+    currentId: number;
+    videoDuration: number;
+    bufferAction: boolean;
+    pause: boolean;
+    next: Function;
+}
+export {};

dist/renderers/AutoPlayContent.d.ts

@@ -0,0 +1,8 @@
+import { Renderer, Tester } from './../interfaces';
+export declare const renderer: Renderer;
+export declare const tester: Tester;
+declare const _default: {
+    renderer: Renderer;
+    tester: Tester;
+};
+export default _default;

dist/renderers/Default.d.ts

@@ -0,0 +1,8 @@
+import { Renderer, Tester } from './../interfaces';
+export declare const renderer: Renderer;
+export declare const tester: Tester;
+declare const _default: {
+    renderer: Renderer;
+    tester: Tester;
+};
+export default _default;

dist/renderers/Image.d.ts

@@ -0,0 +1,8 @@
+import { Renderer, Tester } from './../interfaces';
+export declare const renderer: Renderer;
+export declare const tester: Tester;
+declare const _default: {
+    renderer: Renderer;
+    tester: Tester;
+};
+export default _default;

dist/renderers/Video.d.ts

@@ -0,0 +1,8 @@
+import { Renderer, Tester } from './../interfaces';
+export declare const renderer: Renderer;
+export declare const tester: Tester;
+declare const _default: {
+    renderer: Renderer;
+    tester: Tester;
+};
+export default _default;

dist/renderers/index.d.ts

@@ -0,0 +1,4 @@
+export declare const renderers: {
+    renderer: import("../interfaces").Renderer;
+    tester: import("../interfaces").Tester;
+}[];

dist/renderers/wrappers/withHeader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Story } from '../../interfaces';
+declare const withHeader: React.FC<{
+    story: Story;
+    globalHeader: Function;
+}>;
+export default withHeader;

dist/renderers/wrappers/withSeeMore.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { Action, SeeMoreProps, Story } from '../../interfaces';
+declare const withSeeMore: React.FC<{
+    story: Story;
+    action: Action;
+    customCollapsed?: SeeMoreProps["customCollapsed"];
+}>;
+export default withSeeMore;

dist/util/renderers.d.ts

@@ -0,0 +1,5 @@
+import { Renderer, Story, Tester } from "../interfaces";
+export declare const getRenderer: (story: Story, renderers: {
+    renderer: Renderer;
+    tester: Tester;
+}[]) => Renderer;