@jescon-technologies/react-native-ui-kit 0.0.15 → 0.0.16

package/index.d.ts

@@ -4,6 +4,7 @@ export { default as AAlert } from './src/Alerts/AAlert';
 export { default as ABlink } from './src/Alerts/ABlink';
 export { default as HIcons } from './src/Hoc/HIcons';
 export { default as HView } from './src/Hoc/HView';
+export { default as HProvider } from './src/Hoc/HProvider';
 export { default as HShadowButton } from './src/Hoc/HShadowButton';
 export { default as Navigation } from './src/Navigation/PageNavigation';
 export { default as SSearchBar } from './src/StaticComponents/SSearchBar';

package/index.js

@@ -4,6 +4,7 @@ export { default as AAlert } from './src/Alerts/AAlert';
 export { default as ABlink } from './src/Alerts/ABlink';
 export { default as HIcons } from './src/Hoc/HIcons';
 export { default as HView } from './src/Hoc/HView';
+export { default as HProvider } from './src/Hoc/HProvider';
 export { default as HShadowButton } from './src/Hoc/HShadowButton';
 export { default as Navigation } from './src/Navigation/PageNavigation';
 export { default as SSearchBar } from './src/StaticComponents/SSearchBar';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jescon-technologies/react-native-ui-kit",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "A React Native module for Jescon Technologies that provides react-native-ui-kit",
   "main": "index.js",
   "types": "index.d.ts",

package/src/Alerts/AAlert.tsx

@@ -9,6 +9,7 @@ import {
 } from 'react-native';
 
 import { Global } from '../../../../../src/Common/Global';
+;
 import HIcons from '../Hoc/HIcons';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';
 import { normalize } from '../CommonStyle/componentStyle';

package/src/Alerts/AAlertIOS.tsx

@@ -8,6 +8,7 @@ import {
 } from 'react-native';
 
 import { Global } from '../../../../../src/Common/Global';
+;
 import HIcons from '../Hoc/HIcons';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';
 import { normalize } from '../CommonStyle/componentStyle';

package/src/Common/NetworkServiceCall.ts

