{"_id":"@coder-shubh/react-native-pop-up-confirmation","_rev":"9-48db72f11fa5bb0b00dd980f30c3a041","name":"@coder-shubh/react-native-pop-up-confirmation","dist-tags":{"latest":"1.1.2"},"versions":{"1.0.7":{"name":"@coder-shubh/react-native-pop-up-confirmation","version":"1.0.7","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-pop-up-confirmation@1.0.7","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-popUp#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"dist":{"shasum":"ce43cea89169bbc7af130fbf8553576c60b60629","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-pop-up-confirmation/-/react-native-pop-up-confirmation-1.0.7.tgz","fileCount":8,"integrity":"sha512-/UDGihQeOnzfEhXMzaL1TY1rGL2lXbRUBTkK+RAwX6t0AHHfsSdCQvoPvYU9vIo07MeP2zzxZSYcHC1c1FF1hw==","signatures":[{"sig":"MEUCICFOyPB2RvE9YqBiXXsui7KcF1xOjxibLgtho0WLG6/RAiEA1l5bFF5aoK5uLPO+PptkeNthUPhxtOLl16Sm2BXS2Zg=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":437450},"main":"index.js","gitHead":"42467fd4f61f1c55bb71d7aed85ef35d43e9fc67","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-popUp.git","type":"git"},"_npmVersion":"9.5.1","description":"A costomizable and easy-to-use pop-up component for React-Native Application.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-pop-up-confirmation_1.0.7_1711114478922_0.34805844801735586","host":"s3://npm-registry-packages"}},"1.0.8":{"name":"@coder-shubh/react-native-pop-up-confirmation","version":"1.0.8","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-pop-up-confirmation@1.0.8","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-popUp#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"dist":{"shasum":"c7b01b6b0d1b14253b289de7db0107f3879ec044","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-pop-up-confirmation/-/react-native-pop-up-confirmation-1.0.8.tgz","fileCount":8,"integrity":"sha512-m1cT8KRh41Io4Hj9Ttnu0tUKq1rHmtPB4hjzuWjdhc0YgWzl6Z5lm5+CumwaQ9k2bDKM2K62evteEprCs+fQ1g==","signatures":[{"sig":"MEUCIHX6U8YaHi11Wl+KnwvKOzEbbYScYNdIrMx3ooKverMJAiEA5famSFurJ21EA+KG2HNi4TCeTIThkFzFGEMVV2mkBrI=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":443360},"main":"index.js","gitHead":"42467fd4f61f1c55bb71d7aed85ef35d43e9fc67","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-popUp.git","type":"git"},"_npmVersion":"9.5.1","description":"A costomizable and easy-to-use pop-up component for React-Native Application.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-pop-up-confirmation_1.0.8_1711115044092_0.4693105569340106","host":"s3://npm-registry-packages"}},"1.0.9":{"name":"@coder-shubh/react-native-pop-up-confirmation","version":"1.0.9","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-pop-up-confirmation@1.0.9","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-popUp#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"dist":{"shasum":"ad0c05301039dca689211eae4ce39b70bf03873e","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-pop-up-confirmation/-/react-native-pop-up-confirmation-1.0.9.tgz","fileCount":8,"integrity":"sha512-DEbF6O9BHWjSlHjtb9Sz+wqQsoezq2bqsb+d0q0vaavrJtCJ9shni3nFy8TE+z/A2HqlWdgtesW1e5gAyeZZXg==","signatures":[{"sig":"MEUCIQDDxEdf2p9zJRHL8aGaEjH32FiQbX8FPArYT0nIvZwDJwIgbHEwa3FG29eHvVJ6T3Jx2FlFYNV/dPxy5TAlQX0+pvE=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":443361},"main":"index.tsx","gitHead":"908c99c77e5642847068b9cd54b81abc2792d77e","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-popUp.git","type":"git"},"_npmVersion":"9.5.1","description":"A costomizable and easy-to-use pop-up component for React-Native Application.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"18.2.0","react-native":"0.72.10","react-native-vector-icons":"^10.0.3"},"_npmOperationalInternal":{"tmp":"tmp/react-native-pop-up-confirmation_1.0.9_1713593695158_0.6131049565015245","host":"s3://npm-registry-packages"}},"1.1.0":{"name":"@coder-shubh/react-native-pop-up-confirmation","version":"1.1.0","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios","react-native-component"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-pop-up-confirmation@1.1.0","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-popUp#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"dist":{"shasum":"13eeca02228869f2a37ea00f8351f26218c43c99","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-pop-up-confirmation/-/react-native-pop-up-confirmation-1.1.0.tgz","fileCount":8,"integrity":"sha512-aECq+Xu+odk6RQoxLOWOqdga8zvN+awR7XKxKoj5gx4f6YF9hB+ak1V/DF8/30WdLzR+wzieb4Ylcm1TWkquOw==","signatures":[{"sig":"MEQCIDhiak80i0nup12VfPWtOd5nesElFwjRfC3RB3RB78UFAiByhb61T+5okmrT0JYpWdabbnM0huqIsNv8zPfpYSqMFw==","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":443393},"main":"index.tsx","gitHead":"9081eceb8dc2a27169dd539c0c1aca82a513f9c5","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-popUp.git","type":"git"},"_npmVersion":"9.5.1","description":"A costomizable and easy-to-use pop-up component for React-Native Application.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"^18.2.0","react-native":"^0.72.10","react-native-vector-icons":"^10.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-pop-up-confirmation_1.1.0_1717918083047_0.5033109138700385","host":"s3://npm-registry-packages"}},"1.1.1":{"name":"@coder-shubh/react-native-pop-up-confirmation","version":"1.1.1","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios","react-native-component"],"author":{"name":"coder-shubh"},"license":"ISC","_id":"@coder-shubh/react-native-pop-up-confirmation@1.1.1","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"homepage":"https://github.com/coder-shubh/react-native-popUp#readme","bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"dist":{"shasum":"883becdb02dac84bac4b1f3957a345f33c838fd9","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-pop-up-confirmation/-/react-native-pop-up-confirmation-1.1.1.tgz","fileCount":8,"integrity":"sha512-xoAG3dVJ2vjGSPqNHgws7v1Ee3/JoO33vpDmq/KiObdTZF+kIQHgFcDGT18soxeJE0GHemWkL7Fp917e+8s2mQ==","signatures":[{"sig":"MEUCIAgGMnIs1x43ruSDVI3ByPQ1cRQe1FGHGSdI+e98rZ/VAiEAuUsgn9dm2ayjNNuCz5SLhsHiOSuDSBiIjUUmi8ITxGU=","keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA"}],"unpackedSize":443861},"main":"index.tsx","gitHead":"dfda5d07af8cc021873c4c4d23b3f09fdb179f90","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"repository":{"url":"git+https://github.com/coder-shubh/react-native-popUp.git","type":"git"},"_npmVersion":"9.5.1","description":"A costomizable and easy-to-use pop-up component for React-Native Application.","directories":{},"_nodeVersion":"18.16.1","_hasShrinkwrap":false,"peerDependencies":{"react":"^18.2.0","react-native":"^0.72.10","react-native-vector-icons":"^10.1.0"},"_npmOperationalInternal":{"tmp":"tmp/react-native-pop-up-confirmation_1.1.1_1735382981944_0.41670508861289823","host":"s3://npm-registry-packages-npm-production"}},"1.1.2":{"name":"@coder-shubh/react-native-pop-up-confirmation","version":"1.1.2","description":"A costomizable and easy-to-use pop-up component for React-Native Application.","main":"index.tsx","scripts":{"test":"echo \"Error: no test specified\" && exit 1"},"repository":{"type":"git","url":"git+https://github.com/coder-shubh/react-native-popUp.git"},"bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"homepage":"https://github.com/coder-shubh/react-native-popUp#readme","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios","react-native-component"],"author":{"name":"coder-shubh"},"license":"ISC","peerDependencies":{"react":"^18.2.0","react-native":"^0.72.10","react-native-vector-icons":"^10.1.0"},"gitHead":"dfda5d07af8cc021873c4c4d23b3f09fdb179f90","_id":"@coder-shubh/react-native-pop-up-confirmation@1.1.2","_nodeVersion":"18.16.1","_npmVersion":"9.5.1","dist":{"integrity":"sha512-Ks5nnMH4OJHZZ6JeAriARdR9XD3YqRV4DeFnd18ULamn6N1v1LvoQ5kTy/u2hD7tzWv9UW5Ta+TKLIUUzvEEDQ==","shasum":"e73800d6faa902892531b583ee862ec6f36c857e","tarball":"https://registry.npmjs.org/@coder-shubh/react-native-pop-up-confirmation/-/react-native-pop-up-confirmation-1.1.2.tgz","fileCount":6,"unpackedSize":18784,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCMHFmN9J8knbcc8i2k/QzFrVxV/S6hnadxVSXTf7MmHgIhAOBByWxQVKo2K0wNOkT/8eAPq8koynucMcpK75ikE2yl"}]},"_npmUser":{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"},"directories":{},"maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/react-native-pop-up-confirmation_1.1.2_1736687468389_0.7627768363929546"},"_hasShrinkwrap":false}},"time":{"created":"2024-03-22T13:34:38.845Z","modified":"2025-01-12T13:11:08.866Z","1.0.0":"2024-03-22T11:58:13.458Z","1.0.1":"2024-03-22T12:08:29.458Z","1.0.2":"2024-03-22T12:18:49.979Z","1.0.7":"2024-03-22T13:34:39.178Z","1.0.8":"2024-03-22T13:44:04.309Z","1.0.9":"2024-04-20T06:14:55.387Z","1.1.0":"2024-06-09T07:28:03.255Z","1.1.1":"2024-12-28T10:49:42.167Z","1.1.2":"2025-01-12T13:11:08.701Z"},"bugs":{"url":"https://github.com/coder-shubh/react-native-popUp/issues"},"author":{"name":"coder-shubh"},"license":"ISC","homepage":"https://github.com/coder-shubh/react-native-popUp#readme","keywords":["react","react-native","pop-up","pop","alert","coder-shubh","modal","android","ios","react-native-component"],"repository":{"type":"git","url":"git+https://github.com/coder-shubh/react-native-popUp.git"},"description":"A costomizable and easy-to-use pop-up component for React-Native Application.","maintainers":[{"name":"coder-shubh","email":"shubham.mavesys@gmail.com"}],"readme":"<!-- Title -->\r\n<h1 align=\"center\">@coder-shubh/react-native-pop-up-confirmation</h1>\r\n\r\n<!-- Badges -->\r\n<p align=\"center\">\r\n  <img src=\"https://img.shields.io/npm/v/@coder-shubh/react-native-pop-up-confirmation\" alt=\"npm version\">\r\n  <!-- <img src=\"https://img.shields.io/github.com/coder-shubh/ShubhamPackage\" alt=\"license\"> -->\r\n</p>\r\n\r\n<div style=\"display: flex; flex-direction: row; justify-content: space-around; align-items: center;\">\r\n  <!-- First GIF -->\r\n  <img src=\"https://raw.githubusercontent.com/coder-shubh/react-native-popUp/master/src/assets/vdo.gif\" alt=\"Demo 1\" width=\"45%\">\r\n  <!-- Second GIF -->\r\n  <img src=\"https://raw.githubusercontent.com/coder-shubh/react-native-popUp/master/src/assets/vido.gif\" alt=\"Demo 2\" width=\"45%\">\r\n</div>\r\n\r\n<!-- Description -->\r\n<p align=\"center\">\r\n  A customizable React Native component for displaying pop-up confirmations.\r\n</p>\r\n\r\n<!-- Table of Contents -->\r\n<h2>Table of Contents</h2>\r\n\r\n- [Installation](#installation)\r\n- [Usage](#usage)\r\n- [Props](#props)\r\n- [License](#license)\r\n\r\n<!-- Installation -->\r\n<h2>Installation</h2>\r\n\r\nYou can install the `@coder-shubh/react-native-pop-up-confirmation` package using npm or yarn:\r\n\r\n```bash\r\n# with npm\r\nnpm i @coder-shubh/react-native-pop-up-confirmation react-native-vector-icons\r\n\r\n# with yarn\r\nyarn add @coder-shubh/react-native-pop-up-confirmation react-native-vector-icons\r\n```\r\n\r\n<!-- Usage -->\r\n<h2>Usage</h2>\r\n\r\n```js\r\nimport React, { useState } from 'react';\r\nimport { View, Button } from 'react-native';\r\nimport PopUpConfirmation from '@coder-shubh/react-native-pop-up-confirmation';\r\n\r\nconst App = () => {\r\n  const [modalVisible, setModalVisible] = useState(false);\r\n\r\n  const handleClose = () => {\r\n    setModalVisible(false);\r\n  };\r\n\r\n  const handleConfirm = () => {\r\n    // Add your logic for handling confirmation\r\n    console.log('User confirmed');\r\n    setModalVisible(false);\r\n  };\r\n\r\n  return (\r\n    <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>\r\n      <Button title=\"Show Confirmation\" onPress={() => setModalVisible(true)} />\r\n\r\n      <PopUpConfirmation\r\n        visible={modalVisible}\r\n        onClose={handleClose}\r\n        press={handleConfirm}\r\n        title=\"Delete Account\"\r\n        subTitle=\"Do you really want to delete your account?\"\r\n        theme=\"light\" // or 'dark'\r\n        animation=\"fade\" // or 'slide' or 'none'\r\n        leftButtonName=\"NO\"\r\n        rightButtonName=\"YES\"\r\n      />\r\n    </View>\r\n  );\r\n};\r\n\r\nexport default App;\r\n```\r\n\r\n<!-- Props -->\r\n<h2>Props</h2>\r\n\r\n| Prop              | Type                              | Description                                   | Default Value |\r\n|-------------------|-----------------------------------|-----------------------------------------------|---------------|\r\n| `visible`         | boolean                           | Controls the visibility of the pop-up.        | -             |\r\n| `onClose`         | () => void                        | Function to handle closing the pop-up.        | -             |\r\n| `press`           | () => void                        | Function to handle confirming the action.     | -             |\r\n| `title`           | string                            | Title of the pop-up.                         | -             |\r\n| `subTitle`        | string                            | Subtitle or message of the pop-up.            | -             |\r\n| `theme`           | 'dark' | 'light'                  | Theme of the pop-up (dark or light).          | `'light'`     |\r\n| `animation`       | 'fade' | 'slide' | 'none'        | Animation type for displaying the pop-up.     | `'none'`      |\r\n| `leftButtonName`  | string                            | Label for the left button.                    | `'NO'`        |\r\n| `rightButtonName` | string                            | Label for the right button.                   | `'YES'`       |\r\n\r\n\r\nIn this table:\r\n\r\n`Prop`: Name of the prop.\r\n`Type`: Type of the prop.\r\n`Description`: Description of what the prop does.\r\n`Default Value`: Default value of the prop, if any.\r\n\r\n\r\n<!-- License -->\r\n<h2>License</h2>\r\n\r\nThis project is licensed under the MIT License - see the LICENSE file for details.\r\n\r\nIn this version, I've added:\r\n\r\n- Title and badges centered at the top.\r\n- Descriptive text centered.\r\n- Table of Contents for easy navigation.\r\n- Stylish section headings.\r\n- Usage code block with syntax highlighting.\r\n- More visual appeal with horizontal lines and section separators.\r\n\r\nFeel free to adjust the styles, colors, or any other aspects to better suit your preferences or project branding.\r\n","readmeFilename":"README.md"}