tg-core-components 6.1.17 → 6.1.18

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.
Files changed (33) hide show
  1. package/es/components/Money/index.js +2 -24
  2. package/es/lib/utils/selectUnit.js +64 -0
  3. package/es/misc/countryEmojiFlags.js +5 -0
  4. package/es/widgets/AccountDetail/index.js +0 -8
  5. package/es/widgets/ActivateWidget/index.js +1 -1
  6. package/es/widgets/BonusWidget/index.js +7 -8
  7. package/es/widgets/BonusWidget/types.js +23 -0
  8. package/es/widgets/Cashier/Deposit/PaymentForm/index.js +5 -2
  9. package/es/widgets/Cashier/Payment/PaymentAccountForms/index.js +41 -10
  10. package/es/widgets/Cashier/Payment/PaymentAccountParser.js +6 -0
  11. package/es/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +168 -62
  12. package/es/widgets/CashierAccordion/Payment/PaymentAccountParser.js +12 -0
  13. package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +1 -2
  14. package/es/widgets/HistoryWidget/index.js +20 -84
  15. package/es/widgets/ResponsibleGamingWidget/Timespan.js +5 -3
  16. package/es/widgets/VerifyAccordionWidget/index.js +1 -1
  17. package/lib/components/Money/index.js +2 -25
  18. package/lib/lib/utils/selectUnit.js +69 -0
  19. package/lib/misc/countryEmojiFlags.js +5 -0
  20. package/lib/widgets/AccountDetail/index.js +0 -8
  21. package/lib/widgets/ActivateWidget/index.js +1 -1
  22. package/lib/widgets/BonusWidget/index.js +8 -8
  23. package/lib/widgets/BonusWidget/types.js +37 -0
  24. package/lib/widgets/Cashier/Deposit/PaymentForm/index.js +5 -2
  25. package/lib/widgets/Cashier/Payment/PaymentAccountForms/index.js +42 -11
  26. package/lib/widgets/Cashier/Payment/PaymentAccountParser.js +6 -0
  27. package/lib/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +169 -63
  28. package/lib/widgets/CashierAccordion/Payment/PaymentAccountParser.js +12 -0
  29. package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +1 -2
  30. package/lib/widgets/HistoryWidget/index.js +24 -87
  31. package/lib/widgets/ResponsibleGamingWidget/Timespan.js +5 -3
  32. package/lib/widgets/VerifyAccordionWidget/index.js +3 -3
  33. package/package.json +1 -1
@@ -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 && fractionDigits[props.currency] ? fractionDigits[props.currency].min || 2 : 0,
25
- maximumFractionDigits: props.decimals && fractionDigits[props.currency] ? fractionDigits[props.currency].max || 2 : 0
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,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
- return inputRef.current.value = code;
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(Translate, {
161
- id: 'label.description.bonus.' + item.Identifier.toLowerCase(),
162
- defaultMessage: item.Name || item.Description
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
- ), React.createElement(Translate, {
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(_ref4) {
142
- var account = _ref4.account,
143
- intl = _ref4.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(_ref5) {
157
- var account = _ref5.account,
158
- intl = _ref5.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(_ref6) {
173
- var account = _ref6.account,
174
- intl = _ref6.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.accountNumber' }, intl),
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