feat: add error message for overspend atttempts and spam

Author: denengineer

app/sources/src/components/PaymentConfirmation/view.js

@@ -259,12 +259,37 @@ export class PaymentConfirmation extends Component {
                 denominations[selectedDenomination].toString({
                   omitDirection: true,
                 }).fees,
+              pendingRequestsSum:
+                payments.estimate.error.pendingRequestsSum &&
+                denominations[selectedDenomination].stringify(
+                  payments.estimate.error.pendingRequestsSum *
+                    denominations[selectedDenomination].price,
+                  { omitDirection: true },
+                ),
             })}
           </Message>
         )}
         {payments.send.error && (
           <Message type="error">
-            {t([`errors.${payments.send.error.code}`, 'errors.default'])}
+            {t([`errors.${payments.send.error.code}`, 'errors.default'], {
+              amountString:
+                denominations &&
+                denominations[selectedDenomination].toString({
+                  omitDirection: true,
+                }).amount,
+              feeString:
+                denominations &&
+                denominations[selectedDenomination].toString({
+                  omitDirection: true,
+                }).fees,
+              pendingRequestsSum:
+                payments.send.error.pendingRequestsSum &&
+                denominations[selectedDenomination].stringify(
+                  payments.send.error.pendingRequestsSum *
+                    denominations[selectedDenomination].price,
+                  { omitDirection: true },
+                ),
+            })}
           </Message>
         )}
         {payment.description ? (

app/sources/src/components/common/Message.js

@@ -15,6 +15,7 @@ import styled from 'styled-components';
 
 export const Message = styled.div`
   word-break: break-word;
+  white-space: pre-wrap;
   display: flex;
   flex-direction: column;
   width: 100%;

app/sources/src/locales/en.js

@@ -61,12 +61,16 @@ export default {
     '422MWA00': 'Invoice is already expired',
     '403RPA01':
       'You do not have enough balance to pay {{amountString}} with {{feeString}} payment fees',
+    '403RPA07':
+      'You have unfinished payment requests for {{pendingRequestsSum}} and your balance is not enough to pay them and {{amountString}} with {{feeString}} payment fees',
+    '403RPA06': 'You trying to send payments too often.\nNeed to send frequently? Contact us!',
     default: 'Oops, something went wrong',
   },
   tips: {
     fees: {
       lightning: 'We are charging 0.5% fee\nfor all lightning payments you send',
-      blockchain: 'We are charging 0.5% fee\n+ fixed 0.00006 BTC fee\nfor all blockchain payments you send',
+      blockchain:
+        'We are charging 0.5% fee\n+ fixed 0.00006 BTC fee\nfor all blockchain payments you send',
     },
   },
   account: {