{"_id":"@anatolyk/react-native-instagram-stories","_rev":"5-d1d641c78d53e04673c8da4849af5754","name":"@anatolyk/react-native-instagram-stories","dist-tags":{"latest":"1.0.6"},"versions":{"1.0.1":{"name":"@anatolyk/react-native-instagram-stories","version":"1.0.1","description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","main":"src/index.tsx","source":"src/index.tsx","scripts":{"prepare":"husky install","build":"tsc -p tsconfig.json","release":"standard-version","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"author":"","license":"MIT","bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-gesture-handler":">=2.10.0","react-native-reanimated":">=2.12.0","react-native-svg":">=13.6.0"},"devDependencies":{"@babel/preset-env":"^7.22.9","@babel/preset-typescript":"^7.22.5","@commitlint/cli":"^17.6.7","@commitlint/config-conventional":"^17.6.7","@react-native-async-storage/async-storage":"^1.19.2","@testing-library/jest-native":"^5.4.2","@testing-library/react-native":"^12.1.3","@tsconfig/react-native":"^3.0.0","@types/jest":"^29.5.3","@types/react":"^18.2.16","@typescript-eslint/eslint-plugin":"^5.55.0","@typescript-eslint/parser":"^5.55.0","eslint":"^8.19.0","husky":"^8.0.3","jest":"^29.6.2","prettier":"^3.2.5","react-native-video":"^5.2.1","react-test-renderer":"^18.2.0","standard-version":"^9.5.0","typescript":"^5.1.6"},"jest":{"preset":"react-native","moduleFileExtensions":["ts","tsx","js","jsx","json","node"],"testMatch":["/tests/*.test.js"],"setupFilesAfterEnv":["@testing-library/jest-native/extend-expect","/jest.setup.js"],"setupFiles":["./node_modules/react-native-gesture-handler/jestSetup.js"],"verbose":true},"_id":"@anatolyk/react-native-instagram-stories@1.0.1","gitHead":"d873b5c809861fd6957b2454eb348a349401efc7","_nodeVersion":"20.6.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-Mx0vctRvSRumYf2prohFfnkUc75EimdZnaydY20iGpsWTrnFcdfcKgLNc8TNwZsn+JZYr5BWCE2cKADPnzaFMg==","shasum":"cdc918a5c83f83ff50df33ad58c781d4d390da33","tarball":"https://registry.npmjs.org/@anatolyk/react-native-instagram-stories/-/react-native-instagram-stories-1.0.1.tgz","fileCount":53,"unpackedSize":2374331,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAgb8pLng3kmW90YRTHxF33X8vfIFALyyM/QqvimrUYEAiEAuld/3IfLzkxiKWhSsZ0Ke1tpBzTSKS+1q2U3tv9l2rk="}]},"_npmUser":{"name":"anatolykazarin","email":"alkidkaz@gmail.com"},"directories":{},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-instagram-stories_1.0.1_1710796692894_0.758153391038799"},"_hasShrinkwrap":false},"1.0.2":{"name":"@anatolyk/react-native-instagram-stories","version":"1.0.2","description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","main":"src/index.tsx","source":"src/index.tsx","scripts":{"prepare":"husky install","build":"tsc -p tsconfig.json","release":"standard-version","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"author":"","license":"MIT","bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-gesture-handler":">=2.10.0","react-native-reanimated":">=2.12.0","react-native-svg":">=13.6.0"},"devDependencies":{"@babel/preset-env":"^7.22.9","@babel/preset-typescript":"^7.22.5","@commitlint/cli":"^17.6.7","@commitlint/config-conventional":"^17.6.7","@react-native-async-storage/async-storage":"^1.19.2","@testing-library/jest-native":"^5.4.2","@testing-library/react-native":"^12.1.3","@tsconfig/react-native":"^3.0.0","@types/jest":"^29.5.3","@types/react":"^18.2.16","@typescript-eslint/eslint-plugin":"^5.55.0","@typescript-eslint/parser":"^5.55.0","eslint":"^8.19.0","husky":"^8.0.3","jest":"^29.6.2","prettier":"^3.2.5","react-native-video":"^5.2.1","react-test-renderer":"^18.2.0","standard-version":"^9.5.0","typescript":"^5.1.6"},"jest":{"preset":"react-native","moduleFileExtensions":["ts","tsx","js","jsx","json","node"],"testMatch":["/tests/*.test.js"],"setupFilesAfterEnv":["@testing-library/jest-native/extend-expect","/jest.setup.js"],"setupFiles":["./node_modules/react-native-gesture-handler/jestSetup.js"],"verbose":true},"_id":"@anatolyk/react-native-instagram-stories@1.0.2","gitHead":"7a29e0d5a0e91df1d38bcd75416e083656696be2","_nodeVersion":"20.6.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-PFVFhAVrF5yVgA0gHp7pCsGMRzkEjnic3lSh/zSgC8zyueeEKfmH1XWaw4DURjq2zjLYC/ZbuPy/+gAJDJatWQ==","shasum":"16650330dcab2b10db64c9a8dcdf0e5604d2ac16","tarball":"https://registry.npmjs.org/@anatolyk/react-native-instagram-stories/-/react-native-instagram-stories-1.0.2.tgz","fileCount":53,"unpackedSize":2375928,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQD1BBlaH63OCO4CC++6MjqiPxAHFiLxKTEQ9evNBd0mZwIhAK5Ug3V+Kz+0y8XCY2bOLY72UhHiz9xHalZbCZxXy4dH"}]},"_npmUser":{"name":"anatolykazarin","email":"alkidkaz@gmail.com"},"directories":{},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-instagram-stories_1.0.2_1710967126798_0.27237713032497046"},"_hasShrinkwrap":false},"1.0.3":{"name":"@anatolyk/react-native-instagram-stories","version":"1.0.3","description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","main":"src/index.tsx","source":"src/index.tsx","scripts":{"prepare":"husky install","build":"tsc -p tsconfig.json","release":"standard-version","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"author":"","license":"MIT","bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-gesture-handler":">=2.10.0","react-native-reanimated":">=2.12.0","react-native-svg":">=13.6.0"},"devDependencies":{"@babel/preset-env":"^7.22.9","@babel/preset-typescript":"^7.22.5","@commitlint/cli":"^17.6.7","@commitlint/config-conventional":"^17.6.7","@react-native-async-storage/async-storage":"^1.19.2","@testing-library/jest-native":"^5.4.2","@testing-library/react-native":"^12.1.3","@tsconfig/react-native":"^3.0.0","@types/jest":"^29.5.3","@types/react":"^18.2.16","@typescript-eslint/eslint-plugin":"^5.55.0","@typescript-eslint/parser":"^5.55.0","eslint":"^8.19.0","husky":"^8.0.3","jest":"^29.6.2","prettier":"^3.2.5","react-native-video":"^5.2.1","react-test-renderer":"^18.2.0","standard-version":"^9.5.0","typescript":"^5.1.6"},"jest":{"preset":"react-native","moduleFileExtensions":["ts","tsx","js","jsx","json","node"],"testMatch":["/tests/*.test.js"],"setupFilesAfterEnv":["@testing-library/jest-native/extend-expect","/jest.setup.js"],"setupFiles":["./node_modules/react-native-gesture-handler/jestSetup.js"],"verbose":true},"_id":"@anatolyk/react-native-instagram-stories@1.0.3","gitHead":"277154356f1166e9ed07c186b7dc3f90d2a7f666","_nodeVersion":"20.6.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-rCeGAyR67RWqT01CpVf9xiXtctFWTaZlsqIoQeq36l5u8FDQ4icYOBrRHzG0o2dkGZC3hc3RTWSPmkAlbEGv7g==","shasum":"09b297f7c6ca214144204bc92a5ecbb2fb96c0a6","tarball":"https://registry.npmjs.org/@anatolyk/react-native-instagram-stories/-/react-native-instagram-stories-1.0.3.tgz","fileCount":53,"unpackedSize":2377019,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCTJxuYk9zlWd+TWuqUqEtcedvhJ8TgNV87E+2HNpFaOgIhAIyYFrFsRkcU+NG+YZQQA9L7b4HB0LHqiRlKPuDd+EjS"}]},"_npmUser":{"name":"anatolykazarin","email":"alkidkaz@gmail.com"},"directories":{},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-instagram-stories_1.0.3_1710969985719_0.2796282990286456"},"_hasShrinkwrap":false},"1.0.4":{"name":"@anatolyk/react-native-instagram-stories","version":"1.0.4","description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","main":"src/index.tsx","source":"src/index.tsx","scripts":{"prepare":"husky install","build":"tsc -p tsconfig.json","release":"standard-version","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"author":"","license":"MIT","bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-gesture-handler":">=2.10.0","react-native-reanimated":">=2.12.0","react-native-svg":">=13.6.0","expo-linear-gradient":">=12.7.2"},"devDependencies":{"@babel/preset-env":"^7.22.9","@babel/preset-typescript":"^7.22.5","@commitlint/cli":"^17.6.7","@commitlint/config-conventional":"^17.6.7","@react-native-async-storage/async-storage":"^1.19.2","@testing-library/jest-native":"^5.4.2","@testing-library/react-native":"^12.1.3","@tsconfig/react-native":"^3.0.0","@types/jest":"^29.5.3","@types/react":"^18.2.16","@typescript-eslint/eslint-plugin":"^5.55.0","@typescript-eslint/parser":"^5.55.0","eslint":"^8.19.0","husky":"^8.0.3","jest":"^29.6.2","prettier":"^3.2.5","react-native-video":"^5.2.1","react-test-renderer":"^18.2.0","standard-version":"^9.5.0","typescript":"^5.1.6"},"jest":{"preset":"react-native","moduleFileExtensions":["ts","tsx","js","jsx","json","node"],"testMatch":["/tests/*.test.js"],"setupFilesAfterEnv":["@testing-library/jest-native/extend-expect","/jest.setup.js"],"setupFiles":["./node_modules/react-native-gesture-handler/jestSetup.js"],"verbose":true},"_id":"@anatolyk/react-native-instagram-stories@1.0.4","gitHead":"407d74ee9bf5426e85ca83c7939df8992fd17d3f","_nodeVersion":"20.6.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-o9I8RRR9ADqDWFYO0s81//c985n6A/+NdKsizAVC/OaD2BuJkRkUncy/8Gk8nYiuYjfATNuKFaKyaeJKPvvk4g==","shasum":"a4600951c71c78663617d43673aaba956f49bc7c","tarball":"https://registry.npmjs.org/@anatolyk/react-native-instagram-stories/-/react-native-instagram-stories-1.0.4.tgz","fileCount":53,"unpackedSize":2378082,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIF7cOs8hoFCEqdSKC499u26Zf3khsH/9PxYNPQHbe9qeAiEA1d/d6UjLGVBXgbkow/B8lqyV83EIvkFtrPuZffzMCNE="}]},"_npmUser":{"name":"anatolykazarin","email":"alkidkaz@gmail.com"},"directories":{},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-instagram-stories_1.0.4_1711009825457_0.7207953758255803"},"_hasShrinkwrap":false},"1.0.5":{"name":"@anatolyk/react-native-instagram-stories","version":"1.0.5","description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","main":"src/index.tsx","source":"src/index.tsx","scripts":{"prepare":"husky install","build":"tsc -p tsconfig.json","release":"standard-version","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"author":"","license":"MIT","bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-gesture-handler":">=2.10.0","react-native-reanimated":">=2.12.0","react-native-svg":">=13.6.0","expo-linear-gradient":">=12.7.2"},"devDependencies":{"@babel/preset-env":"^7.22.9","@babel/preset-typescript":"^7.22.5","@commitlint/cli":"^17.6.7","@commitlint/config-conventional":"^17.6.7","@react-native-async-storage/async-storage":"^1.19.2","@testing-library/jest-native":"^5.4.2","@testing-library/react-native":"^12.1.3","@tsconfig/react-native":"^3.0.0","@types/jest":"^29.5.3","@types/react":"^18.2.16","@typescript-eslint/eslint-plugin":"^5.55.0","@typescript-eslint/parser":"^5.55.0","eslint":"^8.19.0","husky":"^8.0.3","jest":"^29.6.2","prettier":"^3.2.5","react-native-video":"^5.2.1","react-test-renderer":"^18.2.0","standard-version":"^9.5.0","typescript":"^5.1.6"},"jest":{"preset":"react-native","moduleFileExtensions":["ts","tsx","js","jsx","json","node"],"testMatch":["/tests/*.test.js"],"setupFilesAfterEnv":["@testing-library/jest-native/extend-expect","/jest.setup.js"],"setupFiles":["./node_modules/react-native-gesture-handler/jestSetup.js"],"verbose":true},"_id":"@anatolyk/react-native-instagram-stories@1.0.5","gitHead":"15229464b640dae6381fcdc8faaef987ff1d62db","_nodeVersion":"20.6.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-3dx6O/GNdtPEW1KLodabrx6SepEPb9ORPxkrvDvLhWOvPrk2zmkfgzqLxx+Tn7UjrH4mCcSi0fa/FsgSo/XUpQ==","shasum":"df7b5c6b4a4999b8ed49114c219eb51b217694f3","tarball":"https://registry.npmjs.org/@anatolyk/react-native-instagram-stories/-/react-native-instagram-stories-1.0.5.tgz","fileCount":53,"unpackedSize":2376820,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIAS+9VoO1T1VVnYTWiRsZDgXonnq0MycXru9l7jKBaV5AiEArwvJym8Gfv6d5rJ6Q+1R/0WyxW1TVVwVrYeyHiThuX8="}]},"_npmUser":{"name":"anatolykazarin","email":"alkidkaz@gmail.com"},"directories":{},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-instagram-stories_1.0.5_1711010336783_0.44183058910033"},"_hasShrinkwrap":false},"1.0.6":{"name":"@anatolyk/react-native-instagram-stories","version":"1.0.6","description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","main":"src/index.tsx","source":"src/index.tsx","scripts":{"prepare":"husky install","build":"tsc -p tsconfig.json","release":"standard-version","test":"jest --coverage"},"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"author":"","license":"MIT","bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","peerDependencies":{"react":">=18.0.0","react-native":">=0.70.0","react-native-gesture-handler":">=2.10.0","react-native-reanimated":">=2.12.0","react-native-svg":">=13.6.0","expo-linear-gradient":">=12.7.2"},"devDependencies":{"@babel/preset-env":"^7.22.9","@babel/preset-typescript":"^7.22.5","@commitlint/cli":"^17.6.7","@commitlint/config-conventional":"^17.6.7","@react-native-async-storage/async-storage":"^1.19.2","@testing-library/jest-native":"^5.4.2","@testing-library/react-native":"^12.1.3","@tsconfig/react-native":"^3.0.0","@types/jest":"^29.5.3","@types/react":"^18.2.16","@typescript-eslint/eslint-plugin":"^5.55.0","@typescript-eslint/parser":"^5.55.0","eslint":"^8.19.0","husky":"^8.0.3","jest":"^29.6.2","prettier":"^3.2.5","react-native-video":"^5.2.1","react-test-renderer":"^18.2.0","standard-version":"^9.5.0","typescript":"^5.1.6"},"jest":{"preset":"react-native","moduleFileExtensions":["ts","tsx","js","jsx","json","node"],"testMatch":["/tests/*.test.js"],"setupFilesAfterEnv":["@testing-library/jest-native/extend-expect","/jest.setup.js"],"setupFiles":["./node_modules/react-native-gesture-handler/jestSetup.js"],"verbose":true},"_id":"@anatolyk/react-native-instagram-stories@1.0.6","gitHead":"092ef1b82fc8b92871ef183f8a8115de3dfe912c","_nodeVersion":"20.6.0","_npmVersion":"10.5.0","dist":{"integrity":"sha512-ccAKo78Oqp1xrhS01vMsuRmiPgz1eDhI8Scf3zkcKR7jtnq8bRpNAtOfw60ioD/xmMbnE6z5qZgR3TRM/mNg0g==","shasum":"2fbce1772a406b14e4197a15edaba20b8b6bd2af","tarball":"https://registry.npmjs.org/@anatolyk/react-native-instagram-stories/-/react-native-instagram-stories-1.0.6.tgz","fileCount":53,"unpackedSize":2376579,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEUCIGtJAwIRhk/B4Z6Xvn6wE/UN+2+7gq9aK5BSFvQ1tIvIAiEAvAblNVQusBghqiDV1bC0l3fGZzLKC6qQ4qyL59T4beE="}]},"_npmUser":{"name":"anatolykazarin","email":"alkidkaz@gmail.com"},"directories":{},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/react-native-instagram-stories_1.0.6_1711010573177_0.611466705557157"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-18T21:18:12.776Z","1.0.1":"2024-03-18T21:18:13.131Z","modified":"2024-03-21T08:42:53.798Z","1.0.2":"2024-03-20T20:38:47.097Z","1.0.3":"2024-03-20T21:26:25.917Z","1.0.4":"2024-03-21T08:30:25.621Z","1.0.5":"2024-03-21T08:38:57.007Z","1.0.6":"2024-03-21T08:42:53.350Z"},"maintainers":[{"name":"gennadysx","email":"gsabirovsky@gmail.com"},{"name":"anatolykazarin","email":"alkidkaz@gmail.com"}],"description":"A versatile and captivating React Native component that empowers developers to seamlessly integrate Instagram-style stories into their mobile applications, fostering an engaging and interactive user experience.","homepage":"https://github.com/birdwingo/react-native-instagram-stories#readme","keywords":["react-native","android","ios","react","react-native-reanimated","reanimated","animated","animation","performance","stories","instagram","instagram-stories","story"],"repository":{"type":"git","url":"git+https://github.com/birdwingo/react-native-instagram-stories.git"},"bugs":{"url":"https://github.com/birdwingo/react-native-instagram-stories/issues"},"license":"MIT","readme":"# @birdwingo/react-native-instagram-stories\n\n![npm downloads](https://img.shields.io/npm/dm/%40birdwingo/react-native-instagram-stories)\n![npm version](https://img.shields.io/npm/v/%40birdwingo/react-native-instagram-stories)\n![github release](https://github.com/birdwingo/react-native-instagram-stories/actions/workflows/release.yml/badge.svg?event=pull_request)\n![npm release](https://github.com/birdwingo/react-native-instagram-stories/actions/workflows/public.yml/badge.svg?event=release)\n\n## Features šŸŒŸ\n\nšŸ“ø Capture Moments: Easily integrate Instagram-like stories in your React Native app to let users share their favorite moments.\n\nāœØ Inspired by Instagram: Crafted with inspiration from the real Instagram stories feature, capturing its essence and style.\n\nšŸ“± Mobile-Friendly: Designed with mobile users in mind, providing a smooth and responsive experience on all devices.\n\nšŸ’¾ Using Async Storage: Utilize Async Storage to save the progress of users and load them whenever they want.\n\nšŸ› ļø Developer Friendly: Well-documented and easy to set up, making the developer's life a breeze.\n\nšŸš€ High Performance: Optimized for speed, ensuring a lag-free experience for users.\n\nšŸ’” Rich Features: Support for video, images, and text, plus more ā€“ all in one powerful package!\n\nšŸŽ‰ Community Support: Join a growing community of developers and users, eager to help and share their experiences.\n\n## About\n\n`react-native-instagram-stories` component is a versatile React Native component designed to display a horizontal scrollable list of user stories, similar to the stories feature found in the Instagram app. It provides a visually appealing way to showcase stories with various customizable options. It is used in the [Birdwingo mobile app](https://www.birdwingo.com) for **Birdwingo Academy** which allows users to learn the basics of investing in stocks and ETFs.\n\n\n\n## Installation\n\n```bash\nnpm install react-native-svg\nnpm install react-native-reanimated\nnpm install react-native-gesture-handler\nnpm install @birdwingo/react-native-instagram-stories\n```\n\n## Integration with Storage and Video\n\nThe component offers an option to save and track the progress of seen stories using `saveProgress`. If you use `saveProgress`, please make sure you have `@react-native-async-storage/async-storage` installed.\n\nIf you use video in your stories, please make sure you have `react-native-video` installed.\n\n## Usage\n\nTo use the `InstagramStories` component, you need to import it in your React Native application and include it in your JSX code. Here's an example of how to use it:\n\n```jsx\nimport React from 'react';\nimport { View } from 'react-native';\nimport InstagramStories from '@birdwingo/react-native-instagram-stories';\n\nconst YourComponent = () => {\n \n const stories = [{\n id: 'user1',\n name: 'User 1',\n imgUrl: 'user1-profile-image-url',\n stories: [\n { id: 'story1', sourceUrl: 'story1-image-url' },\n { id: 'story2', sourceUrl: 'story1-video-url', mediaType: 'video' },\n // ...\n ]}, // ...\n ];\n \n return (\n \n \n \n );\n};\n\nexport default YourComponent;\n```\n\n## Props\n\n Name | Type | Default value | Description \n----------------------------|----------------------------------------------|--------------------------------------------|---------------------\n `stories` | [InstagramStoryProps](#instagramstoryprops)[]| **required** | An array of stories.\n `saveProgress` | boolean | false | A boolean indicating whether to save and track the progress of seen stories.\n `avatarBorderColors` | string[] | [DEFAULT_COLORS](#default-gradient-colors) | An array of string colors representing the border colors of story avatars.\n `avatarSeenBorderColors` | string[] | [ '#2A2A2C' ] | An array of string colors representing the border colors of seen story avatars.\n `avatarSize` | number | 60 | The size of the story avatars.\n `storyAvatarSize` | number | 25 | The size of the avatars shown in the header of each story.\n `avatarListContainerStyle` | ScrollViewProps['contentContainerStyle'] | | Additional styles for the avatar scroll list container.\n `avatarListContainerProps` | ScrollViewProps | | Props to be passed to the avatar list ScrollView component.\n `containerStyle` | ViewStyle | | Additional styles for the story container.\n `textStyle` | TextStyle | | Additional styles for text elements.\n `animationDuration` | number | 10000 | The duration of the story animations in ms.\n `videoAnimationMaxDuration`| number | | The max duration of the video story animations in ms. If is this property not provided, the whole video will be played.\n `backgroundColor` | string | '#000000' | The background color of story container.\n `showName` | boolean | false | Whether you want to show user name under avatar in avatar list.\n `nameTextStyle` | TextStyle | | Additional styles for name text elements.\n `videoProps` | [react-native-video](https://www.npmjs.com/package/react-native-video?activeTab=readme#configurable-props)| | Additional props for video component. For more information, follow `react-native-video`.\n `closeIconColor` | string | '#00000099' | The color of story close icon.\n `progressColor` | string | '#00000099' | Background color of progress bar item in inactive state\n `progressActiveColor` | string | '#FFFFFF' | Background color of progress bar item in active state\n `modalAnimationDuration` | number | 800 | Duration of modal animation in ms (showing/closing instagram stories)\n `mediaContainerStyle` | ViewStyle | | Additional styles for media (video or image) container\n `imageStyles` | ImageStyle | { width: WIDTH, aspectRatio: 0.5626 } | Additional styles image component\n `imageProps` | ImageProps | | Additional props applied to image component\n `onShow` | ( id: string ) => void | | Callback when a story is shown.\n `onHide` | ( id: string ) => void | | Callback when a story is hidden.\n `onSwipeUp` | ( userId?: string, storyId?: string ) => void| | Callback when user swipes up.\n `onStoryStart` | ( userId?: string, storyId?: string ) => void| | Callback when story started\n `onStoryEnd` | ( userId?: string, storyId?: string ) => void| | Callback when story ended\n\n## Public Methods\n\n Name | Type | Description\n---------------------- |--------------------------------------------------------------------------------------------------|---------------------------\n `spliceStories` | ( stories: [InstagramStoryProps](#instagramstoryprops)[], index?: number ) => void | Insert new stories at a specific index. If you don't provide `index` property, stories will be pushed to the end of array.\n `spliceUserStories` | ( stories: [InstagramStoryProps](#instagramstoryprops)[], user: string, index?: number ) => void | Insert new stories for a specific user at a specific index. If you don't provide `index` property, stories will be pushed to the end of array\n `setStories` | ( stories: [InstagramStoryProps](#instagramstoryprops)[] ) => void | Replace the current stories with a new set of stories.\n `clearProgressStorage`| () => void | Clear the progress storage for seen stories.\n `hide` | () => void | Hide stories if currently visible\n `show` | ( id?: string ) => void | Show stories modal with provided story `id`. If `id` is not provided, will be shown first story\n `pause` | () => void | Pause story\n `resume` | () => void | Resume story\n `getCurrentStory` | () => {userId?: string, storyId?: string} | Returns current userId and storyId\n\n## Types\n\n### InstagramStoryProps\n\n Parameter | Type | Required\n-----------------------|----------------------------------------|----------------\n `id` | string | true\n `imgUrl` | string | false\n `name` | string | false\n `stories` | [StoryItemProps](#storyitemprops)[] | true\n\n**Please note that id parameter must be unique for every user**\n\n### StoryItemProps\n\n Parameter | Type | Required\n-----------------------|------------------------------------------|-------------------\n `id` | string | true\n `sourceUrl` | string | true\n `mediaType` | 'video' \\| 'image' (default: `'image'`) | false\n `renderContent` | () => ReactNode | false\n `renderFooter` | () => ReactNode | false\n\n**Please note that id parameter must be unique for every story**\n\n### Default Gradient Colors\nDefault colors for avatar gradient are the same as on Instagram - `[ '#F7B801', '#F18701', '#F35B04', '#F5301E', '#C81D4E', '#8F1D4E' ]`\n\n## Sponsor\n\n**react-native-instagram-stories** is sponsored by [Birdwingo](https://www.birdwingo.com).\\\nDownload Birdwingo mobile app to see react-native-instagram-stories in action!","readmeFilename":"README.md"}