[DDW-1076] Add coin selection log

Author: renanvalentin

source/renderer/app/components/wallet/WalletSendForm.tsx

@@ -108,7 +108,7 @@ type Props = {
   walletName: string;
   onTokenPickerDialogOpen: (...args: Array<any>) => any;
   onTokenPickerDialogClose: (...args: Array<any>) => any;
-  confirmationDialogData?: Omit<FormData, 'coinSelection'>;
+  confirmationDialogData?: FormData;
   validationDebounceWait?: number;
 };
 
@@ -1351,6 +1351,7 @@ class WalletSendForm extends Component<Props, State> {
               currencyMaxFractionalDigits
             )}
             adaAmount={confirmationDialogData.adaAmount}
+            coinSelection={confirmationDialogData.coinSelection}
           />
         ) : null}
 

source/renderer/app/containers/wallet/WalletSendPage.tsx

@@ -18,7 +18,7 @@ import { CoinSelectionsResponse } from '../../api/transactions/types';
 
 type Props = InjectedProps;
 type State = {
-  formData: Omit<FormData, 'coinSelection'>;
+  formData: FormData;
 };
 
 @inject('stores', 'actions')
@@ -100,7 +100,7 @@ class WalletSendPage extends Component<Props, State> {
       });
     }
 
-    this.setState({ formData: data });
+    this.setState({ formData: { ...data, coinSelection } });
   };
 
   openTokenPickerDialog = () => {

source/renderer/app/containers/wallet/dialogs/send-confirmation/SendConfirmation.container.tsx

@@ -19,6 +19,7 @@ export const Containter = ({
   isHardwareWallet,
   formattedTotalAmount,
   adaAmount,
+  coinSelection,
 }: Props) => {
   const { isFlight } = global;
   const {
@@ -113,6 +114,7 @@ export const Containter = ({
       onTermsCheckboxClick={onTermsCheckboxClick}
       onExternalLinkClick={onExternalLinkClick}
       adaAmount={adaAmount}
+      coinSelection={coinSelection}
     />
   );
 };

source/renderer/app/containers/wallet/dialogs/send-confirmation/SendConfirmation.view.tsx

@@ -48,6 +48,7 @@ const View = ({
   onTermsCheckboxClick,
   onCopyAssetParam,
   adaAmount,
+  coinSelection,
 }: Props) => {
   const {
     passphraseField,
@@ -106,6 +107,27 @@ const View = ({
       closeButton={<DialogCloseButton />}
     >
       <b>ada amount: {adaAmount} </b>
+      <br />
+      <b>inputs:</b>
+      <p
+        style={{
+          whiteSpace: 'break-spaces',
+          lineHeight: '20px',
+          fontSize: '14px',
+        }}
+      >
+        {JSON.stringify(coinSelection.inputs, null, 2)}
+      </p>
+      <b>outputs:</b>{' '}
+      <p
+        style={{
+          whiteSpace: 'break-spaces',
+          lineHeight: '20px',
+          fontSize: '14px',
+        }}
+      >
+        {JSON.stringify(coinSelection.outputs, null, 2)}
+      </p>
       {shouldShowEmptyWalletWarning(
         totalAmount,
         wallet,

source/renderer/app/containers/wallet/dialogs/send-confirmation/types.ts

@@ -1,5 +1,6 @@
 import BigNumber from 'bignumber.js';
 import { Field } from 'mobx-react-form';
+import { CoinSelectionsResponse } from 'source/renderer/app/api/transactions/types';
 import { Intl } from '../../../../types/i18nTypes';
 import { StoresMap } from '../../../../stores/index';
 import { ActionsMap } from '../../../../actions/index';
@@ -19,6 +20,7 @@ type CommonProps = {
   transactionFee: string | null | undefined;
   onExternalLinkClick: (...args: Array<any>) => any;
   adaAmount?: number;
+  coinSelection?: CoinSelectionsResponse;
 };
 
 export type ContainerProps = CommonProps & {