be-components 6.9.1 → 6.9.3

package/lib/commonjs/Squares/components/OfferForm.js

@@ -7,15 +7,13 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactNative = require("react-native");
 var _BidToggle = _interopRequireDefault(require("./BidToggle"));
-var _styles = require("../../constants/styles");
-var _colors = _interopRequireDefault(require("../../constants/colors"));
 var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 const OfferForm = ({
   player_id,
   player_balance,
   market_type,
-  width,
   squares,
   submit_ready,
   home_abbr,
@@ -27,6 +25,7 @@ const OfferForm = ({
   onClearOffers,
   onSubmitOffer
 }) => {
+  const Colors = (0, _useColors.useColors)();
   const cl = market_type == 'FOR_MONEY' ? '$' : 'E';
   const total_offer_amount = draft_square_offers.reduce((a, b) => a + b.amount, 0);
   let can_submit = player_balance && total_offer_amount < player_balance.balance ? true : false;
@@ -40,6 +39,7 @@ const OfferForm = ({
       return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
     }
     return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
       style: {
         flex: 1,
         flexDirection: 'row',
@@ -47,6 +47,7 @@ const OfferForm = ({
         marginBottom: 8
       }
     }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true,
       style: {
         flex: 1
       }
@@ -54,7 +55,9 @@ const OfferForm = ({
       theme: "description"
     }, "SQUARE: ", home_abbr, ": ", square.square_score_x, ", ", away_abbr, ": ", square.square_score_y), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
       theme: "description"
-    }, "Purchased Price: ", cl, ps.purchase_price.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.View, null, /*#__PURE__*/_react.default.createElement(_BidToggle.default, {
+    }, "Purchased Price: ", cl, ps.purchase_price.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+      transparent: true
+    }, /*#__PURE__*/_react.default.createElement(_BidToggle.default, {
       sq_square_id: square.sq_square_id,
       amount: data.item.amount,
       cl: cl,
@@ -65,16 +68,18 @@ const OfferForm = ({
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
   }
   return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
-      ..._styles.view_styles.section,
-      width,
-      padding: 0,
-      maxHeight: 550,
-      maxWidth: 600
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
     }
   }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
-    style: _styles.view_styles.section_header
-  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
     }
@@ -91,95 +96,83 @@ const OfferForm = ({
     },
     theme: "description"
   }, "How much are you willing to sell the selected square for?")), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
     style: {
       height: 24,
       width: 24,
       borderRadius: 100,
-      backgroundColor: _colors.default.highlights.highlight200,
       justifyContent: 'center',
       alignItems: 'center',
       marginLeft: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 12,
-    color: _colors.default.shades.white,
+    color: Colors.text.h1,
     textAlign: "center"
   }, draft_square_offers.length))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    type: "body",
     style: {
-      ..._styles.view_styles.section_body
+      padding: 10
     }
   }, /*#__PURE__*/_react.default.createElement(_reactNative.FlatList, {
     data: draft_square_offers.sort((a, b) => parseInt(a.sq_player_square_id) - parseInt(b.sq_player_square_id)),
     renderItem: renderDraftOffers,
     keyExtractor: item => `o-${item.sq_player_square_id}`
   }), /*#__PURE__*/_react.default.createElement(_Themed.View, {
-    style: _styles.view_styles.body_row
+    transparent: true,
+    type: "row",
+    style: {
+      marginTop: 5
+    }
   }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
       flex: 1
     },
-    theme: "description"
-  }, "Total"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     theme: "h2"
-  }, cl, total_offer_amount.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+  }, "Total"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, cl, total_offer_amount.toFixed(2)))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
     style: {
-      ..._styles.view_styles.body_row
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
     }
   }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "error",
+    title: "CLEAR",
     style: {
-      flex: 1 / 3,
-      padding: 12,
-      borderRadius: 4,
-      borderWidth: 1,
-      borderColor: _colors.default.brand.cobalt,
-      justifyContent: 'center',
-      alignItems: 'center',
-      marginRight: 4
+      flex: 1
     },
     onPress: () => onClearOffers()
