digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -0,0 +1,1033 @@
+"use strict";
+
+// BillDetails.js
+import React, { useState, useEffect, useRef } from 'react';
+import { View, Text, StyleSheet, SafeAreaView, TouchableOpacity, ScrollView, Modal, Pressable, Alert, Platform, Image } from 'react-native';
+import Sound, { AudioEncoderAndroidType, AudioSourceAndroidType, AVEncoderAudioQualityIOSType, AVEncodingOption, RecordBackType, PlayBackType, createSound } from 'react-native-nitro-sound';
+import { addCommas, COLORS, FONT_MEDIUM, FONT_NORMAL, formatDateTime, isPdfFile, TEXT_SIZES, WP } from "../themes/config.js";
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { BottomView, Header, PickerModal } from "../components/index.js";
+import { getAllBusinesses, updateBusiness } from "../database/business.js";
+import { useSelector, useDispatch } from 'react-redux';
+import { getInvoiceEntries, softDeleteInvoiceEntry } from "../database/bill.js";
+import LottieView from 'lottie-react-native';
+import { viewDocument } from '@react-native-documents/viewer';
+import { STATUS_BAR_COLOR } from "../redux/reducers/client/client_types.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const BillDetails = ({
+  navigation,
+  route
+}) => {
+  const [businessName, setBusinessName] = React.useState('');
+  const dispatch = useDispatch();
+  const animationRef = useRef(null);
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  let {
+    fromClients,
+    itemDetails
+  } = route.params;
+  const [phone, setPhone] = React.useState('');
+  const [ownerName, setOwnerName] = React.useState('');
+  const [businessType, setBusinessType] = React.useState('');
+  const [businessCategory, setBusinessCategory] = React.useState('');
+  const [location, setLocation] = React.useState('');
+  const [email, setEmail] = React.useState('');
+  const [id, setId] = useState('');
+  const [Business, setBusiness] = useState([]);
+  const {
+    businessId
+  } = selectBusiness?.id;
+  const [photo, setPhoto] = useState(null);
+  const [IsPicker, setIsPicker] = useState(false);
+  const [deleteModalVisible, setDeleteModalVisible] = useState(false);
+  const [BillDetails, setBillDetails] = useState(null);
+  const [IsPlaying, setIsPlaying] = useState(false);
+  const [PlayLoading, setPlayLoading] = useState(false);
+  const typeData = [{
+    id: '1',
+    title: 'Retailer/ Shop',
+    icon: 'storefront-outline'
+  }, {
+    id: '2',
+    title: 'Wholesaler',
+    icon: 'restaurant-outline'
+  }, {
+    id: '3',
+    title: 'Distributor',
+    icon: 'business-outline'
+  }, {
+    id: '4',
+    title: 'Manufacturer',
+    icon: 'briefcase-outline'
+  }, {
+    id: '5',
+    title: 'Services',
+    icon: 'briefcase-outline'
+  }, {
+    id: '6',
+    title: 'Other',
+    icon: 'briefcase-outline'
+  }];
+  const categoryData = [{
+    id: '1',
+    title: 'Kirana/Grocery',
+    icon: 'cart-outline'
+  }, {
+    id: '2',
+    title: 'Textile/Fashion',
+    icon: 'shirt-outline'
+  }, {
+    id: '3',
+    title: 'Medical',
+    icon: 'medkit-outline'
+  }, {
+    id: '4',
+    title: 'Electronics',
+    icon: 'tv-outline'
+  }, {
+    id: '5',
+    title: 'Mobile',
+    icon: 'phone-portrait-outline'
+  }, {
+    id: '6',
+    title: 'Automobile',
+    icon: 'car-outline'
+  }, {
+    id: '7',
+    title: 'Sports',
+    icon: 'bicycle-outline'
+  }, {
+    id: '8',
+    title: 'Kids/Toys',
+    icon: 'happy-outline'
+  }, {
+    id: '9',
+    title: 'Hardware/Tools',
+    icon: 'construct-outline'
+  }, {
+    id: '10',
+    title: 'Others',
+    icon: 'apps-outline'
+  }];
+
+  // sample data - replace with props / redux state / route.params as needed
+  const invoice = {
+    title: 'Bill # 2',
+    customerName: 'ahaha',
+    phone: '03247299205',
+    item: {
+      name: 'Mango',
+      qty: 120,
+      rate: 12
+    },
+    total: 1440,
+    datetime: 'Sun, 19 Oct 25 · 09:38 PM'
+  };
+  const handleEdit = () => {
+    navigation.navigate('CreateBill', {
+      type: 'edit',
+      invoiceId: BillDetails?.id
+    });
+  };
+  const handleDeleteConfirm = () => {
+    // TODO: replace with real delete API / redux dispatch
+    setDeleteModalVisible(false);
+    Alert.alert('Deleted', 'Entry deleted successfully.');
+    // If you want to go back after delete:
+    // navigation.goBack();
+  };
+  const handlePreview = () => {
+    navigation.navigate('PreviewBill', {
+      invoiceId: BillDetails?.id,
+      fromClients: fromClients,
+      itemDetails: itemDetails
+    });
+  };
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      dispatch({
+        type: STATUS_BAR_COLOR,
+        color: COLORS.primaryColor
+      });
+      getAllBusinesses().then(res => {
+        setBusiness(res);
+      });
+      getInvoiceEntries(null, null, businessId).then(res => {
+        setBillDetails(res?.find(i => i.id == route.params?.invoiceId));
+      });
+    });
+    return () => unsubscribe();
+  }, [navigation]);
+  useEffect(() => {
+    if (Business.length > 0 && businessId) {
+      const found = Business.find(b => b.id === businessId);
+      // setSelectedBusiness(found || null);
+    }
+  }, [Business, businessId]);
+  useEffect(() => {
+    if (selectBusiness) {
+      setId(selectBusiness.id || '');
+      setBusinessName(selectBusiness.name || '');
+      setPhoto(selectBusiness.local_path || '');
+      setPhone(typeof selectBusiness.phone === 'object' ? selectBusiness.phone.number || '' : selectBusiness.phone || '');
+      setOwnerName(selectBusiness.owner_name || '');
+
+      // 🏷️ Match type ID with its title
+      const matchedType = typeData.find(t => t.id === String(selectBusiness.type))?.title || '';
+
+      // 🏷️ Match category ID with its title
+      const matchedCategory = categoryData.find(c => c.id === String(selectBusiness.category))?.title || '';
+      setBusinessType(matchedType);
+      setBusinessCategory(matchedCategory);
+      setLocation(selectBusiness.address || '');
+      setEmail(selectBusiness.email || '');
+    }
+  }, [selectBusiness]);
+  const togglePicker = () => {
+    setIsPicker(!IsPicker);
+  };
+  const onPictureUpdate = async uri => {
+    // console.log({ "uri", uri });
+    console.log('url_uri', uri);
+    setPhoto(uri);
+    handleUpdate(uri); // Pass directly
+  };
+  const handleUpdate = async updatedPhoto => {
+    const finalData = {
+      id: selectBusiness?.id,
+      businessName: selectBusiness?.name,
+      phone: selectBusiness?.phone,
+      ownerName: selectBusiness?.owner_name,
+      businessType: selectBusiness.type,
+      businessCategory: selectBusiness.category,
+      location: selectBusiness.address,
+      email: selectBusiness.email,
+      photo: updatedPhoto
+    };
+    console.log('Final_Data:', finalData);
+    // debugger;
+    try {
+      const all = await updateBusiness(selectBusiness?.id, selectBusiness?.name, selectBusiness?.phone, selectBusiness?.owner_name, selectBusiness.type, selectBusiness.category, selectBusiness.address, selectBusiness.email, updatedPhoto);
+      debugger;
+      console.log('Business Updated:', all);
+    } catch (error) {
+      console.error('Error updating business:', error);
+    }
+  };
+  const calculateFinalAmount = (amount, discount, tax) => {
+    const amt = parseFloat(amount) || 0;
+    const disc = parseFloat(discount) || 0;
+    const tx = parseFloat(tax) || 0;
+
+    // Apply discount (percentage) and tax (fixed amount)
+    const discountedAmount = amt * disc / 100;
+    const finalAmount = amt - discountedAmount + tx;
+
+    // Return as a number (rounded to 2 decimals)
+    return parseFloat(finalAmount.toFixed(2));
+  };
+  const onDeletePress = () => {
+    Alert.alert('Delete entry?', 'This bill entry will be deleted from the bill book.', [{
+      text: 'Cancel',
+      onPress: () => console.log('Cancel'),
+      style: 'cancel'
+    }, {
+      text: 'Delete',
+      style: 'destructive',
+      // optional: shows in red on iOS
+      onPress: async () => {
+        try {
+          await softDeleteInvoiceEntry(BillDetails?.id);
+          navigation.goBack();
+        } catch (err) {
+          console.log('Error soft deleting transaction:', err);
+        }
+      }
+    }], {
+      cancelable: true
+    });
+  };
+  const onStartPlay = async fileUrl => {
+    setPlayLoading(true);
+    // Set up playback progress listener
+    Sound.addPlayBackListener(e => {
+      console.log('Playback progress:', e.currentPosition, e.duration);
+      setIsPlaying(true);
+      animationRef.current?.play();
+      // setCurrentPosition(e.currentPosition);
+      // setTotalDuration(e.duration);
+      // setPlayTime(Sound.mmssss(Math.floor(e.currentPosition)));
+      // setDuration(Sound.mmssss(Math.floor(e.duration)));
+    });
+
+    // Set up playback end listener
+    Sound.addPlaybackEndListener(e => {
+      console.log('Playback completed:', e);
+      // Handle playback completion
+      setIsPlaying(false);
+      animationRef.current?.pause();
+      // setCurrentPosition(0);
+    });
+    const result = await Sound.startPlayer(fileUrl);
+    setPlayLoading(false);
+    console.log('Playback started:', result);
+  };
+  const onStopPlay = async () => {
+    Sound.stopPlayer();
+    Sound.removePlayBackListener();
+    Sound.removePlaybackEndListener();
+    animationRef.current?.pause();
+    setIsPlaying(false);
+    setPlayLoading(false);
+  };
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      getInvoiceEntries(null, null, selectBusiness?.id).then(res => {
+        const found = res.find(item => item.id == route.params?.invoiceId);
+        setBillDetails(found);
+      });
+    });
+    return unsubscribe;
+  }, [navigation, selectBusiness?.id, route.params?.invoiceId]);
+  function calculateDiscount(amount, percent) {
+    if (amount <= 0 || percent <= 0) return {
+      discount: 0,
+      finalPrice: amount
+    };
+    const discount = amount * percent / 100;
+    const finalPrice = amount - discount;
+    return {
+      discount,
+      finalPrice
+    };
+  }
+  const rawItems = fromClients ? itemDetails?.items : BillDetails?.status;
+  let parsedItems = [];
+  try {
+    parsedItems = rawItems ? JSON.parse(rawItems) : [];
+  } catch (e) {
+    parsedItems = [];
+  }
+  return /*#__PURE__*/_jsxs(SafeAreaView, {
+    style: styles.safe,
+    children: [/*#__PURE__*/_jsx(Header, {
+      navigation: navigation,
+      title: `Bill# ${BillDetails?.bill ? BillDetails?.bill : ''}`
+    }), /*#__PURE__*/_jsxs(ScrollView, {
+      contentContainerStyle: styles.container,
+      children: [/*#__PURE__*/_jsxs(View, {
+        style: styles.card,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.cardRow,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: {
+              flex: 1
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.customerName,
+              children: selectBusiness?.name
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles.phone,
+              children: selectBusiness?.phone
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles.addBusiness, {
+                color: COLORS.blackColor,
+                fontFamily: FONT_NORMAL
+              }],
+              children: selectBusiness?.fullAddress
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.imageContainer,
+            children: /*#__PURE__*/_jsxs(View, {
+              style: styles.imageCircle,
+              children: [photo ? /*#__PURE__*/_jsx(Image, {
+                source: {
+                  uri: photo
+                },
+                style: styles.image
+              }) : /*#__PURE__*/_jsx(Ionicons, {
+                name: "storefront-outline",
+                size: 50,
+                color: "#ccc"
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: styles.cameraButton,
+                onPress: togglePicker,
+                children: /*#__PURE__*/_jsx(Ionicons, {
+                  name: "camera-outline",
+                  size: 24,
+                  color: "#fff"
+                })
+              })]
+            })
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.divider
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.titleArea,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: styles.cardTitle,
+            children: ["Bill# ", BillDetails?.bill]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.cardDate,
+            children: formatDateTime(fromClients ? itemDetails?.date : BillDetails?.entryDate)
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.tableHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 2
+            }],
+            children: "ITEM"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 1,
+              textAlign: 'center'
+            }],
+            children: "Qty"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 1,
+              textAlign: 'center'
+            }],
+            children: "Rate"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 1,
+              textAlign: 'right'
+            }],
+            children: "Amount"
+          })]
+        }), parsedItems.map((i, index) => /*#__PURE__*/_jsxs(View, {
+          style: [styles.tableHeader, {
+            backgroundColor: COLORS.whiteColor
+          }],
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 2,
+              color: COLORS.blackColor
+            }],
+            children: i?.name
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 1,
+              textAlign: 'center',
+              color: COLORS.blackColor
+            }],
+            children: i?.addedQty
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 1,
+              textAlign: 'center',
+              color: COLORS.blackColor
+            }],
+            children: addCommas(Number(i?.addedRate))
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.tHeadText, {
+              flex: 1,
+              textAlign: 'right',
+              color: COLORS.blackColor
+            }],
+            children: addCommas(Number(i?.addedQty) * Number(i?.addedRate))
+          })]
+        }, index)), /*#__PURE__*/_jsxs(View, {
+          style: [styles._detailsMain, {
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
+            paddingVertical: 14,
+            paddingHorizontal: 2
+          }],
+          children: [BillDetails?.details && /*#__PURE__*/_jsx(Text, {
+            numberOfLines: 2,
+            style: {
+              color: COLORS.blackColor,
+              fontFamily: FONT_NORMAL,
+              fontSize: 14,
+              width: '70%'
+            },
+            children: BillDetails?.details
+          }), !fromClients && !BillDetails?.status && /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.blackColor,
+              fontFamily: FONT_NORMAL,
+              fontSize: 14
+            },
+            children: addCommas(Number(BillDetails?.amount))
+          })]
+        }), /*#__PURE__*/_jsx(View, {
+          style: styles.dividerThin
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.totalsRow,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.totalLabel,
+            children: "Total"
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: styles.totalValue,
+            children: ["Rs ", addCommas(Number(fromClients ? itemDetails?.amount : BillDetails?.amount))]
+          })]
+        }), !fromClients && /*#__PURE__*/_jsxs(View, {
+          style: styles.totalsRow,
+          children: [/*#__PURE__*/_jsxs(Text, {
+            style: [styles.totalLabel, {
+              fontFamily: FONT_NORMAL
+            }],
+            children: ["Discount % (", Number(BillDetails?.discount), ")"]
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.totalValue, {
+              fontFamily: FONT_NORMAL
+            }],
+            children: calculateDiscount(Number(BillDetails?.amount), Number(BillDetails?.discount)).discount.toFixed(2)
+          })]
+        }), !fromClients && /*#__PURE__*/_jsxs(View, {
+          style: styles.totalsRow,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.totalLabel, {
+              fontFamily: FONT_NORMAL
+            }],
+            children: "Tax"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.totalValue, {
+              fontFamily: FONT_NORMAL
+            }],
+            children: Number(BillDetails?.tax)
+          })]
+        }), !fromClients && /*#__PURE__*/_jsxs(View, {
+          style: styles.totalsRow,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.totalLabel,
+            children: "Grand Total"
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: styles.totalValue,
+            children: ["Rs", ' ', calculateFinalAmount(Number(BillDetails?.amount), Number(BillDetails?.discount), Number(BillDetails?.tax))]
+          })]
+        }), !fromClients && /*#__PURE__*/_jsxs(View, {
+          style: styles.totalsRow,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: [styles.totalLabel, {
+              fontFamily: FONT_NORMAL
+            }],
+            children: "Received"
+          }), /*#__PURE__*/_jsxs(Text, {
+            style: [styles.totalValue, {
+              fontFamily: FONT_NORMAL
+            }],
+            children: ["Rs ", addCommas(Number(BillDetails?.advance))]
+          })]
+        }), BillDetails?.attachments?.length > 0 && /*#__PURE__*/_jsxs(View, {
+          style: [styles.totalsRow, {
+            flexDirection: 'column',
+            alignItems: 'flex-start'
+          }],
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: {
+              color: COLORS.gray,
+              fontFamily: FONT_MEDIUM,
+              fontSize: 13
+            },
+            children: "Attachments"
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              flexDirection: 'row'
+            },
+            children: BillDetails.attachments.map((i, index) => /*#__PURE__*/_jsx(TouchableOpacity, {
+              activeOpacity: 0.8,
+              onPress: () => viewDocument({
+                uri: i?.local_path
+              }),
+              children: isPdfFile(i?.local_path) ? /*#__PURE__*/_jsx(Ionicons, {
+                name: "document-text-outline",
+                size: 50,
+                color: COLORS.primaryColor,
+                style: {
+                  margin: 5
+                }
+              }) : /*#__PURE__*/_jsx(Image, {
+                source: {
+                  uri: i?.local_path
+                },
+                style: {
+                  width: 50,
+                  height: 50,
+                  margin: 5,
+                  borderRadius: 8
+                },
+                resizeMode: "cover"
+              })
+            }, index))
+          })]
+        }), BillDetails?.local_path && /*#__PURE__*/_jsxs(View, {
+          style: [styles._rowMain, {
+            justifyContent: 'center',
+            gap: 20,
+            justifyContent: 'flex-start'
+          }],
+          children: [IsPlaying ? /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            onPress: () => {
+              onStopPlay();
+            },
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'pause',
+              color: COLORS.primaryColor,
+              size: 30
+            })
+          }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            onPress: () => {
+              onStartPlay(BillDetails?.local_path);
+            },
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'play',
+              color: COLORS.primaryColor,
+              size: 30
+            })
+          }), /*#__PURE__*/_jsx(LottieView, {
+            source: require('../assets/animations/voice_visualization.json'),
+            autoPlay: false,
+            loop: true,
+            style: {
+              width: '70%',
+              height: 50
+            },
+            ref: animationRef
+          })]
+        })]
+      }), !fromClients && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.actionButton,
+        onPress: handleEdit,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.actionInner,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: 'create-outline',
+            color: COLORS.primaryColor,
+            size: 22
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.actionText,
+            children: "EDIT ENTRY"
+          })]
+        })
+      }), !fromClients && /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.actionButton, {
+          marginTop: 12
+        }],
+        onPress: () => onDeletePress(),
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.actionInner,
+          children: [/*#__PURE__*/_jsx(Ionicons, {
+            name: 'trash-outline',
+            color: COLORS.primaryColor,
+            size: 22
+          }), /*#__PURE__*/_jsx(Text, {
+            style: [styles.actionText, {
+              color: '#e53935'
+            }],
+            children: "DELETE ENTRY"
+          })]
+        })
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          height: 140
+        }
+      })]
+    }), /*#__PURE__*/_jsx(BottomView, {
+      style: styles.bottomBar,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.totalButton,
+        onPress: handlePreview,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.totalText,
+          children: "PREVIEW"
+        })
+      })
+    }), /*#__PURE__*/_jsxs(Modal, {
+      animationType: "fade",
+      transparent: true,
+      visible: deleteModalVisible,
+      onRequestClose: () => setDeleteModalVisible(false),
+      children: [/*#__PURE__*/_jsx(Pressable, {
+        style: styles.modalBackdrop,
+        onPress: () => setDeleteModalVisible(false)
+      }), /*#__PURE__*/_jsx(View, {
+        style: styles.modalCentered,
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.modalBox,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles.modalTitle,
+            children: "Delete Entry"
+          }), /*#__PURE__*/_jsx(Text, {
+            style: styles.modalSubtitle,
+            children: "Are you sure you want to delete this entry?"
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.modalBtns,
+            children: [/*#__PURE__*/_jsx(Pressable, {
+              style: [styles.modalBtn, styles.modalCancel],
+              onPress: () => setDeleteModalVisible(false),
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.modalCancelText,
+                children: "Cancel"
+              })
+            }), /*#__PURE__*/_jsx(Pressable, {
+              style: [styles.modalBtn, styles.modalOk],
+              onPress: handleDeleteConfirm,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.modalOkText,
+                children: "OK"
+              })
+            })]
+          })]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(PickerModal, {
+      isVisible: IsPicker,
+      onBackButtonPress: togglePicker,
+      onBackdropPress: togglePicker,
+      onCameraPress: a => {
+        onPictureUpdate(a?.uri);
+      },
+      onGalleryPress: a => {
+        onPictureUpdate(a?.uri);
+      }
+    })]
+  });
+};
+export default BillDetails;
+const styles = StyleSheet.create({
+  safe: {
+    flex: 1,
+    backgroundColor: '#f2f2f2'
+  },
+  header: {
+    height: 64,
+    backgroundColor: '#ff6b3b',
+    flexDirection: 'row',
+    alignItems: 'center',
+    paddingHorizontal: 12,
+    justifyContent: 'flex-start'
+  },
+  backBtn: {
+    width: 40,
+    height: 40,
+    justifyContent: 'center'
+  },
+  backArrow: {
+    color: '#fff',
+    fontSize: 28
+  },
+  headerTitle: {
+    color: '#fff',
+    fontSize: 20,
+    fontWeight: '700'
+  },
+  container: {
+    padding: 10,
+    paddingBottom: 0
+  },
+  card: {
+    backgroundColor: '#ffffff',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    padding: 14,
+    shadowColor: '#000',
+    shadowOpacity: 0.06,
+    shadowRadius: 8,
+    elevation: 3,
+    overflow: 'hidden',
+    width: WP(92),
+    alignSelf: 'center'
+  },
+  cardRow: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  customerName: {
+    fontSize: 20,
+    fontWeight: '700',
+    color: '#444',
+    fontFamily: FONT_NORMAL
+  },
+  phone: {
+    color: '#888',
+    marginTop: 6,
+    fontFamily: FONT_NORMAL
+  },
+  addBusiness: {
+    color: '#ff6b3b',
+    marginTop: 8,
+    width: '80%'
+  },
+  avatarWrap: {
+    alignItems: 'center',
+    marginLeft: 12
+  },
+  avatar: {
+    width: 72,
+    height: 72,
+    borderRadius: 36,
+    backgroundColor: '#ececec',
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  avatarIcon: {
+    fontSize: 28
+  },
+  cameraBadge: {
+    position: 'absolute',
+    right: -6,
+    bottom: -6,
+    backgroundColor: '#ff6b3b',
+    width: 38,
+    height: 38,
+    borderRadius: 19,
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderWidth: 3,
+    borderColor: '#fff'
+  },
+  cameraIcon: {
+    fontSize: 14,
+    color: '#fff'
+  },
+  divider: {
+    height: 1,
+    backgroundColor: '#eee',
+    marginVertical: 10
+  },
+  titleArea: {
+    alignItems: 'center',
+    paddingVertical: 6
+  },
+  cardTitle: {
+    fontSize: 18,
+    fontWeight: '700'
+  },
+  cardDate: {
+    color: '#bcbcbc',
+    marginTop: 6
+  },
+  tableHeader: {
+    flexDirection: 'row',
+    backgroundColor: '#d7d7d7',
+    paddingVertical: 10,
+    paddingHorizontal: 8,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginTop: 10
+  },
+  tHeadText: {
+    fontSize: 10,
+    color: '#777',
+    fontFamily: FONT_NORMAL
+  },
+  tableRow: {
+    flexDirection: 'row',
+    paddingVertical: 14,
+    paddingHorizontal: 8,
+    alignItems: 'center'
+  },
+  tRowText: {
+    fontSize: 12,
+    color: '#666',
+    fontFamily: FONT_NORMAL
+  },
+  dividerThin: {
+    height: 1,
+    backgroundColor: '#eee',
+    marginVertical: 6
+  },
+  totalsRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    paddingVertical: 8,
+    paddingHorizontal: 6,
+    alignItems: 'center'
+  },
+  totalLabel: {
+    fontSize: 14,
+    fontFamily: FONT_MEDIUM
+  },
+  totalValue: {
+    fontSize: 14,
+    fontFamily: FONT_MEDIUM
+  },
+  actionButton: {
+    backgroundColor: COLORS.whiteColor,
+    marginTop: 18,
+    // marginHorizontal: 4,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingVertical: 14,
+    paddingHorizontal: 12,
+    shadowColor: '#000',
+    shadowOpacity: 0.03,
+    shadowRadius: 6,
+    elevation: 3,
+    width: WP(92),
+    alignSelf: 'center'
+  },
+  actionInner: {
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  actionIcon: {
+    fontSize: 20,
+    marginRight: 12,
+    color: '#ff6b3b'
+  },
+  actionText: {
+    fontSize: 16,
+    fontWeight: '700',
+    color: '#ff6b3b',
+    marginLeft: 10
+  },
+  previewWrap: {
+    position: 'absolute',
+    left: 12,
+    right: 12,
+    bottom: Platform.OS === 'ios' ? 24 : 50,
+    alignItems: 'center'
+  },
+  previewButton: {
+    width: '100%',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    // paddingVertical: 18,
+    height: 60,
+    backgroundColor: '#ff6b3b',
+    alignItems: 'center',
+    justifyContent: 'center',
+    shadowColor: '#000',
+    shadowOpacity: 0.12,
+    shadowRadius: 8,
+    elevation: 4
+  },
+  previewText: {
+    color: '#fff',
+    fontSize: 14,
+    fontFamily: FONT_NORMAL
+  },
+  /* Modal */
+  modalBackdrop: {
+    flex: 1,
+    backgroundColor: '#00000055'
+  },
+  modalCentered: {
+    position: 'absolute',
+    left: 20,
+    right: 20,
+    top: '40%',
+    transform: [{
+      translateY: -50
+    }],
+    alignItems: 'center'
+  },
+  modalBox: {
+    width: '100%',
+    backgroundColor: '#fff',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    padding: 20,
+    alignItems: 'center',
+    elevation: 6
+  },
+  modalTitle: {
+    fontSize: 18,
+    fontWeight: '800',
+    marginBottom: 6
+  },
+  modalSubtitle: {
+    color: '#666',
+    textAlign: 'center',
+    marginBottom: 18
+  },
+  modalBtns: {
+    flexDirection: 'row',
+    width: '100%',
+    justifyContent: 'space-between'
+  },
+  modalBtn: {
+    flex: 1,
+    paddingVertical: 12,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    marginHorizontal: 6
+  },
+  modalCancel: {
+    backgroundColor: '#f3f3f3'
+  },
+  modalOk: {
+    backgroundColor: '#e53935'
+  },
+  modalCancelText: {
+    color: '#333',
+    fontWeight: '700'
+  },
+  modalOkText: {
+    color: '#fff',
+    fontWeight: '700'
+  },
+  imageContainer: {
+    alignItems: 'center',
+    marginBottom: 20
+  },
+  imageCircle: {
+    width: 90,
+    height: 90,
+    borderRadius: 60,
+    backgroundColor: '#f2f2f2',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative'
+  },
+  image: {
+    width: '100%',
+    height: '100%',
+    borderRadius: 60
+  },
+  cameraButton: {
+    position: 'absolute',
+    bottom: 0,
+    right: 0,
+    backgroundColor: '#F44336',
+    width: 35,
+    height: 35,
+    borderRadius: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 3,
+    borderColor: '#fff'
+  },
+  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,
+    borderColor: '#FF3B30',
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    width: '95%',
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  totalText: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
+  },
+  _detailsMain: {
+    width: '100%',
+    // height: 50,
+    // backgroundColor: "red",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingVertical: 12
+  }
+});
+//# sourceMappingURL=BillDetails.js.map