digikhata-mashreq-sdk 0.1.1 → 1.1.0

package/lib/module/app/components/AdditemBillChild.js

@@ -0,0 +1,1123 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, FlatList, StyleSheet, ScrollView, Animated, Dimensions, Modal, Image } from 'react-native';
+// import { LinearGradient } from 'expo-linear-gradient';
+import LinearGradient from 'react-native-linear-gradient';
+import { Feather } from '@expo/vector-icons'; // or react-native-vector-icons/Feather
+import { useDispatch, useSelector } from 'react-redux';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import { COLORS, FONT_MEDIUM, FONT_NORMAL, HP, Input_Field_SIZES, TEXT_SIZES, WP } from "../themes/config.js";
+import SearchBar from "./SearchBar.js";
+import FloatingInput from "./FloatingInput.js";
+import BottomView from "./BottomView.js";
+import { addItem, addItemCategory, editItem, getItemCategories, getItemsByBusiness } from "../database/stock.js";
+import PickerModal from "./PickerModal.js";
+import NewModal from 'react-native-modal';
+import { getCashCategories } from "../database/cash.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const {
+  height
+} = Dimensions.get('window');
+const PREDEFINED_UNITS = ['Pieces (pcs)', 'Bags (bags)', 'Bundle (bdl)', 'Kilogram (kg)', 'Gram (gm)', 'Milligram (mg)', 'Litre (ltr)', 'Meter (m)', 'Tola (tola)', 'Foot (ft)', 'Box (box)', 'Packet (pkt)', 'Carton (ctn)', 'Dozen (dzn)', 'Rim (rim)', 'Bottles (btl)', 'Pound (lbs)', 'Roll (roll)', 'Gallon (gln)', 'Quarter (qtr)', 'Can (can)'];
+const AdditemBillChild = ({
+  navigation,
+  route
+}) => {
+  const dispatch = useDispatch();
+  const animationRef = useRef(null);
+  const keyboardRef = useRef(null);
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  const itemId = route?.params?.itemId;
+  const categoryId = route?.params?.categoryId;
+  const [search, setSearch] = useState('');
+  const [drawerVisible, setDrawerVisible] = useState(false);
+  const [businessCategoryVisible, setBusinessCategoryVisible] = useState(false);
+  const [units, setUnits] = useState(['Kg', 'Liter', 'Piece']);
+  const [newUnit, setNewUnit] = useState('');
+  const slideAnim = useRef(new Animated.Value(height)).current;
+  const [showAddUnit, setShowAddUnit] = useState(false);
+  const [IsPicker, setIsPicker] = useState(false);
+  const [SelectedImage, setSelectedImage] = useState(null);
+  const [CategoryModal, setCategoryModal] = useState(false);
+  const [SelectedCategory, setSelectedCategory] = useState(null);
+  const [ItemCategories, setItemCategories] = useState([]);
+  const [AddCategoryModal, setAddCategoryModal] = useState(false);
+  const [NewCategoryName, setNewCategoryName] = useState('');
+  const [ItemDetails, setItemDetails] = useState(null);
+  const [Title, setTitle] = useState('');
+
+  // Animate drawer
+  useEffect(() => {
+    Animated.timing(slideAnim, {
+      toValue: drawerVisible ? 0 : height,
+      duration: 300,
+      useNativeDriver: true
+    }).start();
+  }, [drawerVisible]);
+  const handleAddUnit = () => {
+    if (newUnit.trim()) {
+      setUnits([...units, newUnit]);
+      setForm({
+        ...form,
+        unit: newUnit
+      });
+      setNewUnit('');
+      setDrawerVisible(false);
+    }
+  };
+  const [form, setForm] = useState({
+    name: '',
+    unit: '',
+    category: '',
+    barcode: '',
+    rateSale: '',
+    ratePurchase: '',
+    lowStockLimit: ''
+  });
+  const renderUnitButton = ({
+    item
+  }) => /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: styles.unitButton,
+    onPress: () => {
+      setForm({
+        ...form,
+        unit: item
+      });
+      setDrawerVisible(false);
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.unitText,
+      children: item
+    })
+  });
+  const insertItem = () => {
+    addItem(form?.name, selectBusiness?.id, form?.unit, '0', form?.lowStockLimit, form?.ratePurchase, form?.rateSale, SelectedImage?.uri, SelectedCategory?.id, form?.barcode).then(res => {
+      setForm({
+        name: '',
+        unit: '',
+        category: '',
+        barcode: '',
+        rateSale: '',
+        ratePurchase: '',
+        lowStockLimit: ''
+      });
+      navigation?.goBack();
+    }).catch(err => {
+      console.log(err, 'insertItemError');
+    });
+  };
+  const togglePicker = () => {
+    setIsPicker(!IsPicker);
+  };
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      getItemDetails();
+      getItemCategories().then(res => {
+        setItemCategories(res);
+      });
+    });
+    return () => unsubscribe();
+  }, [navigation]);
+  const addDefaultCategories = async () => {
+    let toAdd = ['Appliances', 'Clothing', 'Food', 'Mobile', 'Retail', 'Sale'];
+    let all = await getItemCategories();
+    if (!all || all.length === 0) {
+      console.log('if');
+      for (const category of toAdd) {
+        await addItemCategory(category, selectBusiness?.id);
+      }
+    }
+
+    // Fetch categories again after adding
+    all = await getItemCategories();
+    setItemCategories(all);
+  };
+  useEffect(() => {
+    const initializeCategories = async () => {
+      try {
+        await addDefaultCategories();
+      } catch (error) {
+        console.error('Failed to add default categories:', error);
+      }
+    };
+    initializeCategories();
+  }, []);
+  const getItemDetails = async () => {
+    let all = await getItemsByBusiness(selectBusiness?.id);
+    let filtered = all.find(item => item?.id == itemId);
+    setItemDetails(filtered);
+  };
+  useEffect(() => {
+    if (ItemDetails) {
+      const selectedCategory = ItemCategories?.find(i => String(i?.id) === String(ItemDetails?.catId));
+      setSelectedCategory(selectedCategory || null);
+      ItemDetails?.local_path ? setSelectedImage({
+        uri: ItemDetails?.local_path
+      }) : setSelectedImage(null);
+      setForm(prev => ({
+        ...prev,
+        name: ItemDetails?.name ? String(ItemDetails.name) : '',
+        unit: ItemDetails?.unit ? String(ItemDetails?.unit) : '',
+        barcode: ItemDetails?.barcode ? String(ItemDetails?.barcode) : '',
+        rateSale: ItemDetails?.sellingPrice ? String(ItemDetails?.sellingPrice) : '',
+        ratePurchase: ItemDetails?.costPrice ? String(ItemDetails?.costPrice) : '',
+        category: selectedCategory?.name || '',
+        lowStockLimit: ItemDetails?.lowStock ? String(ItemDetails?.lowStock) : ''
+      }));
+    }
+  }, [ItemDetails, ItemCategories]);
+  const updateItem = () => {
+    editItem(ItemDetails?.id, form?.name, selectBusiness?.id, form?.unit, String(ItemDetails?.qty), form?.lowStockLimit, form?.ratePurchase, form?.rateSale, SelectedImage?.uri, SelectedCategory?.id, form?.barcode).then(res => {
+      setForm({
+        name: '',
+        unit: '',
+        category: '',
+        barcode: '',
+        rateSale: '',
+        ratePurchase: '',
+        lowStockLimit: ''
+      });
+      navigation?.goBack();
+    }).catch(err => {
+      console.log(err, 'insertItemError');
+    });
+  };
+  useEffect(() => {
+    if (categoryId) {
+      const selectedCategory = ItemCategories?.find(i => String(i?.id) === String(categoryId));
+      setSelectedCategory(selectedCategory || null);
+    }
+  }, [categoryId, ItemCategories]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: {
+      flex: 1,
+      backgroundColor: '#F5F5F5'
+    },
+    children: [/*#__PURE__*/_jsxs(LinearGradient, {
+      style: styles._headerMain,
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      colors: [COLORS.secondaryColor, COLORS.primaryColor],
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        onPress: () => navigation?.goBack(),
+        style: {
+          padding: 10
+        },
+        children: /*#__PURE__*/_jsx(Ionicons, {
+          name: "chevron-back",
+          color: COLORS.whiteColor,
+          size: 25
+        })
+      }), /*#__PURE__*/_jsx(Text, {
+        style: styles._headerTitle,
+        children: itemId ? 'Item Profile' : 'Add Item'
+      })]
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      style: [styles._headerMain, {
+        height: 30
+      }],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      colors: [COLORS.secondaryColor, COLORS.primaryColor]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.cardContainer,
+      children: /*#__PURE__*/_jsxs(ScrollView, {
+        contentContainerStyle: styles.scrollContainer,
+        keyboardShouldPersistTaps: "handled",
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles._picMain,
+          children: [SelectedImage ? /*#__PURE__*/_jsx(Image, {
+            source: {
+              uri: SelectedImage?.uri
+            },
+            style: [styles._pic, {
+              width: '100%',
+              height: '100%',
+              borderRadius: 100
+            }],
+            resizeMode: "cover"
+          }) : /*#__PURE__*/_jsx(Image, {
+            source: require('../assets/images/user.png'),
+            style: styles._pic,
+            resizeMode: "contain"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            style: styles._selectMain,
+            activeOpacity: 0.8,
+            onPress: togglePicker,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "camera-outline",
+              color: COLORS.whiteColor,
+              size: 20
+            })
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.form,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              children: "Item Name"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Name"
+              // iconName="pricetag-outline"
+              ,
+              iconPosition: "right",
+              value: form.name,
+              onChangeText: text => setForm({
+                ...form,
+                name: text
+              }),
+              maxLength: 15
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: [styles.inputContainer, {
+              marginTop: 5
+            }],
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: [styles.label, {
+                marginBottom: 15
+              }],
+              children: "Category"
+            }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: styles.dropdown,
+              activeOpacity: 0.8,
+              onPress: () => setCategoryModal(true),
+              children: [SelectedCategory ? /*#__PURE__*/_jsxs(TouchableOpacity, {
+                activeOpacity: 0.8,
+                style: styles._categoryChip,
+                children: [/*#__PURE__*/_jsx(Text, {
+                  style: styles._chipText,
+                  children: SelectedCategory?.name
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  activeOpacity: 0.8,
+                  style: {
+                    padding: 0
+                  },
+                  onPress: () => setSelectedCategory(null),
+                  children: /*#__PURE__*/_jsx(Ionicons, {
+                    name: "close-circle",
+                    color: COLORS.darkGrey,
+                    size: 20
+                  })
+                })]
+              }) : /*#__PURE__*/_jsx(Text, {
+                style: styles.placeholder,
+                children: "Choose Category"
+              }), /*#__PURE__*/_jsx(Ionicons, {
+                name: 'chevron-down',
+                size: 22,
+                color: COLORS.primaryColor // ✅ use prop
+                ,
+                style: styles.iconRight
+              })]
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: [styles.inputContainer, {
+              marginTop: 10
+            }],
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              children: "Unit"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Choose Unit",
+              iconName: "chevron-down",
+              iconPosition: "right",
+              editable: false,
+              value: form.unit,
+              onPress: () => setDrawerVisible(true)
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              children: "Sale Price"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Enter Sale Price"
+              // iconName="cash-outline"
+              ,
+              iconPosition: "right",
+              value: form.rateSale,
+              onChangeText: text => setForm({
+                ...form,
+                rateSale: text
+              }),
+              keyboardType: "numeric",
+              maxLength: 10
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              children: "Barcode"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Scan Barcode",
+              iconName: "barcode-outline",
+              iconPosition: "right",
+              value: form.barcode,
+              onChangeText: text => setForm({
+                ...form,
+                barcode: text
+              }),
+              onPress: () => {
+                navigation.navigate('BarcodeScannerScreen', {
+                  onScan: code => setForm({
+                    ...form,
+                    barcode: code
+                  })
+                });
+              },
+              maxLength: 30,
+              keyboardType: "numeric"
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              children: "Purchase Price"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Enter Purchase Price"
+              // iconName="cash-outline"
+              ,
+              iconPosition: "right",
+              value: form.ratePurchase,
+              onChangeText: text => setForm({
+                ...form,
+                ratePurchase: text
+              }),
+              keyboardType: "numeric",
+              maxLength: 10
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainer,
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.label,
+              children: "Low Stock Limit"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Enter Low Stock Limit"
+              // iconName="cube-outline"
+              ,
+              iconPosition: "right",
+              value: form.lowStockLimit,
+              onChangeText: text => setForm({
+                ...form,
+                lowStockLimit: text
+              }),
+              keyboardType: "numeric",
+              maxLength: 15
+            })]
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(PickerModal, {
+      isVisible: IsPicker,
+      onBackButtonPress: togglePicker,
+      onBackdropPress: togglePicker,
+      onCameraPress: a => setSelectedImage(a),
+      onGalleryPress: a => setSelectedImage(a)
+    }), /*#__PURE__*/_jsx(NewModal, {
+      isVisible: CategoryModal,
+      style: styles._categoryModal,
+      onBackButtonPress: () => setCategoryModal(false),
+      onBackdropPress: () => setCategoryModal(false),
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles._categoryModalMain,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles._categoryModalHeader,
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles._categoryModalHeaderTitle,
+            children: "Choose One Category"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: {
+              padding: 5
+            },
+            onPress: () => setCategoryModal(false),
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'close',
+              color: COLORS.darkGrey,
+              size: 25
+            })
+          })]
+        }), /*#__PURE__*/_jsx(ScrollView, {
+          showsVerticalScrollIndicator: false,
+          children: ItemCategories.map((item, index) => /*#__PURE__*/_jsxs(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: styles._categoryCard,
+            onPress: () => {
+              setSelectedCategory(item);
+              setCategoryModal(false);
+            },
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: item?.id == SelectedCategory?.id ? 'radio-button-on-outline' : 'radio-button-off-outline',
+              color: item?.id == SelectedCategory?.id ? COLORS.primaryColor : COLORS.darkGrey,
+              size: 30
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles._categoryCardText, {
+                color: item?.id == SelectedCategory?.id ? COLORS.primaryColor : COLORS.darkGrey
+              }],
+              children: item?.name
+            })]
+          }, index))
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles._categoryModalFooter,
+          children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: styles._categoryModalBtn,
+            onPress: () => {
+              setCategoryModal(false);
+              setTimeout(() => {
+                setAddCategoryModal(true);
+              }, 350);
+            },
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: 'add',
+              color: COLORS.whiteColor,
+              size: 25
+            }), /*#__PURE__*/_jsx(Text, {
+              style: styles._categoryModalBtnTxt,
+              children: "ADD NEW CATEGORY"
+            })]
+          }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+            activeOpacity: 0.8,
+            onPress: () => {
+              setCategoryModal(false);
+              setTimeout(() => {
+                navigation.navigate('EditCategoryStock');
+              }, 300);
+            },
+            style: [styles._categoryModalBtn, {
+              width: '25%',
+              gap: 10,
+              backgroundColor: COLORS.whiteColor,
+              borderColor: COLORS.primaryColor,
+              borderWidth: 2
+            }],
+            children: [/*#__PURE__*/_jsx(Ionicons, {
+              name: 'pencil',
+              color: COLORS.primaryColor,
+              size: 25
+            }), /*#__PURE__*/_jsx(Text, {
+              style: [styles._categoryModalBtnTxt, {
+                color: COLORS.primaryColor
+              }],
+              children: "EDIT"
+            })]
+          })]
+        })]
+      })
+    }), /*#__PURE__*/_jsx(NewModal, {
+      isVisible: AddCategoryModal,
+      onBackButtonPress: () => setAddCategoryModal(false),
+      onBackdropPress: () => setAddCategoryModal(false),
+      style: styles._categoryModal,
+      onModalShow: () => {
+        if (keyboardRef.current) {
+          keyboardRef.current.focus();
+        }
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles._addCategoryMain,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: [styles._categoryModalHeader, {
+            borderBottomColor: COLORS.whiteColor
+          }],
+          children: [/*#__PURE__*/_jsx(Text, {
+            style: styles._categoryModalHeaderTitle,
+            children: "Add New Category"
+          }), /*#__PURE__*/_jsx(TouchableOpacity, {
+            activeOpacity: 0.8,
+            style: {
+              padding: 5
+            },
+            onPress: () => setAddCategoryModal(false),
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: 'close',
+              color: COLORS.darkGrey,
+              size: 25
+            })
+          })]
+        }), /*#__PURE__*/_jsx(FloatingInput, {
+          label: "Add Category"
+          // iconName="business-outline"
+          ,
+          iconPosition: "right",
+          value: NewCategoryName,
+          onChangeText: text => {
+            setNewCategoryName(text);
+          },
+          allowedChars: /[^A-Za-z0-9\s]/g,
+          containerStyle: {
+            width: '95%',
+            marginTop: 0
+          },
+          maxLength: 15
+        }), /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          style: [styles._continueBtn, {
+            backgroundColor: NewCategoryName?.trim() ? COLORS.primaryColor : COLORS.gray
+          }],
+          onPress: async () => {
+            if (NewCategoryName.trim()) {
+              try {
+                let exist = ItemCategories.find(e => e?.name?.trim()?.toLowerCase() === NewCategoryName.trim().toLowerCase());
+                if (exist) {
+                  setSelectedCategory(exist);
+                  setNewCategoryName('');
+                  setAddCategoryModal(false);
+                } else {
+                  let resp = await addItemCategory(NewCategoryName, selectBusiness?.id);
+                  setNewCategoryName('');
+                  setAddCategoryModal(false);
+                  let all = await getItemCategories();
+                  let filtered = all.find(i => i?.id === resp?.insertId);
+                  setSelectedCategory(filtered);
+                  setItemCategories(all);
+                }
+              } catch (error) {
+                console.log('Error adding category:', error);
+              }
+            }
+          },
+          children: /*#__PURE__*/_jsx(Text, {
+            style: styles._continueBtnTxt,
+            children: "Save"
+          })
+        })]
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.bottomBar,
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        style: [styles.totalButton, {
+          opacity: form?.name === '' || form?.unit === '' || form?.rateSale === '' || form?.ratePurchase === '' ? 0.6 : 1
+        }],
+        activeOpacity: 0.8,
+        onPress: () => {
+          if (form?.name !== '' && form?.unit !== '' && form?.rateSale && form?.ratePurchase) {
+            if (ItemDetails) {
+              updateItem();
+            } else {
+              insertItem();
+            }
+          }
+        },
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.totalText,
+          children: ItemDetails ? 'UPDATE' : 'CONTINUE'
+        })
+      })
+    }), /*#__PURE__*/_jsx(Modal, {
+      transparent: true,
+      visible: drawerVisible,
+      animationType: "fade",
+      onRequestClose: () => {
+        if (showAddUnit) setShowAddUnit(false);else setDrawerVisible(false);
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.modalBackdrop,
+        children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+          style: styles.overlay,
+          activeOpacity: 1,
+          onPress: () => {
+            if (showAddUnit) setShowAddUnit(false);else setDrawerVisible(false);
+          }
+        }), /*#__PURE__*/_jsx(Animated.View, {
+          style: [styles.bottomDrawer, {
+            transform: [{
+              translateY: slideAnim
+            }]
+          }],
+          children: !showAddUnit ? /*#__PURE__*/_jsxs(_Fragment, {
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: styles.drawerHeader,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.drawerTitle,
+                children: "Select Unit"
+              }), /*#__PURE__*/_jsxs(TouchableOpacity, {
+                style: styles.addNewButton,
+                onPress: () => setShowAddUnit(true),
+                children: [/*#__PURE__*/_jsx(Feather, {
+                  name: "plus",
+                  size: 16,
+                  color: "#fff"
+                }), /*#__PURE__*/_jsx(Text, {
+                  style: styles.addNewText,
+                  children: "ADD NEW UNIT"
+                })]
+              })]
+            }), /*#__PURE__*/_jsx(FlatList, {
+              data: PREDEFINED_UNITS,
+              renderItem: renderUnitButton,
+              keyExtractor: (item, index) => index.toString(),
+              numColumns: 3,
+              columnWrapperStyle: {
+                justifyContent: 'space-between'
+              },
+              contentContainerStyle: styles.unitGrid
+            })]
+          }) : /*#__PURE__*/_jsxs(View, {
+            style: {
+              marginTop: 20
+            },
+            children: [/*#__PURE__*/_jsx(Text, {
+              style: styles.drawerTitle,
+              children: "Add New Unit"
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Enter Unit Name",
+              iconName: "resize-outline",
+              iconPosition: "right",
+              value: newUnit,
+              onChangeText: setNewUnit,
+              maxLength: 15
+            }), /*#__PURE__*/_jsx(TouchableOpacity, {
+              style: styles.nextButton,
+              onPress: handleAddUnit,
+              activeOpacity: 0.8,
+              children: /*#__PURE__*/_jsx(Text, {
+                style: styles.nextText,
+                children: "SAVE"
+              })
+            })]
+          })
+        })]
+      })
+    })]
+  });
+};
+export default AdditemBillChild;
+const styles = StyleSheet.create({
+  _headerMain: {
+    width: WP(100),
+    height: 60,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: 10
+  },
+  _headerTitle: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 18
+  },
+  _contentMain: {
+    width: WP(94),
+    // height: "90%",
+    backgroundColor: COLORS.whiteColor,
+    // position: "absolute",
+    // top: 55,
+    shadowColor: '#000',
+    shadowOffset: {
+      width: 0,
+      height: 2
+    },
+    shadowOpacity: 0.2,
+    shadowRadius: 3.84,
+    elevation: 5,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    paddingVertical: 12,
+    overflow: 'hidden',
+    alignSelf: 'center'
+    // paddingTop: 30
+  },
+  headerContainer: {
+    paddingTop: 60,
+    paddingBottom: 20,
+    paddingHorizontal: 20,
+    flexDirection: 'row',
+    alignItems: 'center'
+  },
+  scrollContainer: {
+    paddingBottom: 400
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#FF5C00',
+    paddingVertical: 20,
+    paddingHorizontal: 20,
+    borderBottomLeftRadius: 20,
+    borderBottomRightRadius: 20
+  },
+  headerTitle: {
+    color: '#fff',
+    fontSize: 20,
+    fontFamily: FONT_NORMAL,
+    marginLeft: 10
+  },
+  form: {
+    backgroundColor: COLORS.whiteColor,
+    // margin: 15,
+    padding: 10,
+    // borderRadius: 150,
+    width: '100%'
+  },
+  inputContainer: {
+    marginBottom: 5
+    // width: '100%',
+  },
+  label: {
+    fontSize: 13,
+    color: '#000',
+    marginBottom: 8
+    // paddingLeft: 10,
+  },
+  input: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 60,
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff'
+  },
+  inputUnitName: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 60,
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 20
+  },
+  dropdown: {
+    borderWidth: 1,
+    borderColor: COLORS.gray,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    height: 60,
+    // padding: 12,
+    paddingVertical: 2,
+    paddingHorizontal: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  placeholder: {
+    color: COLORS.gray,
+    fontSize: 15
+  },
+  barcodeContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingHorizontal: 10,
+    height: 60
+  },
+  footer: {
+    position: 'absolute',
+    bottom: 80,
+    left: 0,
+    right: 0,
+    backgroundColor: COLORS.whiteColor,
+    paddingVertical: 10,
+    paddingHorizontal: 15
+  },
+  nextButton: {
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    paddingVertical: 15,
+    marginTop: 10
+  },
+  nextButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  },
+  cardContainer: {
+    backgroundColor: '#fff',
+    marginHorizontal: 15,
+    width: '95%',
+    alignSelf: 'center',
+    // height: 60,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginTop: -35,
+    // paddingVertical: 10,
+    elevation: 5
+    // alignItems: 'flex-start',
+    // paddingLeft: 10,
+    // justifyContent: 'center',
+  },
+  bottomBar: {
+    position: 'absolute',
+    bottom: 30,
+    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: COLORS.primaryColor,
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: 100,
+    width: '95%',
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  totalText: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
+  },
+  _inputMain: {
+    width: '90%',
+    alignSelf: 'center',
+    marginTop: 10
+  },
+  // dropdown: {
+  //   borderWidth: 1,
+  //   borderColor: '#E0E0E0',
+  //   borderRadius: 10,
+  //   padding: 12,
+  //   flexDirection: 'row',
+  //   justifyContent: 'space-between',
+  //   alignItems: 'center',
+  // },
+  valueText: {
+    fontSize: 15,
+    color: '#000'
+  },
+  modalBackdrop: {
+    flex: 1,
+    backgroundColor: 'rgba(0,0,0,0.3)',
+    justifyContent: 'flex-end'
+  },
+  overlay: {
+    ...StyleSheet.absoluteFillObject
+  },
+  bottomDrawer: {
+    backgroundColor: '#fff',
+    padding: 20,
+    borderTopLeftRadius: 20,
+    borderTopRightRadius: 20,
+    minHeight: height * 0.45
+  },
+  drawerHeader: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginBottom: 10
+  },
+  drawerTitle: {
+    fontSize: 18,
+    fontFamily: FONT_NORMAL,
+    marginBottom: 20
+  },
+  addNewButton: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: COLORS.primaryColor,
+    paddingHorizontal: 14,
+    paddingVertical: 8,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS
+  },
+  addNewText: {
+    color: COLORS.whiteColor,
+    fontSize: 12,
+    marginLeft: 6,
+    fontFamily: FONT_NORMAL
+  },
+  unitGrid: {
+    paddingVertical: 10
+  },
+  unitButton: {
+    backgroundColor: '#F3F3F3',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderColor: COLORS.borderColor,
+    borderWidth: 1,
+    paddingVertical: 15,
+    paddingHorizontal: 15,
+    // height: 50,
+    marginBottom: 10,
+    flex: 1,
+    alignItems: 'center',
+    marginHorizontal: 4,
+    justifyContent: 'center'
+  },
+  unitText: {
+    color: '#000',
+    fontSize: 13
+  },
+  nextText: {
+    color: '#fff',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  },
+  _picMain: {
+    width: 120,
+    height: 120,
+    borderRadius: 60,
+    backgroundColor: '#f2f2f2',
+    justifyContent: 'center',
+    alignItems: 'center',
+    position: 'relative',
+    alignSelf: 'center',
+    marginVertical: 20
+  },
+  _pic: {
+    width: 60,
+    height: 60
+  },
+  _selectMain: {
+    position: 'absolute',
+    bottom: 0,
+    right: 0,
+    backgroundColor: '#F44336',
+    width: 45,
+    height: 45,
+    borderRadius: 50,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderWidth: 3,
+    borderColor: '#fff'
+  },
+  _categoryModal: {
+    justifyContent: 'flex-end',
+    margin: 0,
+    padding: 0
+  },
+  _categoryModalMain: {
+    width: WP(100),
+    height: HP(50),
+    backgroundColor: COLORS.whiteColor,
+    borderTopRightRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderTopLeftRadius: TEXT_SIZES.BORDER_RADIUS
+  },
+  _categoryModalHeader: {
+    width: '100%',
+    height: 50,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    marginTop: 5,
+    borderBottomColor: COLORS.darkGrey,
+    borderBottomWidth: 0.7,
+    paddingHorizontal: 20
+  },
+  _categoryModalHeaderTitle: {
+    fontFamily: FONT_MEDIUM,
+    color: COLORS.primaryColor,
+    fontSize: 15
+  },
+  _categoryModalFooter: {
+    width: '100%',
+    height: 60,
+    // backgroundColor:"green",
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    paddingHorizontal: 20
+  },
+  _categoryModalBtn: {
+    height: 45,
+    width: '70%',
+    backgroundColor: COLORS.primaryColor,
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignSelf: 'center',
+    gap: 20
+  },
+  _categoryModalBtnTxt: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 14
+  },
+  _categoryCard: {
+    width: '100%',
+    height: 60,
+    // backgroundColor: "red",
+    flexDirection: 'row',
+    // justifyContent:"center",
+    alignItems: 'center',
+    gap: 10,
+    paddingHorizontal: 20,
+    borderBottomColor: COLORS.gray,
+    borderBottomWidth: 0.7
+  },
+  _categoryCardText: {
+    fontFamily: FONT_NORMAL,
+    color: COLORS.darkGrey,
+    fontSize: 15
+  },
+  _categoryChip: {
+    backgroundColor: COLORS.gray,
+    paddingHorizontal: 10,
+    height: '60%',
+    flexDirection: 'row',
+    justifyContent: 'center',
+    alignItems: 'center',
+    borderRadius: 100,
+    borderColor: COLORS.darkGrey,
+    borderWidth: 1,
+    gap: 5
+  },
+  _chipText: {
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
+  },
+  _addCategoryMain: {
+    width: WP(100),
+    height: HP(25),
+    backgroundColor: COLORS.whiteColor,
+    borderTopRightRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderTopLeftRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    gap: 10
+  },
+  _billNoMain: {
+    width: '91%',
+    height: 60,
+    borderColor: COLORS.grey,
+    borderWidth: 1,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingHorizontal: 15,
+    color: COLORS.blackColor,
+    fontSize: Input_Field_SIZES.Input_Font_Size,
+    fontFamily: FONT_MEDIUM
+  },
+  _continueBtn: {
+    width: '95%',
+    height: TEXT_SIZES.BUTTON_HEIGHT,
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    justifyContent: 'center',
+    alignItems: 'center'
+  },
+  _continueBtnTxt: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: TEXT_SIZES.BUTTON_TEXT
+  }
+});
+//# sourceMappingURL=AdditemBillChild.js.map