-  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
-    size: 14,
-    weight: "semibold",
-    textAlign: "center",
-    color: _colors.default.brand.cobalt
-  }, "Clear")), player_id ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
-    disabled: !can_submit,
+  }), player_id ? /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    disabled: !can_submit || submit_ready.is_loading,
+    loading: submit_ready.is_loading,
     style: {
-      flex: 2 / 3,
-      padding: 12,
-      borderRadius: 4,
-      backgroundColor: submit_ready.is_ready ? _colors.default.highlights.highlight400 : _colors.default.highlights.highlight200,
-      justifyContent: 'center',
-      alignItems: 'center',
-      marginLeft: 4,
-      opacity: submit_ready.is_loading || !can_submit ? 0.5 : 1
+      flex: 2,
+      opacity: submit_ready.is_loading || !can_submit ? 0.5 : 1,
+      marginLeft: 5,
+      backgroundColor: submit_ready.is_ready ? Colors.text.success : Colors.text.action
     },
+    type: "success",
+    title: submit_ready.is_ready ? 'SUBMIT OFFER' : 'REVIEW OFFER',
     onPress: () => onSubmitOffer()
-  }, submit_ready.is_loading ? /*#__PURE__*/_react.default.createElement(_reactNative.ActivityIndicator, {
-    size: "small",
-    color: _colors.default.shades.white
-  }) : /*#__PURE__*/_react.default.createElement(_Themed.Text, {
-    size: 14,
-    weight: "semibold",
-    textAlign: "center",
-    color: _colors.default.shades.white
-  }, submit_ready.is_ready ? 'Submit Offers' : 'Review Offers')) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+  }) : /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     style: {
-      flex: 2 / 3,
-      padding: 12,
-      borderRadius: 4,
-      backgroundColor: _colors.default.highlights.highlight400,
-      justifyContent: 'center',
-      alignItems: 'center',
-      marginLeft: 4
+      flex: 2,
+      marginLeft: 5
     },
+    type: "success",
     onPress: () => onRequestAuthenticate()
   }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     size: 14,
     weight: "semibold",
     textAlign: "center",
-    color: _colors.default.shades.white
-  }, "Sign Up")))));
+    color: Colors.text.white
+  }, "Sign Up"))));
 };
 var _default = exports.default = OfferForm;
 //# sourceMappingURL=OfferForm.js.map

