tg-core-components 6.2.0-alpha.0 → 6.2.0-crypto.0

package/es/components/Money/index.js

@@ -4,13 +4,25 @@ import React from 'react';
 import { FormattedNumber } from 'react-intl';
 import PropTypes from 'prop-types';
 
+/**
+ * For crypto we want more decimals.
+ */
+var fractionDigits = {
+  BTC: { min: 5, max: 5 },
+  LTC: { min: 5, max: 5 },
+  XBC: { min: 5, max: 5 },
+  ETH: { min: 5, max: 5 },
+  BCH: { min: 5, max: 5 },
+  XRP: { min: 3, max: 3 }
+};
+
 /**
  * FormattedNumber component to display currency
  */
 var Money = function Money(props) {
   return React.createElement(FormattedNumber, _extends({
-    minimumFractionDigits: props.decimals ? 2 : 0,
-    maximumFractionDigits: props.decimals ? 2 : 0
+    minimumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].min || 2 : 0,
+    maximumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].max || 2 : 0
   }, props, {
     style: 'currency'
   }));
@@ -34,4 +46,14 @@ Money.defaultProps = {
   decimals: true
 };
 
+export var format = function format(currency) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency,
+    minimumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].min : null,
+    maximumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].max : null
+  });
+};
+
 export default Money;

package/es/components/Picture/index.js

@@ -35,7 +35,7 @@ var Picture = function Picture(_ref) {
       });
     }),
     React.createElement('img', _extends({
-      src: typeof src === 'string' && src,
+      src: typeof src === 'string' ? src : undefined,
       width: width,
       height: height,
       loading: loading

package/es/index.js

@@ -51,9 +51,8 @@ import ResponsibleGamingAccordionSignUp from './widgets/ResponsibleGamingAccordi
 import ResponsibleGamingSingleSignUp from './widgets/ResponsibleGamingSingleSignUp';
 import ResponsibleGamingWidget from './widgets/ResponsibleGamingWidget';
 import VerifyAccordionWidget from './widgets/VerifyAccordionWidget';
-import BonusOffers from './widgets/BonusOffers';
 
 // misc
 import countryEmojiFlags from './misc/countryEmojiFlags';
 
-export { BonusOffers, AcceptUpdatedTaC, Alert, Button, ButtonLoader, Checklist, Icon, Image, Input, InternalMessagesInbox, Loader, Money, Notification, Radio, Select, Single, Textarea, Uploader, AccordionWidget, AccountDetail, ActivateWidget, Balance, Bonus, Deposit, Withdraw, SignUp, ChangeUsername, ChangePassword, ResetPassword, RequestResetPassword, SignIn, Pagination, Settings, TableWidget, Verify, Subscriptions, CasinoHistoryTable, PaymentHistoryTable, SportsbookHistoryTable, DepositWidgetAccordion, WithdrawWidgetAccordion, ResponsibleGamingAccordion, ResponsibleGamingAccordionSignUp, ResponsibleGamingSingleSignUp, ResponsibleGamingWidget, List, VerifyAccordionWidget, Translate, Picture, countryEmojiFlags, Skeleton, AutocompleteInput };
+export { AcceptUpdatedTaC, Alert, Button, ButtonLoader, Checklist, Icon, Image, Input, InternalMessagesInbox, Loader, Money, Notification, Radio, Select, Single, Textarea, Uploader, AccordionWidget, AccountDetail, ActivateWidget, Balance, Bonus, Deposit, Withdraw, SignUp, ChangeUsername, ChangePassword, ResetPassword, RequestResetPassword, SignIn, Pagination, Settings, TableWidget, Verify, Subscriptions, CasinoHistoryTable, PaymentHistoryTable, SportsbookHistoryTable, DepositWidgetAccordion, WithdrawWidgetAccordion, ResponsibleGamingAccordion, ResponsibleGamingAccordionSignUp, ResponsibleGamingSingleSignUp, ResponsibleGamingWidget, List, VerifyAccordionWidget, Translate, Picture, countryEmojiFlags, Skeleton, AutocompleteInput };

package/es/lib/utils/selectUnit.js

@@ -8,55 +8,51 @@ var MILISECONDS = {
   IN_A_YEAR: 31536000000
 };
 
-export var selectUnit = function selectUnit(value) {
-  var isFuture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+export var selectUnit = function selectUnit(from) {
   var now = Date.now();
-  var ms = isFuture ? value - now : now - value;
-
-  var operatorCalc = isFuture ? 1 : -1;
+  var ms = now - from;
 
   switch (true) {
     case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_SECOND),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_SECOND),
         unit: 'second',
         updateIntervalInSeconds: 1
       };
 
     case MILISECONDS.IN_A_MINUTE < ms && ms < MILISECONDS.IN_AN_HOUR:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
         unit: 'minute'
       };
 
     case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
         unit: 'hour'
       };
 
     case MILISECONDS.IN_A_DAY < ms && ms < MILISECONDS.IN_A_WEEK:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_DAY),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_DAY),
         unit: 'day'
       };
 
     case MILISECONDS.IN_A_WEEK < ms && ms < MILISECONDS.IN_A_MONTH:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_WEEK),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_WEEK),
         unit: 'week'
       };
 
     case MILISECONDS.IN_A_MONTH < ms && ms < MILISECONDS.IN_A_YEAR:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_MONTH),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MONTH),
         unit: 'month'
       };
 
     case MILISECONDS.IN_A_YEAR < ms:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_YEAR),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_YEAR),
         unit: 'year'
       };
 

