digikhata-mashreq-sdk 1.0.0 → 1.1.0

package/src/app/components/BusinessCards/Card8.js

@@ -0,0 +1,170 @@
+import React from 'react';
+import { View, Text, ImageBackground, StyleSheet } from 'react-native';
+import { COLORS, FONT_BOLD, FONT_NORMAL } from '../../themes/config';
+
+export default function Card8({
+  businessName,
+  businessCategory,
+  businessType,
+  ownerName,
+  phoneNumber,
+  email,
+  city,
+  address,
+  createAddress,
+  businessTypeDetail,
+  businessCategoryDetail,
+}) {
+  console.log(
+    'check_card_data',
+    businessName,
+    businessCategory,
+    businessType,
+    ownerName,
+    phoneNumber,
+    email,
+    createAddress,
+    address
+  );
+  const typeData = [
+    { id: '1', title: 'Retailer/ Shop' },
+    { id: '2', title: 'Wholesaler' },
+    { id: '3', title: 'Distributor' },
+    { id: '4', title: 'Manufacturer' },
+    { id: '5', title: 'Services' },
+    { id: '6', title: 'Other' },
+  ];
+
+  const categoryData = [
+    { id: '1', title: 'Kirana/Grocery' },
+    { id: '2', title: 'Textile/Fashion' },
+    { id: '3', title: 'Medical' },
+    { id: '4', title: 'Electronics' },
+    { id: '5', title: 'Mobile' },
+    { id: '6', title: 'Automobile' },
+    { id: '7', title: 'Sports' },
+    { id: '8', title: 'Kids/Toys' },
+    { id: '9', title: 'Hardware/Tools' },
+    { id: '10', title: 'Others' },
+  ];
+
+  const typeTitle =
+    typeData.find((t) => t.id === businessType)?.title || 'Type';
+  const categoryTitle =
+    categoryData.find((c) => c.id === businessCategory)?.title || 'Category';
+
+  return (
+    <ImageBackground
+      source={require('../../assets/businessCards/card_wall_08.jpeg')}
+      resizeMode="contain"
+      style={styles.bg}
+      imageStyle={{ borderRadius: 12 }}
+    >
+      <View style={styles.container}>
+        {/* Top Center */}
+        <View style={styles.topCenter}>
+          <Text style={styles.businessName}>
+            {businessName || 'business name'}
+          </Text>
+          {businessType && businessCategory && (
+            <Text style={styles.category}>
+              {typeTitle} / {categoryTitle}
+            </Text>
+          )}
+
+          {businessTypeDetail && businessCategoryDetail && (
+            <Text style={styles.category}>
+              {businessTypeDetail} / {businessCategoryDetail}
+            </Text>
+          )}
+        </View>
+
+        {/* Bottom Row */}
+        <View style={styles.bottomRow}>
+          {/* Left Side */}
+          <View style={styles.leftSide}>
+            <Text style={styles.ownerName}>{ownerName || 'name'}</Text>
+            <Text style={styles.contactText}>{phoneNumber || 'number'}</Text>
+            <Text style={styles.contactText}>{email || 'email'}</Text>
+          </View>
+
+          {/* Right Side */}
+          <View style={styles.rightSide}>
+            <Text
+              style={styles.contactTextRight}
+              numberOfLines={3}
+              ellipsizeMode="tail"
+            >
+              {createAddress?.formattedAddress || address || 'address'}
+            </Text>
+            <Text style={styles.contactTextRight}>{city || 'city'}</Text>
+          </View>
+        </View>
+      </View>
+    </ImageBackground>
+  );
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+  },
+  container: {
+    flex: 1,
+    paddingHorizontal: 20,
+    paddingVertical: 15,
+    justifyContent: 'space-between',
+  },
+  topCenter: {
+    alignItems: 'center',
+    marginTop: '30%',
+  },
+  businessName: {
+    color: COLORS.redColor,
+    fontSize: 14,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    // textTransform: 'lowercase',
+  },
+  category: {
+    color: COLORS.redColor,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    textAlign: 'center',
+    // fontStyle: 'italic',
+    textTransform: 'lowercase',
+  },
+  bottomRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    // alignItems: 'flex-end',
+    bottom: '10%',
+  },
+  leftSide: {
+    alignItems: 'flex-start',
+  },
+  rightSide: {
+    alignItems: 'flex-end',
+    maxWidth: '45%',
+  },
+  ownerName: {
+    color: COLORS.blackColor,
+    fontSize: 14,
+    fontFamily: FONT_NORMAL,
+  },
+  contactText: {
+    color: COLORS.blackColor,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    marginTop: 2,
+  },
+  contactTextRight: {
+    color: COLORS.blackColor,
+    fontSize: 8,
+    fontFamily: FONT_NORMAL,
+    marginTop: 2,
+    textAlign: 'right',
+  },
+});