package/lib/commonjs/Squares/components/OfferForm.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_BidToggle","_styles","_colors","_Themed","e","__esModule","default","OfferForm","player_id","player_balance","market_type","width","squares","submit_ready","home_abbr","away_abbr","player_squares","draft_square_offers","onRequestAuthenticate","onOfferAmountChange","onClearOffers","onSubmitOffer","cl","total_offer_amount","reduce","a","b","amount","can_submit","balance","renderDraftOffers","data","ps","find","psQ","sq_player_square_id","item","createElement","Fragment","square","s","sq_square_id","View","style","flex","flexDirection","alignItems","marginBottom","Text","theme","square_score_x","square_score_y","purchase_price","toFixed","onAmountChange","dir","view_styles","section","padding","maxHeight","maxWidth","section_header","buy_sell_ind","marginTop","height","borderRadius","backgroundColor","Colors","highlights","highlight200","justifyContent","marginLeft","size","color","shades","white","textAlign","length","section_body","FlatList","sort","parseInt","renderItem","keyExtractor","body_row","Button","borderWidth","borderColor","brand","cobalt","marginRight","onPress","weight","disabled","is_ready","highlight400","opacity","is_loading","ActivityIndicator","_default","exports"],"sourceRoot":"../../../../src","sources":["Squares/components/OfferForm.tsx"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_BidToggle","_Themed","_useColors","e","__esModule","default","OfferForm","player_id","player_balance","market_type","squares","submit_ready","home_abbr","away_abbr","player_squares","draft_square_offers","onRequestAuthenticate","onOfferAmountChange","onClearOffers","onSubmitOffer","Colors","useColors","cl","total_offer_amount","reduce","a","b","amount","can_submit","balance","renderDraftOffers","data","ps","find","psQ","sq_player_square_id","item","createElement","Fragment","square","s","sq_square_id","View","transparent","style","flex","flexDirection","alignItems","marginBottom","Text","theme","square_score_x","square_score_y","purchase_price","toFixed","onAmountChange","dir","float","type","padding","borderTopRightRadius","borderTopLeftRadius","buy_sell_ind","marginTop","height","width","borderRadius","justifyContent","marginLeft","size","color","text","h1","textAlign","length","FlatList","sort","parseInt","renderItem","keyExtractor","borderBottomRightRadius","borderBottomLeftRadius","Button","title","onPress","disabled","is_loading","loading","opacity","backgroundColor","is_ready","success","action","weight","white","_default","exports"],"sourceRoot":"../../../../src","sources":["Squares/components/OfferForm.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Squares/components/SquareOfferCard.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 _styles = require("../../constants/styles");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+var _Themed = require("../../Components/Themed");
+var _useColors = require("../../constants/useColors");
+var _ConfirmAlert = require("../../Components/ConfirmAlert");
+var _reactNative = require("react-native");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const SquareOfferCard = ({
   player_id,
+  offer_owner,
   square,
   player_square,
   square_offer,
@@ -21,7 +21,9 @@ const SquareOfferCard = ({
   home_abbr,
   onRequestAuthenticate
 }) => {
+  const Colors = (0, _useColors.useColors)();
   const [loading, setLoading] = (0, _react.useState)(false);
+  const [hidden, setHidden] = (0, _react.useState)(false);
   const handleResponse = async response => {
     if (loading) {
       return;
@@ -38,6 +40,9 @@ const SquareOfferCard = ({
         });
         break;
       case 'rejected':
+        if (square_offer.buy_sell_ind == 'sell') {
+          return setHidden(true);
+        }
         await _api.SquaresApi.offserSquare({
           ...square_offer,
           status: 'rejected'
@@ -54,158 +59,166 @@ const SquareOfferCard = ({
     }
     setLoading(false);
   };
+  const handleConfirmResponse = response => {
+    (0, _ConfirmAlert.showConfirmAlert)('Are you sure?', 'Your response is final and cannot be modified', () => handleResponse(response), () => console.log(''));
+  };
+  if (hidden) {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
+  }
   const cl = square_offer.market_type === 'FOR_MONEY' ? '$' : 'E';
   const mine = square_offer.offerer_id == player_id ? true : false;
-  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
     style: {
-      ..._styles.view_styles.section,
       minWidth: 250,
-      flex: 1
+      maxWidth: 275,
+      flexGrow: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
     style: {
-      ..._styles.view_styles.section_header,
-      backgroundColor: square_offer.buy_sell_ind == 'buy' ? _colors.default.brand.midnight : _colors.default.brand.cyan
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    style: {
-      flex: 1
-    },
-    size: 16,
-    weight: "bold",
-    color: _colors.default.shades.white
-  }, "Squares", square_offer.buy_sell_ind === 'sell' ? ' Sale' : ' Buy', " Offer")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.view_styles.section_body
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.view_styles.body_row
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+  }, offer_owner ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true,
     style: {
-      flex: 1
+      padding: 2,
+      marginRight: 5,
+      borderRadius: 100
+    }
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.Image, {
+    source: {
+      uri: offer_owner.profile_pic
     },
-    theme: "body"
-  }, "Square"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, home_abbr ?? '', ": ", square.square_score_x, ", ", away_abbr ?? '', ": ", square.square_score_y)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.view_styles.body_row
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
     style: {
-      flex: 1
+      height: 35,
+      width: 35,
+      borderRadius: 100
     },
-    theme: "body"
-  }, "Purchased For"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, cl, player_square.purchase_price.toFixed(2))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: _styles.view_styles.body_row
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
+    resizeMode: "cover"
+  })) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
     style: {
       flex: 1
-    },
-    theme: "body"
-  }, "Offer Amount"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    theme: "header_2"
-  }, cl, square_offer.amount.toFixed(2)))), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
-    style: {
-      ..._styles.view_styles.section_footer,
-      backgroundColor: square_offer.buy_sell_ind == 'buy' ? _colors.default.brand.midnight : _colors.default.brand.cyan
     }
