digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -0,0 +1,854 @@
+"use strict";
+
+import React, { useEffect, useRef, useState } from 'react';
+import { View, Text, TextInput, TouchableOpacity, FlatList, StyleSheet, ScrollView, Animated, Dimensions, Modal, Platform, Keyboard } 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 Ionicons from 'react-native-vector-icons/Ionicons';
+import { COLORS, FONT_MEDIUM, FONT_NORMAL, TEXT_SIZES, WP } from "../themes/config.js";
+import DateTimePicker, { DateTimePickerAndroid } from '@react-native-community/datetimepicker';
+import PartyModal from "../components/PartyModal.js";
+import { BottomView, FloatingInput, PickerModal } from "../components/index.js";
+import { useSelector } from 'react-redux';
+import { updateBusiness } from "../database/business.js";
+import { useDispatch } from 'react-redux';
+import { STATUS_BAR_COLOR } from "../redux/reducers/client/client_types.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 InBuy = ({
+  navigation
+}) => {
+  const [search, setSearch] = useState('');
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  const dispatch = useDispatch();
+  const [drawerVisible, setDrawerVisible] = 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 [partyModal, setPartyModal] = useState(false);
+  const [customerList, setCustomerList] = useState([{
+    id: '1',
+    name: 'Ali Traders',
+    time: 'Today, 2:30 PM',
+    amount: '₨ 12,000'
+  }, {
+    id: '2',
+    name: 'Babar Store',
+    time: 'Yesterday, 6:00 PM',
+    amount: '₨ 8,450'
+  }, {
+    id: '3',
+    name: 'Saleem Sons',
+    time: '2 days ago',
+    amount: '₨ 3,200'
+  }]);
+  const [photo, setPhoto] = useState(null);
+  const [IsPicker, setIsPicker] = useState(false);
+  const [date, setDate] = useState(new Date());
+  const [showPicker, setShowPicker] = useState(false);
+  const [showTimePicker, setShowTimePicker] = useState(false);
+  const [time, setTime] = useState(new Date());
+  const [keyboardPadding, setKeyboardPadding] = useState(0);
+  const formattedDate = date.toLocaleDateString();
+  const formattedTime = time.toLocaleTimeString([], {
+    hour: '2-digit',
+    minute: '2-digit'
+  });
+  const onChangeDate = (event, selectedDate) => {
+    const currentDate = selectedDate || date;
+    setShowPicker(Platform.OS === 'ios'); // for iOS
+    setDate(currentDate);
+  };
+  const onChangeTime = (event, selectedDate) => {
+    const currentDate = selectedDate;
+    setShowTimePicker(Platform.OS === 'ios');
+    setTime(currentDate);
+  };
+  const showDate = () => {
+    if (Platform.OS === 'android') {
+      // Android dialog
+      DateTimePickerAndroid.open({
+        value: date,
+        onChange: onChangeDate,
+        mode: 'date',
+        is24Hour: false
+      });
+    } else {
+      // iOS: just show inline picker
+      setShowPicker(true);
+    }
+  };
+  const showTime = () => {
+    if (Platform.OS === 'android') {
+      // Android dialog
+      DateTimePickerAndroid.open({
+        value: time,
+        onChange: onChangeTime,
+        mode: 'time',
+        is24Hour: false
+      });
+    } else {
+      // iOS: show inline picker
+      setShowTimePicker(true);
+    }
+  };
+
+  // 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);
+    }
+  };
+  useEffect(() => {
+    const unsubscribe = navigation.addListener('focus', () => {
+      dispatch({
+        type: STATUS_BAR_COLOR,
+        color: COLORS.greenColor
+      });
+      return () => unsubscribe();
+    });
+  }, [navigation]);
+  const [form, setForm] = useState({
+    name: '',
+    unit: '',
+    category: '',
+    barcode: '',
+    rateSale: '',
+    ratePurchase: ''
+  });
+  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 renderUnitButton = ({
+    item
+  }) => /*#__PURE__*/_jsx(TouchableOpacity, {
+    style: styles.unitButton,
+    onPress: () => {
+      setForm({
+        ...form,
+        unit: item
+      });
+      setDrawerVisible(false);
+    },
+    children: /*#__PURE__*/_jsx(Text, {
+      style: styles.unitText,
+      children: item
+    })
+  });
+  useEffect(() => {
+    const showSubscription = Keyboard.addListener('keyboardDidShow', () => {
+      console.log('Keyboard Shown');
+      setKeyboardPadding(260);
+    });
+    const hideSubscription = Keyboard.addListener('keyboardDidHide', () => {
+      console.log('Keyboard Hidden');
+      setKeyboardPadding(0);
+    });
+    return () => {
+      showSubscription.remove();
+      hideSubscription.remove();
+    };
+  }, []);
+  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.greenColor, COLORS.greenColor],
+      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: "Mango - In"
+      })]
+    }), /*#__PURE__*/_jsx(LinearGradient, {
+      style: [styles._headerMain, {
+        height: 30
+      }],
+      start: {
+        x: 0,
+        y: 0
+      },
+      end: {
+        x: 1,
+        y: 0
+      },
+      colors: [COLORS.greenColor, COLORS.greenColor]
+    }), /*#__PURE__*/_jsx(View, {
+      style: styles.cardContainer,
+      children: /*#__PURE__*/_jsx(ScrollView, {
+        contentContainerStyle: styles.scrollContainer,
+        keyboardShouldPersistTaps: "handled",
+        children: /*#__PURE__*/_jsxs(View, {
+          style: styles.form,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainerQty,
+            children: [/*#__PURE__*/_jsx(FloatingInput, {
+              label: "Qty",
+              iconName: "stats-chart-outline",
+              iconPosition: "right",
+              value: form.qty,
+              onChangeText: text => setForm({
+                ...form,
+                qty: text
+              }),
+              containerStyle: {
+                width: '30%'
+              },
+              iconColor: COLORS.greenColor
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "100",
+              iconName: "speedometer-outline",
+              iconPosition: "right",
+              value: form.value,
+              onChangeText: text => setForm({
+                ...form,
+                value: text
+              }),
+              containerStyle: {
+                width: '30%'
+              },
+              iconColor: COLORS.greenColor
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "100",
+              iconName: "cash-outline",
+              iconColor: COLORS.greenColor,
+              iconPosition: "right",
+              value: form.amount,
+              onChangeText: text => setForm({
+                ...form,
+                amount: text
+              }),
+              containerStyle: {
+                width: '30%'
+              },
+              iconColor: COLORS.greenColor
+            })]
+          }), /*#__PURE__*/_jsx(FloatingInput, {
+            label: "Enter details",
+            iconName: "list-outline",
+            iconPosition: "right",
+            value: form.barcode,
+            onChangeText: text => setForm({
+              ...form,
+              barcode: text
+            }),
+            iconColor: COLORS.greenColor
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainerQty,
+            children: [/*#__PURE__*/_jsx(FloatingInput, {
+              label: "Date",
+              iconName: "calendar-outline",
+              iconPosition: "left",
+              editable: false,
+              onPress: showDate,
+              value: formattedDate
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              iconColor: COLORS.greenColor,
+              inputStyle: {
+                fontSize: 13
+              }
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Time",
+              iconName: "time-outline",
+              iconPosition: "left",
+              onPress: showTime,
+              editable: false,
+              value: formattedTime
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              inputStyle: {
+                fontSize: 13
+              },
+              iconColor: COLORS.greenColor
+            })]
+          }), /*#__PURE__*/_jsxs(View, {
+            style: styles.inputContainerQty,
+            children: [/*#__PURE__*/_jsx(FloatingInput, {
+              label: "PDF / Photo",
+              iconName: "attach-outline",
+              iconPosition: "left",
+              onPress: togglePicker,
+              editable: false,
+              value: form.billNo,
+              onChangeText: text => setForm({
+                ...form,
+                billNo: text
+              })
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              iconColor: COLORS.greenColor
+            }), /*#__PURE__*/_jsx(FloatingInput, {
+              label: "Add Bill No.",
+              iconName: "time-outline",
+              iconPosition: "left",
+              value: form.billNo,
+              onChangeText: text => setForm({
+                ...form,
+                billNo: text
+              })
+              // onChangeText={(text) => setForm({ ...form, amount: text })}
+              ,
+              containerStyle: {
+                width: '47.5%'
+              },
+              iconColor: COLORS.greenColor
+            })]
+          }), /*#__PURE__*/_jsx(FloatingInput, {
+            label: "Select Party",
+            iconName: "person-add-outline",
+            iconPosition: "left",
+            onPress: () => setPartyModal(true),
+            editable: false,
+            value: form.party,
+            onChangeText: text => setForm({
+              ...form,
+              billNo: text
+            }),
+            iconColor: COLORS.greenColor
+
+            // onChangeText={(text) => setForm({ ...form, amount: text })}
+            // containerStyle={{ width: '47.5%' }}
+          })]
+        })
+      })
+    }), /*#__PURE__*/_jsxs(BottomView, {
+      style: [styles.bottomBar, {
+        bottom: keyboardPadding
+      }],
+      children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+        style: styles.totalButton,
+        children: /*#__PURE__*/_jsx(Text, {
+          style: styles.totalText,
+          children: "Save"
+        })
+      }), /*#__PURE__*/_jsx(Modal, {
+        transparent: true,
+        visible: drawerVisible,
+        animationType: "none",
+        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(TextInput, {
+                placeholder: "Enter Unit Name",
+                style: styles.inputUnitName,
+                value: newUnit,
+                onChangeText: setNewUnit
+              }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                style: styles.nextButton,
+                onPress: handleAddUnit,
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.nextText,
+                  children: "NEXT"
+                })
+              })]
+            })
+          })]
+        })
+      })]
+    }), /*#__PURE__*/_jsx(PickerModal, {
+      isVisible: IsPicker,
+      onBackButtonPress: togglePicker,
+      onBackdropPress: togglePicker,
+      onCameraPress: a => {
+        onPictureUpdate(a?.uri);
+      },
+      onGalleryPress: a => {
+        onPictureUpdate(a?.uri);
+      }
+    }), /*#__PURE__*/_jsx(PartyModal, {
+      visible: partyModal,
+      onClose: () => setPartyModal(false),
+      customerList: customerList
+    })]
+  });
+};
+export default InBuy;
+const styles = StyleSheet.create({
+  _headerMain: {
+    width: WP(100),
+    height: 60,
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'flex-start',
+    gap: 15
+  },
+  _headerTitle: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 15
+  },
+  _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: 200
+  },
+  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: '#fff',
+    // margin: 15,
+    padding: 10,
+    borderRadius: 15,
+    width: '100%'
+  },
+  inputContainer: {
+    marginBottom: 15,
+    width: '100%'
+  },
+  inputContainerQty: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    width: '100%',
+    marginBottom: 15,
+    gap: 10
+  },
+  label: {
+    fontSize: 13,
+    color: '#000',
+    marginBottom: 8,
+    paddingLeft: 10
+  },
+  inputWithIcon: {
+    flex: 1,
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    backgroundColor: '#fff',
+    height: 55,
+    paddingHorizontal: 12,
+    justifyContent: 'space-between'
+  },
+  inputWithIconFull: {
+    width: '100%',
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    backgroundColor: '#fff',
+    height: 55,
+    paddingHorizontal: 12,
+    justifyContent: 'space-between',
+    marginBottom: 15
+  },
+  inputTextOnly: {
+    flex: 1,
+    fontSize: 14,
+    color: '#000',
+    marginLeft: 10
+  },
+  inputTextOnlyFull: {
+    flex: 1,
+    fontSize: 14,
+    color: '#000',
+    marginLeft: 10
+  },
+  input: {
+    flex: 1,
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 55,
+    paddingHorizontal: 12,
+    fontSize: 14,
+    color: '#000',
+    // marginLeft:10,
+    backgroundColor: '#fff'
+  },
+  fullInput: {
+    width: '100%',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 55,
+    paddingHorizontal: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 15
+  },
+  inputDate: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 60,
+    width: '48%',
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff'
+  },
+  inputAmount: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 60,
+    width: '100%',
+    justifyContent: 'center',
+    alignSelf: 'center',
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff'
+  },
+  inputUnitName: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 60,
+    padding: 12,
+    fontSize: 14,
+    color: '#000',
+    backgroundColor: '#fff',
+    marginBottom: 20
+  },
+  dropdown: {
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    height: 60,
+    padding: 12,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center'
+  },
+  placeholder: {
+    color: '#B5B5B5',
+    fontSize: 14
+  },
+  barcodeContainer: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    borderRadius: 10,
+    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
+  },
+  nextButtonText: {
+    color: '#fff',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  },
+  cardContainer: {
+    backgroundColor: COLORS.whiteColor,
+    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',
+    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.greenColor,
+    backgroundColor: COLORS.greenColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    width: '100%',
+    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: 25,
+    borderColor: COLORS.borderColor,
+    borderWidth: 1,
+    paddingVertical: 10,
+    paddingHorizontal: 15,
+    height: 60,
+    marginBottom: 10,
+    flex: 1,
+    alignItems: 'center',
+    marginHorizontal: 4,
+    justifyContent: 'center'
+  },
+  unitText: {
+    color: '#000',
+    fontSize: 13
+  },
+  nextText: {
+    color: '#fff',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  }
+});
+//# sourceMappingURL=InBuy.js.map