tg-core-components 6.1.16 → 6.1.19-BT-47-tabindex-on-phonenumber.1

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 (35) hide show
  1. package/es/components/Input/PhoneNumberInput.js +7 -3
  2. package/es/components/Money/index.js +2 -21
  3. package/es/lib/utils/selectUnit.js +64 -0
  4. package/es/misc/countryEmojiFlags.js +5 -0
  5. package/es/widgets/AccountDetail/index.js +0 -8
  6. package/es/widgets/ActivateWidget/index.js +1 -1
  7. package/es/widgets/BonusWidget/index.js +7 -8
  8. package/es/widgets/BonusWidget/types.js +23 -0
  9. package/es/widgets/Cashier/Deposit/PaymentForm/index.js +5 -2
  10. package/es/widgets/Cashier/Payment/PaymentAccountForms/index.js +41 -10
  11. package/es/widgets/Cashier/Payment/PaymentAccountParser.js +6 -0
  12. package/es/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +168 -62
  13. package/es/widgets/CashierAccordion/Payment/PaymentAccountParser.js +12 -0
  14. package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +1 -2
  15. package/es/widgets/HistoryWidget/index.js +20 -84
  16. package/es/widgets/ResponsibleGamingWidget/Timespan.js +5 -3
  17. package/es/widgets/VerifyAccordionWidget/index.js +1 -1
  18. package/lib/components/Input/PhoneNumberInput.js +7 -3
  19. package/lib/components/Money/index.js +2 -22
  20. package/lib/lib/utils/selectUnit.js +69 -0
  21. package/lib/misc/countryEmojiFlags.js +5 -0
  22. package/lib/widgets/AccountDetail/index.js +0 -8
  23. package/lib/widgets/ActivateWidget/index.js +1 -1
  24. package/lib/widgets/BonusWidget/index.js +8 -8
  25. package/lib/widgets/BonusWidget/types.js +37 -0
  26. package/lib/widgets/Cashier/Deposit/PaymentForm/index.js +5 -2
  27. package/lib/widgets/Cashier/Payment/PaymentAccountForms/index.js +42 -11
  28. package/lib/widgets/Cashier/Payment/PaymentAccountParser.js +6 -0
  29. package/lib/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +169 -63
  30. package/lib/widgets/CashierAccordion/Payment/PaymentAccountParser.js +12 -0
  31. package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +1 -2
  32. package/lib/widgets/HistoryWidget/index.js +24 -87
  33. package/lib/widgets/ResponsibleGamingWidget/Timespan.js +5 -3
  34. package/lib/widgets/VerifyAccordionWidget/index.js +3 -3
  35. package/package.json +1 -1
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.InteracWithdrawal = exports.PaysafecardWithdrawal = exports.InstadebitWithdrawal = exports.IDebitWithdrawal = exports.IdealWithdrawal = exports.EProPaymentWallWithdrawal = exports.EcoPayzWithdrawal = exports.TrustlyWithdrawal = exports.BankWithdrawal = exports.ZimplerWithdrawal = exports.MiFinityEWalletWithdrawal = exports.EzeeWalletWithdrawal = exports.AstroPayBankWithdrawal = exports.MuchBetterWithdrawal = exports.NetellerWithdrawal = exports.VenusPointWithdrawal = exports.CreditcardWithdrawal = exports.SkrillWithdrawal = exports.BankIBANWithdrawal = exports.BankLocalWithdrawal = exports.JetonWithdrawal = exports.CryptoCurrencyWithdrawal = exports.BestPayWithdrawal = exports.BankIntlWithdrawal = exports.MiFinityEWalletDeposit = exports.BankIntlDeposit = exports.BestPayDeposit = exports.FunangaDeposit = exports.PaysafecardDeposit = exports.InstadebitDeposit = exports.IDebitDeposit = exports.IdealDeposit = exports.EProPaymentWallDeposit = exports.EcoPayzDeposit = exports.TrustlyDeposit = exports.BankDeposit = exports.ZimplerDeposit = exports.EzeeWalletDeposit = exports.CryptoCurrencyDeposit = exports.AstroPayBankDeposit = exports.MobilePayDeposit = exports.PProDeposit = exports.MuchBetterDeposit = exports.SiruDeposit = exports.VenusPointDeposit = exports.NetellerDeposit = exports.CreditcardDeposit = exports.SkrillDeposit = undefined;
6
+ exports.InteracWithdrawal = exports.PaysafecardWithdrawal = exports.InstadebitWithdrawal = exports.IDebitWithdrawal = exports.IdealWithdrawal = exports.EProPaymentWallWithdrawal = exports.EcoPayzWithdrawal = exports.TrustlyWithdrawal = exports.BankWithdrawal = exports.ZimplerWithdrawal = exports.MiFinityEWalletWithdrawal = exports.ParamountWithdrawal = exports.EzeeWalletWithdrawal = exports.AstroPayBankWithdrawal = exports.MuchBetterWithdrawal = exports.NetellerWithdrawal = exports.VegaWithdrawal = exports.VenusPointWithdrawal = exports.CreditcardWithdrawal = exports.SkrillWithdrawal = exports.BankIBANWithdrawal = exports.BankLocalWithdrawal = exports.JetonWithdrawal = exports.CryptoCurrencyWithdrawal = exports.BestPayWithdrawal = exports.BankIntlWithdrawal = exports.MiFinityEWalletDeposit = exports.BankIntlDeposit = exports.BestPayDeposit = exports.FunangaDeposit = exports.PaysafecardDeposit = exports.InstadebitDeposit = exports.IDebitDeposit = exports.IdealDeposit = exports.EProPaymentWallDeposit = exports.EcoPayzDeposit = exports.TrustlyDeposit = exports.BankDeposit = exports.ZimplerDeposit = exports.EzeeWalletDeposit = exports.CryptoCurrencyDeposit = exports.AstroPayBankDeposit = exports.MobilePayDeposit = exports.PProDeposit = exports.MuchBetterDeposit = exports.SiruDeposit = exports.VegaDeposit = exports.VenusPointDeposit = exports.NetellerDeposit = exports.CreditcardDeposit = exports.SkrillDeposit = undefined;
7
7
 
