digikhata-mashreq-sdk 0.1.1

package/src/app/components/Transaction.js

@@ -0,0 +1,91 @@
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native'
+import React from 'react'
+import { COLORS, FONT_MEDIUM, FONT_NORMAL } from '../themes/config'
+import Ionicons from "react-native-vector-icons/Ionicons"
+
+export default function Transaction({ date, notes, billNo, isAttachment, balance, firstCell, secondCell, onPress }) {
+    return (
+        <TouchableOpacity
+            style={Styles._mainContainer}
+            activeOpacity={0.8}
+            onPress={onPress}
+        >
+            <View style={Styles._entriesCell}>
+                <Text style={Styles._dateText}>{date}</Text>
+                {notes ? <Text style={Styles._billNo}>{notes}</Text> : null}
+                {billNo ? <Text style={Styles._billNo}>Bill No. {billNo}</Text> : null}
+                {isAttachment && (
+                    <Ionicons
+                        name={"attach"}
+                        color={COLORS.darkGrey}
+                        size={20}
+                    />
+                )}
+                {balance !== null && balance !== undefined && (
+                    <Text
+                        style={[
+                            Styles._balanceText,
+                            { color: balance < 0 ? "red" : "green" }
+                        ]}
+                    >
+                        Bal. Rs {Math.abs(balance)}
+                    </Text>
+                )}
+            </View>
+
+            <View style={Styles._firstCell}>
+                <Text style={{ color: "red", fontFamily: FONT_MEDIUM, fontSize: 12 }}>
+                    {firstCell}
+                </Text>
+            </View>
+            <View style={Styles._secondCell}>
+                <Text style={{ color: "green", fontFamily: FONT_MEDIUM, fontSize: 12 }}>
+                    {secondCell}
+                </Text>
+            </View>
+        </TouchableOpacity>
+    )
+}
+
+const Styles = StyleSheet.create({
+    _mainContainer: {
+        width: "100%",
+        flexDirection: "row",
+        borderBottomColor: COLORS.darkGrey,
+        borderBottomWidth: 0.7,
+    },
+    _entriesCell: {
+        width: "50%",
+        alignItems: "flex-start",
+        paddingLeft: 5,
+        gap: 3,
+        paddingVertical: 10
+    },
+    _firstCell: {
+        width: "25%",
+        backgroundColor: "rgba(250,0,0,0.1)",
+        alignItems: "flex-end",
+        justifyContent: "center",
+        paddingRight: 5
+    },
+    _secondCell: {
+        width: "25%",
+        alignItems: "flex-end",
+        justifyContent: "center",
+        paddingRight: 5,
+    },
+    _dateText: {
+        color: COLORS.darkGrey,
+        fontSize: 12,
+        fontFamily: FONT_MEDIUM
+    },
+    _billNo: {
+        color: COLORS.blackColor,
+        fontSize: 12,
+        fontFamily: FONT_MEDIUM
+    },
+    _balanceText: {
+        fontFamily: FONT_NORMAL,
+        fontSize: 12
+    },
+})

package/src/app/components/User.js

