digikhata-mashreq-sdk 1.0.0 → 1.1.0

package/src/app/screens/LowStock.js

@@ -0,0 +1,417 @@
+import React, { useEffect, useState } from 'react';
+import {
+  View,
+  Text,
+  StyleSheet,
+  TouchableOpacity,
+  Platform,
+  FlatList,
+  ScrollView,
+} from 'react-native';
+import {
+  addCommas,
+  Button_Text_SIZES,
+  COLORS,
+  FONT_BOLD,
+  FONT_MEDIUM,
+  FONT_NORMAL,
+  formatDateTime,
+  formatTime,
+  fromJsDateToSql,
+  HP,
+  ICON_SIZES,
+  TEXT_SIZES,
+  WP,
+} from '../themes/config';
+import { Header, BillList } from '../components';
+import LinearGradient from 'react-native-linear-gradient';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { getCashRegisterEntries } from '../database/cash';
+import { AutoSizeText, ResizeTextMode } from 'react-native-auto-size-text';
+import { useSelector } from 'react-redux';
+import { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
+import StockList from '../components/StockList';
+import Customers from './Customers';
+import Suppliers from './Suppliers';
+
+export default function LowStock({ navigation }) {
+  const selectBusiness = useSelector((state) => state.client.selected_business);
+
+  const [CashEntries, setCashEntries] = useState([]);
+  const [Balance, setBalance] = useState('');
+  const [filteredEntries, setFilteredEntries] = useState([]);
+  const [searchText, setSearchText] = useState('');
+  const [StartDate, setStartDate] = useState('');
+  const [EndDate, setEndDate] = useState('');
+  const insets = useSafeAreaInsets();
+
+  const totalCashIN = CashEntries.reduce(
+    (sum, item) => sum + Number(item.cashIN || 0),
+    0
+  );
+
+  const totalCashOUT = CashEntries.reduce(
+    (sum, item) => sum + Number(item.cashOUT || 0),
+    0
+  );
+
+  const balance = totalCashIN - totalCashOUT;
+
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      const today = fromJsDateToSql(new Date()).split(' ')[0];
+      getCashRegisterEntries(null, null, selectBusiness?.id).then(
+        (allEntries) => {
+          const sortedEntries = [...allEntries].sort(
+            (a, b) => new Date(a.created_at) - new Date(b.created_at)
+          );
+
+          let runningBalance = 0;
+          const withBalance = sortedEntries.map((entry) => {
+            runningBalance +=
+              Number(entry.cashIN || 0) - Number(entry.cashOUT || 0);
+            return { ...entry, cashInHand: runningBalance };
+          });
+
+          const todayEntries = withBalance.filter((entry) => {
+            const entryDate = entry.created_at.split(' ')[0];
+            return entryDate === today;
+          });
+
+          setCashEntries(todayEntries?.reverse());
+          setBalance(runningBalance);
+        }
+      );
+    });
+    return () => unsubscribe();
+  }, [navigation]);
+
+  const showStartDate = () => {
+    DateTimePickerAndroid.open({
+      value: StartDate || new Date(),
+      onChange: (event, date) => {
+        if (event?.type == 'set') setStartDate(date);
+      },
+      mode: 'date',
+      maximumDate: EndDate || new Date(),
+    });
+  };
+
+  const showEndDate = () => {
+    DateTimePickerAndroid.open({
+      value: EndDate || new Date(),
+      onChange: (event, date) => {
+        if (event?.type == 'set') setEndDate(date);
+      },
+      mode: 'date',
+      minimumDate: StartDate || undefined,
+      maximumDate: new Date(),
+    });
+  };
+
+  return (
+    <View style={styles.container}>
+      {/* Summary Card */}
+      <LinearGradient
+        colors={[COLORS.primaryColor, COLORS.secondaryColor]}
+        style={styles._grdientContainer}
+        start={{ x: 0, y: 0 }}
+        end={{ x: 1, y: 0 }}
+      />
+
+      <View style={styles.summaryCard}>
+        <View style={{ flexDirection: 'column', gap: 2 }}>
+          <Text style={[styles.sectionLabel, { color: COLORS.blackColor }]}>
+            Total Items: 2
+          </Text>
+          <TouchableOpacity
+            onPress={() => {
+              navigation.navigate('RateList');
+            }}
+          >
+            <Text
+              style={[styles.sectionLabelFooter, { color: COLORS.redColor }]}
+            >
+              View Rate List
+            </Text>
+          </TouchableOpacity>
+        </View>
+
+        <View
+          style={{
+            borderLeftColor: COLORS.borderColor,
+            borderLeftWidth: 1,
+            height: 50,
+            justifyContent: 'center',
+            paddingLeft: 20,
+          }}
+        >
+          <TouchableOpacity
+            onPress={() => {
+              navigation.navigate('StockReport');
+            }}
+          >
+            <Ionicons
+              name={'chevron-forward'}
+              color={COLORS.primaryColor}
+              size={18}
+            />
+          </TouchableOpacity>
+        </View>
+      </View>
+
+      {/* Date Filter */}
+      <View style={styles.dateFilterContainerParent}>
+        <View style={styles.dateFilterContainer}>
+          <TouchableOpacity
+            activeOpacity={0.8}
+            style={styles.dateBtn}
+            onPress={() => {
+              navigation.navigate('StockReport', { type: "IN" });
+            }}
+          >
+            <Text style={[styles.dateBtnText, { color: COLORS.greenColor }]}>
+              STOCK IN REPORT
+            </Text>
+          </TouchableOpacity>
+        </View>
+
+        <View style={styles.dateFilterContainer}>
+          <TouchableOpacity
+            activeOpacity={0.8}
+            style={styles.dateBtn}
+            onPress={() => {
+              navigation.navigate('StockReport', { type: "OUT" });
+            }}
+          >
+            <Text style={[styles.dateBtnText, { color: COLORS.redColor }]}>
+              STOCK OUT REPORT
+            </Text>
+          </TouchableOpacity>
+        </View>
+      </View>
+
+      {/* Entries Summary (Out/In) */}
+      {/* {filteredEntries.length > 0 && (
+        <View style={styles.entriesSummary}>
+          <View style={styles.summaryRow}>
+            <Text style={styles.summaryDate}>{new Date().toDateString()}</Text>
+            <Text style={styles.summarySub}>{CashEntries.length} Entries</Text>
+          </View>
+
+          <View style={styles.summaryRight}>
+            <Text style={styles.summaryDate}>Out</Text>
+            <Text style={[styles.summarySub, { color: COLORS.primaryColor }]}>
+              Rs {addCommas(totalCashOUT)}
+            </Text>
+          </View>
+
+          <View style={styles.summaryRight}>
+            <Text style={styles.summaryDate}>In</Text>
+            <Text style={[styles.summarySub, { color: COLORS.primaryColor }]}>
+              Rs {addCommas(totalCashIN)}
+            </Text>
+          </View>
+        </View>
+      )} */}
+
+      {/* Bill List */}
+      <View style={styles.listContainer}>
+        <StockList />
+      </View>
+
+      {/* Create Bill Button */}
+
+      <TouchableOpacity
+        style={[styles._floatingBtn, { bottom: 130 + insets.bottom }]}
+        activeOpacity={0.8}
+        onPress={() => {
+          navigation.navigate('AdditemBillChild');
+        }}
+      >
+        <LinearGradient
+          start={{ x: 0, y: 0 }}
+          end={{ x: 1, y: 0 }}
+          colors={[COLORS.primaryColor, COLORS.primaryColor]}
+          style={styles._linearGradient}
+        >
+          <Ionicons
+            name={'add'}
+            color={COLORS.whiteColor}
+            size={ICON_SIZES.FAB_ICON}
+            style={{ paddingLeft: 10 }}
+          />
+
+          <Text style={styles._fabTxt}>ADD ITEM</Text>
+        </LinearGradient>
+      </TouchableOpacity>
+    </View>
+  );
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: COLORS.backgroundColor,
+    alignItems: 'center',
+    // marginTop: 30,
+  },
+  gradientHeader: {
+    width: '100%',
+  },
+  summaryCard: {
+    width: '95%',
+    backgroundColor: COLORS.whiteColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginTop: -35,
+    // paddingVertical: 15,
+    height: 80,
+    paddingHorizontal: 20,
+    shadowColor: '#000',
+    shadowOffset: { width: 0, height: 2 },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 4,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+  },
+  sectionLabel: {
+    fontFamily: FONT_MEDIUM,
+    fontSize: 15,
+  },
+  sectionLabelFooter: {
+    fontFamily: FONT_MEDIUM,
+    fontSize: 10,
+  },
+  sectionValue: {
+    fontFamily: FONT_MEDIUM,
+    fontSize: 15,
+  },
+  dateFilterContainer: {
+    // flexDirection: 'column',
+    width: '46%',
+    backgroundColor: COLORS.whiteColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginTop: 10,
+    paddingVertical: 10,
+    justifyContent: 'space-around',
+    alignItems: 'center',
+    elevation: 3,
+  },
+  dateFilterContainerParent: {
+    flexDirection: 'row',
+    width: '100%',
+    // backgroundColor: COLORS.whiteColor,
+    // borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    // marginTop: 10,
+    // paddingVertical: 10,
+    // justifyContent: 'space-around',
+    justifyContent: 'center',
+    gap: 10,
+    alignItems: 'center',
+    // elevation: 3,
+  },
+  dateBtn: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    gap: 6,
+  },
+  dateBtnText: {
+    color: COLORS.primaryColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 12,
+  },
+  entriesSummary: {
+    width: '90%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginTop: 15,
+    borderBottomWidth: 0.7,
+    borderBottomColor: COLORS.darkGrey,
+    paddingBottom: 8,
+  },
+  summaryRow: {
+    width: '50%',
+  },
+  summaryRight: {
+    alignItems: 'flex-end',
+    width: '25%',
+  },
+  summaryDate: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 14,
+  },
+  summarySub: {
+    color: COLORS.darkGrey,
+    fontFamily: FONT_NORMAL,
+    fontSize: 12,
+  },
+  listContainer: {
+    flex: 1,
+    width: '100%',
+    marginTop: 15,
+    alignItems: 'center',
+  },
+  footer: {
+    width: '90%',
+    paddingVertical: 15,
+    justifyContent: 'center',
+    alignItems: 'center',
+  },
+  createBtn: {
+    width: '100%',
+    height: 50,
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    justifyContent: 'center',
+    alignItems: 'center',
+    flexDirection: 'row',
+  },
+  createBtnText: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: Button_Text_SIZES.Button_Text,
+  },
+
+  _floatingBtn: {
+    // width: WP(42),
+    height: 45,
+    position: 'absolute',
+    right: 12,
+    bottom: 70,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    overflow: 'hidden',
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2,
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 5,
+  },
+  _linearGradient: {
+    // width: "100%",
+    height: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    gap: 10,
+  },
+  _fabTxt: {
+    color: COLORS.whiteColor,
+    fontSize: TEXT_SIZES.FLOATING_BUTTON_TEXT,
+    fontFamily: FONT_MEDIUM,
+    paddingRight: 10,
+  },
+  _grdientContainer: {
+    width: '100%',
+    height: HP(6),
+    // alignItems: 'center',
+    // marginRight: 6
+  },
+});

