digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -1,18 +1,305 @@
 "use strict";
 
-import { View, Text, StyleSheet, TouchableOpacity, TextInput, Image } from 'react-native';
-import React from 'react';
-import { COLORS, FONT_MEDIUM, FONT_NORMAL, WP } from "../themes/config.js";
+import { View, Text, StyleSheet, TouchableOpacity, TextInput, Image, Pressable, Animated, FlatList, Alert } from 'react-native';
+import React, { useRef, useState, useEffect } from 'react';
+import { Button_Text_SIZES, COLORS, FONT_MEDIUM, FONT_NORMAL, HP, Input_Field_SIZES, TEXT_SIZES, WP } from "../themes/config.js";
 import LinearGradient from 'react-native-linear-gradient';
-import Ionicons from "react-native-vector-icons/Ionicons";
-import { CountryPhoneInput } from "../components/index.js";
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { BottomView, CountryPhoneInput, CustomToast, DeleteBusinessModal, Header, Loader } from "../components/index.js";
+import { generatePDF } from 'react-native-html-to-pdf';
+import { viewDocument } from '@react-native-documents/viewer';
+import { getAllBusinesses, selectBusiness, softDeleteBusiness } from "../database/business.js";
+import { Menu, MenuOptions, MenuOption, MenuTrigger } from 'react-native-popup-menu';
+import { getAllClients, getClientsByType } from "../database/clients.js";
+import { useSelector, useDispatch } from 'react-redux';
+import { ALL_CLIENTS, HOME_BANKS, HOME_CUSTOMERS, HOME_SUPPLIERS, SELECTED_BUSINESS } from "../redux/reducers/client/client_types.js";
+import { USER_BUSINESS, USER_CLIENTS } from "../redux/reducers/user/user_types.js";
+import axios from 'axios';
+import { GET_CLIENTS_BY_BUSINESS_ID } from "../api/api.js";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 export default function SelectBusiness({
   navigation
 }) {
+  const dispatch = useDispatch();
+  const [menuVisible, setMenuVisible] = useState(false);
+  const [toast, setToast] = useState(null);
+  const [Loading, setLoading] = useState(false);
+  const userBusiness = useSelector(state => state.user.user_business);
+  const userData = useSelector(state => state.user.user_data);
+  const userClients = useSelector(state => state.user.user_clients);
+  const slideAnim = useRef(new Animated.Value(0)).current;
+  const [deleteModalVisible, setDeleteModalVisible] = useState(false);
+  const [selectedBusinessName, setSelectedBusinessName] = useState('');
+  const [selectedBusinessId, setSelectedBusinessId] = useState(null);
+  const [Business, setBusiness] = useState([]);
+  const openMenu = () => {
+    setMenuVisible(true);
+    Animated.timing(slideAnim, {
+      toValue: 1,
+      duration: 200,
+      useNativeDriver: true
+    }).start();
+  };
+  const closeMenu = () => {
+    Animated.timing(slideAnim, {
+      toValue: 0,
+      duration: 200,
+      useNativeDriver: true
+    }).start(() => setMenuVisible(false));
+  };
+  const toggleMenu = () => {
+    if (menuVisible) {
+      closeMenu();
+    } else {
+      openMenu();
+    }
+  };
+  const handleDelete = business => {
+    closeMenu();
+    setSelectedBusinessName(business?.name || '');
+    setSelectedBusinessId(business?.id || null);
+    setDeleteModalVisible(true);
+  };
+  const confirmDelete = async () => {
+    const finalData = {
+      id: selectedBusinessId,
+      businessName: selectedBusinessName
+    };
+    console.log('Final Delete Data:', finalData);
+    try {
+      const result = await softDeleteBusiness(selectedBusinessId); // <-- your delete API call
+      console.log('✅ Business Deleted:', result);
+      // Alert.alert(
+      //   'Success',
+      //   `${selectedBusinessName} has been deleted successfully.`
+      // );
+      setToast({
+        type: 'success',
+        title: 'Business Deleted',
+        message: `${selectedBusinessName} has been deleted successfully.`
+      });
+
+      // Close modal and refresh list
+      setDeleteModalVisible(false);
+      getAllBusinesses().then(async res => {
+        await selectBusiness(res[0]?.id);
+        dispatch({
+          type: SELECTED_BUSINESS,
+          payload: res[0]
+        });
+        setBusiness(res);
+        setTimeout(() => {
+          navigation?.goBack();
+        }, 200);
+      });
+
+      // Optionally go back or show success message
+      // navigation.goBack();
+    } catch (error) {
+      console.error('❌ Error deleting business:', error);
+      // Alert.alert(
+      //   'Error',
+      //   'Something went wrong while deleting your business.'
+      // );
+    }
+  };
+  const slideDownStyle = {
+    transform: [{
+      translateY: slideAnim.interpolate({
+        inputRange: [0, 1],
+        outputRange: [-20, 0] // slide down from above
+      })
+    }]
+  };
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', async () => {
+      try {
+        const businesses = await getAllBusinesses();
+        const allClients = await getAllClients();
+        if (!businesses || businesses.length === 0) {
+          console.log('No businesses found');
+          setBusiness([]);
+          return;
+        }
+
+        // ✅ Map each business with its number of clients
+        const updatedBusinesses = businesses.map(business => {
+          const clientCount = allClients.filter(client => client?.business_id === business?.id).length;
+          return {
+            ...business,
+            noOfClients: clientCount
+          };
+        });
+        setBusiness(updatedBusinesses);
+      } catch (err) {
+        console.error('Error in focus listener:', err);
+      }
+    });
+    return unsubscribe;
+  }, [navigation]);
+  const onSelectBusiness = async item => {
+    try {
+      await selectBusiness(item?.id);
+
+      // 1️⃣ Get all businesses and clients
+      const businesses = await getAllBusinesses();
+      const allClients = await getAllClients();
+
+      // 2️⃣ Add client counts to each business
+      const updatedBusinesses = businesses.map(business => {
+        const clientCount = allClients.filter(client => client?.business_id === business?.id).length;
+        return {
+          ...business,
+          noOfClients: clientCount
+        };
+      });
+
+      // 3️⃣ Find selected business (from updated list)
+      const filtered = updatedBusinesses.find(b => b.id === item?.id);
+      if (!filtered) {
+        console.warn('Business not found!');
+        return;
+      }
+
+      // 4️⃣ Load categorized clients (type 0=customers, 1=suppliers, 2=banks)
+      const [customers, suppliers, banks, allClientsForBusiness] = await Promise.all([getClientsByType(0, null, null, filtered.id), getClientsByType(1, null, null, filtered.id), getClientsByType(2, null, null, filtered.id), getAllClients(null, filtered.id)]);
+
+      // 5️⃣ Dispatch data
+      dispatch({
+        type: HOME_CUSTOMERS,
+        payload: customers
+      });
+      dispatch({
+        type: HOME_SUPPLIERS,
+        payload: suppliers
+      });
+      dispatch({
+        type: HOME_BANKS,
+        payload: banks
+      });
+      dispatch({
+        type: ALL_CLIENTS,
+        payload: allClientsForBusiness
+      });
+      dispatch({
+        type: SELECTED_BUSINESS,
+        payload: filtered
+      });
+
+      // 6️⃣ Update UI and navigate
+      setBusiness(updatedBusinesses);
+
+      // Optional logs
+      console.log({
+        filtered,
+        customersCount: customers?.length,
+        suppliersCount: suppliers?.length,
+        banksCount: banks?.length,
+        allClientsCount: allClientsForBusiness?.length
+      });
+      setTimeout(() => {
+        navigation.goBack();
+      }, 200);
+    } catch (error) {
+      console.error('Error in onSelectBusiness:', error);
+    }
+  };
+
+  // const onSelectBusiness = async (item) => {
+  //   try {
+  //     setLoading(true)
+
+  //     // 1️⃣ Get all businesses and clients
+  //     const businesses = userBusiness?.data || [];
+  //     const allClients = userClients?.data || [];
+
+  //     // 2️⃣ Add client counts to each business and update isSelected
+  //     const updatedBusinesses = businesses.map((business) => {
+
+  //       return {
+  //         ...business,
+  //         noOfClients: business?.clients?.length,
+  //         isSelected: business?.id === item?.id,
+  //       };
+  //     });
+
+  //     // 3️⃣ Find selected business (from updated list)
+  //     const filtered = updatedBusinesses.find((b) => b.id === item?.id);
+
+  //     dispatch({
+  //       type: USER_BUSINESS,
+  //       payload: { data: updatedBusinesses },
+  //     })
+
+  //     dispatch({
+  //       type: SELECTED_BUSINESS,
+  //       payload: filtered,
+  //     })
+
+  //     const clientResponse = await axios.get(
+  //       `${GET_CLIENTS_BY_BUSINESS_ID}/${item?.id}`,
+  //       {
+  //         headers: {
+  //           Authorization: `Bearer ${userData?.azureToken}`,
+  //         },
+  //       }
+  //     );
+
+  //     const allClientss = clientResponse?.data?.[0]?.data;
+
+  //     dispatch({
+  //       type: USER_CLIENTS,
+  //       payload: allClientss
+  //     })
+
+  //     if (!filtered) {
+  //       console.warn('Business not found!');
+  //       return;
+  //     }
+
+  //     // 4️⃣ Load categorized clients (type 0=customers, 1=suppliers, 2=banks)
+  //     // const [customers, suppliers, banks, allClientsForBusiness] =
+  //     //   await Promise.all([
+  //     //     getClientsByType(0, null, null, filtered.id),
+  //     //     getClientsByType(1, null, null, filtered.id),
+  //     //     getClientsByType(2, null, null, filtered.id),
+  //     //     getAllClients(null, filtered.id),
+  //     //   ]);
+
+  //     // // 5️⃣ Dispatch data
+  //     // dispatch({ type: HOME_CUSTOMERS, payload: customers });
+  //     // dispatch({ type: HOME_SUPPLIERS, payload: suppliers });
+  //     // dispatch({ type: HOME_BANKS, payload: banks });
+  //     // dispatch({ type: ALL_CLIENTS, payload: allClientsForBusiness });
+  //     // dispatch({ type: SELECTED_BUSINESS, payload: filtered });
+
+  //     // // 6️⃣ Update UI and navigate
+  //     // setBusiness(updatedBusinesses);
+
+  //     // // Optional logs
+  //     // console.log({
+  //     //   filtered,
+  //     //   customersCount: customers?.length,
+  //     //   suppliersCount: suppliers?.length,
+  //     //   banksCount: banks?.length,
+  //     //   allClientsCount: allClientsForBusiness?.length,
+  //     // });
+
+  //     setTimeout(() => {
+  //       setLoading(false)
+  //       navigation.goBack();
+  //     }, 200);
+  //   } catch (error) {
+  //     setLoading(false)
+  //     console.error('Error in onSelectBusiness:', error);
+  //   }
+  // };
+
   return /*#__PURE__*/_jsxs(View, {
     style: Styles._mainContainers,
-    children: [/*#__PURE__*/_jsx(LinearGradient, {
+    children: [/*#__PURE__*/_jsx(Loader, {
+      isVisible: Loading
+    }), /*#__PURE__*/_jsx(LinearGradient, {
       start: {
         x: 0,
         y: 0
@@ -21,77 +308,129 @@ export default function SelectBusiness({
         x: 1,
         y: 0
       },
-      colors: [COLORS.primaryColor, COLORS.secondaryColor],
+      colors: [COLORS.secondaryColor, COLORS.primaryColor],
       style: Styles._linearGradient,
-      children: /*#__PURE__*/_jsxs(View, {
-        style: Styles._titleMain,
-        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
-          activeOpacity: 0.8,
-          onPress: () => {
-            navigation.goBack();
-          },
-          children: /*#__PURE__*/_jsx(Ionicons, {
-            name: "chevron-back",
-            color: COLORS.whiteColor,
-            size: 20
-          })
-        }), /*#__PURE__*/_jsx(Text, {
-          style: Styles._title,
-          children: "Select Business"
-        })]
+      children: /*#__PURE__*/_jsx(Header, {
+        navigation: navigation,
+        title: 'Select Business'
       })
-    }), /*#__PURE__*/_jsxs(View, {
+    }), /*#__PURE__*/_jsx(View, {
       style: Styles._contentMain,
-      children: [/*#__PURE__*/_jsx(View, {
+      children: /*#__PURE__*/_jsx(View, {
         style: {
-          width: "100%",
-          alignItems: "center",
+          width: '100%',
+          alignItems: 'center',
           gap: 12
         },
-        children: /*#__PURE__*/_jsxs(View, {
-          style: Styles.businessMain,
-          children: [/*#__PURE__*/_jsxs(View, {
-            style: {
-              flexDirection: "row",
-              gap: 10
+        children: /*#__PURE__*/_jsx(FlatList, {
+          data: Business
+          // data={userBusiness?.data?.filter(item => item?.is_deleted === "0")}
+          ,
+          contentContainerStyle: {
+            paddingBottom: 150
+          },
+          renderItem: ({
+            item,
+            index
+          }) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+            activeOpacity: 0.8,
+            onPress: async () => {
+              await onSelectBusiness(item);
             },
-            children: [/*#__PURE__*/_jsx(Image, {
-              source: require("../assets/images/digiKhataSolo256.png"),
-              resizeMode: "contain",
-              style: Styles._logo
-            }), /*#__PURE__*/_jsxs(View, {
-              children: [/*#__PURE__*/_jsx(Text, {
-                style: Styles._txt,
-                children: "Saud Rehan"
-              }), /*#__PURE__*/_jsx(Text, {
-                style: Styles._txt2,
-                children: "12 Customers"
+            style: Styles.businessMain,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                flexDirection: 'row',
+                gap: 10
+              },
+              children: [/*#__PURE__*/_jsx(Image, {
+                source: require('../assets/images/digiKhataSolo256.png'),
+                resizeMode: "contain",
+                style: Styles._logo
+              }), /*#__PURE__*/_jsxs(View, {
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: Styles._txt,
+                  children: item?.name
+                }), item?.noOfClients > 0 && /*#__PURE__*/_jsxs(Text, {
+                  style: Styles._txt2,
+                  children: [item?.noOfClients, " Customers"]
+                })]
               })]
+            }), /*#__PURE__*/_jsx(View, {
+              style: {
+                flexDirection: 'row',
+                gap: 10
+              },
+              children: /*#__PURE__*/_jsxs(Menu, {
+                children: [/*#__PURE__*/_jsxs(MenuTrigger, {
+                  customStyles: {
+                    TriggerTouchableComponent: TouchableOpacity,
+                    triggerWrapper: Styles.triggerWrapper
+                  },
+                  children: [item?.isSelected && item?.isSelected != 0 && /*#__PURE__*/_jsx(Ionicons, {
+                    name: "checkmark",
+                    color: COLORS.primaryColor,
+                    size: 20
+                  }), /*#__PURE__*/_jsx(Ionicons, {
+                    name: "ellipsis-vertical",
+                    color: COLORS.blackColor,
+                    size: 20
+                  })]
+                }), /*#__PURE__*/_jsxs(MenuOptions, {
+                  optionsContainerStyle: Styles.menuContainer,
+                  children: [/*#__PURE__*/_jsx(MenuOption, {
+                    onSelect: () => navigation.navigate('BusinessDetail', {
+                      businessId: item?.id
+                    }),
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: Styles.menuText,
+                      children: "Update Business"
+                    })
+                  }), Business && Business?.length != 1 && /*#__PURE__*/_jsx(MenuOption, {
+                    onSelect: () => handleDelete(item),
+                    children: /*#__PURE__*/_jsx(Text, {
+                      style: Styles.menuText,
+                      children: "Delete Business"
+                    })
+                  })]
+                })]
+              })
             })]
-          }), /*#__PURE__*/_jsxs(View, {
-            style: {
-              flexDirection: "row",
-              gap: 10
-            },
-            children: [/*#__PURE__*/_jsx(Ionicons, {
-              name: "checkmark",
-              color: COLORS.primaryColor,
-              size: 20
-            }), /*#__PURE__*/_jsx(Ionicons, {
-              name: "ellipsis-vertical",
-              color: COLORS.grey,
-              size: 20
-            })]
-          })]
+          })
         })
-      }), /*#__PURE__*/_jsx(TouchableOpacity, {
-        activeOpacity: 0.8,
-        style: Styles._continueBtn,
-        children: /*#__PURE__*/_jsx(Text, {
+      })
+    }), /*#__PURE__*/_jsx(BottomView, {
+      style: Styles.bottomBar,
+      children: /*#__PURE__*/_jsxs(TouchableOpacity, {
+        style: Styles.totalButton,
+        onPress: () => {
+          navigation.navigate('BusinessStack');
+        },
+        children: [/*#__PURE__*/_jsx(Ionicons, {
+          name: "add",
+          size: 24,
+          color: "#fff" // You can change this to match your theme
+          ,
+          style: {
+            marginRight: 10
+          }
+        }), /*#__PURE__*/_jsx(Text, {
           style: Styles._continueBtnTxt,
           children: "Add New Business"
-        })
-      })]
+        }), ' ']
+      })
+    }), /*#__PURE__*/_jsx(DeleteBusinessModal, {
+      visible: deleteModalVisible,
+      businessName: selectedBusinessName // ✅ show correct name in modal
+      ,
+      selectedBusinessId: selectedBusinessId,
+      onCancel: () => setDeleteModalVisible(false),
+      onConfirm: confirmDelete
+    }), toast && /*#__PURE__*/_jsx(CustomToast, {
+      type: toast.type,
+      title: toast.title,
+      message: toast.message,
+      onClose: () => setToast(null)
     })]
   });
 }
@@ -99,34 +438,34 @@ const Styles = StyleSheet.create({
   _mainContainers: {
     flex: 1,
     backgroundColor: COLORS.backgroundColor,
-    alignItems: "center"
+    alignItems: 'center'
   },
   _linearGradient: {
     width: WP(100),
     height: 80,
-    alignItems: "center"
+    alignItems: 'center'
   },
   _titleMain: {
     width: WP(94),
     height: 30,
     // backgroundColor: "red",
-    flexDirection: "row",
-    alignItems: "center",
+    flexDirection: 'row',
+    alignItems: 'center',
     marginTop: 10
   },
   _title: {
     color: COLORS.whiteColor,
     fontFamily: FONT_NORMAL,
-    fontSize: 15,
-    marginLeft: 15
+    fontSize: 18,
+    marginLeft: 20
   },
   _contentMain: {
-    width: WP(94),
-    height: "90%",
+    width: WP(95),
+    height: '90%',
     backgroundColor: COLORS.whiteColor,
-    position: "absolute",
+    position: 'absolute',
     top: 50,
-    shadowColor: "#000",
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
@@ -134,16 +473,16 @@ const Styles = StyleSheet.create({
     shadowOpacity: 0.2,
     shadowRadius: 3.84,
     elevation: 5,
-    borderRadius: 10,
-    alignItems: "center",
-    justifyContent: "space-between",
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'space-between',
     paddingVertical: 12
   },
   _input: {
-    width: "95%",
+    width: '95%',
     height: 50,
     backgroundColor: COLORS.whiteColor,
-    borderRadius: 15,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
     paddingLeft: 12,
     borderColor: COLORS.grey,
     borderWidth: 1,
@@ -152,23 +491,31 @@ const Styles = StyleSheet.create({
     fontSize: 13
   },
   _continueBtn: {
-    width: "95%",
+    width: '100%',
     height: 50,
     backgroundColor: COLORS.primaryColor,
-    borderRadius: 100,
-    justifyContent: "center",
-    alignItems: "center"
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    justifyContent: 'center',
+    alignItems: 'center',
+    marginBottom: 40,
+    // bottom: HP(1),
+    flexDirection: 'row'
+  },
+  _btnsMain: {
+    backgroundColor: 'transparent',
+    flexDirection: 'row',
+    justifyContent: 'space-between'
   },
   _continueBtnTxt: {
     color: COLORS.whiteColor,
     fontFamily: FONT_NORMAL,
-    fontSize: 17
+    fontSize: Button_Text_SIZES.Button_Text
   },
   businessMain: {
-    width: "95%",
-    height: 60,
+    width: '97%',
+    height: Input_Field_SIZES.Input_Field,
     backgroundColor: COLORS.whiteColor,
-    shadowColor: "#000",
+    shadowColor: '#000',
     shadowOffset: {
       width: 0,
       height: 2
@@ -176,11 +523,13 @@ const Styles = StyleSheet.create({
     shadowOpacity: 0.2,
     shadowRadius: 3.84,
     elevation: 5,
-    borderRadius: 10,
-    flexDirection: "row",
-    alignItems: "center",
-    justifyContent: "space-between",
-    paddingHorizontal: 10
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingHorizontal: 10,
+    marginVertical: 5,
+    alignSelf: 'center'
   },
   _logo: {
     width: 30,
@@ -196,6 +545,61 @@ const Styles = StyleSheet.create({
     opacity: 0.6,
     fontFamily: FONT_NORMAL,
     fontSize: 11
+  },
+  triggerWrapper: {
+    padding: 6,
+    flexDirection: 'row',
+    gap: WP(5)
+  },
+  menuContainer: {
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    // paddingVertical: 5,
+    backgroundColor: '#fff',
+    elevation: 6,
+    shadowColor: '#000',
+    shadowOpacity: 0.15,
+    shadowRadius: 4,
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    minWidth: 160
+  },
+  menuText: {
+    fontSize: 15,
+    paddingVertical: 5,
+    paddingHorizontal: 14,
+    color: COLORS.blackColor
+  },
+  bottomBar: {
+    position: 'absolute',
+    bottom: 0,
+    left: 0,
+    right: 0,
+    backgroundColor: '#fff',
+    borderTopLeftRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderTopRightRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 10,
+    elevation: 10
+  },
+  totalButton: {
+    borderWidth: 1,
+    marginBottom: 10,
+    flexDirection: 'row',
+    borderColor: '#FF3B30',
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: 100,
+    width: '100%',
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  totalText: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
   }
 });
 //# sourceMappingURL=SelectBusiness.js.map