@@ -0,0 +1,85 @@
+import { View, Text, TouchableOpacity, StyleSheet } from 'react-native'
+import React from 'react'
+import { COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL, getAvatar, WP } from '../themes/config'
+
+export default function User({ name, addedAt, amount, type, avatarColor = 'red', onPress, clientType }) {
+    return (
+        <TouchableOpacity
+            style={Styles._mainContainer}
+            activeOpacity={0.8}
+            onPress={onPress}
+        >
+            <View style={Styles._avatarMain}>
+                <Text style={[Styles._avatarText, { color: avatarColor }]}>{getAvatar(name)}</Text>
+            </View>
+
+            <View style={Styles._detailsMain}>
+                <Text style={Styles._name}>{name}</Text>
+                <Text style={Styles._addedAt}>{addedAt}</Text>
+            </View>
+            <View style={Styles._amount}>
+                <Text style={[Styles._amountTxt, { color: type == "receivable" ? "green" : type == "payable" ? "red" : COLORS.blackColor }]}>Rs {amount}</Text>
+                <Text style={Styles._amountTxt}>{type == "receivable" ? "You'll Give" : type == "payable" ? (clientType == 0 ? "You'll Get" : "Received") : ""}</Text>
+            </View>
+        </TouchableOpacity>
+    )
+}
+
+const Styles = StyleSheet.create({
+    _mainContainer: {
+        width: WP(94),
+        height: 60,
+        flexDirection: "row",
+        backgroundColor: COLORS.whiteColor,
+        alignItems: "center",
+        marginVertical: 7
+    },
+    _avatarMain: {
+        width: 47,
+        height: 47,
+        backgroundColor: COLORS.lightGrey,
+        borderRadius: 100,
+        justifyContent: "center",
+        alignItems: "center",
+    },
+    _avatarText: {
+        fontFamily: FONT_NORMAL,
+        fontSize: 16,
+        color: COLORS.primaryColor
+    },
+    _detailsMain: {
+        width: '60%',
+        height: "100%",
+        justifyContent: "center",
+        paddingLeft: 15,
+        borderBottomColor: COLORS.grey,
+        borderBottomWidth: 0.7,
+        gap: 4
+        // backgroundColor: "lightblue"
+    },
+    _name: {
+        color: COLORS.blackColor,
+        fontFamily: FONT_MEDIUM,
+        fontSize: 13
+    },
+    _addedAt: {
+        color: COLORS.grey,
+        fontFamily: FONT_MEDIUM,
+        fontSize: 11,
+    },
+    _amountTxt: {
+        color: COLORS.grey,
+        fontFamily: FONT_NORMAL,
+        fontSize: 12,
+    },
+    _amount: {
+        width: "25%",
+        //  backgroundColor:"red",
+        height: "100%",
+        borderBottomColor: COLORS.grey,
+        borderBottomWidth: 0.7,
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 3
+    },
+})

package/src/app/components/index.js

@@ -0,0 +1,15 @@
+import Balance from "./Balance";
+import Entries from "./Entries";
+import SearchBar from "./SearchBar";
+import User from "./User";
+import CountryPhoneInput from "./CountryPhoneInput";
+import Transaction from "./Transaction";
+
+export {
+    Balance,
+    Entries,
+    SearchBar,
+    User,
+    CountryPhoneInput,
+    Transaction,
+}

package/src/app/database/clients.js

