be-components 3.6.0 → 3.6.2

package/lib/commonjs/Wallet/components/ItemOrderDetailCard.js

@@ -6,16 +6,17 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
-var _Components = require("../../Components");
 var _api = require("../api");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _momentMini = _interopRequireDefault(require("moment-mini"));
+var _useColors = require("../../constants/useColors");
+var _Themed = require("../../Components/Themed");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
 const ItemOrderDetails = ({
   item_order
 }) => {
+  const Colors = (0, _useColors.useColors)();
   const [loading, setLoading] = (0, _react.useState)(false);
   const [data, setData] = (0, _react.useState)({
     transaction_details: []
@@ -43,23 +44,20 @@ const ItemOrderDetails = ({
     setLoading(false);
   };
   const renderTransactionDetails = data => {
-    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    return /*#__PURE__*/_react.default.createElement(_Themed.View, {
       style: {
         flexDirection: 'row',
         alignItems: 'center',
         padding: 5
       }
-    }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
       style: {
         flex: 1
       },
+      theme: "description"
+    }, data.item.description), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
       size: 14,
-      color: _colors.default.brand.midnight,
-      weight: "regular"
-    }, data.item.description), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-      size: 14,
-      color: _colors.default.brand.midnight,
-      weight: "bold"
+      theme: "h1"
     }, "$", data.item.amount.toFixed(2)));
   };
   if (!item_order) {
@@ -68,91 +66,90 @@ const ItemOrderDetails = ({
   let sub_total = parseFloat(item_order.amount);
   let detail_total = transaction_details.filter(td => !td.fee_type).reduce((a, b) => a + b.amount, 0);
   let unsettled = sub_total - detail_total;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    nativeID: "item_order_details"
-  }, account ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
+    style: {
+      padding: 5
+    }
+  }, account ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       padding: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       flex: 1
     },
+    theme: "description"
+  }, "Account"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Account"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
+    theme: "h1"
   }, account.account_label)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
     size: "small",
-    color: _colors.default.brand.midnight
+    color: Colors.text.h1
   }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: transaction_details,
     renderItem: renderTransactionDetails
-  }), transaction?.status == 'posted' && transaction?.estimated_settle_datetime && (0, _momentMini.default)().isBefore((0, _momentMini.default)(transaction.estimated_settle_datetime)) ? /*#__PURE__*/_react.default.createElement(_reactNative.View, null, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), transaction?.status == 'posted' && transaction?.estimated_settle_datetime && (0, _momentMini.default)().isBefore((0, _momentMini.default)(transaction.estimated_settle_datetime)) ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       alignItems: 'center',
       padding: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       flex: 1
     },
     size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Estimated Settle Time"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    theme: "h2"
+  }, "Estimated Settle Time"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, (0, _momentMini.default)(transaction.estimated_settle_datetime).format('MM/DD @ h a'))), unsettled > 0 ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "h1"
+  }, (0, _momentMini.default)(transaction.estimated_settle_datetime).format('MM/DD @ h a'))), unsettled > 0 ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       padding: 10,
-      backgroundColor: _colors.default.shades.shade100,
       borderRadius: 8,
       marginTop: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flexDirection: 'row',
       alignItems: 'center'
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       flex: 1
     },
+    theme: "h2"
+  }, "Awaiting Settlement"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Awaiting Settlement"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 14,
-    color: _colors.default.utility.warning,
+    color: Colors.text.warning,
     weight: "bold"
-  }, "$", unsettled.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "$", unsettled.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 10
     },
-    size: 12,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "This amount exceeded your ", /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    theme: "description"
+  }, "This amount exceeded your ", /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
     weight: "bold"
