tg-core-components 5.4.5-bethard → 5.5.1-master

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 (105) hide show
  1. package/es/components/AcceptUpdatedTaC/index.js +8 -3
  2. package/es/components/Checkbox/index.js +93 -0
  3. package/es/components/Deposit/CardInput/index.js +1 -3
  4. package/es/components/Input/index.js +222 -22
  5. package/es/components/InputWrapper/index.js +69 -0
  6. package/es/components/Notification.js +4 -4
  7. package/es/components/Select/index.js +202 -64
  8. package/es/components/Select/test.js +111 -0
  9. package/es/index.js +2 -2
  10. package/es/lib/utils/translate.js +1 -8
  11. package/es/misc/countryEmojiFlags.js +0 -1
  12. package/es/widgets/AccountDetail/index.js +53 -77
  13. package/es/widgets/ActivateWidget/index.js +59 -293
  14. package/es/widgets/BonusWidget/BonusCode.js +24 -17
  15. package/es/widgets/BonusWidget/index.js +83 -45
  16. package/es/widgets/Cashier/Payment/index.js +2 -0
  17. package/es/widgets/CashierAccordion/Deposit/BonusCodeInput/index.js +9 -6
  18. package/es/widgets/CashierAccordion/Deposit/DepositWidget/index.js +22 -33
  19. package/es/widgets/CashierAccordion/Deposit/PaymentForm/index.js +2 -6
  20. package/es/widgets/CashierAccordion/Payment/PaymentAccountForms/astroPayBankTransaltions.js +12 -0
  21. package/es/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +163 -347
  22. package/es/widgets/CashierAccordion/Payment/PaymentAccountParser.js +0 -6
  23. package/es/widgets/CashierAccordion/Payment/PaymentMethodSelector/index.js +2 -2
  24. package/es/widgets/CashierAccordion/Payment/index.js +2 -0
  25. package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +9 -23
  26. package/es/widgets/ChangePassword/index.js +53 -40
  27. package/es/widgets/HistoryWidget/index.js +69 -51
  28. package/es/widgets/HistoryWidget/message.js +17 -20
  29. package/es/widgets/RequestResetPassword/index.js +15 -14
  30. package/es/widgets/ResetPassword/index.js +22 -18
  31. package/es/widgets/ResponsibleGamingAccordion/LimitStatus/index.js +5 -2
  32. package/es/widgets/ResponsibleGamingAccordion/PeriodItemContent/index.js +1 -2
  33. package/es/widgets/ResponsibleGamingSingleSignUp/AmountItem/index.js +1 -2
  34. package/es/widgets/ResponsibleGamingWidget/Timespan.js +14 -24
  35. package/es/widgets/ResponsibleGamingWidget/helpers.js +2 -2
  36. package/es/widgets/ResponsibleGamingWidget/validate.js +2 -6
  37. package/es/widgets/Settings/index.js +2 -2
  38. package/es/widgets/SignIn/SignInForm.js +4 -6
  39. package/es/widgets/SignIn/index.js +21 -21
  40. package/es/widgets/SignUp/ContactInfoStep.js +5 -6
  41. package/es/widgets/SportsbookSettings/index.js +10 -24
  42. package/es/widgets/Subscriptions/index.js +3 -5
  43. package/lib/components/AcceptUpdatedTaC/index.js +11 -3
  44. package/lib/components/Checkbox/index.js +106 -0
  45. package/lib/components/Deposit/CardInput/index.js +1 -3
  46. package/lib/components/Input/index.js +223 -26
  47. package/lib/components/InputWrapper/index.js +85 -0
  48. package/lib/components/Notification.js +3 -3
  49. package/lib/components/Select/index.js +209 -63
  50. package/lib/components/Select/test.js +121 -0
  51. package/lib/index.js +7 -7
  52. package/lib/lib/utils/translate.js +1 -8
  53. package/lib/misc/countryEmojiFlags.js +0 -1
  54. package/lib/widgets/AccountDetail/index.js +53 -86
  55. package/lib/widgets/ActivateWidget/index.js +58 -305
  56. package/lib/widgets/BonusWidget/BonusCode.js +24 -20
  57. package/lib/widgets/BonusWidget/index.js +85 -44
  58. package/lib/widgets/Cashier/Payment/index.js +2 -0
  59. package/lib/widgets/CashierAccordion/Deposit/BonusCodeInput/index.js +13 -7
  60. package/lib/widgets/CashierAccordion/Deposit/DepositWidget/index.js +25 -36
  61. package/lib/widgets/CashierAccordion/Deposit/PaymentForm/index.js +2 -9
  62. package/lib/widgets/CashierAccordion/Payment/PaymentAccountForms/astroPayBankTransaltions.js +12 -0
  63. package/lib/widgets/CashierAccordion/Payment/PaymentAccountForms/index.js +195 -378
  64. package/lib/widgets/CashierAccordion/Payment/PaymentAccountParser.js +0 -6
  65. package/lib/widgets/CashierAccordion/Payment/PaymentMethodSelector/index.js +2 -2
  66. package/lib/widgets/CashierAccordion/Payment/index.js +2 -0
  67. package/lib/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js +11 -25
  68. package/lib/widgets/ChangePassword/index.js +53 -43
  69. package/lib/widgets/HistoryWidget/index.js +69 -51
  70. package/lib/widgets/HistoryWidget/message.js +17 -20
  71. package/lib/widgets/RequestResetPassword/index.js +15 -17
  72. package/lib/widgets/ResetPassword/index.js +25 -21
  73. package/lib/widgets/ResponsibleGamingAccordion/LimitStatus/index.js +5 -2
  74. package/lib/widgets/ResponsibleGamingAccordion/PeriodItemContent/index.js +1 -2
  75. package/lib/widgets/ResponsibleGamingSingleSignUp/AmountItem/index.js +1 -2
  76. package/lib/widgets/ResponsibleGamingWidget/Timespan.js +14 -24
  77. package/lib/widgets/ResponsibleGamingWidget/helpers.js +2 -2
  78. package/lib/widgets/ResponsibleGamingWidget/validate.js +2 -6
  79. package/lib/widgets/Settings/index.js +6 -6
  80. package/lib/widgets/SignIn/SignInForm.js +7 -6
  81. package/lib/widgets/SignIn/index.js +25 -25
  82. package/lib/widgets/SignUp/ContactInfoStep.js +8 -6
  83. package/lib/widgets/SportsbookSettings/index.js +10 -24
  84. package/lib/widgets/Subscriptions/index.js +3 -11
  85. package/package.json +8 -3
  86. package/es/components/AutocompleteInput/index.js +0 -104
  87. package/es/components/Input/BirthdateInput.js +0 -174
  88. package/es/components/Input/Checkbox.js +0 -51
  89. package/es/components/Input/Input.js +0 -73
  90. package/es/components/Input/PasswordInput.js +0 -84
  91. package/es/components/Input/PhoneNumberInput.js +0 -113
  92. package/es/components/Input/input.test.js +0 -80
  93. package/es/components/Input/old-input.test.js +0 -100
  94. package/es/components/common.js +0 -339
  95. package/es/widgets/CashierAccordion/Deposit/PaymentForm/NewTab.js +0 -28
  96. package/lib/components/AutocompleteInput/index.js +0 -118
  97. package/lib/components/Input/BirthdateInput.js +0 -195
  98. package/lib/components/Input/Checkbox.js +0 -65
  99. package/lib/components/Input/Input.js +0 -87
  100. package/lib/components/Input/PasswordInput.js +0 -101
  101. package/lib/components/Input/PhoneNumberInput.js +0 -130
  102. package/lib/components/Input/input.test.js +0 -89
  103. package/lib/components/Input/old-input.test.js +0 -107
  104. package/lib/components/common.js +0 -359
  105. package/lib/widgets/CashierAccordion/Deposit/PaymentForm/NewTab.js +0 -44
