","license":"ISC","_id":"react-native-beautiful-alerts@1.0.27","maintainers":[{"name":"zispidd","email":"zispidd@gmail.com"}],"dist":{"shasum":"5dd6a23739963099476e8144fa57a4ce9072ab5e","tarball":"https://registry.npmjs.org/react-native-beautiful-alerts/-/react-native-beautiful-alerts-1.0.27.tgz","fileCount":40,"integrity":"sha512-lqV3zgTUbr+0w5PWOg18OfJTsWQhjo1Wj/5YlgSLpWeDPGrRag9irFrqeKYOuiPYK2l5ulRymui34kUvsRv5Cg==","signatures":[{"sig":"MEUCIQDe0NjxvvlGhn8wkfABCaIrrgY+jEUk3psxYk65MTPDIgIgHb/wn6qimd2POE4VUljhLH0cFE6c9sCE6SDQ3d4LOjc=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":96150},"main":"./lib/index.js","types":"./lib/index.d.ts","shasum":"5dd6a23739963099476e8144fa57a4ce9072ab5e","private":false,"scripts":{"build":"rm -rf ./lib/* && tsc"},"_npmUser":{"name":"zispidd","email":"zispidd@gmail.com"},"_integrity":"sha512-lqV3zgTUbr+0w5PWOg18OfJTsWQhjo1Wj/5YlgSLpWeDPGrRag9irFrqeKYOuiPYK2l5ulRymui34kUvsRv5Cg==","_npmVersion":"10.8.3","description":"","directories":{},"_nodeVersion":"22.6.0","_hasShrinkwrap":false,"devDependencies":{"typescript":"^4.8.4","@types/react":"^18.0.21","@types/react-native":"^0.70.6"},"peerDependencies":{"react":"*","lottie-ios":"*","react-native":"*","lottie-react-native":"*","react-native-portalize":"*","react-native-reanimated":"*","@react-native-community/blur":"*"},"_npmOperationalInternal":{"tmp":"tmp/react-native-beautiful-alerts_1.0.27_1745797380285_0.9317710475551089","host":"s3://npm-registry-packages-npm-production"}},"1.0.28":{"name":"react-native-beautiful-alerts","version":"1.0.28","description":"A modern, customizable alert system for React Native applications with beautiful animations and flexible styling options.","main":"./lib/index.js","types":"./lib/index.d.ts","private":false,"scripts":{"build":"rm -rf ./lib/* && tsc"},"keywords":["react native","react native alerts","react native beautiful alerts"],"author":{"name":"Zispidd","email":"zispidd@gmail.com"},"license":"ISC","peerDependencies":{"@react-native-community/blur":"*","lottie-react-native":"*","react":"*","react-native":"*","react-native-portalize":"*","react-native-reanimated":"*"},"devDependencies":{"@types/react":"^18.0.21","@types/react-native":"^0.70.6","typescript":"^4.8.4"},"_id":"react-native-beautiful-alerts@1.0.28","gitHead":"257b85cf3c85c87f196113a0ebf731e10f6e7e6c","_nodeVersion":"20.12.2","_npmVersion":"10.5.0","dist":{"integrity":"sha512-J729GwbxBy43KmaYoj3X3BfEN9qjF/NETYdbpDETQArLJpvp2WRiBxBOH31gUePTFhgtKxCKbxhkb6FLj5ivUw==","shasum":"4fe309a79730f2f99404eb2da7a7a794e751ee5e","tarball":"https://registry.npmjs.org/react-native-beautiful-alerts/-/react-native-beautiful-alerts-1.0.28.tgz","fileCount":41,"unpackedSize":289184,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEYCIQC38A4ugXQAT/wyZgedKo/W2RplWK/eQ6b2SwwNPy1apQIhAIBiw2lX4v4BDOzWq3jKJDik0UO3+bA9GPcakNVevbQF"}]},"_npmUser":{"name":"zispidd","email":"zispidd@gmail.com","actor":{"name":"zispidd","email":"zispidd@gmail.com","type":"user"}},"directories":{},"maintainers":[{"name":"zispidd","email":"zispidd@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-beautiful-alerts_1.0.28_1751038715772_0.8279984506001123"},"_hasShrinkwrap":false}},"time":{"created":"2022-10-24T16:53:11.824Z","modified":"2025-06-27T15:38:36.152Z","1.0.0":"2022-10-24T16:53:11.974Z","1.0.1":"2022-10-24T17:16:54.801Z","1.0.2":"2022-10-24T17:21:35.849Z","1.0.3":"2022-10-24T17:24:11.397Z","1.0.4":"2022-10-24T21:31:14.924Z","1.0.5":"2022-10-24T21:37:46.648Z","1.0.6":"2022-10-24T21:39:17.283Z","1.0.7":"2022-10-24T22:51:19.162Z","1.0.8":"2022-10-24T22:55:32.392Z","1.0.9":"2022-10-24T23:12:54.434Z","1.0.10":"2022-10-24T23:18:45.953Z","1.0.11":"2022-10-24T23:22:37.290Z","1.0.12":"2022-10-24T23:25:43.257Z","1.0.13":"2022-11-07T01:38:06.725Z","1.0.14":"2022-11-09T01:46:23.481Z","1.0.15":"2022-11-09T01:49:37.653Z","1.0.16":"2022-11-29T14:28:40.790Z","1.0.17":"2022-11-29T15:53:07.764Z","1.0.18":"2022-11-29T16:00:20.845Z","1.0.19":"2023-01-12T22:11:10.205Z","1.0.20":"2023-01-13T00:06:41.644Z","1.0.21":"2023-01-14T00:55:10.892Z","1.0.22":"2023-06-01T00:34:25.428Z","1.0.23":"2023-06-01T00:41:28.691Z","1.0.24":"2023-08-19T16:10:42.826Z","1.0.25":"2025-02-26T00:36:10.995Z","1.0.26":"2025-03-11T01:11:00.841Z","1.0.27":"2025-04-27T23:43:00.494Z","1.0.28":"2025-06-27T15:38:35.967Z"},"author":{"name":"Zispidd","email":"zispidd@gmail.com"},"license":"ISC","keywords":["react native","react native alerts","react native beautiful alerts"],"maintainers":[{"name":"zispidd","email":"zispidd@gmail.com"}],"readme":"# React Native Beautiful Alerts\n\nA modern, customizable alert system for React Native applications with beautiful animations and flexible styling options.\n\n[](https://www.npmjs.com/package/react-native-beautiful-alerts)\n[](https://github.com/discify-bio/react-native-beautiful-alerts/blob/main/LICENSE)\n\n\n View Live Demo •\n Report Bug •\n Request Feature\n
\n\n## Features\n\n- 🎨 Multiple alert types: success, error, warning, and custom messages\n- ⚡ Smooth animations with Lottie integration\n- 🎛️ Customizable buttons with different styles\n- 🔧 Flexible styling options\n- 📱 Works on both iOS and Android\n\n## Installation\n\nInstall the package:\n\n```sh\nbun install react-native-beautiful-alerts @react-native-community/blur lottie-react-native react-native-portalize react-native-reanimated\n```\n\n## Setup\n\nWrap your app with the `Provider` component:\n\n```typescript\nimport { Provider } from 'react-native-beautiful-alerts'\n\nconst App = () => {\n return (\n \n \n \n )\n}\n```\n\n## Usage\n\n### Basic Alerts\n\nShow simple alerts with automatic dismissal:\n\n```typescript\nimport { useAlert } from 'react-native-beautiful-alerts'\n\nconst MyComponent = () => {\n const alert = useAlert()\n\n const showSuccessAlert = () => {\n alert.success({\n title: 'Success!',\n description: 'Your action completed successfully'\n })\n }\n\n const showErrorAlert = () => {\n alert.error({\n title: 'Error',\n description: 'Something went wrong'\n })\n }\n\n const showWarningAlert = () => {\n alert.warning({\n title: 'Warning',\n description: 'Please check your input'\n })\n }\n\n return (\n \n \n Show Success Alert\n \n \n )\n}\n```\n\n### Custom Alerts with Buttons\n\nCreate alerts with custom buttons and actions:\n\n```typescript\nimport { useAlert, ButtonStyle } from 'react-native-beautiful-alerts'\n\nconst MyComponent = () => {\n const alert = useAlert()\n\n const showCustomAlert = () => {\n alert.message({\n title: 'Custom Alert',\n description: 'Choose an action',\n buttons: [\n {\n text: 'Cancel',\n style: ButtonStyle.Cancel,\n onPress: () => console.log('Cancelled')\n },\n {\n text: 'Confirm',\n style: ButtonStyle.Bold,\n onPress: () => console.log('Confirmed')\n },\n {\n text: 'Delete',\n style: ButtonStyle.Danger,\n onPress: () => console.log('Deleted')\n }\n ]\n })\n }\n\n return (\n \n \n Show Custom Alert\n \n \n )\n}\n```\n\n### Button Styles\n\nAvailable button styles:\n\n- `ButtonStyle.Regular` - Standard button\n- `ButtonStyle.Bold` - Bold/Primary button\n- `ButtonStyle.Cancel` - Cancel button (positioned first or last depending on number of buttons)\n- `ButtonStyle.Danger` - Destructive action button\n\n## Customization\n\nYou can customize fonts and styles by passing props to the Provider:\n\n```typescript\n\n \n\n```\n\n## Contributing\n\nContributions are welcome! If you have ideas for improvements or find any issues, please open an issue or submit a pull request.\n\n1. Fork the repository\n2. Create your feature branch (`git checkout -b feature/amazing-feature`)\n3. Commit your changes (`git commit -m 'Add some amazing feature'`)\n4. Push to the branch (`git push origin feature/amazing-feature`)\n5. Open a Pull Request\n\n## License\n\nDistributed under the ISC License. See `LICENSE` for more information.\n","readmeFilename":"readme.md","description":"A modern, customizable alert system for React Native applications with beautiful animations and flexible styling options."}