@@ -1,6 +1,7 @@
 import axios, { Method, AxiosResponse, AxiosError } from 'axios';
 import { isConnected, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 import { Platform } from 'react-native';
 
 // Type definitions

package/src/CommonStyle/ComponentFunctions.tsx

@@ -16,7 +16,8 @@ import {
     ImageStyle,
 } from 'react-native';
 import NetInfo from '@react-native-community/netinfo';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 import React from 'react';
 
 const {

package/src/Custom/OUserView.tsx

@@ -1,10 +1,355 @@
-import { View, Text } from 'react-native'
-import React from 'react'
+import React from 'react';
+import {
+  Dimensions,
+  Image,
+  KeyboardAvoidingView,
+  ScrollView,
+  Platform,
+  TouchableOpacity,
+  View,
+  Text,
+  TextInput,
+  TouchableWithoutFeedback,
+} from 'react-native';
+import { Global } from '../../../../../src/Common/Global';
+;
+import { normalize } from '../CommonStyle/componentStyle';
+import { isPermitted, notifyMessage, ValueCheck } from '../CommonStyle/ComponentFunctions';
+import Barcode from '@kichiyaki/react-native-barcode-generator';
+import { useNavigation } from '../Navigation/useNavigation';
+import HIcons from '../HOC/HIcons';
+
+// ---------------------------------------------------------------------------
+// Types
+// ---------------------------------------------------------------------------
+
+export interface OUserViewProps {
+  /** Called with `false` to close the parent overlay / modal. */
+  visibility?: (val: boolean) => void;
+  /**
+   * Base URL prepended to `Global.userData.signatureurl`.
+   * NOTE: this should really be imported from `apiConstants` instead of being
+   * passed as a prop — if the caller forgets, `undefined/...` becomes the URI.
+   */
+  APIURL?: string;
+  [key: string]: unknown;
+}
+
+// Extend the shared `GlobalUserData` with fields used here.
+interface OUserViewUserData extends Global {
+  registrationno?: string;
+  designation?: string;
+  hrenemp?: string | number;
+  qualification?: string;
+  experience?: string | number;
+  mobileno?: string | number;
+  photo?: string;
+  signatureurl?: string;
+  wardname?: string;
+  wardcode?: string | number;
+}
+
+// ---------------------------------------------------------------------------
+// Component
+// ---------------------------------------------------------------------------
+
+const OUserView: React.FC<OUserViewProps> = (props) => {
+  const navigation = useNavigation();
+  const userData = Global.userData as OUserViewUserData | null | undefined;
+
+  function fnSignatureEdit(): void {
+    if (isPermitted()) {
+      try {
+        props.visibility?.(false);
+        navigation.navigate('CSignatureScreen');
+      } catch (error) {
+        notifyMessage('cancelled');
+      }
+    } else {
+      notifyMessage('Storage Permission required.');
+    }
+  }
 
-export default function OUserView() {
   return (
-    <View>
-      <Text>OUserView</Text>
-    </View>
-  )
-}
+    <KeyboardAvoidingView
+      behavior={Platform.OS === 'ios' ? 'padding' : 'height'}
+      style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}
+    >
+      <View style={{ flex: 1, width: Dimensions.get('screen').width - normalize(10) }}>
+        <Text
+          style={{
+            fontSize: normalize(12),
+            fontWeight: 'bold',
+            alignSelf: 'center',
+            marginTop: normalize(-15),
+          }}
+        >
+          User Details
+        </Text>
+        <TouchableWithoutFeedback>
+          <ScrollView style={{ marginBottom: normalize(45) }}>
+            <View style={{ borderWidth: 0 }}>
+              {/* Header card */}
+              <View
+                style={{
+                  backgroundColor: '#2A81FF',
+                  borderTopLeftRadius: 20,
+                  // ⚠️ `borderTopEndRadius` is NOT a valid RN style key
+                  // (standard is `borderTopRightRadius`). Silently ignored at
+                  // runtime — top-right corner stays square. Preserved to
+                  // match existing visual output.
+                  height: normalize(55),
+                  borderLeftWidth: 3,
+                  borderColor: Global.AppTheme.primary_color,
+                }}
+              >
+                <View
+                  style={{
+                    paddingHorizontal: 10,
+                    paddingVertical: 5,
+                    flexDirection: 'row',
+                    justifyContent: 'space-between',
+                  }}
+                >
+                  <View>
+                    <TextInput
+                      editable={false}
+                      style={{
+                        fontSize: normalize(14),
+                        fontWeight: 'bold',
+                        color: '#fff',
+                        padding: 0,
+                      }}
+                      value={userData?.registrationno ?? ''}
+                    />
+                    <TextInput
+                      editable={false}
+                      style={{
+                        fontSize: normalize(10),
+                        fontWeight: 'bold',
+                        color: '#fff',
+                        padding: 0,
+                      }}
+                      value={userData?.department ?? ''}
+                    />
+                    <TextInput
+                      editable={false}
+                      style={{
+                        fontSize: normalize(10),
+                        fontWeight: 'bold',
+                        color: '#fff',
+                        padding: 0,
+                      }}
+                      value={userData?.designation ?? ''}
+                    />
+                  </View>
+                  <View>
+                    {Platform.OS !== 'web' && (
+                      <Barcode
+                        lineColor={Global.AppTheme.primary_color}
+                        // ⚠️ 'CODE128B' is not in the library's `format` union.
+                        // Cast is intentional — verify at runtime.
+                        format={'CODE128B' as unknown as 'CODE128'}
+                        value={
+                          ValueCheck(userData)
+                            ? String(userData?.hrenemp ?? '')
+                            : ''
+                        }
+                        maxWidth={normalize(145)}
+                        height={normalize(45)}
+                      />
+                    )}
+                  </View>
+                </View>
+              </View>
+
+              {/* Body card */}
+              <View
+                style={{
+                  flexDirection: 'row',
+                  borderLeftWidth: 3,
+                  borderColor: Global.AppTheme.primary_color,
+                  borderBottomWidth: 3,
+                  borderBottomEndRadius: 20,
+                  borderBottomLeftRadius: 20,
+                  justifyContent: 'flex-start',
+                  alignItems: 'flex-start',
+                  backgroundColor: '#d4e4f9',
+                  width: '100%',
+                }}
+              >
+                {/* Left column — edit photo hint */}
+                <View
+                  style={{
+                    borderWidth: 0,
+                    width: '25%',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    paddingTop: normalize(5),
+                  }}
+                >
+                  <View
+                    style={{
+                      borderRadius: 5,
+                      borderWidth: 0,
+                      width: '100%',
+                      borderColor: 'lightgrey',
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                    }}
+                  >
+                    <HIcons.Entypo
+                      icongroup={5}
+                      name={'info-with-circle'}
+                      size={normalize(8)}
+                      color={'grey'}
+                      style={{ textAlign: 'center', paddingHorizontal: normalize(5) }}
+                    />
+                    <Text
+                      adjustsFontSizeToFit
+                      style={{
+                        width: '90%',
+                        color: 'grey',
+                        fontStyle: 'italic',
+                        fontSize: normalize(8),
+                        textAlign: 'left',
+                      }}
+                    >
+                      {'Edit profile Photo.'}
+                    </Text>
+                  </View>
+                </View>
+
+                {/* Right column — user fields */}
+                <View
+                  style={{
+                    paddingLeft: normalize(5),
+                    paddingTop: normalize(5),
+                    borderWidth: 0,
+                    width: '75%',
+                  }}
+                >
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(18),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      padding: 0,
+                    }}
+                    value={userData?.username ?? ''}
+                  />
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(12),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      paddingTop: 2,
+                      padding: 0,
+                    }}
+                    value={userData?.qualification ?? ''}
+                  />
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(12),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      paddingTop: 2,
+                      padding: 0,
+                    }}
+                    value={
+                      userData?.experience != null ? String(userData.experience) : ''
+                    }
+                  />
+                  <TextInput
+                    editable={false}
+                    style={{
+                      fontSize: normalize(12),
+                      fontWeight: 'bold',
+                      color: 'black',
+                      paddingTop: 2,
+                      padding: 0,
+                    }}
+                    value={userData?.mobileno != null ? String(userData.mobileno) : ''}
+                  />
+                  <TouchableOpacity
+                    disabled={false}
+                    onPress={fnSignatureEdit}
+                    style={{
+                      borderWidth: 1,
+                      backgroundColor: 'white',
+                      borderRadius: 10,
+                      borderColor: 'lightgrey',
+                      elevation: 2,
+                      width: normalize(150),
+                      height: normalize(50),
+                    }}
+                  >
+                    <Image
+                      style={{
+                        width: normalize(150),
+                        height: normalize(50),
+                        borderRadius: 10,
+                        resizeMode: 'stretch',
+                      }}
+                      source={{
+                        uri: `${props.APIURL ?? ''}${userData?.signatureurl ?? ''}`,
+                      }}
+                    />
+                    <Text
+                      style={{
+                        position: 'absolute',
+                        fontSize: normalize(15),
+                        width: '100%',
+                        textAlign: 'center',
+                        bottom: normalize(15),
+                        color: '#ebebebff',
+                      }}
+                    >
+                      S I G N A T U R E
+                    </Text>
+                  </TouchableOpacity>
+                  <View
+                    style={{
+                      marginTop: normalize(3),
+                      borderRadius: 5,
+                      borderWidth: 0,
+                      width: '100%',
+                      borderColor: 'lightgrey',
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                    }}
+                  >
+                    <HIcons.Entypo
+                      icongroup={5}
+                      name={'info-with-circle'}
+                      size={normalize(8)}
+                      color={'grey'}
+                      style={{ textAlign: 'center', paddingHorizontal: normalize(5) }}
+                    />
+                    <Text
+                      adjustsFontSizeToFit
+                      style={{
+                        width: '90%',
+                        color: 'grey',
+                        fontStyle: 'italic',
+                        fontSize: normalize(8),
+                        textAlign: 'left',
+                      }}
+                    >
+                      {'Tap to edit signature.'}
+                    </Text>
+                  </View>
+                </View>
+              </View>
+            </View>
+          </ScrollView>
+        </TouchableWithoutFeedback>
+      </View>
+    </KeyboardAvoidingView>
+  );
+};
+
+export default OUserView;