@@ -24,10 +24,6 @@ var _Input = require('../../components/Input');
24
24
 
25
25
  var _Input2 = _interopRequireDefault(_Input);
26
26
 
27
- var _Button = require('../../components/Button');
28
-
29
- var _Button2 = _interopRequireDefault(_Button);
30
-
31
27
  var _required = require('../../lib/WithValidation/rules/required');
32
28
 
33
29
  var _required2 = _interopRequireDefault(_required);
@@ -44,6 +40,10 @@ var _translate = require('../../lib/utils/translate');
44
40
 
45
41
  var _translate2 = _interopRequireDefault(_translate);
46
42
 
43
+ var _index = require('../../components/Button/index');
44
+
45
+ var _index2 = _interopRequireDefault(_index);
46
+
47
47
  var _propTypes = require('prop-types');
48
48
 
49
49
  var _propTypes2 = _interopRequireDefault(_propTypes);
@@ -73,39 +73,43 @@ var ResetPassword = function (_Component) {
73
73
  intl = _props.intl,
74
74
  onSubmit = _props.onSubmit,
75
75
  _onBlur = _props.onBlur,
76
- isLoading = _props.isLoading;
76
+ disabled = _props.disabled;
77
77
 
78
78
 
79
79
  return _react2.default.createElement(
80
80
  'form',
81
81
  { className: 'form', onSubmit: onSubmit },
82
82
  _react2.default.createElement(_Input2.default, {
83
- label: (0, _translate2.default)({ id: 'label.new_password' }, intl),
83
+ className: 'layout-item',
84
+ placeholder: (0, _translate2.default)({ id: 'label.new_password' }, intl),
84
85
  type: 'password',
85
86
  name: 'NewPassword',
86
- onBlur: function onBlur(e) {
87
- return _onBlur('NewPassword', e.target.value);
87
+ onBlur: function onBlur(value) {
88
+ return _onBlur('NewPassword', value);
88
89
  },
89
- status: errors.NewPassword && 'failure' || 'idle',
90
- statusText: errors.NewPassword && (0, _translate2.default)({ id: errors.NewPassword }, intl)
90
+ error: errors.NewPassword && (0, _translate2.default)({ id: errors.NewPassword }, intl)
91
91
  }),
92
92
  _react2.default.createElement(_Input2.default, {
93
- label: (0, _translate2.default)({ id: 'label.confirm_password' }, intl),
93
+ className: 'layout-item',
94
+ placeholder: (0, _translate2.default)({ id: 'label.confirm_password' }, intl),
94
95
  type: 'password',
95
96
  name: 'confirm_password',
96
- onBlur: function onBlur(e) {
97
- return _onBlur('confirm_password', e.target.value);
97
+ onBlur: function onBlur(value) {
98
+ return _onBlur('confirm_password', value);
98
99
  },
99
- status: errors.confirm_password && 'failure' || 'idle',
100
- statusText: errors.confirm_password && (0, _translate2.default)({ id: errors.confirm_password }, intl)
100
+ error: errors.confirm_password && (0, _translate2.default)({ id: errors.confirm_password }, intl)
101
101
  }),
102
102
  _react2.default.createElement(
103
- _Button2.default,
104
- {
105
- className: 'button primary wide',
106
- type: 'submit',
107
- isLoading: isLoading },
108
- (0, _translate2.default)({ id: 'label.reset_password' }, intl)
103
+ 'div',
104
+ { className: 'layout-item' },
105
+ _react2.default.createElement(
106
+ _index2.default,
107
+ {
108
+ isLoading: disabled,
109
+ className: 'button primary reset-password-button',
110
+ type: 'submit' },
111
+ (0, _translate2.default)({ id: 'label.reset_password' }, intl)
112
+ )
109
113
  )
110
114
  );
111
115
  }
@@ -162,8 +162,11 @@ var TransactionLimit = function TransactionLimit(_ref3) {
162
162
  { className: 'transaction-limit-value' },
163
163
  _react2.default.createElement(
164
164
  'a',
165
- { href: '#', onClick: function onClick() {
166
- return handleCancel(id);
165
+ {
166
+ href: '#',
167
+ onClick: function onClick(e) {
168
+ e.preventDefault();
169
+ handleCancel(id);
167
170
  } },
168
171
  _react2.default.createElement(_Translate2.default, { id: 'action.delete.limit', defaultMessage: 'Delete' })
169
172
  )
@@ -90,8 +90,7 @@ var PeriodItemContent = function PeriodItemContent(_ref) {
90
90
  value: displayLimit ? displayLimit.Amount : null,
91
91
  name: 'Amount',
92
92
  disabled: confirmLimit || cooldownLimit || pendingLimit,
93
- status: errors.Amount && 'failure',
94
- statusText: errors.Amount && (0, _translate2.default)({ id: errors.Amount }, intl)
93
+ error: errors.Amount && (0, _translate2.default)({ id: errors.Amount }, intl)
95
94
  }),
96
95
  confirmLimit && _react2.default.createElement(
97
96
  'div',
@@ -77,8 +77,7 @@ var AmountItem = function (_Component) {
77
77
  },
78
78
  name: timespan,
79
79
  value: value,
80
- status: !!error && 'failure',
81
- statusText: error,
80
+ error: error,
82
81
  currency: currency,
83
82
  type: 'number',
84
83
  inputMode: 'numeric',
@@ -282,10 +282,8 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
282
282
  setValue = _useState2[1];
283
283
 
284
284
  (0, _react.useEffect)(function () {
285
- if (newLimit && newLimit.Amount) {
286
- setValue(newLimit.Amount);
287
- }
288
- }, [newLimit]);
285
+ return setValue(newLimit ? newLimit.Amount : currentLimit ? currentLimit.Amount : 0);
286
+ }, [newLimit, currentLimit]);
289
287
 
290
288
  var _useState3 = (0, _react.useState)('select'),
291
289
  _useState4 = _slicedToArray(_useState3, 2),
@@ -336,7 +334,9 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
336
334
  }).sort();
337
335
  }
