tg-core-components 6.1.3-crypto.9 → 6.1.3-iframeprops.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/widgets/BonusWidget/index.js

@@ -7,6 +7,7 @@ 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 marked from 'marked';
 
@@ -168,11 +169,7 @@ 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
-        })
+        item.Type.toLowerCase() == 'freespins' ? React.createElement(FormattedNumber, { value: item.Amount, style: 'decimal' }) : React.createElement(Money, { value: item.Amount, currency: item.Currency })
       ), React.createElement(Translate, {
         id: 'label.type.bonus.' + item.Type.toLowerCase(),
         defaultMessage: item.Type.toLowerCase()

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

@@ -125,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) {
@@ -158,19 +159,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/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/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/BonusWidget/index.js

@@ -30,6 +30,10 @@ var _Translate = require('../../components/Translate');
 
 var _Translate2 = _interopRequireDefault(_Translate);
 
+var _Money = require('../../components/Money');
+
+var _Money2 = _interopRequireDefault(_Money);
+
 var _states = require('./states');
 
 var _marked = require('marked');
@@ -196,11 +200,7 @@ var BonusWidget = function BonusWidget(_ref3) {
       )], [_react2.default.createElement(
         'div',
         { className: 'amount' },
-        _react2.default.createElement(_reactIntl.FormattedNumber, {
-          value: item.Amount,
-          style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
-          currency: item.Currency
-        })
+        item.Type.toLowerCase() == 'freespins' ? _react2.default.createElement(_reactIntl.FormattedNumber, { value: item.Amount, style: 'decimal' }) : _react2.default.createElement(_Money2.default, { value: item.Amount, currency: item.Currency })
       ), _react2.default.createElement(_Translate2.default, {
         id: 'label.type.bonus.' + item.Type.toLowerCase(),
         defaultMessage: item.Type.toLowerCase()

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

@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 
+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; }; }();
 
 var _react = require('react');
@@ -50,9 +52,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 _react2.default.createElement('iframe', {
+      return _react2.default.createElement('iframe', _extends({
         ref: function ref(node) {
           return _this2._iframe = node;
         },
@@ -60,7 +64,7 @@ var InjectedIframeHTML = function (_Component) {
         width: '100%',
         height: data.redirectOutput.height,
         onLoad: this.handleLoad
-      });
+      }, iframeProps));
     }
   }]);
 

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

@@ -157,7 +157,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) {
@@ -190,19 +191,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 _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
+        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data, iframeProps: iframeProps });
       } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
-        return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
+        return _react2.default.createElement(_InjectedIframeHTML2.default, { 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 _react2.default.createElement('iframe', {
+        return _react2.default.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 _react2.default.createElement(_DynamicForm2.default, data.redirectOutput);
       } else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {

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/package.json

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