package/src/app/screens/NewPin.js

@@ -0,0 +1,225 @@
+import { View, Text, TouchableOpacity, StyleSheet, Alert } from 'react-native'
+import React, { useState } from 'react'
+import { calculatePendingInstallments, COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL } from '../themes/config'
+import Ionicons from 'react-native-vector-icons/Ionicons'
+import { ensureBusinessTableColumns, getAllBusinesses, selectBusiness } from '../database/business'
+import { addTransaction, ensureTransactionsTableColumns, getAllClients, getClientDetails, updateClientPaymentMode } from '../database/clients'
+import { SELECTED_BUSINESS } from '../redux/reducers/client/client_types'
+import { useDispatch } from 'react-redux'
+import { Loader } from '../components'
+import axios from 'axios'
+import { API_KEY, SET_PIN } from '../api/api'
+import DeviceInfo from 'react-native-device-info';
+import { USER_DATA } from '../redux/reducers/user/user_types'
+
+export default function NewPin({ navigation, route }) {
+
+    const dispatch = useDispatch();
+    const { phoneNum } = route.params;
+
+    const [pin, setPin] = useState([])
+    const [pinOne, setPinOne] = useState([])
+    const [confirmPin, setConfirmPin] = useState([])
+    const [Loading, setLoading] = useState(false)
+    const [Title, setTitle] = useState("Let's set your login PIN")
+
+    const keys = [
+        [1, 2, 3],
+        [4, 5, 6],
+        [7, 8, 9],
+        ["", 0, "⌫"]
+    ]
+
+    const handlePress = (key) => {
+        if (key === "⌫") {
+            setPin(pin.slice(0, -1));
+            return;
+        }
+
+        if (key === "" || pin.length >= 4) return;
+
+        const newPin = [...pin, key];
+        setPin(newPin);
+
+        if (newPin.length === 4 && pinOne.length === 0) {
+            setPinOne(newPin);
+            setPin([]);
+            setTitle("Confirm your PIN");
+            return;
+        }
+        if (newPin.length === 4 && pinOne.length === 4) {
+            if (pinOne.join("") === newPin.join("")) {
+                const finalPin = newPin.join("");
+                console.log("Confirmed PIN:", finalPin);
+                setConfirmPin(finalPin);
+                onContinue(finalPin)
+            } else {
+                Alert.alert("Error", "PINs do not match");
+                setPin([]);
+                setPinOne([]);
+                setTitle("Let's set your login PIN");
+            }
+        }
+    };
+
+    const onContinue = async (pin) => {
+        if (pinOne.length !== 4 || pin.length !== 4) return;
+
+        setLoading(true);
+
+        try {
+            const deviceId = await DeviceInfo.getUniqueId();
+            const number = phoneNum.replace("+", "");
+            const api_key = API_KEY;
+            const secret_key = Math.floor(Date.now() / 1000);
+
+            const response = await axios.post(SET_PIN, null, {
+                params: {
+                    deviceId,
+                    os: 1,
+                    number,
+                    api_key,
+                    secret_key,
+                    pin,
+                },
+            });
+
+            setLoading(false);
+            dispatch({ type: USER_DATA, payload: response.data });
+            navigation.replace('bottomTabs', { screen: 'BusinessStack' });
+            console.log(response.data);
+        } catch (error) {
+            setLoading(false);
+            console.log(error);
+        }
+    };
+
+
+    return (
+        <View style={Styles._mainContainer}>
+            <Loader isVisible={Loading} title="Loading..." />
+            <View style={Styles._headerMain}>
+                <TouchableOpacity
+                    activeOpacity={0.8}
+                    onPress={() => {
+                        navigation.goBack()
+                    }}
+                >
+                    <Ionicons name="arrow-back" size={24} color={COLORS.primaryColor} />
+                </TouchableOpacity>
+            </View>
+
+            <View style={Styles._bodyMain}>
+                <Ionicons
+                    name="lock-closed-outline"
+                    size={50}
+                    color={COLORS.primaryColor}
+                />
+
+                <Text style={[Styles._bodyText, { fontFamily: FONT_BOLD, color: "black", fontSize: 25 }]}>Create Login PIN</Text>
+                <Text style={Styles._bodyText}>{Title}</Text>
+
+                <View style={Styles._pinInputMain}>
+                    <View style={[Styles._pinInputItem, { backgroundColor: pin.length >= 1 ? COLORS.primaryColor : COLORS.lightGrey }]} />
+                    <View style={[Styles._pinInputItem, { backgroundColor: pin.length >= 2 ? COLORS.primaryColor : COLORS.lightGrey }]} />
+                    <View style={[Styles._pinInputItem, { backgroundColor: pin.length >= 3 ? COLORS.primaryColor : COLORS.lightGrey }]} />
+                    <View style={[Styles._pinInputItem, { backgroundColor: pin.length >= 4 ? COLORS.primaryColor : COLORS.lightGrey }]} />
+                </View>
+            </View>
+
+            <View style={Styles._numPadMain}>
+                {
+                    keys.map((row, index) => (
+                        <View key={index} style={Styles._numPadRow}>
+                            {
+                                row.map((key, index) => (
+                                    <TouchableOpacity
+                                        activeOpacity={0.8}
+                                        style={Styles._numPadItem}
+                                        key={index}
+                                        onPress={() => handlePress(key)}
+                                    >
+                                        <Text style={Styles._numPadText}>{key}</Text>
+                                    </TouchableOpacity>
+                                ))
+                            }
+                        </View>
+                    ))
+                }
+            </View>
+        </View>
+    )
+}
+
+const Styles = StyleSheet.create({
+    _mainContainer: {
+        flex: 1,
+        backgroundColor: COLORS.whiteColor
+    },
+    _headerMain: {
+        flex: 0.07,
+        backgroundColor: COLORS.whiteColor,
+        justifyContent: "center",
+        paddingHorizontal: 20
+    },
+    _bodyMain: {
+        flex: 0.52,
+        backgroundColor: COLORS.whiteColor,
+        justifyContent: "flex-start",
+        alignItems: "center",
+        gap: 20,
+        paddingTop: 50
+    },
+    _bodyText: {
+        fontSize: 20,
+        color: COLORS.blackColor,
+        fontFamily: FONT_NORMAL,
+        letterSpacing: 1
+    },
+    _pinInputMain: {
+        width: "100%",
+        flexDirection: "row",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 20
+    },
+    _pinInputItem: {
+        width: 40,
+        height: 40,
+        borderRadius: 10,
+        backgroundColor: COLORS.lightGrey,
+        justifyContent: "center",
+        alignItems: "center"
+    },
+    _numPadMain: {
+        flex: 0.45,
+        backgroundColor: COLORS.whiteColor,
+        // justifyContent: "space-between",
+        alignItems: "flex-end",
+        gap: 20,
+        width: "100%",
+        // paddingTop: 50,
+    },
+    _numPadRow: {
+        flexDirection: "row",
+        justifyContent: "space-between",
+        alignItems: "center",
+        // gap: 20,
+        width: "100%",
+        paddingHorizontal: 20,
+    },
+    _numPadItem: {
+        width: "30%",
+        height: 60,
+        // borderRadius: 10,
+        backgroundColor: COLORS.whiteColor,
+        justifyContent: "center",
+        alignItems: "center"
+    },
+    _numPadText: {
+        fontSize: 30,
+        color: COLORS.primaryColor,
+        fontFamily: FONT_NORMAL,
+        // letterSpacing: 1
+    }
+})