Merge pull request #116 from Adil7767/storiesFeature

feat(stories): add ability to start playing stories from a specific s…

README.md

@@ -147,6 +147,7 @@ export default YourComponent;
  `goToPreviousStory` | () => void | Goes to previous story item
  `goToNextStory` | () => void | Goes to next story item
  `getCurrentStory` | () => {userId?: string, storyId?: string} | Returns current userId and storyId
+ `goToSpecificStory` | ( userId: string, index: number ) => void | Change current playing story to defined index if index not exist then start playing first story
 
 ## Types
 

src/components/InstagramStories/index.tsx

@@ -175,6 +175,7 @@ const InstagramStories = forwardRef<InstagramStoriesPublicMethods, InstagramStor
 
  },
  clearProgressStorage,
+ goToSpecificStory: ( userId, index ) => modalRef.current?.goToSpecificStory( userId, index ),
  hide: () => modalRef.current?.hide(),
  show: ( id ) => {
 

src/components/Modal/index.tsx

@@ -423,6 +423,7 @@ const StoryModal = forwardRef<StoryModalPublicMethods, StoryModalProps>( ( {
  getCurrentStory: () => ( { userId: userId.value, storyId: currentStory.value } ),
  goToPreviousStory: toPreviousStory,
  goToNextStory: toNextStory,
+ goToSpecificStory: ( newUserId, index ) => scrollTo( newUserId, true, false, undefined, index ),
  } ), [ userId.value, currentStory.value ] );
 
  useEffect( () => {

src/core/dto/componentsDTO.ts

@@ -63,6 +63,7 @@ export type StoryModalPublicMethods = {
  goToPreviousStory: () => void;
  goToNextStory: () => void;
  getCurrentStory: () => { userId?: string, storyId?: string };
+ goToSpecificStory: ( userId: string, index?: number ) => void;
 };
 
 export type GestureContext = {

src/core/dto/instagramStoriesDTO.ts

@@ -94,4 +94,5 @@ export type InstagramStoriesPublicMethods = {
  goToPreviousStory: () => void;
  goToNextStory: () => void;
  getCurrentStory: () => { userId?: string, storyId?: string };
+ goToSpecificStory: ( userId: string, index?: number ) => void;
 };