package/src/CustomComponents/CBackHandler.tsx

@@ -10,7 +10,8 @@ import {
   TextStyle,
   ViewStyle,
 } from 'react-native';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 import { normalize } from '../CommonStyle/componentStyle';
 import Svg, { Rect, Defs, LinearGradient, Stop } from 'react-native-svg';
 import HIcons from '../Hoc/HIcons';

package/src/CustomComponents/CContainerView.tsx

@@ -1,6 +1,7 @@
 import React from 'react';
 import { Platform, StyleSheet, View, ViewStyle } from 'react-native';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 
 // ---------------------------------------------------------------------------
 // Types

package/src/CustomComponents/CDetailView.tsx

@@ -9,11 +9,10 @@ import {
   ImageStyle,
   TextStyle,
 } from 'react-native';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
 // import CSwipeCard from '../Components/CSwipeCard';
 import { normalize  } from '../CommonStyle/ComponentFunctions';
 import { useNavigation } from '../Navigation/PageNavigation';
-
 // ---------------------------------------------------------------------------
 // Types
 // ---------------------------------------------------------------------------

package/src/CustomComponents/COverlay.tsx

@@ -10,7 +10,8 @@ import {
   ViewStyle,
 } from 'react-native';
 import { normalize } from '../CommonStyle/componentStyle';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 import HIcons from '../Hoc/HIcons';
 
 // ---------------------------------------------------------------------------

package/src/CustomComponents/HeaderBlock.tsx

@@ -17,10 +17,9 @@ import {
   ViewStyle,
   DimensionValue,
 } from 'react-native';
-import { Global } from '../Common/Global';
 import CSliderMenu from '../Custom/CSliderMenu';
 import { normalize } from '../CommonStyle/componentStyle';
