digikhata-mashreq-sdk 1.0.0 → 1.1.0

package/lib/module/app/screens/PinScreen.js

@@ -0,0 +1,663 @@
+"use strict";
+
+import { View, Text, TouchableOpacity, StyleSheet, Alert } from 'react-native';
+import React, { useState } from 'react';
+import { calculatePendingInstallments, COLORS, FONT_MEDIUM, FONT_NORMAL } from "../themes/config.js";
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { addNewBusiness, ensureBusinessTableColumns, getAllBusinesses, hardDeleteBusinessesNotOfUser, hardDeleteTransactionsNotOfUser, selectBusiness } from "../database/business.js";
+import { addClient, addTransaction, ensureTransactionsTableColumns, getAllClients, getAllTransactions, getClientDetails, hardDeleteClientsNotOfUser, insertBank, updateClientPaymentMode } from "../database/clients.js";
+import { SELECTED_BUSINESS } from "../redux/reducers/client/client_types.js";
+import { useDispatch } from 'react-redux';
+import { Loader } from "../components/index.js";
+import { useSelector } from 'react-redux';
+import axios from 'axios';
+import { GET_BUSINESSES_BY_USER_ID, GET_CLIENTS_BY_BUSINESS_ID, SIGN_IN } from "../api/api.js";
+import DeviceInfo from 'react-native-device-info';
+import { USER_BUSINESS, USER_CLIENTS, USER_DATA } from "../redux/reducers/user/user_types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function PinScreen({
+  navigation,
+  route
+}) {
+  const {
+    phoneNum
+  } = route.params;
+  const dispatch = useDispatch();
+  const [pin, setPin] = useState([]);
+  const [Loading, setLoading] = useState(false);
+  const keys = [[1, 2, 3], [4, 5, 6], [7, 8, 9], ["", 0, "⌫"]];
+  const handlePress = async key => {
+    if (key === "⌫") {
+      setPin(pin.slice(0, -1));
+    } else if (key === "") {
+      return;
+    } else {
+      if (pin.length < 4) {
+        const newPin = [...pin, key];
+        setPin(newPin);
+        if (newPin.length === 4) {
+          await initApp(newPin);
+        }
+      }
+    }
+  };
+
+  // const initApp = async (newPin) => {
+  //     setLoading(true);
+
+  //     try {
+  //         await Promise.all([
+  //             ensureBusinessTableColumns(),
+  //             ensureTransactionsTableColumns(),
+  //         ]);
+
+  //         const loginResponse = await signIn(newPin);
+  //         if (loginResponse?.code !== 200) {
+  //             setLoading(false);
+  //             Alert.alert("Error", loginResponse?.msg);
+  //             setPin([]);
+  //             return;
+  //         }
+
+  //         dispatch({ type: USER_DATA, payload: loginResponse?.data });
+  //         const businesses = await getAllBusinesses();
+
+  //         if (!businesses || businesses.length === 0) {
+  //             navigation.replace('bottomTabs', { screen: 'BusinessStack' });
+  //             return;
+  //         }
+
+  //         let selected = businesses.find(item => item?.isSelected);
+
+  //         if (!selected) {
+  //             await selectBusiness(businesses[0].id);
+  //             dispatch({
+  //                 type: SELECTED_BUSINESS,
+  //                 payload: businesses[0],
+  //             });
+  //             selected = businesses[0];
+  //         } else {
+  //             dispatch({
+  //                 type: SELECTED_BUSINESS,
+  //                 payload: selected,
+  //             });
+  //         }
+
+  //         const allClients = await getAllClients('most_recent', selected.id);
+
+  //         const client_details = await Promise.all(
+  //             allClients.map(async (item) => {
+  //                 return await getClientDetails(item?.id);
+  //             })
+  //         );
+
+  //         const installments = (
+  //             await Promise.all(
+  //                 client_details.map(async (i) => {
+  //                     if (!i?.payment_mode) return null;
+
+  //                     let parsed;
+  //                     try {
+  //                         parsed = JSON.parse(i.payment_mode);
+  //                     } catch {
+  //                         return null;
+  //                     }
+
+  //                     if (Number(parsed?.active) === 1) {
+  //                         return { ...parsed, clientId: i?.id };
+  //                     }
+  //                     return null;
+  //                 })
+  //             )
+  //         ).filter(Boolean);
+
+  //         const active_installments = await calculatePendingInstallments(installments);
+
+  //         for (const inst of active_installments) {
+  //             const pending = inst?.pendingInstallments || 0;
+  //             if (!inst.clientId || pending <= 0) continue;
+
+  //             for (let i = 0; i < pending; i++) {
+  //                 await addTransaction(
+  //                     inst.clientId,
+  //                     String(inst.amountPerInstallment),
+  //                     "0",
+  //                     "",
+  //                     fromJsDateToSql(new Date()),
+  //                     "",
+  //                     null,
+  //                     "",
+  //                     true
+  //                 );
+  //             }
+
+  //             const paymentJSON = {
+  //                 active: '1',
+  //                 payment_mode: inst?.payment_mode,
+  //                 amount: Number(inst?.amountPerInstallment),
+  //                 total:
+  //                     Number(inst?.totalInstallments) -
+  //                     Number(inst?.pendingInstallments),
+  //                 interval: 2592000000,
+  //                 start_date: inst?.start_date,
+  //                 last_entry_date: new Date().getTime(),
+  //             };
+
+  //             await updateClientPaymentMode(
+  //                 inst.clientId,
+  //                 JSON.stringify(paymentJSON)
+  //             );
+  //         }
+
+  //         navigation.replace('bottomTabs');
+
+  //     } catch (err) {
+  //         console.error("Initialization error:", err);
+  //     } finally {
+  //         setLoading(false);
+  //     }
+  // };
+
+  // const initApp = async (newPin) => {
+  //     setLoading(true);
+
+  //     try {
+  //         await Promise.all([
+  //             ensureBusinessTableColumns(),
+  //             ensureTransactionsTableColumns(),
+  //         ]);
+
+  //         const loginResponse = await signIn(newPin);
+  //         if (loginResponse?.code !== 200) {
+  //             setLoading(false);
+  //             Alert.alert("Error", loginResponse?.msg);
+  //             setPin([]);
+  //             return;
+  //         }
+
+  //         dispatch({ type: USER_DATA, payload: loginResponse?.data });
+
+  //         const businesses = await axios.get(GET_BUSINESSES_BY_USER_ID + `/${loginResponse?.data?.serverId}`, {
+  //             headers: {
+  //                 Authorization: `Bearer ${loginResponse?.data?.azureToken}`,
+  //             },
+  //         });
+
+  //         let localBusinesses = await getAllBusinesses();
+
+  //         const list = businesses?.data?.[0]?.data ?? [];
+
+  //         await Promise.all(
+  //             list.map(async (businessData) => {
+  //                 let localBusiness = localBusinesses?.find(
+  //                     (item) => item?.serverId === businessData?.id
+  //                 );
+  //                 try {
+  //                     if (localBusiness) {
+  //                         console.log("Business already exists: ", businessData?.name);
+
+  //                     }
+  //                     else {
+  //                         await addNewBusiness(
+  //                             businessData?.name,
+  //                             businessData?.phone,
+  //                             businessData?.owner,
+  //                             businessData?.type,
+  //                             businessData?.category,
+  //                             businessData?.address,
+  //                             businessData?.address_line,
+  //                             businessData?.city,
+  //                             "",
+  //                             "",
+  //                             businessData?.id,
+  //                             ""
+  //                         );
+  //                         console.log("Business added: ", businessData?.name);
+  //                     }
+  //                 } catch (err) {
+  //                     console.error("Failed to add business: ", businessData?.name, err);
+  //                 }
+  //             })
+  //         );
+
+  //         if (!businesses || businesses?.data[0]?.data?.length === 0) {
+  //             // navigation.replace('bottomTabs', { screen: 'BusinessStack' });
+  //             navigation.reset({
+  //                 index: 0,
+  //                 routes: [
+  //                     {
+  //                         name: 'bottomTabs',
+  //                         state: {
+  //                             routes: [
+  //                                 { name: 'BusinessStack' },
+  //                             ],
+  //                         },
+  //                     },
+  //                 ],
+  //             });
+
+  //             return;
+  //         }
+
+  //         let selected = businesses?.data[0]?.data[0];
+
+  //         if (!selected) {
+  //             // await selectBusiness(businesses[0].id);
+  //             dispatch({
+  //                 type: SELECTED_BUSINESS,
+  //                 payload: businesses?.data[0]?.data[0],
+  //             });
+  //             selected = businesses?.data[0]?.data[0];
+  //         } else {
+  //             dispatch({
+  //                 type: SELECTED_BUSINESS,
+  //                 payload: selected,
+  //             });
+  //         }
+
+  //         const clientResponse = await axios.get(
+  //             `${GET_CLIENTS_BY_BUSINESS_ID}/${selected?.id}`,
+  //             {
+  //                 headers: {
+  //                     Authorization: `Bearer ${loginResponse?.data?.azureToken}`,
+  //                 },
+  //             }
+  //         );
+
+  //         const allClients = clientResponse?.data?.[0]?.data;
+
+  //         dispatch({
+  //             type: USER_CLIENTS,
+  //             payload: allClients
+  //         })
+
+  //         // Add isSelected property to businesses
+  //         const businessesWithSelection = {
+  //             ...businesses?.data[0],
+  //             data: businesses?.data[0]?.data?.map(business => ({
+  //                 ...business,
+  //                 isSelected: business?.id === selected?.id
+  //             }))
+  //         };
+
+  //         dispatch({
+  //             type: USER_BUSINESS,
+  //             payload: businessesWithSelection
+  //         })
+
+  //         // navigation.replace('bottomTabs');
+  //         navigation.reset({
+  //             index: 0,
+  //             routes: [
+  //                 { name: 'bottomTabs' },
+  //             ],
+  //         });
+
+  //     } catch (err) {
+  //         console.error("Initialization error:", err);
+  //     } finally {
+  //         setLoading(false);
+  //     }
+  // };
+
+  const initApp = async newPin => {
+    setLoading(true);
+    try {
+      /* 1️⃣ Ensure DB schema */
+      await Promise.all([ensureBusinessTableColumns(), ensureTransactionsTableColumns()]);
+
+      /* 2️⃣ Login */
+      const loginResponse = await signIn(newPin);
+      if (loginResponse?.code !== 200) {
+        Alert.alert("Error", loginResponse?.msg);
+        setPin([]);
+        return;
+      }
+      dispatch({
+        type: USER_DATA,
+        payload: loginResponse?.data
+      });
+      await hardDeleteBusinessesNotOfUser(loginResponse?.data?.serverId);
+      await hardDeleteClientsNotOfUser(loginResponse?.data?.serverId);
+      await hardDeleteTransactionsNotOfUser(loginResponse?.data?.serverId);
+
+      /* 3️⃣ Fetch businesses from server */
+      const businessResponse = await axios.get(`${GET_BUSINESSES_BY_USER_ID}/${loginResponse?.data?.serverId}`, {
+        headers: {
+          Authorization: `Bearer ${loginResponse?.data?.azureToken}`
+        }
+      });
+      const serverBusinesses = businessResponse?.data?.[0]?.data ?? [];
+
+      /* 4️⃣ Sync server businesses → local DB */
+      const localBusinesses = await getAllBusinesses();
+      const localMap = Object.fromEntries(localBusinesses.map(b => [b.serverId, true]));
+      await Promise.all(serverBusinesses.map(async business => {
+        if (localMap[business?.id]) return;
+        try {
+          if (business?.is_deleted == 0) {
+            await addNewBusiness(business?.name, business?.phone, business?.owner, business?.type, business?.category, business?.address, business?.address_line, business?.city, "", "", business?.id, "", business?.user_id);
+          }
+        } catch (err) {
+          console.error("Business sync failed:", business?.name, err);
+        }
+      }));
+
+      /* 6️⃣ Select active business */
+
+      const businesses = await getAllBusinesses();
+      if (!businesses || businesses.length === 0) {
+        navigation.reset({
+          index: 0,
+          routes: [{
+            name: 'bottomTabs',
+            state: {
+              routes: [{
+                name: 'BusinessStack'
+              }]
+            }
+          }]
+        });
+        return;
+      }
+      let selected = businesses.find(item => item?.isSelected);
+      if (!selected) {
+        await selectBusiness(businesses[0].id);
+        dispatch({
+          type: SELECTED_BUSINESS,
+          payload: businesses[0]
+        });
+        selected = businesses[0];
+      } else {
+        dispatch({
+          type: SELECTED_BUSINESS,
+          payload: selected
+        });
+      }
+
+      /* 7️⃣ Fetch clients for selected business */
+      const clientResponse = await axios.get(`${GET_CLIENTS_BY_BUSINESS_ID}/${selected?.serverId}`, {
+        headers: {
+          Authorization: `Bearer ${loginResponse?.data?.azureToken}`
+        }
+      });
+
+      // Fetch clients already in local DB
+      const localClients = await getAllClients();
+      const localMapClients = Object.fromEntries(localClients.map(c => [c.serverId, true]));
+      const serverToLocalBusinessMap = {};
+      businesses.forEach(b => {
+        if (b.serverId) {
+          serverToLocalBusinessMap[b.serverId] = b.id; // local id
+        }
+      });
+
+      // Iterate over each server business
+      for (const business of serverBusinesses) {
+        const localBusinessId = serverToLocalBusinessMap[business?.id]; // use local ID
+        const clients = business?.clients ?? [];
+        for (const client of clients) {
+          try {
+            if (localMapClients[client?.serverId]) continue; // use serverId for lookup
+
+            if (client?.type === 2 && client?.is_deleted == 0) {
+              await insertBank(client?.name, client?.phone, client?.type, client?.title, "", localBusinessId,
+              // <-- local business ID
+              client?.id,
+              // serverId
+              client?.created_at, client?.updated_at);
+            } else {
+              if (client?.is_deleted == 0) {
+                await addClient(client?.name, client?.phone, client?.type, localBusinessId,
+                // <-- local business ID
+                client?.id,
+                // serverId
+                client?.created_at, client?.updated_at);
+              }
+            }
+          } catch (err) {
+            console.error("Client sync failed:", client?.name, err);
+          }
+        }
+      }
+
+      // Fetch local transactions and make a lookup map by serverId
+      const localTransactions = await getAllTransactions();
+      const localMapTransactions = Object.fromEntries(localTransactions.map(t => [t.serverId, true]));
+
+      // Map server business IDs to local IDs
+      const serverToLocalBusinessMapForTransactions = {};
+      businesses.forEach(b => {
+        if (b.serverId) {
+          serverToLocalBusinessMapForTransactions[b.serverId] = b.id; // local business ID
+        }
+      });
+      serverBusinesses?.map(business => {
+        business?.clients?.map(client => {
+          console.log(client);
+        });
+      });
+      let localClientsAgain = await getAllClients();
+
+      // Iterate over each server business
+      for (const business of serverBusinesses) {
+        const localBusinessId = serverToLocalBusinessMapForTransactions[business?.id]; // local business ID
+        const clients = business?.clients ?? [];
+        for (const client of clients) {
+          let id = localClientsAgain.find(c => c?.serverId == client?.id)?.id;
+          const localClientId = id;
+          const transactions = client?.transactions ?? [];
+          for (const transaction of transactions) {
+            try {
+              // Skip if transaction already exists locally
+              if (localMapTransactions[transaction?.id]) continue;
+              if (transaction?.is_deleted == 0) {
+                await addTransaction(Number(localClientId),
+                // local customer_id
+                transaction?.amount, transaction?.subamount, transaction?.notes, transaction?.date, transaction?.local_path ?? '', transaction?.cash_type, transaction?.items ?? '', transaction?.isInstallment ?? 0, transaction?.id,
+                // serverId
+                transaction?.created_at, transaction?.updated_at);
+              }
+            } catch (err) {
+              console.error("Transaction sync failed:", transaction?.serverId, err);
+            }
+          }
+        }
+      }
+      dispatch({
+        type: USER_CLIENTS,
+        payload: clientResponse?.data[0]?.data
+      });
+
+      /* 8️⃣ Mark selected business */
+      dispatch({
+        type: USER_BUSINESS,
+        payload: {
+          ...businessResponse?.data[0],
+          data: serverBusinesses.map(b => ({
+            ...b,
+            isSelected: b.id === selected?.serverId
+          }))
+        }
+      });
+
+      /* 9️⃣ Navigate to app */
+      navigation.reset({
+        index: 0,
+        routes: [{
+          name: 'bottomTabs'
+        }]
+      });
+    } catch (err) {
+      console.error("Initialization error:", err);
+    } finally {
+      setLoading(false);
+    }
+  };
+  const signIn = async newPin => {
+    let number = phoneNum.replace("+", "");
+    let deviceId = DeviceInfo.getUniqueId();
+    let otp = newPin.join("");
+    let source = "digikhata";
+    let os = 1;
+    console.log({
+      number,
+      deviceId,
+      otp,
+      source,
+      os
+    });
+    try {
+      const response = await axios.post(SIGN_IN, null, {
+        params: {
+          number,
+          deviceId,
+          otp,
+          source,
+          os
+        }
+      });
+      return response.data;
+    } catch (error) {
+      setPin([]);
+      console.log(error?.message);
+      throw error?.message;
+    }
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    style: Styles._mainContainer,
+    children: [/*#__PURE__*/_jsx(Loader, {
+      isVisible: Loading,
+      title: "Loading..."
+    }), /*#__PURE__*/_jsx(View, {
+      style: Styles._headerMain,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: () => {
+          navigation.goBack();
+        },
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "arrow-back",
+          size: 24,
+          color: COLORS.primaryColor
+        })
+      })
+    }), /*#__PURE__*/_jsxs(View, {
+      style: Styles._bodyMain,
+      children: [/*#__PURE__*/_jsx(Ionicons, {
+        name: "lock-closed-outline",
+        size: 50,
+        color: COLORS.primaryColor
+      }), /*#__PURE__*/_jsx(Text, {
+        style: Styles._bodyText,
+        children: "Enter Login PIN"
+      }), /*#__PURE__*/_jsxs(View, {
+        style: Styles._pinInputMain,
+        children: [/*#__PURE__*/_jsx(View, {
+          style: [Styles._pinInputItem, {
+            backgroundColor: pin.length >= 1 ? COLORS.primaryColor : COLORS.lightGrey
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [Styles._pinInputItem, {
+            backgroundColor: pin.length >= 2 ? COLORS.primaryColor : COLORS.lightGrey
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [Styles._pinInputItem, {
+            backgroundColor: pin.length >= 3 ? COLORS.primaryColor : COLORS.lightGrey
+          }]
+        }), /*#__PURE__*/_jsx(View, {
+          style: [Styles._pinInputItem, {
+            backgroundColor: pin.length >= 4 ? COLORS.primaryColor : COLORS.lightGrey
+          }]
+        })]
+      })]
+    }), /*#__PURE__*/_jsx(View, {
+      style: Styles._numPadMain,
+      children: keys.map((row, index) => /*#__PURE__*/_jsx(View, {
+        style: Styles._numPadRow,
+        children: row.map((key, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: Styles._numPadItem,
+          onPress: () => handlePress(key),
+          children: /*#__PURE__*/_jsx(Text, {
+            style: Styles._numPadText,
+            children: key
+          })
+        }, index))
+      }, index))
+    })]
+  });
+}
+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
+  }
+});
+//# sourceMappingURL=PinScreen.js.map