be-components 0.4.9 → 0.5.1

package/lib/module/Checkout/components/OrderSummaryCard.js

@@ -0,0 +1,77 @@
+import React from 'react';
+import { View } from "react-native";
+import Colors from '../../constants/colors';
+import { Text } from '../../Components';
+const OrderSummaryCard = ({
+  item_order
+}) => {
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      padding: 5,
+      paddingRight: 10,
+      paddingLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 14,
+    color: Colors.brand.midnight
+  }, "Subtotal"), /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight
+  }, "$", item_order.amount)), item_order.fee_1 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      padding: 5,
+      paddingRight: 10,
+      paddingLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 14,
+    color: Colors.brand.midnight
+  }, item_order.fee_1), /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight
+  }, "$", item_order.fee_1_amount)) : /*#__PURE__*/React.createElement(React.Fragment, null), item_order.fee_2 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      padding: 5,
+      paddingRight: 10,
+      paddingLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 14,
+    color: Colors.brand.midnight
+  }, item_order.fee_2), /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight
+  }, "$", item_order.fee_2_amount)) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    style: {
+      flexDirection: 'row',
+      padding: 5,
+      paddingRight: 10,
+      paddingLeft: 10
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      flex: 1
+    },
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, "Total"), /*#__PURE__*/React.createElement(Text, {
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "bold"
+  }, "$", item_order.total_amount)));
+};
+export default OrderSummaryCard;
+//# sourceMappingURL=OrderSummaryCard.js.map

package/lib/module/Checkout/components/OrderSummaryCard.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Colors","Text","OrderSummaryCard","item_order","createElement","style","flexDirection","padding","paddingRight","paddingLeft","flex","size","color","brand","midnight","amount","fee_1","fee_1_amount","Fragment","fee_2","fee_2_amount","weight","total_amount"],"sourceRoot":"../../../../src","sources":["Checkout/components/OrderSummaryCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Checkout/index.js