@@ -0,0 +1,207 @@
+import db from "./database";
+
+export const addClient = (name, phoneNum, type) => {
+    return new Promise((resolve, reject) => {
+        // Default JSON for status
+        const defaultStatus = JSON.stringify({
+            flat: "",
+            landmark: "",
+            pincode: "",
+            city: "",
+            state: ""
+        });
+
+        db.transaction((tx) => {
+            tx.executeSql(
+                "INSERT INTO Clients (name, phone, type, status) VALUES (?, ?, ?, ?)",
+                [name, phoneNum, type, defaultStatus],
+                (txObj, resultSet) => resolve(resultSet),
+                (txObj, error) => reject(error)
+            );
+        });
+    });
+};
+
+export const getAllClients = () => {
+    return new Promise((resolve, reject) => {
+        db.transaction(tx => {
+            tx.executeSql(
+                "SELECT * FROM Clients",
+                [],
+                (txObj, resultSet) => {
+                    let results = [];
+                    for (let i = 0; i < resultSet.rows.length; i++) {
+                        results.push(resultSet.rows.item(i));
+                    }
+                    resolve(results);
+                },
+                (txObj, error) => {
+                    reject(error);
+                }
+            );
+        });
+    });
+};
+
+export const deleteClientById = (id) => {
+    return new Promise((resolve, reject) => {
+        db.transaction(tx => {
+            tx.executeSql(
+                "DELETE FROM Clients WHERE id = ?;",
+                [id],
+                (txObj, resultSet) => {
+                    if (resultSet.rowsAffected > 0) {
+                        resolve(true); // deleted successfully
+                    } else {
+                        resolve(false); // no row with this id
+                    }
+                },
+                (txObj, error) => {
+                    reject(error);
+                }
+            );
+        });
+    });
+};
+
+export const getClientsByType = (type) => {
+    return new Promise((resolve, reject) => {
+        db.transaction((tx) => {
+            tx.executeSql(
+                `SELECT 
+    c.id,
+    c.name,
+    c.type,
+    IFNULL(SUM(t.amount), 0) AS total_amount,
+    IFNULL(SUM(t.subamount), 0) AS total_subamount,
+    IFNULL(MAX(t.created_at), DATETIME('now')) AS latest_created_at,
+    IFNULL(MAX(t.updated_at), DATETIME('now')) AS latest_updated_at
+FROM Clients c
+LEFT JOIN Transactions t 
+    ON c.id = t.customer_id
+WHERE c.type = ?
+GROUP BY c.id, c.name, c.type;`,
+                [type],
+                (txObj, resultSet) => {
+                    let data = [];
+                    for (let i = 0; i < resultSet.rows.length; i++) {
+                        data.push(resultSet.rows.item(i));
+                    }
+                    resolve(data);
+                },
+                (txObj, error) => {
+                    reject(error);
+                }
+            );
+        });
+    });
+};
+
+export const addTransaction = (customer_id, amount, subamount, notes, date, local_path) => {
+    return new Promise((resolve, reject) => {
+        db.transaction((tx) => {
+            tx.executeSql(
+                "INSERT INTO Transactions (customer_id, amount, subamount, notes, date, local_path) VALUES (?, ?, ?, ?, ?, ?)",
+                [customer_id, amount, subamount, notes, date, local_path],
+                (txObj, resultSet) => resolve(resultSet),
+                (txObj, error) => reject(error)
+            );
+        });
+    });
+};
+
+export const getClientDetails = (id) => {
+    return new Promise((resolve, reject) => {
+        db.transaction((tx) => {
+            tx.executeSql(
+                "SELECT * FROM Clients WHERE id = ?",
+                [id],
+                (txObj, resultSet) => {
+                    if (resultSet.rows.length > 0) {
+                        resolve(resultSet.rows.item(0)); // return the first (and only) row
+                    } else {
+                        resolve(null); // no client found
+                    }
+                },
+                (txObj, error) => {
+                    reject(error);
+                }
+            );
+        });
+    });
+};
+
+export const getClientTransactions = (client_id) => {
+    return new Promise((resolve, reject) => {
+        db.transaction((tx) => {
+            // Step 1: Get all transactions for the client
+            tx.executeSql(
+                "SELECT * FROM Transactions WHERE customer_id = ? ORDER BY created_at DESC",
+                [client_id],
+                (txObj, resultSet) => {
+                    const transactions = [];
+                    for (let i = 0; i < resultSet.rows.length; i++) {
+                        transactions.push({
+                            ...resultSet.rows.item(i),
+                            attachments: [] // prepare attachments array
+                        });
+                    }
+
+                    if (transactions.length === 0) {
+                        resolve([]); // no transactions → return empty array
+                        return;
+                    }
+
+                    // Step 2: Collect transaction IDs
+                    const trxIds = transactions.map((t) => t.id);
+
+                    // Step 3: Query all attachments for these trxIds
+                    const placeholders = trxIds.map(() => "?").join(",");
+                    tx.executeSql(
+                        `SELECT * FROM TransactionImages WHERE trxId IN (${placeholders})`,
+                        trxIds,
+                        (txObj2, resultSet2) => {
+                            const attachments = [];
+                            for (let i = 0; i < resultSet2.rows.length; i++) {
+                                attachments.push(resultSet2.rows.item(i));
+                            }
+
+                            // Step 4: Merge attachments into transactions
+                            const transactionMap = {};
+                            transactions.forEach((t) => {
+                                transactionMap[t.id] = t;
+                            });
+
+                            attachments.forEach((att) => {
+                                if (transactionMap[att.trxId]) {
+                                    transactionMap[att.trxId].attachments.push(att);
+                                }
+                            });
+
+                            resolve(transactions);
+                        },
+                        (txObj2, error) => reject(error)
+                    );
+                },
+                (txObj, error) => reject(error)
+            );
+        });
+    });
+};
+
+
+export const addTransactionImages = (trxId, local_path) => {
+    return new Promise((resolve, reject) => {
+        db.transaction((tx) => {
+            tx.executeSql(
+                "INSERT INTO TransactionImages (trxId, local_path, created_at, updated_at) VALUES (?, ?, datetime('now'), datetime('now'))",
+                [trxId, local_path],
+                (txObj, resultSet) => resolve(resultSet),
+                (txObj, error) => reject(error)
+            );
+        });
+    });
+};
+
+
+

package/src/app/database/database.js

@@ -0,0 +1,9 @@
+import SQLite from "react-native-sqlite-storage";
+
+const db = SQLite.openDatabase(
+    { name: "app.db", location: "default" },
+    () => console.log("Database opened"),
+    (error) => console.log("DB Error: ", error)
+);
+
+export default db;