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

package/es/widgets/ResponsibleGamingAccordion/LimitStatus/index.js

@@ -141,8 +141,11 @@ var TransactionLimit = function TransactionLimit(_ref3) {
       { className: 'transaction-limit-value' },
       React.createElement(
         'a',
-        { href: '#', onClick: function onClick() {
-            return handleCancel(id);
+        {
+          href: '#',
+          onClick: function onClick(e) {
+            e.preventDefault();
+            handleCancel(id);
           } },
         React.createElement(Translate, { id: 'action.delete.limit', defaultMessage: 'Delete' })
       )

package/es/widgets/ResponsibleGamingAccordion/PeriodItemContent/index.js

@@ -66,8 +66,7 @@ var PeriodItemContent = function PeriodItemContent(_ref) {
         value: displayLimit ? displayLimit.Amount : null,
         name: 'Amount',
         disabled: confirmLimit || cooldownLimit || pendingLimit,
-        status: errors.Amount && 'failure',
-        statusText: errors.Amount && translate({ id: errors.Amount }, intl)
+        error: errors.Amount && translate({ id: errors.Amount }, intl)
       }),
       confirmLimit && React.createElement(
         'div',

package/es/widgets/ResponsibleGamingSingleSignUp/AmountItem/index.js

@@ -64,8 +64,7 @@ var AmountItem = function (_Component) {
           },
           name: timespan,
           value: value,
-          status: !!error && 'failure',
-          statusText: error,
+          error: error,
           currency: currency,
           type: 'number',
           inputMode: 'numeric',

package/es/widgets/ResponsibleGamingWidget/Timespan.js

@@ -251,10 +251,8 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
       setValue = _useState2[1];
 
   useEffect(function () {
-    if (newLimit && newLimit.Amount) {
-      setValue(newLimit.Amount);
-    }
-  }, [newLimit]);
+    return setValue(newLimit ? newLimit.Amount : currentLimit ? currentLimit.Amount : 0);
+  }, [newLimit, currentLimit]);
 
   var _useState3 = useState('select'),
       _useState4 = _slicedToArray(_useState3, 2),
@@ -305,7 +303,9 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
     }).sort();
   }
 
