tg-core-components 6.2.0-alpha.0 → 6.2.0-crypto.0

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

@@ -186,6 +186,34 @@ var VenusPoint = function VenusPoint(_ref3) {
   );
 };
 
+var Vega = function Vega(_ref4) {
+  var account = _ref4.account,
+      intl = _ref4.intl,
+      change = _ref4.change;
+
+  return React.createElement(
+    'div',
+    null,
+    React.createElement(Input, {
+      disabled: account.accountId,
+      name: 'username',
+      onChange: function onChange(e, username) {
+        return change('username', username);
+      },
+      value: account.maskedAccount,
+      label: translate({ id: 'cashier.details.username' }, intl)
+    }),
+    React.createElement(Input, {
+      type: 'password',
+      name: 'password',
+      onChange: function onChange(e, password) {
+        return change('password', password);
+      },
+      label: translate({ id: 'cashier.details.password' }, intl)
+    })
+  );
+};
+
 var PPro = function PPro() {
   return React.createElement(
     'div',
@@ -194,11 +222,11 @@ var PPro = function PPro() {
   );
 };
 
-var PhoneNumber = function PhoneNumber(_ref4) {
-  var account = _ref4.account,
-      intl = _ref4.intl,
-      change = _ref4.change,
-      values = _ref4.values;
+var PhoneNumber = function PhoneNumber(_ref5) {
+  var account = _ref5.account,
+      intl = _ref5.intl,
+      change = _ref5.change,
+      values = _ref5.values;
 
   return React.createElement(
     'div',
@@ -216,11 +244,11 @@ var PhoneNumber = function PhoneNumber(_ref4) {
   );
 };
 
-var Email = function Email(_ref5) {
-  var account = _ref5.account,
-      intl = _ref5.intl,
-      change = _ref5.change,
-      values = _ref5.values;
+var Email = function Email(_ref6) {
+  var account = _ref6.account,
+      intl = _ref6.intl,
+      change = _ref6.change,
+      values = _ref6.values;
 
   return React.createElement(
     'div',
@@ -238,10 +266,10 @@ var Email = function Email(_ref5) {
   );
 };
 
-var Banklocal = function Banklocal(_ref6) {
-  var account = _ref6.account,
-      intl = _ref6.intl,
-      change = _ref6.change;
+var Banklocal = function Banklocal(_ref7) {
+  var account = _ref7.account,
+      intl = _ref7.intl,
+      change = _ref7.change;
 
   return React.createElement(
     'div',
@@ -261,17 +289,17 @@ var Banklocal = function Banklocal(_ref6) {
         return change('accountNumber', accountNumber);
       },
       name: 'accountNumber',
-      label: translate({ id: 'cashier.details.accountNumber' }, intl),
+      label: translate({ id: 'cashier.details.iban' }, intl),
       disabled: account.accountId
     })
   );
 };
 
-var BankIBAN = function BankIBAN(_ref7) {
-  var account = _ref7.account,
-      intl = _ref7.intl,
-      change = _ref7.change,
-      values = _ref7.values;
+var BankIBAN = function BankIBAN(_ref8) {
+  var account = _ref8.account,
+      intl = _ref8.intl,
+      change = _ref8.change,
+      values = _ref8.values;
 
   return React.createElement(
     'div',
@@ -317,15 +345,15 @@ var BankIBAN = function BankIBAN(_ref7) {
   );
 };
 
-var AstroPayBank = function AstroPayBank(_ref8) {
-  var account = _ref8.account,
-      intl = _ref8.intl,
-      country = _ref8.country,
-      method = _ref8.method,
-      detail = _ref8.detail,
-      change = _ref8.change,
-      values = _ref8.values,
-      config = _ref8.config;
+var AstroPayBank = function AstroPayBank(_ref9) {
+  var account = _ref9.account,
+      intl = _ref9.intl,
+      country = _ref9.country,
+      method = _ref9.method,
+      detail = _ref9.detail,
+      change = _ref9.change,
+      values = _ref9.values,
+      config = _ref9.config;
 
   var _useState = useState([]),
       _useState2 = _slicedToArray(_useState, 2),
@@ -530,22 +558,22 @@ var AstroPayBank = function AstroPayBank(_ref8) {
   );
 };
 
-var BankIntl = function BankIntl(_ref9) {
-  var account = _ref9.account,
-      intl = _ref9.intl,
-      values = _ref9.values,
-      change = _ref9.change,
-      country = _ref9.country;
+var BankIntl = function BankIntl(_ref10) {
+  var account = _ref10.account,
+      intl = _ref10.intl,
+      values = _ref10.values,
+      change = _ref10.change,
+      country = _ref10.country;
 
   return React.createElement(
     'div',
     { className: 'payment-account-info' },
     React.createElement(Input, {
       required: true,
-      name: 'iban',
-      value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : values['iban'],
-      onChange: function onChange(e, iban) {
-        return change('iban', iban);
+      name: 'accountNumber',
+      value: account.accountId ? account.maskedAccount.replace(/\d*-/g, '') : values['accountNumber'],
+      onChange: function onChange(e, accountNumber) {
+        return change('accountNumber', accountNumber);
       },
       label: translate({ id: 'cashier.details.iban' }, intl),
       disabled: account.accountId
@@ -587,12 +615,12 @@ var BankIntl = function BankIntl(_ref9) {
   );
 };
 
-var CryptoCurrency = function CryptoCurrency(_ref10) {
-  var intl = _ref10.intl,
-      detail = _ref10.detail,
-      method = _ref10.method,
-      values = _ref10.values,
-      change = _ref10.change;
+var CryptoCurrency = function CryptoCurrency(_ref11) {
+  var intl = _ref11.intl,
+      detail = _ref11.detail,
+      method = _ref11.method,
+      values = _ref11.values,
+      change = _ref11.change;
 
   var methodDetails = {
     cryptoCurrencies: getByPath(detail, 'config.cryptoCurrencies', [])
@@ -645,11 +673,11 @@ var CryptoCurrency = function CryptoCurrency(_ref10) {
   );
 };
 
-var Jeton = function Jeton(_ref11) {
-  var account = _ref11.account,
-      intl = _ref11.intl,
-      values = _ref11.values,
-      change = _ref11.change;
+var Jeton = function Jeton(_ref12) {
+  var account = _ref12.account,
+      intl = _ref12.intl,
+      values = _ref12.values,
+      change = _ref12.change;
 
   return React.createElement(
     'div',
@@ -667,11 +695,11 @@ var Jeton = function Jeton(_ref11) {
   );
 };
 
-var BestPay = function BestPay(_ref12) {
-  var account = _ref12.account,
-      intl = _ref12.intl,
-      values = _ref12.values,
-      change = _ref12.change;
+var BestPay = function BestPay(_ref13) {
+  var account = _ref13.account,
+      intl = _ref13.intl,
+      values = _ref13.values,
+      change = _ref13.change;
 
   return React.createElement(
     'div',
@@ -698,11 +726,11 @@ var BestPay = function BestPay(_ref12) {
   );
 };
 
-var Mifinity = function Mifinity(_ref13) {
-  var account = _ref13.account,
-      intl = _ref13.intl,
-      change = _ref13.change,
-      values = _ref13.values;
+var Mifinity = function Mifinity(_ref14) {
+  var account = _ref14.account,
+      intl = _ref14.intl,
+      change = _ref14.change,
+      values = _ref14.values;
 
   return React.createElement(
     'div',
@@ -720,11 +748,11 @@ var Mifinity = function Mifinity(_ref13) {
   );
 };
 
-var EzeeWallet = function EzeeWallet(_ref14) {
-  var account = _ref14.account,
-      intl = _ref14.intl,
-      method = _ref14.method,
-      change = _ref14.change;
+var EzeeWallet = function EzeeWallet(_ref15) {
+  var account = _ref15.account,
+      intl = _ref15.intl,
+      method = _ref15.method,
+      change = _ref15.change;
 
   return React.createElement(
     'div',
@@ -757,12 +785,12 @@ var EzeeWallet = function EzeeWallet(_ref14) {
   );
 };
 
-var Paramount = function Paramount(_ref15) {
-  var account = _ref15.account,
-      intl = _ref15.intl,
-      values = _ref15.values,
-      change = _ref15.change,
-      detail = _ref15.detail;
+var Paramount = function Paramount(_ref16) {
+  var account = _ref16.account,
+      intl = _ref16.intl,
+      values = _ref16.values,
+      change = _ref16.change,
+      detail = _ref16.detail;
 
   var methodDetails = {
     securityQuestions: getByPath(detail, 'config.securityQuestions', [])
@@ -840,6 +868,11 @@ export var VenusPointDeposit = {
   parser: Parser.parseVenusPoint
 };
 
+export var VegaDeposit = {
+  component: injectMethod('deposit', injectIntl(Vega)),
+  parser: Parser.parseVega
+};
+
 export var SiruDeposit = {
   component: injectIntl(PhoneNumber),
   parser: Parser.parsePhoneNumber
@@ -947,6 +980,11 @@ export var VenusPointWithdrawal = {
   parser: Parser.parseVenusPoint
 };
 
+export var VegaWithdrawal = {
+  component: injectMethod('withdraw', injectIntl(Vega)),
+  parser: Parser.parseVega
+};
+
 export var NetellerWithdrawal = {
   component: injectMethod({ method: 'withdraw' }, injectIntl(Neteller)),
   parser: Parser.parseNeteller

package/es/widgets/CashierAccordion/Payment/PaymentAccountParser.js

@@ -39,6 +39,12 @@ export var parseVenusPoint = function parseVenusPoint(account) {
   };
 };
 
+export var parseVega = function parseVega(account) {
+  return {
+    account: account.maskedAccount || account.account
+  };
+};
+
 export var parseMifinity = function parseMifinity(account) {
   return {
     account: account.maskedAccount || account.account

package/es/widgets/CashierAccordion/Withdraw/WithdrawWidget/index.js

@@ -141,11 +141,13 @@ var WithdrawWidget = function (_PureComponent) {
               if (amount === undefined) {
                 return errors;
               }
-
-              if (Number(amount) < parseFloat(selectedMethod.limit.min)) {
+              if (amount && Number(amount) < parseFloat(selectedMethod.limit.min)) {
                 errors.amount.push(React.createElement(Translate, {
                   id: 'error.cashier.amount-below-method-limit',
-                  defaultMessage: 'Amount is too low.'
+                  defaultMessage: 'Amount is too low. Min amount: {min}',
+                  values: {
+                    min: parseFloat(selectedMethod.limit.min)
+                  }
                 }));
                 return errors;
               }

package/es/widgets/HistoryWidget/index.js

@@ -45,7 +45,7 @@ var HistoryWidgetList = function (_React$Component) {
         minute: '2-digit',
         second: '2-digit'
       });
-    }, _this.createListInfo = function (item, product, currency, isLoading) {
+    }, _this.createListInfo = function (item, product, isLoading) {
       if (isLoading) return [[React.createElement(SkeletonLine, { bold: true }), React.createElement(SkeletonLine, null)], [React.createElement(SkeletonLine, { bold: true }), React.createElement(SkeletonLine, null)]];
 
       if (product === 'casino') {
@@ -57,7 +57,7 @@ var HistoryWidgetList = function (_React$Component) {
           'div',
           null,
           getMessage(getByPath(item, 'Transactions[0].Status'))
-        )], [React.createElement(Money, { value: item.Win - item.Bet, currency: currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];
+        )], [React.createElement(Money, { value: item.Win - item.Bet, currency: item.Currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];
       } else if (product === 'sportsbook') {
         var selection = item.Transactions[0].Description;
         var odds = item.Transactions[0].Odds;
@@ -73,7 +73,10 @@ var HistoryWidgetList = function (_React$Component) {
           'div',
           null,
           getMessage(item.Settled ? 'settled' : 'pendling')
-        )], [React.createElement(Money, { value: item.TotalWin - item.TotalWager, currency: currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
+        )], [React.createElement(Money, {
+          value: item.TotalWin - item.TotalWager,
+          currency: item.Currency
+        }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       } else if (product === 'bingo') {
         return [[React.createElement(Translate, {
           tag: 'div'
@@ -85,7 +88,7 @@ var HistoryWidgetList = function (_React$Component) {
           getMessage(getByPath(item, 'Transactions[0].TransactionType'))
         )], [React.createElement(Money, {
           value: getByPath(item, 'Transactions[0].Amount'),
-          currency: currency
+          currency: item.Currency
         }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       } else if (product === 'fantasy') {
         return [[React.createElement(
@@ -100,7 +103,7 @@ var HistoryWidgetList = function (_React$Component) {
           getMessage(item.Status === 'Default' ? 'initiated' : item.Status === 'Canceled' ? 'canceled' : 'completed')
         )], [React.createElement(Money, {
           value: item.Win - (item.Bet + item.Rake),
-          currency: currency
+          currency: item.Currency
         }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       }
 
@@ -114,9 +117,9 @@ var HistoryWidgetList = function (_React$Component) {
         getMessage(item.Status)
       )], [React.createElement(Money, {
         value: item.TransactionType === 'Withdraw' ? -item.Amount : item.Amount,
-        currency: currency
+        currency: item.Currency
       }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Started + '+00:00')))]];
-    }, _this.createListDetail = function (item, product, currency) {
+    }, _this.createListDetail = function (item, product) {
       if (product === 'casino') {
         return [[React.createElement(
           'div',
@@ -128,14 +131,14 @@ var HistoryWidgetList = function (_React$Component) {
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Bet, currency: currency })
+            value: React.createElement(Money, { value: item.Bet, currency: item.Currency })
           }
         }), React.createElement(Translate, {
           tag: 'div',
           id: 'label.history.win',
           defaultMessage: 'Win: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Win, currency: currency })
+            value: React.createElement(Money, { value: item.Win, currency: item.Currency })
           }
         })]];
       } else if (product === 'sportsbook') {
@@ -164,14 +167,14 @@ var HistoryWidgetList = function (_React$Component) {
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
           values: {
-            value: React.createElement(Money, { value: item.TotalWager, currency: currency })
+            value: React.createElement(Money, { value: item.TotalWager, currency: item.Currency })
           }
         }), React.createElement(Translate, {
           tag: 'div',
           id: 'label.history.win',
           defaultMessage: 'Win: {value}',
           values: {
-            value: React.createElement(Money, { value: item.TotalWin, currency: currency })
+            value: React.createElement(Money, { value: item.TotalWin, currency: item.Currency })
           }
         })]];
       } else if (product === 'bingo') {
@@ -204,14 +207,14 @@ var HistoryWidgetList = function (_React$Component) {
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Bet + item.Rake, currency: currency })
+            value: React.createElement(Money, { value: item.Bet + item.Rake, currency: item.Currency })
           }
         }), React.createElement(Translate, {
           tag: 'div',
           id: 'label.history.win',
           defaultMessage: 'Win: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Win, currency: currency })
+            value: React.createElement(Money, { value: item.Win, currency: item.Currency })
           }
         })]];
       }
@@ -273,8 +276,7 @@ var HistoryWidgetList = function (_React$Component) {
       var _props = this.props,
           items = _props.items,
           product = _props.product,
-          limit = _props.limit,
-          currency = _props.currency;
+          limit = _props.limit;
       var page = this.state.page;
 
 
@@ -283,8 +285,8 @@ var HistoryWidgetList = function (_React$Component) {
       var listItems = pageItems.map(function (item) {
         return {
           id: item,
-          info: _this2.createListInfo(item, product, currency, items.isLoading),
-          detail: _this2.createListDetail(item, product, currency, items.isLoading)
+          info: _this2.createListInfo(item, product, items.isLoading),
+          detail: _this2.createListDetail(item, product, items.isLoading)
         };
       });
 
@@ -331,7 +333,6 @@ var HistoryWidget = function HistoryWidget(_ref2) {
   var getTransactions = _ref2.getTransactions,
       items = _ref2.items,
       products = _ref2.products,
-      currency = _ref2.currency,
       limit = _ref2.limit;
 
   var accordionItems = products.map(function (product) {
@@ -339,7 +340,6 @@ var HistoryWidget = function HistoryWidget(_ref2) {
       header: getMessage(product),
       content: React.createElement(HistoryWidgetList, {
         product: product,
-        currency: currency,
         limit: limit,
         getTransactions: getTransactions[product],
         items: items[product]

package/es/widgets/ResponsibleGamingWidget/Timespan.js

@@ -251,7 +251,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
       setValue = _useState2[1];
 
   useEffect(function () {
-    if (newLimit && newLimit.Amount) {
+    if (newLimit) {
       setValue(newLimit.Amount);
     }
   }, [newLimit]);
@@ -282,7 +282,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
     });
   }
   // If not blocked from removing limit or 'No limit' option is selected -> add 'No limit' option
-  if (!validationState['limit-remove-blocked'] || value === 0) {
+  if (!validationState['limit-remove-blocked'] || value === 0 || value === '') {
     options.unshift({
       value: 0,
       label: messages.get('label.responsible-gaming.option.no-limit')
@@ -319,6 +319,8 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
     }
   };
 
+  var isIphone = typeof window !== 'undefined' && navigator.platform === 'iPhone';
+
   return React.createElement(
     Fragment,
     null,
@@ -352,7 +354,7 @@ var DefaultTimespan = function DefaultTimespan(_ref10) {
             setValue(parseInt(value));
             if (value > 0) _onChange(value);
           },
-          autoFocus: true,
+          autoFocus: !isIphone,
           min: validationState['limit-remove-blocked'] ? '1' : '0',
           max: validationState['limit-increase-blocked'] ? getByPath(currentLimit, 'Amount') : Infinity
         }),

package/lib/components/Money/index.js

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.format = undefined;
 
 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; };
 
@@ -18,13 +19,25 @@ var _propTypes2 = _interopRequireDefault(_propTypes);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+/**
+ * For crypto we want more decimals.
+ */
+var fractionDigits = {
+  BTC: { min: 5, max: 5 },
+  LTC: { min: 5, max: 5 },
+  XBC: { min: 5, max: 5 },
+  ETH: { min: 5, max: 5 },
+  BCH: { min: 5, max: 5 },
+  XRP: { min: 3, max: 3 }
+};
+
 /**
  * FormattedNumber component to display currency
  */
 var Money = function Money(props) {
   return _react2.default.createElement(_reactIntl.FormattedNumber, _extends({
-    minimumFractionDigits: props.decimals ? 2 : 0,
-    maximumFractionDigits: props.decimals ? 2 : 0
+    minimumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].min || 2 : 0,
+    maximumFractionDigits: props.decimals ? fractionDigits[props.currency] && fractionDigits[props.currency].max || 2 : 0
   }, props, {
     style: 'currency'
   }));
@@ -48,4 +61,14 @@ Money.defaultProps = {
   decimals: true
 };
 
+var format = exports.format = function format(currency) {
+  var locale = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'en-US';
+  return new Intl.NumberFormat(locale, {
+    style: 'currency',
+    currency: currency,
+    minimumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].min : null,
+    maximumFractionDigits: fractionDigits[currency] ? fractionDigits[currency].max : null
+  });
+};
+
 exports.default = Money;

package/lib/components/Picture/index.js

@@ -52,7 +52,7 @@ var Picture = function Picture(_ref) {
       });
     }),
     _react2.default.createElement('img', _extends({
-      src: typeof src === 'string' && src,
+      src: typeof src === 'string' ? src : undefined,
       width: width,
       height: height,
       loading: loading

package/lib/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-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 = exports.BonusOffers = 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');
 
@@ -205,19 +205,12 @@ var _VerifyAccordionWidget = require('./widgets/VerifyAccordionWidget');
 
 var _VerifyAccordionWidget2 = _interopRequireDefault(_VerifyAccordionWidget);
 
-var _BonusOffers = require('./widgets/BonusOffers');
-
-var _BonusOffers2 = _interopRequireDefault(_BonusOffers);
-
 var _countryEmojiFlags = require('./misc/countryEmojiFlags');
 
 var _countryEmojiFlags2 = _interopRequireDefault(_countryEmojiFlags);
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-// widgets
-// components
-exports.BonusOffers = _BonusOffers2.default;
 exports.AcceptUpdatedTaC = _AcceptUpdatedTaC2.default;
 exports.Alert = _Alert2.default;
 exports.Button = _Button2.default;
@@ -270,4 +263,8 @@ exports.countryEmojiFlags = _countryEmojiFlags2.default;
 exports.Skeleton = _Skeleton2.default;
 exports.AutocompleteInput = _AutocompleteInput2.default;
 
-// misc
+// misc
+
+
+// widgets
+// components

package/lib/lib/utils/selectUnit.js

@@ -13,55 +13,51 @@ var MILISECONDS = {
   IN_A_YEAR: 31536000000
 };
 
-var selectUnit = exports.selectUnit = function selectUnit(value) {
-  var isFuture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
-
+var selectUnit = exports.selectUnit = function selectUnit(from) {
   var now = Date.now();
-  var ms = isFuture ? value - now : now - value;
-
-  var operatorCalc = isFuture ? 1 : -1;
+  var ms = now - from;
 
   switch (true) {
     case MILISECONDS.IN_A_SECOND < ms && ms < MILISECONDS.IN_A_MINUTE:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_SECOND),
+        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: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MINUTE),
         unit: 'minute'
       };
 
     case MILISECONDS.IN_AN_HOUR < ms && ms < MILISECONDS.IN_A_DAY:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_AN_HOUR),
         unit: 'hour'
       };
 
     case MILISECONDS.IN_A_DAY < ms && ms < MILISECONDS.IN_A_WEEK:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_DAY),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_DAY),
         unit: 'day'
       };
 
     case MILISECONDS.IN_A_WEEK < ms && ms < MILISECONDS.IN_A_MONTH:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_WEEK),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_WEEK),
         unit: 'week'
       };
 
     case MILISECONDS.IN_A_MONTH < ms && ms < MILISECONDS.IN_A_YEAR:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_MONTH),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MONTH),
         unit: 'month'
       };
 
     case MILISECONDS.IN_A_YEAR < ms:
       return {
-        value: operatorCalc * Math.floor(ms / MILISECONDS.IN_A_YEAR),
+        value: -1 * Math.floor(ms / MILISECONDS.IN_A_YEAR),
         unit: 'year'
       };