package/es/lib/utils/translate.js

@@ -9,7 +9,7 @@ var translate = function translate(_ref, intl) {
       values = _ref.values,
       rest = _objectWithoutProperties(_ref, ['id', 'values']);
 
-  var cacheId = id + (JSON.stringify(values) || '');
+  var cacheId = id + (typeof intl !== 'undefined' ? intl.locale : '') + (JSON.stringify(values) || '');
   if (cache[cacheId]) return cache[cacheId];
 
   var g = typeof window !== 'undefined' && window || typeof global !== 'undefined' && global || {};

package/es/misc/countryEmojiFlags.js

@@ -9,6 +9,7 @@ export default {
   AG: '🇦🇬',
   AU: '🇦🇺',
   AT: '🇦🇹',
+  AW: '🇦🇼',
   AZ: '🇦🇿',
   BI: '🇧🇮',
   BE: '🇧🇪',
@@ -24,6 +25,7 @@ export default {
   BO: '🇧🇴',
   BR: '🇧🇷',
   BB: '🇧🇧',
+  BM: '🇧🇲',
   BN: '🇧🇳',
   BT: '🇧🇹',
   BW: '🇧🇼',
@@ -33,6 +35,7 @@ export default {
   CL: '🇨🇱',
   CN: '🇨🇳',
   CI: '🇨🇮',
+  CK: '🇨🇰',
   CM: '🇨🇲',
   CD: '🇨🇩',
   CG: '🇨🇬',
@@ -167,6 +170,7 @@ export default {
   SZ: '🇸🇿',
   SC: '🇸🇨',
   SY: '🇸🇾',
+  TC: '🇹🇨',
   TD: '🇹🇩',
   TG: '🇹🇬',
   TH: '🇹🇭',
@@ -178,6 +182,7 @@ export default {
   TN: '🇹🇳',
   TR: '🇹🇷',
   TV: '🇹🇻',
+  TW: '🇹🇼',
   TZ: '🇹🇿',
   UG: '🇺🇬',
   UA: '🇺🇦',

package/es/widgets/AccordionWidget/index.js

@@ -12,13 +12,10 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 
 function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
 
-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, { Component, useState } from 'react';
 import PropTypes from 'prop-types';
 import AnimateHeight from 'react-animate-height';
 import Icon from '../../components/Icon';
-import cn from 'classnames';
 
 var AccordionHeader = function AccordionHeader(_ref) {
   var expanded = _ref.expanded,
@@ -86,14 +83,10 @@ var AccordionContent = function AccordionContent(_ref2) {
 var AccordionItem = function AccordionItem(_ref3) {
   var header = _ref3.header,
       content = _ref3.content,
-      expanded = _ref3.expanded,
-      customClass = _ref3.customClass;
+      expanded = _ref3.expanded;
   return React.createElement(
     'div',
-    {
-      className: cn('AccordionItem', _defineProperty({
-        'AccordionItem--expanded': expanded
-      }, 'AccordionItem--' + customClass, customClass)) },
+    { className: 'AccordionItem' + (expanded ? ' AccordionItem--expanded' : '') },
     header,
     content
   );
@@ -182,8 +175,7 @@ var Accordion = function (_Component) {
             animationDuration: animationDuration,
             contentCollapsedHeight: contentCollapsedHeight
           }),
-          key: index,
-          customClass: item.customClass
+          key: index
         };
       });
 

package/es/widgets/AccountDetail/index.js

@@ -148,14 +148,6 @@ var AccountDetail = function AccountDetail(_ref) {
         id: 'title.mobile_number',
         defaultMessage: 'Mobile number'
       }, intl),
-      callingCodes: countries ? countries.value.sort(function (a, b) {
-        return Number(a.callingCode) - Number(b.callingCode);
-      }).map(function (i) {
-        return {
-          value: '00' + i.callingCode,
-          label: '+' + i.callingCode + ' ' + (countryEmojiFlags[i.value] || '')
-        };
-      }) : [],
       name: 'MobilePhoneNumber',
       autoComplete: 'off',
       status: errors.MobilePhoneNumber && 'failure' || 'idle',

package/es/widgets/ActivateWidget/index.js

@@ -54,7 +54,7 @@ var ActivationCode = function ActivationCode(_ref) {
   }, [autoFocus, code]);
 
   useEffect(function () {
-    return inputRef.current.value = code;
+    inputRef.current.value = code;
   }, [code]);
 
   var setCaretPosition = function setCaretPosition(from, to) {

package/es/widgets/BonusWidget/index.js

@@ -1,7 +1,5 @@
 var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
 
-function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }
-
 import React, { useState } from 'react';
 import { FormattedNumber, FormattedDate } from 'react-intl';
 import AccordionWidget from '../AccordionWidget';
@@ -9,7 +7,9 @@ import Button from '../../components/Button';
 import BonusCode from './BonusCode';
 import { List } from 'tg-core-components';
 import Translate from '../../components/Translate';
+import Money from '../../components/Money';
 import { getBonusState } from './states';
+import { getBonusType } from './types';
 import marked from 'marked';
 
 var ALEACC_BONUS_CLAIM_STATE = ['Initiated', 'PreClaimed'];
@@ -129,10 +129,7 @@ var BonusWidget = function BonusWidget(_ref3) {
   var bonuses = _ref3.bonuses,
       handleBonusCodeSubmit = _ref3.handleBonusCodeSubmit,
       onClaimBonus = _ref3.onClaimBonus,
-      onRejectBonus = _ref3.onRejectBonus,
-      _ref3$exclude = _ref3.exclude,
-      exclude = _ref3$exclude === undefined ? [] : _ref3$exclude,
-      disableBonusCodeForm = _ref3.disableBonusCodeForm;
+      onRejectBonus = _ref3.onRejectBonus;
 
   var bonusList = { active: null, available: null, finished: null };
 
@@ -162,10 +159,11 @@ var BonusWidget = function BonusWidget(_ref3) {
       var info = [[React.createElement(
         'div',
         null,
-        React.createElement(Translate, {
-          id: 'label.description.bonus.' + item.Identifier.toLowerCase(),
-          defaultMessage: item.Name || item.Description
-        })
+        React.createElement(
+          'span',
+          null,
+          item.Name || item.Description
+        )
       ), React.createElement(
         'div',
         null,
@@ -173,15 +171,8 @@ var BonusWidget = function BonusWidget(_ref3) {
       )], [React.createElement(
         'div',
         { className: 'amount' },
-        React.createElement(FormattedNumber, {
-          value: item.Amount,
-          style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
-          currency: item.Currency
-        })
-      ), React.createElement(Translate, {
-        id: 'label.type.bonus.' + item.Type.toLowerCase(),
-        defaultMessage: item.Type.toLowerCase()
-      })]];
+        item.Type.toLowerCase() == 'freespins' ? React.createElement(FormattedNumber, { value: item.Amount, style: 'decimal' }) : React.createElement(Money, { value: item.Amount, currency: item.Currency })
+      ), getBonusType(item.Type)]];
 
       // Add bonus actions to not expired Fasttrack bonuses
       if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(React.createElement(BonusActionFT, { bonus: item, onClaimBonus: onClaimBonus }));
@@ -267,25 +258,19 @@ var BonusWidget = function BonusWidget(_ref3) {
 
   var menu = {
     identifier: 'account-history',
-    items: [].concat(_toConsumableArray(!exclude.includes('active') ? [{
+    items: [{
       name: React.createElement(Translate, { id: 'label.active', defaultMessage: 'Activate' }),
       content: React.createElement(List, { data: bonusList['active'], noData: 'list.no_data.active' })
-    }] : []), _toConsumableArray(!exclude.includes('available') ? [{
+    }, {
       name: React.createElement(Translate, { id: 'label.available', defaultMessage: 'Available' }),
-      content: React.createElement(List, {
-        data: bonusList['available'],
-        noData: 'list.no_data.available'
-      })
-    }] : []), _toConsumableArray(!exclude.includes('finished') ? [{
+      content: React.createElement(List, { data: bonusList['available'], noData: 'list.no_data.available' })
+    }, {
       name: React.createElement(Translate, { id: 'label.finished', defaultMessage: 'Finished' }),
-      content: React.createElement(List, {
-        data: bonusList['finished'],
-        noData: 'list.no_data.finished'
-      })
-    }] : []), _toConsumableArray(disableBonusCodeForm && {
+      content: React.createElement(List, { data: bonusList['finished'], noData: 'list.no_data.finished' })
+    }, {
       name: React.createElement(Translate, { id: 'label.bonus_code', defaultMessage: 'Bonus code' }),
       content: React.createElement(BonusCode, { handleSubmit: handleBonusCodeSubmit })
-    }))
+    }]
   };
 
   var items = menu.items.map(function (item, i) {

package/es/widgets/BonusWidget/types.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import Translate from '../../components/Translate';
+
+export var getBonusType = function getBonusType(type) {
+  var translations = {
+    Monetary: React.createElement(Translate, { id: 'label.type.bonus.monetary', defaultMessage: 'Monetary' }),
+    Freespins: React.createElement(Translate, { id: 'label.type.bonus.freespins', defaultMessage: 'Freespins' }),
+    FreespinsMonetary: React.createElement(Translate, {
+      id: 'label.type.bonus.freespinsMonetary',
+      defaultMessage: 'Freespins Monetary'
+    }),
+    FreeBetsMonetary: React.createElement(Translate, {
+      id: 'label.type.bonus.freeBetsMonetary',
+      defaultMessage: 'Free Bets Monetary'
+    })
+  };
+
+  return translations[type] || React.createElement(
+    'span',
+    null,
+    type
+  );
+};

package/es/widgets/Cashier/Deposit/PaymentForm/InjectedIframeHTML.js

@@ -1,3 +1,5 @@
+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; };
+
 var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -40,9 +42,11 @@ var InjectedIframeHTML = function (_Component) {
     value: function render() {
       var _this2 = this;
 
-      var data = this.props.data;
+      var _props = this.props,
+          data = _props.data,
+          iframeProps = _props.iframeProps;
 
-      return React.createElement('iframe', {
+      return React.createElement('iframe', _extends({
         ref: function ref(node) {
           return _this2._iframe = node;
         },
@@ -50,7 +54,7 @@ var InjectedIframeHTML = function (_Component) {
         width: '100%',
         height: data.redirectOutput.height,
         onLoad: this.handleLoad
-      });
+      }, iframeProps));
     }
   }]);
 

package/es/widgets/Cashier/Deposit/PaymentForm/index.js

@@ -94,6 +94,7 @@ var PaymentForm = function (_Component) {
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = PaymentForm.__proto__ || Object.getPrototypeOf(PaymentForm)).call.apply(_ref3, [this].concat(args))), _this), _this.onMessage = function (message) {
       var operatingSystem = _this.props.operatingSystem;
 
+      console.log({ message: message });
       var data = JSON.parse(message.data);
 
       if (data.method === 'OPEN_APP') {
@@ -124,7 +125,8 @@ var PaymentForm = function (_Component) {
           onClose = _props.onClose,
           onSuccess = _props.onSuccess,
           redirect = _props.redirect,
-          details = _props.details;
+          details = _props.details,
+          iframeProps = _props.iframeProps;
 
 
       if (!data.success) {
@@ -161,19 +163,19 @@ var PaymentForm = function (_Component) {
           target: redirect ? '_top' : frameId
         }, data.redirectOutput));
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html != null) {
-        return React.createElement(InjectedIframeHTML, { data: data });
+        return React.createElement(InjectedIframeHTML, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
-        return React.createElement(InjectedIframeHTML, { data: data });
+        return React.createElement(InjectedIframeHTML, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && redirect) {
         window.location.href = data.redirectOutput.url;
         return null;
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET') {
-        return React.createElement('iframe', {
+        return React.createElement('iframe', _extends({
           src: data.redirectOutput.url,
           width: data.redirectOutput.width,
           height: data.redirectOutput.height,
           frameBorder: '0'
-        });
+        }, iframeProps));
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'POST') {
         return React.createElement(DynamicForm, data.redirectOutput);
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {

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

@@ -130,6 +130,27 @@ var VenusPoint = function VenusPoint(_ref3) {
   );
 };
 
+var Vega = function Vega(_ref4) {
+  var account = _ref4.account,
+      intl = _ref4.intl;
+
+  return React.createElement(
+    'div',
+    { className: 'payment-account-info' },
+    React.createElement(Input, {
+      disabled: account.accountId,
+      name: 'username',
+      value: account.maskedAccount,
+      label: translate({ id: 'cashier.details.username' }, intl)
+    }),
+    React.createElement(Input, {
+      type: 'password',
+      name: 'password',
+      label: translate({ id: 'cashier.details.password' }, intl)
+    })
+  );
+};
+
 var PPro = function PPro() {
   return React.createElement(
     'div',
@@ -138,9 +159,9 @@ var PPro = function PPro() {
   );
 };
 
-var PhoneNumber = function PhoneNumber(_ref4) {
-  var account = _ref4.account,
-      intl = _ref4.intl;
+var PhoneNumber = function PhoneNumber(_ref5) {
+  var account = _ref5.account,
+      intl = _ref5.intl;
 
   return React.createElement(
     'div',
@@ -153,9 +174,9 @@ var PhoneNumber = function PhoneNumber(_ref4) {
   );
 };
 
-var Email = function Email(_ref5) {
-  var account = _ref5.account,
-      intl = _ref5.intl;
+var Email = function Email(_ref6) {
+  var account = _ref6.account,
+      intl = _ref6.intl;
 
   return React.createElement(
     'div',
@@ -169,9 +190,9 @@ var Email = function Email(_ref5) {
   );
 };
 
-var Banklocal = function Banklocal(_ref6) {
-  var account = _ref6.account,
-      intl = _ref6.intl;
+var Banklocal = function Banklocal(_ref7) {
+  var account = _ref7.account,
+      intl = _ref7.intl;
 
   return React.createElement(
     'div',
@@ -185,7 +206,7 @@ var Banklocal = function Banklocal(_ref6) {
     React.createElement(Input, {
       value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : undefined,
       name: 'accountNumber',
-      title: translate({ id: 'cashier.details.accountNumber' }, intl),
+      title: translate({ id: 'cashier.details.iban' }, intl),
       disabled: account.accountId
     })
   );
@@ -211,6 +232,11 @@ export var VenusPointDeposit = {
   parser: Parser.parseVenusPoint
 };
 
+export var VegaDeposit = {
+  component: injectMethod('deposit', injectIntl(Vega)),
+  parser: Parser.parseVega
+};
+
 export var SiruDeposit = {
   component: injectIntl(PhoneNumber),
   parser: Parser.parsePhoneNumber
@@ -262,6 +288,11 @@ export var VenusPointWithdrawal = {
   parser: Parser.parseVenusPoint
 };
 
+export var VegaWithdrawal = {
+  component: injectMethod('withdraw', injectIntl(Vega)),
+  parser: Parser.parseVega
+};
+
 export var NetellerWithdrawal = {
   component: injectMethod('withdraw', injectIntl(Neteller)),
   parser: Parser.parseNeteller

package/es/widgets/Cashier/Payment/PaymentAccountParser.js

@@ -37,6 +37,12 @@ export var parseVenusPoint = function parseVenusPoint(account) {
   };
 };
 
+export var parseVega = function parseVega(account) {
+  return {
+    account: account.maskedAccount || account.account
+  };
+};
+
 export var parsePhoneNumber = function parsePhoneNumber(account) {
   return {
     phoneNumber: account.phoneNumber || account.maskedAccount

package/es/widgets/CashierAccordion/Deposit/DepositWidget/index.js

@@ -265,7 +265,10 @@ var DepositWidget = function (_Component) {
               if (amount < parseFloat(selectedMethod.limit.min) || amount < parseFloat(_this2.getMinDepositBonusAmount())) {
                 errors.amount.push(React.createElement(Translate, {
                   id: 'error.cashier.amount-below-method-limit',
-                  defaultMessage: 'Amount is too low.'
+                  defaultMessage: 'Amount is too low. Min amount: {min}',
+                  values: {
+                    min: Math.min(parseFloat(selectedMethod.limit.min), parseFloat(_this2.getMinDepositBonusAmount()))
+                  }
                 }));
                 return errors;
               }