-  }, "Instant Deposit Limit"), " and will be added to your wallet after the transaction settles based on the date noted above.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), false && item_order.type == 'wallet' && transaction?.status == 'posted' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "Instant Deposit Limit"), " and will be added to your wallet after the transaction settles based on the date noted above.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), item_order.type == 'wallet' && transaction?.status == 'posted' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       borderRadius: 8,
-      backgroundColor: _colors.default.utility.warning,
+      backgroundColor: Colors.text.warning,
       padding: 10,
       marginTop: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.shades.white,
+    color: Colors.text.white,
     weight: "semibold",
     textAlign: "center"
   }, "Deposits in posted status are not eligible for withdraw until they settle.")) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));

package/lib/commonjs/Wallet/components/ItemOrderDetailCard.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_Components","_api","_colors","_interopRequireDefault","_momentMini","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ItemOrderDetails","item_order","loading","setLoading","useState","data","setData","transaction_details","account","transaction","useEffect","getDataFromServer","transaction_id","resp","ItemOrderApi","getTransactionById","acct","WalletApi","getAccountById","account_id","renderTransactionDetails","createElement","View","style","flexDirection","alignItems","padding","Text","flex","size","color","Colors","brand","midnight","weight","item","description","amount","toFixed","Fragment","sub_total","parseFloat","detail_total","filter","td","fee_type","reduce","b","unsettled","nativeID","account_label","ActivityIndicator","FlatList","renderItem","status","estimated_settle_datetime","moment","isBefore","format","backgroundColor","shades","shade100","borderRadius","marginTop","utility","warning","type","white","textAlign","_default","exports"],"sourceRoot":"../../../../src","sources":["Wallet/components/ItemOrderDetailCard.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_api","_momentMini","_interopRequireDefault","_useColors","_Themed","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ItemOrderDetails","item_order","Colors","useColors","loading","setLoading","useState","data","setData","transaction_details","account","transaction","useEffect","getDataFromServer","transaction_id","resp","ItemOrderApi","getTransactionById","acct","WalletApi","getAccountById","account_id","renderTransactionDetails","createElement","View","style","flexDirection","alignItems","padding","Text","flex","theme","item","description","size","amount","toFixed","Fragment","sub_total","parseFloat","detail_total","filter","td","fee_type","reduce","b","unsettled","float","transparent","account_label","ActivityIndicator","color","text","h1","FlatList","renderItem","status","estimated_settle_datetime","moment","isBefore","format","borderRadius","marginTop","warning","weight","type","backgroundColor","white","textAlign","_default","exports"],"sourceRoot":"../../../../src","sources":["Wallet/components/ItemOrderDetailCard.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Wallet/components/LinkAccountManager.js

@@ -7,11 +7,11 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactNative = require("react-native");
 var _Components = require("../../Components");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _api = require("../api");
-var _Spring = _interopRequireDefault(require("../../Components/Spring"));
 var _AddressManager = _interopRequireDefault(require("./AddressManager"));
 var _AddressCard = _interopRequireDefault(require("./AddressCard"));
+var _useColors = require("../../constants/useColors");
+var _Themed = require("../../Components/Themed");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -21,6 +21,7 @@ const LinkAccountManager = ({
   onCancel,
   onComplete
 }) => {
+  const Colors = (0, _useColors.useColors)();
   const [loading, setLoading] = (0, _react.useState)(false);
   const [try_counter, setTryCounter] = (0, _react.useState)(0);
   const [show_addresses, setShowAddresses] = (0, _react.useState)({
@@ -79,65 +80,69 @@ const LinkAccountManager = ({
     }, 18000);
   };
   const valid = show_addresses.selected_address ? true : false;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 26,
-    color: _colors.default.brand.midnight,
-    weight: "bold"
-  }, "LINK NEW ACCOUNT"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "LINK NEW ACCOUNT"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 10
     },
     size: 16,
-    color: _colors.default.brand.midnight,
-    weight: "regular"
-  }, "Link an account via instant bank transfer and get access to instant deposits and withdraws.")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "description"
+  }, "Link an account via instant bank transfer and get access to instant deposits and withdraws.")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       justifyContent: 'center',
       alignItems: 'center'
     }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