package/src/app/components/BusinessCards/Card9.js

@@ -0,0 +1,209 @@
+import React from 'react';
+import { View, Text, ImageBackground, StyleSheet } from 'react-native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import {
+  COLORS,
+  FONT_BOLD,
+  FONT_MEDIUM,
+  FONT_NORMAL,
+  WP,
+} from '../../themes/config';
+
+export default function Card9({
+  businessName,
+  businessType,
+  businessCategory,
+  ownerName,
+  phoneNumber,
+  email,
+  address,
+  createAddress,
+  city,
+  businessTypeDetail,
+  businessCategoryDetail,
+}) {
+  const typeData = [
+    { id: '1', title: 'Retailer/ Shop' },
+    { id: '2', title: 'Wholesaler' },
+    { id: '3', title: 'Distributor' },
+    { id: '4', title: 'Manufacturer' },
+    { id: '5', title: 'Services' },
+    { id: '6', title: 'Other' },
+  ];
+
+  const categoryData = [
+    { id: '1', title: 'Kirana/Grocery' },
+    { id: '2', title: 'Textile/Fashion' },
+    { id: '3', title: 'Medical' },
+    { id: '4', title: 'Electronics' },
+    { id: '5', title: 'Mobile' },
+    { id: '6', title: 'Automobile' },
+    { id: '7', title: 'Sports' },
+    { id: '8', title: 'Kids/Toys' },
+    { id: '9', title: 'Hardware/Tools' },
+    { id: '10', title: 'Others' },
+  ];
+
+  const typeTitle =
+    typeData.find((t) => t.id === businessType)?.title || 'Type';
+  const categoryTitle =
+    categoryData.find((c) => c.id === businessCategory)?.title || 'Category';
+
+  return (
+    <ImageBackground
+      source={require('../../assets/businessCards/card_11.png')}
+      resizeMode="contain"
+      style={styles.bg}
+      imageStyle={styles.imageStyle}
+    >
+      <View style={styles.overlay}>
+        {/* Left Side */}
+        <View style={styles.leftSection}>
+          <Text style={styles.businessName}>
+            {businessName || 'business name'}
+          </Text>
+          {businessType && businessCategory && (
+            <Text style={styles.category}>
+              {typeTitle} / {categoryTitle}
+            </Text>
+          )}
+
+          {businessTypeDetail && businessCategoryDetail && (
+            <Text style={styles.category}>
+              {businessTypeDetail} / {businessCategoryDetail}
+            </Text>
+          )}
+        </View>
+
+        {/* Divider */}
+        <View style={styles.divider} />
+
+        {/* Right Side */}
+        <View style={styles.rightSection}>
+          <View style={styles.infoRow}>
+            <View style={styles.iconBg}>
+              <Ionicons
+                name="person-outline"
+                size={12}
+                color={COLORS.primaryColor}
+              />
+            </View>
+            <Text
+              style={[
+                styles.infoText,
+                { fontFamily: FONT_MEDIUM, fontSize: 16 },
+              ]}
+            >
+              {ownerName || 'name'}
+            </Text>
+          </View>
+          <View style={styles.infoRow}>
+            <View style={styles.iconBg}>
+              <Ionicons
+                name="call-outline"
+                size={12}
+                color={COLORS.primaryColor}
+              />
+            </View>
+            <Text style={styles.infoText}>{phoneNumber || 'number'}</Text>
+          </View>
+          <View style={styles.infoRow}>
+            <View style={styles.iconBg}>
+              <Ionicons
+                name="mail-outline"
+                size={12}
+                color={COLORS.primaryColor}
+              />
+            </View>
+            <Text style={styles.infoText}>{email || 'email'}</Text>
+          </View>
+          <View style={styles.parentInfo}>
+            <View style={{ flexDirection: 'row', alignItems: 'center' }}>
+              <View style={styles.iconBg}>
+                <Ionicons
+                  name="location-outline"
+                  size={12}
+                  color={COLORS.primaryColor}
+                />
+              </View>
+              <Text style={styles.infoText}>
+                {createAddress?.formattedAddress || address || 'address'}
+              </Text>
+            </View>
+            <Text style={styles.infoTextCity}>{city || 'city'}</Text>
+          </View>
+        </View>
+      </View>
+    </ImageBackground>
+  );
+}
+
+const styles = StyleSheet.create({
+  bg: {
+    width: '100%',
+    height: '100%',
+    justifyContent: 'center',
+  },
+  imageStyle: {
+    borderRadius: 10,
+  },
+  overlay: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 20,
+    // backgroundColor: 'rgba(0,0,0,0.4)',
+  },
+  leftSection: {
+    // flex: 1,
+    width: '50%',
+    paddingRight: 10,
+  },
+  rightSection: {
+    flex: 1.2,
+    paddingLeft: 10,
+  },
+  iconBg: {
+    backgroundColor: COLORS.whiteColor,
+    padding: 6,
+    borderRadius: 50,
+  },
+  businessName: {
+    color: COLORS.whiteColor,
+    fontSize: 14,
+    marginBottom: 4,
+    fontFamily: FONT_MEDIUM,
+  },
+  categoryText: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    // paddingLeft: WP(5),
+  },
+  divider: {
+    width: 3,
+    backgroundColor: COLORS.whiteColor,
+    height: '65%',
+  },
+  infoRow: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 6,
+  },
+  infoText: {
+    color: COLORS.whiteColor,
+    fontSize: 9,
+    marginLeft: 10,
+  },
+  infoTextCity: {
+    color: COLORS.whiteColor,
+    fontSize: 9,
+    marginLeft: '20.5%',
+  },
+  category: {
+    color: COLORS.whiteColor,
+    fontSize: 10,
+    fontFamily: FONT_NORMAL,
+    // marginTop: 2,
+  },
+});