@@ -0,0 +1,581 @@
+import React, { useEffect, useState } from 'react';
+import { View, StyleSheet, Linking } from "react-native";
+import { Button, Icons, Text } from '../Components';
+import { CheckoutApi, CheckoutHelpers } from './api';
+import ItemSummaryCard from './components/ItemSummaryCard';
+import OrderSummaryCard from './components/OrderSummaryCard';
+import AccountSummaryCard from './components/AccountSummaryCard';
+import Colors from '../constants/colors';
+import AddressManager from '../Wallet/components/AddressManager';
+import { PayPalScriptProvider } from '@paypal/react-paypal-js';
+import PayPalOrderCapture from '../Wallet/components/PayPalOrderCapture';
+import SpringView from '../Components/Spring';
+import { usePlayerLocation } from '../LocationTracker/LocationStatus';
+import LocationTracker from '../LocationTracker';
+import { view_styles } from '../constants/styles';
+import { WalletApi } from '../Wallet/api';
+const Checkout = ({
+  item_order,
+  account_id,
+  onCancel,
+  onCompleteOrder,
+  onRequestNewAccount
+}) => {
+  const [loading, setLoading] = useState(false);
+  const [completing, setCompleting] = useState(false);
+  const [show_addresses, setShowAddresses] = useState(false);
+  const [cvv, setCVV] = useState();
+  const [show_location, setShowLocation] = useState(false);
+  const {
+    permission,
+    location,
+    getLocation,
+    checkPermissions
+  } = usePlayerLocation();
+  const [checkout_data, setCheckoutData] = useState({
+    loaded: false,
+    items: [],
+    player_addresses: [],
+    accounts: []
+  });
+  const [checkout, setCheckout] = useState({});
+  const [draft_order, setDraftOrder] = useState();
+  const {
+    player,
+    accounts,
+    items,
+    player_addresses,
+    selected_account,
+    billing_address
+  } = checkout_data;
+  const {
+    ip_item_order,
+    ip_transaction
+  } = checkout;
+
+  //const shipping_address_required = CheckoutHelpers.isShippingRequired(items);
+  const billing_address_required = CheckoutHelpers.isBillingAddressRequired(items, selected_account);
+
+  //const isLocationRequired = CheckoutHelpers.isLocationRequired(items);
+
+  useEffect(() => {
+    CheckoutApi.setEnvironment();
+    WalletApi.setEnvironment();
+    if (!item_order) {
+      return setDraftOrder(undefined);
+    }
+    getDetailsFromServer(item_order, account_id);
+  }, [item_order]);
+  useEffect(() => {
+    if (!permission.checked) {
+      return;
+    }
+    if (permission.permission != 'granted') {
+      return setShowLocation(true);
+    }
+  }, [permission]);
+
+  /**
+   * Get all necessary checkout data from the server
+   * @param item_order 
+   * @param account_id 
+   */
+  const getDetailsFromServer = async (item_order, account_id) => {
+    checkPermissions({
+      auto_on_granted: true
+    });
+    const player = await CheckoutApi.getMyDetails();
+    const order_items = await CheckoutApi.getItemsByIds(item_order.items.map(i => i.item_id));
+    const accounts = await CheckoutApi.getMyAccounts();
+    let eligible_accounts = CheckoutHelpers.filterMyPurchaseAccounts(accounts, order_items);
+    const addresses = await CheckoutApi.getMyAddresses();
+    let a = eligible_accounts.find(a => a.account_id == account_id);
+    if (!a) {
+      a = eligible_accounts.find(a => a.default_account);
+    }
+    let ba = addresses.find(addy => addy.player_address_id == a?.default_billing_address_id);
+    if (a) {
+      item_order = CheckoutHelpers.genItemOrder(item_order, order_items, a);
+    }
+    setDraftOrder(item_order);
+    setCheckoutData({
+      loaded: true,
+      player,
+      selected_account: a,
+      player_addresses: addresses,
+      billing_address: ba,
+      items: order_items,
+      accounts: accounts
+    });
+  };
+  const order_errors = !draft_order ? [] : CheckoutHelpers.isOrderValid(draft_order, items, selected_account, cvv, billing_address, undefined, location.location, location.coordinates);
+  const handleConfirm = async () => {
+    if (!draft_order || order_errors.length > 0) {
+      return;
+    }
+    setLoading(true);
+    const draft_transaction = CheckoutHelpers.genTransactionFromItemOrder(draft_order, items, selected_account?.account_id, cvv);
+    const resp = await CheckoutApi.createOrder({
+      ...draft_order,
+      region: location.region,
+      location: location.coordinates
+    }, {
+      ...draft_transaction,
+      billing_address_id: billing_address?.player_address_id
+    });
+    setCheckout({
+      ip_item_order: resp.item_order,
+      ip_transaction: resp.transaction
+    });
+  };
+  const handleCancel = async () => {
+    if (!ip_transaction) {
+      return onCancel();
+    }
+    await CheckoutApi.cancelTransaction(ip_transaction.transaction_id);
+    setCheckout({});
+    onCancel();
+  };
+  const checkTransactionStatus = async () => {
+    if (!ip_transaction) {
+      return;
+    }
+    const resp = await CheckoutApi.getTransactionById(ip_transaction.transaction_id);
+    setCheckout({
+      ...checkout,
+      ip_transaction: resp.transaction
+    });
+    if (resp.transaction.status == 'redirect') {
+      setTimeout(() => {
+        console.log('checking tran status');
+        checkTransactionStatus();
+      }, 2000);
+    }
+  };
+  const handleChangeAccount = async account => {
+    let new_address = player_addresses.find(pa => pa.player_address_id == account.default_billing_address_id);
+    setCheckoutData({
+      ...checkout_data,
+      selected_account: account,
+      billing_address: new_address ? new_address : billing_address
+    });
+    if (draft_order) {
+      let new_draft_order = CheckoutHelpers.genItemOrder(draft_order, items, account);
+      setDraftOrder(new_draft_order);
+    }
+  };
+  const handleChangeBillingAddress = async address => {
+    if (selected_account) {
+      await CheckoutApi.updateAccountDefaultAddress(selected_account.account_id, address.player_address_id);
+    }
+    setCheckoutData({
+      ...checkout_data,
+      billing_address: address,
+      player_addresses: player_addresses.filter(pa => pa.player_address_id != address.player_address_id).concat(address)
+    });
+    setShowAddresses(false);
+  };
+  const handleRedirect = async () => {
+    if (!ip_transaction?.redirect_url) {
+      return;
+    }
+    if (completing) {
+      return;
+    }
+    setCompleting(true);
+    Linking.openURL(ip_transaction.redirect_url);
+    setTimeout(() => {
+      console.log('checking tran status!');
+      checkTransactionStatus();
+    }, 5000);
+  };
+  if (!draft_order || !player) {
+    return /*#__PURE__*/React.createElement(React.Fragment, null);
+  }
+  return /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    nativeID: "items",
+    style: {
+      ...local_styles.section,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(ItemSummaryCard, {
+    items: items
+  })), /*#__PURE__*/React.createElement(View, {
+    nativeID: "order_summary",
+    style: {
+      ...local_styles.section,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(OrderSummaryCard, {
+    item_order: draft_order
+  })), /*#__PURE__*/React.createElement(View, {
+    nativeID: "account_summary",
+    style: {
+      ...local_styles.section,
+      borderBottomWidth: 1,
+      borderBottomColor: Colors.shades.shade600
+    }
+  }, /*#__PURE__*/React.createElement(AccountSummaryCard, {
+    accounts: accounts,
+    items: items,
+    selected_account: selected_account,
+    player_address: billing_address,
+    billing_address_required: billing_address_required,
+    cvv: cvv,
+    onRequestNewAccount: onRequestNewAccount,
+    onCVVChange: new_cvv => setCVV(new_cvv),
+    onAccountsUpdate: accts => {
+      setCheckoutData({
+        ...checkout_data,
+        selected_account: accts.find(a => a.account_id == selected_account?.account_id),
+        accounts: accounts.filter(a => !accts.find(na => na.account_id == a.account_id)).concat(accts)
+      });
+    },
+    onChangeAddress: () => setShowAddresses(true),
+    onSelectAccount: account => handleChangeAccount(account)
+  }))), order_errors.length > 0 ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      margin: 10,
+      borderRadius: 4,
+      padding: 10,
+      backgroundColor: Colors.shades.white,
+      ...view_styles.float
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginBottom: 5
+    },
+    size: 14,
+    color: Colors.brand.midnight,
+    weight: "semibold"
+  }, "Please fix the following before continuing"), order_errors.map(e => {
+    return /*#__PURE__*/React.createElement(Text, {
+      style: {
+        padding: 4
+      },
+      size: 12,
+      color: Colors.utility.warning,
+      weight: "bold"
+    }, e);
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(PayPalScriptProvider, {
+    options: {
+      clientId: CheckoutApi.getPayPalClientId()
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20
+    }
+  }, !ip_transaction ? /*#__PURE__*/React.createElement(View, {
+    nativeID: "action_row",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 1,
+      marginRight: 5,
+      opacity: loading ? 0.5 : 1
+    },
+    title: "CANCEL",
+    disabled: loading,
+    title_color: Colors.utility.error,
+    borderWidth: 1,
+    borderColor: Colors.utility.error,
+    padding: 15,
+    onPress: () => handleCancel()
+  }), selected_account?.account_type == 'paypal' ? /*#__PURE__*/React.createElement(PayPalOrderCapture, {
+    draft_item_order: draft_order,
+    paypal_account: selected_account,
+    region: location.region,
+    coordinates: location.coordinates,
+    button_height: 48,
+    items: items,
+    order_valid: order_errors.length == 0 ? true : false,
+    onOrderUpdate: (item_order, transaction) => setCheckout({
+      ip_item_order: item_order,
+      ip_transaction: transaction
+    }),
+    onCancel: () => console.log('DONE!')
+  }) : /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 3,
+      opacity: loading || order_errors.length > 0 ? 0.5 : 1
+    },
+    loading: loading || location.loading,
+    disabled: loading || order_errors.length > 0,
+    title: location.loading ? 'VERIFYING LOCATION' : 'CONFIRM & CONTINUE',
+    title_color: Colors.shades.white,
+    backgroundColor: Colors.brand.electric,
+    padding: 15,
+    onPress: () => handleConfirm()
+  })) : /*#__PURE__*/React.createElement(React.Fragment, null))), show_addresses ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      backgroundColor: Colors.shades.black_faded,
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(SpringView, {
+    to: 0,
+    from: 500,
+    slide: "vertical",
+    style: {
+      backgroundColor: Colors.shades.white,
+      borderTopRightRadius: 40,
+      borderTopLeftRadius: 40
+    }
+  }, /*#__PURE__*/React.createElement(AddressManager, {
+    player: player,
+    player_addresses: player_addresses,
+    location: location,
+    onCancel: () => setShowAddresses(false),
+    onRemoveAddress: addy => {
+      let selected_addy = billing_address && billing_address.player_address_id == addy.player_address_id ? undefined : billing_address;
+      setCheckoutData({
+        ...checkout_data,
+        billing_address: selected_addy,
+        player_addresses: player_addresses.filter(pa => pa.player_address_id != addy.player_address_id)
+      });
+    },
+    onAddAddress: addy => handleChangeBillingAddress(addy),
+    onSelect: addy => handleChangeBillingAddress(addy)
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null), ip_item_order && ip_transaction ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      backgroundColor: Colors.shades.black_faded,
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(SpringView, {
+    slide: "vertical",
+    from: 500,
+    to: 0,
+    style: {
+      borderTopRightRadius: 40,
+      borderTopLeftRadius: 40,
+      backgroundColor: Colors.shades.white
+    }
+  }, ip_transaction.status == 'posted' ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 10,
+      paddingTop: 30,
+      paddingBottom: 30,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Icons.TransactionSuccessIcon, {
+    size: 150
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.utility.success,
+      marginTop: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 20,
+    color: Colors.utility.success,
+    weight: "bold",
+    textAlign: "center"
+  }, "Order Successful"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 10
+    },
+    size: 16,
+    color: Colors.brand.cobalt,
+    weight: "regular",
+    textAlign: "center"
+  }, "Your order was successfully processed. An email confirmation has been sent. Please select close below to continue."))) : ip_transaction.status == 'failed' ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 10,
+      paddingTop: 30,
+      paddingBottom: 30,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Icons.TransactionErrorIcon, {
+    size: 150
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.utility.error,
+      marginTop: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 20,
+    color: Colors.utility.error,
+    weight: "bold",
+    textAlign: "center"
+  }, "Order Failed"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 10
+    },
+    size: 16,
+    color: Colors.brand.cobalt,
+    weight: "regular",
+    textAlign: "center"
+  }, "Sorry, we were unable to process your order at this time.  Please try again or reach out to support for help."))) : ip_transaction.status == 'cancelled' ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 10,
+      paddingTop: 30,
+      paddingBottom: 30,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Icons.TransactionErrorIcon, {
+    size: 150
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.utility.error,
+      marginTop: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 20,
+    color: Colors.utility.error,
+    weight: "bold",
+    textAlign: "center"
+  }, "Order Cancelled"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 10
+    },
+    size: 16,
+    color: Colors.brand.cobalt,
+    weight: "regular",
+    textAlign: "center"
+  }, "Your order was cancelled.  Please try again."))) : ip_transaction.status == 'redirect' ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      flex: 1,
+      padding: 10,
+      paddingTop: 30,
+      paddingBottom: 30,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/React.createElement(Icons.IBTFLowIcon, {
+    size: 300
+  }), /*#__PURE__*/React.createElement(View, {
+    style: {
+      padding: 20,
+      borderRadius: 8,
+      borderWidth: 1,
+      borderColor: Colors.shades.shade600,
+      marginTop: 20
+    }
+  }, /*#__PURE__*/React.createElement(Text, {
+    size: 20,
+    color: Colors.brand.cobalt,
+    weight: "bold",
+    textAlign: "center"
+  }, "Finish With Plaid"), /*#__PURE__*/React.createElement(Text, {
+    style: {
+      marginTop: 10
+    },
+    size: 16,
+    color: Colors.brand.cobalt,
+    weight: "regular",
+    textAlign: "center"
+  }, "Select Complete Order below to complete the transaction through Plaid"))) : /*#__PURE__*/React.createElement(React.Fragment, null), /*#__PURE__*/React.createElement(View, {
+    nativeID: "action_row",
+    style: {
+      flexDirection: 'row',
+      padding: 20
+    }
+  }, ip_transaction.status == 'redirect' || ip_transaction.status == 'pending' ? /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 1,
+      marginRight: 5,
+      opacity: 1
+    },
+    title: "CANCEL"
+    //disabled={loading}
+    ,
+    title_color: Colors.utility.error,
+    borderWidth: 1,
+    borderColor: Colors.utility.error,
+    padding: 15,
+    onPress: () => handleCancel()
+  }) : /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 1,
+      opacity: 1
+    },
+    title: "CLOSE"
+    //disabled={loading}
+    ,
+    title_color: Colors.utility.error,
+    borderWidth: 1,
+    borderColor: Colors.utility.error,
+    padding: 15,
+    onPress: () => onCompleteOrder(ip_item_order, ip_transaction)
+  }), ip_transaction.status == 'redirect' ? /*#__PURE__*/React.createElement(Button, {
+    style: {
+      flex: 3,
+      opacity: completing ? 0.5 : 1
+    },
+    loading: completing,
+    disabled: completing,
+    title: "COMPLETE ORDER",
+    title_color: Colors.shades.white,
+    backgroundColor: Colors.brand.electric,
+    padding: 15,
+    onPress: () => handleRedirect()
+  }) : /*#__PURE__*/React.createElement(React.Fragment, null)))) : /*#__PURE__*/React.createElement(React.Fragment, null), show_location ? /*#__PURE__*/React.createElement(View, {
+    style: {
+      position: 'absolute',
+      top: 0,
+      bottom: 0,
+      left: 0,
+      right: 0,
+      backgroundColor: Colors.shades.black_faded,
+      justifyContent: 'flex-end'
+    }
+  }, /*#__PURE__*/React.createElement(SpringView, {
+    to: 0,
+    from: 500,
+    slide: "vertical",
+    style: {
+      backgroundColor: Colors.shades.white,
+      borderTopRightRadius: 40,
+      borderTopLeftRadius: 40
+    }
+  }, /*#__PURE__*/React.createElement(LocationTracker, {
+    location: location,
+    permission: permission,
+    onGetLocation: getLocation,
+    onClose: () => setShowLocation(false)
+  }))) : /*#__PURE__*/React.createElement(React.Fragment, null));
+};
+const local_styles = StyleSheet.create({
+  section: {
+    padding: 10,
+    margin: 5
+  }
+});
+export default Checkout;
+//# sourceMappingURL=index.js.map