tg-core-components 6.1.17 → 6.1.19-alpha.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,12 +558,12 @@ 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',
@@ -547,7 +575,7 @@ var BankIntl = function BankIntl(_ref9) {
       onChange: function onChange(e, accountNumber) {
         return change('accountNumber', accountNumber);
       },
-      label: translate({ id: 'cashier.details.accountNumber' }, intl),
+      label: translate({ id: 'cashier.details.iban' }, intl),
       disabled: account.accountId
     }),
     React.createElement(Input, {
@@ -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,6 +785,69 @@ var EzeeWallet = function EzeeWallet(_ref14) {
   );
 };
 
+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', [])
+  };
+
+  return React.createElement(
+    'div',
+    { className: 'payment-account-info' },
+    methodDetails.securityQuestions.length > 0 && React.createElement(
+      Select,
+      {
+        required: true,
+        disabled: account.accountId,
+        name: 'securityQuestion',
+        value: values['securityQuestion'],
+        onChange: function onChange(_, securityQuestion) {
+          return change('securityQuestion', securityQuestion);
+        },
+        label: translate({
+          id: 'cashier.details.securityQuestion',
+          defaultMessage: 'Security question'
+        }, intl) },
+      !values['securityQuestion'] && React.createElement(
+        Select.Option,
+        { value: '', selected: true, disabled: true },
+        translate({
+          id: 'cashier.details.select-securityQuestion',
+          defaultMessage: 'Select security question'
+        }, intl)
+      ),
+      methodDetails.securityQuestions.map(function (securityQuestion) {
+        return React.createElement(
+          Select.Option,
+          { value: securityQuestion.value },
+          translate({
+            id: securityQuestion.id,
+            defaultMessage: securityQuestion.value
+          }, intl)
+        );
+      })
+    ),
+    React.createElement(Input, {
+      required: true,
+      type: 'password',
+      name: 'securityAnswer',
+      value: values['securityAnswer'],
+      onChange: function onChange(_, securityAnswer) {
+        return change('securityAnswer', securityAnswer);
+      },
+      label: translate({
+        id: 'cashier.details.securityAnswer',
+        defaultMessage: 'Security answer'
+      }, intl)
+    })
+  );
+};
+
 export var SkrillDeposit = {
   component: injectIntl(Email),
   parser: Parser.parseEmail
@@ -777,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
@@ -884,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
@@ -918,6 +1019,11 @@ export var EzeeWalletWithdrawal = {
   parser: identity
 };
 
+export var ParamountWithdrawal = {
+  component: injectIntl(Paramount),
+  parser: Parser.parseParamount
+};
+
 export var MiFinityEWalletWithdrawal = {
   component: injectIntl(Mifinity),
   parser: identity

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

@@ -39,8 +39,20 @@ 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
   };
+};
+
+export var parseParamount = function parseParamount(account) {
+  return {
+    securityQuestion: account.maskedAccount || account.account
+  };
 };

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

@@ -141,8 +141,7 @@ 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.'

package/es/widgets/HistoryWidget/index.js

@@ -17,71 +17,7 @@ import { SkeletonLine } from '../../components/Skeleton';
 import getByPath from 'lodash/get';
 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,
-  IN_A_MONTH: 2628000000,
-  IN_A_YEAR: 31536000000
-};
-
-var selectUnit = function selectUnit(from) {
-  var now = Date.now();
-  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),
-        unit: 'hour'
-      };
-
-    case MILISECONDS.IN_A_DAY < ms && ms < MILISECONDS.IN_A_WEEK:
-      return {
-        value: -1 * Math.floor(ms / MILISECONDS.IN_A_DAY),
-        unit: 'day'
-      };
-
-    case MILISECONDS.IN_A_WEEK < ms && ms < MILISECONDS.IN_A_MONTH:
-      return {
-        value: -1 * Math.floor(ms / MILISECONDS.IN_A_WEEK),
-        unit: 'week'
-      };
-
-    case MILISECONDS.IN_A_MONTH < ms && ms < MILISECONDS.IN_A_YEAR:
-      return {
-        value: -1 * Math.floor(ms / MILISECONDS.IN_A_MONTH),
-        unit: 'month'
-      };
-
-    case MILISECONDS.IN_A_YEAR < ms:
-      return {
-        value: -1 * Math.floor(ms / MILISECONDS.IN_A_YEAR),
-        unit: 'year'
-      };
-
-    default:
-      return {
-        value: 0
-      };
-  }
-};
+import { selectUnit } from '../../lib/utils/selectUnit';
 
 var HistoryWidgetList = function (_React$Component) {
   _inherits(HistoryWidgetList, _React$Component);
@@ -109,7 +45,7 @@ var HistoryWidgetList = function (_React$Component) {
         minute: '2-digit',
         second: '2-digit'
       });
