From 6974d6cea3c93c267691514ca43952e2e3405cfc Mon Sep 17 00:00:00 2001
From: "rvenky@125" <venkypaithireddy@gmail.com>
Date: Thu, 15 Jun 2023 13:02:09 +0530
Subject: [PATCH] first commit

---
 .bundle/config                    |   2 +
 .eslintrc.js                      |   4 ++
 .github/workflows/npm-publish.yml |  33 ++++++++++
 .gitignore                        |  63 ++++++++++++++++++
 .node-version                     |   1 +
 .npmignore                        |  12 ++++
 .prettierrc.js                    |   7 ++
 AlertProvider.js                  |  21 ++++++
 App.js                            |  47 ++++++++++++++
 AsyncAlert.js                     |  78 ++++++++++++++++++++++
 DefAlert.js                       | 103 ++++++++++++++++++++++++++++++
 Gemfile                           |   6 ++
 LICENSE.md                        |  21 ++++++
 Spacing.js                        |   8 +++
 __tests__/App-test.tsx            |  14 ++++
 app.json                          |   4 ++
 babel.config.js                   |   3 +
 index.js                          |   5 ++
 package.json                      |  28 ++++++++
 19 files changed, 460 insertions(+)
 create mode 100644 .bundle/config
 create mode 100644 .eslintrc.js
 create mode 100644 .github/workflows/npm-publish.yml
 create mode 100644 .gitignore
 create mode 100644 .node-version
 create mode 100644 .npmignore
 create mode 100644 .prettierrc.js
 create mode 100644 AlertProvider.js
 create mode 100644 App.js
 create mode 100644 AsyncAlert.js
 create mode 100644 DefAlert.js
 create mode 100644 Gemfile
 create mode 100644 LICENSE.md
 create mode 100644 Spacing.js
 create mode 100644 __tests__/App-test.tsx
 create mode 100644 app.json
 create mode 100644 babel.config.js
 create mode 100644 index.js
 create mode 100644 package.json