+    style: {
+      padding: 10,
+      backgroundColor: Colors.text.white
+    }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.IBTFLowIcon, {
     size: 350
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
-      backgroundColor: _colors.default.shades.shade100,
       padding: 20,
       marginTop: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 16,
-    color: _colors.default.brand.cobalt,
-    weight: "light",
+    theme: "light",
     textAlign: "center",
     style: {
       marginBottom: 2
     }
-  }, "Using ", /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
-    onPress: () => window.open('https://plaid.com/safety', '_blank')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "Using ", /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    style: {
+      padding: 0
+    },
+    type: "text",
+    onPress: () => _reactNative.Linking.openURL('https://plaid.com/safety')
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     weight: "bold",
-    color: _colors.default.brand.electric,
+    color: Colors.text.action,
     size: 18
-  }, "Plaid")), ", you will be asked to securly login to your bank and select the account you wish to link and transact from."), show_addresses.selected_address ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "Plaid")), ", you will be asked to securly login to your bank and select the account you wish to link and transact from."), show_addresses.selected_address ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginBottom: 10
     },
     textAlign: "center",
-    weight: "bold",
-    size: 16,
-    color: _colors.default.brand.midnight
+    theme: "h1"
   }, "Billing Address"), /*#__PURE__*/_react.default.createElement(_AddressCard.default, {
     address: show_addresses.selected_address,
     hide_delete: true,
@@ -146,26 +151,24 @@ const LinkAccountManager = ({
       ...show_addresses,
       visible: true
     })
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), error ? /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null))), error ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.utility.warning
-  }, error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), show_addresses.selected_address && (!account || account.status == 'redirect') ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    color: Colors.text.warning
+  }, error) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), show_addresses.selected_address && (!account || account.status == 'redirect') ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "link_actions",
     style: {
       flexDirection: 'row',
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     title: "CANCEL",
     style: {
       flex: 1,
       marginRight: 5
     },
-    title_color: _colors.default.brand.electric,
-    borderWidth: 1,
-    borderColor: _colors.default.brand.electric,
+    type: "error",
     onPress: () => onCancel()
-  }), !redirect_url ? /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }), !redirect_url ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     style: {
       flex: 3,
       opacity: loading || !valid ? 0.5 : 1
@@ -173,11 +176,9 @@ const LinkAccountManager = ({
     disabled: loading || !valid,
     title: "START ACCOUNT LINK",
     loading: loading,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.brand.electric,
-    padding: 15,
+    type: "success",
     onPress: () => handleStartLink()
-  }) : /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     style: {
       flex: 3,
       opacity: linking ? 0.5 : 1
@@ -185,51 +186,38 @@ const LinkAccountManager = ({
     disabled: linking,
     title: "FINISH WITH PLAID",
     loading: linking,
-    title_color: _colors.default.shades.white,
-    backgroundColor: _colors.default.utility.success,
-    padding: 15,
+    type: "success",
     onPress: () => handleNavOut()
-  })) : !show_addresses.selected_address ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : !show_addresses.selected_address ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       marginTop: 10,
       borderRadius: 8,
-      backgroundColor: _colors.default.shades.shade600,
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
-    color: _colors.default.brand.midnight,
-    textAlign: "center"
-  }, "Before we continue, we will need get the billing address associated with the account to be linked"), /*#__PURE__*/_react.default.createElement(_Components.Button, {
+    theme: "description"
+  }, "Before we continue, we will need get the billing address associated with the account to be linked"), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     style: {
       marginTop: 10
     },
     title: show_addresses.selected_address ? 'CHANGE' : 'ADD BILLING ADDRESS',
-    title_color: _colors.default.shades.white,
-    padding: 15,
-    backgroundColor: _colors.default.brand.electric,
+    type: "success",
     onPress: () => setShowAddresses({
       ...show_addresses,
       visible: true
     })
