@jescon-technologies/react-native-ui-kit 0.0.1

package/src/common/NetworkServiceCall.js

@@ -0,0 +1,265 @@
+import axios from "axios";
+import { isConnected, notifyMessage, ValueCheck } from "../CommonStyle/ComponentFunctions";
+import { Global } from "./Global";
+import { Platform } from "react-native";
+
+export default NetworkServiceCall = (method, url, params, jwt, timeout) => {
+  let jwtString = ValueCheck(Global.JWTToken) ? Global.JWTToken : jwt
+  // console.log("----------------------------- JWT Key -----------------",jwt)
+  let dataset = {}
+  if (method.toLowerCase() === "get") {
+    return (
+      axios({
+        method: 'get',
+        url: url,
+        timeout: timeout || 60000,
+        validateStatus: false,
+        // headers: {
+        //   Authorization: `Bearer ${jwtString}`,
+        // }
+      })
+        .then(function (response) {
+          // console.log("RESPPPPPPPPP GETTTTTTTTTTTTTT",JSON.stringify(response.data.httpstatus))
+          if (response.data.httpstatus == 200) {
+            dataset = {
+              data: response.data.data,
+              httpstatus: response.data.httpstatus
+            }
+            return dataset
+          }
+          else {
+            dataset = {
+              httpstatus: response.data.httpstatus,
+              data: {
+                title: "ERROR",
+                subtitle: response.data.data != undefined ? response.data.data.message : "",
+                alertdata: {
+                  alertCaption: "ERROR",
+                  alertMessage: response.data.message,
+                  alertContent: response.data.message,
+                  alertHttpstatus: response.data.httpstatus,
+                }
+              }
+            }
+            return dataset
+          }
+        })
+        .catch(function (error) {
+          // console.log("ERRRRROEERRRRRRR GETTTTTTTT",JSON.stringify(error))
+          dataset = {
+            httpstatus: 404,
+            data: {
+              title: "ERROR",
+              subtitle: "",
+              alertdata: {
+                alertCaption: "ERROR",
+                alertMessage: error.message,
+                alertContent: error.message,
+                alertHttpstatus: 404,
+              }
+            }
+          }
+          return dataset
+        })
+    )
+  }
+  else if (method.toLowerCase() === "post" && Platform.OS !== "web") {
+    // console.log("ANROIDDDDDDDDDDDDDDDDDDDDDDDD", Platform.OS)
+    return (
+      // isConnected()
+      //   .then(() =>
+      axios.post(url, params, {
+        // headers: {
+        //   Authorization: `Bearer ${jwtString}`,
+        // }
+      })
+        .then(function (response) {
+          // console.log("RESPONSE>>>>>>>>>>>>>>>>>>>>>>ON NETWORK SERVICE CALL",JSON.stringify(response))
+          if (response.data.httpstatus == 200) {
+            dataset = {
+              data: response.data.data,
+              httpstatus: response.data.httpstatus
+            }
+            return dataset
+          }
+          else {
+            dataset = {
+              httpstatus: response.data.httpstatus,
+              data: {
+                title: "ERROR",
+                subtitle: "",
+                alertdata: {
+                  alertCaption: "ERROR",
+                  alertMessage: response.data.message,
+                  alertContent: response.data.message,
+                  alertHttpstatus: response.data.httpstatus,
+                }
+              }
+            }
+            return dataset
+          }
+        })
+        .catch(function (error) {
+          // console.log("RESPONSE>>>>>>>>>>>>>>>>>>>>>>ON NETWORK SERVICE CALL ERRORRRR",JSON.stringify(error))
+          dataset = {
+            httpstatus: 404,
+            data: {
+              title: "ERROR",
+              subtitle: "",
+              alertdata: {
+                alertCaption: "ERROR",
+                alertMessage: error.message,
+                alertContent: error.message,
+                alertHttpstatus: 404,
+              }
+            }
+          }
+          return dataset
+        })
+
+      //     )
+      // .catch(function (error) {
+      //   notifyMessage("Please check your network connection and try again")
+      //   dataset = {
+      //     httpstatus: 344,
+      //     data: {
+      //       title: "ERROR",
+      //       subtitle: "",
+      //       alertdata: {
+      //         alertCaption: "ERROR",
+      //         alertMessage: "Connection Issue ",
+      //         alertContent: "Check Internet Connectivity",
+      //         alertHttpstatus: 344,
+      //       }
+      //     }
+      //   }
+      //   return dataset
+      // })
+    )
+  }
+  else if (method.toLowerCase() === "multiform" && !Platform.OS === "web") {
+    console.log("JWT STRING", jwtString)
+
+    return (
+      axios({
+        url: url,
+        method: 'POST',
+        headers: {
+          'Content-Type': 'multipart/form-data',
+          // Authorization: `Bearer ${jwtString}`,
+        },
+        data: params
+      }).then(function (response) {
+        // console.log("Multi formmmmmmmmmmm retrieval........",response)
+        if (response.status == 200) {
+          dataset = {
+            data: response.data,
+            httpstatus: response.status
+          }
+          return dataset
+        }
+        else {
+          dataset = {
+            httpstatus: response.status,
+            data: {
+              title: "ERROR",
+              subtitle: "",
+              alertdata: {
+                alertCaption: "ERROR",
+                alertMessage: response.data.message,
+                alertContent: response.data.message,
+                alertHttpstatus: response.data.httpstatus,
+              }
+            }
+          }
+          return dataset
+        }
+      })
+        .catch((error) => {
+          dataset = {
+            httpstatus: 404,
+            data: {
+              title: "ERROR",
+              subtitle: "",
+              alertdata: {
+                alertCaption: "ERROR",
+                alertMessage: error.message,
+                alertContent: error.message,
+                alertHttpstatus: 404,
+              }
+            }
+          }
+          return dataset
+        })
+
+    )
+  }
+  else if (method.toLowerCase() === "post" && Platform.OS === "web") {
+    // console.log("WEBBBBBBBBBBBBBBBBBBBBBBBBBBBB", Platform.OS)
+    return (
+      window.electronAPI.networkCall('post', url, params)
+        .then(function (response) {
+          // console.log("RESPONSE>>>>>>>>>>>>>>>>>>>>>>ON NETWORK SERVICE CALL",JSON.stringify(response))
+          if (response.httpstatus == 200) {
+            dataset = {
+              data: response.data,
+              httpstatus: response.httpstatus
+            }
+            return dataset
+          }
+          else {
+            dataset = {
+              httpstatus: response.httpstatus,
+              data: {
+                title: "ERROR",
+                subtitle: "",
+                alertdata: {
+                  alertCaption: "ERROR",
+                  alertMessage: response.message,
+                  alertContent: response.message,
+                  alertHttpstatus: response.httpstatus,
+                }
+              }
+            }
+            return dataset
+          }
+        })
+        .catch(function (error) {
+          // console.log("RESPONSE>>>>>>>>>>>>>>>>>>>>>>ON NETWORK SERVICE CALL ERRORRRR",JSON.stringify(error))
+          dataset = {
+            httpstatus: 404,
+            data: {
+              title: "ERROR",
+              subtitle: "",
+              alertdata: {
+                alertCaption: "ERROR",
+                alertMessage: error.message,
+                alertContent: error.message,
+                alertHttpstatus: 404,
+              }
+            }
+          }
+          return dataset
+        })
+
+      //     )
+      // .catch(function (error) {
+      //   notifyMessage("Please check your network connection and try again")
+      //   dataset = {
+      //     httpstatus: 344,
+      //     data: {
+      //       title: "ERROR",
+      //       subtitle: "",
+      //       alertdata: {
+      //         alertCaption: "ERROR",
+      //         alertMessage: "Connection Issue ",
+      //         alertContent: "Check Internet Connectivity",
+      //         alertHttpstatus: 344,
+      //       }
+      //     }
+      //   }
+      //   return dataset
+      // })
+    )
+  }
+}