-    }, _this.createListInfo = function (item, product, isLoading) {
+    }, _this.createListInfo = function (item, product, currency, 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') {
@@ -121,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: item.Currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.StartTime + '+00:00')))]];
+        )], [React.createElement(Money, { value: item.Win - item.Bet, currency: 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;
@@ -137,10 +73,7 @@ var HistoryWidgetList = function (_React$Component) {
           'div',
           null,
           getMessage(item.Settled ? 'settled' : 'pendling')
-        )], [React.createElement(Money, {
-          value: item.TotalWin - item.TotalWager,
-          currency: item.Currency
-        }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
+        )], [React.createElement(Money, { value: item.TotalWin - item.TotalWager, currency: currency }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       } else if (product === 'bingo') {
         return [[React.createElement(Translate, {
           tag: 'div'
@@ -152,7 +85,7 @@ var HistoryWidgetList = function (_React$Component) {
           getMessage(getByPath(item, 'Transactions[0].TransactionType'))
         )], [React.createElement(Money, {
           value: getByPath(item, 'Transactions[0].Amount'),
-          currency: item.Currency
+          currency: currency
         }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       } else if (product === 'fantasy') {
         return [[React.createElement(
@@ -167,7 +100,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: item.Currency
+          currency: currency
         }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Created + '+00:00')))]];
       }
 
@@ -181,9 +114,9 @@ var HistoryWidgetList = function (_React$Component) {
         getMessage(item.Status)
       )], [React.createElement(Money, {
         value: item.TransactionType === 'Withdraw' ? -item.Amount : item.Amount,
-        currency: item.Currency
+        currency: currency
       }), React.createElement(FormattedRelativeTime, selectUnit(new Date(item.Started + '+00:00')))]];
-    }, _this.createListDetail = function (item, product) {
+    }, _this.createListDetail = function (item, product, currency) {
       if (product === 'casino') {
         return [[React.createElement(
           'div',
@@ -195,14 +128,14 @@ var HistoryWidgetList = function (_React$Component) {
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Bet, currency: item.Currency })
+            value: React.createElement(Money, { value: item.Bet, currency: currency })
           }
         }), React.createElement(Translate, {
           tag: 'div',
           id: 'label.history.win',
           defaultMessage: 'Win: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Win, currency: item.Currency })
+            value: React.createElement(Money, { value: item.Win, currency: currency })
           }
         })]];
       } else if (product === 'sportsbook') {
@@ -231,14 +164,14 @@ var HistoryWidgetList = function (_React$Component) {
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
           values: {
-            value: React.createElement(Money, { value: item.TotalWager, currency: item.Currency })
+            value: React.createElement(Money, { value: item.TotalWager, currency: currency })
           }
         }), React.createElement(Translate, {
           tag: 'div',
           id: 'label.history.win',
           defaultMessage: 'Win: {value}',
           values: {
-            value: React.createElement(Money, { value: item.TotalWin, currency: item.Currency })
+            value: React.createElement(Money, { value: item.TotalWin, currency: currency })
           }
         })]];
       } else if (product === 'bingo') {
@@ -271,14 +204,14 @@ var HistoryWidgetList = function (_React$Component) {
           id: 'label.history.bet',
           defaultMessage: 'Bet: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Bet + item.Rake, currency: item.Currency })
+            value: React.createElement(Money, { value: item.Bet + item.Rake, currency: currency })
           }
         }), React.createElement(Translate, {
           tag: 'div',
           id: 'label.history.win',
           defaultMessage: 'Win: {value}',
           values: {
-            value: React.createElement(Money, { value: item.Win, currency: item.Currency })
+            value: React.createElement(Money, { value: item.Win, currency: currency })
           }
         })]];
       }
@@ -340,7 +273,8 @@ var HistoryWidgetList = function (_React$Component) {
       var _props = this.props,
           items = _props.items,
           product = _props.product,
-          limit = _props.limit;
+          limit = _props.limit,
+          currency = _props.currency;
       var page = this.state.page;
 
 
@@ -349,8 +283,8 @@ var HistoryWidgetList = function (_React$Component) {
       var listItems = pageItems.map(function (item) {
         return {
           id: item,
-          info: _this2.createListInfo(item, product, items.isLoading),
-          detail: _this2.createListDetail(item, product, items.isLoading)
+          info: _this2.createListInfo(item, product, currency, items.isLoading),
+          detail: _this2.createListDetail(item, product, currency, items.isLoading)
         };
       });
 
@@ -397,6 +331,7 @@ 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) {
@@ -404,6 +339,7 @@ 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/es/widgets/VerifyAccordionWidget/index.js

@@ -19,10 +19,10 @@ import { FormattedRelativeTime } from 'react-intl';
 import getByPath from 'lodash/get';
 import PropTypes from 'prop-types';
 import Translate from '../../components/Translate';
-import { selectUnit } from '@formatjs/intl-utils';
 import { getKycType } from '../Verify/types';
 import { getKycReason } from '../Verify/reasons';
 import { getKycStatus } from '../Verify/status';
+import { selectUnit } from '../../lib/utils/selectUnit';
 
 var UploadForm = function UploadForm(_ref) {
   var type = _ref.type,