package/src/app/components/BusinessCards/index.js

@@ -0,0 +1,10 @@
+export { default as Card1 } from './Card1';
+export { default as Card2 } from './Card2';
+export { default as Card3 } from './Card3';
+export { default as Card4 } from './Card4';
+export { default as Card5 } from './Card5.js';
+export { default as Card6 } from './Card6';
+export { default as Card7 } from './Card7';
+export { default as Card8 } from './Card8';
+export { default as Card9 } from './Card9';
+export { default as Card10 } from './Card10';

package/src/app/components/CashEntryComponent.js

@@ -0,0 +1,297 @@
+import { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
+import React, { useState, useEffect } from 'react';
+import {
+  addCommas,
+  COLORS,
+  FONT_MEDIUM,
+  FONT_NORMAL,
+  formatDateTime,
+  formatDateTimeShort,
+  formatMyDate,
+  formatTime,
+  TEXT_SIZES,
+} from '../themes/config';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { getCashCategoryById } from '../database/cash';
+import { useNavigation } from '@react-navigation/native';
+import { getClientDetails } from '../database/clients';
+import { AutoSizeText, ResizeTextMode } from 'react-native-auto-size-text';
+import CashIcon from '../assets/svg/CASH.svg';
+import ExpenseIcon from '../assets/oldIcons/EXPENSE.svg';
+import {
+  getExpenseCategoriesWithTotals,
+  getExpenseTransactions,
+} from '../database/expense';
+import { useSelector } from 'react-redux';
+
+export default function CashEntryComponent({
+  date,
+  category,
+  notes,
+  isAttachment,
+  item,
+}) {
+  const selectBusiness = useSelector((state) => state.client.selected_business);
+
+  const navigation = useNavigation();
+  let billNo = notes?.split('_')[2];
+  const [catName, setCatName] = useState('');
+  const [CustomerName, setCustomerName] = useState('');
+  const [ItemDetails, setItemDetails] = useState(null);
+  const [ExpenseCategoryDetails, setExpenseCategoryDetails] = useState(null);
+
+  useEffect(() => {
+    const fetchCat = async () => {
+      const res = await getCashCategoryById(category);
+      await clientName(item?.customerId);
+      setCatName(res?.name || '');
+    };
+    fetchCat();
+  }, [category]);
+
+  const clientName = async (id) => {
+    let details = await getClientDetails(id);
+    setCustomerName(details?.type == 2 ? details?.phone : details?.name);
+  };
+
+  const getExpenseItem = async () => {
+    let parsed = JSON.parse(item?.fromExpense);
+
+    let all = await getExpenseTransactions(selectBusiness?.id);
+    let filtered = all.find((item) => item?.id == parsed?.expenseId);
+
+    setItemDetails(filtered);
+  };
+
+  const getExpenseCategoryDetails = async () => {
+    let parsed = JSON.parse(item?.fromExpense);
+
+    let all = await getExpenseCategoriesWithTotals(selectBusiness?.id);
+    let filtered = all?.find((item) => item?.id == parsed?.expenseCategoryId);
+
+    setExpenseCategoryDetails(filtered);
+  };
+
+  useEffect(() => {
+    const fetchExpenseItem = async () => {
+      if (item?.fromExpense) {
+        await getExpenseItem();
+        await getExpenseCategoryDetails();
+      }
+    };
+
+    fetchExpenseItem();
+  }, [item]);
+
+  return (
+    <TouchableOpacity
+      style={[
+        Styles._searchMain,
+        {
+          borderBottomColor: COLORS.gray,
+          borderBottomWidth: 0.5,
+          // paddingVertical: 10,
+        },
+      ]}
+      activeOpacity={0.8}
+      onPress={() => {
+        if (item?.fromSale) {
+          navigation.navigate('PreviewBill', { invoiceId: item?.fromSale?.split("_")[1], fromSale: true });
+        } else {
+          navigation.navigate("CashEntryDetails", { entryId: item?.id })
+        }
+      }}
+    >
+      <View style={Styles._tableHeaderOne}>
+        <Text style={[Styles._headerSub, { fontFamily: FONT_MEDIUM }]}>{formatTime(date)}</Text>
+        {
+          item?.fromSale &&
+          <Text style={{ color: COLORS.blackColor, fontFamily: FONT_NORMAL, fontSize: 12, backgroundColor: COLORS.lightGrey, alignSelf: "flex-start", paddingVertical: 2, paddingHorizontal: 5, borderRadius: 100 }}>POS</Text>
+        }
+        {
+          item?.fromExpense &&
+          <View style={[Styles._categoryChip, { backgroundColor: COLORS.whiteColor, flexDirection: "row", borderRadius: 5, paddingHorizontal: 2, gap: 5 }]}>
+            <ExpenseIcon width={25} height={25} />
+
+            <Text
+              style={{
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL,
+                fontSize: 12,
+              }}
+            >
+              {ExpenseCategoryDetails?.name}
+            </Text>
+          </View>
+        }
+        {item?.customerId && (
+          <View
+            style={[
+              Styles._categoryChip,
+              {
+                backgroundColor: COLORS.whiteColor,
+                borderColor: COLORS.primaryColor,
+                flexDirection: 'row',
+                gap: 5,
+                paddingHorizontal: 5,
+              },
+            ]}
+          >
+            <Ionicons
+              name={'person-circle-outline'}
+              color={COLORS.primaryColor}
+              size={16}
+            />
+            <Text style={[Styles._chipText, { color: COLORS.primaryColor }]}>
+              {CustomerName}
+            </Text>
+          </View>
+        )}
+
+        {category && (
+          <View style={Styles._categoryChip}>
+            <Text style={Styles._chipText}>{catName}</Text>
+          </View>
+        )}
+
+        {notes && notes !== '_bill_' && (
+          <Text numberOfLines={1} style={Styles._notes}>
+            {notes.split('_')[0]}
+          </Text>
+        )}
+
+        {billNo ? (
+          <Text numberOfLines={1} style={Styles._notes}>
+            Bill No. {billNo}
+          </Text>
+        ) : null}
+
+        {/* <Text style={Styles._notes}>Bill No. 007 notes</Text> */}
+
+        {isAttachment && (
+          <Ionicons
+            name={'attach'}
+            color={COLORS.darkGrey}
+            size={25}
+            style={{ marginTop: 5 }}
+          />
+        )}
+      </View>
+      {/* 🔴 CASH OUT Section */}
+      <View
+        style={[
+          Styles._tableHeaderTwo,
+          {
+            alignItems: 'flex-end',
+            backgroundColor: COLORS.lightRedColor
+          },
+        ]}
+      >
+        <AutoSizeText
+          style={[
+            Styles._headerSub,
+            { color: COLORS.redColor, textAlign: 'center' },
+          ]}
+          fontSize={TEXT_SIZES.CARD_AMOUNT}
+          numberOfLines={1}
+          mode={ResizeTextMode.max_lines}
+        >
+          {item?.cashOUT && item?.cashOUT != 0
+            ? `${addCommas(item?.cashOUT)}`
+            : ''}
+        </AutoSizeText>
+      </View>
+
+      {/* 🟢 CASH IN Section */}
+      <View
+        style={[
+          Styles._tableHeaderTwo,
+          {
+            alignItems: 'flex-end',
+            backgroundColor: COLORS.lightGreenColor
+          },
+        ]}
+      >
+        <AutoSizeText
+          style={[
+            Styles._headerSub,
+            { color: COLORS.greenColor },
+          ]}
+          fontSize={TEXT_SIZES.CARD_AMOUNT}
+          numberOfLines={1}
+          mode={ResizeTextMode.max_lines}
+        >
+          {item?.cashIN && item?.cashIN != 0
+            ? `${addCommas(item?.cashIN)}`
+            : ''}
+        </AutoSizeText>
+      </View>
+    </TouchableOpacity>
+  );
+}
+
+const Styles = StyleSheet.create({
+  _searchMain: {
+    width: '100%',
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    // alignItems: 'center',
+    // paddingHorizontal: 10,
+    backgroundColor: COLORS.whiteColor,
+    minHeight: 50
+  },
+  _tableHeaderOne: {
+    width: '50%',
+    // height: 50,
+    // backgroundColor: "red",
+    paddingHorizontal: 10,
+    paddingVertical: 10,
+
+    justifyContent: 'center',
+  },
+  _tableHeaderTwo: {
+    width: '25%',
+    // height: 100,
+    paddingHorizontal: 10,
+    // paddingVertical: 20,
+
+    // backgroundColor: "green",
+    justifyContent: 'center',
+  },
+  _tableDate: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 14,
+  },
+  _headerSub: {
+    color: COLORS.darkGrey,
+    fontFamily: FONT_NORMAL,
+    fontSize: TEXT_SIZES.CARD_AMOUNT,
+  },
+  _categoryChip: {
+    backgroundColor: COLORS.lightGrey,
+    paddingHorizontal: 12,
+    // height: 20,
+    // flexDirection: "row",
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 100,
+    borderColor: COLORS.lightGrey,
+    borderWidth: 1,
+    alignSelf: 'flex-start',
+    marginTop: 5,
+    // width:"20%"
+    // gap: 5,
+  },
+  _chipText: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 11,
+  },
+  _notes: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 13,
+    marginTop: 5,
+  },
+});