tg-core-components 5.2.1-cashier-result-balance-fix.0 → 5.2.2-links-in-checkbox.0

package/es/components/AutocompleteInput/index.js

@@ -0,0 +1,104 @@
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+import React from 'react';
+import { Input, useId, useValue, useFocus, useTouched, useAutofill, createClassName, statusIcons, flatObj } from '../common';
+import cn from 'classnames';
+
+var AutocompleteSuggestion = function AutocompleteSuggestion(_ref) {
+  var children = _ref.children,
+      value = _ref.value,
+      _onClick = _ref.onClick,
+      selected = _ref.selected,
+      classNames = _ref.classNames,
+      rest = _objectWithoutProperties(_ref, ['children', 'value', 'onClick', 'selected', 'classNames']);
+
+  return React.createElement(
+    'div',
+    _extends({}, rest, {
+      className: cn(classNames, 'tg-autocomplete-input__suggestions__suggestion', {
+        'tg-autocomplete-input__suggestions__suggestion--selected': selected
+      }),
+      onClick: function onClick() {
+        _onClick(value);
+      } }),
+    children
+  );
+};
+
+var AutocompleteInput = function AutocompleteInput(_ref2) {
+  var icon = _ref2.icon,
+      props = _objectWithoutProperties(_ref2, ['icon']);
+
+  var input = {
+    id: useId(),
+    value: useValue(props.value),
+    focus: useFocus(),
+    touched: useTouched(),
+    autofill: useAutofill()
+  };
+
+  var _onChange = function _onChange(e) {
+    return props.onChange && props.onChange(e, e.target.value);
+  };
+  var _onBlur = function _onBlur(e) {
+    return props.onBlur && props.onBlur(e, e.target.value);
+  };
+
+  var className = createClassName('tg-autocomplete-input', {
+    hasValue: input.value.hasValue,
+    hasLabel: Boolean(props.label),
+    hasFocus: input.focus.hasFocus,
+    hasTouched: input.touched.hasTouched,
+    hasAutofill: input.autofill.hasAutofill,
+    disabled: props.disabled,
+    status: props.status
+  });
+
+  return React.createElement(
+    'div',
+    { className: cn(props.className, className) },
+    React.createElement(Input, _extends({}, props, flatObj(input), {
+      children: null,
+      autoComplete: 'off',
+      onChange: function onChange(e) {
+        if (typeof props.transform === 'function') {
+          e.target.value = props.transform(e.target.value);
+        }
+        input.value.onChange(e.target.value);
+        _onChange(e);
+      },
+      onFocus: function onFocus() {
+        input.focus.onFocus();
+        input.touched.onFocus();
+      },
+      onBlur: function onBlur(e) {
+        setTimeout(function () {
+          input.focus.onBlur();
+          _onBlur(e);
+        }, 500);
+      },
+      leadingLane: [icon].filter(function (i) {
+        return i;
+      }),
+      trailingLane: [statusIcons[props.status]].filter(function (i) {
+        return i;
+      })
+    })),
+    props.children.length > 0 && input.focus.hasFocus && React.createElement(
+      'div',
+      { className: 'tg-autocomplete-input__suggestions' },
+      props.children
+    ),
+    React.createElement(
+      'div',
+      { className: 'tg-autocomplete-input__status-text' },
+      props.statusText
+    )
+  );
+};
+
+AutocompleteInput.Suggestion = AutocompleteSuggestion;
+
+export default AutocompleteInput;

package/es/components/Input/BirthdateInput.js