-import { NotificationContext } from '@jescon-technologies/react-native-ui-kit/src/Handlers/NotificationsContext';
+import { useNotifications } from '../Handlers/NotificationsContext';
 import moment from 'moment';
 import { ValueCheck } from '../CommonStyle/ComponentFunctions';
 import ABlink from '../Alerts/ABlink';
@@ -33,6 +32,8 @@ import { useNavigation } from '../Navigation/useNavigation';
 import NetworkServiceCall from '../Common/NetworkServiceCall';
 import HIcons from '../Hoc/HIcons';
 import ResponseComponentContext from '../Handlers/ResponseComponentContext';
+import { Global } from '../../../../../src/Common/Global';
+import { APIURL } from '../../../../../src/Common/apiConstants';
 
 // import HelpdeskScreenFocus from '../Helpdesk/View/HelpdeskScreenFocus';
 // import CHelpdeskView from '../Helpdesk/View/CHelpdeskView';
@@ -349,7 +350,7 @@ const HeaderBlock: React.FC<HeaderBlockProps> = (props) => {
 
   const OverlayHOCComponent = COverlay(OUserView) as unknown as OverlayComponent;
 
-  const NoticationData = React.useContext(NotificationContext) as NotificationItem[];
+  const NoticationData = useNotifications() as NotificationItem[] | undefined;
 
   const result = NoticationData.filter((obj) => obj.status === true);
 
@@ -460,6 +461,8 @@ const HeaderBlock: React.FC<HeaderBlockProps> = (props) => {
 
   const userData = Global.userData as UserDataLite | null | undefined;
 
+  console.log('userData in HeaderBlock:', JSON.stringify(userData));
+
   const renderUserInfo = (): React.ReactElement => (
     <TouchableOpacity
       onPress={() => (props.webview != undefined ? null : setOverlay(true))}
@@ -470,13 +473,13 @@ const HeaderBlock: React.FC<HeaderBlockProps> = (props) => {
           {props.webview != undefined
             ? ''
             : userData && userData.department != undefined && userData.department != ''
-            ? userData.username
-            : ''}
+              ? userData.username
+              : ''}
         </Text>
         {userData &&
-        userData.department != undefined &&
-        userData.department != '' &&
-        props.webview == undefined ? (
+          userData.department != undefined &&
+          userData.department != '' &&
+          props.webview == undefined ? (
           <Text adjustsFontSizeToFit style={styles.departmentText}>
             {userData.department}
           </Text>

package/src/Hoc/HDashboard.tsx

@@ -31,7 +31,8 @@ import { notifyMessage } from '../CommonStyle/ComponentFunctions';
 import HShadowButton from './HShadowButton';
 import HIcons from './HIcons';
 import { normalize } from '../CommonStyle/componentStyle';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 import SDateTimePicker from '../StaticComponents/SDateTimePicker';
 
 // ---------------------------------------------------------------------------

package/src/Hoc/HProvider.tsx

@@ -0,0 +1,18 @@
+import React from 'react';
+import HView from '../Hoc/HView';
+import Navigation from '../Navigation/PageNavigation';
+import ErrorBoundary from '../Common/ErrorBoundary';
+
+interface HProviderProps {
+    components: Record<string, React.ComponentType<any>>;
+    screens: any;
+}
+export default function HProvider(props: HProviderProps) {
+    return (
+        <ErrorBoundary>
+            <HView components={props.components}>
+                <Navigation screens={props.screens} />
+            </HView>
+        </ErrorBoundary>
+    );
+}

package/src/Hoc/HShadowButton.tsx

@@ -1,7 +1,8 @@
 import { StyleProp, Text, TextStyle, TouchableOpacity, ViewStyle } from 'react-native';
 import { isBNU, isNU, isNUQ, normalize } from '../CommonStyle/ComponentFunctions';
 import HIcons from './HIcons';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 import React from 'react';
 
 // ---------------------------------------------------------------------------

package/src/StaticComponents/SDateTimePicker.tsx

@@ -15,7 +15,8 @@ import HIcons from '../Hoc/HIcons';
 import moment from 'moment';
 import { normalize } from '../CommonStyle/componentStyle';
 import { isNU, ValueCheck } from '../CommonStyle/ComponentFunctions';
-import { Global } from '../Common/Global';
+import { Global } from '../../../../../src/Common/Global';
+;
 
 // ---------------------------------------------------------------------------
 // Types

package/src/Common/Global.ts

@@ -1,10 +0,0 @@
-export class Global {
-  static AppTheme: Record<string, string> = {
-    primary_color: '#094485',
-    secondary_color: 'black',
-    text_color: '#fff',
-    heading_text_color: 'darkblue',
-    bg_button: '#fff',
-    icon_color: 'darkblue',
-  };
-}