digikhata-mashreq-sdk 1.0.0 → 1.1.0

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

@@ -0,0 +1,743 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { View, Text, Modal, TouchableOpacity, StyleSheet, Dimensions, TextInput, ScrollView, FlatList } from 'react-native';
+import Ionicons from 'react-native-vector-icons/Ionicons';
+import LinearGradient from 'react-native-linear-gradient';
+import { COLORS, FONT_BOLD, FONT_MEDIUM, FONT_NORMAL, formatDateTime, fromJsDateToSql, TEXT_SIZES } from "../themes/config.js";
+import BottomView from "./BottomView.js";
+import SearchBar from "./SearchBar.js";
+import FloatingInput from "./FloatingInput.js";
+import CountryPhoneInput from "./CountryPhoneInput.js";
+import { createBill, getInvoiceEntries } from "../database/bill.js";
+import { addItemDetails, updateItemQty } from "../database/stock.js";
+import { useSelector } from 'react-redux';
+import { addCashEntry } from "../database/cash.js";
+import User from "./User.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const {
+  height
+} = Dimensions.get('window');
+const SalePaymentModal = ({
+  visible,
+  onClose,
+  totalAmount,
+  onConfirm,
+  Tax,
+  Discount,
+  SelectedItems,
+  setVisible,
+  selectedParty,
+  clients,
+  banks
+}) => {
+  const selectBusiness = useSelector(state => state.client.selected_business);
+  const [selectedTab, setSelectedTab] = useState('Cash');
+  const [amount, setAmount] = useState('');
+  const [showNewBtn, setShowNewBtn] = useState(false);
+  const [SelectedParty, setSelectedParty] = useState(selectedParty);
+  const addValue = val => setAmount(prev => prev + val);
+  const clear = () => setAmount('');
+  const backspace = () => setAmount(prev => prev.slice(0, -1));
+  const quickAdd = val => setAmount(prev => (Number(prev || 0) + val).toString());
+  const onCreateBill = async val => {
+    try {
+      const finalValue = Number(val);
+
+      // ✅ Validate value (ignore CalculatorErr)
+      if (!finalValue ||
+      // empty, null, undefined, 0
+      !isFinite(finalValue) ||
+      // NaN, Infinity
+      finalValue <= 0 ||
+      // must be positive
+      finalValue > 999999999 // too large
+      ) {
+        console.log('❌ Invalid or non-positive result, not saving');
+        return;
+      }
+      const invoices = (await getInvoiceEntries(null, null, selectBusiness?.id, null, true)) || [];
+      const test_id = invoices.length + 1;
+
+      // ✅ Prepare debit/credit
+      const bill = Number(test_id);
+      const bId = Number(selectBusiness?.id);
+      const entryDate = fromJsDateToSql(new Date());
+      const amount = Number(finalValue);
+      const subamount = Number(finalValue);
+      const note = null;
+      const local_path = null;
+      const tax = Number(Tax);
+      const discount = Number(Discount);
+      const payment_mode = selectedTab === 'Unpaid' ? 0 : selectedTab === 'Cash' ? 1 : 2;
+      const advance = Number(finalValue);
+      const customerId = SelectedParty ? Number(SelectedParty?.id) : null;
+      console.log({
+        bill,
+        bId,
+        entryDate,
+        amount,
+        subamount,
+        note,
+        local_path,
+        tax,
+        discount,
+        payment_mode,
+        advance
+      });
+
+      // ✅ Save main transaction
+      const res = await createBill(bill, bId, entryDate, amount, subamount, note, local_path, tax, discount, payment_mode, advance, customerId, SelectedItems?.length > 0 ? JSON.stringify(SelectedItems) : '', true);
+      console.log(res, '✅ Bill Add Success');
+      const invoiceId = res.insertId;
+      const trxId = res.insertId;
+
+      // SelectedParty && (await addPartyTransaction(CalculatedAmount, trxId));
+      if (selectedTab == 'Cash') {
+        await addCash(finalValue, trxId);
+      }
+      if (SelectedItems) {
+        const parsedItems = SelectedItems;
+        await Promise.all(parsedItems.map(async i => {
+          await addStockEntry(i?.id,
+          // itemId
+          i?.qty,
+          // stockOUT
+          Number(i?.qty) * Number(i?.sellingPrice),
+          // amount
+          Number(i?.sellingPrice),
+          // rateSale
+          trxId,
+          // billNo
+          i?.addedQuantity,
+          // oldQuantity
+          i?.qty,
+          // addedQuantity
+          '',
+          // Details
+          '',
+          // AudioFile
+          fromJsDateToSql(new Date()),
+          // date
+          selectBusiness // selectBusiness
+          );
+        }));
+      }
+      setVisible();
+      // ✅ Add party transaction (if any)
+      // if (SelectedParty) {
+      //   await addPartyTransaction(finalValue, trxId);
+      // }
+    } catch (err) {
+      console.log('💥 Bill Creation Error:', err);
+    }
+  };
+  const calculateQuantity = (existingQty, newQty, type) => {
+    const current = Number(existingQty) || 0;
+    const input = Number(newQty) || 0;
+    if (type === 'IN') {
+      return current + input; // Add stock
+    } else if (type === 'OUT') {
+      return current - input; // Reduce stock
+    } else {
+      return current; // No change if type is invalid
+    }
+  };
+  const addStockEntry = async (itemId, stockOUT, amount, rateSale, billNo, oldQuantity, addedQuantity, Details, AudioFile, date, selectBusiness) => {
+    try {
+      debugger;
+      const res = await addItemDetails(itemId, '0',
+      // stockIN (since this is stockOUT)
+      stockOUT, amount, rateSale, `${Details}_bill_${String(billNo)}`, AudioFile, fromJsDateToSql(date), selectBusiness?.id, String(billNo));
+      console.log('✅ Transaction Success:', res);
+      const updatedQty = calculateQuantity(oldQuantity, addedQuantity, 'OUT');
+      await updateItemQty(itemId, updatedQty);
+      const trxId = res?.insertId;
+      console.log('🆔 New Transaction ID:', trxId);
+      return trxId; // optional return if you want to use it later
+    } catch (error) {
+      console.error('❌ Error adding entry:', error);
+    }
+  };
+  const addCash = async (finalValue, saleBillId) => {
+    try {
+      const res = await addCashEntry('0',
+      // red = debit
+      String(finalValue),
+      // green = credit
+      '', fromJsDateToSql(new Date()), '', '', fromJsDateToSql(new Date()), SelectedParty ? SelectedParty?.id : null, selectBusiness?.id, '', `fromSale_${saleBillId}`);
+      console.log(res, 'Transaction Success');
+      const trxId = res.insertId;
+      return trxId;
+    } catch (err) {
+      console.log(err, 'Transaction Error');
+      throw err;
+    }
+  };
+  return /*#__PURE__*/_jsx(Modal, {
+    visible: visible,
+    animationType: "slide",
+    transparent: true,
+    children: /*#__PURE__*/_jsx(View, {
+      style: styles.overlay,
+      children: /*#__PURE__*/_jsxs(View, {
+        style: styles.modalBoxParent,
+        children: [/*#__PURE__*/_jsxs(View, {
+          style: styles.header,
+          children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+            onPress: onClose,
+            children: /*#__PURE__*/_jsx(Ionicons, {
+              name: "close",
+              size: 26,
+              color: COLORS.primaryColor
+            })
+          }), /*#__PURE__*/_jsx(View, {
+            style: {
+              flex: 1
+            },
+            children: /*#__PURE__*/_jsx(Text, {
+              style: styles.headerTitle,
+              children: "Payment"
+            })
+          })]
+        }), /*#__PURE__*/_jsxs(View, {
+          style: styles.modalBox,
+          children: [/*#__PURE__*/_jsxs(View, {
+            style: styles.valueContainer,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: styles.netValueRow,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.label,
+                children: "Net Value"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.currentBill,
+                children: totalAmount
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.tapText,
+                children: "Tap to equal Total"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.remaining,
+                children: ((totalAmount || 0) - Number(amount || 0)).toFixed(1)
+              })]
+            })]
+          }), /*#__PURE__*/_jsx(View, {
+            style: styles.tabs,
+            children: ['Cash', 'Unpaid', 'Online'].map(tab => /*#__PURE__*/_jsxs(TouchableOpacity, {
+              style: [styles.tabItem, selectedTab === tab && styles.activeTab],
+              onPress: () => setSelectedTab(tab),
+              children: [/*#__PURE__*/_jsx(Ionicons, {
+                name: tab === 'Cash' ? 'cash-outline' : tab === 'Online' ? 'business-outline' : 'person-outline',
+                size: 22,
+                color: selectedTab === tab ? COLORS.blackColor : COLORS.primaryColor
+              }), /*#__PURE__*/_jsx(Text, {
+                style: [styles.tabText, {
+                  color: selectedTab === tab ? COLORS.blackColor : COLORS.primaryColor
+                }],
+                children: tab
+              })]
+            }, tab))
+          }), selectedTab === 'Cash' ? /*#__PURE__*/_jsxs(ScrollView, {
+            contentContainerStyle: {
+              paddingBottom: 250
+            },
+            style: styles.kepardParent,
+            showsVerticalScrollIndicator: false,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: styles.amountInput,
+              children: [/*#__PURE__*/_jsx(Text, {
+                style: styles.currency,
+                children: "Rs"
+              }), /*#__PURE__*/_jsx(Text, {
+                style: styles.amountText,
+                children: amount || 0
+              })]
+            }), /*#__PURE__*/_jsxs(View, {
+              style: styles.keypad,
+              children: [/*#__PURE__*/_jsxs(View, {
+                style: styles.keypadRow,
+                children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: styles.keyGray,
+                  onPress: clear,
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.keyText,
+                    children: "Clear"
+                  })
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: styles.keyGray,
+                  onPress: backspace,
+                  children: /*#__PURE__*/_jsx(Ionicons, {
+                    name: "backspace-outline",
+                    size: 28,
+                    color: "#000"
+                  })
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: styles.keyGray,
+                  onPress: () => quickAdd(1000),
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.keyText,
+                    children: "1,000"
+                  })
+                })]
+              }), [['7', '8', '9', 500], ['4', '5', '6', 100], ['1', '2', '3', 50], ['0', '.', 20]].map((row, rowIndex) => /*#__PURE__*/_jsx(View, {
+                style: styles.keypadRow,
+                children: row.map(val => /*#__PURE__*/_jsx(TouchableOpacity, {
+                  style: typeof val === 'number' ? styles.keyGray : styles.key,
+                  onPress: () => typeof val === 'number' ? quickAdd(val) : addValue(val),
+                  children: /*#__PURE__*/_jsx(Text, {
+                    style: styles.keyText,
+                    children: val
+                  })
+                }, val))
+              }, rowIndex))]
+            })]
+          }) : selectedTab === 'Unpaid' ?
+          /*#__PURE__*/
+          // CUSTOMER SECTION
+          _jsxs(View, {
+            style: styles.unpaidContainer,
+            children: [/*#__PURE__*/_jsxs(View, {
+              style: {
+                width: '100%',
+                height: 50,
+                backgroundColor: COLORS.whiteColor,
+                flexDirection: 'row',
+                alignItems: "center",
+                gap: 10,
+                paddingHorizontal: 10
+              },
+              children: [/*#__PURE__*/_jsx(Ionicons, {
+                name: "person-circle-outline",
+                color: COLORS.primaryColor,
+                size: 30
+              }), /*#__PURE__*/_jsx(Text, {
+                style: {
+                  color: COLORS.blackColor,
+                  fontFamily: FONT_NORMAL,
+                  fontSize: 13
+                },
+                children: "Select customer you gave the Credit"
+              })]
+            }), /*#__PURE__*/_jsx(FlatList, {
+              data: clients,
+              keyExtractor: item => item.id.toString(),
+              renderItem: ({
+                item,
+                index
+              }) => {
+                let amount = item?.total_subamount - item?.total_amount;
+                let type = 'none';
+                if (amount > 0) {
+                  type = 'receivable';
+                } else if (amount < 0) {
+                  type = 'payable';
+                }
+                amount = Math.abs(amount);
+                return /*#__PURE__*/_jsx(User, {
+                  name: item?.name,
+                  addedAt: formatDateTime(item?.latest_transaction_date || item?.created_at),
+                  amount: amount,
+                  type: type,
+                  avatarColor: item?.type == 0 ? 'red' : 'green',
+                  clientType: item?.type,
+                  icon: item?.local_path,
+                  mainContainer: {
+                    width: '100%',
+                    paddingHorizontal: 10
+                  }
+                  // onPress={() => {
+                  //   setShowNewBtn(false);
+                  //   setChangeModal(false);
+                  //   setSelectedParty(item);
+                  // }}
+                }, index);
+              }
+            })]
+          }) :
+          /*#__PURE__*/
+          // ONLINE PAYMENT SECTION
+          _jsxs(View, {
+            style: styles.unpaidContainer,
+            children: [/*#__PURE__*/_jsx(View, {
+              style: styles._modalSearchMain,
+              children: /*#__PURE__*/_jsx(FloatingInput, {
+                label: "Select a bank",
+                iconName: "business-outline",
+                iconPosition: "left",
+                allowedChars: /[^A-Za-z0-9\s]/g,
+                maxLength: 15,
+                containerStyle: {
+                  width: '100%'
+                }
+              })
+            }), /*#__PURE__*/_jsx(FlatList, {
+              data: banks,
+              keyExtractor: item => item.id.toString(),
+              renderItem: ({
+                item,
+                index
+              }) => {
+                let amount = item?.total_subamount - item?.total_amount;
+                let type = 'none';
+                if (amount > 0) {
+                  type = 'receivable';
+                } else if (amount < 0) {
+                  type = 'payable';
+                }
+                amount = Math.abs(amount);
+                return /*#__PURE__*/_jsx(User, {
+                  name: item?.name,
+                  addedAt: formatDateTime(item?.latest_transaction_date || item?.created_at),
+                  amount: amount,
+                  type: type,
+                  avatarColor: item?.type == 0 ? 'red' : 'green',
+                  clientType: item?.type,
+                  icon: item?.local_path,
+                  mainContainer: {
+                    width: '100%',
+                    paddingHorizontal: 10
+                  }
+                  // onPress={() => {
+                  //   setShowNewBtn(false);
+                  //   setChangeModal(false);
+                  //   setSelectedParty(item);
+                  // }}
+                }, index);
+              }
+            })]
+          }), /*#__PURE__*/_jsx(BottomView, {
+            style: [styles.bottomBar],
+            children: /*#__PURE__*/_jsx(TouchableOpacity, {
+              onPress: () => {
+                if (Number(totalAmount) >= Number(amount)) {
+                  if (!amount) {
+                    setAmount(totalAmount);
+                    setTimeout(() => {
+                      onCreateBill(amount ? amount : totalAmount);
+                    }, 200);
+                  } else {
+                    onCreateBill(amount ? amount : totalAmount);
+                  }
+                } else {
+                  console.log('Nope');
+                }
+              },
+              style: styles.confirmBtn,
+              children: /*#__PURE__*/_jsx(LinearGradient, {
+                colors: [COLORS.primaryColor, COLORS.primaryColor],
+                children: /*#__PURE__*/_jsx(Text, {
+                  style: styles.confirmText,
+                  children: "PAYMENT CONFIRM"
+                })
+              })
+            })
+          })]
+        })]
+      })
+    })
+  });
+};
+export default SalePaymentModal;
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    backgroundColor: '#00000088',
+    justifyContent: 'flex-end'
+  },
+  modalBoxParent: {
+    backgroundColor: COLORS.backgroundColor,
+    // borderTopLeftRadius: 16,
+    // borderTopRightRadius: 16,
+    height: height * 0.82
+  },
+  modalBox: {
+    // backgroundColor: COLORS.backgroundColor,
+    // borderTopLeftRadius: 16,
+    // borderTopRightRadius: 16,
+    height: height * 0.8,
+    padding: 10
+  },
+  header: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    marginBottom: 8,
+    backgroundColor: COLORS.borderColor,
+    padding: 10
+  },
+  headerTitle: {
+    fontSize: 16,
+    color: COLORS.blackColor,
+    // marginLeft: 10,
+    fontFamily: FONT_NORMAL,
+    alignSelf: 'center'
+  },
+  valueContainer: {
+    flexDirection: 'column',
+    // justifyContent: 'space-between',
+    // alignItems: 'center',
+    marginVertical: 10
+  },
+  label: {
+    color: '#333',
+    fontSize: 16,
+    fontFamily: FONT_NORMAL
+  },
+  tapText: {
+    color: '#bbb',
+    fontSize: 13,
+    fontFamily: FONT_NORMAL
+  },
+  total: {
+    fontSize: 18,
+    color: '#333',
+    textAlign: 'right'
+  },
+  currentBill: {
+    fontSize: 22,
+    color: COLORS.redColor,
+    textAlign: 'right',
+    fontFamily: FONT_NORMAL
+  },
+  remaining: {
+    fontSize: 26,
+    color: COLORS.redColor,
+    textAlign: 'right',
+    fontFamily: FONT_NORMAL
+  },
+  tabs: {
+    flexDirection: 'row',
+    marginVertical: 10,
+    backgroundColor: COLORS.whiteColor,
+    borderWidth: 1,
+    borderColor: COLORS.borderColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS
+  },
+  tabItem: {
+    flex: 1,
+    alignItems: 'center',
+    paddingVertical: 6,
+    backgroundColor: COLORS.whiteColor
+  },
+  activeTab: {
+    backgroundColor: COLORS.backgroundColor,
+    borderWidth: 1,
+    borderColor: COLORS.borderColor
+  },
+  tabText: {
+    fontSize: 12,
+    marginTop: 4
+  },
+  amountInput: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    justifyContent: 'space-between',
+    borderWidth: 1,
+    borderColor: '#ddd',
+    padding: 10,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    marginVertical: 8
+  },
+  currency: {
+    fontSize: 16,
+    color: COLORS.blackColor,
+    marginRight: 5,
+    fontFamily: FONT_NORMAL
+  },
+  amountText: {
+    fontSize: 14,
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL
+  },
+  keypad: {
+    marginTop: 8
+  },
+  keypadRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between'
+  },
+  key: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    // paddingVertical: 12,
+    borderWidth: 1,
+    borderColor: COLORS.borderColor,
+    backgroundColor: '#fff'
+  },
+  keyGray: {
+    flex: 1,
+    alignItems: 'center',
+    paddingVertical: 15,
+    borderWidth: 1,
+    borderColor: '#ddd',
+    backgroundColor: COLORS.backgroundColor // ✅ gray buttons
+  },
+  keyText: {
+    fontSize: 15,
+    color: COLORS.blackColor,
+    fontFamily: FONT_NORMAL
+  },
+  unpaidContainer: {
+    marginTop: 2,
+    alignItems: 'center'
+    // gap: 10,
+  },
+  customerLabel: {
+    fontSize: 15,
+    color: '#444',
+    marginBottom: 10
+  },
+  customerSelect: {
+    flexDirection: 'row',
+    alignItems: 'center',
+    backgroundColor: '#f8f8f8',
+    paddingVertical: 12,
+    paddingHorizontal: 16,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderWidth: 1,
+    borderColor: '#ddd',
+    width: '95%',
+    justifyContent: 'center'
+  },
+  customerText: {
+    color: '#555',
+    fontSize: 14,
+    marginLeft: 8
+  },
+  confirmBtn: {
+    borderWidth: 1,
+    // marginBottom: 10,
+    flexDirection: 'row',
+    gap: 10,
+    borderColor: COLORS.primaryColor,
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    width: '100%',
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  confirmText: {
+    color: COLORS.whiteColor,
+    fontSize: 13,
+    fontFamily: FONT_MEDIUM
+  },
+  bottomBar: {
+    position: 'absolute',
+    left: 0,
+    bottom: 30,
+    right: 0,
+    backgroundColor: '#fff',
+    borderTopLeftRadius: TEXT_SIZES.BORDER_RADIUS,
+    borderTopRightRadius: TEXT_SIZES.BORDER_RADIUS,
+    alignItems: 'center',
+    justifyContent: 'center',
+    paddingVertical: 10,
+    elevation: 10
+  },
+  _inputMain: {
+    width: '100%'
+  },
+  /// Party Modal Styling
+
+  _modalSearchMain: {
+    width: '100%',
+    justifyContent: 'center',
+    alignItems: 'center'
+    // marginVertical: 7.5,
+  },
+  _modalSearch: {
+    width: '100%',
+    height: 45,
+    borderWidth: 1,
+    borderColor: COLORS.gray,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    paddingLeft: 10,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13,
+    color: COLORS.blackColor
+  },
+  _avatarText: {
+    fontFamily: FONT_NORMAL,
+    fontSize: 16,
+    color: COLORS.primaryColor
+  },
+  _addContactBtn: {
+    width: '100%',
+    height: 60,
+    backgroundColor: COLORS.whiteColor,
+    // borderWidth: 1,
+    // borderColor: COLORS.borderColor,
+    flexDirection: 'row',
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    justifyContent: 'space-evenly',
+    elevation: 1,
+    alignItems: 'center'
+  },
+  _contactsCardMain: {
+    width: '100%',
+    height: 60,
+    // backgroundColor: "red",
+    marginVertical: 10,
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    alignItems: 'center',
+    alignSelf: 'center'
+  },
+  _phoneInputMain: {
+    width: '92%',
+    // height:60,
+    // backgroundColor:"red",
+    alignItems: 'center',
+    gap: 15
+  },
+  _avatarMain: {
+    backgroundColor: COLORS.lightRedColor,
+    padding: 10,
+    borderRadius: 50
+  },
+  kepardParent: {
+    // width: '100%',
+  },
+  bottomRs: {
+    color: COLORS.primaryColor,
+    fontFamily: FONT_MEDIUM,
+    fontSize: 13
+  },
+  actionButton: {
+    // flex: 0.48,
+    // paddingVertical: 12,
+    width: '100%',
+    borderRadius: 8,
+    alignItems: 'center'
+  },
+  actionButtonText: {
+    color: COLORS.white,
+    fontWeight: '600',
+    fontSize: 15
+  },
+  totalButton: {
+    borderWidth: 1,
+    marginBottom: 10,
+    borderColor: COLORS.primaryColor,
+    backgroundColor: COLORS.primaryColor,
+    borderRadius: TEXT_SIZES.BORDER_RADIUS,
+    width: '100%',
+    height: 50,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  totalText: {
+    color: COLORS.whiteColor,
+    fontFamily: FONT_NORMAL,
+    fontSize: 13
+  },
+  netValueRow: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    // marginBottom: 5,
+    alignItems: 'center'
+  }
+});
+//# sourceMappingURL=SalePaymentModal.js.map