@@ -81,6 +81,7 @@ var BirthdateInput = function BirthdateInput(props) {
     React.createElement(
       Select,
       _extends({}, flatObj(yearInput), {
+        autoFocus: props.autoFocus && !yearInput.value.hasValue,
         name: props.name + '_year',
         label: React.createElement(Translate, { id: 'label.year-of-birth', defaultMessage: 'Year' }),
         status: props.status,
@@ -108,6 +109,7 @@ var BirthdateInput = function BirthdateInput(props) {
     React.createElement(
       Select,
       _extends({}, flatObj(monthInput), {
+        autoFocus: props.autoFocus && yearInput.value.hasValue && !monthInput.value.hasValue,
         name: props.name + '_month',
         label: React.createElement(Translate, { id: 'label.month-of-birth', defaultMessage: 'Month' }),
         status: props.status,
@@ -135,6 +137,7 @@ var BirthdateInput = function BirthdateInput(props) {
     React.createElement(
       Select,
       _extends({}, flatObj(dayInput), {
+        autoFocus: props.autoFocus && yearInput.value.hasValue && monthInput.value.hasValue,
         name: props.name + '_day',
         label: React.createElement(Translate, { id: 'label.day-of-birth', defaultMessage: 'Day' }),
         status: props.status,

package/es/components/Input/PhoneNumberInput.js

@@ -10,7 +10,9 @@ import cn from 'classnames';
 var PhoneNumberInput = function PhoneNumberInput(props) {
   var val = props.value || '';
 
-  var callingCodeValue = ((props.callingCodes || []).find(function (c) {
+  var callingCodeValue = ((props.callingCodes || []).slice().sort(function (a, b) {
+    return b.value - a.value;
+  }).find(function (c) {
     return val.startsWith(c.value);
   }) || (props.callingCodes || [])[0] || {}).value || '';
   var phoneNumberValue = callingCodeValue ? val.replace(new RegExp('^' + callingCodeValue), '').replace(/^0*/, '') : val;
@@ -79,6 +81,7 @@ var PhoneNumberInput = function PhoneNumberInput(props) {
       })
     ),
     React.createElement(Input, _extends({}, flatObj(phoneNumberInput), {
+      autoFocus: props.autoFocus,
       type: 'tel',
       name: props.name + '_number',
       label: React.createElement(Translate, {

package/es/components/List/ListItem.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import cn from 'classnames';
+import Icon from '../../components/Icon';
 
 var ListItem = function ListItem(_ref) {
   var id = _ref.id,
@@ -23,7 +24,12 @@ var ListItem = function ListItem(_ref) {
           { className: 'info-item' },
           i
         );
-      })
+      }),
+      React.createElement(
+        'div',
+        { className: 'info-expand-icon' },
+        React.createElement(Icon, { icon: 'angle-down' })
+      )
     ),
     detail && React.createElement(
       'div',

package/es/components/common.js

@@ -204,7 +204,11 @@ var Checkbox = function Checkbox(_ref5) {
       })),
       React.createElement('div', { className: 'Checkbox__background' })
     ),
-    React.createElement(
+    !React.isValidElement(label) ? React.createElement('label', {
+      className: 'Checkbox__label',
+      htmlFor: rest.id,
+      dangerouslySetInnerHTML: { __html: label }
+    }) : React.createElement(
       'label',
       { className: 'Checkbox__label', htmlFor: rest.id },
       label

package/es/index.js

@@ -20,6 +20,7 @@ import List from './components/List';
 import Translate from './components/Translate';
 import Picture from './components/Picture';
 import Skeleton from './components/Skeleton';
+import AutocompleteInput from './components/AutocompleteInput';
 
 // widgets
 import AccordionWidget from './widgets/AccordionWidget';
@@ -54,4 +55,4 @@ import VerifyAccordionWidget from './widgets/VerifyAccordionWidget';
 // misc
 import countryEmojiFlags from './misc/countryEmojiFlags';
 
-export { AcceptUpdatedTaC, Alert, Button, ButtonLoader, Checklist, Icon, Image, Input, InternalMessagesInbox, Loader, Money, Notification, Radio, Select, Single, Textarea, Uploader, AccordionWidget, AccountDetail, ActivateWidget, Balance, Bonus, Deposit, Withdraw, SignUp, ChangeUsername, ChangePassword, ResetPassword, RequestResetPassword, SignIn, Pagination, Settings, TableWidget, Verify, Subscriptions, CasinoHistoryTable, PaymentHistoryTable, SportsbookHistoryTable, DepositWidgetAccordion, WithdrawWidgetAccordion, ResponsibleGamingAccordion, ResponsibleGamingAccordionSignUp, ResponsibleGamingSingleSignUp, ResponsibleGamingWidget, List, VerifyAccordionWidget, Translate, Picture, countryEmojiFlags, Skeleton };
+export { AcceptUpdatedTaC, Alert, Button, ButtonLoader, Checklist, Icon, Image, Input, InternalMessagesInbox, Loader, Money, Notification, Radio, Select, Single, Textarea, Uploader, AccordionWidget, AccountDetail, ActivateWidget, Balance, Bonus, Deposit, Withdraw, SignUp, ChangeUsername, ChangePassword, ResetPassword, RequestResetPassword, SignIn, Pagination, Settings, TableWidget, Verify, Subscriptions, CasinoHistoryTable, PaymentHistoryTable, SportsbookHistoryTable, DepositWidgetAccordion, WithdrawWidgetAccordion, ResponsibleGamingAccordion, ResponsibleGamingAccordionSignUp, ResponsibleGamingSingleSignUp, ResponsibleGamingWidget, List, VerifyAccordionWidget, Translate, Picture, countryEmojiFlags, Skeleton, AutocompleteInput };

package/es/misc/countryEmojiFlags.js

@@ -93,6 +93,7 @@ export default {
   KI: '🇰🇮',
   KN: '🇰🇳',
   KR: '🇰🇷',
+  KY: '🇰🇾',
   KW: '🇰🇼',
   LA: '🇱🇦',
   LB: '🇱🇧',

package/es/widgets/Cashier/Deposit/PaymentForm/NewTab.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Button from '../../../../components/Button';
+import Translate from '../../../../components/Translate';
+
+var NewTab = function NewTab(_ref) {
+  var url = _ref.url;
+
+  return React.createElement(
+    'div',
+    { className: 'NewTab' },
+    React.createElement(Translate, {
+      tagName: 'p',
+      id: 'label.new-tab',
+      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
+    }),
+    React.createElement(
+      Button,
+      {
+        className: 'primary',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        } },
+      React.createElement(Translate, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
+    )
+  );
+};
+
+export default NewTab;

package/es/widgets/Cashier/Deposit/PaymentForm/index.js

@@ -13,6 +13,7 @@ import FramedComponent from '../../hoc/FramedComponent';
 import InjectedIframeHTML from './InjectedIframeHTML';
 import DynamicForm from './DynamicForm';
 import PaymentResult from './PaymentResult';
+import NewTab from './NewTab';
 import flatten from 'lodash/flatten';
 import Translate from '../../../../components/Translate';
 
@@ -122,7 +123,8 @@ var PaymentForm = function (_Component) {
           data = _props.data,
           onClose = _props.onClose,
           onSuccess = _props.onSuccess,
-          redirect = _props.redirect;
+          redirect = _props.redirect,
+          details = _props.details;
 
 
       if (!data.success) {
@@ -147,7 +149,9 @@ var PaymentForm = function (_Component) {
         frameBorder: 0
       };
 
-      if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
+      if (details && details.newTab) {
+        return React.createElement(NewTab, { url: data.redirectOutput.url });
+      } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
         return React.createElement(FormWithIframe, _extends({
           frameProps: frameProps,
           target: redirect ? '_top' : frameId

package/es/widgets/CashierAccordion/Deposit/DepositWidget/index.js

@@ -168,7 +168,8 @@ var DepositWidget = function (_Component) {
           renderAllowBonusWarning = _props.renderAllowBonusWarning,
           paymentStats = _props.paymentStats,
           _props$shouldAutoFocu = _props.shouldAutoFocus,
-          shouldAutoFocus = _props$shouldAutoFocu === undefined ? false : _props$shouldAutoFocu;
+          shouldAutoFocus = _props$shouldAutoFocu === undefined ? false : _props$shouldAutoFocu,
+          hideSelectedBonus = _props.hideSelectedBonus;
 
 
       var accountExclusions = payments.filter(function (provider) {
@@ -220,13 +221,13 @@ var DepositWidget = function (_Component) {
             bonuses: bonuses,
             onSelect: this.onSelectBonus,
             selectedBonus: selectedBonus
-          }) : React.createElement(SelectedBonus, {
+          }) : !hideSelectedBonus ? React.createElement(SelectedBonus, {
             selectedBonus: selectedBonus,
             onClick: function onClick() {
               _this2.onSelectBonus('');
               _this2.setState({ showBonusSlider: true });
             }
-          })),
+          }) : null),
           React.createElement(Form, {
             onSubmit: this.handleNextStep,
             initialValues: {

package/es/widgets/CashierAccordion/Deposit/PaymentForm/NewTab.js

@@ -0,0 +1,28 @@
+import React from 'react';
+import Button from '../../../../components/Button';
+import Translate from '../../../../components/Translate';
+
+var NewTab = function NewTab(_ref) {
+  var url = _ref.url;
+
+  return React.createElement(
+    'div',
+    { className: 'NewTab' },
+    React.createElement(Translate, {
+      tagName: 'p',
+      id: 'label.new-tab',
+      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
+    }),
+    React.createElement(
+      Button,
+      {
+        className: 'primary',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        } },
+      React.createElement(Translate, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
+    )
+  );
+};
+
+export default NewTab;

package/es/widgets/CashierAccordion/Deposit/PaymentForm/index.js

@@ -13,6 +13,7 @@ import FramedComponent from '../../hoc/FramedComponent';
 import InjectedIframeHTML from './InjectedIframeHTML';
 import DynamicForm from './DynamicForm';
 import PaymentResult from './PaymentResult';
+import NewTab from './NewTab';
 import flatten from 'lodash/flatten';
 import Translate from '../../../../components/Translate';
 
@@ -81,7 +82,8 @@ var PaymentForm = function (_Component) {
     value: function render() {
       var _props = this.props,
           data = _props.data,
-          onClose = _props.onClose;
+          onClose = _props.onClose,
+          details = _props.details;
 
       if (!data.success) {
         return React.createElement(PaymentError, { data: data, onClose: onClose });
@@ -100,7 +102,9 @@ var PaymentForm = function (_Component) {
         frameBorder: 0
       };
 
-      if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
+      if (details && details.newTab) {
+        return React.createElement(NewTab, { url: data.redirectOutput.url });
+      } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
         return React.createElement(FormWithIframe, _extends({
           frameProps: frameProps,
           target: frameId

package/es/widgets/CashierAccordion/Payment/AccountSelection/index.js

@@ -10,6 +10,7 @@ import React, { Component } from 'react';
 import { injectIntl } from 'react-intl';
 import Icon from '../../../../components/Icon';
 import translate from '../../../../lib/utils/translate';
+import Select from '../../../../components/Select';
 
 var AccountSelection = function (_Component) {
   _inherits(AccountSelection, _Component);
@@ -49,14 +50,14 @@ var AccountSelection = function (_Component) {
 
       var accountOptions = accounts.map(function (account) {
         return React.createElement(
-          'option',
+          Select.Option,
           { value: account.accountId, key: account.accountId },
           account.type === 'creditcard' ? _this2.maskCreditCardNumber(account.maskedAccount) : account.maskedAccount
         );
       });
       if (Boolean(canAddAccount)) {
         accountOptions.push(React.createElement(
-          'option',
+          Select.Option,
           { value: 'new-account' },
           translate({
             id: 'action.cashier.add-new-account',
@@ -76,23 +77,13 @@ var AccountSelection = function (_Component) {
       return React.createElement(
         'div',
         { className: 'account-selection' },
-        icon && React.createElement(
-          'div',
-          { className: 'account-icon' },
-          React.createElement(Icon, { icon: icon })
-        ),
         React.createElement(
-          'select',
+          Select,
           {
-            className: icon && 'with-icon',
             value: selectedAccount.accountId || 'new-account',
-            onChange: this.handleChange },
+            onChange: this.handleChange,
+            icon: icon ? React.createElement(Icon, { icon: icon }) : null },
           accountOptions
-        ),
-        React.createElement(
-          'div',
-          { className: 'caret-down' },
-          React.createElement(Icon, { icon: 'caret-down' })
         )
       );
     }

package/es/widgets/CashierAccordion/Payment/CashierResult/index.js

@@ -53,21 +53,21 @@ var CashierResult = function CashierResult(_ref) {
               defaultMessage: 'Your new balance is:'
             })
           ),
-          wallet && React.createElement(
+          wallet.data && React.createElement(
             Fragment,
             null,
             React.createElement(
               'div',
               { className: 'payment-result-balance' },
               React.createElement(FormattedNumber, {
-                value: wallet.Total.Balance,
+                value: wallet.data.Total.Balance,
                 style: 'currency',
                 currency: currency,
                 minimumFractionDigits: 2,
                 maximumFractionDigits: 2
               })
             ),
-            wallet.Bonus.Balance > 0 && React.createElement(
+            wallet.data.Bonus.Balance > 0 && React.createElement(
               'div',
               { className: 'payment-result-bonus' },
               React.createElement(Translate, {
@@ -75,7 +75,7 @@ var CashierResult = function CashierResult(_ref) {
                 defaultMessage: '(Of which {amount} is bonus money)',
                 values: {
                   amount: React.createElement(FormattedNumber, {
-                    value: wallet.Bonus.Balance,
+                    value: wallet.data.Bonus.Balance,
                     style: 'currency',
                     currency: currency,
                     minimumFractionDigits: 2,

package/es/widgets/HistoryWidget/index.js

@@ -19,6 +19,8 @@ import Translate from '../../components/Translate';
 import { getMessage } from './message';
 
 var MILISECONDS = {
+  IN_A_SECOND: 1000,
+  IN_A_MINUTE: 60000,
   IN_AN_HOUR: 3600000,
   IN_A_DAY: 86400000,
   IN_A_WEEK: 604800000,
@@ -31,6 +33,19 @@ var selectUnit = function selectUnit(from) {
   var ms = now - from;
 
   switch (true) {
+    case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
+      return {
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_SECOND),
+        unit: 'second',
+        updateIntervalInSeconds: 1
+      };
+
+    case MILISECONDS.IN_A_MINUTE < ms && ms < MILISECONDS.IN_AN_HOUR:
+      return {
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
+        unit: 'minute'
+      };
+
     case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
       return {
         value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),

package/es/widgets/ResponsibleGamingWidget/validate.js

@@ -38,6 +38,10 @@ 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
    */
@@ -45,7 +49,7 @@ 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'), _sga);
+  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 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);

package/lib/components/AutocompleteInput/index.js

@@ -0,0 +1,118 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _common = require('../common');
+
+var _classnames = require('classnames');
+
+var _classnames2 = _interopRequireDefault(_classnames);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _objectWithoutProperties(obj, keys) { var target = {}; for (var i in obj) { if (keys.indexOf(i) >= 0) continue; if (!Object.prototype.hasOwnProperty.call(obj, i)) continue; target[i] = obj[i]; } return target; }
+
+var AutocompleteSuggestion = function AutocompleteSuggestion(_ref) {
+  var children = _ref.children,
+      value = _ref.value,
+      _onClick = _ref.onClick,
+      selected = _ref.selected,
+      classNames = _ref.classNames,
+      rest = _objectWithoutProperties(_ref, ['children', 'value', 'onClick', 'selected', 'classNames']);
+
+  return _react2.default.createElement(
+    'div',
+    _extends({}, rest, {
+      className: (0, _classnames2.default)(classNames, 'tg-autocomplete-input__suggestions__suggestion', {
+        'tg-autocomplete-input__suggestions__suggestion--selected': selected
+      }),
+      onClick: function onClick() {
+        _onClick(value);
+      } }),
+    children
+  );
+};
+
+var AutocompleteInput = function AutocompleteInput(_ref2) {
+  var icon = _ref2.icon,
+      props = _objectWithoutProperties(_ref2, ['icon']);
+
+  var input = {
+    id: (0, _common.useId)(),
+    value: (0, _common.useValue)(props.value),
+    focus: (0, _common.useFocus)(),
+    touched: (0, _common.useTouched)(),
+    autofill: (0, _common.useAutofill)()
+  };
+
+  var _onChange = function _onChange(e) {
+    return props.onChange && props.onChange(e, e.target.value);
+  };
+  var _onBlur = function _onBlur(e) {
+    return props.onBlur && props.onBlur(e, e.target.value);
+  };
+
+  var className = (0, _common.createClassName)('tg-autocomplete-input', {
+    hasValue: input.value.hasValue,
+    hasLabel: Boolean(props.label),
+    hasFocus: input.focus.hasFocus,
+    hasTouched: input.touched.hasTouched,
+    hasAutofill: input.autofill.hasAutofill,
+    disabled: props.disabled,
+    status: props.status
+  });
+
+  return _react2.default.createElement(
+    'div',
+    { className: (0, _classnames2.default)(props.className, className) },
+    _react2.default.createElement(_common.Input, _extends({}, props, (0, _common.flatObj)(input), {
+      children: null,
+      autoComplete: 'off',
+      onChange: function onChange(e) {
+        if (typeof props.transform === 'function') {
+          e.target.value = props.transform(e.target.value);
+        }
+        input.value.onChange(e.target.value);
+        _onChange(e);
+      },
+      onFocus: function onFocus() {
+        input.focus.onFocus();
+        input.touched.onFocus();
+      },
+      onBlur: function onBlur(e) {
+        setTimeout(function () {
+          input.focus.onBlur();
+          _onBlur(e);
+        }, 500);
+      },
+      leadingLane: [icon].filter(function (i) {
+        return i;
+      }),
+      trailingLane: [_common.statusIcons[props.status]].filter(function (i) {
+        return i;
+      })
+    })),
+    props.children.length > 0 && input.focus.hasFocus && _react2.default.createElement(
+      'div',
+      { className: 'tg-autocomplete-input__suggestions' },
+      props.children
+    ),
+    _react2.default.createElement(
+      'div',
+      { className: 'tg-autocomplete-input__status-text' },
+      props.statusText
+    )
+  );
+};
+
+AutocompleteInput.Suggestion = AutocompleteSuggestion;
+
+exports.default = AutocompleteInput;

package/lib/components/Input/BirthdateInput.js

@@ -102,6 +102,7 @@ var BirthdateInput = function BirthdateInput(props) {
     _react2.default.createElement(
       _common.Select,
       _extends({}, (0, _common.flatObj)(yearInput), {
+        autoFocus: props.autoFocus && !yearInput.value.hasValue,
         name: props.name + '_year',
         label: _react2.default.createElement(_Translate2.default, { id: 'label.year-of-birth', defaultMessage: 'Year' }),
         status: props.status,
@@ -129,6 +130,7 @@ var BirthdateInput = function BirthdateInput(props) {
     _react2.default.createElement(
       _common.Select,
       _extends({}, (0, _common.flatObj)(monthInput), {
+        autoFocus: props.autoFocus && yearInput.value.hasValue && !monthInput.value.hasValue,
         name: props.name + '_month',
         label: _react2.default.createElement(_Translate2.default, { id: 'label.month-of-birth', defaultMessage: 'Month' }),
         status: props.status,
@@ -156,6 +158,7 @@ var BirthdateInput = function BirthdateInput(props) {
     _react2.default.createElement(
       _common.Select,
       _extends({}, (0, _common.flatObj)(dayInput), {
+        autoFocus: props.autoFocus && yearInput.value.hasValue && monthInput.value.hasValue,
         name: props.name + '_day',
         label: _react2.default.createElement(_Translate2.default, { id: 'label.day-of-birth', defaultMessage: 'Day' }),
         status: props.status,

package/lib/components/Input/PhoneNumberInput.js

@@ -27,7 +27,9 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 var PhoneNumberInput = function PhoneNumberInput(props) {
   var val = props.value || '';
 
-  var callingCodeValue = ((props.callingCodes || []).find(function (c) {
+  var callingCodeValue = ((props.callingCodes || []).slice().sort(function (a, b) {
+    return b.value - a.value;
+  }).find(function (c) {
     return val.startsWith(c.value);
   }) || (props.callingCodes || [])[0] || {}).value || '';
   var phoneNumberValue = callingCodeValue ? val.replace(new RegExp('^' + callingCodeValue), '').replace(/^0*/, '') : val;
@@ -96,6 +98,7 @@ var PhoneNumberInput = function PhoneNumberInput(props) {
       })
     ),
     _react2.default.createElement(_common.Input, _extends({}, (0, _common.flatObj)(phoneNumberInput), {
+      autoFocus: props.autoFocus,
       type: 'tel',
       name: props.name + '_number',
       label: _react2.default.createElement(_Translate2.default, {

package/lib/components/List/ListItem.js

@@ -12,6 +12,10 @@ var _classnames = require('classnames');
 
 var _classnames2 = _interopRequireDefault(_classnames);
 
+var _Icon = require('../../components/Icon');
+
+var _Icon2 = _interopRequireDefault(_Icon);
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 var ListItem = function ListItem(_ref) {
@@ -36,7 +40,12 @@ var ListItem = function ListItem(_ref) {
           { className: 'info-item' },
           i
         );
-      })
+      }),
+      _react2.default.createElement(
+        'div',
+        { className: 'info-expand-icon' },
+        _react2.default.createElement(_Icon2.default, { icon: 'angle-down' })
+      )
     ),
     detail && _react2.default.createElement(
       'div',

package/lib/components/common.js

@@ -224,7 +224,11 @@ var Checkbox = function Checkbox(_ref5) {
       })),
       _react2.default.createElement('div', { className: 'Checkbox__background' })
     ),
-    _react2.default.createElement(
+    !_react2.default.isValidElement(label) ? _react2.default.createElement('label', {
+      className: 'Checkbox__label',
+      htmlFor: rest.id,
+      dangerouslySetInnerHTML: { __html: label }
+    }) : _react2.default.createElement(
       'label',
       { className: 'Checkbox__label', htmlFor: rest.id },
       label

package/lib/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Skeleton = exports.countryEmojiFlags = exports.Picture = exports.Translate = exports.VerifyAccordionWidget = exports.List = exports.ResponsibleGamingWidget = exports.ResponsibleGamingSingleSignUp = exports.ResponsibleGamingAccordionSignUp = exports.ResponsibleGamingAccordion = exports.WithdrawWidgetAccordion = exports.DepositWidgetAccordion = exports.SportsbookHistoryTable = exports.PaymentHistoryTable = exports.CasinoHistoryTable = exports.Subscriptions = exports.Verify = exports.TableWidget = exports.Settings = exports.Pagination = exports.SignIn = exports.RequestResetPassword = exports.ResetPassword = exports.ChangePassword = exports.ChangeUsername = exports.SignUp = exports.Withdraw = exports.Deposit = exports.Bonus = exports.Balance = exports.ActivateWidget = exports.AccountDetail = exports.AccordionWidget = exports.Uploader = exports.Textarea = exports.Single = exports.Select = exports.Radio = exports.Notification = exports.Money = exports.Loader = exports.InternalMessagesInbox = exports.Input = exports.Image = exports.Icon = exports.Checklist = exports.ButtonLoader = exports.Button = exports.Alert = exports.AcceptUpdatedTaC = undefined;
+exports.AutocompleteInput = exports.Skeleton = exports.countryEmojiFlags = exports.Picture = exports.Translate = exports.VerifyAccordionWidget = exports.List = exports.ResponsibleGamingWidget = exports.ResponsibleGamingSingleSignUp = exports.ResponsibleGamingAccordionSignUp = exports.ResponsibleGamingAccordion = exports.WithdrawWidgetAccordion = exports.DepositWidgetAccordion = exports.SportsbookHistoryTable = exports.PaymentHistoryTable = exports.CasinoHistoryTable = exports.Subscriptions = exports.Verify = exports.TableWidget = exports.Settings = exports.Pagination = exports.SignIn = exports.RequestResetPassword = exports.ResetPassword = exports.ChangePassword = exports.ChangeUsername = exports.SignUp = exports.Withdraw = exports.Deposit = exports.Bonus = exports.Balance = exports.ActivateWidget = exports.AccountDetail = exports.AccordionWidget = exports.Uploader = exports.Textarea = exports.Single = exports.Select = exports.Radio = exports.Notification = exports.Money = exports.Loader = exports.InternalMessagesInbox = exports.Input = exports.Image = exports.Icon = exports.Checklist = exports.ButtonLoader = exports.Button = exports.Alert = exports.AcceptUpdatedTaC = undefined;
 
 var _AcceptUpdatedTaC = require('./components/AcceptUpdatedTaC');
 
@@ -89,6 +89,10 @@ var _Skeleton = require('./components/Skeleton');
 
 var _Skeleton2 = _interopRequireDefault(_Skeleton);
 
+var _AutocompleteInput = require('./components/AutocompleteInput');
+
+var _AutocompleteInput2 = _interopRequireDefault(_AutocompleteInput);
+
 var _AccordionWidget = require('./widgets/AccordionWidget');
 
 var _AccordionWidget2 = _interopRequireDefault(_AccordionWidget);
@@ -207,7 +211,6 @@ var _countryEmojiFlags2 = _interopRequireDefault(_countryEmojiFlags);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// components
 exports.AcceptUpdatedTaC = _AcceptUpdatedTaC2.default;
 exports.Alert = _Alert2.default;
 exports.Button = _Button2.default;
@@ -258,8 +261,10 @@ exports.Translate = _Translate2.default;
 exports.Picture = _Picture2.default;
 exports.countryEmojiFlags = _countryEmojiFlags2.default;
 exports.Skeleton = _Skeleton2.default;
+exports.AutocompleteInput = _AutocompleteInput2.default;
 
 // misc
 
 
-// widgets
+// widgets
+// components

package/lib/misc/countryEmojiFlags.js

@@ -98,6 +98,7 @@ exports.default = {
   KI: '🇰🇮',
   KN: '🇰🇳',
   KR: '🇰🇷',
+  KY: '🇰🇾',
   KW: '🇰🇼',
   LA: '🇱🇦',
   LB: '🇱🇧',

package/lib/widgets/Cashier/Deposit/PaymentForm/NewTab.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Button = require('../../../../components/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Translate = require('../../../../components/Translate');
+
+var _Translate2 = _interopRequireDefault(_Translate);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NewTab = function NewTab(_ref) {
+  var url = _ref.url;
+
+  return _react2.default.createElement(
+    'div',
+    { className: 'NewTab' },
+    _react2.default.createElement(_Translate2.default, {
+      tagName: 'p',
+      id: 'label.new-tab',
+      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
+    }),
+    _react2.default.createElement(
+      _Button2.default,
+      {
+        className: 'primary',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        } },
+      _react2.default.createElement(_Translate2.default, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
+    )
+  );
+};
+
+exports.default = NewTab;

package/lib/widgets/Cashier/Deposit/PaymentForm/index.js

@@ -29,6 +29,10 @@ var _PaymentResult = require('./PaymentResult');
 
 var _PaymentResult2 = _interopRequireDefault(_PaymentResult);
 
+var _NewTab = require('./NewTab');
+
+var _NewTab2 = _interopRequireDefault(_NewTab);
+
 var _flatten = require('lodash/flatten');
 
 var _flatten2 = _interopRequireDefault(_flatten);
@@ -151,7 +155,8 @@ var PaymentForm = function (_Component) {
           data = _props.data,
           onClose = _props.onClose,
           onSuccess = _props.onSuccess,
-          redirect = _props.redirect;
+          redirect = _props.redirect,
+          details = _props.details;
 
 
       if (!data.success) {
@@ -176,7 +181,9 @@ var PaymentForm = function (_Component) {
         frameBorder: 0
       };
 
-      if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
+      if (details && details.newTab) {
+        return _react2.default.createElement(_NewTab2.default, { url: data.redirectOutput.url });
+      } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
         return _react2.default.createElement(FormWithIframe, _extends({
           frameProps: frameProps,
           target: redirect ? '_top' : frameId

package/lib/widgets/CashierAccordion/Deposit/DepositWidget/index.js

@@ -233,7 +233,8 @@ var DepositWidget = function (_Component) {
           renderAllowBonusWarning = _props.renderAllowBonusWarning,
           paymentStats = _props.paymentStats,
           _props$shouldAutoFocu = _props.shouldAutoFocus,
-          shouldAutoFocus = _props$shouldAutoFocu === undefined ? false : _props$shouldAutoFocu;
+          shouldAutoFocus = _props$shouldAutoFocu === undefined ? false : _props$shouldAutoFocu,
+          hideSelectedBonus = _props.hideSelectedBonus;
 
 
       var accountExclusions = payments.filter(function (provider) {
@@ -285,13 +286,13 @@ var DepositWidget = function (_Component) {
             bonuses: bonuses,
             onSelect: this.onSelectBonus,
             selectedBonus: selectedBonus
-          }) : _react2.default.createElement(SelectedBonus, {
+          }) : !hideSelectedBonus ? _react2.default.createElement(SelectedBonus, {
             selectedBonus: selectedBonus,
             onClick: function onClick() {
               _this2.onSelectBonus('');
               _this2.setState({ showBonusSlider: true });
             }
-          })),
+          }) : null),
           _react2.default.createElement(_reactFinalForm.Form, {
             onSubmit: this.handleNextStep,
             initialValues: {

package/lib/widgets/CashierAccordion/Deposit/PaymentForm/NewTab.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _Button = require('../../../../components/Button');
+
+var _Button2 = _interopRequireDefault(_Button);
+
+var _Translate = require('../../../../components/Translate');
+
+var _Translate2 = _interopRequireDefault(_Translate);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var NewTab = function NewTab(_ref) {
+  var url = _ref.url;
+
+  return _react2.default.createElement(
+    'div',
+    { className: 'NewTab' },
+    _react2.default.createElement(_Translate2.default, {
+      tagName: 'p',
+      id: 'label.new-tab',
+      defaultMessage: 'A new tab is required in order to proceed, please press the button to continue...'
+    }),
+    _react2.default.createElement(
+      _Button2.default,
+      {
+        className: 'primary',
+        onClick: function onClick() {
+          window.open(url, '_blank');
+        } },
+      _react2.default.createElement(_Translate2.default, { id: 'action.open-tab', defaultMessage: 'Open new tab' })
+    )
+  );
+};
+
+exports.default = NewTab;

package/lib/widgets/CashierAccordion/Deposit/PaymentForm/index.js

@@ -29,6 +29,10 @@ var _PaymentResult = require('./PaymentResult');
 
 var _PaymentResult2 = _interopRequireDefault(_PaymentResult);
 
+var _NewTab = require('./NewTab');
+
+var _NewTab2 = _interopRequireDefault(_NewTab);
+
 var _flatten = require('lodash/flatten');
 
 var _flatten2 = _interopRequireDefault(_flatten);
@@ -110,7 +114,8 @@ var PaymentForm = function (_Component) {
     value: function render() {
       var _props = this.props,
           data = _props.data,
-          onClose = _props.onClose;
+          onClose = _props.onClose,
+          details = _props.details;
 
       if (!data.success) {
         return _react2.default.createElement(PaymentError, { data: data, onClose: onClose });
@@ -129,7 +134,9 @@ var PaymentForm = function (_Component) {
         frameBorder: 0
       };
 
-      if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
+      if (details && details.newTab) {
+        return _react2.default.createElement(_NewTab2.default, { url: data.redirectOutput.url });
+      } else if (data.redirectOutput.container == 'iframe' && data.redirectOutput.method == 'POST' && data.redirectOutput.html == null) {
         return _react2.default.createElement(FormWithIframe, _extends({
           frameProps: frameProps,
           target: frameId

package/lib/widgets/CashierAccordion/Payment/AccountSelection/index.js

@@ -20,6 +20,10 @@ var _translate = require('../../../../lib/utils/translate');
 
 var _translate2 = _interopRequireDefault(_translate);
 
+var _Select = require('../../../../components/Select');
+
+var _Select2 = _interopRequireDefault(_Select);
+
 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"); } }
@@ -66,14 +70,14 @@ var AccountSelection = function (_Component) {
 
       var accountOptions = accounts.map(function (account) {
         return _react2.default.createElement(
-          'option',
+          _Select2.default.Option,
           { value: account.accountId, key: account.accountId },
           account.type === 'creditcard' ? _this2.maskCreditCardNumber(account.maskedAccount) : account.maskedAccount
         );
       });
       if (Boolean(canAddAccount)) {
         accountOptions.push(_react2.default.createElement(
-          'option',
+          _Select2.default.Option,
           { value: 'new-account' },
           (0, _translate2.default)({
             id: 'action.cashier.add-new-account',
@@ -93,23 +97,13 @@ var AccountSelection = function (_Component) {
       return _react2.default.createElement(
         'div',
         { className: 'account-selection' },
-        icon && _react2.default.createElement(
-          'div',
-          { className: 'account-icon' },
-          _react2.default.createElement(_Icon2.default, { icon: icon })
-        ),
         _react2.default.createElement(
-          'select',
+          _Select2.default,
           {
-            className: icon && 'with-icon',
             value: selectedAccount.accountId || 'new-account',
-            onChange: this.handleChange },
+            onChange: this.handleChange,
+            icon: icon ? _react2.default.createElement(_Icon2.default, { icon: icon }) : null },
           accountOptions
-        ),
-        _react2.default.createElement(
-          'div',
-          { className: 'caret-down' },
-          _react2.default.createElement(_Icon2.default, { icon: 'caret-down' })
         )
       );
     }

package/lib/widgets/CashierAccordion/Payment/CashierResult/index.js

@@ -76,21 +76,21 @@ var CashierResult = function CashierResult(_ref) {
               defaultMessage: 'Your new balance is:'
             })
           ),
-          wallet && _react2.default.createElement(
+          wallet.data && _react2.default.createElement(
             _react.Fragment,
             null,
             _react2.default.createElement(
               'div',
               { className: 'payment-result-balance' },
               _react2.default.createElement(_reactIntl.FormattedNumber, {
-                value: wallet.Total.Balance,
+                value: wallet.data.Total.Balance,
                 style: 'currency',
                 currency: currency,
                 minimumFractionDigits: 2,
                 maximumFractionDigits: 2
               })
             ),
-            wallet.Bonus.Balance > 0 && _react2.default.createElement(
+            wallet.data.Bonus.Balance > 0 && _react2.default.createElement(
               'div',
               { className: 'payment-result-bonus' },
               _react2.default.createElement(_Translate2.default, {
@@ -98,7 +98,7 @@ var CashierResult = function CashierResult(_ref) {
                 defaultMessage: '(Of which {amount} is bonus money)',
                 values: {
                   amount: _react2.default.createElement(_reactIntl.FormattedNumber, {
-                    value: wallet.Bonus.Balance,
+                    value: wallet.data.Bonus.Balance,
                     style: 'currency',
                     currency: currency,
                     minimumFractionDigits: 2,

package/lib/widgets/HistoryWidget/index.js

@@ -53,6 +53,8 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
 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 MILISECONDS = {
+  IN_A_SECOND: 1000,
+  IN_A_MINUTE: 60000,
   IN_AN_HOUR: 3600000,
   IN_A_DAY: 86400000,
   IN_A_WEEK: 604800000,
@@ -65,6 +67,19 @@ var selectUnit = function selectUnit(from) {
   var ms = now - from;
 
   switch (true) {
+    case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
+      return {
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_SECOND),
+        unit: 'second',
+        updateIntervalInSeconds: 1
+      };
+
+    case MILISECONDS.IN_A_MINUTE < ms && ms < MILISECONDS.IN_AN_HOUR:
+      return {
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
+        unit: 'minute'
+      };
+
     case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
       return {
         value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),

package/lib/widgets/ResponsibleGamingWidget/validate.js

@@ -48,6 +48,10 @@ var validate = function validate(_ref) {
     return !t.newLimit || (0, _get2.default)(t, 'newLimit.Amount') === (0, _get2.default)(t, 'currentLimit.Amount');
   });
 
+  var newMonthlyDepositLimit = timespans.find(function (t) {
+    return (0, _get2.default)(t, 'newLimit.Type') === 'Deposit' && t.timespan === 30;
+  });
+
   /**
    * Compose jurisdictions with rules
    */
@@ -55,7 +59,7 @@ 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'), _sga);
+  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);
   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);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tg-core-components",
-  "version": "5.2.1-cashier-result-balance-fix.0",
+  "version": "5.2.2-links-in-checkbox.0",
   "description": "tg-core-components",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -76,5 +76,5 @@
     "webpack": "^3.0.0",
     "webpack-blocks": "^1.0.0"
   },
-  "gitHead": "f746cf44a2e2bc2041693c6433534f6f597e47bd"
+  "gitHead": "f2fa837022d2882fb887954f5d5f10a889b9c1d6"
 }