8
8
  var _slicedToArray = function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"]) _i["return"](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError("Invalid attempt to destructure non-iterable instance"); } }; }();
9
9
 
@@ -229,6 +229,34 @@ var VenusPoint = function VenusPoint(_ref3) {
229
229
  );
230
230
  };
231
231
 
232
+ var Vega = function Vega(_ref4) {
233
+ var account = _ref4.account,
234
+ intl = _ref4.intl,
235
+ change = _ref4.change;
236
+
237
+ return _react2.default.createElement(
238
+ 'div',
239
+ null,
240
+ _react2.default.createElement(_Input2.default, {
241
+ disabled: account.accountId,
242
+ name: 'username',
243
+ onChange: function onChange(e, username) {
244
+ return change('username', username);
245
+ },
246
+ value: account.maskedAccount,
247
+ label: (0, _translate2.default)({ id: 'cashier.details.username' }, intl)
248
+ }),
249
+ _react2.default.createElement(_Input2.default, {
250
+ type: 'password',
251
+ name: 'password',
252
+ onChange: function onChange(e, password) {
253
+ return change('password', password);
254
+ },
255
+ label: (0, _translate2.default)({ id: 'cashier.details.password' }, intl)
256
+ })
257
+ );
258
+ };
259
+
232
260
  var PPro = function PPro() {
233
261
  return _react2.default.createElement(
234
262
  'div',
@@ -237,11 +265,11 @@ var PPro = function PPro() {
237
265
  );
238
266
  };
239
267
 
240
- var PhoneNumber = function PhoneNumber(_ref4) {
241
- var account = _ref4.account,
242
- intl = _ref4.intl,
243
- change = _ref4.change,
244
- values = _ref4.values;
268
+ var PhoneNumber = function PhoneNumber(_ref5) {
269
+ var account = _ref5.account,
270
+ intl = _ref5.intl,
271
+ change = _ref5.change,
272
+ values = _ref5.values;
245
273
 
246
274
  return _react2.default.createElement(
247
275
  'div',
@@ -259,11 +287,11 @@ var PhoneNumber = function PhoneNumber(_ref4) {
259
287
  );
260
288
  };
261
289
 
262
- var Email = function Email(_ref5) {
263
- var account = _ref5.account,
264
- intl = _ref5.intl,
265
- change = _ref5.change,
266
- values = _ref5.values;
290
+ var Email = function Email(_ref6) {
291
+ var account = _ref6.account,
292
+ intl = _ref6.intl,
293
+ change = _ref6.change,
294
+ values = _ref6.values;
267
295
 
268
296
  return _react2.default.createElement(
269
297
  'div',
@@ -281,10 +309,10 @@ var Email = function Email(_ref5) {
281
309
  );
282
310
  };
283
311
 
284
- var Banklocal = function Banklocal(_ref6) {
285
- var account = _ref6.account,
286
- intl = _ref6.intl,
287
- change = _ref6.change;
312
+ var Banklocal = function Banklocal(_ref7) {
313
+ var account = _ref7.account,
314
+ intl = _ref7.intl,
315
+ change = _ref7.change;
288
316
 
289
317
  return _react2.default.createElement(
290
318
  'div',
@@ -304,17 +332,17 @@ var Banklocal = function Banklocal(_ref6) {
304
332
  return change('accountNumber', accountNumber);
305
333
  },
306
334
  name: 'accountNumber',
307
- label: (0, _translate2.default)({ id: 'cashier.details.accountNumber' }, intl),
335
+ label: (0, _translate2.default)({ id: 'cashier.details.iban' }, intl),
308
336
  disabled: account.accountId
309
337
  })
310
338
  );
311
339
  };
312
340
 
313
- var BankIBAN = function BankIBAN(_ref7) {
314
- var account = _ref7.account,
315
- intl = _ref7.intl,
316
- change = _ref7.change,
317
- values = _ref7.values;
341
+ var BankIBAN = function BankIBAN(_ref8) {
342
+ var account = _ref8.account,
343
+ intl = _ref8.intl,
344
+ change = _ref8.change,
345
+ values = _ref8.values;
318
346
 
319
347
  return _react2.default.createElement(
320
348
  'div',
@@ -360,15 +388,15 @@ var BankIBAN = function BankIBAN(_ref7) {
360
388
  );
361
389
  };
362
390
 
363
- var AstroPayBank = function AstroPayBank(_ref8) {
364
- var account = _ref8.account,
365
- intl = _ref8.intl,
366
- country = _ref8.country,
367
- method = _ref8.method,
368
- detail = _ref8.detail,
369
- change = _ref8.change,
370
- values = _ref8.values,
371
- config = _ref8.config;
391
+ var AstroPayBank = function AstroPayBank(_ref9) {
392
+ var account = _ref9.account,
393
+ intl = _ref9.intl,
394
+ country = _ref9.country,
395
+ method = _ref9.method,
396
+ detail = _ref9.detail,
397
+ change = _ref9.change,
398
+ values = _ref9.values,
399
+ config = _ref9.config;
372
400
 
373
401
  var _useState = (0, _react.useState)([]),
374
402
  _useState2 = _slicedToArray(_useState, 2),
@@ -573,12 +601,12 @@ var AstroPayBank = function AstroPayBank(_ref8) {
573
601
  );
574
602
  };
575
603
 
576
- var BankIntl = function BankIntl(_ref9) {
577
- var account = _ref9.account,
578
- intl = _ref9.intl,
579
- values = _ref9.values,
580
- change = _ref9.change,
581
- country = _ref9.country;
604
+ var BankIntl = function BankIntl(_ref10) {
605
+ var account = _ref10.account,
606
+ intl = _ref10.intl,
607
+ values = _ref10.values,
608
+ change = _ref10.change,
609
+ country = _ref10.country;
582
610
 
583
611
  return _react2.default.createElement(
584
612
  'div',
@@ -590,7 +618,7 @@ var BankIntl = function BankIntl(_ref9) {
590
618
  onChange: function onChange(e, accountNumber) {
591
619
  return change('accountNumber', accountNumber);
592
620
  },
593
- label: (0, _translate2.default)({ id: 'cashier.details.accountNumber' }, intl),
621
+ label: (0, _translate2.default)({ id: 'cashier.details.iban' }, intl),
594
622
  disabled: account.accountId
595
623
  }),
596
624
  _react2.default.createElement(_Input2.default, {
@@ -630,12 +658,12 @@ var BankIntl = function BankIntl(_ref9) {
630
658
  );
631
659
  };
632
660
 
633
- var CryptoCurrency = function CryptoCurrency(_ref10) {
634
- var intl = _ref10.intl,
635
- detail = _ref10.detail,
636
- method = _ref10.method,
637
- values = _ref10.values,
638
- change = _ref10.change;
661
+ var CryptoCurrency = function CryptoCurrency(_ref11) {
662
+ var intl = _ref11.intl,
663
+ detail = _ref11.detail,
664
+ method = _ref11.method,
665
+ values = _ref11.values,
666
+ change = _ref11.change;
639
667
 
640
668
  var methodDetails = {
641
669
  cryptoCurrencies: (0, _get2.default)(detail, 'config.cryptoCurrencies', [])
@@ -688,11 +716,11 @@ var CryptoCurrency = function CryptoCurrency(_ref10) {
688
716
  );
689
717
  };
690
718
 
691
- var Jeton = function Jeton(_ref11) {
692
- var account = _ref11.account,
693
- intl = _ref11.intl,
694
- values = _ref11.values,
695
- change = _ref11.change;
719
+ var Jeton = function Jeton(_ref12) {
720
+ var account = _ref12.account,
721
+ intl = _ref12.intl,
722
+ values = _ref12.values,
723
+ change = _ref12.change;
696
724
 
697
725
  return _react2.default.createElement(
698
726
  'div',
@@ -710,11 +738,11 @@ var Jeton = function Jeton(_ref11) {
710
738
  );
711
739
  };
712
740
 
713
- var BestPay = function BestPay(_ref12) {
714
- var account = _ref12.account,
715
- intl = _ref12.intl,
716
- values = _ref12.values,
717
- change = _ref12.change;
741
+ var BestPay = function BestPay(_ref13) {
742
+ var account = _ref13.account,
743
+ intl = _ref13.intl,
744
+ values = _ref13.values,
745
+ change = _ref13.change;
718
746
 
719
747
  return _react2.default.createElement(
720
748
  'div',
@@ -741,11 +769,11 @@ var BestPay = function BestPay(_ref12) {
741
769
  );
742
770
  };
743
771
 
744
- var Mifinity = function Mifinity(_ref13) {
745
- var account = _ref13.account,
746
- intl = _ref13.intl,
747
- change = _ref13.change,
748
- values = _ref13.values;
772
+ var Mifinity = function Mifinity(_ref14) {
773
+ var account = _ref14.account,
774
+ intl = _ref14.intl,
775
+ change = _ref14.change,
776
+ values = _ref14.values;
749
777
 
750
778
  return _react2.default.createElement(
751
779
  'div',
@@ -763,11 +791,11 @@ var Mifinity = function Mifinity(_ref13) {
763
791
  );
764
792
  };
765
793
 
766
- var EzeeWallet = function EzeeWallet(_ref14) {
767
- var account = _ref14.account,
768
- intl = _ref14.intl,
769
- method = _ref14.method,
770
- change = _ref14.change;
794
+ var EzeeWallet = function EzeeWallet(_ref15) {
795
+ var account = _ref15.account,
796
+ intl = _ref15.intl,
797
+ method = _ref15.method,
798
+ change = _ref15.change;
771
799
 
772
800
  return _react2.default.createElement(
773
801
  'div',
@@ -800,6 +828,69 @@ var EzeeWallet = function EzeeWallet(_ref14) {
800
828
  );
801
829
  };
802
830
 
831
+ var Paramount = function Paramount(_ref16) {
832
+ var account = _ref16.account,
833
+ intl = _ref16.intl,
834
+ values = _ref16.values,
835
+ change = _ref16.change,
836
+ detail = _ref16.detail;
837
+
838
+ var methodDetails = {
839
+ securityQuestions: (0, _get2.default)(detail, 'config.securityQuestions', [])
840
+ };
841
+
842
+ return _react2.default.createElement(
843
+ 'div',
844
+ { className: 'payment-account-info' },
845
+ methodDetails.securityQuestions.length > 0 && _react2.default.createElement(
846
+ _Select2.default,
847
+ {
848
+ required: true,
849
+ disabled: account.accountId,
850
+ name: 'securityQuestion',
851
+ value: values['securityQuestion'],
852
+ onChange: function onChange(_, securityQuestion) {
853
+ return change('securityQuestion', securityQuestion);
854
+ },
855
+ label: (0, _translate2.default)({
856
+ id: 'cashier.details.securityQuestion',
857
+ defaultMessage: 'Security question'
858
+ }, intl) },
859
+ !values['securityQuestion'] && _react2.default.createElement(
860
+ _Select2.default.Option,
861
+ { value: '', selected: true, disabled: true },
862
+ (0, _translate2.default)({
863
+ id: 'cashier.details.select-securityQuestion',
864
+ defaultMessage: 'Select security question'
865
+ }, intl)
866
+ ),
867
+ methodDetails.securityQuestions.map(function (securityQuestion) {
868
+ return _react2.default.createElement(
869
+ _Select2.default.Option,
870
+ { value: securityQuestion.value },
871
+ (0, _translate2.default)({
872
+ id: securityQuestion.id,
873
+ defaultMessage: securityQuestion.value
874
+ }, intl)
875
+ );
876
+ })
877
+ ),
878
+ _react2.default.createElement(_Input2.default, {
879
+ required: true,
880
+ type: 'password',
881
+ name: 'securityAnswer',
882
+ value: values['securityAnswer'],
883
+ onChange: function onChange(_, securityAnswer) {
884
+ return change('securityAnswer', securityAnswer);
885
+ },
886
+ label: (0, _translate2.default)({
887
+ id: 'cashier.details.securityAnswer',
888
+ defaultMessage: 'Security answer'
889
+ }, intl)
890
+ })
891
+ );
892
+ };
893
+
803
894
  var SkrillDeposit = exports.SkrillDeposit = {
804
895
  component: (0, _reactIntl.injectIntl)(Email),
805
896
  parser: Parser.parseEmail
@@ -820,6 +911,11 @@ var VenusPointDeposit = exports.VenusPointDeposit = {
820
911
  parser: Parser.parseVenusPoint
821
912
  };
822
913
 
914
+ var VegaDeposit = exports.VegaDeposit = {
915
+ component: injectMethod('deposit', (0, _reactIntl.injectIntl)(Vega)),
916
+ parser: Parser.parseVega
917
+ };
918
+
823
919
  var SiruDeposit = exports.SiruDeposit = {
824
920
  component: (0, _reactIntl.injectIntl)(PhoneNumber),
825
921
  parser: Parser.parsePhoneNumber
@@ -927,6 +1023,11 @@ var VenusPointWithdrawal = exports.VenusPointWithdrawal = {
927
1023
  parser: Parser.parseVenusPoint
928
1024
  };
929
1025
 
1026
+ var VegaWithdrawal = exports.VegaWithdrawal = {
1027
+ component: injectMethod('withdraw', (0, _reactIntl.injectIntl)(Vega)),
1028
+ parser: Parser.parseVega
1029
+ };
1030
+
930
1031
  var NetellerWithdrawal = exports.NetellerWithdrawal = {
931
1032
  component: injectMethod({ method: 'withdraw' }, (0, _reactIntl.injectIntl)(Neteller)),
932
1033
  parser: Parser.parseNeteller
@@ -961,6 +1062,11 @@ var EzeeWalletWithdrawal = exports.EzeeWalletWithdrawal = {
961
1062
  parser: _identity2.default
962
1063
  };
963
1064
 
1065
+ var ParamountWithdrawal = exports.ParamountWithdrawal = {
1066
+ component: (0, _reactIntl.injectIntl)(Paramount),
1067
+ parser: Parser.parseParamount
1068
+ };
1069
+
964
1070
  var MiFinityEWalletWithdrawal = exports.MiFinityEWalletWithdrawal = {
965
1071
  component: (0, _reactIntl.injectIntl)(Mifinity),
966
1072
  parser: _identity2.default
@@ -44,8 +44,20 @@ var parseVenusPoint = exports.parseVenusPoint = function parseVenusPoint(account
44
44
  };
45
45
  };
46
46
 
47
+ var parseVega = exports.parseVega = function parseVega(account) {
48
+ return {
49
+ account: account.maskedAccount || account.account
50
+ };
51
+ };
52
+
47
53
  var parseMifinity = exports.parseMifinity = function parseMifinity(account) {
48
54
  return {
49
55
  account: account.maskedAccount || account.account
50
56
  };
57
+ };
58
+
59
+ var parseParamount = exports.parseParamount = function parseParamount(account) {
60
+ return {
61
+ securityQuestion: account.maskedAccount || account.account
62
+ };
51
63
  };
@@ -198,8 +198,7 @@ var WithdrawWidget = function (_PureComponent) {
198
198
  if (amount === undefined) {
199
199
  return errors;
200
200
  }
201
-
202
- if (Number(amount) < parseFloat(selectedMethod.limit.min)) {
201
+ if (amount && Number(amount) < parseFloat(selectedMethod.limit.min)) {
203
202
  errors.amount.push(_react2.default.createElement(_Translate2.default, {
204
203
  id: 'error.cashier.amount-below-method-limit',
205
204
  defaultMessage: 'Amount is too low.'
@@ -44,6 +44,8 @@ var _Translate2 = _interopRequireDefault(_Translate);
44
44
 
45
45
  var _message = require('./message');
46
46
 
47
+ var _selectUnit = require('../../lib/utils/selectUnit');
48
+
47
49
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
48
50
 
49
51
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -52,71 +54,6 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
52
54
 
53
55
  function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
54
56
 
55
- var MILISECONDS = {
56
- IN_A_SECOND: 1000,
57
- IN_A_MINUTE: 60000,
58
- IN_AN_HOUR: 3600000,
59
- IN_A_DAY: 86400000,
60
- IN_A_WEEK: 604800000,
61
- IN_A_MONTH: 2628000000,
62
- IN_A_YEAR: 31536000000
63
- };
64
-
65
- var selectUnit = function selectUnit(from) {
66
- var now = Date.now();
67
- var ms = now - from;
68
-
69
- switch (true) {
70
- case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
71
- return {
72
- value: -1 * Math.floor(ms / MILISECONDS.IN_A_SECOND),
73
- unit: 'second',
74
- updateIntervalInSeconds: 1
75
- };
76
-
77
- case MILISECONDS.IN_A_MINUTE < ms && ms < MILISECONDS.IN_AN_HOUR:
78
- return {
79
- value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
80
- unit: 'minute'
81
- };
82
-
83
- case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
84
- return {
85
- value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
86
- unit: 'hour'
87
- };
88
-
89
- case MILISECONDS.IN_A_DAY < ms && ms < MILISECONDS.IN_A_WEEK:
90
- return {
91
- value: -1 * Math.floor(ms / MILISECONDS.IN_A_DAY),
92
- unit: 'day'
93
- };
94
-
95
- case MILISECONDS.IN_A_WEEK < ms && ms < MILISECONDS.IN_A_MONTH:
96
- return {
97
- value: -1 * Math.floor(ms / MILISECONDS.IN_A_WEEK),
98
- unit: 'week'
99
- };
100
-
101
- case MILISECONDS.IN_A_MONTH < ms && ms < MILISECONDS.IN_A_YEAR:
102
- return {
103
- value: -1 * Math.floor(ms / MILISECONDS.IN_A_MONTH),
104
- unit: 'month'
105
- };
106
-
107
- case MILISECONDS.IN_A_YEAR < ms:
108
- return {
109
- value: -1 * Math.floor(ms / MILISECONDS.IN_A_YEAR),
110
- unit: 'year'
111
- };
112
-
113
- default:
114
- return {
115
- value: 0
116
- };
117
- }
118
- };
119
-
120
57
  var HistoryWidgetList = function (_React$Component) {
121
58
  _inherits(HistoryWidgetList, _React$Component);
122
59
 
@@ -143,7 +80,7 @@ var HistoryWidgetList = function (_React$Component) {
143
80
  minute: '2-digit',
144
81
  second: '2-digit'
145
82
  });
146
- }, _this.createListInfo = function (item, product, isLoading) {
83
+ }, _this.createListInfo = function (item, product, currency, isLoading) {
147
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)]];
148
85
 
149
86
  if (product === 'casino') {
@@ -155,7 +92,7 @@ var HistoryWidgetList = function (_React$Component) {
155
92
  'div',
156
93
  null,
157
94
  (0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].Status'))
158
- )], [_react2.default.createElement(_Money2.default, { value: item.Win - item.Bet, currency: item.Currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];
95
+ )], [_react2.default.createElement(_Money2.default, { value: item.Win - item.Bet, currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.StartTime + '+00:00')))]];
159
96
  } else if (product === 'sportsbook') {
160
97
  var selection = item.Transactions[0].Description;
161
98
  var odds = item.Transactions[0].Odds;
@@ -171,10 +108,7 @@ var HistoryWidgetList = function (_React$Component) {
171
108
  'div',
172
109
  null,
173
110
  (0, _message.getMessage)(item.Settled ? 'settled' : 'pendling')
174
- )], [_react2.default.createElement(_Money2.default, {
175
- value: item.TotalWin - item.TotalWager,
176
- currency: item.Currency
177
- }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
111
+ )], [_react2.default.createElement(_Money2.default, { value: item.TotalWin - item.TotalWager, currency: currency }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Created + '+00:00')))]];
178
112
  } else if (product === 'bingo') {
179
113
  return [[_react2.default.createElement(_Translate2.default, {
180
114
  tag: 'div'
@@ -186,8 +120,8 @@ var HistoryWidgetList = function (_React$Component) {
186
120
  (0, _message.getMessage)((0, _get2.default)(item, 'Transactions[0].TransactionType'))
187
121
  )], [_react2.default.createElement(_Money2.default, {
188
122
  value: (0, _get2.default)(item, 'Transactions[0].Amount'),
189
- currency: item.Currency
190
- }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
123
+ currency: currency
124
+ }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Created + '+00:00')))]];
191
125
  } else if (product === 'fantasy') {
192
126
  return [[_react2.default.createElement(
193
127
  'div',
@@ -201,8 +135,8 @@ var HistoryWidgetList = function (_React$Component) {
201
135
  (0, _message.getMessage)(item.Status === 'Default' ? 'initiated' : item.Status === 'Canceled' ? 'canceled' : 'completed')
202
136
  )], [_react2.default.createElement(_Money2.default, {
203
137
  value: item.Win - (item.Bet + item.Rake),
204
- currency: item.Currency
205
- }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
138
+ currency: currency
139
+ }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Created + '+00:00')))]];
206
140
  }
207
141
 
208
142
  return [[_react2.default.createElement(
@@ -215,9 +149,9 @@ var HistoryWidgetList = function (_React$Component) {
215
149
  (0, _message.getMessage)(item.Status)
216
150
  )], [_react2.default.createElement(_Money2.default, {
217
151
  value: item.TransactionType === 'Withdraw' ? -item.Amount : item.Amount,
218
- currency: item.Currency
219
- }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, selectUnit(new Date(item.Started + '+00:00')))]];
220
- }, _this.createListDetail = function (item, product) {
152
+ currency: currency
153
+ }), _react2.default.createElement(_reactIntl.FormattedRelativeTime, (0, _selectUnit.selectUnit)(new Date(item.Started + '+00:00')))]];
154
+ }, _this.createListDetail = function (item, product, currency) {
221
155
  if (product === 'casino') {
222
156
  return [[_react2.default.createElement(
223
157
  'div',
@@ -229,14 +163,14 @@ var HistoryWidgetList = function (_React$Component) {
229
163
  id: 'label.history.bet',
230
164
  defaultMessage: 'Bet: {value}',
231
165
  values: {
232
- value: _react2.default.createElement(_Money2.default, { value: item.Bet, currency: item.Currency })
166
+ value: _react2.default.createElement(_Money2.default, { value: item.Bet, currency: currency })
233
167
  }
234
168
  }), _react2.default.createElement(_Translate2.default, {
235
169
  tag: 'div',
236
170
  id: 'label.history.win',
237
171
  defaultMessage: 'Win: {value}',
238
172
  values: {
239
- value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: item.Currency })
173
+ value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: currency })
240
174
  }
241
175
  })]];
242
176
  } else if (product === 'sportsbook') {
@@ -265,14 +199,14 @@ var HistoryWidgetList = function (_React$Component) {
265
199
  id: 'label.history.bet',
266
200
  defaultMessage: 'Bet: {value}',
267
201
  values: {
268
- value: _react2.default.createElement(_Money2.default, { value: item.TotalWager, currency: item.Currency })
202
+ value: _react2.default.createElement(_Money2.default, { value: item.TotalWager, currency: currency })
269
203
  }
270
204
  }), _react2.default.createElement(_Translate2.default, {
271
205
  tag: 'div',
272
206
  id: 'label.history.win',
273
207
  defaultMessage: 'Win: {value}',
274
208
  values: {
275
- value: _react2.default.createElement(_Money2.default, { value: item.TotalWin, currency: item.Currency })
209
+ value: _react2.default.createElement(_Money2.default, { value: item.TotalWin, currency: currency })
276
210
  }
277
211
  })]];
278
212
  } else if (product === 'bingo') {
@@ -305,14 +239,14 @@ var HistoryWidgetList = function (_React$Component) {
305
239
  id: 'label.history.bet',
306
240
  defaultMessage: 'Bet: {value}',
307
241
  values: {
308
- value: _react2.default.createElement(_Money2.default, { value: item.Bet + item.Rake, currency: item.Currency })
242
+ value: _react2.default.createElement(_Money2.default, { value: item.Bet + item.Rake, currency: currency })
309
243
  }
310
244
  }), _react2.default.createElement(_Translate2.default, {
311
245
  tag: 'div',
312
246
  id: 'label.history.win',
313
247
  defaultMessage: 'Win: {value}',
314
248
  values: {
315
- value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: item.Currency })
249
+ value: _react2.default.createElement(_Money2.default, { value: item.Win, currency: currency })
316
250
  }
317
251
  })]];
318
252
  }
@@ -374,7 +308,8 @@ var HistoryWidgetList = function (_React$Component) {
374
308
  var _props = this.props,
375
309
  items = _props.items,
376
310
  product = _props.product,
377
- limit = _props.limit;
311
+ limit = _props.limit,
312
+ currency = _props.currency;
378
313
  var page = this.state.page;
379
314
 
380
315
 
@@ -383,8 +318,8 @@ var HistoryWidgetList = function (_React$Component) {
383
318
  var listItems = pageItems.map(function (item) {
384
319
  return {
385
320
  id: item,
386
- info: _this2.createListInfo(item, product, items.isLoading),
387
- detail: _this2.createListDetail(item, product, items.isLoading)
321
+ info: _this2.createListInfo(item, product, currency, items.isLoading),
322
+ detail: _this2.createListDetail(item, product, currency, items.isLoading)
388
323
  };
389
324
  });
390
325
 
@@ -431,6 +366,7 @@ var HistoryWidget = function HistoryWidget(_ref2) {
431
366
  var getTransactions = _ref2.getTransactions,
432
367
  items = _ref2.items,
433
368
  products = _ref2.products,
369
+ currency = _ref2.currency,
434
370
  limit = _ref2.limit;
435
371
 
436
372
  var accordionItems = products.map(function (product) {
@@ -438,6 +374,7 @@ var HistoryWidget = function HistoryWidget(_ref2) {
438
374
  header: (0, _message.getMessage)(product),
439
375
  content: _react2.default.createElement(HistoryWidgetList, {
440
376
  product: product,
377
+ currency: currency,
441
378
  limit: limit,
442
379
  getTransactions: getTransactions[product],
443
380
  items: items[product]
@@ -282,7 +282,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
282
282
  setValue = _useState2[1];
283
283
 
284
284
  (0, _react.useEffect)(function () {
285
- if (newLimit && newLimit.Amount) {
285
+ if (newLimit) {
286
286
  setValue(newLimit.Amount);
287
287
  }
288
288
  }, [newLimit]);
@@ -313,7 +313,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
313
313
  });
314
314
  }
315
315
  // If not blocked from removing limit or 'No limit' option is selected -> add 'No limit' option
316
- if (!validationState['limit-remove-blocked'] || value === 0) {
316
+ if (!validationState['limit-remove-blocked'] || value === 0 || value === '') {
317
317
  options.unshift({
318
318
  value: 0,
319
319
  label: messages.get('label.responsible-gaming.option.no-limit')
@@ -350,6 +350,8 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
350
350
  }
351
351
  };
352
352
 
353
+ var isIphone = typeof window !== 'undefined' && navigator.platform === 'iPhone';
354
+
353
355
  return _react2.default.createElement(
354
356
  _react.Fragment,
355
357
  null,
@@ -383,7 +385,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
383
385
  setValue(parseInt(value));
384
386
  if (value > 0) _onChange(value);
385
387
  },
386
- autoFocus: true,
388
+ autoFocus: !isIphone,
387
389
  min: validationState['limit-remove-blocked'] ? '1' : '0',
388
390
  max: validationState['limit-increase-blocked'] ? (0, _get2.default)(currentLimit, 'Amount') : Infinity
389
391
  }),