tg-core-components 6.1.20-cur-reg.1 → 6.1.20-cur-reg.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/es/components/Money/index.js +24 -2
- package/es/widgets/BonusWidget/index.js +2 -5
- package/es/widgets/Cashier/Deposit/PaymentForm/InjectedIframeHTML.js +7 -3
- package/es/widgets/Cashier/Deposit/PaymentForm/index.js +7 -5
- package/es/widgets/CashierAccordion/Deposit/DepositWidget/index.js +4 -1
- package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +4 -1
- package/es/widgets/HistoryWidget/index.js +19 -19
- package/lib/components/Money/index.js +25 -2
- package/lib/widgets/BonusWidget/index.js +5 -5
- package/lib/widgets/Cashier/Deposit/PaymentForm/InjectedIframeHTML.js +7 -3
- package/lib/widgets/Cashier/Deposit/PaymentForm/index.js +7 -5
- package/lib/widgets/CashierAccordion/Deposit/DepositWidget/index.js +4 -1
- package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +4 -1
- package/lib/widgets/HistoryWidget/index.js +19 -19
- package/package.json +2 -2
|
@@ -4,13 +4,25 @@ import React from 'react';
|
|
|
4
4
|
import { FormattedNumber } from 'react-intl';
|
|
5
5
|
import PropTypes from 'prop-types';
|
|
6
6
|
|
|
7
|
+
/**
|
|
8
|
+
* For crypto we want more decimals.
|
|
9
|
+
*/
|
|
10
|
+
var fractionDigits = {
|
|
11
|
+
BTC: { min: 5, max: 5 },
|
|
12
|
+
LTC: { min: 5, max: 5 },
|
|
13
|
+
XBC: { min: 5, max: 5 },
|
|
14
|
+
ETH: { min: 5, max: 5 },
|
|
15
|
+
BCH: { min: 5, max: 5 },
|
|
16
|
+
XRP: { min: 3, max: 3 }
|
|
17
|
+
};
|
|
18
|
+
|
|
7
19
|
/**
|
|
8
20
|
* FormattedNumber component to display currency
|
|
9
21
|
*/
|
|
10
22
|
var Money = function Money(props) {
|
|
11
23
|
return React.createElement(FormattedNumber, _extends({
|
|
12
|
-
minimumFractionDigits: props.decimals ? 2 : 0,
|
|
13
|
-
maximumFractionDigits: props.decimals ? 2 : 0
|
|
24
|
+
minimumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].min || 2 : 0,
|
|
25
|
+
maximumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].max || 2 : 0
|
|
14
26
|
}, props, {
|
|
15
27
|
style: 'currency'
|
|
16
28
|
}));
|
|
@@ -34,4 +46,14 @@ Money.defaultProps = {
|
|
|
34
46
|
decimals: true
|
|
35
47
|
};
|
|
36
48
|
|
|
49
|
+
export var format = function format(currency) {
|
|
50
|
+
var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
|
|
51
|
+
return new Intl.NumberFormat(locale, {
|
|
52
|
+
style: 'currency',
|
|
53
|
+
currency: currency,
|
|
54
|
+
minimumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].min : null,
|
|
55
|
+
maximumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].max : null
|
|
56
|
+
});
|
|
57
|
+
};
|
|
58
|
+
|
|
37
59
|
export default Money;
|
|
@@ -7,6 +7,7 @@ import Button from '../../components/Button';
|
|
|
7
7
|
import BonusCode from './BonusCode';
|
|
8
8
|
import { List } from 'tg-core-components';
|
|
9
9
|
import Translate from '../../components/Translate';
|
|
10
|
+
import Money from '../../components/Money';
|
|
10
11
|
import { getBonusState } from './states';
|
|
11
12
|
import { getBonusType } from './types';
|
|
12
13
|
import marked from 'marked';
|
|
@@ -170,11 +171,7 @@ var BonusWidget = function BonusWidget(_ref3) {
|
|
|
170
171
|
)], [React.createElement(
|
|
171
172
|
'div',
|
|
172
173
|
{ className: 'amount' },
|
|
173
|
-
React.createElement(FormattedNumber, {
|
|
174
|
-
value: item.Amount,
|
|
175
|
-
style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
|
|
176
|
-
currency: item.Currency
|
|
177
|
-
})
|
|
174
|
+
item.Type.toLowerCase() == 'freespins' ? React.createElement(FormattedNumber, { value: item.Amount, style: 'decimal' }) : React.createElement(Money, { value: item.Amount, currency: item.Currency })
|
|
178
175
|
), getBonusType(item.Type)]];
|
|
179
176
|
|
|
180
177
|
// Add bonus actions to not expired Fasttrack bonuses
|
|
@@ -1,3 +1,5 @@
|
|
|
1
|
+
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; };
|
|
2
|
+
|
|
1
3
|
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; }; }();
|
|
2
4
|
|
|
3
5
|
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) {
|
|
|
40
42
|
value: function render() {
|
|
41
43
|
var _this2 = this;
|
|
42
44
|
|
|
43
|
-
var
|
|
45
|
+
var _props = this.props,
|
|
46
|
+
data = _props.data,
|
|
47
|
+
iframeProps = _props.iframeProps;
|
|
44
48
|
|
|
45
|
-
return React.createElement('iframe', {
|
|
49
|
+
return React.createElement('iframe', _extends({
|
|
46
50
|
ref: function ref(node) {
|
|
47
51
|
return _this2._iframe = node;
|
|
48
52
|
},
|
|
@@ -50,7 +54,7 @@ var InjectedIframeHTML = function (_Component) {
|
|
|
50
54
|
width: '100%',
|
|
51
55
|
height: data.redirectOutput.height,
|
|
52
56
|
onLoad: this.handleLoad
|
|
53
|
-
});
|
|
57
|
+
}, iframeProps));
|
|
54
58
|
}
|
|
55
59
|
}]);
|
|
56
60
|
|
|
@@ -94,6 +94,7 @@ var PaymentForm = function (_Component) {
|
|
|
94
94
|
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = PaymentForm.__proto__ || Object.getPrototypeOf(PaymentForm)).call.apply(_ref3, [this].concat(args))), _this), _this.onMessage = function (message) {
|
|
95
95
|
var operatingSystem = _this.props.operatingSystem;
|
|
96
96
|
|
|
97
|
+
console.log({ message: message });
|
|
97
98
|
var data = JSON.parse(message.data);
|
|
98
99
|
|
|
99
100
|
if (data.method === 'OPEN_APP') {
|
|
@@ -124,7 +125,8 @@ var PaymentForm = function (_Component) {
|
|
|
124
125
|
onClose = _props.onClose,
|
|
125
126
|
onSuccess = _props.onSuccess,
|
|
126
127
|
redirect = _props.redirect,
|
|
127
|
-
details = _props.details
|
|
128
|
+
details = _props.details,
|
|
129
|
+
iframeProps = _props.iframeProps;
|
|
128
130
|
|
|
129
131
|
|
|
130
132
|
if (!data.success) {
|
|
@@ -161,19 +163,19 @@ var PaymentForm = function (_Component) {
|
|
|
161
163
|
target: redirect ? '_top' : frameId
|
|
162
164
|
}, data.redirectOutput));
|
|
163
165
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html != null) {
|
|
164
|
-
return React.createElement(InjectedIframeHTML, { data: data });
|
|
166
|
+
return React.createElement(InjectedIframeHTML, { data: data, iframeProps: iframeProps });
|
|
165
167
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
|
|
166
|
-
return React.createElement(InjectedIframeHTML, { data: data });
|
|
168
|
+
return React.createElement(InjectedIframeHTML, { data: data, iframeProps: iframeProps });
|
|
167
169
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && redirect) {
|
|
168
170
|
window.location.href = data.redirectOutput.url;
|
|
169
171
|
return null;
|
|
170
172
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET') {
|
|
171
|
-
return React.createElement('iframe', {
|
|
173
|
+
return React.createElement('iframe', _extends({
|
|
172
174
|
src: data.redirectOutput.url,
|
|
173
175
|
width: data.redirectOutput.width,
|
|
174
176
|
height: data.redirectOutput.height,
|
|
175
177
|
frameBorder: '0'
|
|
176
|
-
});
|
|
178
|
+
}, iframeProps));
|
|
177
179
|
} else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'POST') {
|
|
178
180
|
return React.createElement(DynamicForm, data.redirectOutput);
|
|
179
181
|
} else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {
|
|
@@ -265,7 +265,10 @@ var DepositWidget = function (_Component) {
|
|
|
265
265
|
if (amount < parseFloat(selectedMethod.limit.min) || amount < parseFloat(_this2.getMinDepositBonusAmount())) {
|
|
266
266
|
errors.amount.push(React.createElement(Translate, {
|
|
267
267
|
id: 'error.cashier.amount-below-method-limit',
|
|
268
|
-
defaultMessage: 'Amount is too low.'
|
|
268
|
+
defaultMessage: 'Amount is too low. Min amount: {min}',
|
|
269
|
+
values: {
|
|
270
|
+
min: Math.min(parseFloat(selectedMethod.limit.min), parseFloat(_this2.getMinDepositBonusAmount()))
|
|
271
|
+
}
|
|
269
272
|
}));
|
|
270
273
|
return errors;
|
|
271
274
|
}
|
|
@@ -144,7 +144,10 @@ var WithdrawWidget = function (_PureComponent) {
|
|
|
144
144
|
if (amount && Number(amount) < parseFloat(selectedMethod.limit.min)) {
|
|
145
145
|
errors.amount.push(React.createElement(Translate, {
|
|
146
146
|
id: 'error.cashier.amount-below-method-limit',
|
|
147
|
-
defaultMessage: 'Amount is too low.'
|
|
147
|
+
defaultMessage: 'Amount is too low. Min amount: {min}',
|
|
148
|
+
values: {
|
|
149
|
+
min: parseFloat(selectedMethod.limit.min)
|
|
150
|
+
}
|
|
148
151
|
}));
|
|
149
152
|
return errors;
|
|
150
153
|
}
|
|
@@ -45,7 +45,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
45
45
|
minute: '2-digit',
|
|
46
46
|
second: '2-digit'
|
|
47
47
|
});
|
|
48
|
-
}, _this.createListInfo = function (item, product,
|
|
48
|
+
}, _this.createListInfo = function (item, product, isLoading) {
|
|
49
49
|
if (isLoading) return [[React.createElement(SkeletonLine, { bold: true }), React.createElement(SkeletonLine, null)], [React.createElement(SkeletonLine, { bold: true }), React.createElement(SkeletonLine, null)]];
|
|
50
50
|
|
|
51
51
|
if (product === 'casino') {
|
|
@@ -57,7 +57,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
57
57
|
'div',
|
|
58
58
|
null,
|
|
59
59
|
getMessage(getByPath(item, 'Transactions[0].Status'))
|
|
60
|
-
)], [React.createElement(Money, { value: item.Win - item.Bet, currency:
|
|
60
|
+
)], [React.createElement(Money, { value: item.Win - item.Bet, currency: item.Currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];
|
|
61
61
|
} else if (product === 'sportsbook') {
|
|
62
62
|
var selection = item.Transactions[0].Description;
|
|
63
63
|
var odds = item.Transactions[0].Odds;
|
|
@@ -73,7 +73,10 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
73
73
|
'div',
|
|
74
74
|
null,
|
|
75
75
|
getMessage(item.Settled ? 'settled' : 'pendling')
|
|
76
|
-
)], [React.createElement(Money, {
|
|
76
|
+
)], [React.createElement(Money, {
|
|
77
|
+
value: item.TotalWin - item.TotalWager,
|
|
78
|
+
currency: item.Currency
|
|
79
|
+
}), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
|
|
77
80
|
} else if (product === 'bingo') {
|
|
78
81
|
return [[React.createElement(Translate, {
|
|
79
82
|
tag: 'div'
|
|
@@ -85,7 +88,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
85
88
|
getMessage(getByPath(item, 'Transactions[0].TransactionType'))
|
|
86
89
|
)], [React.createElement(Money, {
|
|
87
90
|
value: getByPath(item, 'Transactions[0].Amount'),
|
|
88
|
-
currency:
|
|
91
|
+
currency: item.Currency
|
|
89
92
|
}), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
|
|
90
93
|
} else if (product === 'fantasy') {
|
|
91
94
|
return [[React.createElement(
|
|
@@ -100,7 +103,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
100
103
|
getMessage(item.Status === 'Default' ? 'initiated' : item.Status === 'Canceled' ? 'canceled' : 'completed')
|
|
101
104
|
)], [React.createElement(Money, {
|
|
102
105
|
value: item.Win - (item.Bet + item.Rake),
|
|
103
|
-
currency:
|
|
106
|
+
currency: item.Currency
|
|
104
107
|
}), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
|
|
105
108
|
}
|
|
106
109
|
|
|
@@ -114,9 +117,9 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
114
117
|
getMessage(item.Status)
|
|
115
118
|
)], [React.createElement(Money, {
|
|
116
119
|
value: item.TransactionType === 'Withdraw' ? -item.Amount : item.Amount,
|
|
117
|
-
currency:
|
|
120
|
+
currency: item.Currency
|
|
118
121
|
}), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Started + '+00:00')))]];
|
|
119
|
-
}, _this.createListDetail = function (item, product
|
|
122
|
+
}, _this.createListDetail = function (item, product) {
|
|
120
123
|
if (product === 'casino') {
|
|
121
124
|
return [[React.createElement(
|
|
122
125
|
'div',
|
|
@@ -128,14 +131,14 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
128
131
|
id: 'label.history.bet',
|
|
129
132
|
defaultMessage: 'Bet: {value}',
|
|
130
133
|
values: {
|
|
131
|
-
value: React.createElement(Money, { value: item.Bet, currency:
|
|
134
|
+
value: React.createElement(Money, { value: item.Bet, currency: item.Currency })
|
|
132
135
|
}
|
|
133
136
|
}), React.createElement(Translate, {
|
|
134
137
|
tag: 'div',
|
|
135
138
|
id: 'label.history.win',
|
|
136
139
|
defaultMessage: 'Win: {value}',
|
|
137
140
|
values: {
|
|
138
|
-
value: React.createElement(Money, { value: item.Win, currency:
|
|
141
|
+
value: React.createElement(Money, { value: item.Win, currency: item.Currency })
|
|
139
142
|
}
|
|
140
143
|
})]];
|
|
141
144
|
} else if (product === 'sportsbook') {
|
|
@@ -164,14 +167,14 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
164
167
|
id: 'label.history.bet',
|
|
165
168
|
defaultMessage: 'Bet: {value}',
|
|
166
169
|
values: {
|
|
167
|
-
value: React.createElement(Money, { value: item.TotalWager, currency:
|
|
170
|
+
value: React.createElement(Money, { value: item.TotalWager, currency: item.Currency })
|
|
168
171
|
}
|
|
169
172
|
}), React.createElement(Translate, {
|
|
170
173
|
tag: 'div',
|
|
171
174
|
id: 'label.history.win',
|
|
172
175
|
defaultMessage: 'Win: {value}',
|
|
173
176
|
values: {
|
|
174
|
-
value: React.createElement(Money, { value: item.TotalWin, currency:
|
|
177
|
+
value: React.createElement(Money, { value: item.TotalWin, currency: item.Currency })
|
|
175
178
|
}
|
|
176
179
|
})]];
|
|
177
180
|
} else if (product === 'bingo') {
|
|
@@ -204,14 +207,14 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
204
207
|
id: 'label.history.bet',
|
|
205
208
|
defaultMessage: 'Bet: {value}',
|
|
206
209
|
values: {
|
|
207
|
-
value: React.createElement(Money, { value: item.Bet + item.Rake, currency:
|
|
210
|
+
value: React.createElement(Money, { value: item.Bet + item.Rake, currency: item.Currency })
|
|
208
211
|
}
|
|
209
212
|
}), React.createElement(Translate, {
|
|
210
213
|
tag: 'div',
|
|
211
214
|
id: 'label.history.win',
|
|
212
215
|
defaultMessage: 'Win: {value}',
|
|
213
216
|
values: {
|
|
214
|
-
value: React.createElement(Money, { value: item.Win, currency:
|
|
217
|
+
value: React.createElement(Money, { value: item.Win, currency: item.Currency })
|
|
215
218
|
}
|
|
216
219
|
})]];
|
|
217
220
|
}
|
|
@@ -273,8 +276,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
273
276
|
var _props = this.props,
|
|
274
277
|
items = _props.items,
|
|
275
278
|
product = _props.product,
|
|
276
|
-
limit = _props.limit
|
|
277
|
-
currency = _props.currency;
|
|
279
|
+
limit = _props.limit;
|
|
278
280
|
var page = this.state.page;
|
|
279
281
|
|
|
280
282
|
|
|
@@ -283,8 +285,8 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
283
285
|
var listItems = pageItems.map(function (item) {
|
|
284
286
|
return {
|
|
285
287
|
id: item,
|
|
286
|
-
info: _this2.createListInfo(item, product,
|
|
287
|
-
detail: _this2.createListDetail(item, product,
|
|
288
|
+
info: _this2.createListInfo(item, product, items.isLoading),
|
|
289
|
+
detail: _this2.createListDetail(item, product, items.isLoading)
|
|
288
290
|
};
|
|
289
291
|
});
|
|
290
292
|
|
|
@@ -331,7 +333,6 @@ var HistoryWidget = function HistoryWidget(_ref2) {
|
|
|
331
333
|
var getTransactions = _ref2.getTransactions,
|
|
332
334
|
items = _ref2.items,
|
|
333
335
|
products = _ref2.products,
|
|
334
|
-
currency = _ref2.currency,
|
|
335
336
|
limit = _ref2.limit;
|
|
336
337
|
|
|
337
338
|
var accordionItems = products.map(function (product) {
|
|
@@ -339,7 +340,6 @@ var HistoryWidget = function HistoryWidget(_ref2) {
|
|
|
339
340
|
header: getMessage(product),
|
|
340
341
|
content: React.createElement(HistoryWidgetList, {
|
|
341
342
|
product: product,
|
|
342
|
-
currency: currency,
|
|
343
343
|
limit: limit,
|
|
344
344
|
getTransactions: getTransactions[product],
|
|
345
345
|
items: items[product]
|
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
+
exports.format = undefined;
|
|
6
7
|
|
|
7
8
|
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; };
|
|
8
9
|
|
|
@@ -18,13 +19,25 @@ var _propTypes2 = _interopRequireDefault(_propTypes);
|
|
|
18
19
|
|
|
19
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
21
|
|
|
22
|
+
/**
|
|
23
|
+
* For crypto we want more decimals.
|
|
24
|
+
*/
|
|
25
|
+
var fractionDigits = {
|
|
26
|
+
BTC: { min: 5, max: 5 },
|
|
27
|
+
LTC: { min: 5, max: 5 },
|
|
28
|
+
XBC: { min: 5, max: 5 },
|
|
29
|
+
ETH: { min: 5, max: 5 },
|
|
30
|
+
BCH: { min: 5, max: 5 },
|
|
31
|
+
XRP: { min: 3, max: 3 }
|
|
32
|
+
};
|
|
33
|
+
|
|
21
34
|
/**
|
|
22
35
|
* FormattedNumber component to display currency
|
|
23
36
|
*/
|
|
24
37
|
var Money = function Money(props) {
|
|
25
38
|
return _react2.default.createElement(_reactIntl.FormattedNumber, _extends({
|
|
26
|
-
minimumFractionDigits: props.decimals ? 2 : 0,
|
|
27
|
-
maximumFractionDigits: props.decimals ? 2 : 0
|
|
39
|
+
minimumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].min || 2 : 0,
|
|
40
|
+
maximumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].max || 2 : 0
|
|
28
41
|
}, props, {
|
|
29
42
|
style: 'currency'
|
|
30
43
|
}));
|
|
@@ -48,4 +61,14 @@ Money.defaultProps = {
|
|
|
48
61
|
decimals: true
|
|
49
62
|
};
|
|
50
63
|
|
|
64
|
+
var format = exports.format = function format(currency) {
|
|
65
|
+
var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
|
|
66
|
+
return new Intl.NumberFormat(locale, {
|
|
67
|
+
style: 'currency',
|
|
68
|
+
currency: currency,
|
|
69
|
+
minimumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].min : null,
|
|
70
|
+
maximumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].max : null
|
|
71
|
+
});
|
|
72
|
+
};
|
|
73
|
+
|
|
51
74
|
exports.default = Money;
|
|
@@ -30,6 +30,10 @@ var _Translate = require('../../components/Translate');
|
|
|
30
30
|
|
|
31
31
|
var _Translate2 = _interopRequireDefault(_Translate);
|
|
32
32
|
|
|
33
|
+
var _Money = require('../../components/Money');
|
|
34
|
+
|
|
35
|
+
var _Money2 = _interopRequireDefault(_Money);
|
|
36
|
+
|
|
33
37
|
var _states = require('./states');
|
|
34
38
|
|
|
35
39
|
var _types = require('./types');
|
|
@@ -199,11 +203,7 @@ var BonusWidget = function BonusWidget(_ref3) {
|
|
|
199
203
|
)], [_react2.default.createElement(
|
|
200
204
|
'div',
|
|
201
205
|
{ className: 'amount' },
|
|
202
|
-
_react2.default.createElement(_reactIntl.FormattedNumber, {
|
|
203
|
-
value: item.Amount,
|
|
204
|
-
style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
|
|
205
|
-
currency: item.Currency
|
|
206
|
-
})
|
|
206
|
+
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 })
|
|
207
207
|
), (0, _types.getBonusType)(item.Type)]];
|
|
208
208
|
|
|
209
209
|
// Add bonus actions to not expired Fasttrack bonuses
|
|
@@ -4,6 +4,8 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
|
|
7
|
+
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; };
|
|
8
|
+
|
|
7
9
|
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; }; }();
|
|
8
10
|
|
|
9
11
|
var _react = require('react');
|
|
@@ -50,9 +52,11 @@ var InjectedIframeHTML = function (_Component) {
|
|
|
50
52
|
value: function render() {
|
|
51
53
|
var _this2 = this;
|
|
52
54
|
|
|
53
|
-
var
|
|
55
|
+
var _props = this.props,
|
|
56
|
+
data = _props.data,
|
|
57
|
+
iframeProps = _props.iframeProps;
|
|
54
58
|
|
|
55
|
-
return _react2.default.createElement('iframe', {
|
|
59
|
+
return _react2.default.createElement('iframe', _extends({
|
|
56
60
|
ref: function ref(node) {
|
|
57
61
|
return _this2._iframe = node;
|
|
58
62
|
},
|
|
@@ -60,7 +64,7 @@ var InjectedIframeHTML = function (_Component) {
|
|
|
60
64
|
width: '100%',
|
|
61
65
|
height: data.redirectOutput.height,
|
|
62
66
|
onLoad: this.handleLoad
|
|
63
|
-
});
|
|
67
|
+
}, iframeProps));
|
|
64
68
|
}
|
|
65
69
|
}]);
|
|
66
70
|
|
|
@@ -126,6 +126,7 @@ var PaymentForm = function (_Component) {
|
|
|
126
126
|
return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref3 = PaymentForm.__proto__ || Object.getPrototypeOf(PaymentForm)).call.apply(_ref3, [this].concat(args))), _this), _this.onMessage = function (message) {
|
|
127
127
|
var operatingSystem = _this.props.operatingSystem;
|
|
128
128
|
|
|
129
|
+
console.log({ message: message });
|
|
129
130
|
var data = JSON.parse(message.data);
|
|
130
131
|
|
|
131
132
|
if (data.method === 'OPEN_APP') {
|
|
@@ -156,7 +157,8 @@ var PaymentForm = function (_Component) {
|
|
|
156
157
|
onClose = _props.onClose,
|
|
157
158
|
onSuccess = _props.onSuccess,
|
|
158
159
|
redirect = _props.redirect,
|
|
159
|
-
details = _props.details
|
|
160
|
+
details = _props.details,
|
|
161
|
+
iframeProps = _props.iframeProps;
|
|
160
162
|
|
|
161
163
|
|
|
162
164
|
if (!data.success) {
|
|
@@ -193,19 +195,19 @@ var PaymentForm = function (_Component) {
|
|
|
193
195
|
target: redirect ? '_top' : frameId
|
|
194
196
|
}, data.redirectOutput));
|
|
195
197
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html != null) {
|
|
196
|
-
return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
|
|
198
|
+
return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data, iframeProps: iframeProps });
|
|
197
199
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && data.redirectOutput.html != null) {
|
|
198
|
-
return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data });
|
|
200
|
+
return _react2.default.createElement(_InjectedIframeHTML2.default, { data: data, iframeProps: iframeProps });
|
|
199
201
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET' && redirect) {
|
|
200
202
|
window.location.href = data.redirectOutput.url;
|
|
201
203
|
return null;
|
|
202
204
|
} else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'GET') {
|
|
203
|
-
return _react2.default.createElement('iframe', {
|
|
205
|
+
return _react2.default.createElement('iframe', _extends({
|
|
204
206
|
src: data.redirectOutput.url,
|
|
205
207
|
width: data.redirectOutput.width,
|
|
206
208
|
height: data.redirectOutput.height,
|
|
207
209
|
frameBorder: '0'
|
|
208
|
-
});
|
|
210
|
+
}, iframeProps));
|
|
209
211
|
} else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'POST') {
|
|
210
212
|
return _react2.default.createElement(_DynamicForm2.default, data.redirectOutput);
|
|
211
213
|
} else if (data.redirectOutput.container == 'window' && data.redirectOutput.method == 'GET') {
|
|
@@ -330,7 +330,10 @@ var DepositWidget = function (_Component) {
|
|
|
330
330
|
if (amount < parseFloat(selectedMethod.limit.min) || amount < parseFloat(_this2.getMinDepositBonusAmount())) {
|
|
331
331
|
errors.amount.push(_react2.default.createElement(_Translate2.default, {
|
|
332
332
|
id: 'error.cashier.amount-below-method-limit',
|
|
333
|
-
defaultMessage: 'Amount is too low.'
|
|
333
|
+
defaultMessage: 'Amount is too low. Min amount: {min}',
|
|
334
|
+
values: {
|
|
335
|
+
min: Math.min(parseFloat(selectedMethod.limit.min), parseFloat(_this2.getMinDepositBonusAmount()))
|
|
336
|
+
}
|
|
334
337
|
}));
|
|
335
338
|
return errors;
|
|
336
339
|
}
|
|
@@ -201,7 +201,10 @@ var WithdrawWidget = function (_PureComponent) {
|
|
|
201
201
|
if (amount && Number(amount) < parseFloat(selectedMethod.limit.min)) {
|
|
202
202
|
errors.amount.push(_react2.default.createElement(_Translate2.default, {
|
|
203
203
|
id: 'error.cashier.amount-below-method-limit',
|
|
204
|
-
defaultMessage: 'Amount is too low.'
|
|
204
|
+
defaultMessage: 'Amount is too low. Min amount: {min}',
|
|
205
|
+
values: {
|
|
206
|
+
min: parseFloat(selectedMethod.limit.min)
|
|
207
|
+
}
|
|
205
208
|
}));
|
|
206
209
|
return errors;
|
|
207
210
|
}
|
|
@@ -80,7 +80,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
80
80
|
minute: '2-digit',
|
|
81
81
|
second: '2-digit'
|
|
82
82
|
});
|
|
83
|
-
}, _this.createListInfo = function (item, product,
|
|
83
|
+
}, _this.createListInfo = function (item, product, isLoading) {
|
|
84
84
|
if (isLoading) return [[_react2.default.createElement(_Skeleton.SkeletonLine, { bold: true }), _react2.default.createElement(_Skeleton.SkeletonLine, null)], [_react2.default.createElement(_Skeleton.SkeletonLine, { bold: true }), _react2.default.createElement(_Skeleton.SkeletonLine, null)]];
|
|
85
85
|
|
|
86
86
|
if (product === 'casino') {
|
|
@@ -92,7 +92,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
92
92
|
'div',
|
|
93
93
|
null,
|
|
94
94
|
(0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].Status'))
|
|
95
|
-
)], [_react2.default.createElement(_Money2.default, { value: item.Win - item.Bet, currency:
|
|
95
|
+
)], [_react2.default.createElement(_Money2.default, { value: item.Win - item.Bet, currency: item.Currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.StartTime + '+00:00')))]];
|
|
96
96
|
} else if (product === 'sportsbook') {
|
|
97
97
|
var selection = item.Transactions[0].Description;
|
|
98
98
|
var odds = item.Transactions[0].Odds;
|
|
@@ -108,7 +108,10 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
108
108
|
'div',
|
|
109
109
|
null,
|
|
110
110
|
(0, _message.getMessage)(item.Settled ? 'settled' : 'pendling')
|
|
111
|
-
)], [_react2.default.createElement(_Money2.default, {
|
|
111
|
+
)], [_react2.default.createElement(_Money2.default, {
|
|
112
|
+
value: item.TotalWin - item.TotalWager,
|
|
113
|
+
currency: item.Currency
|
|
114
|
+
}), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Created + '+00:00')))]];
|
|
112
115
|
} else if (product === 'bingo') {
|
|
113
116
|
return [[_react2.default.createElement(_Translate2.default, {
|
|
114
117
|
tag: 'div'
|
|
@@ -120,7 +123,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
120
123
|
(0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].TransactionType'))
|
|
121
124
|
)], [_react2.default.createElement(_Money2.default, {
|
|
122
125
|
value: (0, _get2.default)(item, 'Transactions[0].Amount'),
|
|
123
|
-
currency:
|
|
126
|
+
currency: item.Currency
|
|
124
127
|
}), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Created + '+00:00')))]];
|
|
125
128
|
} else if (product === 'fantasy') {
|
|
126
129
|
return [[_react2.default.createElement(
|
|
@@ -135,7 +138,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
135
138
|
(0, _message.getMessage)(item.Status === 'Default' ? 'initiated' : item.Status === 'Canceled' ? 'canceled' : 'completed')
|
|
136
139
|
)], [_react2.default.createElement(_Money2.default, {
|
|
137
140
|
value: item.Win - (item.Bet + item.Rake),
|
|
138
|
-
currency:
|
|
141
|
+
currency: item.Currency
|
|
139
142
|
}), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Created + '+00:00')))]];
|
|
140
143
|
}
|
|
141
144
|
|
|
@@ -149,9 +152,9 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
149
152
|
(0, _message.getMessage)(item.Status)
|
|
150
153
|
)], [_react2.default.createElement(_Money2.default, {
|
|
151
154
|
value: item.TransactionType === 'Withdraw' ? -item.Amount : item.Amount,
|
|
152
|
-
currency:
|
|
155
|
+
currency: item.Currency
|
|
153
156
|
}), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Started + '+00:00')))]];
|
|
154
|
-
}, _this.createListDetail = function (item, product
|
|
157
|
+
}, _this.createListDetail = function (item, product) {
|
|
155
158
|
if (product === 'casino') {
|
|
156
159
|
return [[_react2.default.createElement(
|
|
157
160
|
'div',
|
|
@@ -163,14 +166,14 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
163
166
|
id: 'label.history.bet',
|
|
164
167
|
defaultMessage: 'Bet: {value}',
|
|
165
168
|
values: {
|
|
166
|
-
value: _react2.default.createElement(_Money2.default, { value: item.Bet, currency:
|
|
169
|
+
value: _react2.default.createElement(_Money2.default, { value: item.Bet, currency: item.Currency })
|
|
167
170
|
}
|
|
168
171
|
}), _react2.default.createElement(_Translate2.default, {
|
|
169
172
|
tag: 'div',
|
|
170
173
|
id: 'label.history.win',
|
|
171
174
|
defaultMessage: 'Win: {value}',
|
|
172
175
|
values: {
|
|
173
|
-
value: _react2.default.createElement(_Money2.default, { value: item.Win, currency:
|
|
176
|
+
value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: item.Currency })
|
|
174
177
|
}
|
|
175
178
|
})]];
|
|
176
179
|
} else if (product === 'sportsbook') {
|
|
@@ -199,14 +202,14 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
199
202
|
id: 'label.history.bet',
|
|
200
203
|
defaultMessage: 'Bet: {value}',
|
|
201
204
|
values: {
|
|
202
|
-
value: _react2.default.createElement(_Money2.default, { value: item.TotalWager, currency:
|
|
205
|
+
value: _react2.default.createElement(_Money2.default, { value: item.TotalWager, currency: item.Currency })
|
|
203
206
|
}
|
|
204
207
|
}), _react2.default.createElement(_Translate2.default, {
|
|
205
208
|
tag: 'div',
|
|
206
209
|
id: 'label.history.win',
|
|
207
210
|
defaultMessage: 'Win: {value}',
|
|
208
211
|
values: {
|
|
209
|
-
value: _react2.default.createElement(_Money2.default, { value: item.TotalWin, currency:
|
|
212
|
+
value: _react2.default.createElement(_Money2.default, { value: item.TotalWin, currency: item.Currency })
|
|
210
213
|
}
|
|
211
214
|
})]];
|
|
212
215
|
} else if (product === 'bingo') {
|
|
@@ -239,14 +242,14 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
239
242
|
id: 'label.history.bet',
|
|
240
243
|
defaultMessage: 'Bet: {value}',
|
|
241
244
|
values: {
|
|
242
|
-
value: _react2.default.createElement(_Money2.default, { value: item.Bet + item.Rake, currency:
|
|
245
|
+
value: _react2.default.createElement(_Money2.default, { value: item.Bet + item.Rake, currency: item.Currency })
|
|
243
246
|
}
|
|
244
247
|
}), _react2.default.createElement(_Translate2.default, {
|
|
245
248
|
tag: 'div',
|
|
246
249
|
id: 'label.history.win',
|
|
247
250
|
defaultMessage: 'Win: {value}',
|
|
248
251
|
values: {
|
|
249
|
-
value: _react2.default.createElement(_Money2.default, { value: item.Win, currency:
|
|
252
|
+
value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: item.Currency })
|
|
250
253
|
}
|
|
251
254
|
})]];
|
|
252
255
|
}
|
|
@@ -308,8 +311,7 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
308
311
|
var _props = this.props,
|
|
309
312
|
items = _props.items,
|
|
310
313
|
product = _props.product,
|
|
311
|
-
limit = _props.limit
|
|
312
|
-
currency = _props.currency;
|
|
314
|
+
limit = _props.limit;
|
|
313
315
|
var page = this.state.page;
|
|
314
316
|
|
|
315
317
|
|
|
@@ -318,8 +320,8 @@ var HistoryWidgetList = function (_React$Component) {
|
|
|
318
320
|
var listItems = pageItems.map(function (item) {
|
|
319
321
|
return {
|
|
320
322
|
id: item,
|
|
321
|
-
info: _this2.createListInfo(item, product,
|
|
322
|
-
detail: _this2.createListDetail(item, product,
|
|
323
|
+
info: _this2.createListInfo(item, product, items.isLoading),
|
|
324
|
+
detail: _this2.createListDetail(item, product, items.isLoading)
|
|
323
325
|
};
|
|
324
326
|
});
|
|
325
327
|
|
|
@@ -366,7 +368,6 @@ var HistoryWidget = function HistoryWidget(_ref2) {
|
|
|
366
368
|
var getTransactions = _ref2.getTransactions,
|
|
367
369
|
items = _ref2.items,
|
|
368
370
|
products = _ref2.products,
|
|
369
|
-
currency = _ref2.currency,
|
|
370
371
|
limit = _ref2.limit;
|
|
371
372
|
|
|
372
373
|
var accordionItems = products.map(function (product) {
|
|
@@ -374,7 +375,6 @@ var HistoryWidget = function HistoryWidget(_ref2) {
|
|
|
374
375
|
header: (0, _message.getMessage)(product),
|
|
375
376
|
content: _react2.default.createElement(HistoryWidgetList, {
|
|
376
377
|
product: product,
|
|
377
|
-
currency: currency,
|
|
378
378
|
limit: limit,
|
|
379
379
|
getTransactions: getTransactions[product],
|
|
380
380
|
items: items[product]
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "tg-core-components",
|
|
3
|
-
"version": "6.1.20-cur-reg.
|
|
3
|
+
"version": "6.1.20-cur-reg.2",
|
|
4
4
|
"description": "tg-core-components",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -76,5 +76,5 @@
|
|
|
76
76
|
"webpack": "^3.0.0",
|
|
77
77
|
"webpack-blocks": "^1.0.0"
|
|
78
78
|
},
|
|
79
|
-
"gitHead": "
|
|
79
|
+
"gitHead": "cc035de9e80e5aba1363023170683cb1893b5cc2"
|
|
80
80
|
}
|