tg-core-components 6.1.17 → 6.1.19-alpha.0
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 +2 -24
- package/es/components/Picture/index.js +1 -1
- package/es/lib/utils/selectUnit.js +64 -0
- package/es/lib/utils/translate.js +1 -1
- package/es/misc/countryEmojiFlags.js +5 -0
- package/es/widgets/AccountDetail/index.js +0 -8
- package/es/widgets/ActivateWidget/index.js +1 -1
- package/es/widgets/BonusWidget/index.js +7 -8
- package/es/widgets/BonusWidget/types.js +23 -0
- package/es/widgets/Cashier/Deposit/PaymentForm/index.js +5 -2
- package/es/widgets/Cashier/Payment/PaymentAccountForms/index.js +41 -10
- package/es/widgets/Cashier/Payment/PaymentAccountParser.js +6 -0
- package/es/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +168 -62
- package/es/widgets/CashierAccordion/Payment/PaymentAccountParser.js +12 -0
- package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +1 -2
- package/es/widgets/HistoryWidget/index.js +20 -84
- package/es/widgets/ResponsibleGamingWidget/Timespan.js +5 -3
- package/es/widgets/VerifyAccordionWidget/index.js +1 -1
- package/lib/components/Money/index.js +2 -25
- package/lib/components/Picture/index.js +1 -1
- package/lib/lib/utils/selectUnit.js +69 -0
- package/lib/lib/utils/translate.js +1 -1
- package/lib/misc/countryEmojiFlags.js +5 -0
- package/lib/widgets/AccountDetail/index.js +0 -8
- package/lib/widgets/ActivateWidget/index.js +1 -1
- package/lib/widgets/BonusWidget/index.js +8 -8
- package/lib/widgets/BonusWidget/types.js +37 -0
- package/lib/widgets/Cashier/Deposit/PaymentForm/index.js +5 -2
- package/lib/widgets/Cashier/Payment/PaymentAccountForms/index.js +42 -11
- package/lib/widgets/Cashier/Payment/PaymentAccountParser.js +6 -0
- package/lib/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +169 -63
- package/lib/widgets/CashierAccordion/Payment/PaymentAccountParser.js +12 -0
- package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +1 -2
- package/lib/widgets/HistoryWidget/index.js +24 -87
- package/lib/widgets/ResponsibleGamingWidget/Timespan.js +5 -3
- package/lib/widgets/VerifyAccordionWidget/index.js +3 -3
- package/package.json +2 -2
|
@@ -4,25 +4,13 @@ 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
|
-
XRP: { min: 5, max: 5 },
|
|
15
|
-
ETH: { min: 5, max: 5 },
|
|
16
|
-
BCH: { min: 5, max: 5 }
|
|
17
|
-
};
|
|
18
|
-
|
|
19
7
|
/**
|
|
20
8
|
* FormattedNumber component to display currency
|
|
21
9
|
*/
|
|
22
10
|
var Money = function Money(props) {
|
|
23
11
|
return React.createElement(FormattedNumber, _extends({
|
|
24
|
-
minimumFractionDigits: props.decimals
|
|
25
|
-
maximumFractionDigits: props.decimals
|
|
12
|
+
minimumFractionDigits: props.decimals ? 2 : 0,
|
|
13
|
+
maximumFractionDigits: props.decimals ? 2 : 0
|
|
26
14
|
}, props, {
|
|
27
15
|
style: 'currency'
|
|
28
16
|
}));
|
|
@@ -46,14 +34,4 @@ Money.defaultProps = {
|
|
|
46
34
|
decimals: true
|
|
47
35
|
};
|
|
48
36
|
|
|
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
|
-
|
|
59
37
|
export default Money;
|
|
@@ -0,0 +1,64 @@
|
|
|
1
|
+
var MILISECONDS = {
|
|
2
|
+
IN_A_SECOND: 1000,
|
|
3
|
+
IN_A_MINUTE: 60000,
|
|
4
|
+
IN_AN_HOUR: 3600000,
|
|
5
|
+
IN_A_DAY: 86400000,
|
|
6
|
+
IN_A_WEEK: 604800000,
|
|
7
|
+
IN_A_MONTH: 2628000000,
|
|
8
|
+
IN_A_YEAR: 31536000000
|
|
9
|
+
};
|
|
10
|
+
|
|
11
|
+
export var selectUnit = function selectUnit(from) {
|
|
12
|
+
var now = Date.now();
|
|
13
|
+
var ms = now - from;
|
|
14
|
+
|
|
15
|
+
switch (true) {
|
|
16
|
+
case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
|
|
17
|
+
return {
|
|
18
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_A_SECOND),
|
|
19
|
+
unit: 'second',
|
|
20
|
+
updateIntervalInSeconds: 1
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
case MILISECONDS.IN_A_MINUTE < ms && ms < MILISECONDS.IN_AN_HOUR:
|
|
24
|
+
return {
|
|
25
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
|
|
26
|
+
unit: 'minute'
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
|
|
30
|
+
return {
|
|
31
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
|
|
32
|
+
unit: 'hour'
|
|
33
|
+
};
|
|
34
|
+
|
|
35
|
+
case MILISECONDS.IN_A_DAY < ms && ms < MILISECONDS.IN_A_WEEK:
|
|
36
|
+
return {
|
|
37
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_A_DAY),
|
|
38
|
+
unit: 'day'
|
|
39
|
+
};
|
|
40
|
+
|
|
41
|
+
case MILISECONDS.IN_A_WEEK < ms && ms < MILISECONDS.IN_A_MONTH:
|
|
42
|
+
return {
|
|
43
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_A_WEEK),
|
|
44
|
+
unit: 'week'
|
|
45
|
+
};
|
|
46
|
+
|
|
47
|
+
case MILISECONDS.IN_A_MONTH < ms && ms < MILISECONDS.IN_A_YEAR:
|
|
48
|
+
return {
|
|
49
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_A_MONTH),
|
|
50
|
+
unit: 'month'
|
|
51
|
+
};
|
|
52
|
+
|
|
53
|
+
case MILISECONDS.IN_A_YEAR < ms:
|
|
54
|
+
return {
|
|
55
|
+
value: -1 * Math.floor(ms / MILISECONDS.IN_A_YEAR),
|
|
56
|
+
unit: 'year'
|
|
57
|
+
};
|
|
58
|
+
|
|
59
|
+
default:
|
|
60
|
+
return {
|
|
61
|
+
value: 0
|
|
62
|
+
};
|
|
63
|
+
}
|
|
64
|
+
};
|
|
@@ -9,7 +9,7 @@ var translate = function translate(_ref, intl) {
|
|
|
9
9
|
values = _ref.values,
|
|
10
10
|
rest = _objectWithoutProperties(_ref, ['id', 'values']);
|
|
11
11
|
|
|
12
|
-
var cacheId = id + (JSON.stringify(values) || '');
|
|
12
|
+
var cacheId = id + (typeof intl !== 'undefined' ? intl.locale : '') + (JSON.stringify(values) || '');
|
|
13
13
|
if (cache[cacheId]) return cache[cacheId];
|
|
14
14
|
|
|
15
15
|
var g = typeof window !== 'undefined' && window || typeof global !== 'undefined' && global || {};
|
|
@@ -9,6 +9,7 @@ export default {
|
|
|
9
9
|
AG: '🇦🇬',
|
|
10
10
|
AU: '🇦🇺',
|
|
11
11
|
AT: '🇦🇹',
|
|
12
|
+
AW: '🇦🇼',
|
|
12
13
|
AZ: '🇦🇿',
|
|
13
14
|
BI: '🇧🇮',
|
|
14
15
|
BE: '🇧🇪',
|
|
@@ -24,6 +25,7 @@ export default {
|
|
|
24
25
|
BO: '🇧🇴',
|
|
25
26
|
BR: '🇧🇷',
|
|
26
27
|
BB: '🇧🇧',
|
|
28
|
+
BM: '🇧🇲',
|
|
27
29
|
BN: '🇧🇳',
|
|
28
30
|
BT: '🇧🇹',
|
|
29
31
|
BW: '🇧🇼',
|
|
@@ -33,6 +35,7 @@ export default {
|
|
|
33
35
|
CL: '🇨🇱',
|
|
34
36
|
CN: '🇨🇳',
|
|
35
37
|
CI: '🇨🇮',
|
|
38
|
+
CK: '🇨🇰',
|
|
36
39
|
CM: '🇨🇲',
|
|
37
40
|
CD: '🇨🇩',
|
|
38
41
|
CG: '🇨🇬',
|
|
@@ -167,6 +170,7 @@ export default {
|
|
|
167
170
|
SZ: '🇸🇿',
|
|
168
171
|
SC: '🇸🇨',
|
|
169
172
|
SY: '🇸🇾',
|
|
173
|
+
TC: '🇹🇨',
|
|
170
174
|
TD: '🇹🇩',
|
|
171
175
|
TG: '🇹🇬',
|
|
172
176
|
TH: '🇹🇭',
|
|
@@ -178,6 +182,7 @@ export default {
|
|
|
178
182
|
TN: '🇹🇳',
|
|
179
183
|
TR: '🇹🇷',
|
|
180
184
|
TV: '🇹🇻',
|
|
185
|
+
TW: '🇹🇼',
|
|
181
186
|
TZ: '🇹🇿',
|
|
182
187
|
UG: '🇺🇬',
|
|
183
188
|
UA: '🇺🇦',
|
|
@@ -148,14 +148,6 @@ var AccountDetail = function AccountDetail(_ref) {
|
|
|
148
148
|
id: 'title.mobile_number',
|
|
149
149
|
defaultMessage: 'Mobile number'
|
|
150
150
|
}, intl),
|
|
151
|
-
callingCodes: countries ? countries.value.sort(function (a, b) {
|
|
152
|
-
return Number(a.callingCode) - Number(b.callingCode);
|
|
153
|
-
}).map(function (i) {
|
|
154
|
-
return {
|
|
155
|
-
value: '00' + i.callingCode,
|
|
156
|
-
label: '+' + i.callingCode + ' ' + (countryEmojiFlags[i.value] || '')
|
|
157
|
-
};
|
|
158
|
-
}) : [],
|
|
159
151
|
name: 'MobilePhoneNumber',
|
|
160
152
|
autoComplete: 'off',
|
|
161
153
|
status: errors.MobilePhoneNumber && 'failure' || 'idle',
|
|
@@ -54,7 +54,7 @@ var ActivationCode = function ActivationCode(_ref) {
|
|
|
54
54
|
}, [autoFocus, code]);
|
|
55
55
|
|
|
56
56
|
useEffect(function () {
|
|
57
|
-
|
|
57
|
+
inputRef.current.value = code;
|
|
58
58
|
}, [code]);
|
|
59
59
|
|
|
60
60
|
var setCaretPosition = function setCaretPosition(from, to) {
|
|
@@ -8,6 +8,7 @@ import BonusCode from './BonusCode';
|
|
|
8
8
|
import { List } from 'tg-core-components';
|
|
9
9
|
import Translate from '../../components/Translate';
|
|
10
10
|
import { getBonusState } from './states';
|
|
11
|
+
import { getBonusType } from './types';
|
|
11
12
|
import marked from 'marked';
|
|
12
13
|
|
|
13
14
|
var ALEACC_BONUS_CLAIM_STATE = ['Initiated', 'PreClaimed'];
|
|
@@ -157,10 +158,11 @@ var BonusWidget = function BonusWidget(_ref3) {
|
|
|
157
158
|
var info = [[React.createElement(
|
|
158
159
|
'div',
|
|
159
160
|
null,
|
|
160
|
-
React.createElement(
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
161
|
+
React.createElement(
|
|
162
|
+
'span',
|
|
163
|
+
null,
|
|
164
|
+
item.Name || item.Description
|
|
165
|
+
)
|
|
164
166
|
), React.createElement(
|
|
165
167
|
'div',
|
|
166
168
|
null,
|
|
@@ -173,10 +175,7 @@ var BonusWidget = function BonusWidget(_ref3) {
|
|
|
173
175
|
style: item.Type.toLowerCase() == 'freespins' ? 'decimal' : 'currency',
|
|
174
176
|
currency: item.Currency
|
|
175
177
|
})
|
|
176
|
-
),
|
|
177
|
-
id: 'label.type.bonus.' + item.Type.toLowerCase(),
|
|
178
|
-
defaultMessage: item.Type.toLowerCase()
|
|
179
|
-
})]];
|
|
178
|
+
), getBonusType(item.Type)]];
|
|
180
179
|
|
|
181
180
|
// Add bonus actions to not expired Fasttrack bonuses
|
|
182
181
|
if (item.Provider === 'fasttrack' && item.State !== 'Expired') info.push(React.createElement(BonusActionFT, { bonus: item, onClaimBonus: onClaimBonus }));
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Translate from '../../components/Translate';
|
|
3
|
+
|
|
4
|
+
export var getBonusType = function getBonusType(type) {
|
|
5
|
+
var translations = {
|
|
6
|
+
Monetary: React.createElement(Translate, { id: 'label.type.bonus.monetary', defaultMessage: 'Monetary' }),
|
|
7
|
+
Freespins: React.createElement(Translate, { id: 'label.type.bonus.freespins', defaultMessage: 'Freespins' }),
|
|
8
|
+
FreespinsMonetary: React.createElement(Translate, {
|
|
9
|
+
id: 'label.type.bonus.freespinsMonetary',
|
|
10
|
+
defaultMessage: 'Freespins Monetary'
|
|
11
|
+
}),
|
|
12
|
+
FreeBetsMonetary: React.createElement(Translate, {
|
|
13
|
+
id: 'label.type.bonus.freeBetsMonetary',
|
|
14
|
+
defaultMessage: 'Free Bets Monetary'
|
|
15
|
+
})
|
|
16
|
+
};
|
|
17
|
+
|
|
18
|
+
return translations[type] || React.createElement(
|
|
19
|
+
'span',
|
|
20
|
+
null,
|
|
21
|
+
type
|
|
22
|
+
);
|
|
23
|
+
};
|
|
@@ -94,7 +94,6 @@ 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 });
|
|
98
97
|
var data = JSON.parse(message.data);
|
|
99
98
|
|
|
100
99
|
if (data.method === 'OPEN_APP') {
|
|
@@ -134,7 +133,11 @@ var PaymentForm = function (_Component) {
|
|
|
134
133
|
|
|
135
134
|
if (data.redirectOutput == null) {
|
|
136
135
|
if (onSuccess) {
|
|
137
|
-
onSuccess(
|
|
136
|
+
onSuccess({
|
|
137
|
+
amount: data.amount,
|
|
138
|
+
currency: data.currency,
|
|
139
|
+
tx: Number(data.transactionId)
|
|
140
|
+
});
|
|
138
141
|
return null;
|
|
139
142
|
}
|
|
140
143
|
|
|
@@ -130,6 +130,27 @@ var VenusPoint = function VenusPoint(_ref3) {
|
|
|
130
130
|
);
|
|
131
131
|
};
|
|
132
132
|
|
|
133
|
+
var Vega = function Vega(_ref4) {
|
|
134
|
+
var account = _ref4.account,
|
|
135
|
+
intl = _ref4.intl;
|
|
136
|
+
|
|
137
|
+
return React.createElement(
|
|
138
|
+
'div',
|
|
139
|
+
{ className: 'payment-account-info' },
|
|
140
|
+
React.createElement(Input, {
|
|
141
|
+
disabled: account.accountId,
|
|
142
|
+
name: 'username',
|
|
143
|
+
value: account.maskedAccount,
|
|
144
|
+
label: translate({ id: 'cashier.details.username' }, intl)
|
|
145
|
+
}),
|
|
146
|
+
React.createElement(Input, {
|
|
147
|
+
type: 'password',
|
|
148
|
+
name: 'password',
|
|
149
|
+
label: translate({ id: 'cashier.details.password' }, intl)
|
|
150
|
+
})
|
|
151
|
+
);
|
|
152
|
+
};
|
|
153
|
+
|
|
133
154
|
var PPro = function PPro() {
|
|
134
155
|
return React.createElement(
|
|
135
156
|
'div',
|
|
@@ -138,9 +159,9 @@ var PPro = function PPro() {
|
|
|
138
159
|
);
|
|
139
160
|
};
|
|
140
161
|
|
|
141
|
-
var PhoneNumber = function PhoneNumber(
|
|
142
|
-
var account =
|
|
143
|
-
intl =
|
|
162
|
+
var PhoneNumber = function PhoneNumber(_ref5) {
|
|
163
|
+
var account = _ref5.account,
|
|
164
|
+
intl = _ref5.intl;
|
|
144
165
|
|
|
145
166
|
return React.createElement(
|
|
146
167
|
'div',
|
|
@@ -153,9 +174,9 @@ var PhoneNumber = function PhoneNumber(_ref4) {
|
|
|
153
174
|
);
|
|
154
175
|
};
|
|
155
176
|
|
|
156
|
-
var Email = function Email(
|
|
157
|
-
var account =
|
|
158
|
-
intl =
|
|
177
|
+
var Email = function Email(_ref6) {
|
|
178
|
+
var account = _ref6.account,
|
|
179
|
+
intl = _ref6.intl;
|
|
159
180
|
|
|
160
181
|
return React.createElement(
|
|
161
182
|
'div',
|
|
@@ -169,9 +190,9 @@ var Email = function Email(_ref5) {
|
|
|
169
190
|
);
|
|
170
191
|
};
|
|
171
192
|
|
|
172
|
-
var Banklocal = function Banklocal(
|
|
173
|
-
var account =
|
|
174
|
-
intl =
|
|
193
|
+
var Banklocal = function Banklocal(_ref7) {
|
|
194
|
+
var account = _ref7.account,
|
|
195
|
+
intl = _ref7.intl;
|
|
175
196
|
|
|
176
197
|
return React.createElement(
|
|
177
198
|
'div',
|
|
@@ -185,7 +206,7 @@ var Banklocal = function Banklocal(_ref6) {
|
|
|
185
206
|
React.createElement(Input, {
|
|
186
207
|
value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : undefined,
|
|
187
208
|
name: 'accountNumber',
|
|
188
|
-
title: translate({ id: 'cashier.details.
|
|
209
|
+
title: translate({ id: 'cashier.details.iban' }, intl),
|
|
189
210
|
disabled: account.accountId
|
|
190
211
|
})
|
|
191
212
|
);
|
|
@@ -211,6 +232,11 @@ export var VenusPointDeposit = {
|
|
|
211
232
|
parser: Parser.parseVenusPoint
|
|
212
233
|
};
|
|
213
234
|
|
|
235
|
+
export var VegaDeposit = {
|
|
236
|
+
component: injectMethod('deposit', injectIntl(Vega)),
|
|
237
|
+
parser: Parser.parseVega
|
|
238
|
+
};
|
|
239
|
+
|
|
214
240
|
export var SiruDeposit = {
|
|
215
241
|
component: injectIntl(PhoneNumber),
|
|
216
242
|
parser: Parser.parsePhoneNumber
|
|
@@ -262,6 +288,11 @@ export var VenusPointWithdrawal = {
|
|
|
262
288
|
parser: Parser.parseVenusPoint
|
|
263
289
|
};
|
|
264
290
|
|
|
291
|
+
export var VegaWithdrawal = {
|
|
292
|
+
component: injectMethod('withdraw', injectIntl(Vega)),
|
|
293
|
+
parser: Parser.parseVega
|
|
294
|
+
};
|
|
295
|
+
|
|
265
296
|
export var NetellerWithdrawal = {
|
|
266
297
|
component: injectMethod('withdraw', injectIntl(Neteller)),
|
|
267
298
|
parser: Parser.parseNeteller
|
|
@@ -37,6 +37,12 @@ export var parseVenusPoint = function parseVenusPoint(account) {
|
|
|
37
37
|
};
|
|
38
38
|
};
|
|
39
39
|
|
|
40
|
+
export var parseVega = function parseVega(account) {
|
|
41
|
+
return {
|
|
42
|
+
account: account.maskedAccount || account.account
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
|
|
40
46
|
export var parsePhoneNumber = function parsePhoneNumber(account) {
|
|
41
47
|
return {
|
|
42
48
|
phoneNumber: account.phoneNumber || account.maskedAccount
|