diff --git a/.bundle/config b/.bundle/config
new file mode 100644
index 0000000..848943b
--- /dev/null
+++ b/.bundle/config
@@ -0,0 +1,2 @@
+BUNDLE_PATH: "vendor/bundle"
+BUNDLE_FORCE_RUBY_PLATFORM: 1
diff --git a/.eslintrc.js b/.eslintrc.js
new file mode 100644
index 0000000..40c6dcd
--- /dev/null
+++ b/.eslintrc.js
@@ -0,0 +1,4 @@
+module.exports = {
+  root: true,
+  extends: '@react-native-community',
+};
diff --git a/.github/workflows/npm-publish.yml b/.github/workflows/npm-publish.yml
new file mode 100644
index 0000000..6cdebaf
--- /dev/null
+++ b/.github/workflows/npm-publish.yml
@@ -0,0 +1,33 @@
+# This workflow will run tests using node and then publish a package to GitHub Packages when a release is created
+# For more information see: https://docs.github.com/en/actions/publishing-packages/publishing-nodejs-packages
+
+name: Node.js Package
+
+on:
+  release:
+    types: [created]
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+      - run: npm ci
+      - run: npm test
+
+  publish-npm:
+    needs: build
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 16
+          registry-url: https://registry.npmjs.org/
+      - run: npm ci
+      - run: npm publish
+        env:
+          NODE_AUTH_TOKEN: ${{secrets.npm_token}}
diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..16f8c30
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,63 @@
+# OSX
+#
+.DS_Store
+
+# Xcode
+#
+build/
+*.pbxuser
+!default.pbxuser
+*.mode1v3
+!default.mode1v3
+*.mode2v3
+!default.mode2v3
+*.perspectivev3
+!default.perspectivev3
+xcuserdata
+*.xccheckout
+*.moved-aside
+DerivedData
+*.hmap
+*.ipa
+*.xcuserstate
+ios/.xcode.env.local
+
+# Android/IntelliJ
+#
+build/
+.idea
+.gradle
+local.properties
+*.iml
+*.hprof
+.cxx/
+*.keystore
+!debug.keystore
+
+# node.js
+#
+node_modules/
+npm-debug.log
+yarn-error.log
+
+# fastlane
+#
+# It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the
+# screenshots whenever they are needed.
+# For more information about the recommended setup visit:
+# https://docs.fastlane.tools/best-practices/source-control/
+
+**/fastlane/report.xml
+**/fastlane/Preview.html
+**/fastlane/screenshots
+**/fastlane/test_output
+
+# Bundle artifact
+*.jsbundle
+
+# Ruby / CocoaPods
+/ios/Pods/
+/vendor/bundle/
+
+# Temporary files created by Metro to check the health of the file watcher
+.metro-health-check*
diff --git a/.node-version b/.node-version
new file mode 100644
index 0000000..3c03207
--- /dev/null
+++ b/.node-version
@@ -0,0 +1 @@
+18
diff --git a/.npmignore b/.npmignore
new file mode 100644
index 0000000..0fdb134
--- /dev/null
+++ b/.npmignore
@@ -0,0 +1,12 @@
+# Logs
+*.log
+npm-debug.log
+
+# Dependency directory
+node_modules
+
+# Runtime data
+tmp
+
+# Examples (If applicable to your project)
+examples
\ No newline at end of file
diff --git a/.prettierrc.js b/.prettierrc.js
new file mode 100644
index 0000000..2b54074
--- /dev/null
+++ b/.prettierrc.js
@@ -0,0 +1,7 @@
+module.exports = {
+  arrowParens: 'avoid',
+  bracketSameLine: true,
+  bracketSpacing: false,
+  singleQuote: true,
+  trailingComma: 'all',
+};
diff --git a/AlertProvider.js b/AlertProvider.js
new file mode 100644
index 0000000..a8c0e9f
--- /dev/null
+++ b/AlertProvider.js
@@ -0,0 +1,21 @@
+import React, {createContext, useContext} from 'react';
+import useAlert from './AsyncAlert';
+
+const AlertContext = createContext();
+
+export const useShowAlert = () => useContext(AlertContext);
+
+const AlertProvider = ({children, Alert}) => {
+  const {showAlert, AlertComp} = useAlert({
+    AlertComponent: Alert
+  });
+
+  return (
+    <AlertContext.Provider value={showAlert}>
+      {children}
+      <AlertComp />
+    </AlertContext.Provider>
+  );
+};
+
+export default AlertProvider;
diff --git a/App.js b/App.js
new file mode 100644
index 0000000..c1e73e8
--- /dev/null
+++ b/App.js
@@ -0,0 +1,47 @@
+import React from 'react';
+import {Button, StyleSheet} from 'react-native';
+import AlertProvider, {useShowAlert} from './AlertProvider';
+
+function App() {
+  const showAlert = useShowAlert();
+  return (
+    <Button
+      title="Show Alet"
+      onPress={async () => {
+        await showAlert({
+          alertData: 'Hellow world',
+          onEvent: e => {
+            console.log(e);
+          },
+        });
+        await showAlert({
+          alertData: 'This is venky',
+          onEvent: e => {
+            console.log(e);
+          },
+        });
+      }}
+    />
+  );
+}
+
+const styles = StyleSheet.create({
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: '600',
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: '400',
+  },
+  highlight: {
+    fontWeight: '700',
+  },
+});
+
+export default App;
diff --git a/AsyncAlert.js b/AsyncAlert.js
new file mode 100644
index 0000000..5837fdb
--- /dev/null
+++ b/AsyncAlert.js
@@ -0,0 +1,78 @@
+import React, {useRef} from 'react';
+import {useState} from 'react';
+import {LogBox, Text} from 'react-native';
+import {DefAlert} from './DefAlert';
+
+const useAlert = ({AlertComponent} = {AlertComponent: undefined}) => {
+  const [visible, setVisible] = useState(false);
+  const [resolveFn, setResolveFn] = useState(null);
+  const [title, setTitle] = useState('');
+  const [text, setText] = useState('');
+  const [alertData, setAlertData] = useState(null);
+
+  const onUserEvent = useRef();
+
+  const showAlert = ({title, text, alertData, onEvent}) => {
+    if (onEvent) {
+      onUserEvent.current = onEvent;
+    }
+
+    if (!alertData && AlertComponent) {
+      console.error('You need provide alert data while using a custom alert');
+      return;
+    }
+
+    if (!AlertComponent && alertData) {
+      console.warn(
+        'There is no need to provided alert data while not providing the custom alert in provider',
+      );
+    }
+
+    if (alertData && AlertComponent) {
+      setAlertData(alertData);
+    } else {
+      setTitle(title);
+      setText(text);
+    }
+
+    setVisible(true);
+    return new Promise(resolve => {
+      setResolveFn(() => resolve);
+    });
+  };
+
+  const onClose = () => {
+    setVisible(false);
+    resolveFn(false);
+  };
+
+  const handleButtonPress = () => {
+    setVisible(false);
+    resolveFn(true);
+  };
+
+  const AlertComp = () =>
+    AlertComponent ? (
+      AlertComponent({
+        alertData,
+        visible,
+        onEvent: onUserEvent.current,
+        onClose,
+      })
+    ) : (
+      <DefAlert
+        title={title}
+        renderBody={() => <Text>{text}</Text>}
+        onClose={onClose}
+        onOk={handleButtonPress}
+        isAlertVisible={visible}
+      />
+    );
+
+  return {
+    showAlert,
+    AlertComp,
+  };
+};
+
+export default useAlert;
diff --git a/DefAlert.js b/DefAlert.js
new file mode 100644
index 0000000..9d3ed76
--- /dev/null
+++ b/DefAlert.js
@@ -0,0 +1,103 @@
+import React from 'react';
+import {Modal, View, TouchableOpacity, Text, Dimensions} from 'react-native';
+import {Spacing} from './Spacing';
+
+export const SCREEN_WIDTH = Dimensions.get('window').width;
+export const SCREEN_HEIGHT = Dimensions.get('window').height;
+
+export const DefAlert = ({
+  isAlertVisible = false,
+  onClose,
+  title,
+  renderBody,
+  hideCancel,
+  onOk,
+}) => {
+  return (
+    <Modal
+      animated
+      animationType={'fade'}
+      visible={isAlertVisible}
+      onRequestClose={() => onClose()}
+      transparent
+      onDismiss={() => onClose()}>
+      <View
+        style={{
+          width: '100%',
+          height: '100%',
+          alignItems: 'center',
+          justifyContent: 'center',
+          backgroundColor: 'rgba(0, 0, 0, 0.3)',
+        }}>
+        <View
+          style={{
+            backgroundColor: 'white',
+            padding: Spacing.SpaceMedium,
+            width: SCREEN_WIDTH / 1.2,
+            elevation: Spacing.SpaceMedium,
+            borderRadius: Spacing.SpaceLarge,
+            paddingEnd: Spacing.SpaceMedium,
+          }}>
+          <Text style={[{color: 'black', fontSize: 20}]}>{title}</Text>
+          {renderBody ? renderBody() : null}
+
+          {hideCancel ? (
+            <TouchableOpacity
+              style={{
+                paddingHorizontal: Spacing.SpaceLarge * 1.5,
+                paddingVertical: Spacing.SpaceSemiSmall,
+                borderRadius: Spacing.SpaceSemiSmall,
+                marginHorizontal: Spacing.SpaceSmall,
+                backgroundColor: 'white',
+                alignSelf: 'center',
+              }}
+              onPress={onOk}>
+              <Text
+                style={{
+                  color: 'white',
+                  paddingHorizontal: Spacing.SpaceSemiSmall,
+                }}>
+                Ok
+              </Text>
+            </TouchableOpacity>
+          ) : (
+            <View
+              style={{
+                flexDirection: 'row',
+                alignItems: 'center',
+                marginTop: Spacing.SpaceSmall,
+                alignSelf: 'flex-end',
+              }}>
+              <TouchableOpacity onPress={onClose}>
+                <Text
+                  style={{
+                    color: 'black',
+                    fontSize: Spacing.SpaceMedium,
+                  }}>
+                  Cancel
+                </Text>
+              </TouchableOpacity>
+              <TouchableOpacity
+                style={{
+                  paddingHorizontal: Spacing.SpaceSmall,
+                  paddingVertical: Spacing.SpaceVerySmall,
+                  borderRadius: Spacing.SpaceSemiSmall,
+                  marginStart: Spacing.SpaceMedium,
+                }}
+                onPress={onOk}>
+                <Text
+                  style={{
+                    color: 'black',
+                    paddingHorizontal: Spacing.SpaceSemiSmall,
+                    fontSize: Spacing.SpaceMedium,
+                  }}>
+                  Ok
+                </Text>
+              </TouchableOpacity>
+            </View>
+          )}
+        </View>
+      </View>
+    </Modal>
+  );
+};
diff --git a/Gemfile b/Gemfile
new file mode 100644
index 0000000..567e598
--- /dev/null
+++ b/Gemfile
@@ -0,0 +1,6 @@
+source 'https://rubygems.org'
+
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby File.read(File.join(__dir__, '.ruby-version')).strip
+
+gem 'cocoapods', '~> 1.11', '>= 1.11.3'
diff --git a/LICENSE.md b/LICENSE.md
new file mode 100644
index 0000000..a6d2fef
--- /dev/null
+++ b/LICENSE.md
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Venkatesh Paithireddy
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
diff --git a/Spacing.js b/Spacing.js
new file mode 100644
index 0000000..f038991
--- /dev/null
+++ b/Spacing.js
@@ -0,0 +1,8 @@
+export const Spacing = {
+    SpaceVerySmall: 4,
+    SpaceSemiSmall: 8,
+    SpaceSmall: 12,
+    SpaceMedium: 16,
+    SpaceSemiLarge: 20,
+    SpaceLarge: 24,
+};
diff --git a/__tests__/App-test.tsx b/__tests__/App-test.tsx
new file mode 100644
index 0000000..1784766
--- /dev/null
+++ b/__tests__/App-test.tsx
@@ -0,0 +1,14 @@
+/**
+ * @format
+ */
+
+import 'react-native';
+import React from 'react';
+import App from '../App';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<App />);
+});
diff --git a/app.json b/app.json
new file mode 100644
index 0000000..feb227b
--- /dev/null
+++ b/app.json
@@ -0,0 +1,4 @@
+{
+  "name": "AsyncAlert",
+  "displayName": "AsyncAlert"
+}
\ No newline at end of file
diff --git a/babel.config.js b/babel.config.js
new file mode 100644
index 0000000..f842b77
--- /dev/null
+++ b/babel.config.js
@@ -0,0 +1,3 @@
+module.exports = {
+  presets: ['module:metro-react-native-babel-preset'],
+};
diff --git a/index.js b/index.js
new file mode 100644
index 0000000..1797cc9
--- /dev/null
+++ b/index.js
@@ -0,0 +1,5 @@
+import AlertProvider from './AlertProvider';
+import {useShowAlert} from './AlertProvider';
+import useAlert from './AsyncAlert';
+
+export {AlertProvider, useShowAlert, useAlert};
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..f3f99a7
--- /dev/null
+++ b/package.json
@@ -0,0 +1,28 @@
+{
+  "name": "react-native-async-alert",
+  "version": "0.0.1.1",
+  "description": "It provides a global way to show alerts asynchronously",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "keywords": [
+    "react-native",
+    "react-native-component",
+    "alert",
+    "react-native-async-alert",
+    "async-alert",
+    "alerts"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:rvenky125/react-native-async-alert.git"
+  },
+  "dependencies": {
+  },
+  "peerDependencies": {
+    "react-native": ">=0.20.0"
+  },
+  "author": "Venkatesh Paithireddy <venkypaithireddy@gmail.com>",
+  "license": "MIT"
+}
\ No newline at end of file