-  var closeCustomAmount = function closeCustomAmount() {
+  var closeCustomAmount = function closeCustomAmount(e) {
+    e.preventDefault();
+    e.stopPropagation();
     _onChange(currentLimit ? currentLimit.Amount : 0);
     setInputMode('select');
   };
@@ -323,24 +323,15 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
     Fragment,
     null,
     React.createElement(
-      'div',
+      'form',
       { className: 'ResponsibleGamingWidget__timespan-limit-selector' },
-      inputMode === 'select' && React.createElement(
-        Select,
-        {
-          options: options,
-          value: value,
-          onChange: function onChange(e, value) {
-            return _onChange(value);
-          } },
-        options.map(function (o) {
-          return React.createElement(
-            Select.Option,
-            { value: o.value },
-            o.label
-          );
-        })
-      ),
+      inputMode === 'select' && React.createElement(Select, {
+        options: options,
+        value: value,
+        onChange: function onChange(e, name, value) {
+          return _onChange(value);
+        }
+      }),
       inputMode === 'input' && React.createElement(
         Fragment,
         null,
@@ -348,7 +339,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
           type: 'number',
           pattern: '\\d*',
           value: value,
-          onChange: function onChange(e, value) {
+          onChange: function onChange(e, name, value) {
             setValue(parseInt(value));
             if (value > 0) _onChange(value);
           },
@@ -359,7 +350,6 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
         React.createElement(
           Button,
           {
-            type: 'button',
             onClick: closeCustomAmount,
             className: 'button mini tertiary' },
           React.createElement(Icon, { icon: 'times' })

package/es/widgets/ResponsibleGamingWidget/helpers.js

@@ -6,8 +6,8 @@ import getByPath from 'lodash/get';
  * Helper function to get values using currency and timespan
  */
 export var getValues = function getValues(values, currency, timespan) {
-  values = getByPath(values, '[' + (currency || '').toUpperCase() + ']') || values;
-  return (Array.isArray(values) ? values : []).filter(function (v) {
+  values = getByPath(values, '[' + (currency || '').toUpperCase() + ']') || values || [];
+  return values.filter(function (v) {
     return (typeof v === 'undefined' ? 'undefined' : _typeof(v)) === 'object' && v.timespan === timespan || typeof v === 'number';
   }).map(function (v) {
     return (typeof v === 'undefined' ? 'undefined' : _typeof(v)) === 'object' ? v.amount : v;

package/es/widgets/ResponsibleGamingWidget/validate.js

@@ -38,10 +38,6 @@ var validate = function validate(_ref) {
     return !t.newLimit || getByPath(t, 'newLimit.Amount') === getByPath(t, 'currentLimit.Amount');
   });
 
-  var newMonthlyDepositLimit = timespans.find(function (t) {
-    return getByPath(t, 'newLimit.Type') === 'Deposit' && t.timespan === 30;
-  });
-
   /**
    * Compose jurisdictions with rules
    */
@@ -49,10 +45,10 @@ var validate = function validate(_ref) {
     return !this['insufficient-limit-count'] && !(this['limit-increase-blocked'] && isIncreasingLimit) && !(this['limit-remove-blocked'] && isRemovingLimit);
   }), _common);
   var mga = {};
-  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', getByPath(newMonthlyDepositLimit, 'newLimit.Amount') >= 10000), _sga);
+  var sga = (_sga = {}, _defineProperty(_sga, 'insufficient-limit-count', type === 'Deposit' && limitCount < 3), _defineProperty(_sga, 'limit-remove-blocked', type === 'Deposit'), _sga);
   var uk = {};
   var dga = (_dga = {}, _defineProperty(_dga, 'insufficient-limit-count', type === 'Deposit' && limitCount < 1), _defineProperty(_dga, 'limit-remove-blocked', type === 'Deposit' && limitCount <= 1), _dga);
-  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);
+  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);
 
   switch (jurisdiction) {
     case 'mga':

package/es/widgets/Settings/index.js

@@ -4,9 +4,9 @@ function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in ob
 
 import React from 'react';
 import PropTypes from 'prop-types';
+import Checkbox from '../../components/Checkbox';
 import Select from '../../components/Select';
 import Input from '../../components/Input';
-import Button from '../../components/Button';
 import Translate from '../../components/Translate';
 
 var Settings = function Settings(_ref) {
@@ -32,7 +32,7 @@ var Settings = function Settings(_ref) {
       return Component && React.createElement(Component, _extends({ key: key }, props, { onChange: onChange }));
     }),
     React.createElement(
-      Button,
+      'button',
       { onClick: onSave, className: 'button primary' },
       React.createElement(Translate, { id: 'action.save', defaultMessage: 'Save' })
     )

package/es/widgets/SignIn/SignInForm.js

@@ -2,6 +2,7 @@ import React from 'react';
 import compose from 'recompose/compose';
 import { injectIntl } from 'react-intl';
 import Input from '../../components/Input';
+import Checkbox from '../../components/Checkbox';
 import ButtonLoader from '../../components/ButtonLoader';
 import WithValidation from '../../lib/WithValidation';
 import require from '../../lib/WithValidation/rules/required';
@@ -32,8 +33,7 @@ var SignIn = function SignIn(_ref) {
         return _onBlur('username', value);
       },
       title: translate({ id: 'label.username' }, intl),
-      status: errors.username && 'failure' || 'idle',
-      statusText: errors.username && translate({ id: errors.username }, intl),
+      error: errors.username && translate({ id: errors.username }, intl),
       autoFocus: shouldAutoFocus && !email
     }),
     React.createElement(Input, {
@@ -45,13 +45,11 @@ var SignIn = function SignIn(_ref) {
         return _onBlur('password', value);
       },
       title: translate({ id: 'label.password' }, intl),
-      status: errors.password && 'failure' || 'idle',
-      statusText: errors.password && translate({ id: errors.password }, intl),
+      error: errors.password && translate({ id: errors.password }, intl),
       autoFocus: shouldAutoFocus && email
     }),
-    React.createElement(Input, {
+    React.createElement(Checkbox, {
       className: 'layout-item-full-width remember-email-checkbox',
-      type: 'checkbox',
       label: translate({
         id: 'label.remember-email',
         defaultMessage: 'Remember email'

package/es/widgets/SignIn/index.js

@@ -2,11 +2,11 @@ import React from 'react';
 import compose from 'recompose/compose';
 import { injectIntl } from 'react-intl';
 import Input from '../../components/Input';
-import Button from '../../components/Button';
+import Checkbox from '../../components/Checkbox';
+import ButtonLoader from '../../components/ButtonLoader';
 import WithValidation from '../../lib/WithValidation';
 import require from '../../lib/WithValidation/rules/required';
 import translate from '../../lib/utils/translate';
-import Icon from '../../components/Icon';
 
 var SignIn = function SignIn(_ref) {
   var errors = _ref.errors,
@@ -29,44 +29,44 @@ var SignIn = function SignIn(_ref) {
       name: 'username',
       value: email,
       onChange: handleChangeEmail,
-      onBlur: function onBlur() {
-        return _onBlur('username', email);
+      onBlur: function onBlur(value) {
+        return _onBlur('username', value);
       },
-      label: translate({ id: 'label.username_or_email' }, intl),
+      title: translate({ id: 'label.username_or_email' }, intl),
+      error: errors.username && translate({ id: errors.username }, intl),
       autoFocus: shouldAutoFocus && !email,
-      autoComplete: 'username',
-      icon: React.createElement(Icon, { icon: 'envelope' }),
-      status: errors.username && 'failure',
-      statusText: errors.username && translate({ id: errors.username }, intl)
+      autoComplete: 'username'
     }),
     React.createElement(Input, {
       className: 'layout-item-full-width',
       type: 'password',
       name: 'password',
-      label: translate({ id: 'label.password' }, intl),
+      showToggleIcon: true,
+      onBlur: function onBlur(value) {
+        return _onBlur('password', value);
+      },
+      title: translate({ id: 'label.password' }, intl),
+      error: errors.password && translate({ id: errors.password }, intl),
       autoFocus: shouldAutoFocus && email,
-      autoComplete: 'current-password',
-      icon: React.createElement(Icon, { icon: 'lock' }),
-      status: errors.password && 'failure',
-      statusText: errors.password && translate({ id: errors.password }, intl)
+      autoComplete: 'current-password'
     }),
-    React.createElement(Input, {
+    React.createElement(Checkbox, {
       className: 'layout-item-full-width remember-email-checkbox',
-      type: 'checkbox',
-      label: translate({
+      title: translate({
         id: 'label.remember-email',
         defaultMessage: 'Remember email'
       }, intl),
-      value: shouldRememberEmail,
+      checked: shouldRememberEmail,
       onChange: handleToggleRememberEmail,
       name: 'remember-email'
     }),
     React.createElement(
-      Button,
+      'button',
       {
-        className: 'button primary wide',
+        className: 'button primary wide ' + (isLoading && 'loading'),
         type: 'submit',
-        isLoading: !!isLoading },
+        disabled: !!isLoading },
+      isLoading && React.createElement(ButtonLoader, null),
       translate({ id: 'action.button.login' }, intl)
     )
   );

package/es/widgets/SignUp/ContactInfoStep.js

@@ -12,6 +12,7 @@ import { injectIntl } from 'react-intl';
 import { range } from 'ramda';
 import Input from '../../components/Input';
 import Select from '../../components/Select';
+import Checkbox from '../../components/Checkbox';
 import WithValidation from '../../lib/WithValidation';
 import require from '../../lib/WithValidation/rules/required';
 import number from '../../lib/WithValidation/rules/number';
@@ -267,18 +268,16 @@ var ContactInfo = function (_Component) {
           },
           defaultValue: 'Male'
         }),
-        React.createElement(Input, {
-          type: 'checkbox',
-          label: intl.formatMessage({ id: 'label.terms-of-conditions' }),
+        React.createElement(Checkbox, {
+          title: intl.formatMessage({ id: 'label.terms-of-conditions' }),
           name: 'AcceptTerms',
           onChange: function onChange(e, name, val) {
             return _onChange(name, val);
           },
           error: errors.AcceptTerms && translate({ id: errors.AcceptTerms }, intl)
         }),
-        React.createElement(Input, {
-          type: 'checkbox',
-          label: intl.formatMessage({
+        React.createElement(Checkbox, {
+          title: intl.formatMessage({
             id: 'label.optin.marketing',
             defaultMessage: 'I want to receive marketing material'
           }),

package/es/widgets/SportsbookSettings/index.js

@@ -13,31 +13,17 @@ var SportsbookSettings = function SportsbookSettings(_ref) {
 
   return React.createElement(
     'form',
-    {
-      onSubmit: onSubmit,
-      className: cn('SportsbookSettings', 'form', className) },
+    { onSubmit: onSubmit, className: cn('SportsbookSettings', className) },
     Array.isArray(selects) && selects.map(function (s, i) {
-      return React.createElement(
-        Select,
-        {
-          key: i,
-          name: s.name,
-          label: s.title,
-          value: s.value,
-          onChange: s.onChange || onChange },
-        s.placeholder && React.createElement(
-          Select.Option,
-          { value: '', selected: true },
-          s.placeholder
-        ),
-        s.options.map(function (o) {
-          return React.createElement(
-            Select.Option,
-            { value: o.value },
-            o.label
-          );
-        })
-      );
+      return React.createElement(Select, {
+        key: i,
+        name: s.name,
+        title: s.title,
+        options: s.options,
+        value: s.value,
+        placeholder: s.placeholder,
+        onChange: s.onChange || onChange
+      });
     }),
     React.createElement(
       Button,

package/es/widgets/Subscriptions/index.js

@@ -12,8 +12,6 @@ import React from 'react';
 import { injectIntl } from 'react-intl';
 import PropTypes from 'prop-types';
 import translate from '../../lib/utils/translate';
-import Button from '../../components/Button';
-import Input from '../../components/Input';
 
 /**
  * @component Subscriptions
@@ -145,10 +143,10 @@ var Subscriptions = function (_React$Component) {
           return React.createElement(
             'div',
             { key: index, className: 'subscribe-item' },
-            React.createElement(Input, {
+            React.createElement('input', {
               id: 'newsletter-checkbox-' + index,
               type: 'checkbox',
-              value: option.OptIn,
+              checked: option.OptIn,
               onChange: function onChange(e) {
                 return _this3.onClickCheckbox({ e: e, option: option });
               }
@@ -163,7 +161,7 @@ var Subscriptions = function (_React$Component) {
           );
         }),
         React.createElement(
-          Button,
+          'button',
           {
             className: 'button primary',
             disabled: isLoading,

package/lib/components/AcceptUpdatedTaC/index.js

@@ -18,6 +18,10 @@ var _marked = require('marked');
 
 var _marked2 = _interopRequireDefault(_marked);
 
+var _Button = require('../../components/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -41,7 +45,8 @@ var AcceptUpdatedTaC = function (_Component) {
       var _props = this.props,
           onAccept = _props.onAccept,
           termsContent = _props.termsContent,
-          current = _props.current;
+          current = _props.current,
+          isLoading = _props.isLoading;
 
 
       return _react2.default.createElement(
@@ -67,8 +72,11 @@ var AcceptUpdatedTaC = function (_Component) {
           dangerouslySetInnerHTML: { __html: (0, _marked2.default)(termsContent || '') }
         }),
         _react2.default.createElement(
-          'button',
-          { className: 'button primary', onClick: onAccept },
+          _Button2.default,
+          {
+            className: 'button primary',
+            onClick: onAccept,
+            isLoading: isLoading },
           _react2.default.createElement(_Translate2.default, { id: 'action.accept' })
         )
       );

package/lib/components/Checkbox/index.js

@@ -0,0 +1,106 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _propTypes = require('prop-types');
+
+var _propTypes2 = _interopRequireDefault(_propTypes);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+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; }
+
+var Checkbox = function (_React$Component) {
+  _inherits(Checkbox, _React$Component);
+
+  function Checkbox() {
+    _classCallCheck(this, Checkbox);
+
+    return _possibleConstructorReturn(this, (Checkbox.__proto__ || Object.getPrototypeOf(Checkbox)).apply(this, arguments));
+  }
+
+  _createClass(Checkbox, [{
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          className = _props.className,
+          _onChange = _props.onChange,
+          title = _props.title,
+          name = _props.name,
+          error = _props.error,
+          checked = _props.checked;
+
+      if (!_onChange) {
+        throw new Error('You need to provide onChange function');
+      }
+
+      var randomId = Math.floor(Math.random() * 100000);
+      var wrapperClassName = 'Checkbox';
+
+      if (className) {
+        wrapperClassName += ' ' + className;
+      }
+
+      return _react2.default.createElement(
+        'div',
+        { className: wrapperClassName },
+        _react2.default.createElement(
+          'div',
+          { className: 'flex' },
+          _react2.default.createElement('input', {
+            id: 'checkbox-' + randomId,
+            type: 'checkbox',
+            defaultValue: null,
+            defaultChecked: this.props.value === 'true' ? true : false,
+            onChange: function onChange(e) {
+              _onChange(e, name, e.target.checked ? true : '');
+            },
+            name: name ? name : '',
+            checked: checked
+          }),
+          !_react2.default.isValidElement(title) ? _react2.default.createElement('label', {
+            htmlFor: 'checkbox-' + randomId,
+            dangerouslySetInnerHTML: { __html: title }
+          }) : _react2.default.createElement(
+            'label',
+            { htmlFor: 'checkbox-' + randomId },
+            title
+          )
+        ),
+        error && _react2.default.createElement(
+          'p',
+          { className: 'error-text' },
+          error
+        )
+      );
+    }
+  }]);
+
+  return Checkbox;
+}(_react2.default.Component);
+
+Checkbox.propTypes = {
+  /** Listens for value changes */
+  onChange: _propTypes2.default.func.isRequired,
+  /** Title for the checkboxes */
+  title: _propTypes2.default.oneOfType([_propTypes2.default.string, _propTypes2.default.element]),
+  /** Css class name */
+  className: _propTypes2.default.string,
+  /** Name of the input element */
+  name: _propTypes2.default.string,
+  /** Errors output */
+  error: _propTypes2.default.array
+};
+exports.default = Checkbox;

package/lib/components/Deposit/CardInput/index.js

@@ -54,9 +54,7 @@ var Input = exports.Input = function (_Component) {
     return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = Input.__proto__ || Object.getPrototypeOf(Input)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
       isFocusing: false
     }, _this.formatInput = function (value) {
-      var _this$props = _this.props,
-          type = _this$props.type,
-          provider = _this$props.provider;
+      var type = _this.props.type;
 
 
       if (!value) {