338
336
 
339
- var closeCustomAmount = function closeCustomAmount() {
337
+ var closeCustomAmount = function closeCustomAmount(e) {
338
+ e.preventDefault();
339
+ e.stopPropagation();
340
340
  _onChange(currentLimit ? currentLimit.Amount : 0);
341
341
  setInputMode('select');
342
342
  };
@@ -354,24 +354,15 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
354
354
  _react.Fragment,
355
355
  null,
356
356
  _react2.default.createElement(
357
- 'div',
357
+ 'form',
358
358
  { className: 'ResponsibleGamingWidget__timespan-limit-selector' },
359
- inputMode === 'select' && _react2.default.createElement(
360
- _Select2.default,
361
- {
362
- options: options,
363
- value: value,
364
- onChange: function onChange(e, value) {
365
- return _onChange(value);
366
- } },
367
- options.map(function (o) {
368
- return _react2.default.createElement(
369
- _Select2.default.Option,
370
- { value: o.value },
371
- o.label
372
- );
373
- })
374
- ),
359
+ inputMode === 'select' && _react2.default.createElement(_Select2.default, {
360
+ options: options,
361
+ value: value,
362
+ onChange: function onChange(e, name, value) {
363
+ return _onChange(value);
364
+ }
365
+ }),
375
366
  inputMode === 'input' && _react2.default.createElement(
376
367
  _react.Fragment,
377
368
  null,
@@ -379,7 +370,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
379
370
  type: 'number',
380
371
  pattern: '\\d*',
381
372
  value: value,
382
- onChange: function onChange(e, value) {
373
+ onChange: function onChange(e, name, value) {
383
374
  setValue(parseInt(value));
384
375
  if (value > 0) _onChange(value);
385
376
  },
@@ -390,7 +381,6 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
390
381
  _react2.default.createElement(
391
382
  _Button2.default,
392
383
  {
393
- type: 'button',
394
384
  onClick: closeCustomAmount,
395
385
  className: 'button mini tertiary' },
396
386
  _react2.default.createElement(_Icon2.default, { icon: 'times' })
@@ -17,8 +17,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
17
17
  * Helper function to get values using currency and timespan
18
18
  */
19
19
  var getValues = exports.getValues = function getValues(values, currency, timespan) {
20
- values = (0, _get2.default)(values, '[' + (currency || '').toUpperCase() + ']') || values;
21
- return (Array.isArray(values) ? values : []).filter(function (v) {
20
+ values = (0, _get2.default)(values, '[' + (currency || '').toUpperCase() + ']') || values || [];
21
+ return values.filter(function (v) {
22
22
  return (typeof v === 'undefined' ? 'undefined' : _typeof(v)) === 'object' && v.timespan === timespan || typeof v === 'number';
23
23
  }).map(function (v) {
24
24
  return (typeof v === 'undefined' ? 'undefined' : _typeof(v)) === 'object' ? v.amount : v;
@@ -48,10 +48,6 @@ var validate = function validate(_ref) {
48
48
  return !t.newLimit || (0, _get2.default)(t, 'newLimit.Amount') === (0, _get2.default)(t, 'currentLimit.Amount');
49
49
  });
50
50
 
51
- var newMonthlyDepositLimit = timespans.find(function (t) {
52
- return (0, _get2.default)(t, 'newLimit.Type') === 'Deposit' && t.timespan === 30;
53
- });
54
-
55
51
  /**
56
52
  * Compose jurisdictions with rules
57
53
  */
@@ -59,10 +55,10 @@ var validate = function validate(_ref) {
59
55
  return !this['insufficient-limit-count'] && !(this['limit-increase-blocked'] && isIncreasingLimit) && !(this['limit-remove-blocked'] && isRemovingLimit);
60
56
  }), _common);
61
57
  var mga = {};
62
- var sga = (_sga = {}, _defineProperty(_sga, 'insufficient-limit-count', type === 'Deposit' && limitCount < 3), _defineProperty(_sga, 'limit-remove-blocked', type === 'Deposit'), _defineProperty(_sga, 'monthly-deposit-above-10k', (0, _get2.default)(newMonthlyDepositLimit, 'newLimit.Amount') >= 10000), _sga);
58
+ var sga = (_sga = {}, _defineProperty(_sga, 'insufficient-limit-count', type === 'Deposit' && limitCount < 3), _defineProperty(_sga, 'limit-remove-blocked', type === 'Deposit'), _sga);
63
59
  var uk = {};
64
60
  var dga = (_dga = {}, _defineProperty(_dga, 'insufficient-limit-count', type === 'Deposit' && limitCount < 1), _defineProperty(_dga, 'limit-remove-blocked', type === 'Deposit' && limitCount <= 1), _dga);
65
- var es = (_es = {}, _defineProperty(_es, 'insufficient-limit-count', type === 'Deposit' && limitCount < 3), _defineProperty(_es, 'limit-remove-blocked', type === 'Deposit'), _defineProperty(_es, 'limit-increase-blocked', type === 'Deposit' && limitIncreaseInfo.HasDepositLimitIncreaseBlock), _defineProperty(_es, 'support-pending', type === 'Deposit' && limitIncreaseInfo.HasValidPgsiScore && limitIncreaseInfo.RequiresSupportApproval), _defineProperty(_es, 'requires-self-test', isIncreasingLimit && type === 'Deposit' && !limitIncreaseInfo.HasDepositLimitIncreaseBlock), _defineProperty(_es, 'self-test-fail-cooldown', type === 'Deposit' && !limitIncreaseInfo.HasValidPgsiScore && limitIncreaseInfo.HasDepositLimitIncreaseBlock), _es);
61
+ var es = (_es = {}, _defineProperty(_es, 'insufficient-limit-count', type === 'Deposit' && limitCount < 3), _defineProperty(_es, 'limit-remove-blocked', type === 'Deposit'), _defineProperty(_es, 'limit-increase-blocked', type === 'Deposit' && limitIncreaseInfo.HasDepositLimitIncreaseBlock), _defineProperty(_es, 'support-pending', type === 'Deposit' && limitIncreaseInfo.HasValidPgsiScore && limitIncreaseInfo.RequiresSupportApproval), _defineProperty(_es, 'requires-self-test', isIncreasingLimit && type === 'Deposit' && !limitIncreaseInfo.HasValidPgsiScore && !limitIncreaseInfo.HasDepositLimitIncreaseBlock), _defineProperty(_es, 'self-test-fail-cooldown', type === 'Deposit' && !limitIncreaseInfo.HasValidPgsiScore && limitIncreaseInfo.HasDepositLimitIncreaseBlock), _es);
66
62
 
67
63
  switch (jurisdiction) {
68
64
  case 'mga':
@@ -14,6 +14,10 @@ var _propTypes = require('prop-types');
14
14
 
15
15
  var _propTypes2 = _interopRequireDefault(_propTypes);
16
16
 
17
+ var _Checkbox = require('../../components/Checkbox');
18
+
19
+ var _Checkbox2 = _interopRequireDefault(_Checkbox);
20
+
17
21
  var _Select = require('../../components/Select');
18
22
 
19
23
  var _Select2 = _interopRequireDefault(_Select);
@@ -22,10 +26,6 @@ var _Input = require('../../components/Input');
22
26
 
23
27
  var _Input2 = _interopRequireDefault(_Input);
24
28
 
25
- var _Button = require('../../components/Button');
26
-
27
- var _Button2 = _interopRequireDefault(_Button);
28
-
29
29
  var _Translate = require('../../components/Translate');
30
30
 
31
31
  var _Translate2 = _interopRequireDefault(_Translate);
@@ -40,7 +40,7 @@ var Settings = function Settings(_ref) {
40
40
  onSave = _ref.onSave;
41
41
 
42
42
  var types = {
43
- checkbox: Checkbox,
43
+ checkbox: _Checkbox2.default,
44
44
  select: _Select2.default,
45
45
  input: _Input2.default
46
46
  };
@@ -57,7 +57,7 @@ var Settings = function Settings(_ref) {
57
57
  return Component && _react2.default.createElement(Component, _extends({ key: key }, props, { onChange: onChange }));
58
58
  }),
59
59
  _react2.default.createElement(
60
- _Button2.default,
60
+ 'button',
61
61
  { onClick: onSave, className: 'button primary' },
62
62
  _react2.default.createElement(_Translate2.default, { id: 'action.save', defaultMessage: 'Save' })
63
63
  )
@@ -18,6 +18,10 @@ var _Input = require('../../components/Input');
18
18
 
19
19
  var _Input2 = _interopRequireDefault(_Input);
20
20
 
21
+ var _Checkbox = require('../../components/Checkbox');
22
+
23
+ var _Checkbox2 = _interopRequireDefault(_Checkbox);
24
+
21
25
  var _ButtonLoader = require('../../components/ButtonLoader');
22
26
 
23
27
  var _ButtonLoader2 = _interopRequireDefault(_ButtonLoader);
@@ -61,8 +65,7 @@ var SignIn = function SignIn(_ref) {
61
65
  return _onBlur('username', value);
62
66
  },
63
67
  title: (0, _translate2.default)({ id: 'label.username' }, intl),
64
- status: errors.username && 'failure' || 'idle',
65
- statusText: errors.username && (0, _translate2.default)({ id: errors.username }, intl),
68
+ error: errors.username && (0, _translate2.default)({ id: errors.username }, intl),
66
69
  autoFocus: shouldAutoFocus && !email
67
70
  }),
68
71
  _react2.default.createElement(_Input2.default, {
@@ -74,13 +77,11 @@ var SignIn = function SignIn(_ref) {
74
77
  return _onBlur('password', value);
75
78
  },
76
79
  title: (0, _translate2.default)({ id: 'label.password' }, intl),
77
- status: errors.password && 'failure' || 'idle',
78
- statusText: errors.password && (0, _translate2.default)({ id: errors.password }, intl),
80
+ error: errors.password && (0, _translate2.default)({ id: errors.password }, intl),
79
81
  autoFocus: shouldAutoFocus && email
80
82
  }),
81
- _react2.default.createElement(_Input2.default, {
83
+ _react2.default.createElement(_Checkbox2.default, {
82
84
  className: 'layout-item-full-width remember-email-checkbox',
83
- type: 'checkbox',
84
85
  label: (0, _translate2.default)({
85
86
  id: 'label.remember-email',
86
87
  defaultMessage: 'Remember email'
@@ -18,9 +18,13 @@ var _Input = require('../../components/Input');
18
18
 
19
19
  var _Input2 = _interopRequireDefault(_Input);
20
20
 
21
- var _Button = require('../../components/Button');
21
+ var _Checkbox = require('../../components/Checkbox');
22
22
 
23
- var _Button2 = _interopRequireDefault(_Button);
23
+ var _Checkbox2 = _interopRequireDefault(_Checkbox);
24
+
25
+ var _ButtonLoader = require('../../components/ButtonLoader');
26
+
27
+ var _ButtonLoader2 = _interopRequireDefault(_ButtonLoader);
24
28
 
25
29
  var _WithValidation = require('../../lib/WithValidation');
26
30
 
@@ -34,10 +38,6 @@ var _translate = require('../../lib/utils/translate');
34
38
 
35
39
  var _translate2 = _interopRequireDefault(_translate);
36
40
 
37
- var _Icon = require('../../components/Icon');
38
-
39
- var _Icon2 = _interopRequireDefault(_Icon);
40
-
41
41
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
42
42
 
43
43
  var SignIn = function SignIn(_ref) {
@@ -61,44 +61,44 @@ var SignIn = function SignIn(_ref) {
61
61
  name: 'username',
62
62
  value: email,
63
63
  onChange: handleChangeEmail,
64
- onBlur: function onBlur() {
65
- return _onBlur('username', email);
64
+ onBlur: function onBlur(value) {
65
+ return _onBlur('username', value);
66
66
  },
67
- label: (0, _translate2.default)({ id: 'label.username_or_email' }, intl),
67
+ title: (0, _translate2.default)({ id: 'label.username_or_email' }, intl),
68
+ error: errors.username && (0, _translate2.default)({ id: errors.username }, intl),
68
69
  autoFocus: shouldAutoFocus && !email,
69
- autoComplete: 'username',
70
- icon: _react2.default.createElement(_Icon2.default, { icon: 'envelope' }),
71
- status: errors.username && 'failure',
72
- statusText: errors.username && (0, _translate2.default)({ id: errors.username }, intl)
70
+ autoComplete: 'username'
73
71
  }),
74
72
  _react2.default.createElement(_Input2.default, {
75
73
  className: 'layout-item-full-width',
76
74
  type: 'password',
77
75
  name: 'password',
78
- label: (0, _translate2.default)({ id: 'label.password' }, intl),
76
+ showToggleIcon: true,
77
+ onBlur: function onBlur(value) {
78
+ return _onBlur('password', value);
79
+ },
80
+ title: (0, _translate2.default)({ id: 'label.password' }, intl),
81
+ error: errors.password && (0, _translate2.default)({ id: errors.password }, intl),
79
82
  autoFocus: shouldAutoFocus && email,
80
- autoComplete: 'current-password',
81
- icon: _react2.default.createElement(_Icon2.default, { icon: 'lock' }),
82
- status: errors.password && 'failure',
83
- statusText: errors.password && (0, _translate2.default)({ id: errors.password }, intl)
83
+ autoComplete: 'current-password'
84
84
  }),
85
- _react2.default.createElement(_Input2.default, {
85
+ _react2.default.createElement(_Checkbox2.default, {
86
86
  className: 'layout-item-full-width remember-email-checkbox',
87
- type: 'checkbox',
88
- label: (0, _translate2.default)({
87
+ title: (0, _translate2.default)({
89
88
  id: 'label.remember-email',
90
89
  defaultMessage: 'Remember email'
91
90
  }, intl),
92
- value: shouldRememberEmail,
91
+ checked: shouldRememberEmail,
93
92
  onChange: handleToggleRememberEmail,
94
93
  name: 'remember-email'
95
94
  }),
96
95
  _react2.default.createElement(
97
- _Button2.default,
96
+ 'button',
98
97
  {
99
- className: 'button primary wide',
98
+ className: 'button primary wide ' + (isLoading && 'loading'),
100
99
  type: 'submit',
101
- isLoading: !!isLoading },
100
+ disabled: !!isLoading },
101
+ isLoading && _react2.default.createElement(_ButtonLoader2.default, null),
102
102
  (0, _translate2.default)({ id: 'action.button.login' }, intl)
103
103
  )
104
104
  );
@@ -26,6 +26,10 @@ var _Select = require('../../components/Select');
26
26
 
27
27
  var _Select2 = _interopRequireDefault(_Select);
28
28
 
29
+ var _Checkbox = require('../../components/Checkbox');
30
+
31
+ var _Checkbox2 = _interopRequireDefault(_Checkbox);
32
+
29
33
  var _WithValidation = require('../../lib/WithValidation');
30
34
 
31
35
  var _WithValidation2 = _interopRequireDefault(_WithValidation);
@@ -306,18 +310,16 @@ var ContactInfo = function (_Component) {
306
310
  },
307
311
  defaultValue: 'Male'
308
312
  }),
309
- _react2.default.createElement(_Input2.default, {
310
- type: 'checkbox',
311
- label: intl.formatMessage({ id: 'label.terms-of-conditions' }),
313
+ _react2.default.createElement(_Checkbox2.default, {
314
+ title: intl.formatMessage({ id: 'label.terms-of-conditions' }),
312
315
  name: 'AcceptTerms',
313
316
  onChange: function onChange(e, name, val) {
314
317
  return _onChange(name, val);
315
318
  },
316
319
  error: errors.AcceptTerms && (0, _translate2.default)({ id: errors.AcceptTerms }, intl)
317
320
  }),
318
- _react2.default.createElement(_Input2.default, {
319
- type: 'checkbox',
320
- label: intl.formatMessage({
321
+ _react2.default.createElement(_Checkbox2.default, {
322
+ title: intl.formatMessage({
321
323
  id: 'label.optin.marketing',
322
324
  defaultMessage: 'I want to receive marketing material'
323
325
  }),
@@ -35,31 +35,17 @@ var SportsbookSettings = function SportsbookSettings(_ref) {
35
35
 
36
36
  return _react2.default.createElement(
37
37
  'form',
38
- {
39
- onSubmit: onSubmit,
40
- className: (0, _classnames2.default)('SportsbookSettings', 'form', className) },
38
+ { onSubmit: onSubmit, className: (0, _classnames2.default)('SportsbookSettings', className) },
41
39
  Array.isArray(selects) && selects.map(function (s, i) {
42
- return _react2.default.createElement(
43
- _Select2.default,
44
- {
45
- key: i,
46
- name: s.name,
47
- label: s.title,
48
- value: s.value,
49
- onChange: s.onChange || onChange },
50
- s.placeholder && _react2.default.createElement(
51
- _Select2.default.Option,
52
- { value: '', selected: true },
53
- s.placeholder
54
- ),
55
- s.options.map(function (o) {
56
- return _react2.default.createElement(
57
- _Select2.default.Option,
58
- { value: o.value },
59
- o.label
60
- );
61
- })
62
- );
40
+ return _react2.default.createElement(_Select2.default, {
41
+ key: i,
42
+ name: s.name,
43
+ title: s.title,
44
+ options: s.options,
45
+ value: s.value,
46
+ placeholder: s.placeholder,
47
+ onChange: s.onChange || onChange
48
+ });
63
49
  }),
64
50
  _react2.default.createElement(
65
51
  _Button2.default,
@@ -22,14 +22,6 @@ var _translate = require('../../lib/utils/translate');
22
22
 
23
23
  var _translate2 = _interopRequireDefault(_translate);
24
24
 
25
- var _Button = require('../../components/Button');
26
-
27
- var _Button2 = _interopRequireDefault(_Button);
28
-
29
- var _Input = require('../../components/Input');
30
-
31
- var _Input2 = _interopRequireDefault(_Input);
32
-
33
25
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
34
26
 
35
27
  function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -167,10 +159,10 @@ var Subscriptions = function (_React$Component) {
167
159
  return _react2.default.createElement(
168
160
  'div',
169
161
  { key: index, className: 'subscribe-item' },
170
- _react2.default.createElement(_Input2.default, {
162
+ _react2.default.createElement('input', {
171
163
  id: 'newsletter-checkbox-' + index,
172
164
  type: 'checkbox',
173
- value: option.OptIn,
165
+ checked: option.OptIn,
174
166
  onChange: function onChange(e) {
175
167
  return _this3.onClickCheckbox({ e: e, option: option });
176
168
  }
@@ -185,7 +177,7 @@ var Subscriptions = function (_React$Component) {
185
177
  );
186
178
  }),
187
179
  _react2.default.createElement(
188
- _Button2.default,
180
+ 'button',
189
181
  {
190
182
  className: 'button primary',
191
183
  disabled: isLoading,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "tg-core-components",
3
- "version": "5.4.5-bethard",
3
+ "version": "5.5.1-master",
4
4
  "description": "tg-core-components",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",
@@ -16,6 +16,8 @@
16
16
  "build:clean": "rm -rf ./es && rm -rf ./lib",
17
17
  "prepublish": "npm run build",
18
18
  "lint": "eslint src",
19
+ "storybook": "start-storybook -p 6006",
20
+ "build-storybook": "build-storybook",
19
21
  "guide": "yarn styleguidist server",
20
22
  "guide:build": "yarn styleguidist build"
21
23
  },
@@ -38,7 +40,7 @@
38
40
  "peerDependencies": {
39
41
  "classnames": "^2.2.6",
40
42
  "final-form": "^4.20.1",
41
- "marked": "^2.0.0",
43
+ "marked": "^1.1.1",
42
44
  "prop-types": "^15.7.2",
43
45
  "react": "^16.13.1",
44
46
  "react-dom": "^16.13.1",
@@ -48,6 +50,7 @@
48
50
  "react-transition-group": "^4.4.1"
49
51
  },
50
52
  "devDependencies": {
53
+ "@storybook/react": "^3.2.17",
51
54
  "babel-cli": "^6.26.0",
52
55
  "babel-core": "^6.26.3",
53
56
  "babel-plugin-react-intl": "^2.3.1",
@@ -67,14 +70,16 @@
67
70
  "ejs": "^2.5.1",
68
71
  "enzyme": "^3.2.0",
69
72
  "eslint": "^4.11.0",
73
+ "react-addons-test-utils": "^15.6.2",
70
74
  "react-helmet": "^5.2.0",
71
75
  "react-prism": "^4.3.1",
72
76
  "react-scripts": "^1.0.17",
73
77
  "react-styleguidist": "^6.2.6",
74
78
  "react-test-renderer": "^16.2.0",
75
79
  "react-transition-group": "^2.2.1",
80
+ "storybook-addon-intl": "^2.2.0",
76
81
  "webpack": "^3.0.0",
77
82
  "webpack-blocks": "^1.0.0"
78
83
  },
79
- "gitHead": "0f1fd60381256a28aa304c18a636b8298b7cb34a"
84
+ "gitHead": "41194065d6259000c6303d2ef1784fe5a9d68e92"
80
85
  }