package/src/components/Loader.js

@@ -0,0 +1,176 @@
+import React, { useState, useEffect } from "react";
+import {
+  StyleSheet,
+  Dimensions,
+  View,
+  Modal,
+  Animated,
+  Easing,
+  Text,
+  Image
+} from "react-native";
+
+import { normalize } from "react-native-elements";
+import { APIURL } from "../Common/apiConstants";
+
+export default function Loader({
+  visible = true,
+  overlayColor = 'rgba(0,0,0,0.4)',
+  loaderColor = 'lightblue',
+  size = 50,
+  gifSource = {uri:`${APIURL}insurancefile/getCommonFile/image/heartpulse.gif`},
+  message = '',
+  messageStyle = {},
+  animationType = 'fade',
+  hasBackground = true,
+  borderRadius = 20,
+  shadow = true
+}) {
+  const [rotation] = useState(new Animated.Value(0));
+  const [pulse] = useState(new Animated.Value(1));
+  const [fade] = useState(new Animated.Value(0));
+
+  // Rotation animation
+  useEffect(() => {
+    if (!gifSource) { // Only animate if not using a GIF
+      Animated.loop(
+        Animated.timing(rotation, {
+          toValue: 1,
+          duration: 1500,
+          easing: Easing.linear,
+          useNativeDriver: true
+        })
+      ).start();
+    }
+
+    // Pulse animation
+    Animated.loop(
+      Animated.sequence([
+        Animated.timing(pulse, {
+          toValue: 1.1,
+          duration: 800,
+          useNativeDriver: true
+        }),
+        Animated.timing(pulse, {
+          toValue: 1,
+          duration: 800,
+          useNativeDriver: true
+        })
+      ])
+    ).start();
+
+    // Fade in animation
+    Animated.timing(fade, {
+      toValue: 1,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+  }, []);
+
+  const spin = rotation.interpolate({
+    inputRange: [0, 1],
+    outputRange: ['0deg', '360deg']
+  });
+
+  const loaderContent = gifSource ? (
+    <Image
+      style={[styles.icon_style, { width: normalize(size), height: normalize(size) }]}
+      source={gifSource}
+    />
+  ) : (
+    <Animated.View style={[
+      styles.defaultLoader, 
+      { 
+        borderColor: loaderColor,
+        transform: [{ rotate: spin }, { scale: pulse }],
+        width: normalize(size),
+        height: normalize(size),
+        borderWidth: normalize(size / 10)
+      }
+    ]}>
+      <View style={[
+        styles.innerCircle, 
+        { 
+          backgroundColor: loaderColor,
+          width: normalize(size / 2),
+          height: normalize(size / 2)
+        }
+      ]} />
+    </Animated.View>
+  );
+
+  return (
+    <Modal
+      animationType={animationType}
+      transparent={true}
+      visible={visible}
+      onRequestClose={() => {}}
+    >
+      <Animated.View style={[
+        styles.modalContainer,
+        { 
+          backgroundColor: overlayColor,
+          opacity: fade
+        }
+      ]}>
+        <Animated.View style={[
+          styles.loaderContainer,
+          { 
+            backgroundColor: hasBackground ? 'white' : 'transparent',
+            borderRadius: normalize(borderRadius),
+            transform: [{ scale: pulse }],
+            ...(shadow && styles.shadowStyle)
+          }
+        ]}>
+          {loaderContent}
+          {message ? (
+            <Text style={[styles.messageText, messageStyle]}>
+              {message}
+            </Text>
+          ) : null}
+        </Animated.View>
+      </Animated.View>
+    </Modal>
+  );
+}
+
+const styles = StyleSheet.create({
+  modalContainer: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  loaderContainer: {
+    padding: normalize(20),
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  icon_style: {
+    justifyContent: "center",
+    alignItems: "center"
+  },
+  defaultLoader: {
+    borderRadius: normalize(100),
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  innerCircle: {
+    borderRadius: normalize(100),
+  },
+  messageText: {
+    marginTop: normalize(15),
+    fontSize: normalize(14),
+    color: '#555',
+    textAlign: 'center'
+  },
+  shadowStyle: {
+    shadowColor: "#000",
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.25,
+    shadowRadius: 3.84,
+    elevation: 5,
+  }
+});

package/src/index.js

@@ -0,0 +1,15 @@
+export { default as CaptureImageWithoutEdit } from './components/CaptureImageWithoutEdit';
+export { default as Card } from './components/Card';
+export { default as CountdownTimer } from './components/CountdownTimer';
+export { default as Loader } from './components/Loader';
+export { default as Notification } from './components/Notification';
+export { default as StepIndicator } from './components/StepIndicator';
+
+export default {
+  CaptureImageWithoutEdit,
+  Card,
+  CountdownTimer,
+  Loader,
+  Notification,
+  StepIndicator,
+};