tg-core-components 5.4.3-bethard-account-changes.0 → 5.5.0-master

package/es/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js

@@ -1,18 +1,15 @@
 var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
-
 import React from 'react';
 import { injectIntl } from 'react-intl';
 import identity from 'lodash/identity';
+import Input from '../../../../components/Deposit/TextInput';
+import Select from '../../../../components/Deposit/Select';
 import * as Parser from '../../Payment/PaymentAccountParser';
+import CardInput from '../../../../components/Deposit/CardInput';
 import astroPayBankTransaltions from './astroPayBankTransaltions';
 import getByPath from 'lodash/get';
 import translate from '../../../../lib/utils/translate';
-import Input from '../../../../components/Input';
-import Select from '../../../../components/Select';
-
-import Payment from 'payment';
 
 var injectMethod = function injectMethod(newProps, BaseComponent) {
   return function (props) {
@@ -20,57 +17,27 @@ var injectMethod = function injectMethod(newProps, BaseComponent) {
   };
 };
 
-var formatCreditCardNumber = function formatCreditCardNumber(value) {
-  value = value.replace(/[^\d|\*]/g, '');
-  var issuer = Payment.fns.cardType(value);
-  switch (issuer) {
-    case 'amex':
-      value = value.slice(0, 4) + ' ' + value.slice(4, 10) + ' ' + value.slice(10, 15);
-      break;
-    case 'dinersclub':
-      value = value.slice(0, 4) + ' ' + value.slice(4, 8) + ' ' + value.slice(8, 12) + ' ' + value.slice(12, 14);
-      break;
-    default:
-      value = value.slice(0, 4) + ' ' + value.slice(4, 8) + ' ' + value.slice(8, 12) + ' ' + value.slice(12, 16);
-      break;
-  }
-  return value.trim();
-};
-
 var Creditcard = function Creditcard(_ref) {
   var account = _ref.account,
       intl = _ref.intl,
       method = _ref.method,
-      provider = _ref.provider,
-      change = _ref.change,
-      values = _ref.values;
+      provider = _ref.provider;
 
   return React.createElement(
     'div',
-    null,
-    React.createElement(Input, {
+    { className: 'payment-account-info' },
+    React.createElement(CardInput, {
+      className: 'layout-item-12',
       disabled: account.accountId,
-      transform: function transform(creditCardNumber) {
-        return formatCreditCardNumber(creditCardNumber);
-      },
-      value: values['cardNumber'],
-      onChange: function onChange(e, creditCardNumber) {
-        return change && change('cardNumber', creditCardNumber);
-      },
       name: 'cardNumber',
       label: translate({ id: 'cashier.details.cardNumber' }, intl),
       required: !account.accountId,
-      inputmode: 'numeric',
+      type: 'number',
       autocomplete: 'cc-number',
       autoFocus: !account.accountId
     }),
-    React.createElement(Input, {
+    React.createElement(CardInput, {
       disabled: account.accountId,
-      value: values['cardHolder'],
-      onChange: function onChange(e, cardHolder) {
-        return change && change('cardHolder', cardHolder);
-      },
-      pattern: '[^0-9]*',
       name: 'cardHolder',
       type: 'cardHolder',
       autocomplete: 'cc-name',
@@ -80,17 +47,9 @@ var Creditcard = function Creditcard(_ref) {
     React.createElement(
       'div',
       { className: 'layout-item' },
-      React.createElement(Input, {
+      React.createElement(CardInput, {
+        className: method === 'deposit' ? 'layout-item-6' : 'layout-item-12',
         name: 'expiryDate',
-        pattern: '(?:0[1-9]|1[0-2])/[0-9]{2}',
-        value: values['expiryDate'],
-        onChange: function onChange(e, expiryDate) {
-          return change && change('expiryDate', expiryDate);
-        },
-        transform: function transform(expirationDate) {
-          expirationDate = expirationDate.replace(/\D+/g, '');
-          return expirationDate.length >= 3 ? expirationDate.slice(0, 2) + '/' + expirationDate.slice(2, 4) : expirationDate;
-        },
         disabled: account.accountId,
         label: translate({ id: 'cashier.details.validThruDate' }, intl),
         required: !account.accountId,
@@ -98,16 +57,9 @@ var Creditcard = function Creditcard(_ref) {
         autocomplete: 'cc-exp',
         placeholder: 'MM/YY'
       }),
-      method === 'deposit' && React.createElement(Input, {
+      method === 'deposit' && React.createElement(CardInput, {
+        className: 'layout-item-6',
         name: 'cvv',
-        pattern: '\\d{3,4}',
-        value: values['cvv'],
-        onChange: function onChange(e, cvv) {
-          return change && change('cvv', cvv);
-        },
-        transform: function transform(cvv) {
-          return cvv.slice(0, 4);
-        },
         label: translate({ id: 'cashier.details.cvv' }, intl),
         required: true,
         type: 'cvv',
@@ -122,29 +74,19 @@ var Creditcard = function Creditcard(_ref) {
 var Neteller = function Neteller(_ref2) {
   var account = _ref2.account,
       intl = _ref2.intl,
-      method = _ref2.method,
-      change = _ref2.change,
-      values = _ref2.values;
+      method = _ref2.method;
 
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, {
       disabled: account.accountId,
-      value: values['account'],
-      onChange: function onChange(e, account) {
-        return change('account', account);
-      },
       name: 'account',
       label: translate({ id: 'cashier.details.account' }, intl),
       required: true
     }),
     method === 'deposit' && React.createElement(Input, {
       name: 'secureId',
-      value: values['secureId'],
-      onChange: function onChange(e, secureId) {
-        return change('secureId', secureId);
-      },
       label: translate({ id: 'cashier.details.secureId' }, intl),
       type: 'number',
       required: true
@@ -153,30 +95,21 @@ var Neteller = function Neteller(_ref2) {
 };
 
 var VenusPoint = function VenusPoint(_ref3) {
-  var _React$createElement;
-
   var account = _ref3.account,
-      intl = _ref3.intl,
-      change = _ref3.change,
-      values = _ref3.values;
+      intl = _ref3.intl;
 
   return React.createElement(
     'div',
-    null,
-    React.createElement(Input, (_React$createElement = {
+    { className: 'payment-account-info' },
+    React.createElement(Input, {
       disabled: account.accountId,
       name: 'username',
-      value: values['username'],
-      onChange: function onChange(e, username) {
-        return change('username', username);
-      }
-    }, _defineProperty(_React$createElement, 'value', account.maskedAccount), _defineProperty(_React$createElement, 'label', translate({ id: 'cashier.details.username' }, intl)), _React$createElement)),
+      value: account.maskedAccount,
+      label: translate({ id: 'cashier.details.username' }, intl)
+    }),
     React.createElement(Input, {
       type: 'password',
       name: 'password',
-      onChange: function onChange(e, password) {
-        return change('password', password);
-      },
       label: translate({ id: 'cashier.details.password' }, intl)
     })
   );
@@ -185,27 +118,21 @@ var VenusPoint = function VenusPoint(_ref3) {
 var PPro = function PPro() {
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, { type: 'hidden', name: 'service', value: 'GIROPAY' })
   );
 };
 
 var PhoneNumber = function PhoneNumber(_ref4) {
   var account = _ref4.account,
-      intl = _ref4.intl,
-      change = _ref4.change,
-      values = _ref4.values;
+      intl = _ref4.intl;
 
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, {
       disabled: account.accountId,
       name: 'phoneNumber',
-      value: values['phoneNumber'],
-      onChange: function onChange(e, phoneNumber) {
-        return change('phoneNumber', phoneNumber);
-      },
       label: translate({ id: 'cashier.details.phoneNumber' }, intl),
       required: true
     })
@@ -214,20 +141,14 @@ var PhoneNumber = function PhoneNumber(_ref4) {
 
 var Email = function Email(_ref5) {
   var account = _ref5.account,
-      intl = _ref5.intl,
-      change = _ref5.change,
-      values = _ref5.values;
+      intl = _ref5.intl;
 
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, {
       disabled: account.accountId,
       name: 'email',
-      value: values['email'],
-      onChange: function onChange(e, email) {
-        return change('email', email);
-      },
       label: translate({ id: 'cashier.details.email' }, intl),
       required: true
     })
@@ -236,26 +157,19 @@ var Email = function Email(_ref5) {
 
 var Banklocal = function Banklocal(_ref6) {
   var account = _ref6.account,
-      intl = _ref6.intl,
-      change = _ref6.change;
+      intl = _ref6.intl;
 
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, {
       value: account.accountId ? account.maskedAccount.replace(/-\d*/g, '') : undefined,
-      onChange: function onChange(e, clearingNumber) {
-        return change('clearingNumber', clearingNumber);
-      },
       name: 'clearingNumber',
       label: translate({ id: 'cashier.details.clearingNumber' }, intl),
       disabled: account.accountId
     }),
     React.createElement(Input, {
       value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : undefined,
-      onChange: function onChange(e, accountNumber) {
-        return change('accountNumber', accountNumber);
-      },
       name: 'accountNumber',
       label: translate({ id: 'cashier.details.accountNumber' }, intl),
       disabled: account.accountId
@@ -265,19 +179,14 @@ var Banklocal = function Banklocal(_ref6) {
 
 var BankIBAN = function BankIBAN(_ref7) {
   var account = _ref7.account,
-      intl = _ref7.intl,
-      change = _ref7.change,
-      values = _ref7.values;
+      intl = _ref7.intl;
 
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, {
       required: true,
       value: account.accountId ? account.maskedAccount.replace(/^\S* /g, '') : undefined,
-      onChange: function onChange(e, iban) {
-        return change('iban', iban);
-      },
       name: 'iban',
       label: translate({ id: 'cashier.details.iban' }, intl),
       disabled: account.accountId
@@ -285,28 +194,17 @@ var BankIBAN = function BankIBAN(_ref7) {
     React.createElement(Input, {
       required: true,
       value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : undefined,
-      onChange: function onChange(e, bic) {
-        return change('bic', bic);
-      },
       name: 'bic',
       label: translate({ id: 'cashier.details.bic' }, intl),
       disabled: account.accountId
     }),
     React.createElement(Input, {
       required: true,
-      value: values['beneficiaryName'],
-      onChange: function onChange(e, beneficiaryName) {
-        return change('beneficiaryName', beneficiaryName);
-      },
       name: 'beneficiaryName',
       label: translate({ id: 'cashier.details.beneficiaryName' }, intl)
     }),
     React.createElement(Input, {
       required: true,
-      value: values['bankName'],
-      onChange: function onChange(e, bankName) {
-        return change('bankName', bankName);
-      },
       name: 'bankName',
       label: translate({ id: 'cashier.details.bankName' }, intl)
     })
@@ -318,9 +216,7 @@ var AstroPayBank = function AstroPayBank(_ref8) {
       intl = _ref8.intl,
       country = _ref8.country,
       method = _ref8.method,
-      detail = _ref8.detail,
-      change = _ref8.change,
-      values = _ref8.values;
+      detail = _ref8.detail;
 
   var translateMap = function translateMap(category) {
     return function (value) {
@@ -341,188 +237,104 @@ var AstroPayBank = function AstroPayBank(_ref8) {
 
   return React.createElement(
     'div',
-    null,
-    method === 'withdraw' && methodDetails.idTypes && methodDetails.idTypes.length > 1 && React.createElement(
-      Select,
-      {
-        required: true,
-        name: 'nationalIdType',
-        value: values['nationalIdType'],
-        onChange: function onChange(e, nationalIdType) {
-          return change('nationalIdType', nationalIdType);
-        },
-        label: translate({
-          id: 'cashier.details.idType',
-          defaultMessage: 'nationalIdType'
-        }, intl) },
-      !values['nationalIdType'] && React.createElement(
-        Select.Option,
-        { value: '', selected: true, disabled: true },
-        translate({
-          id: 'cashier.details.idType',
-          defaultMessage: 'nationalIdType'
-        }, intl)
-      ),
-      methodDetails.idTypes.map(translateMap('idTypes')).map(function (s) {
-        return React.createElement(
-          Select.Option,
-          { value: s.value },
-          s.label
-        );
-      })
-    ),
+    { className: 'payment-account-info' },
+    method === 'withdraw' && methodDetails.idTypes && methodDetails.idTypes.length > 1 && React.createElement(Select, {
+      required: true,
+      name: 'nationalIdType',
+      label: translate({
+        id: 'cashier.details.idType',
+        defaultMessage: 'nationalIdType'
+      }, intl),
+      defaultOptionLabel: translate({
+        id: 'cashier.details.select-nationalIdType',
+        defaultMessage: 'select nationalIdType'
+      }, intl),
+      options: methodDetails.idTypes.map(translateMap('idTypes'))
+    }),
     React.createElement(Input, {
       required: true,
       name: 'nationalId',
-      value: values['nationalId'],
-      onChange: function onChange(e, nationalId) {
-        return change('nationalId', nationalId);
-      },
       label: translate({
         id: 'cashier.details.nationalId',
         defaultMessage: 'nationalId'
       }, intl)
     }),
-    method === 'withdraw' && methodDetails.banks && methodDetails.banks.length > 1 && React.createElement(
-      Select,
-      {
-        required: true,
-        name: 'bankCode',
-        value: values['bankCode'],
-        onChange: function onChange(e, bankCode) {
-          return change('bankCode', bankCode);
-        },
-        label: translate({
-          id: 'cashier.details.bankCode',
-          defaultMessage: 'bankCode'
-        }, intl) },
-      !values['bankCode'] && React.createElement(
-        Select.Option,
-        { value: '', selected: true, disabled: true },
-        translate({
-          id: 'cashier.details.bankCode',
-          defaultMessage: 'bankCode'
-        }, intl)
-      ),
-      methodDetails.banks.map(translateMap('banks' + country)).map(function (s) {
-        return React.createElement(
-          Select.Option,
-          { value: s.value },
-          s.label
-        );
-      })
-    ),
+    method === 'withdraw' && methodDetails.banks && methodDetails.banks.length > 1 && React.createElement(Select, {
+      required: true,
+      name: 'bankCode',
+      label: translate({
+        id: 'cashier.details.bankCode',
+        defaultMessage: 'bankCode'
+      }, intl),
+      defaultOptionLabel: translate({
+        id: 'cashier.details.select-bankCode',
+        defaultMessage: 'select bankCode'
+      }, intl),
+      options: methodDetails.banks.map(translateMap('banks' + country))
+    }),
     method === 'withdraw' && ['BR', 'UY', 'IN'].includes(country) && React.createElement(Input, {
       required: true,
       name: 'bankBranch',
-      value: values['bankBranch'],
-      onChange: function onChange(e, bankBranch) {
-        return change('bankBranch', bankBranch);
-      },
       label: translate({
         id: 'cashier.details.bankBranch',
         defaultMessage: 'bankBranch'
       }, intl)
     }),
-    method === 'withdraw' && methodDetails.accountTypes && methodDetails.accountTypes.length > 1 && React.createElement(
-      Select,
-      {
-        required: true,
-        name: 'accountType',
-        value: values['accountType'],
-        onChange: function onChange(e, accountType) {
-          return change('accountType', accountType);
-        },
-        label: translate({
-          id: 'cashier.details.accountType',
-          defaultMessage: 'account type'
-        }, intl) },
-      !values['accountType'] && React.createElement(
-        Select.Option,
-        { value: '', selected: true, disabled: true },
-        translate({
-          id: 'cashier.details.accountType',
-          defaultMessage: 'account type'
-        }, intl)
-      ),
-      methodDetails.accountTypes.map(translateMap('accountTypes')).map(function (s) {
-        return React.createElement(
-          Select.Option,
-          { value: s.value },
-          s.label
-        );
-      })
-    ),
+    method === 'withdraw' && methodDetails.accountTypes && methodDetails.accountTypes.length > 1 && React.createElement(Select, {
+      required: true,
+      name: 'accountType',
+      label: translate({
+        id: 'cashier.details.accountType',
+        defaultMessage: 'account type'
+      }, intl),
+      defaultOptionLabel: translate({
+        id: 'cashier.details.select-account-type',
+        defaultMessage: 'select account type'
+      }, intl),
+      options: methodDetails.accountTypes.map(translateMap('accountTypes'))
+    }),
     method === 'withdraw' && React.createElement(Input, {
       required: true,
       name: 'bankAccount',
-      value: values['bankAccount'],
-      onChange: function onChange(e, bankAccount) {
-        return change('bankAccount', bankAccount);
-      },
       label: translate({
         id: 'cashier.details.bankAccount',
         defaultMessage: 'bankAccount'
       }, intl)
     }),
-    method === 'deposit' && methodDetails.services && methodDetails.services.length > 1 && React.createElement(
-      Select,
-      {
-        required: true,
-        name: 'service',
-        value: values['service'],
-        onChange: function onChange(e, service) {
-          return change('service', service);
-        },
-        label: translate({
-          id: 'cashier.details.service',
-          defaultMessage: 'service'
-        }, intl) },
-      !values['service'] && React.createElement(
-        Select.Option,
-        { value: '', selected: true, disabled: true },
-        translate({
-          id: 'cashier.details.service',
-          defaultMessage: 'service'
-        }, intl)
-      ),
-      methodDetails.services.map(translateMap('services')).map(function (s) {
-        return React.createElement(
-          Select.Option,
-          { value: s.value },
-          s.label
-        );
-      })
-    )
+    method === 'deposit' && methodDetails.services && methodDetails.services.length > 1 && React.createElement(Select, {
+      required: true,
+      name: 'service',
+      label: translate({
+        id: 'cashier.details.service',
+        defaultMessage: 'service'
+      }, intl),
+      defaultOptionLabel: translate({
+        id: 'cashier.details.select-service',
+        defaultMessage: 'select service'
+      }, intl),
+      options: methodDetails.services.map(translateMap('services'))
+    })
   );
 };
 
 var BankIntl = function BankIntl(_ref9) {
   var account = _ref9.account,
-      intl = _ref9.intl,
-      values = _ref9.values,
-      change = _ref9.change;
+      intl = _ref9.intl;
 
   return React.createElement(
     'div',
     { className: 'payment-account-info' },
     React.createElement(Input, {
-      required: true,
+      value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : undefined,
       name: 'accountNumber',
-      value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : values['accountNumber'],
-      onChange: function onChange(e, accountNumber) {
-        return change('accountNumber', accountNumber);
-      },
       label: translate({ id: 'cashier.details.accountNumber' }, intl),
-      disabled: account.accountId
+      disabled: account.accountId,
+      required: true
     }),
     React.createElement(Input, {
       required: true,
+      value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : undefined,
       name: 'bic',
-      value: account.accountId ? account.maskedAccount.replace(/\s(.*)/g, '') : values['bic'],
-      onChange: function onChange(e, bic) {
-        return change('bic', bic);
-      },
       label: translate({ id: 'cashier.details.bic' }, intl),
       disabled: account.accountId
     })
@@ -532,9 +344,7 @@ var BankIntl = function BankIntl(_ref9) {
 var CryptoCurrency = function CryptoCurrency(_ref10) {
   var intl = _ref10.intl,
       detail = _ref10.detail,
-      method = _ref10.method,
-      values = _ref10.values,
-      change = _ref10.change;
+      method = _ref10.method;
 
   var methodDetails = {
     cryptoCurrencies: getByPath(detail, 'config.cryptoCurrencies', [])
@@ -543,42 +353,27 @@ var CryptoCurrency = function CryptoCurrency(_ref10) {
   return React.createElement(
     'div',
     { className: 'payment-account-info' },
-    methodDetails.cryptoCurrencies.length > 0 && React.createElement(
-      Select,
-      {
-        required: true,
-        name: 'cryptoCurrency',
-        value: values['cryptoCurrency'],
-        onChange: function onChange(e, cryptoCurrency) {
-          return change('cryptoCurrency', cryptoCurrency);
-        },
-        label: translate({
-          id: 'cashier.details.cryptoCurrency',
-          defaultMessage: 'Crypto currency'
-        }, intl) },
-      !values['cryptoCurrency'] && React.createElement(
-        Select.Option,
-        { value: '', selected: true, disabled: true },
-        translate({
-          id: 'cashier.details.select-cryptoCurrency',
-          defaultMessage: 'Select crypto currency'
-        }, intl)
-      ),
-      methodDetails.cryptoCurrencies.map(function (cryptoCurrency) {
-        return React.createElement(
-          Select.Option,
-          { value: cryptoCurrency },
-          cryptoCurrency
-        );
+    methodDetails.cryptoCurrencies.length > 0 && React.createElement(Select, {
+      required: true,
+      name: 'cryptoCurrency',
+      label: translate({
+        id: 'cashier.details.cryptoCurrency',
+        defaultMessage: 'Crypto currency'
+      }, intl),
+      defaultOptionLabel: translate({
+        id: 'cashier.details.select-cryptoCurrency',
+        defaultMessage: 'Select crypto currency'
+      }, intl),
+      options: methodDetails.cryptoCurrencies.map(function (cryptoCurrency) {
+        return {
+          label: cryptoCurrency,
+          value: cryptoCurrency
+        };
       })
-    ),
+    }),
     method === 'withdraw' && React.createElement(Input, {
       required: true,
       name: 'walletAddress',
-      value: values['walletAddress'],
-      onChange: function onChange(e, walletAddress) {
-        return change('walletAddress', walletAddress);
-      },
       label: translate({
         id: 'cashier.details.walletAddress',
         defaultMessage: 'Wallet address'
@@ -589,74 +384,85 @@ var CryptoCurrency = function CryptoCurrency(_ref10) {
 
 var Jeton = function Jeton(_ref11) {
   var account = _ref11.account,
-      intl = _ref11.intl,
-      values = _ref11.values,
-      change = _ref11.change;
+      intl = _ref11.intl;
 
   return React.createElement(
     'div',
     { className: 'payment-account-info' },
     React.createElement(Input, {
-      required: true,
+      value: account.maskedAccount,
       name: 'customerNumber',
-      value: account.maskedAccount || values['customerNumber'],
-      onChange: function onChange(e, customerNumber) {
-        return change('customerNumber', customerNumber);
-      },
       label: translate({ id: 'cashier.details.customerNumber' }, intl),
-      disabled: account.accountId
+      disabled: account.accountId,
+      required: true
     })
   );
 };
 
 var BestPay = function BestPay(_ref12) {
   var account = _ref12.account,
-      intl = _ref12.intl,
-      values = _ref12.values,
-      change = _ref12.change;
+      intl = _ref12.intl;
 
   return React.createElement(
     'div',
     { className: 'payment-account-info' },
     React.createElement(Input, {
-      required: true,
+      value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : undefined,
       name: 'accountNumber',
-      value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : values['accountNumber'],
-      onChange: function onChange(e, accountNumber) {
-        return change('accountNumber', accountNumber);
-      },
       label: translate({ id: 'cashier.details.accountNumber' }, intl),
-      disabled: account.accountId
+      disabled: account.accountId,
+      required: true
     }),
     React.createElement(Input, {
-      required: true,
       name: 'swiftCode',
-      value: values['swiftCode'],
-      onChange: function onChange(e, swiftCode) {
-        return change('swiftCode', swiftCode);
-      },
-      label: translate({ id: 'cashier.details.swiftCode' }, intl)
+      label: translate({ id: 'cashier.details.swiftCode' }, intl),
+      required: true
     })
   );
 };
 
-var Mifinity = function Mifinity(_ref13) {
+var EzeeWallet = function EzeeWallet(_ref13) {
   var account = _ref13.account,
       intl = _ref13.intl,
-      change = _ref13.change,
-      values = _ref13.values;
+      method = _ref13.method;
 
   return React.createElement(
     'div',
-    null,
+    { className: 'payment-account-info' },
     React.createElement(Input, {
+      required: true,
+      name: 'walletId',
+      label: translate({
+        id: 'cashier.details.walletId',
+        defaultMessage: 'Wallet ID'
+      }, intl),
       disabled: account.accountId,
-      value: values['destinationAccount'],
-      onChange: function onChange(e, account) {
-        return change('destinationAccount', account);
-      },
+      value: account.maskedAccount
+    }),
+    method === 'deposit' && React.createElement(Input, {
+      required: true,
+      type: 'password',
+      name: 'walletPassword',
+      label: translate({
+        id: 'cashier.details.walletPassword',
+        defaultMessage: 'Wallet password'
+      }, intl)
+    })
+  );
+};
+
+var Mifinity = function Mifinity(_ref14) {
+  var account = _ref14.account,
+      intl = _ref14.intl;
+
+  return React.createElement(
+    'div',
+    null,
+    React.createElement(Input, {
+      value: account.maskedAccount,
       name: 'destinationAccount',
-      label: translate({ id: 'cashier.details.account' }, intl),
+      label: translate({ id: 'cashier.details.accountNumber' }, intl),
+      disabled: account.accountId,
       required: true
     })
   );
@@ -725,6 +531,11 @@ export var CryptoCurrencyDeposit = {
   parser: identity
 };
 
+export var EzeeWalletDeposit = {
+  component: injectMethod({ method: 'deposit' }, injectIntl(EzeeWallet)),
+  parser: identity
+};
+
 export var ZimplerDeposit = null;
 export var BankDeposit = null;
 export var TrustlyDeposit = null;
@@ -813,9 +624,14 @@ export var AstroPayBankWithdrawal = {
   parser: identity
 };
 
+export var EzeeWalletWithdrawal = {
+  component: injectMethod({ method: 'withdraw' }, injectIntl(EzeeWallet)),
+  parser: identity
+};
+
 export var MiFinityEWalletWithdrawal = {
-  component: injectMethod({ method: 'withdraw' }, injectIntl(Mifinity)),
-  parser: Parser.parseMifinity
+  component: injectIntl(Mifinity),
+  parser: identity
 };
 
 export var ZimplerWithdrawal = null;