-  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), show_addresses.visible ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: show_addresses.visible,
+    transparent: true,
+    animationType: "slide",
     style: {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: _colors.default.shades.black_faded,
-      justifyContent: 'flex-end'
+      flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Spring.default, {
-    slide: "vertical",
-    from: 500,
-    to: 0,
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
-      borderTopRightRadius: 40,
-      borderTopLeftRadius: 40,
-      backgroundColor: _colors.default.shades.white
+      flex: 1
     }
   }, /*#__PURE__*/_react.default.createElement(_AddressManager.default, {
     player_addresses: player_addresses,
@@ -245,26 +233,19 @@ const LinkAccountManager = ({
       ...show_addresses,
       visible: false
     })
-  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), account && account.status != 'redirect' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }))), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    visible: account && account.status != 'redirect' ? true : false,
+    transparent: true,
+    animationType: "slide",
     style: {
-      position: 'absolute',
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      backgroundColor: _colors.default.shades.black_faded,
-      justifyContent: 'flex-end'
+      flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Spring.default, {
-    slide: "vertical",
-    from: 500,
-    to: 0,
+  }, account && account.status != 'redirect' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
     style: {
-      borderTopRightRadius: 40,
-      borderTopLeftRadius: 40,
-      backgroundColor: _colors.default.shades.white
+      flex: 1
     }
-  }, account.status == 'active' ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, account.status == 'active' ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       padding: 10,
@@ -275,28 +256,27 @@ const LinkAccountManager = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.TransactionSuccessIcon, {
     size: 150
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 20,
       borderRadius: 8,
       borderWidth: 1,
-      borderColor: _colors.default.utility.success,
+      borderColor: Colors.text.success,
       marginTop: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 20,
-    color: _colors.default.utility.success,
+    color: Colors.text.success,
     weight: "bold",
     textAlign: "center"
-  }, "Account Linked Successfully"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "Account Linked Successfully"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 10
     },
     size: 16,
-    color: _colors.default.brand.cobalt,
-    weight: "regular",
+    theme: "description",
     textAlign: "center"
-  }, "Your account has successfully been added. Please select close below to continue."))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "Your account has successfully been added. Please select close below to continue."))) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       flex: 1,
       padding: 10,
@@ -307,52 +287,46 @@ const LinkAccountManager = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_Components.Icons.TransactionErrorIcon, {
     size: 150
-  }), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     style: {
       padding: 20,
       borderRadius: 8,
       borderWidth: 1,
-      borderColor: _colors.default.utility.error,
+      borderColor: Colors.text.error,
       marginTop: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 20,
-    color: _colors.default.utility.error,
+    color: Colors.text.error,
     weight: "bold",
     textAlign: "center"
-  }, "Failed to Link Account"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, "Failed to Link Account"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       marginTop: 10
     },
     size: 16,
-    color: _colors.default.brand.cobalt,
-    weight: "regular",
+    theme: "description",
     textAlign: "center"
-  }, "Sorry, we were unable to link your account at this time.  Please try again or reach out to support for help."))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, "Sorry, we were unable to link your account at this time.  Please try again or reach out to support for help."))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
     nativeID: "action_row",
     style: {
       flexDirection: 'row',
       padding: 20
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Button, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     style: {
       flex: 1,
       opacity: 1
     },
-    title: "CLOSE"
-    //disabled={loading}
-    ,
-    title_color: _colors.default.utility.error,
-    borderWidth: 1,
-    borderColor: _colors.default.utility.error,
-    padding: 15,
+    title: "CLOSE",
+    type: "error",
     onPress: () => {
       if (account.status == 'active') {
         return onComplete(account);
       }
       return onCancel();
     }
-  })))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+  }))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null)));
 };
 var _default = exports.default = LinkAccountManager;
 //# sourceMappingURL=LinkAccountManager.js.map