tg-core-components 6.1.3-crypto.2 → 6.1.3-crypto.20

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/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;
               }

package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js

@@ -145,7 +145,10 @@ var WithdrawWidget = function (_PureComponent) {
               if (Number(amount) < parseFloat(selectedMethod.limit.min)) {
                 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: parseFloat(selectedMethod.limit.min)
+                  }
                 }));
                 return errors;
               }

package/es/widgets/HistoryWidget/index.js

@@ -137,7 +137,10 @@ var HistoryWidgetList = function (_React$Component) {
           'div',
           null,
           getMessage(item.Settled ? 'settled' : 'pendling')
-        )], [React.createElement(Money, { value: item.TotalWin - item.TotalWager, currency: item.Currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
+        )], [React.createElement(Money, {
+          value: item.TotalWin - item.TotalWager,
+          currency: item.Currency
+        }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       } else if (product === 'bingo') {
         return [[React.createElement(Translate, {
           tag: 'div'

package/lib/components/Money/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.format = undefined;
 
 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; };
 
@@ -18,13 +19,25 @@ var _propTypes2 = _interopRequireDefault(_propTypes);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+/**
+ * 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 _react2.default.createElement(_reactIntl.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'
   }));
@@ -48,4 +61,14 @@ Money.defaultProps = {
   decimals: true
 };
 
+var format = exports.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
+  });
+};
+
 exports.default = Money;

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

@@ -330,7 +330,10 @@ var DepositWidget = function (_Component) {
               if (amount < parseFloat(selectedMethod.limit.min) || amount < parseFloat(_this2.getMinDepositBonusAmount())) {
                 errors.amount.push(_react2.default.createElement(_Translate2.default, {
                   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;
               }

package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js

@@ -202,7 +202,10 @@ var WithdrawWidget = function (_PureComponent) {
               if (Number(amount) < parseFloat(selectedMethod.limit.min)) {
                 errors.amount.push(_react2.default.createElement(_Translate2.default, {
                   id: 'error.cashier.amount-below-method-limit',
-                  defaultMessage: 'Amount is too low.'
+                  defaultMessage: 'Amount is too low. Min amount: {min}',
+                  values: {
+                    min: parseFloat(selectedMethod.limit.min)
+                  }
                 }));
                 return errors;
               }

package/lib/widgets/HistoryWidget/index.js

@@ -171,7 +171,10 @@ var HistoryWidgetList = function (_React$Component) {
           'div',
           null,
           (0, _message.getMessage)(item.Settled ? 'settled' : 'pendling')
-        )], [_react2.default.createElement(_Money2.default, { value: item.TotalWin - item.TotalWager, currency: item.Currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
+        )], [_react2.default.createElement(_Money2.default, {
+          value: item.TotalWin - item.TotalWager,
+          currency: item.Currency
+        }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       } else if (product === 'bingo') {
         return [[_react2.default.createElement(_Translate2.default, {
           tag: 'div'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "6.1.3-crypto.2",
+  "version": "6.1.3-crypto.20",
   "description": "tg-core-components",
   "main": "lib/index.js",
   "module": "es/index.js",