@jescon-technologies/react-native-ui-kit 0.0.3 → 0.0.5

package/src/Components/SearchProductCard.js

@@ -0,0 +1,470 @@
+import { View, Text, TouchableOpacity } from 'react-native';
+import React, { useState } from 'react';
+import { normalize } from '../CommonStyle/componentStyle';
+import { Global } from '../../../../../src/Common/Global';
+import { CButtonShadow, isNUQ } from '../CommonStyle/ComponentFunctions';
+import { Icons } from '@jescon-technologies/react-native-ui-kit';;
+import { useNavigation } from '../Navigation/useNavigation';
+
+import HOCIcons from '../HOC/HOCIcons';
+import { SwipeRow } from 'react-native-swipe-list-view';
+
+const SearchProductCard = ({ item, callback }) => {
+  const [leftAction, setLeftAction] = useState(false);
+  const [secondAction, setSecondAction] = useState(false);
+  const [rightAction, setRightAction] = useState(false);
+
+  const navigation = useNavigation();
+
+  const renderLeftActions = () => (
+    <View style={{
+      // flex: 1,
+      // width: normalize(100),
+      // backgroundColor: '#4caf50',
+      justifyContent: 'flex-start',
+      alignItems: 'flex-start',
+      borderTopLeftRadius: 10,
+      borderBottomLeftRadius: 10,
+      flexDirection: 'row',
+      paddingHorizontal: normalize(10),
+    }}>
+      {/* Info */}
+      <TouchableOpacity
+        style={{
+          // // flex: 1,
+          // width: normalize(100),
+          // // backgroundColor: '#4caf50',
+          // justifyContent: 'flex-start',
+          // alignItems: 'center',
+          // borderTopLeftRadius: 10,
+          // borderBottomLeftRadius: 10,
+          marginLeft: normalize(5),
+        }}
+        onPress={() => {
+          navigation.navigate('CPurchaseDetails', { productCode: item?.insuproduct });
+        }}
+      // onPress={() => setLeftAction(prev => !prev)}
+      >
+        {!leftAction && <View style={{
+          backgroundColor: '#f4f5ae',
+          justifyContent: 'center',
+          alignItems: 'center',
+          ...CButtonShadow(),
+          borderRadius: normalize(5),
+          paddingHorizontal: normalize(3),
+          paddingVertical: normalize(5),
+          height: normalize(38),
+          width: normalize(38),
+        }}>
+          <HOCIcons.Entypo
+            name={'info-with-circle'}
+            size={normalize(20)}
+            color={Global.AppTheme.primary_color}
+          />
+          <Text numberOfLines={1} style={{ fontSize: normalize(8), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>Info</Text>
+        </View>
+        }
+        {leftAction &&
+          <View style={{
+            backgroundColor: '#f4f5ae',
+            justifyContent: 'center',
+            alignItems: 'center',
+            ...CButtonShadow(),
+            borderRadius: normalize(5),
+            paddingHorizontal: normalize(3),
+            paddingVertical: normalize(5),
+            height: normalize(38),
+            width: normalize(38),
+          }}>
+            <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>Marketing Division</Text>
+          </View>
+        }
+      </TouchableOpacity>
+      {/* Tax name */}
+      <TouchableOpacity
+        style={{
+          // // flex: 1,
+          // width: normalize(100),
+          // // backgroundColor: '#4caf50',
+          // justifyContent: 'flex-start',
+          // alignItems: 'center',
+          // borderTopLeftRadius: 10,
+          // borderBottomLeftRadius: 10,
+          marginLeft: normalize(5),
+        }}
+      // onPress={() => setSecondAction(prev => !prev)}
+      >
+        {!secondAction && <View style={{
+          backgroundColor: '#f5bfae',
+          justifyContent: 'center',
+          alignItems: 'center',
+          ...CButtonShadow(),
+          borderRadius: normalize(5),
+          paddingHorizontal: normalize(3),
+          paddingVertical: normalize(5),
+          height: normalize(38),
+          width: normalize(38),
+        }}>
+          <HOCIcons.MaterialCommunityIcons
+            name={'brightness-percent'}
+            size={normalize(20)}
+            color={Global.AppTheme.primary_color}
+          />
+          <Text numberOfLines={1} style={{ fontSize: normalize(8), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>Tax Name</Text>
+        </View>
+        }
+        {secondAction &&
+          <View style={{
+            backgroundColor: '#f5bfae',
+            justifyContent: 'center',
+            alignItems: 'center',
+            ...CButtonShadow(),
+            borderRadius: normalize(5),
+            paddingHorizontal: normalize(3),
+            paddingVertical: normalize(5),
+            height: normalize(38),
+            width: normalize(38),
+          }}>
+            <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>Tax Name</Text>
+          </View>
+        }
+      </TouchableOpacity>
+    </View>
+  );
+
+  const renderRightActions = () => (
+    <View style={{
+      // flex: 1,
+      // width: normalize(100),
+      // backgroundColor: '#4caf50',
+      justifyContent: 'flex-start',
+      alignItems: 'flex-start',
+      borderTopLeftRadius: 10,
+      borderBottomLeftRadius: 10,
+      flexDirection: 'row',
+      paddingHorizontal: normalize(10),
+    }}>
+      {/* Supplier */}
+      <TouchableOpacity
+        style={{
+          // // flex: 1,
+          // width: normalize(100),
+          // // backgroundColor: '#4caf50',
+          // justifyContent: 'flex-start',
+          // alignItems: 'center',
+          // borderTopLeftRadius: 10,
+          // borderBottomLeftRadius: 10,
+          marginLeft: normalize(5),
+        }}
+        onPress={() => {
+          // console.log('itemmmmmmmmmmmmmmmmmm', item)
+          navigation.navigate('CSupplierList', { productCode: item?.insuproduct });
+        }}
+      >
+        {!rightAction && <View style={{
+          backgroundColor: '#aef5b4',
+          justifyContent: 'center',
+          alignItems: 'center',
+          ...CButtonShadow(),
+          borderRadius: normalize(5),
+          paddingHorizontal: normalize(3),
+          paddingVertical: normalize(5),
+          height: normalize(38),
+          width: normalize(38),
+        }}>
+          <HOCIcons.MaterialCommunityIcons
+            name={'human-dolly'}
+            size={normalize(20)}
+            color={Global.AppTheme.primary_color}
+          />
+          <Text numberOfLines={1} style={{ fontSize: normalize(8), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>Supplier</Text>
+        </View>
+        }
+        {/* {rightAction &&
+            <View style={{
+              backgroundColor: '#aef5b4',
+              justifyContent: 'center',
+              alignItems: 'center',
+              ...CButtonShadow(),
+              borderRadius: normalize(5),
+              paddingHorizontal: normalize(3),
+              paddingVertical: normalize(5),
+              height: normalize(38),
+              width: normalize(38)
+            }}>
+              <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>{data?.marketingdivisionname}</Text>
+            </View>
+          } */}
+      </TouchableOpacity>
+      {/* Tax name */}
+      {/* <TouchableOpacity
+          style={{
+            // // flex: 1,
+            // width: normalize(100),
+            // // backgroundColor: '#4caf50',
+            // justifyContent: 'flex-start',
+            // alignItems: 'center',
+            // borderTopLeftRadius: 10,
+            // borderBottomLeftRadius: 10,
+            marginLeft: normalize(5)
+          }}
+          onPress={() => setSecondAction(prev => !prev)}
+        >
+          {!secondAction && <View style={{
+            backgroundColor: '#f5bfae',
+            justifyContent: 'center',
+            alignItems: 'center',
+            ...CButtonShadow(),
+            borderRadius: normalize(5),
+            paddingHorizontal: normalize(3),
+            paddingVertical: normalize(5),
+            height: normalize(38),
+            width: normalize(38)
+          }}>
+            <HOCIcons.MaterialCommunityIcons
+              name={'brightness-percent'}
+              size={normalize(20)}
+              color={Global.AppTheme.primary_color}
+            />
+            <Text numberOfLines={1} style={{ fontSize: normalize(8), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>Tax Name</Text>
+          </View>
+          }
+          {secondAction &&
+            <View style={{
+              backgroundColor: '#f5bfae',
+              justifyContent: 'center',
+              alignItems: 'center',
+              ...CButtonShadow(),
+              borderRadius: normalize(5),
+              paddingHorizontal: normalize(3),
+              paddingVertical: normalize(5),
+              height: normalize(38),
+              width: normalize(38)
+            }}>
+              <Text style={{ fontSize: normalize(9), fontWeight: 'bold', color: Global.AppTheme.primary_color }}>{data?.taxname}</Text>
+            </View>
+          }
+        </TouchableOpacity> */}
+    </View>
+  );
+
+  return (
+    <SwipeRow
+      disableLeftSwipe={false}
+      disableRightSwipe={false}
+      leftOpenValue={190}
+      rightOpenValue={-190}
+      swipeToClosePercent={10}
+      swipeToOpenPercent={10}
+    >
+      {/* Hidden Row (Swipe Actions) */}
+      <View style={{ borderWidth: 0, flexDirection: 'row', justifyContent: 'space-between', minHeight: normalize(70) }}>
+        <View style={{ flex: 1, alignItems: 'flex-start' }}>
+          {renderLeftActions && renderLeftActions()}
+        </View>
+        <View style={{ flex: 1, alignItems: 'flex-end' }}>
+          {renderRightActions && renderRightActions()}
+        </View>
+      </View>
+      <TouchableOpacity
+        activeOpacity={0.8}
+        onPress={() => {
+          callback?.(item); // or navigation / any action you want
+        }}
+      >
+        <View
+          style={{
+            backgroundColor: '#faeeeb',
+            marginHorizontal: normalize(5),
+            marginBottom: normalize(10),
+            borderRadius: normalize(5),
+            shadowColor: Global.AppTheme.primary_color,
+            shadowOffset: { width: 4, height: 4 },
+            shadowOpacity: 0.6,
+            shadowRadius: 10,
+            elevation: 8,
+            ...CButtonShadow(),
+          }}>
+          <View style={{ flexDirection: 'row' }}>
+            <View
+              style={{
+                backgroundColor: '#870808',
+                width: normalize(10),
+                height: '100%',
+                borderStartStartRadius: normalize(5),
+                borderStartEndRadius: normalize(5),
+              }} />
+            <View style={{ padding: normalize(3) }}>
+              {/* Product name */}
+              {isNUQ(item.productname) ? (
+                <Text
+                  numberOfLines={1}
+                  style={{
+                    fontSize: normalize(12),
+                    paddingLeft: normalize(5),
+                    fontWeight: 'bold',
+                    color: Global.AppTheme.primary_color,
+                  }}>
+                  {item.productname}
+                </Text>
+              ) : null}
+
+              {/* Supplier name */}
+              {isNUQ(item.productcode) ? (
+                <Text
+                  numberOfLines={1}
+                  style={{
+                    fontSize: normalize(10),
+                    paddingLeft: normalize(5),
+                    fontWeight: 'bold',
+                    color: Global.AppTheme.primary_color,
+                  }}>
+                  {item.productcode}
+                </Text>
+              ) : null}
+
+              {/* Section */}
+              <View
+                style={{
+                  flexDirection: 'row',
+                  width: '95%',
+                  justifyContent: 'space-between',
+                }}>
+                {/* Section */}
+                <View>
+                  <View style={{ flexDirection: 'row' }}>
+                    {/* Indent no */}
+                    {isNUQ(
+                      item.expandedcontent[0].expanddata
+                    ) ? (
+                      <View
+                        style={{
+                          flexDirection: 'row',
+                          alignItems: 'center',
+                          paddingLeft: normalize(5),
+                        }}>
+                        <Icons.FontAwesome5
+                          name={'file-invoice'}
+                          size={normalize(11)}
+                          color={'#094485'}
+                        />
+                        <Text
+                          style={{
+                            fontSize: 10,
+                            color: '#555',
+                            marginLeft: normalize(5),
+                          }}>
+                          {item.expandedcontent[0].expanddata}
+                        </Text>
+                      </View>
+                    ) : null}
+
+                    {/* User */}
+                    {isNUQ(item.expandedcontent[1].expanddata) ? (
+                      <View
+                        style={{
+                          flexDirection: 'row',
+                          alignItems: 'center',
+                          paddingLeft: normalize(5),
+                        }}>
+                        <Icons.FontAwesome5
+                          name={'user-alt'}
+                          size={normalize(11)}
+                          color={'#094485'}
+                        />
+                        <Text
+                          numberOfLines={1}
+                          style={{
+                            fontSize: 10,
+                            color: '#555',
+                            marginLeft: normalize(5),
+                          }}>
+                          {item.expandedcontent[1].expanddata}
+                        </Text>
+                      </View>
+                    ) : null}
+                  </View>
+
+                  <View style={{ flexDirection: 'row' }}>
+                    {/* Date */}
+                    {/* {isNUQ(data.entrydate) ? (
+                  <View
+                    style={{
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                      paddingLeft: normalize(5),
+                    }}>
+                    <Icons.FontAwesome5
+                      name={'calendar-alt'}
+                      size={normalize(11)}
+                      color={'#094485'}
+                    />
+                    <Text
+                      style={{
+                        fontSize: 10,
+                        color: '#555',
+                        marginLeft: normalize(5),
+                      }}>
+                      {moment(data.entrydate).format('DD-MM-YYYY')}
+                    </Text>
+                  </View>
+                ) : null} */}
+
+                    {/* Location */}
+                    {/* {isNUQ(
+                  type == 'I'
+                    ? data.locationname
+                    : type == 'W'
+                    ? data.locationname
+                    : type == 'V'
+                    ? data.locationname
+                    : type == 'S'
+                    ? data.locationname
+                    : type == 'B'
+                    ? data.locationname
+                    : data.susectiondetailname,
+                ) ? (
+                  <View
+                    style={{
+                      flexDirection: 'row',
+                      alignItems: 'center',
+                      paddingLeft: normalize(5),
+                    }}>
+                    <Icons.FontAwesome5
+                      name={'map-marker-alt'}
+                      size={normalize(11)}
+                      color={'#094485'}
+                    />
+                    <Text
+                      numberOfLines={1}
+                      style={{
+                        fontSize: 10,
+                        color: '#555',
+                        marginLeft: normalize(5),
+                      }}>
+                      {type == 'I'
+                        ? data.locationname
+                        : type == 'W'
+                        ? data.locationname
+                        : type == 'V'
+                        ? data.locationname
+                        : type == 'S'
+                        ? data.locationname
+                        : type == 'B'
+                        ? data.locationname
+                        : data.susectiondetailname}
+                    </Text>
+                  </View>
+                ) : null} */}
+                  </View>
+                </View>
+              </View>
+            </View>
+          </View>
+        </View>
+      </TouchableOpacity>
+    </SwipeRow>
+  );
+};
+
+export default SearchProductCard;

package/src/Components/StageByProduct.js

@@ -0,0 +1,199 @@
+import { View, Text, ScrollView, Dimensions } from 'react-native';
+import React, { useContext, useEffect, useState } from 'react';
+import { NetworkServiceCall } from '@jescon-technologies/react-native-ui-kit';
+import { notifyMessage } from '../CommonStyle/ComponentFunctions';
+import Loader from '../Custom/Loader';
+import { normalize } from '../CommonStyle/componentStyle';
+import CTextHeader from '../Custom/TableComponent/CTextHeader';
+import ContextBio from '../ContextAPI/ContextBio';
+import { APIURL } from '../../../../../src/Common/apiConstants';
+
+const StageByProduct = props => {
+  const { argument } = props;
+  const [isLoading, setIsLoading] = useState(false);
+  // const [data, setData] = useState(null);
+  const { invoiceData, setInvoiceData } = useContext(ContextBio);
+
+  const data = invoiceData?.workOrder[argument.workOrderIndex]?.details[argument.detailIndex]?.workorderstagebyproductdetail;
+
+  // useEffect for API call
+  // useEffect(() => {
+  //   getData();
+  // }, []);
+
+  // Function for fetch data from API
+  function getData() {
+    setIsLoading(true);
+    let buttonapi = `${APIURL}invget/invcommonget/rninsuworkorderbyproductdetail ${argument.argument}`;
+    console.log('>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>', buttonapi);
+    NetworkServiceCall('get', buttonapi).then(function (response) {
+      if (response.httpstatus == 200) {
+        // setData(response.data.data);
+        setInvoiceData(prevData => {
+          const updatedWorkOrder = prevData.workOrder.map((item, index) => {
+            if (index === argument.workOrderIndex) {
+              const updatedDetails = item.details.map((detail, detailIndex) => {
+                if (detailIndex === argument.detailIndex) {
+                  return {...detail, stageByProduct: response.data.data};
+                }
+                return detail;
+              });
+
+              return {...item, details: updatedDetails};
+            }
+            return item;
+          });
+
+          return {
+            ...prevData,
+            workOrder: updatedWorkOrder,
+            EditStatus: true,
+          };
+        });
+        setIsLoading(false);
+        console.log(
+          'RESPONSEEEEEEEEEEE FROM CONSULTATTION22222222',
+          JSON.stringify(response.data.data),
+        );
+      } else {
+        notifyMessage('Data Not Found.....');
+        setIsLoading(false);
+      }
+    });
+    // getLoading(v => setIsLoading(false));
+  }
+
+  return (
+    <View style={{ width: Dimensions.get('screen').width * 0.95 }}>
+      {/* Container for the page title */}
+      <View
+        style={{
+          borderWidth: 0,
+          justifyContent: 'center',
+          alignItems: 'center',
+          marginTop: normalize(5),
+          marginVertical: normalize(5),
+          alignSelf: 'center',
+        }}>
+        <Text
+          style={{
+            fontSize: normalize(14),
+            fontWeight: 'bold',
+            color: '#094485',
+          }}>
+          Stage-By-product
+        </Text>
+      </View>
+      {isLoading ? (
+        <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
+          <Loader />
+        </View>
+      ) : (<ScrollView horizontal={true} style={{ marginVertical: normalize(3) }}>
+        <View>
+          {
+            // Table header section
+            data != undefined && data != null ?
+              < View style={{ flexDirection: 'row' }}>
+                <CTextHeader
+                  text={'Product'}
+                  fontSize={10}
+                  widthArr={Dimensions.get('screen').width * 0.35}
+                  bgColor={'rgba(184, 184, 191,0.3)'} color={'#094485'} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={0}
+                />
+                <CTextHeader
+                  text={'Quantity'}
+                  fontSize={10}
+                  widthArr={Dimensions.get('screen').width * 0.25}
+                  bgColor={'rgba(184, 184, 191,0.3)'} color={'#094485'} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={0}
+                />
+                <CTextHeader
+                  text={'Unit'}
+                  fontSize={10}
+                  widthArr={Dimensions.get('screen').width * 0.25}
+                  bgColor={'rgba(184, 184, 191,0.3)'} color={'#094485'} borderColor={'lightgrey'} marginHorizontal={normalize(2)} borderRadius={5} elevation={0}
+                />
+
+              </View>
+              : null
+          }
+          {data != undefined && data != null ? (
+            data.map((item, i) => (
+              <View
+                key={i}
+                style={{
+                  flexDirection: 'row',
+                }}
+              >
+                {/* Product */}
+                <View style={{
+                  borderWidth: 1,
+                  borderColor: 'lightgrey',
+                  elevation: 0,
+                  borderRadius: 5,
+                  width: Dimensions.get('screen').width * 0.355,
+                  paddingTop: 5,
+                  paddingBottom: 5,
+                  height: Dimensions.get('screen').height * 0.056,
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  paddingHorizontal: normalize(10),
+                }}>
+                  <Text style={{
+                    fontWeight: 'bold',
+                    color: 'black',
+                    fontSize: normalize(10),
+                  }}
+                  >{item.productname}</Text>
+                </View>
+                {/* Quantity */}
+                <View style={{
+                  borderWidth: 1,
+                  borderColor: 'lightgrey',
+                  elevation: 0,
+                  borderRadius: 5,
+                  width: Dimensions.get('screen').width * 0.255,
+                  paddingTop: 5,
+                  paddingBottom: 5,
+                  height: Dimensions.get('screen').height * 0.056,
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  paddingHorizontal: normalize(10),
+                }}>
+                  <Text style={{
+                    fontWeight: 'bold',
+                    color: 'black',
+                    fontSize: normalize(10),
+                  }}
+                  >{item.quantity}</Text>
+                </View>
+                {/* Unit */}
+                <View style={{
+                  borderWidth: 1,
+                  borderColor: 'lightgrey',
+                  elevation: 0,
+                  borderRadius: 5,
+                  width: Dimensions.get('screen').width * 0.25,
+                  paddingTop: 5,
+                  paddingBottom: 5,
+                  height: Dimensions.get('screen').height * 0.056,
+                  alignItems: 'flex-start',
+                  justifyContent: 'center',
+                  paddingHorizontal: normalize(10),
+                }}>
+                  <Text style={{
+                    fontWeight: 'bold',
+                    color: 'black',
+                    fontSize: normalize(10),
+                  }}
+                  >{item.unitname}</Text>
+                </View>
+              </View>
+            ))
+          ) : null}
+        </View>
+      </ScrollView>)}
+    </View>
+  );
+};
+
+export default StageByProduct;