-  }, mine ? /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Squares", square_offer.buy_sell_ind === 'sell' ? ' Sale' : ' Buy', " Offer"), square_offer.buy_sell_ind == 'sell' && mine ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, "This is your sell offer. Other players can buy this square for the price noted below") : square_offer.buy_sell_ind == 'sell' && !mine ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, "This is a sale offer from another user. You can buy their square for the stated price right now") : square_offer.buy_sell_ind == 'buy' && !mine ? /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, "This is an offer from another user to purchase your square.  Sell or reject the offer below") : /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, "This is your buy offer.  The owner can accept or reject your offer"))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    type: "body",
+    style: {
+      padding: 5,
+      flexGrow: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    type: "row",
     style: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      borderBottomRightRadius: 10,
-      borderBottomLeftRadius: 10
+      padding: 5,
+      borderBottomWidth: 1,
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
-      flex: 1,
-      maxWidth: 140
+      flex: 1
+    },
+    theme: "description"
+  }, "Square"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
+  }, home_abbr ?? '', ": ", square.square_score_x, ", ", away_abbr ?? '', ": ", square.square_score_y)), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    type: "row",
+    style: {
+      padding: 5,
+      borderBottomWidth: 1,
+      borderColor: Colors.borders.light
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    color: _colors.default.shades.white,
-    weight: "semibold"
-  }, "WITHDRAW OFFER?"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    color: _colors.default.shades.white,
-    weight: "regular"
-  }, "Do you wish to withdraw this offer?")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingLeft: 10
+      flex: 1
+    },
+    theme: "description"
+  }, "Purchased For"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h2"
+  }, cl, player_square.purchase_price.toFixed(2))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    type: "row",
+    style: {
+      padding: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
     style: {
-      flex: 1,
-      borderWidth: 1,
-      borderColor: _colors.default.shades.white,
-      borderRadius: 60,
-      padding: 10,
-      marginLeft: 4
+      flex: 1
     },
-    onPress: () => handleResponse('withdrawn')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    weight: "semibold",
-    textAlign: "center",
-    color: _colors.default.shades.white
-  }, "Withdraw")))) : /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    theme: "description"
+  }, "Offer Amount"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1",
+    color: Colors.text.success
+  }, cl, square_offer.amount.toFixed(2)))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
     style: {
       flexDirection: 'row',
       alignItems: 'center',
-      borderBottomRightRadius: 10,
-      borderBottomLeftRadius: 10
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8,
+      padding: 10
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, mine ? /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
+    transparent: true,
     style: {
-      flex: 1,
-      maxWidth: 140
+      flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    color: _colors.default.shades.white,
-    weight: "semibold"
-  }, "ACCEPT OFFER?"), /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    color: _colors.default.shades.white,
-    weight: "regular"
-  }, "Do you wish to sell your square for this offer?")), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "error",
+    loading: loading,
+    title: "WITHDRAW",
     style: {
-      flexDirection: 'row',
-      alignItems: 'center',
-      paddingLeft: 10
+      flex: 1,
+      padding: 12,
+      opacity: loading ? 0.5 : 1
+    },
+    onPress: () => handleConfirmResponse('withdrawn')
+  })) : /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "row",
+    transparent: true,
+    style: {
+      flex: 1
     }
-  }, /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
     style: {
       flex: 1,
-      borderRadius: 60,
-      padding: 10,
-      marginRight: 4,
-      backgroundColor: _colors.default.shades.white
+      padding: 12,
+      opacity: loading ? 0.5 : 1
     },
-    onPress: () => handleResponse('accepted')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    weight: "semibold",
-    textAlign: "center",
-    color: _colors.default.brand.midnight
-  }, "Accept")), /*#__PURE__*/_react.default.createElement(_reactNative.TouchableOpacity, {
+    type: "error",
+    loading: loading,
+    title: "DECLINE",
+    onPress: () => handleConfirmResponse('rejected')
+  }), /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    type: "success",
+    loading: loading,
+    title: "ACCEPT",
     style: {
       flex: 1,
-      borderWidth: 1,
-      borderColor: _colors.default.shades.white,
-      borderRadius: 60,
-      padding: 10,
-      minWidth: 75,
-      marginLeft: 4
+      padding: 12,
+      marginLeft: 5,
+      opacity: loading ? 0.5 : 1
     },
-    onPress: () => handleResponse('rejected')
-  }, /*#__PURE__*/_react.default.createElement(_Components.Text, {
-    size: 12,
-    weight: "semibold",
-    textAlign: "center",
-    color: _colors.default.shades.white
-  }, "Decline"))))));
+    onPress: () => handleConfirmResponse('accepted')
+  }))));
 };
 var _default = exports.default = SquareOfferCard;
 //# sourceMappingURL=SquareOfferCard.js.map